From 6618cc92e738f57b396759adcdeab54a096984cf Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 17 Jan 2024 14:20:44 -0800
Subject: [PATCH 001/753] start working on tax form views

---
 .../sqm-tax-form/sqm-tax-form-step-1-view.tsx | 88 +++++++++++++++++++
 1 file changed, 88 insertions(+)
 create mode 100644 packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-1-view.tsx

diff --git a/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-1-view.tsx b/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-1-view.tsx
new file mode 100644
index 0000000000..1e9da76ba2
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-1-view.tsx
@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+
+export interface TaxFormStepOneProps {
+  states: {
+    loading: boolean;
+    formState: {
+      firstName: string;
+      lastName: string;
+      email: string;
+      country: string;
+      currency: string;
+      indirectTaxNumber: string;
+      allowBankingCollection: boolean;
+      errors: any;
+      error: string;
+    };
+  };
+  callbacks: {
+    onSubmit: (props: any) => void;
+    onChange: (e) => void;
+  };
+  text: {
+    firstName: string;
+    lastName: string;
+    email: string;
+    country: string;
+    currency: string;
+    indirectTaxNumber: string;
+    allowBankingCollection: string;
+    submitButton: string;
+  };
+}
+
+const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
+  const {
+    states,
+    states: { formState },
+    callbacks,
+    text,
+  } = props;
+
+  return (
+    <form class="FormWrapper" onSubmit={callbacks.onSubmit}>
+      <sl-input
+        exportparts="label: input-label"
+        value={formState.firstName}
+        onInput={callbacks.onChange}
+        label={text.firstName}
+        disabled={states.loading}
+        // Copied from edit form, may need to keep
+        // {...(formState.errors.firstName &&
+        // formState.errors.firstName.status !== "valid"
+        //   ? { class: "ErrorStyles", helpText: "Cannot be empty" }
+        //   : [])}
+        id="firstName"
+        name="firstName"
+        error={
+          formState.errors.firstName &&
+          formState.errors.firstName.status !== "valid"
+            ? formState.errors.firstName.message
+            : undefined
+        }
+      />
+      <sl-input
+        exportparts="label: input-label"
+        value={formState.lastName}
+        onInput={callbacks.onChange}
+        label={text.lastName}
+        disabled={states.loading}
+        // Copied from edit form, may need to keep
+        // {...(formState.errors.lastName &&
+        // formState.errors.lastName.status !== "valid"
+        //   ? { class: "ErrorStyles", helpText: "Cannot be empty" }
+        //   : [])}
+        id="lastName"
+        name="lastName"
+        error={
+          formState.errors.lastName &&
+          formState.errors.lastName.status !== "valid"
+            ? formState.errors.lastName.message
+            : undefined
+        }
+      />
+    </form>
+  );
+};
+
+export default TaxFormStepOneView;

From be7653543d9db55b2258eb64756b3f067727eee2 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 17 Jan 2024 15:23:54 -0800
Subject: [PATCH 002/753] Add story for form

---
 .../sqm-stencilbook/sqm-stencilbook.tsx       |   2 +
 .../sqm-tax-form/TaxForm.stories.tsx          |  58 ++++++
 .../sqm-tax-form/sqm-tax-form-step-1-view.tsx | 166 ++++++++++++++++--
 3 files changed, 210 insertions(+), 16 deletions(-)
 create mode 100644 packages/mint-components/src/components/sqm-tax-form/TaxForm.stories.tsx

diff --git a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
index 56e755fc64..996924a7b7 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
+++ b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
@@ -75,6 +75,7 @@ import * as CouponCode from "../sqm-coupon-code/CouponCode.stories";
 import * as LogoutCurrentUser from "../sqm-logout-current-user/LogoutCurrentUser.stories";
 import * as LinkButton from "../sqm-link-button/LinkButton.stories";
 import * as CloseButton from "../sqm-close-button/CloseButton.stories";
+import * as TaxForm from "../sqm-tax-form/TaxForm.stories";
 
 import * as Themes from "./Themes";
 import { CucumberAddon } from "./CucumberAddon";
@@ -156,6 +157,7 @@ const stories = [
   LinkButton,
   EmailRegistration,
   CloseButton,
+  TaxForm,
 ];
 
 /**
diff --git a/packages/mint-components/src/components/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/sqm-tax-form/TaxForm.stories.tsx
new file mode 100644
index 0000000000..d215254f63
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-tax-form/TaxForm.stories.tsx
@@ -0,0 +1,58 @@
+import { h } from "@stencil/core";
+import {
+  TaxFormStepOneView,
+  TaxFormStepOneProps,
+} from "./sqm-tax-form-step-1-view";
+
+export default {
+  title: "Components/Tax Form",
+};
+
+const stepOneProps: TaxFormStepOneProps = {
+  states: {
+    loading: false,
+    submitDisabled: false,
+    formState: {
+      firstName: "Bob",
+      lastName: "Testerson",
+      email: "bobtesterson@example.com",
+      country: "US",
+      currency: "fghdfgsd",
+      indirectTaxNumber: "sfgdfdgs",
+      allowBankingCollection: true,
+    },
+  },
+  callbacks: {
+    onSubmit: (props: any) => console.log("Submit"),
+    onChange: (e) => console.log("Submit"),
+  },
+  text: {
+    firstName: "First name",
+    lastName: "Last name",
+    email: "Email",
+    country: "Country",
+    currency: "Currency",
+    indirectTaxNumber: "Indirect Tax Number",
+    allowBankingCollection:
+      "I allow impact.com to collect my tax and banking information",
+    submitButton: "Continue",
+  },
+};
+
+export const StepOne = () => {
+  return (
+    <TaxFormStepOneView
+      states={stepOneProps.states}
+      callbacks={stepOneProps.callbacks}
+      text={stepOneProps.text}
+    />
+  );
+};
+
+export const StepOneTest = () => {
+  return <TaxFormStepOneView {...stepOneProps} />;
+};
+
+export const Test = () => {
+  return <div>Does this work?</div>;
+};
diff --git a/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-1-view.tsx b/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-1-view.tsx
index 1e9da76ba2..e0d1596f3c 100644
--- a/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-1-view.tsx
+++ b/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-1-view.tsx
@@ -3,6 +3,7 @@ import { h } from "@stencil/core";
 export interface TaxFormStepOneProps {
   states: {
     loading: boolean;
+    submitDisabled: boolean;
     formState: {
       firstName: string;
       lastName: string;
@@ -11,8 +12,8 @@ export interface TaxFormStepOneProps {
       currency: string;
       indirectTaxNumber: string;
       allowBankingCollection: boolean;
-      errors: any;
-      error: string;
+      errors?: any;
+      error?: string;
     };
   };
   callbacks: {
@@ -31,7 +32,7 @@ export interface TaxFormStepOneProps {
   };
 }
 
-const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
+export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
   const {
     states,
     states: { formState },
@@ -48,16 +49,16 @@ const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
         label={text.firstName}
         disabled={states.loading}
         // Copied from edit form, may need to keep
-        // {...(formState.errors.firstName &&
-        // formState.errors.firstName.status !== "valid"
-        //   ? { class: "ErrorStyles", helpText: "Cannot be empty" }
+        // {...(formState.errors?.firstName &&
+        // formState.errors?.firstName.status !== "valid"
+        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
         //   : [])}
         id="firstName"
         name="firstName"
         error={
-          formState.errors.firstName &&
-          formState.errors.firstName.status !== "valid"
-            ? formState.errors.firstName.message
+          formState.errors?.firstName &&
+          formState.errors?.firstName.status !== "valid"
+            ? formState.errors?.firstName.message
             : undefined
         }
       />
@@ -68,21 +69,154 @@ const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
         label={text.lastName}
         disabled={states.loading}
         // Copied from edit form, may need to keep
-        // {...(formState.errors.lastName &&
-        // formState.errors.lastName.status !== "valid"
-        //   ? { class: "ErrorStyles", helpText: "Cannot be empty" }
+        // {...(formState.errors?.lastName &&
+        // formState.errors?.lastName.status !== "valid"
+        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
         //   : [])}
         id="lastName"
         name="lastName"
         error={
-          formState.errors.lastName &&
-          formState.errors.lastName.status !== "valid"
-            ? formState.errors.lastName.message
+          formState.errors?.lastName &&
+          formState.errors?.lastName.status !== "valid"
+            ? formState.errors?.lastName.message
             : undefined
         }
       />
+      <sl-input
+        exportparts="label: input-label"
+        value={formState.email}
+        onInput={callbacks.onChange}
+        label={text.email}
+        disabled={states.loading}
+        // Copied from edit form, may need to keep
+        // {...(formState.errors?.email &&
+        // formState.errors?.email.status !== "valid"
+        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+        //   : [])}
+        id="email"
+        name="email"
+        error={
+          formState.errors?.email && formState.errors?.email.status !== "valid"
+            ? formState.errors?.email.message
+            : undefined
+        }
+      />
+      <sl-input
+        exportparts="label: input-label"
+        value={formState.country}
+        onInput={callbacks.onChange}
+        label={text.country}
+        disabled={states.loading}
+        // Copied from edit form, may need to keep
+        // {...(formState.errors?.country &&
+        // formState.errors?.country.status !== "valid"
+        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+        //   : [])}
+        id="country"
+        name="country"
+        error={
+          formState.errors?.country &&
+          formState.errors?.country.status !== "valid"
+            ? formState.errors?.country.message
+            : undefined
+        }
+      />
+
+      <sl-input
+        exportparts="label: input-label"
+        value={formState.country}
+        onInput={callbacks.onChange}
+        label={text.country}
+        disabled={states.loading}
+        // Copied from edit form, may need to keep
+        // {...(formState.errors?.country &&
+        // formState.errors?.country.status !== "valid"
+        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+        //   : [])}
+        id="country"
+        name="country"
+        error={
+          formState.errors?.country &&
+          formState.errors?.country.status !== "valid"
+            ? formState.errors?.country.message
+            : undefined
+        }
+      />
+      <sl-input
+        exportparts="label: input-label"
+        value={formState.currency}
+        onInput={callbacks.onChange}
+        label={text.currency}
+        disabled={states.loading}
+        // Copied from edit form, may need to keep
+        // {...(formState.errors?.currency &&
+        // formState.errors?.currency.status !== "valid"
+        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+        //   : [])}
+        id="currency"
+        name="currency"
+        error={
+          formState.errors?.currency &&
+          formState.errors?.currency.status !== "valid"
+            ? formState.errors?.currency.message
+            : undefined
+        }
+      />
+      <sl-input
+        exportparts="label: input-label"
+        value={formState.indirectTaxNumber}
+        onInput={callbacks.onChange}
+        label={text.indirectTaxNumber}
+        disabled={states.loading}
+        // Copied from edit form, may need to keep
+        // {...(formState.errors?.indirectTaxNumber &&
+        // formState.errors?.indirectTaxNumber.status !== "valid"
+        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+        //   : [])}
+        id="indirectTaxNumber"
+        name="indirectTaxNumber"
+        error={
+          formState.errors?.indirectTaxNumber &&
+          formState.errors?.indirectTaxNumber.status !== "valid"
+            ? formState.errors?.indirectTaxNumber.message
+            : undefined
+        }
+      />
+      <sl-input
+        exportparts="label: input-label"
+        value={formState.allowBankingCollection}
+        type="checkbox"
+        onInput={callbacks.onChange}
+        label={text.allowBankingCollection}
+        disabled={states.loading}
+        // Copied from edit form, may need to keep
+        // {...(formState.errors?.allowBankingCollection &&
+        // formState.errors?.allowBankingCollection.status !== "valid"
+        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+        //   : [])}
+        id="allowBankingCollection"
+        name="allowBankingCollection"
+        error={
+          formState.errors?.allowBankingCollection &&
+          formState.errors?.allowBankingCollection.status !== "valid"
+            ? formState.errors?.allowBankingCollection.message
+            : undefined
+        }
+      />
+      <sl-button
+        type="primary"
+        loading={states.loading}
+        disabled={states.submitDisabled}
+        onClick={(e) => {
+          callbacks.onSubmit(e);
+        }}
+        submit
+        exportparts="base: primarybutton-base"
+      >
+        {text.submitButton}
+      </sl-button>
     </form>
   );
 };
 
-export default TaxFormStepOneView;
+// export default TaxFormStepOneView;

From 1ca6a69acd141c4b92a2593026cf9728d0ff6281 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 17 Jan 2024 16:52:42 -0800
Subject: [PATCH 003/753] add more stories

---
 .../sqm-tax-form/TaxForm.stories.tsx          | 38 +++++++++++++++----
 .../sqm-tax-form/sqm-tax-form-step-1-view.tsx |  8 ++--
 2 files changed, 35 insertions(+), 11 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/sqm-tax-form/TaxForm.stories.tsx
index d215254f63..83d45a4084 100644
--- a/packages/mint-components/src/components/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/sqm-tax-form/TaxForm.stories.tsx
@@ -40,19 +40,43 @@ const stepOneProps: TaxFormStepOneProps = {
 };
 
 export const StepOne = () => {
+  return <TaxFormStepOneView {...stepOneProps} />;
+};
+
+export const StepOneLoading = () => {
   return (
     <TaxFormStepOneView
-      states={stepOneProps.states}
-      callbacks={stepOneProps.callbacks}
-      text={stepOneProps.text}
+      {...stepOneProps}
+      states={{ ...stepOneProps.states, loading: true }}
     />
   );
 };
 
-export const StepOneTest = () => {
-  return <TaxFormStepOneView {...stepOneProps} />;
+export const StepOneDisabled = () => {
+  return (
+    <TaxFormStepOneView
+      {...stepOneProps}
+      states={{ ...stepOneProps.states, submitDisabled: true }}
+    />
+  );
 };
 
-export const Test = () => {
-  return <div>Does this work?</div>;
+export const StepOneWithError = () => {
+  return (
+    <TaxFormStepOneView
+      {...stepOneProps}
+      states={{
+        ...stepOneProps.states,
+        formState: {
+          ...stepOneProps.states.formState,
+          errors: {
+            firstName: {
+              status: "invalid",
+              message: "Please enter your first name",
+            },
+          },
+        },
+      }}
+    />
+  );
 };
diff --git a/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-1-view.tsx b/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-1-view.tsx
index e0d1596f3c..9f8f95935b 100644
--- a/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-1-view.tsx
+++ b/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-1-view.tsx
@@ -182,12 +182,10 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
             : undefined
         }
       />
-      <sl-input
+      <sl-checkbox
         exportparts="label: input-label"
         value={formState.allowBankingCollection}
-        type="checkbox"
         onInput={callbacks.onChange}
-        label={text.allowBankingCollection}
         disabled={states.loading}
         // Copied from edit form, may need to keep
         // {...(formState.errors?.allowBankingCollection &&
@@ -202,7 +200,9 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
             ? formState.errors?.allowBankingCollection.message
             : undefined
         }
-      />
+      >
+        {text.allowBankingCollection}
+      </sl-checkbox>
       <sl-button
         type="primary"
         loading={states.loading}

From d81c1a01cf241d091df636d6ba4cf3c5b78eb0f4 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 17 Jan 2024 17:13:37 -0800
Subject: [PATCH 004/753] a bunch of placeholder components, form routing

---
 packages/mint-components/src/components.d.ts  | 110 +++++++-
 .../sqm-cash-form/sqm-cash-form.tsx           |  49 ++++
 .../sqm-context-router/ContextRouter.feature  |  61 ++++
 .../sqm-context-router/ContextRouter.tsx      | 175 ++++++++++++
 .../components/sqm-context-router/readme.md   |  23 ++
 .../sqm-context-router/sqm-context-router.css |   7 +
 .../sqm-context-router.e2e.ts                 | 266 ++++++++++++++++++
 .../sqm-context-router/sqm-context-router.tsx |  38 +++
 .../sqm-context-router/useContextRouter.ts    |  97 +++++++
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  51 ++++
 .../sqm-tax-and-cash/TaxAndCash.stories.tsx   |  21 ++
 .../src/components/sqm-tax-and-cash/readme.md |  32 +++
 .../sqm-tax-and-cash-view.tsx                 |  11 +
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  58 ++++
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  32 +++
 .../components/sqm-tax-form/sqm-tax-form.tsx  |  58 ++++
 .../components/sqm-tax-form/useTaxForm.tsx    |  17 ++
 packages/mint-components/src/index.html       |  16 +-
 18 files changed, 1120 insertions(+), 2 deletions(-)
 create mode 100644 packages/mint-components/src/components/sqm-cash-form/sqm-cash-form.tsx
 create mode 100644 packages/mint-components/src/components/sqm-context-router/ContextRouter.feature
 create mode 100644 packages/mint-components/src/components/sqm-context-router/ContextRouter.tsx
 create mode 100644 packages/mint-components/src/components/sqm-context-router/readme.md
 create mode 100644 packages/mint-components/src/components/sqm-context-router/sqm-context-router.css
 create mode 100644 packages/mint-components/src/components/sqm-context-router/sqm-context-router.e2e.ts
 create mode 100644 packages/mint-components/src/components/sqm-context-router/sqm-context-router.tsx
 create mode 100644 packages/mint-components/src/components/sqm-context-router/useContextRouter.ts
 create mode 100644 packages/mint-components/src/components/sqm-docusign-form/sqm-docusign-form.tsx
 create mode 100644 packages/mint-components/src/components/sqm-tax-and-cash/TaxAndCash.stories.tsx
 create mode 100644 packages/mint-components/src/components/sqm-tax-and-cash/readme.md
 create mode 100644 packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash-view.tsx
 create mode 100644 packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash.tsx
 create mode 100644 packages/mint-components/src/components/sqm-tax-and-cash/useTaxAndCash.tsx
 create mode 100644 packages/mint-components/src/components/sqm-tax-form/sqm-tax-form.tsx
 create mode 100644 packages/mint-components/src/components/sqm-tax-form/useTaxForm.tsx

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 0e94a4916a..2ccefbed9c 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -8,6 +8,7 @@ import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 import { DemoData } from "./global/demo";
 import { AssetCardViewProps } from "./components/sqm-asset-card/sqm-asset-card-view";
 import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
+import { UserNameViewProps } from "./components/sqm-tax-and-cash/sqm-tax-and-cash-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
 import { CouponCodeViewProps } from "./components/sqm-coupon-code/sqm-coupon-code-view";
 import { DropdownFieldViewProps } from "./components/sqm-dropdown-field/sqm-dropdown-field-view";
@@ -39,7 +40,7 @@ import { ReferralDates } from "./components/sqm-referral-table/useReferralTable"
 import { RewardExchangeViewProps } from "./components/sqm-reward-exchange-list/sqm-reward-exchange-list-view";
 import { ShareButtonViewProps } from "./components/sqm-share-button/sqm-share-button-view";
 import { TaskCardViewProps } from "./components/sqm-task-card/sqm-task-card-view";
-import { UserNameViewProps } from "./components/sqm-user-name/sqm-user-name-view";
+import { UserNameViewProps as UserNameViewProps1 } from "./components/sqm-user-name/sqm-user-name-view";
 export namespace Components {
     interface RaisinsPlopTarget {
         "renderCell": () => Promise<any>;
@@ -121,6 +122,13 @@ export namespace Components {
          */
         "width": number;
     }
+    interface SqmCashForm {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+    }
     interface SqmCheckboxField {
         /**
           * @uiName Checkbox label
@@ -164,6 +172,9 @@ export namespace Components {
          */
         "color": string;
     }
+    interface SqmContextRouter {
+        "contextName": string;
+    }
     interface SqmCouponCode {
         /**
           * Set the copy button style and placement.
@@ -272,6 +283,13 @@ export namespace Components {
          */
         "dividerStyle": string;
     }
+    interface SqmDocusignForm {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+    }
     interface SqmDropdownField {
         /**
           * @undocumented 
@@ -2802,6 +2820,20 @@ export namespace Components {
          */
         "steps": boolean;
     }
+    interface SqmTaxAndCash {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+    }
+    interface SqmTaxForm {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+    }
     interface SqmText {
     }
     interface SqmTextSpan {
@@ -2926,6 +2958,12 @@ declare global {
         prototype: HTMLSqmCardFeedElement;
         new (): HTMLSqmCardFeedElement;
     };
+    interface HTMLSqmCashFormElement extends Components.SqmCashForm, HTMLStencilElement {
+    }
+    var HTMLSqmCashFormElement: {
+        prototype: HTMLSqmCashFormElement;
+        new (): HTMLSqmCashFormElement;
+    };
     interface HTMLSqmCheckboxFieldElement extends Components.SqmCheckboxField, HTMLStencilElement {
     }
     var HTMLSqmCheckboxFieldElement: {
@@ -2938,6 +2976,12 @@ declare global {
         prototype: HTMLSqmCloseButtonElement;
         new (): HTMLSqmCloseButtonElement;
     };
+    interface HTMLSqmContextRouterElement extends Components.SqmContextRouter, HTMLStencilElement {
+    }
+    var HTMLSqmContextRouterElement: {
+        prototype: HTMLSqmContextRouterElement;
+        new (): HTMLSqmContextRouterElement;
+    };
     interface HTMLSqmCouponCodeElement extends Components.SqmCouponCode, HTMLStencilElement {
     }
     var HTMLSqmCouponCodeElement: {
@@ -2950,6 +2994,12 @@ declare global {
         prototype: HTMLSqmDividedLayoutElement;
         new (): HTMLSqmDividedLayoutElement;
     };
+    interface HTMLSqmDocusignFormElement extends Components.SqmDocusignForm, HTMLStencilElement {
+    }
+    var HTMLSqmDocusignFormElement: {
+        prototype: HTMLSqmDocusignFormElement;
+        new (): HTMLSqmDocusignFormElement;
+    };
     interface HTMLSqmDropdownFieldElement extends Components.SqmDropdownField, HTMLStencilElement {
     }
     var HTMLSqmDropdownFieldElement: {
@@ -3418,6 +3468,18 @@ declare global {
         prototype: HTMLSqmTaskCardElement;
         new (): HTMLSqmTaskCardElement;
     };
+    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    }
+    var HTMLSqmTaxAndCashElement: {
+        prototype: HTMLSqmTaxAndCashElement;
+        new (): HTMLSqmTaxAndCashElement;
+    };
+    interface HTMLSqmTaxFormElement extends Components.SqmTaxForm, HTMLStencilElement {
+    }
+    var HTMLSqmTaxFormElement: {
+        prototype: HTMLSqmTaxFormElement;
+        new (): HTMLSqmTaxFormElement;
+    };
     interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
     }
     var HTMLSqmTextElement: {
@@ -3460,10 +3522,13 @@ declare global {
         "sqm-big-stat": HTMLSqmBigStatElement;
         "sqm-brand": HTMLSqmBrandElement;
         "sqm-card-feed": HTMLSqmCardFeedElement;
+        "sqm-cash-form": HTMLSqmCashFormElement;
         "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
         "sqm-close-button": HTMLSqmCloseButtonElement;
+        "sqm-context-router": HTMLSqmContextRouterElement;
         "sqm-coupon-code": HTMLSqmCouponCodeElement;
         "sqm-divided-layout": HTMLSqmDividedLayoutElement;
+        "sqm-docusign-form": HTMLSqmDocusignFormElement;
         "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
         "sqm-edit-profile": HTMLSqmEditProfileElement;
         "sqm-empty": HTMLSqmEmptyElement;
@@ -3542,6 +3607,8 @@ declare global {
         "sqm-table-row": HTMLSqmTableRowElement;
         "sqm-tabs": HTMLSqmTabsElement;
         "sqm-task-card": HTMLSqmTaskCardElement;
+        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
+        "sqm-tax-form": HTMLSqmTaxFormElement;
         "sqm-text": HTMLSqmTextElement;
         "sqm-text-span": HTMLSqmTextSpanElement;
         "sqm-timeline": HTMLSqmTimelineElement;
@@ -3629,6 +3696,13 @@ declare namespace LocalJSX {
          */
         "width"?: number;
     }
+    interface SqmCashForm {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+    }
     interface SqmCheckboxField {
         /**
           * @uiName Checkbox label
@@ -3672,6 +3746,9 @@ declare namespace LocalJSX {
          */
         "color"?: string;
     }
+    interface SqmContextRouter {
+        "contextName"?: string;
+    }
     interface SqmCouponCode {
         /**
           * Set the copy button style and placement.
@@ -3780,6 +3857,13 @@ declare namespace LocalJSX {
          */
         "dividerStyle"?: string;
     }
+    interface SqmDocusignForm {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+    }
     interface SqmDropdownField {
         /**
           * @undocumented 
@@ -6286,6 +6370,20 @@ declare namespace LocalJSX {
          */
         "steps"?: boolean;
     }
+    interface SqmTaxAndCash {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+    }
+    interface SqmTaxForm {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+    }
     interface SqmText {
     }
     interface SqmTextSpan {
@@ -6383,10 +6481,13 @@ declare namespace LocalJSX {
         "sqm-big-stat": SqmBigStat;
         "sqm-brand": SqmBrand;
         "sqm-card-feed": SqmCardFeed;
+        "sqm-cash-form": SqmCashForm;
         "sqm-checkbox-field": SqmCheckboxField;
         "sqm-close-button": SqmCloseButton;
+        "sqm-context-router": SqmContextRouter;
         "sqm-coupon-code": SqmCouponCode;
         "sqm-divided-layout": SqmDividedLayout;
+        "sqm-docusign-form": SqmDocusignForm;
         "sqm-dropdown-field": SqmDropdownField;
         "sqm-edit-profile": SqmEditProfile;
         "sqm-empty": SqmEmpty;
@@ -6465,6 +6566,8 @@ declare namespace LocalJSX {
         "sqm-table-row": SqmTableRow;
         "sqm-tabs": SqmTabs;
         "sqm-task-card": SqmTaskCard;
+        "sqm-tax-and-cash": SqmTaxAndCash;
+        "sqm-tax-form": SqmTaxForm;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
         "sqm-timeline": SqmTimeline;
@@ -6482,10 +6585,13 @@ declare module "@stencil/core" {
             "sqm-big-stat": LocalJSX.SqmBigStat & JSXBase.HTMLAttributes<HTMLSqmBigStatElement>;
             "sqm-brand": LocalJSX.SqmBrand & JSXBase.HTMLAttributes<HTMLSqmBrandElement>;
             "sqm-card-feed": LocalJSX.SqmCardFeed & JSXBase.HTMLAttributes<HTMLSqmCardFeedElement>;
+            "sqm-cash-form": LocalJSX.SqmCashForm & JSXBase.HTMLAttributes<HTMLSqmCashFormElement>;
             "sqm-checkbox-field": LocalJSX.SqmCheckboxField & JSXBase.HTMLAttributes<HTMLSqmCheckboxFieldElement>;
             "sqm-close-button": LocalJSX.SqmCloseButton & JSXBase.HTMLAttributes<HTMLSqmCloseButtonElement>;
+            "sqm-context-router": LocalJSX.SqmContextRouter & JSXBase.HTMLAttributes<HTMLSqmContextRouterElement>;
             "sqm-coupon-code": LocalJSX.SqmCouponCode & JSXBase.HTMLAttributes<HTMLSqmCouponCodeElement>;
             "sqm-divided-layout": LocalJSX.SqmDividedLayout & JSXBase.HTMLAttributes<HTMLSqmDividedLayoutElement>;
+            "sqm-docusign-form": LocalJSX.SqmDocusignForm & JSXBase.HTMLAttributes<HTMLSqmDocusignFormElement>;
             "sqm-dropdown-field": LocalJSX.SqmDropdownField & JSXBase.HTMLAttributes<HTMLSqmDropdownFieldElement>;
             "sqm-edit-profile": LocalJSX.SqmEditProfile & JSXBase.HTMLAttributes<HTMLSqmEditProfileElement>;
             "sqm-empty": LocalJSX.SqmEmpty & JSXBase.HTMLAttributes<HTMLSqmEmptyElement>;
@@ -6564,6 +6670,8 @@ declare module "@stencil/core" {
             "sqm-table-row": LocalJSX.SqmTableRow & JSXBase.HTMLAttributes<HTMLSqmTableRowElement>;
             "sqm-tabs": LocalJSX.SqmTabs & JSXBase.HTMLAttributes<HTMLSqmTabsElement>;
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
+            "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
+            "sqm-tax-form": LocalJSX.SqmTaxForm & JSXBase.HTMLAttributes<HTMLSqmTaxFormElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
             "sqm-timeline": LocalJSX.SqmTimeline & JSXBase.HTMLAttributes<HTMLSqmTimelineElement>;
diff --git a/packages/mint-components/src/components/sqm-cash-form/sqm-cash-form.tsx b/packages/mint-components/src/components/sqm-cash-form/sqm-cash-form.tsx
new file mode 100644
index 0000000000..fda98f7dbd
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-cash-form/sqm-cash-form.tsx
@@ -0,0 +1,49 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Host, Prop, State } from "@stencil/core";
+import deepmerge from "deepmerge";
+import { DemoData } from "../../global/demo";
+import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
+import { LoadingSkeleton } from "../../tables/TableSlots";
+import { useTaxForm } from "../sqm-tax-form/useTaxForm";
+
+/**
+ * @uiName Tax And Cash
+ * @exampleGroup Common Components
+ * @example User Name Display - <sqm-user-name fallback="Anonymous User" loading-text="..."></sqm-user-name>
+ */
+@Component({
+  tag: "sqm-cash-form",
+  shadow: false,
+})
+export class CashForm {
+  @State() ignored = true;
+
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  @Prop() demoData?: DemoData<UserNameViewProps>;
+
+  constructor() {
+    withHooks(this);
+  }
+
+  disconnectedCallback() {}
+
+  render() {
+    const props = useTaxForm();
+
+    console.log({ props });
+    if (props.loading) return <LoadingSkeleton />;
+    return (
+      <Host>
+        Step 3<sl-button onClick={() => props.setStep("/2")}>back</sl-button>
+        <sl-button onClick={() => props.setStep("/4")}>continue</sl-button>
+      </Host>
+    );
+  }
+}
+
+function useTaxAndCashDemo(props: CashForm) {
+  return deepmerge({}, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
diff --git a/packages/mint-components/src/components/sqm-context-router/ContextRouter.feature b/packages/mint-components/src/components/sqm-context-router/ContextRouter.feature
new file mode 100644
index 0000000000..bdad095cb3
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-context-router/ContextRouter.feature
@@ -0,0 +1,61 @@
+Feature: Router
+
+  The router allows routing between different components through a virtual history
+
+  Scenario: Default route
+    Given there is a route for "/"
+    And there is a route for "/stuff"
+    When the router renders
+    Then the route for "/" will be displayed
+
+  Scenario: Changing pages
+    Given there is a route for "/"
+    And there is a route for "/stuff"
+    When the router renders
+    Then the route for "/" will be displayed
+    When "/stuff" is pushed to squatchHistory
+    Then the route for "/stuff" will be displayed
+    When "/" is pushed to squatchHistory
+    Then the route for "/" will be displayed
+
+  Scenario: Going back
+    Given there is a route for "/"
+    And there is a route for "/stuff"
+    And there is a route for "/things"
+    When the router renders
+    Then the route for "/" will be displayed
+    When "/stuff" is pushed to squatchHistory
+    Then the route for "/stuff" will be displayed
+    When "/things" is pushed to squatchHistory
+    Then the route for "/things" will be displayed
+    When squatchHistory pops an element
+    Then the route for "/stuff" will be displayed
+    When squatchHistory pops an element
+    Then the route for "/" will be displayed
+
+  Scenario: Template has precedence over route
+    Given there is a route for "/"
+    And there is a template for "/"
+    And there is a route for "/stuff"
+    When the router renders
+    Then the template for "/" will be rendered
+    When "/stuff" is pushed to squatchHistory
+    Then the route for "/stuff" will be displayed
+    When "/" is pushed to squatchHistory
+    Then the template for "/" will be displayed
+
+  Scenario: First matching element is chosen, with precedence
+    Given the following elements are declared in order on the DOM:
+      | type     | path   | id     |
+      | route    | /      | RootA  |
+      | route    | /      | RootB  |
+      | template | /      | RootC  |
+      | template | /      | RootD  |
+      | route    | /stuff | StuffA |
+      | route    | /stuff | StuffB |
+    When the router renders
+    Then RootC will be rendered
+    When "/stuff" is pushed to squatchHistory
+    Then StuffA will be rendered
+    When "/" is pushed to squatchHistory
+    Then RootC will be rendered
\ No newline at end of file
diff --git a/packages/mint-components/src/components/sqm-context-router/ContextRouter.tsx b/packages/mint-components/src/components/sqm-context-router/ContextRouter.tsx
new file mode 100644
index 0000000000..ff1571a30d
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-context-router/ContextRouter.tsx
@@ -0,0 +1,175 @@
+import { navigation } from "@saasquatch/component-boilerplate";
+import { useState } from "@saasquatch/stencil-hooks";
+import { h } from "@stencil/core";
+import { createHookStory } from "../sqm-stencilbook/HookStoryAddon";
+
+export default {
+  title: "Tests/Router",
+};
+
+const templates = `
+    <template path="/foo"><h1>foo</h1>
+    
+    <p>These elements don't produce a specific box by themselves. They are replaced by their pseudo-box and their child boxes. Please note that the CSS Display Level 3 spec defines how the contents value should affect "unusual elements" — elements that aren’t rendered purely by CSS box concepts such as replaced elements. See Appendix B: Effects of display: contents on Unusual Elements for more details.
+
+    Due to a bug in browsers this will currently remove the element from the accessibility tree — screen readers will not look at what's inside. See the Accessibility concerns section below for more details.</p>
+    </template>
+    <template path="/bar"><h2>bar</h2>
+    
+    <p>Turns off the display of an element so that it has no effect on layout (the document is rendered as though the element did not exist). All descendant elements also have their display turned off.
+    To have an element take up the space that it would normally take, but without actually rendering anything, use the visibility property instead.</p>
+    </template>
+    <template path="/baz/bang"><h3>baz/bang</h3>
+    <pre>
+    ▄▄▄▄▄▄▄░▄▄▄▄▄▄▄░▄▄▄▄▄▄░▄▄▄▄▄
+    ░░▀███░░░░▀██░░░░██▀░░░░██░░
+    ░░░▀██░░░░░▀██░░▄█░░░░░▄█░░░
+    ░░░░███░░░░░▀██▄█░░░░░░█░░░░
+    ░░░░░███░░░░░▀██░░░░░░█▀░░░░
+    ░░░░░░███░░░░▄███░░░░█▀░░░░░
+    ░░░░░░░██▄░░▄▀░███░░█▀░░░░░░
+    ░░░░░░░▀██▄█▀░░░███▄▀░░░░░░░
+    ░░░░░░░░▀██▀░░░░░███░░░░░░░░
+    ░░░░░░░░░▀▀░░░░░░░▀░░░░░░░░░
+    </pre>
+    </template>
+    <template path="/refer/:page"><h3>/refer/:page</h3>
+    <pre>
+      refer/:page
+    </pre>
+    </template>
+`;
+
+const routes = `
+    <sqm-route path="/foo"><h1>foo</h1>
+    
+    <p>These elements don't produce a specific box by themselves. They are replaced by their pseudo-box and their child boxes. Please note that the CSS Display Level 3 spec defines how the contents value should affect "unusual elements" — elements that aren’t rendered purely by CSS box concepts such as replaced elements. See Appendix B: Effects of display: contents on Unusual Elements for more details.
+
+    Due to a bug in browsers this will currently remove the element from the accessibility tree — screen readers will not look at what's inside. See the Accessibility concerns section below for more details.</p>
+    </sqm-route>
+    <sqm-route path="/bar"><h2>bar</h2>
+    <p>Turns off the display of an element so that it has no effect on layout (the document is rendered as though the element did not exist). All descendant elements also have their display turned off.
+    To have an element take up the space that it would normally take, but without actually rendering anything, use the visibility property instead.</p>
+    </sqm-route>
+    <sqm-route path="/baz/bang"><h3>baz/bang</h3>
+    <pre>
+    ▄▄▄▄▄▄▄░▄▄▄▄▄▄▄░▄▄▄▄▄▄░▄▄▄▄▄
+    ░░▀███░░░░▀██░░░░██▀░░░░██░░
+    ░░░▀██░░░░░▀██░░▄█░░░░░▄█░░░
+    ░░░░███░░░░░▀██▄█░░░░░░█░░░░
+    ░░░░░███░░░░░▀██░░░░░░█▀░░░░
+    ░░░░░░███░░░░▄███░░░░█▀░░░░░
+    ░░░░░░░██▄░░▄▀░███░░█▀░░░░░░
+    ░░░░░░░▀██▄█▀░░░███▄▀░░░░░░░
+    ░░░░░░░░▀██▀░░░░░███░░░░░░░░
+    ░░░░░░░░░▀▀░░░░░░░▀░░░░░░░░░
+    </pre>
+    </sqm-route>
+    <sqm-route path="/refer/:page"><h3>/refer/:page</h3>
+    <pre>
+      refer/:page
+    </pre>
+    </sqm-route>
+`;
+
+export const TemplateNavigation = createHookStory(() => {
+  return (
+    <div>
+      <button onClick={() => navigation.push("/")}>/</button>
+      <button onClick={() => navigation.push("/foo")}>/foo</button>
+      <button onClick={() => navigation.push("/bar")}>/bar</button>
+      <button onClick={() => navigation.push("/baz/bang")}>/baz/bang</button>
+      <button onClick={() => navigation.push("/refer")}>/refer</button>
+      <button onClick={() => navigation.push("/refer/1")}>/refer/1</button>
+      <button onClick={() => navigation.push("/refer/2")}>/refer/2</button>
+      <button onClick={() => navigation.back()}>Back</button>
+      <button onClick={() => navigation.forward()}>Forward</button>
+      <hr />
+      <sqm-router innerHTML={templates}></sqm-router>
+    </div>
+  );
+});
+
+export const RouteNavigation = createHookStory(() => {
+  return (
+    <div>
+      <button onClick={() => navigation.push("/")}>/</button>
+      <button onClick={() => navigation.push("/foo")}>/foo</button>
+      <button onClick={() => navigation.push("/bar")}>/bar</button>
+      <button onClick={() => navigation.push("/baz/bang")}>/baz/bang</button>
+      <button onClick={() => navigation.push("/refer")}>/refer</button>
+      <button onClick={() => navigation.push("/refer/1")}>/refer/1</button>
+      <button onClick={() => navigation.push("/refer/2")}>/refer/2</button>
+      <button onClick={() => navigation.back()}>Back</button>
+      <button onClick={() => navigation.forward()}>Forward</button>
+      <hr />
+      <sqm-router innerHTML={routes}></sqm-router>
+    </div>
+  );
+});
+
+export const Styling = createHookStory(() => {
+  return (
+    <div>
+      <button onClick={() => navigation.push("/")}>/</button>
+      <button onClick={() => navigation.push("/foo")}>/foo</button>
+      <hr />
+      <div style={{ display: "flex", justifyContent: "space-around" }}>
+        <sqm-router
+          innerHTML={`<template path="/">
+      
+      <div>Column 1</div>
+      <div>Column 2 </div>
+      </template>`}
+        ></sqm-router>
+      </div>
+    </div>
+  );
+});
+
+function useTemplate(templateString: string) {
+  const [editedTemplate, setEditedTemplate] = useState(templateString);
+  const [previewTemplate, setPreviewTemplate] = useState(templateString);
+  function setPath(e: Event) {
+    //@ts-ignore
+    navigation.push(e.target.value);
+  }
+  return {
+    states: { previewTemplate, editedTemplate },
+    callbacks: { setEditedTemplate, setPreviewTemplate, setPath },
+  };
+}
+
+const defaultRouter = `
+<sqm-router>
+  <template path="/">
+  <div>hello world</div>
+  </template>
+</sqm-router>
+`;
+
+function TemplateView(props) {
+  const { states, callbacks } = props;
+  return [
+    <textarea
+      style={{ width: "100%", height: "300px" }}
+      onChange={(e: Event) =>
+        callbacks.setEditedTemplate((e.target as HTMLInputElement).value)
+      }
+    >
+      {states.editedTemplate}
+    </textarea>,
+    <button onClick={() => callbacks.setPreviewTemplate(states.editedTemplate)}>
+      Update Preview
+    </button>,
+    <label>
+      Current path:<input onInput={callbacks.setPath} value="/"></input>
+    </label>,
+    <div innerHTML={states.previewTemplate}></div>,
+  ];
+}
+
+export const RouterPlayground = createHookStory(() => {
+  const { states, callbacks } = useTemplate(defaultRouter);
+  return <TemplateView states={states} callbacks={callbacks} />;
+});
diff --git a/packages/mint-components/src/components/sqm-context-router/readme.md b/packages/mint-components/src/components/sqm-context-router/readme.md
new file mode 100644
index 0000000000..366f4e036e
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-context-router/readme.md
@@ -0,0 +1,23 @@
+# sqm-router
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Dependencies
+
+### Used by
+
+ - [sqm-stencilbook](../sqm-stencilbook)
+
+### Graph
+```mermaid
+graph TD;
+  sqm-stencilbook --> sqm-router
+  style sqm-router fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/sqm-context-router/sqm-context-router.css b/packages/mint-components/src/components/sqm-context-router/sqm-context-router.css
new file mode 100644
index 0000000000..fdb1c96c3f
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-context-router/sqm-context-router.css
@@ -0,0 +1,7 @@
+sqm-router {
+  /** 
+    Acts like a slot, doesn't provide it's own box 
+    see: https://developer.mozilla.org/en-US/docs/Web/CSS/display#box
+  **/
+  display: contents;
+}
diff --git a/packages/mint-components/src/components/sqm-context-router/sqm-context-router.e2e.ts b/packages/mint-components/src/components/sqm-context-router/sqm-context-router.e2e.ts
new file mode 100644
index 0000000000..3a6e29842d
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-context-router/sqm-context-router.e2e.ts
@@ -0,0 +1,266 @@
+import { E2EPage, newE2EPage } from "@stencil/core/testing";
+
+function newRoute(id: string, path: string) {
+  return /*html*/ `
+  <sqm-route path="${path}">
+    <div id=${id}></div>
+  </sqm-route>`;
+}
+
+function newTemplate(id: string, path: string) {
+  return /*html*/ `
+  <template path="${path}">
+    <div id=${id}></div>
+  </template>`;
+}
+
+function newPageFunctions(page: Readonly<E2EPage>) {
+  return {
+    expectElement: async (selector: string) =>
+      // convert to string because jest pretty printing the object causes errors
+      expect((await page.find(selector))?.id).not.toBeUndefined(),
+    dontExpectElement: async (selector: string) =>
+      expect((await page.find(selector))?.id).toBeUndefined(),
+    expectTemplate: async (selector: string) =>
+      expect((await page.find("#" + selector))?.id).not.toBeUndefined(),
+    dontExpectTemplate: async (selector: string) =>
+      expect((await page.find("#" + selector))?.id).toBeUndefined(),
+    expectRoute: async (selector: string) =>
+      expect(
+        (await page.find('div[style="display: contents;"] > div#' + selector))
+          ?.id
+      ).not.toBeUndefined(),
+    dontExpectRoute: async (selector: string) =>
+      expect(
+        (await page.find('div[style="display: contents;"] > div#' + selector))
+          ?.id
+      ).toBeUndefined(),
+    history: {
+      push: (path: string) =>
+        page.evaluate((x) => window.squatchHistory.push(x), path),
+      back: () => page.evaluate(() => window.squatchHistory.back()),
+    },
+  };
+}
+
+describe("sqm-router", () => {
+  test("Default route", async () => {
+    const html = /*html*/ `
+    <sqm-router>
+      ${newRoute("RouteA", "/")}
+      ${newRoute("RouteB", "/B")}
+    </sqm-router>
+    `;
+
+    const page = await newE2EPage();
+    await page.setContent(html);
+
+    const { expectElement, expectRoute, dontExpectRoute } = newPageFunctions(
+      page
+    );
+
+    await expectElement("sqm-router");
+
+    await expectRoute("RouteA");
+    await dontExpectRoute("RouteB");
+
+    page.close();
+  });
+
+  test("Changing pages", async () => {
+    const html = /*html*/ `
+    <sqm-router>
+      ${newRoute("RouteA", "/")}
+      ${newRoute("RouteB", "/B")}
+    </sqm-router>
+    `;
+
+    const page = await newE2EPage();
+    await page.setContent(html);
+
+    const {
+      expectElement,
+      expectRoute,
+      dontExpectRoute,
+      history,
+    } = newPageFunctions(page);
+
+    await expectElement("sqm-router");
+
+    await expectRoute("RouteA");
+    await dontExpectRoute("RouteB");
+
+    await history.push("/B");
+    await page.waitForChanges();
+
+    await dontExpectRoute("RouteA");
+    await expectRoute("RouteB");
+
+    await history.push("/");
+    await page.waitForChanges();
+
+    await expectRoute("RouteA");
+    await dontExpectRoute("RouteB");
+
+    page.close();
+  });
+
+  test("Going back", async () => {
+    const html = /*html*/ `
+    <sqm-router>
+      ${newRoute("RouteA", "/")}
+      ${newRoute("RouteB", "/B")}
+      ${newRoute("RouteC", "/C")}
+    </sqm-router>
+    `;
+
+    const page = await newE2EPage();
+    await page.setContent(html);
+
+    const {
+      expectElement,
+      expectRoute,
+      dontExpectRoute,
+      history,
+    } = newPageFunctions(page);
+
+    await expectElement("sqm-router");
+
+    await expectRoute("RouteA");
+    await dontExpectRoute("RouteB");
+    await dontExpectRoute("RouteC");
+
+    await history.push("/B");
+    await page.waitForChanges();
+
+    await dontExpectRoute("RouteA");
+    await expectRoute("RouteB");
+    await dontExpectRoute("RouteC");
+
+    await history.push("/C");
+    await page.waitForChanges();
+
+    await dontExpectRoute("RouteA");
+    await dontExpectRoute("RouteB");
+    await expectRoute("RouteC");
+
+    await history.back();
+    await page.waitForChanges();
+
+    await dontExpectRoute("RouteA");
+    await expectRoute("RouteB");
+    await dontExpectRoute("RouteC");
+
+    await history.back();
+    await page.waitForChanges();
+
+    await expectRoute("RouteA");
+    await dontExpectRoute("RouteB");
+    await dontExpectRoute("RouteC");
+
+    page.close();
+  });
+
+  test("Template has precedence over route", async () => {
+    const html = /*html*/ `
+    <sqm-router>
+      ${newRoute("RouteA", "/")}
+      ${newTemplate("RouteB", "/")}
+      ${newRoute("RouteC", "/B")}
+    </sqm-router>
+    `;
+
+    const page = await newE2EPage();
+    await page.setContent(html);
+
+    const {
+      expectElement,
+      expectTemplate,
+      dontExpectTemplate,
+      expectRoute,
+      dontExpectRoute,
+      history,
+    } = newPageFunctions(page);
+
+    await expectElement("sqm-router");
+
+    await dontExpectRoute("RouteA");
+    await expectTemplate("RouteB");
+    await dontExpectRoute("RouteC");
+
+    await history.push("/B");
+    await page.waitForChanges();
+
+    await dontExpectRoute("RouteA");
+    await dontExpectTemplate("RouteB");
+    await expectRoute("RouteC");
+
+    await history.push("/");
+    await page.waitForChanges();
+
+    await dontExpectRoute("RouteA");
+    await expectTemplate("RouteB");
+    await dontExpectRoute("RouteC");
+
+    page.close();
+  });
+
+  test("First matching element is chosen, with precedence", async () => {
+    const html = /*html*/ `
+    <sqm-router>
+      ${newRoute("RootA", "/")}
+      ${newRoute("RootB", "/")}
+      ${newTemplate("RootC", "/")}
+      ${newTemplate("RootD", "/")}
+      ${newRoute("StuffA", "/stuff")}
+      ${newRoute("StuffB", "/stuff")}
+    </sqm-router>
+    `;
+
+    const page = await newE2EPage();
+    await page.setContent(html);
+
+    const {
+      expectElement,
+      expectTemplate,
+      dontExpectTemplate,
+      expectRoute,
+      dontExpectRoute,
+      history,
+    } = newPageFunctions(page);
+
+    await expectElement("sqm-router");
+
+    await dontExpectRoute("RootA");
+    await dontExpectRoute("RootB");
+    await expectTemplate("RootC");
+    await dontExpectTemplate("RootD");
+    await dontExpectRoute("StuffA");
+    await dontExpectRoute("StuffB");
+
+    await history.push("/stuff");
+    await page.waitForChanges();
+
+    await dontExpectRoute("RootA");
+    await dontExpectRoute("RootB");
+    await dontExpectTemplate("RootC");
+    await dontExpectTemplate("RootD");
+    await expectRoute("StuffA");
+    await dontExpectRoute("StuffB");
+
+    await history.push("/");
+    await page.waitForChanges();
+
+    await dontExpectRoute("RootA");
+    await dontExpectRoute("RootB");
+    await expectTemplate("RootC");
+    await dontExpectTemplate("RootD");
+    await dontExpectRoute("StuffA");
+    await dontExpectRoute("StuffB");
+
+    page.close();
+  });
+});
+
+// nice debugging tool
+//   console.log(await page.evaluate(()=>document.body.innerHTML))
diff --git a/packages/mint-components/src/components/sqm-context-router/sqm-context-router.tsx b/packages/mint-components/src/components/sqm-context-router/sqm-context-router.tsx
new file mode 100644
index 0000000000..d8bc9b0db9
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-context-router/sqm-context-router.tsx
@@ -0,0 +1,38 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Host, Prop, State, h } from "@stencil/core";
+import { getProps } from "../../utils/utils";
+import { useContextRouter } from "./useContextRouter";
+
+/**
+ * @uiName Context Router
+ * @slots [{"name":"","title":"Routes"}]
+ */
+@Component({
+  tag: "sqm-context-router",
+  styleUrl: "sqm-context-router.css",
+})
+export class SqmContextRouter {
+  @State()
+  ignored = true;
+
+  @Prop()
+  contextName: string;
+
+  constructor() {
+    withHooks(this);
+  }
+
+  disconnectedCallback() {}
+
+  render() {
+    const { callbacks } = useContextRouter(getProps(this));
+    return (
+      <Host>
+        <div ref={callbacks.setSlot} style={{ display: "none" }}>
+          <slot />
+        </div>
+        <div style={{ display: "contents" }} ref={callbacks.setContainer}></div>
+      </Host>
+    );
+  }
+}
diff --git a/packages/mint-components/src/components/sqm-context-router/useContextRouter.ts b/packages/mint-components/src/components/sqm-context-router/useContextRouter.ts
new file mode 100644
index 0000000000..9277bbfb27
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-context-router/useContextRouter.ts
@@ -0,0 +1,97 @@
+import { useCurrentPage, useHost } from "@saasquatch/component-boilerplate";
+import { useEffect, useState } from "@saasquatch/universal-hooks";
+import debugFn from "debug";
+import { pathToRegexp } from "path-to-regexp";
+import { SqmContextRouter } from "./sqm-context-router";
+import { useDomContext } from "@saasquatch/stencil-hooks";
+const debug = debugFn("sq:useRouter");
+
+export type Route = {
+  path: string;
+};
+
+function matchPath(pattern: string, page: string) {
+  if (!pattern) return;
+  const regexp = pathToRegexp(pattern);
+  return regexp.exec(page);
+}
+
+export function useContextRouter(props: SqmContextRouter) {
+  const host = useHost();
+  const [slot, setSlot] = useState<HTMLElement>(undefined);
+  const [container, setContainer] = useState<HTMLDivElement>(undefined);
+
+  const context = props.contextName;
+
+  const page = useDomContext<string>(context);
+
+  console.log({ page });
+
+  // convert sqm-routes into templates
+  useEffect(() => {
+    const routes = host.querySelectorAll<HTMLElement & Route>(`sqm-route`);
+    const routesArray = Array.from(routes);
+    routesArray.forEach((route) => {
+      const newTemplate = document.createElement("template");
+      newTemplate.setAttribute("path", route.path);
+      newTemplate.innerHTML = route.innerHTML;
+      route.parentNode.appendChild(newTemplate);
+      route.parentNode.removeChild(route);
+    });
+  }, []);
+
+  useEffect(() => {
+    if (!container || !slot) {
+      debug("DOM not ready for navigation rendering on:", page);
+      return;
+    }
+
+    // <template>
+    const templates = slot.querySelectorAll<HTMLTemplateElement & Route>(
+      `template`
+    );
+    const templatesArray = Array.from(templates);
+
+    const template = templatesArray.find((template) => {
+      //@ts-ignore
+      const path = template.attributes?.path?.nodeValue;
+      if (matchPath(path, page)?.length) return template;
+    });
+
+    //@ts-ignore - can't access template attributes directly
+    const templatePath = template?.attributes?.path?.nodeValue;
+
+    debug({
+      containerDatasetPage: container.dataset.page,
+      templatePath,
+      page,
+    });
+    // if no routes found, and the old route doesn't match the new route
+    if (!template) {
+      // No matching page, display nothing
+      debug("No matching page found for ", page, ", so render nothing");
+      container.innerHTML = "";
+      container.dataset.page = page;
+      return;
+    }
+
+    debug("Page updated to ", page, template);
+
+    // if pathToRegexp results truthy or page is an exact match
+    if (!!matchPath(templatePath, container.dataset.page)) {
+      debug("don't rerender");
+      // Same page, do not re-render
+      // Reduces dom mutations, speeds up page speed
+    } else if (template) {
+      container.innerHTML = template.innerHTML;
+      container.dataset.page = page;
+    }
+  }, [slot, container, page]);
+
+  return {
+    callbacks: {
+      setSlot,
+      setContainer,
+    },
+  };
+}
diff --git a/packages/mint-components/src/components/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/sqm-docusign-form/sqm-docusign-form.tsx
new file mode 100644
index 0000000000..681912a62c
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-docusign-form/sqm-docusign-form.tsx
@@ -0,0 +1,51 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Host, Prop, State } from "@stencil/core";
+import deepmerge from "deepmerge";
+import { DemoData } from "../../global/demo";
+import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
+
+import { LoadingSkeleton } from "../../tables/TableSlots";
+import { useTaxForm } from "../sqm-tax-form/useTaxForm";
+
+/**
+ * @uiName Tax And Cash
+ * @exampleGroup Common Components
+ * @example User Name Display - <sqm-user-name fallback="Anonymous User" loading-text="..."></sqm-user-name>
+ */
+@Component({
+  tag: "sqm-docusign-form",
+  shadow: false,
+})
+export class TaxForm {
+  @State() ignored = true;
+
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  @Prop() demoData?: DemoData<UserNameViewProps>;
+
+  constructor() {
+    withHooks(this);
+  }
+
+  disconnectedCallback() {}
+
+  render() {
+    // const props = isDemo() ? useUserNameDemo(this) : useUserName();
+    const props = useTaxForm();
+
+    console.log({ props });
+    if (props.loading) return <LoadingSkeleton />;
+    return (
+      <Host>
+        Step 2<sl-button onClick={() => props.setStep("/1")}>back</sl-button>
+        <sl-button onClick={() => props.setStep("/3")}>continue</sl-button>
+      </Host>
+    );
+  }
+}
+
+function useTaxAndCashDemo(props: TaxForm) {
+  return deepmerge({}, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash/TaxAndCash.stories.tsx b/packages/mint-components/src/components/sqm-tax-and-cash/TaxAndCash.stories.tsx
new file mode 100644
index 0000000000..a6e2920f39
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-tax-and-cash/TaxAndCash.stories.tsx
@@ -0,0 +1,21 @@
+import { h } from "@stencil/core";
+
+export default {
+  title: "Tests/User Name",
+};
+
+export const DemoData = () => {
+  return (
+    <sqm-user-name
+      demoData={{
+        loading: false,
+        loadingText: "...",
+        username: "Test Testerson",
+      }}
+    ></sqm-user-name>
+  );
+};
+
+export const Username = () => {
+  return <sqm-user-name></sqm-user-name>;
+};
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/sqm-tax-and-cash/readme.md
new file mode 100644
index 0000000000..caaa8a6593
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-tax-and-cash/readme.md
@@ -0,0 +1,32 @@
+# sqm-sidebar-item
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property      | Attribute      | Description                                             | Type                                                              | Default            |
+| ------------- | -------------- | ------------------------------------------------------- | ----------------------------------------------------------------- | ------------------ |
+| `demoData`    | --             |                                                         | `{ loading?: boolean; loadingText?: string; username?: string; }` | `undefined`        |
+| `fallback`    | `fallback`     |                                                         | `string`                                                          | `"Anonymous User"` |
+| `loadingText` | `loading-text` | Text displayed while the participant’s name is loading. | `string`                                                          | `"..."`            |
+
+
+## Dependencies
+
+### Used by
+
+ - [sqm-stencilbook](../sqm-stencilbook)
+
+### Graph
+```mermaid
+graph TD;
+  sqm-stencilbook --> sqm-user-name
+  style sqm-user-name fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash-view.tsx b/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash-view.tsx
new file mode 100644
index 0000000000..7717a362a7
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash-view.tsx
@@ -0,0 +1,11 @@
+import { h, Host } from "@stencil/core";
+
+export interface UserNameViewProps {
+  loadingText: string;
+  loading: boolean;
+  username: string;
+}
+
+export function UserNameView(props: UserNameViewProps) {
+  return <Host>{props.loading ? props.loadingText : props.username}</Host>;
+}
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash.tsx
new file mode 100644
index 0000000000..f1d220844e
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -0,0 +1,58 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Prop, State } from "@stencil/core";
+import deepmerge from "deepmerge";
+import { DemoData } from "../../global/demo";
+import { UserNameViewProps } from "./sqm-tax-and-cash-view";
+import { TAX_AND_CASH_PAGE_VALUE, useTaxAndCash } from "./useTaxAndCash";
+
+/**
+ * @uiName Tax And Cash
+ * @exampleGroup Common Components
+ * @example User Name Display - <sqm-user-name fallback="Anonymous User" loading-text="..."></sqm-user-name>
+ */
+@Component({
+  tag: "sqm-tax-and-cash",
+  shadow: false,
+})
+export class TaxAndCash {
+  @State() ignored = true;
+
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  @Prop() demoData?: DemoData<UserNameViewProps>;
+
+  constructor() {
+    withHooks(this);
+  }
+
+  disconnectedCallback() {}
+
+  render() {
+    // const props = isDemo() ? useUserNameDemo(this) : useUserName();
+    const props = useTaxAndCash();
+
+    console.log({ props, step: props.step });
+    return (
+      <div>
+        <sqm-context-router contextName={TAX_AND_CASH_PAGE_VALUE}>
+          <sqm-route path="/1">
+            <sqm-tax-form />
+          </sqm-route>
+          <sqm-route path="/2">
+            <sqm-docusign-form />
+          </sqm-route>
+          <sqm-route path="/3">
+            <sqm-cash-form />
+          </sqm-route>
+          <sqm-route path="/4">confirmation screen</sqm-route>
+        </sqm-context-router>
+      </div>
+    );
+  }
+}
+
+function useTaxAndCashDemo(props: TaxAndCash): UserNameViewProps {
+  return deepmerge({}, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/sqm-tax-and-cash/useTaxAndCash.tsx
new file mode 100644
index 0000000000..c4f269bd55
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -0,0 +1,32 @@
+import { useHost } from "@saasquatch/component-boilerplate";
+import { useDomContextState } from "@saasquatch/dom-context-hooks";
+
+export const TAX_AND_CASH_PAGE_VALUE = "sq:tax-and-cash-value";
+
+export const TAX_AND_CASH_PAGE_STATE = "sq:tax-and-cash-state";
+
+export type TaxContextType = {
+  step: string;
+  setStep: (value: string) => void;
+};
+export function useTaxAndCash() {
+  const host = useHost();
+
+  const [step, setStep] = useDomContextState<string>(
+    host,
+    TAX_AND_CASH_PAGE_VALUE,
+    "/1"
+  );
+
+  useDomContextState<TaxContextType>(host, TAX_AND_CASH_PAGE_STATE, {
+    step,
+    setStep,
+  });
+
+  console.log({ step });
+
+  return {
+    step,
+    setStep,
+  };
+}
diff --git a/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form.tsx b/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form.tsx
new file mode 100644
index 0000000000..e9826298ff
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form.tsx
@@ -0,0 +1,58 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Host, Prop, State } from "@stencil/core";
+import deepmerge from "deepmerge";
+import { DemoData } from "../../global/demo";
+import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
+import { useTaxForm } from "./useTaxForm";
+import { LoadingSkeleton } from "../../tables/TableSlots";
+
+/**
+ * @uiName Tax And Cash
+ * @exampleGroup Common Components
+ * @example User Name Display - <sqm-user-name fallback="Anonymous User" loading-text="..."></sqm-user-name>
+ */
+@Component({
+  tag: "sqm-tax-form",
+  shadow: false,
+})
+export class TaxForm {
+  @State() ignored = true;
+
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  @Prop() demoData?: DemoData<UserNameViewProps>;
+
+  constructor() {
+    withHooks(this);
+  }
+
+  disconnectedCallback() {}
+
+  render() {
+    // const props = isDemo() ? useUserNameDemo(this) : useUserName();
+    const props = useTaxForm();
+
+    console.log({ props });
+    if (props.loading) return <LoadingSkeleton />;
+    return (
+      <Host>
+        step 1{" "}
+        <sl-button
+          type="primary"
+          onClick={() => {
+            console.log("clicked");
+            props.setStep("/2");
+          }}
+        >
+          continue
+        </sl-button>
+      </Host>
+    );
+  }
+}
+
+function useTaxAndCashDemo(props: TaxForm) {
+  return deepmerge({}, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
diff --git a/packages/mint-components/src/components/sqm-tax-form/useTaxForm.tsx b/packages/mint-components/src/components/sqm-tax-form/useTaxForm.tsx
new file mode 100644
index 0000000000..181a70d86d
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-tax-form/useTaxForm.tsx
@@ -0,0 +1,17 @@
+import { useDomContext } from "@saasquatch/stencil-hooks";
+import {
+  TAX_AND_CASH_PAGE_STATE,
+  TaxContextType,
+} from "../sqm-tax-and-cash/useTaxAndCash";
+
+export function useTaxForm() {
+  const formState = useDomContext<TaxContextType>(TAX_AND_CASH_PAGE_STATE);
+
+  console.log({ formState });
+
+  return {
+    loading: !formState,
+    step: formState?.step,
+    setStep: formState?.setStep,
+  };
+}
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 9cb27d0cd5..bf5ae44662 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,6 +12,20 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <!-- <sqm-router current-path="/1">
+      <template path="/1">
+        <div>
+          step 1{" "}
+          <sl-button
+            type="primary"
+       
+          >
+            continue
+          </sl-button>
+        </div>
+      </template>
+    </sqm-router> -->
   </body>
 </html>

From da19d8a9d93aafd75ef80ec46539aac3d448878c Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 17 Jan 2024 17:13:50 -0800
Subject: [PATCH 005/753] Update index.html

---
 packages/mint-components/src/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index bf5ae44662..0243ac77ad 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,8 +12,8 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
     <!-- <sqm-router current-path="/1">
       <template path="/1">
         <div>

From 55718ec6f9d6897f79771682687dd34923ad6ca9 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 18 Jan 2024 11:54:58 -0800
Subject: [PATCH 006/753] made useParentState hook for providing state/setState
 to children components

---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  4 +--
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 21 +++++-------
 .../components/sqm-tax-form/useTaxForm.tsx    | 31 ++++++++++++-----
 .../src/utils/useParentState.ts               | 33 +++++++++++++++++++
 4 files changed, 66 insertions(+), 23 deletions(-)
 create mode 100644 packages/mint-components/src/utils/useParentState.ts

diff --git a/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index f1d220844e..4254bea8ac 100644
--- a/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -3,7 +3,7 @@ import { Component, h, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../global/demo";
 import { UserNameViewProps } from "./sqm-tax-and-cash-view";
-import { TAX_AND_CASH_PAGE_VALUE, useTaxAndCash } from "./useTaxAndCash";
+import { useTaxAndCash } from "./useTaxAndCash";
 
 /**
  * @uiName Tax And Cash
@@ -36,7 +36,7 @@ export class TaxAndCash {
     console.log({ props, step: props.step });
     return (
       <div>
-        <sqm-context-router contextName={TAX_AND_CASH_PAGE_VALUE}>
+        <sqm-context-router contextName={props.namespace}>
           <sqm-route path="/1">
             <sqm-tax-form />
           </sqm-route>
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/sqm-tax-and-cash/useTaxAndCash.tsx
index c4f269bd55..76e85b5db1 100644
--- a/packages/mint-components/src/components/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -1,9 +1,10 @@
 import { useHost } from "@saasquatch/component-boilerplate";
-import { useDomContextState } from "@saasquatch/dom-context-hooks";
+import {
+  getContextValueName,
+  useParentState,
+} from "../../utils/useParentState";
 
-export const TAX_AND_CASH_PAGE_VALUE = "sq:tax-and-cash-value";
-
-export const TAX_AND_CASH_PAGE_STATE = "sq:tax-and-cash-state";
+export const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
 
 export type TaxContextType = {
   step: string;
@@ -12,15 +13,10 @@ export type TaxContextType = {
 export function useTaxAndCash() {
   const host = useHost();
 
-  const [step, setStep] = useDomContextState<string>(
+  const [step, setStep] = useParentState<string>({
     host,
-    TAX_AND_CASH_PAGE_VALUE,
-    "/1"
-  );
-
-  useDomContextState<TaxContextType>(host, TAX_AND_CASH_PAGE_STATE, {
-    step,
-    setStep,
+    namespace: TAX_CONTEXT_NAMESPACE,
+    initialValue: "/1",
   });
 
   console.log({ step });
@@ -28,5 +24,6 @@ export function useTaxAndCash() {
   return {
     step,
     setStep,
+    namespace: getContextValueName(TAX_CONTEXT_NAMESPACE),
   };
 }
diff --git a/packages/mint-components/src/components/sqm-tax-form/useTaxForm.tsx b/packages/mint-components/src/components/sqm-tax-form/useTaxForm.tsx
index 181a70d86d..adc8364e04 100644
--- a/packages/mint-components/src/components/sqm-tax-form/useTaxForm.tsx
+++ b/packages/mint-components/src/components/sqm-tax-form/useTaxForm.tsx
@@ -1,17 +1,30 @@
 import { useDomContext } from "@saasquatch/stencil-hooks";
-import {
-  TAX_AND_CASH_PAGE_STATE,
-  TaxContextType,
-} from "../sqm-tax-and-cash/useTaxAndCash";
+import { StateType, getContextName } from "../../utils/useParentState";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
 
 export function useTaxForm() {
-  const formState = useDomContext<TaxContextType>(TAX_AND_CASH_PAGE_STATE);
+  console.log({
+    stuff: useDomContext<StateType<string>>(
+      getContextName(TAX_CONTEXT_NAMESPACE)
+    ),
+  });
 
-  console.log({ formState });
+  const state = useDomContext<StateType<string>>(
+    getContextName(TAX_CONTEXT_NAMESPACE)
+  );
+
+  if (!state)
+    return {
+      loading: true,
+      step: "",
+      setStep: () => {},
+    };
+
+  const [step, setStep] = state;
 
   return {
-    loading: !formState,
-    step: formState?.step,
-    setStep: formState?.setStep,
+    loading: !state,
+    step: step,
+    setStep: setStep,
   };
 }
diff --git a/packages/mint-components/src/utils/useParentState.ts b/packages/mint-components/src/utils/useParentState.ts
new file mode 100644
index 0000000000..7c893b0575
--- /dev/null
+++ b/packages/mint-components/src/utils/useParentState.ts
@@ -0,0 +1,33 @@
+import { useDomContextState } from "@saasquatch/dom-context-hooks";
+
+type ParentStateProps = {
+  host: HTMLElement;
+  namespace: string;
+  initialValue: unknown;
+};
+
+export type StateType<T> = [value: T, setValue: (value: T) => void];
+
+export function useParentState<T>(props: ParentStateProps): StateType<T> {
+  const [value, setValue] = useDomContextState<T>(
+    props.host,
+    getContextValueName(props.namespace),
+    props.initialValue as T
+  );
+
+  useDomContextState<StateType<T>>(
+    props.host,
+    getContextName(props.namespace),
+    [value, setValue]
+  );
+
+  return [value, setValue];
+}
+
+export function getContextValueName(namespace: string) {
+  return namespace + "-value";
+}
+
+export function getContextName(namespace: string) {
+  return namespace + "-state";
+}

From 8b36a4e3c7d82a3f9e8a9b72bf46a9708466ba84 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 18 Jan 2024 12:08:29 -0800
Subject: [PATCH 007/753] made useParent to consume parent state more cleanly
 with less boilerplate and fallback values

---
 .../sqm-cash-form/sqm-cash-form.tsx           |  2 +-
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  2 +-
 .../components/sqm-tax-form/sqm-tax-form.tsx  |  3 ---
 .../components/sqm-tax-form/useTaxForm.tsx    | 23 ++-----------------
 .../src/utils/useParentState.ts               | 19 +++++++++++----
 5 files changed, 18 insertions(+), 31 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-cash-form/sqm-cash-form.tsx b/packages/mint-components/src/components/sqm-cash-form/sqm-cash-form.tsx
index fda98f7dbd..d18a5e3ecd 100644
--- a/packages/mint-components/src/components/sqm-cash-form/sqm-cash-form.tsx
+++ b/packages/mint-components/src/components/sqm-cash-form/sqm-cash-form.tsx
@@ -34,7 +34,7 @@ export class CashForm {
     const props = useTaxForm();
 
     console.log({ props });
-    if (props.loading) return <LoadingSkeleton />;
+
     return (
       <Host>
         Step 3<sl-button onClick={() => props.setStep("/2")}>back</sl-button>
diff --git a/packages/mint-components/src/components/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/sqm-docusign-form/sqm-docusign-form.tsx
index 681912a62c..1087dbd149 100644
--- a/packages/mint-components/src/components/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/sqm-docusign-form/sqm-docusign-form.tsx
@@ -36,7 +36,7 @@ export class TaxForm {
     const props = useTaxForm();
 
     console.log({ props });
-    if (props.loading) return <LoadingSkeleton />;
+
     return (
       <Host>
         Step 2<sl-button onClick={() => props.setStep("/1")}>back</sl-button>
diff --git a/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form.tsx b/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form.tsx
index e9826298ff..b8c0b3edd1 100644
--- a/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form.tsx
+++ b/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form.tsx
@@ -4,7 +4,6 @@ import deepmerge from "deepmerge";
 import { DemoData } from "../../global/demo";
 import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
 import { useTaxForm } from "./useTaxForm";
-import { LoadingSkeleton } from "../../tables/TableSlots";
 
 /**
  * @uiName Tax And Cash
@@ -34,8 +33,6 @@ export class TaxForm {
     // const props = isDemo() ? useUserNameDemo(this) : useUserName();
     const props = useTaxForm();
 
-    console.log({ props });
-    if (props.loading) return <LoadingSkeleton />;
     return (
       <Host>
         step 1{" "}
diff --git a/packages/mint-components/src/components/sqm-tax-form/useTaxForm.tsx b/packages/mint-components/src/components/sqm-tax-form/useTaxForm.tsx
index adc8364e04..8d48bcf854 100644
--- a/packages/mint-components/src/components/sqm-tax-form/useTaxForm.tsx
+++ b/packages/mint-components/src/components/sqm-tax-form/useTaxForm.tsx
@@ -1,29 +1,10 @@
-import { useDomContext } from "@saasquatch/stencil-hooks";
-import { StateType, getContextName } from "../../utils/useParentState";
+import { useParent } from "../../utils/useParentState";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
 
 export function useTaxForm() {
-  console.log({
-    stuff: useDomContext<StateType<string>>(
-      getContextName(TAX_CONTEXT_NAMESPACE)
-    ),
-  });
-
-  const state = useDomContext<StateType<string>>(
-    getContextName(TAX_CONTEXT_NAMESPACE)
-  );
-
-  if (!state)
-    return {
-      loading: true,
-      step: "",
-      setStep: () => {},
-    };
-
-  const [step, setStep] = state;
+  const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
   return {
-    loading: !state,
     step: step,
     setStep: setStep,
   };
diff --git a/packages/mint-components/src/utils/useParentState.ts b/packages/mint-components/src/utils/useParentState.ts
index 7c893b0575..31fc64c3a4 100644
--- a/packages/mint-components/src/utils/useParentState.ts
+++ b/packages/mint-components/src/utils/useParentState.ts
@@ -1,14 +1,15 @@
 import { useDomContextState } from "@saasquatch/dom-context-hooks";
+import { useDomContext } from "@saasquatch/stencil-hooks";
 
-type ParentStateProps = {
+export type StateType<T> = [value?: T, setValue?: (value: T) => void];
+
+type ParentStateProps<T> = {
   host: HTMLElement;
   namespace: string;
-  initialValue: unknown;
+  initialValue: T;
 };
 
-export type StateType<T> = [value: T, setValue: (value: T) => void];
-
-export function useParentState<T>(props: ParentStateProps): StateType<T> {
+export function useParentState<T>(props: ParentStateProps<T>): StateType<T> {
   const [value, setValue] = useDomContextState<T>(
     props.host,
     getContextValueName(props.namespace),
@@ -24,6 +25,14 @@ export function useParentState<T>(props: ParentStateProps): StateType<T> {
   return [value, setValue];
 }
 
+export function useParent<T>(namespace: string): StateType<T | undefined> {
+  const parent = useDomContext<StateType<T | undefined>>(
+    getContextName(namespace)
+  );
+  if (!parent) return [undefined, undefined];
+  return parent;
+}
+
 export function getContextValueName(namespace: string) {
   return namespace + "-value";
 }

From 4543992b97b17aaa723761e962c4821f1101a611 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 18 Jan 2024 14:10:33 -0800
Subject: [PATCH 008/753] render routes in slots

---
 .../components/sqm-tax-and-cash/sqm-tax-and-cash.tsx  | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 4254bea8ac..9fb6243c2e 100644
--- a/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -37,16 +37,7 @@ export class TaxAndCash {
     return (
       <div>
         <sqm-context-router contextName={props.namespace}>
-          <sqm-route path="/1">
-            <sqm-tax-form />
-          </sqm-route>
-          <sqm-route path="/2">
-            <sqm-docusign-form />
-          </sqm-route>
-          <sqm-route path="/3">
-            <sqm-cash-form />
-          </sqm-route>
-          <sqm-route path="/4">confirmation screen</sqm-route>
+          <slot />
         </sqm-context-router>
       </div>
     );

From fbab3c0da05117dca0b0e047e685235f54f6cfab Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 18 Jan 2024 14:47:01 -0800
Subject: [PATCH 009/753] Add step two

---
 .../sqm-tax-form/TaxForm.stories.tsx          | 30 ++++++
 .../sqm-tax-form/sqm-tax-form-step-2-view.tsx | 94 +++++++++++++++++++
 2 files changed, 124 insertions(+)
 create mode 100644 packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-2-view.tsx

diff --git a/packages/mint-components/src/components/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/sqm-tax-form/TaxForm.stories.tsx
index 83d45a4084..3181b495c4 100644
--- a/packages/mint-components/src/components/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/sqm-tax-form/TaxForm.stories.tsx
@@ -3,6 +3,10 @@ import {
   TaxFormStepOneView,
   TaxFormStepOneProps,
 } from "./sqm-tax-form-step-1-view";
+import {
+  TaxFormStepTwoProps,
+  TaxFormStepTwoView,
+} from "./sqm-tax-form-step-2-view";
 
 export default {
   title: "Components/Tax Form",
@@ -39,6 +43,28 @@ const stepOneProps: TaxFormStepOneProps = {
   },
 };
 
+const stepTwoProps: TaxFormStepTwoProps = {
+  states: {
+    loading: false,
+    submitDisabled: false,
+    formState: {
+      checked: "w9",
+    },
+  },
+  callbacks: {
+    onSubmit: (props: any) => console.log("Submit"),
+    onChange: (e) => console.log("Submit"),
+    onBack: () => console.log("Submit"),
+  },
+  text: {
+    w9: "W9: For all partners based in the United States (for all individuals and entities).",
+    w8: "W8-BEN: For individuals not in the United States partnered with brands based in the United States.",
+    w8e: "W8-BEN-E: for entities not in the United States partnered with brads based in the United States",
+    submitButton: "Continue",
+    backButton: "Back",
+  },
+};
+
 export const StepOne = () => {
   return <TaxFormStepOneView {...stepOneProps} />;
 };
@@ -80,3 +106,7 @@ export const StepOneWithError = () => {
     />
   );
 };
+
+export const StepTwo = () => {
+  return <TaxFormStepTwoView {...stepTwoProps} />;
+};
diff --git a/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-2-view.tsx b/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-2-view.tsx
new file mode 100644
index 0000000000..a74ef64fca
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-2-view.tsx
@@ -0,0 +1,94 @@
+import { h } from "@stencil/core";
+
+export interface TaxFormStepTwoProps {
+  states: {
+    loading: boolean;
+    submitDisabled: boolean;
+    formState: {
+      checked?: "w9" | "w8" | "w8e";
+      errors?: any;
+      error?: string;
+    };
+  };
+  callbacks: {
+    onSubmit: (props: any) => void;
+    onChange: (e) => void;
+    onBack: () => void;
+  };
+  text: {
+    w9: string;
+    w8: string;
+    w8e: string;
+    submitButton: string;
+    backButton: string;
+  };
+}
+
+export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
+  const {
+    states,
+    states: { formState },
+    callbacks,
+    text,
+  } = props;
+
+  return (
+    <form class="FormWrapper" onSubmit={callbacks.onSubmit}>
+      <sl-checkbox
+        exportparts="label: input-label"
+        value={formState.checked === "w9"}
+        onInput={callbacks.onChange}
+        disabled={states.loading}
+        id="w9"
+        name="w9"
+      >
+        {text.w9}
+      </sl-checkbox>
+      <sl-checkbox
+        exportparts="label: input-label"
+        value={formState.checked === "w8"}
+        onInput={callbacks.onChange}
+        disabled={states.loading}
+        id="w8"
+        name="w8"
+      >
+        {text.w8}
+      </sl-checkbox>
+      <sl-checkbox
+        exportparts="label: input-label"
+        value={formState.checked === "w8e"}
+        onInput={callbacks.onChange}
+        disabled={states.loading}
+        id="w8e"
+        name="w8e"
+      >
+        {text.w8e}
+      </sl-checkbox>
+      <div class="BtnContainer">
+        <sl-button
+          type="secondary"
+          loading={states.loading}
+          disabled={states.submitDisabled}
+          onClick={(e) => {
+            callbacks.onSubmit(e);
+          }}
+          exportparts="base: secondarybutton-base"
+        >
+          {text.backButton}
+        </sl-button>
+        <sl-button
+          type="primary"
+          loading={states.loading}
+          disabled={states.submitDisabled}
+          onClick={(e) => {
+            callbacks.onSubmit(e);
+          }}
+          submit
+          exportparts="base: primarybutton-base"
+        >
+          {text.submitButton}
+        </sl-button>
+      </div>
+    </form>
+  );
+};

From 46bf589a2ef7c1c2a6d27c8f30bb80e5601e820d Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 18 Jan 2024 14:54:52 -0800
Subject: [PATCH 010/753] created tax-and-cash folder

---
 packages/mint-components/src/components.d.ts                  | 2 +-
 .../src/components/sqm-stencilbook/sqm-stencilbook.tsx        | 2 +-
 .../{ => tax-and-cash}/sqm-cash-form/sqm-cash-form.tsx        | 3 +--
 .../sqm-docusign-form/sqm-docusign-form.tsx                   | 4 +---
 .../sqm-tax-and-cash/TaxAndCash.stories.tsx                   | 0
 .../components/{ => tax-and-cash}/sqm-tax-and-cash/readme.md  | 0
 .../sqm-tax-and-cash/sqm-tax-and-cash-view.tsx                | 0
 .../{ => tax-and-cash}/sqm-tax-and-cash/sqm-tax-and-cash.tsx  | 2 +-
 .../{ => tax-and-cash}/sqm-tax-and-cash/useTaxAndCash.tsx     | 2 +-
 .../{ => tax-and-cash}/sqm-tax-form/TaxForm.stories.tsx       | 0
 .../sqm-tax-form/sqm-tax-form-step-1-view.tsx                 | 0
 .../sqm-tax-form/sqm-tax-form-step-2-view.tsx                 | 0
 .../{ => tax-and-cash}/sqm-tax-form/sqm-tax-form.tsx          | 4 ++--
 .../components/{ => tax-and-cash}/sqm-tax-form/useTaxForm.tsx | 2 +-
 14 files changed, 9 insertions(+), 12 deletions(-)
 rename packages/mint-components/src/components/{ => tax-and-cash}/sqm-cash-form/sqm-cash-form.tsx (91%)
 rename packages/mint-components/src/components/{ => tax-and-cash}/sqm-docusign-form/sqm-docusign-form.tsx (92%)
 rename packages/mint-components/src/components/{ => tax-and-cash}/sqm-tax-and-cash/TaxAndCash.stories.tsx (100%)
 rename packages/mint-components/src/components/{ => tax-and-cash}/sqm-tax-and-cash/readme.md (100%)
 rename packages/mint-components/src/components/{ => tax-and-cash}/sqm-tax-and-cash/sqm-tax-and-cash-view.tsx (100%)
 rename packages/mint-components/src/components/{ => tax-and-cash}/sqm-tax-and-cash/sqm-tax-and-cash.tsx (96%)
 rename packages/mint-components/src/components/{ => tax-and-cash}/sqm-tax-and-cash/useTaxAndCash.tsx (93%)
 rename packages/mint-components/src/components/{ => tax-and-cash}/sqm-tax-form/TaxForm.stories.tsx (100%)
 rename packages/mint-components/src/components/{ => tax-and-cash}/sqm-tax-form/sqm-tax-form-step-1-view.tsx (100%)
 rename packages/mint-components/src/components/{ => tax-and-cash}/sqm-tax-form/sqm-tax-form-step-2-view.tsx (100%)
 rename packages/mint-components/src/components/{ => tax-and-cash}/sqm-tax-form/sqm-tax-form.tsx (96%)
 rename packages/mint-components/src/components/{ => tax-and-cash}/sqm-tax-form/useTaxForm.tsx (79%)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 2ccefbed9c..0492d59995 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -8,7 +8,7 @@ import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 import { DemoData } from "./global/demo";
 import { AssetCardViewProps } from "./components/sqm-asset-card/sqm-asset-card-view";
 import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
-import { UserNameViewProps } from "./components/sqm-tax-and-cash/sqm-tax-and-cash-view";
+import { UserNameViewProps } from "./components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
 import { CouponCodeViewProps } from "./components/sqm-coupon-code/sqm-coupon-code-view";
 import { DropdownFieldViewProps } from "./components/sqm-dropdown-field/sqm-dropdown-field-view";
diff --git a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
index 996924a7b7..a6f6449ad8 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
+++ b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
@@ -75,7 +75,7 @@ import * as CouponCode from "../sqm-coupon-code/CouponCode.stories";
 import * as LogoutCurrentUser from "../sqm-logout-current-user/LogoutCurrentUser.stories";
 import * as LinkButton from "../sqm-link-button/LinkButton.stories";
 import * as CloseButton from "../sqm-close-button/CloseButton.stories";
-import * as TaxForm from "../sqm-tax-form/TaxForm.stories";
+import * as TaxForm from "../tax-and-cash/sqm-tax-form/TaxForm.stories";
 
 import * as Themes from "./Themes";
 import { CucumberAddon } from "./CucumberAddon";
diff --git a/packages/mint-components/src/components/sqm-cash-form/sqm-cash-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/sqm-cash-form.tsx
similarity index 91%
rename from packages/mint-components/src/components/sqm-cash-form/sqm-cash-form.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-cash-form/sqm-cash-form.tsx
index d18a5e3ecd..737dae3709 100644
--- a/packages/mint-components/src/components/sqm-cash-form/sqm-cash-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/sqm-cash-form.tsx
@@ -1,9 +1,8 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
-import { DemoData } from "../../global/demo";
+import { DemoData } from "../../../global/demo";
 import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
-import { LoadingSkeleton } from "../../tables/TableSlots";
 import { useTaxForm } from "../sqm-tax-form/useTaxForm";
 
 /**
diff --git a/packages/mint-components/src/components/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
similarity index 92%
rename from packages/mint-components/src/components/sqm-docusign-form/sqm-docusign-form.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 1087dbd149..39a7d56626 100644
--- a/packages/mint-components/src/components/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -1,10 +1,8 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
-import { DemoData } from "../../global/demo";
+import { DemoData } from "../../../global/demo";
 import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
-
-import { LoadingSkeleton } from "../../tables/TableSlots";
 import { useTaxForm } from "../sqm-tax-form/useTaxForm";
 
 /**
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash/TaxAndCash.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/TaxAndCash.stories.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-tax-and-cash/TaxAndCash.stories.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/TaxAndCash.stories.tsx
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
similarity index 100%
rename from packages/mint-components/src/components/sqm-tax-and-cash/readme.md
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash-view.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash-view.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash-view.tsx
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
similarity index 96%
rename from packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 9fb6243c2e..99ab85baea 100644
--- a/packages/mint-components/src/components/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -1,9 +1,9 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
-import { DemoData } from "../../global/demo";
 import { UserNameViewProps } from "./sqm-tax-and-cash-view";
 import { useTaxAndCash } from "./useTaxAndCash";
+import { DemoData } from "../../../global/demo";
 
 /**
  * @uiName Tax And Cash
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
similarity index 93%
rename from packages/mint-components/src/components/sqm-tax-and-cash/useTaxAndCash.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 76e85b5db1..82b2425037 100644
--- a/packages/mint-components/src/components/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -2,7 +2,7 @@ import { useHost } from "@saasquatch/component-boilerplate";
 import {
   getContextValueName,
   useParentState,
-} from "../../utils/useParentState";
+} from "../../../utils/useParentState";
 
 export const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
 
diff --git a/packages/mint-components/src/components/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-tax-form/TaxForm.stories.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
diff --git a/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-1-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-1-view.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
diff --git a/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-2-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-tax-form/sqm-tax-form-step-2-view.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
diff --git a/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
similarity index 96%
rename from packages/mint-components/src/components/sqm-tax-form/sqm-tax-form.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
index b8c0b3edd1..4c9f416d17 100644
--- a/packages/mint-components/src/components/sqm-tax-form/sqm-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
@@ -1,9 +1,9 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
-import { DemoData } from "../../global/demo";
-import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
+import { DemoData } from "../../../global/demo";
 import { useTaxForm } from "./useTaxForm";
+import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
 
 /**
  * @uiName Tax And Cash
diff --git a/packages/mint-components/src/components/sqm-tax-form/useTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
similarity index 79%
rename from packages/mint-components/src/components/sqm-tax-form/useTaxForm.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
index 8d48bcf854..397e260e40 100644
--- a/packages/mint-components/src/components/sqm-tax-form/useTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
@@ -1,4 +1,4 @@
-import { useParent } from "../../utils/useParentState";
+import { useParent } from "../../../utils/useParentState";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
 
 export function useTaxForm() {

From 24619b28df23fab84f111b58dbd0a720e5ab4fe5 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 18 Jan 2024 16:01:12 -0800
Subject: [PATCH 011/753] Replace the word "Portal" with "Microsite"

---
 .../sqm-password-field/PasswordField.stories.tsx    |  2 +-
 .../PortalContainer.stories.tsx                     |  2 +-
 .../PortalEmailVerification.stories.tsx             |  2 +-
 .../sqm-portal-footer/PortalFooter.stories.tsx      |  2 +-
 .../PortalForgotPassword.stories.tsx                |  2 +-
 .../sqm-portal-frame/PortalFrame.stories.tsx        |  6 +++---
 .../sqm-portal-login/PortalLogin.stories.tsx        | 13 +++++--------
 .../sqm-portal-profile/PortalProfile.stories.tsx    |  4 ++--
 .../sqm-portal-register/PortalRegister.stories.tsx  |  2 +-
 .../PortalRegistrationForm.stories.tsx              |  2 +-
 .../PortalResetPassword.stories.tsx                 |  2 +-
 .../PortalVerifyEmail.stories.tsx                   |  2 +-
 .../src/stories/PortalTemplates.stories.tsx         |  8 ++++----
 13 files changed, 23 insertions(+), 26 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-password-field/PasswordField.stories.tsx b/packages/mint-components/src/components/sqm-password-field/PasswordField.stories.tsx
index 7a1f441009..7eda1b2b85 100644
--- a/packages/mint-components/src/components/sqm-password-field/PasswordField.stories.tsx
+++ b/packages/mint-components/src/components/sqm-password-field/PasswordField.stories.tsx
@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 
 export default {
-  title: "Components/Portal Password Field",
+  title: "Components/Microsite Password Field",
 };
 
 export const Start = () => {
diff --git a/packages/mint-components/src/components/sqm-portal-container/PortalContainer.stories.tsx b/packages/mint-components/src/components/sqm-portal-container/PortalContainer.stories.tsx
index 3dbb858737..99efdb8b54 100644
--- a/packages/mint-components/src/components/sqm-portal-container/PortalContainer.stories.tsx
+++ b/packages/mint-components/src/components/sqm-portal-container/PortalContainer.stories.tsx
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import scenario from "./sqm-portal-container.feature";
 
 export default {
-  title: "Components/Portal Container",
+  title: "Components/Microsite Container",
   parameters: {
     scenario,
   },
diff --git a/packages/mint-components/src/components/sqm-portal-email-verification/PortalEmailVerification.stories.tsx b/packages/mint-components/src/components/sqm-portal-email-verification/PortalEmailVerification.stories.tsx
index 5603aafd71..a732036c02 100644
--- a/packages/mint-components/src/components/sqm-portal-email-verification/PortalEmailVerification.stories.tsx
+++ b/packages/mint-components/src/components/sqm-portal-email-verification/PortalEmailVerification.stories.tsx
@@ -6,7 +6,7 @@ import {
 import scenario from "./sqm-portal-email-verification.feature";
 
 export default {
-  title: "Components/Portal Email Verification",
+  title: "Components/Microsite Email Verification",
   parameters: {
     scenario,
   },
diff --git a/packages/mint-components/src/components/sqm-portal-footer/PortalFooter.stories.tsx b/packages/mint-components/src/components/sqm-portal-footer/PortalFooter.stories.tsx
index b7b245ab99..69282dbb29 100644
--- a/packages/mint-components/src/components/sqm-portal-footer/PortalFooter.stories.tsx
+++ b/packages/mint-components/src/components/sqm-portal-footer/PortalFooter.stories.tsx
@@ -3,7 +3,7 @@ import { PortalFooterView } from "./sqm-portal-footer-view";
 import scenario from "../sqm-portal-footer/sqm-portal-footer.feature";
 
 export default {
-  title: "Components/Portal Footer",
+  title: "Components/Microsite Footer",
   parameters: {
     scenario,
   },
diff --git a/packages/mint-components/src/components/sqm-portal-forgot-password/PortalForgotPassword.stories.tsx b/packages/mint-components/src/components/sqm-portal-forgot-password/PortalForgotPassword.stories.tsx
index 61387729fb..e7bedc9b76 100644
--- a/packages/mint-components/src/components/sqm-portal-forgot-password/PortalForgotPassword.stories.tsx
+++ b/packages/mint-components/src/components/sqm-portal-forgot-password/PortalForgotPassword.stories.tsx
@@ -6,7 +6,7 @@ import {
 import scenario from "./sqm-portal-forgot-password.feature";
 
 export default {
-  title: "Components/Portal Forgot Password",
+  title: "Components/Microsite Forgot Password",
   parameters: {
     scenario,
   },
diff --git a/packages/mint-components/src/components/sqm-portal-frame/PortalFrame.stories.tsx b/packages/mint-components/src/components/sqm-portal-frame/PortalFrame.stories.tsx
index 0404617fb6..088ba8008a 100644
--- a/packages/mint-components/src/components/sqm-portal-frame/PortalFrame.stories.tsx
+++ b/packages/mint-components/src/components/sqm-portal-frame/PortalFrame.stories.tsx
@@ -37,7 +37,7 @@ function setupLoggedOut() {
 }
 
 export default {
-  title: "Components/Portal Frame",
+  title: "Components/Microsite Frame",
 };
 
 const defaultProps = {
@@ -51,10 +51,10 @@ const defaultProps = {
             fontWeight: "bold",
           }}
         >
-          Portal Header
+          Microsite Header
         </span>
         <span style={{ fontSize: "var(--sl-font-size-small)" }}>
-          A description for the portal
+          A description for the microsite
         </span>
       </div>
     ),
diff --git a/packages/mint-components/src/components/sqm-portal-login/PortalLogin.stories.tsx b/packages/mint-components/src/components/sqm-portal-login/PortalLogin.stories.tsx
index 3fa959ccf9..eb4f88b1b1 100644
--- a/packages/mint-components/src/components/sqm-portal-login/PortalLogin.stories.tsx
+++ b/packages/mint-components/src/components/sqm-portal-login/PortalLogin.stories.tsx
@@ -1,11 +1,8 @@
 import { h } from "@stencil/core";
-import {
-  PortalLoginView,
-  PortalLoginViewProps,
-} from "./sqm-portal-login-view";
+import { PortalLoginView, PortalLoginViewProps } from "./sqm-portal-login-view";
 
 export default {
-  title: "Components/Portal Login",
+  title: "Components/Microsite Login",
 };
 
 const defaultProps: PortalLoginViewProps = {
@@ -18,7 +15,7 @@ const defaultProps: PortalLoginViewProps = {
   callbacks: {
     submit: async (e) => await e,
   },
-  content:{pageLabel:"Sign in to your account"}
+  content: { pageLabel: "Sign in to your account" },
 };
 
 const errorProps: PortalLoginViewProps = {
@@ -31,7 +28,7 @@ const errorProps: PortalLoginViewProps = {
   callbacks: {
     submit: async (e) => await e,
   },
-  content:{pageLabel:"Sign in to your account"}
+  content: { pageLabel: "Sign in to your account" },
 };
 
 const loadingProps: PortalLoginViewProps = {
@@ -44,7 +41,7 @@ const loadingProps: PortalLoginViewProps = {
   callbacks: {
     submit: async (e) => await e,
   },
-  content:{pageLabel:"Sign in to your account"}
+  content: { pageLabel: "Sign in to your account" },
 };
 
 export const Default = () => <PortalLoginView {...defaultProps} />;
diff --git a/packages/mint-components/src/components/sqm-portal-profile/PortalProfile.stories.tsx b/packages/mint-components/src/components/sqm-portal-profile/PortalProfile.stories.tsx
index 63f8a118da..957d16d3d1 100644
--- a/packages/mint-components/src/components/sqm-portal-profile/PortalProfile.stories.tsx
+++ b/packages/mint-components/src/components/sqm-portal-profile/PortalProfile.stories.tsx
@@ -1,11 +1,11 @@
 import { h } from "@stencil/core";
 import {
   PortalProfileView,
-  PortalProfileViewProps
+  PortalProfileViewProps,
 } from "./sqm-portal-profile-view";
 
 export default {
-  title: "Components/Portal Profile",
+  title: "Components/Microsite Profile",
 };
 
 const defaultProps: PortalProfileViewProps = {
diff --git a/packages/mint-components/src/components/sqm-portal-register/PortalRegister.stories.tsx b/packages/mint-components/src/components/sqm-portal-register/PortalRegister.stories.tsx
index 1170870002..57ec065c22 100644
--- a/packages/mint-components/src/components/sqm-portal-register/PortalRegister.stories.tsx
+++ b/packages/mint-components/src/components/sqm-portal-register/PortalRegister.stories.tsx
@@ -5,7 +5,7 @@ import {
 } from "./sqm-portal-register-view";
 
 export default {
-  title: "Components/Portal Register",
+  title: "Components/Microstite Register",
 };
 
 const defaultProps: PortalRegisterViewProps = {
diff --git a/packages/mint-components/src/components/sqm-portal-registration-form/PortalRegistrationForm.stories.tsx b/packages/mint-components/src/components/sqm-portal-registration-form/PortalRegistrationForm.stories.tsx
index fd469256ac..9ec8df8e24 100644
--- a/packages/mint-components/src/components/sqm-portal-registration-form/PortalRegistrationForm.stories.tsx
+++ b/packages/mint-components/src/components/sqm-portal-registration-form/PortalRegistrationForm.stories.tsx
@@ -5,7 +5,7 @@ import {
 } from "./sqm-portal-registration-form-view";
 
 export default {
-  title: "Components/Portal Register",
+  title: "Components/Microsite Register",
 };
 
 const defaultProps: PortalRegistrationFormViewProps = {
diff --git a/packages/mint-components/src/components/sqm-portal-reset-password/PortalResetPassword.stories.tsx b/packages/mint-components/src/components/sqm-portal-reset-password/PortalResetPassword.stories.tsx
index 3558f97b3e..5224ec6456 100644
--- a/packages/mint-components/src/components/sqm-portal-reset-password/PortalResetPassword.stories.tsx
+++ b/packages/mint-components/src/components/sqm-portal-reset-password/PortalResetPassword.stories.tsx
@@ -6,7 +6,7 @@ import {
 import scenario from "./sqm-portal-reset-password.feature";
 
 export default {
-  title: "Components/Portal Reset Password",
+  title: "Components/Microsite Reset Password",
   parameters: {
     scenario,
   },
diff --git a/packages/mint-components/src/components/sqm-portal-verify-email/PortalVerifyEmail.stories.tsx b/packages/mint-components/src/components/sqm-portal-verify-email/PortalVerifyEmail.stories.tsx
index 86f0c81e73..fe2deb8ac5 100644
--- a/packages/mint-components/src/components/sqm-portal-verify-email/PortalVerifyEmail.stories.tsx
+++ b/packages/mint-components/src/components/sqm-portal-verify-email/PortalVerifyEmail.stories.tsx
@@ -6,7 +6,7 @@ import {
 import scenario from "./sqm-portal-verify-email.feature";
 
 export default {
-  title: "Components/Portal Verify Email",
+  title: "Components/Microsite Verify Email",
   parameters: {
     scenario,
   },
diff --git a/packages/mint-components/src/stories/PortalTemplates.stories.tsx b/packages/mint-components/src/stories/PortalTemplates.stories.tsx
index d7a18d100a..6bdb4e6c77 100644
--- a/packages/mint-components/src/stories/PortalTemplates.stories.tsx
+++ b/packages/mint-components/src/stories/PortalTemplates.stories.tsx
@@ -33,7 +33,7 @@ import { DefaultTemplateView } from "../utils/DefaultTemplateView";
 import { TemplateView } from "../utils/TemplateView";
 
 export default {
-  title: "Templates / Portal",
+  title: "Templates / Microsite",
 };
 
 function useTemplate(templateString: string) {
@@ -45,7 +45,7 @@ function useTemplate(templateString: string) {
   };
 }
 
-export const DefaultPortal = createHookStory(() => {
+export const DefaultMicrosite = createHookStory(() => {
   const { states, callbacks } = useTemplate(portalTemplate);
   return (
     <DefaultTemplateView
@@ -56,7 +56,7 @@ export const DefaultPortal = createHookStory(() => {
   );
 });
 
-export const MultiProgramPortal = createHookStory(() => {
+export const MultiProgramMicrosite = createHookStory(() => {
   const { states, callbacks } = useTemplate(multiProgramTemplate);
   return (
     <DefaultTemplateView
@@ -67,7 +67,7 @@ export const MultiProgramPortal = createHookStory(() => {
   );
 });
 
-export const LeadSubmitPortal = createHookStory(() => {
+export const LeadSubmitMicrosite = createHookStory(() => {
   const { states, callbacks } = useTemplate(portalLeadSubmitTemplate);
   return (
     <DefaultTemplateView

From 953c11e45b4def7abbad847e14d48541090d3109 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 18 Jan 2024 16:30:35 -0800
Subject: [PATCH 012/753] added basic hooks, props for form components

---
 packages/mint-components/src/components.d.ts  | 31 +++++++++++-
 .../sqm-cash-form/sqm-cash-form.tsx           |  5 +-
 .../sqm-cash-form/useCashForm.tsx             | 13 +++++
 .../sqm-docusign-form/sqm-docusign-form.tsx   | 43 +++++++++++++---
 .../sqm-docusign-form/useDocusignForm.tsx     | 13 +++++
 .../sqm-tax-form/sqm-tax-form-step-2-view.tsx |  4 +-
 .../sqm-tax-form/sqm-tax-form.tsx             | 50 +++++++++++++++----
 .../tax-and-cash/sqm-tax-form/useTaxForm.tsx  |  6 ++-
 8 files changed, 139 insertions(+), 26 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-cash-form/useCashForm.tsx
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 0492d59995..55ad2be1d8 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -11,6 +11,7 @@ import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { UserNameViewProps } from "./components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
 import { CouponCodeViewProps } from "./components/sqm-coupon-code/sqm-coupon-code-view";
+import { TaxFormStepTwoProps } from "./components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view";
 import { DropdownFieldViewProps } from "./components/sqm-dropdown-field/sqm-dropdown-field-view";
 import { EditProfileViewProps } from "./components/sqm-edit-profile/sqm-edit-profile-view";
 import { Spacing } from "./global/mixins";
@@ -284,11 +285,16 @@ export namespace Components {
         "dividerStyle": string;
     }
     interface SqmDocusignForm {
+        "backButton": string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UserNameViewProps>;
+        "demoData"?: DemoData<TaxFormStepTwoProps>;
+        "submitButton": string;
+        "w8": string;
+        "w8e": string;
+        "w9": string;
     }
     interface SqmDropdownField {
         /**
@@ -2828,11 +2834,19 @@ export namespace Components {
         "demoData"?: DemoData<UserNameViewProps>;
     }
     interface SqmTaxForm {
+        "allowBankingCollection": string;
+        "country": string;
+        "currency": string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UserNameViewProps>;
+        "email": string;
+        "firstName": string;
+        "indirectTaxNumber": string;
+        "lastName": string;
+        "submitButton": string;
     }
     interface SqmText {
     }
@@ -3858,11 +3872,16 @@ declare namespace LocalJSX {
         "dividerStyle"?: string;
     }
     interface SqmDocusignForm {
+        "backButton"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UserNameViewProps>;
+        "demoData"?: DemoData<TaxFormStepTwoProps>;
+        "submitButton"?: string;
+        "w8"?: string;
+        "w8e"?: string;
+        "w9"?: string;
     }
     interface SqmDropdownField {
         /**
@@ -6378,11 +6397,19 @@ declare namespace LocalJSX {
         "demoData"?: DemoData<UserNameViewProps>;
     }
     interface SqmTaxForm {
+        "allowBankingCollection"?: string;
+        "country"?: string;
+        "currency"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UserNameViewProps>;
+        "email"?: string;
+        "firstName"?: string;
+        "indirectTaxNumber"?: string;
+        "lastName"?: string;
+        "submitButton"?: string;
     }
     interface SqmText {
     }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/sqm-cash-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/sqm-cash-form.tsx
index 737dae3709..628f7cc339 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/sqm-cash-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/sqm-cash-form.tsx
@@ -2,8 +2,9 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
+import { getProps } from "../../../utils/utils";
 import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
-import { useTaxForm } from "../sqm-tax-form/useTaxForm";
+import { useCashForm } from "./useCashForm";
 
 /**
  * @uiName Tax And Cash
@@ -30,7 +31,7 @@ export class CashForm {
   disconnectedCallback() {}
 
   render() {
-    const props = useTaxForm();
+    const props = useCashForm(getProps(this));
 
     console.log({ props });
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/useCashForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/useCashForm.tsx
new file mode 100644
index 0000000000..563ba39664
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/useCashForm.tsx
@@ -0,0 +1,13 @@
+import { useParent } from "../../../utils/useParentState";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
+import { CashForm } from "./sqm-cash-form";
+
+export function useCashForm(props: CashForm) {
+  const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
+
+  return {
+    step: step,
+    setStep: setStep,
+    text: { ...props },
+  };
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 39a7d56626..357ce73a0d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -2,8 +2,12 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
-import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
-import { useTaxForm } from "../sqm-tax-form/useTaxForm";
+import { getProps } from "../../../utils/utils";
+import {
+  TaxFormStepTwoProps,
+  TaxFormStepTwoView,
+} from "../sqm-tax-form/sqm-tax-form-step-2-view";
+import { useDocusignForm } from "./useDocusignForm";
 
 /**
  * @uiName Tax And Cash
@@ -14,14 +18,20 @@ import { useTaxForm } from "../sqm-tax-form/useTaxForm";
   tag: "sqm-docusign-form",
   shadow: false,
 })
-export class TaxForm {
+export class DocusignForm {
   @State() ignored = true;
 
+  @Prop() w9: string = "W9";
+  @Prop() w8: string = "W8-BEN";
+  @Prop() w8e: string = "W8-BEN-E";
+  @Prop() submitButton: string = "Continue";
+  @Prop() backButton: string = "Back";
+
   /**
    * @undocumented
    * @uiType object
    */
-  @Prop() demoData?: DemoData<UserNameViewProps>;
+  @Prop() demoData?: DemoData<TaxFormStepTwoProps>;
 
   constructor() {
     withHooks(this);
@@ -31,19 +41,36 @@ export class TaxForm {
 
   render() {
     // const props = isDemo() ? useUserNameDemo(this) : useUserName();
-    const props = useTaxForm();
+    const props = useDocusignForm(getProps(this));
 
     console.log({ props });
 
     return (
       <Host>
-        Step 2<sl-button onClick={() => props.setStep("/1")}>back</sl-button>
-        <sl-button onClick={() => props.setStep("/3")}>continue</sl-button>
+        <TaxFormStepTwoView
+          states={{
+            loading: false,
+            submitDisabled: false,
+            formState: {
+              checked: "w9",
+              errors: undefined,
+              error: "",
+            },
+          }}
+          callbacks={{
+            onSubmit: () => props.setStep("/3"),
+            onChange: function (e: any): void {
+              throw new Error("Function not implemented.");
+            },
+            onBack: () => props.setStep("/1"),
+          }}
+          text={{ ...props.text }}
+        />
       </Host>
     );
   }
 }
 
-function useTaxAndCashDemo(props: TaxForm) {
+function useTaxAndCashDemo(props) {
   return deepmerge({}, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
new file mode 100644
index 0000000000..94dfc5a224
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -0,0 +1,13 @@
+import { useParent } from "../../../utils/useParentState";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
+import { DocusignForm } from "./sqm-docusign-form";
+
+export function useDocusignForm(props: DocusignForm) {
+  const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
+
+  return {
+    step: step,
+    setStep: setStep,
+    text: { ...props },
+  };
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
index a74ef64fca..cb307dd693 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
@@ -69,8 +69,8 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
           type="secondary"
           loading={states.loading}
           disabled={states.submitDisabled}
-          onClick={(e) => {
-            callbacks.onSubmit(e);
+          onClick={() => {
+            callbacks.onBack();
           }}
           exportparts="base: secondarybutton-base"
         >
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
index 4c9f416d17..49ac42311a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
@@ -2,8 +2,10 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
-import { useTaxForm } from "./useTaxForm";
+import { getProps } from "../../../utils/utils";
 import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
+import { TaxFormStepOneView } from "./sqm-tax-form-step-1-view";
+import { useTaxForm } from "./useTaxForm";
 
 /**
  * @uiName Tax And Cash
@@ -23,6 +25,16 @@ export class TaxForm {
    */
   @Prop() demoData?: DemoData<UserNameViewProps>;
 
+  @Prop()
+  firstName: string = "First name";
+  @Prop() lastName: string = "Last name";
+  @Prop() email: string = "Email";
+  @Prop() country: string = "Country";
+  @Prop() currency: string = "Currency";
+  @Prop() indirectTaxNumber: string = "Tax Number";
+  @Prop() allowBankingCollection: string = "I agree to the terms";
+  @Prop() submitButton: string = "Submit";
+
   constructor() {
     withHooks(this);
   }
@@ -31,20 +43,36 @@ export class TaxForm {
 
   render() {
     // const props = isDemo() ? useUserNameDemo(this) : useUserName();
-    const props = useTaxForm();
+    const props = useTaxForm(getProps(this));
 
     return (
       <Host>
-        step 1{" "}
-        <sl-button
-          type="primary"
-          onClick={() => {
-            console.log("clicked");
-            props.setStep("/2");
+        <TaxFormStepOneView
+          states={{
+            loading: false,
+            submitDisabled: false,
+            formState: {
+              firstName: "",
+              lastName: "",
+              email: "",
+              country: "",
+              currency: "",
+              indirectTaxNumber: "",
+              allowBankingCollection: false,
+              errors: undefined,
+              error: "",
+            },
+          }}
+          callbacks={{
+            onSubmit: () => props.setStep("/2"),
+            onChange: function (e: any): void {
+              throw new Error("Function not implemented.");
+            },
+          }}
+          text={{
+            ...props.text,
           }}
-        >
-          continue
-        </sl-button>
+        />
       </Host>
     );
   }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
index 397e260e40..089b050c93 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
@@ -1,11 +1,15 @@
 import { useParent } from "../../../utils/useParentState";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
+import { TaxForm } from "./sqm-tax-form";
 
-export function useTaxForm() {
+export function useTaxForm(props: TaxForm) {
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
   return {
     step: step,
     setStep: setStep,
+    text: {
+      ...props,
+    },
   };
 }

From b318d19a49148037d4480e0d7c3316982a472350 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 18 Jan 2024 16:43:11 -0800
Subject: [PATCH 013/753] Add tax and cash html

---
 packages/mint-components/src/templates/TaxAndCash.html | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 packages/mint-components/src/templates/TaxAndCash.html

diff --git a/packages/mint-components/src/templates/TaxAndCash.html b/packages/mint-components/src/templates/TaxAndCash.html
new file mode 100644
index 0000000000..e69de29bb2

From d7730609af3fb10e9f308da277b034f26cd8e90a Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 18 Jan 2024 16:58:31 -0800
Subject: [PATCH 014/753] wired up first page form

---
 packages/mint-components/src/components.d.ts  |  24 +++
 .../sqm-tax-form/TaxForm.stories.tsx          |   3 +
 .../sqm-tax-form/sqm-tax-form-step-1-view.tsx |  50 +++----
 .../sqm-tax-form/sqm-tax-form.tsx             |  27 +++-
 .../tax-and-cash/sqm-tax-form/useTaxForm.tsx  | 139 ++++++++++++++++++
 5 files changed, 205 insertions(+), 38 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 55ad2be1d8..81d449fe84 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -2846,6 +2846,18 @@ export namespace Components {
         "firstName": string;
         "indirectTaxNumber": string;
         "lastName": string;
+        /**
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
+         */
+        "networkErrorMessage": string;
+        /**
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "requiredFieldErrorMessage": string;
         "submitButton": string;
     }
     interface SqmText {
@@ -6409,6 +6421,18 @@ declare namespace LocalJSX {
         "firstName"?: string;
         "indirectTaxNumber"?: string;
         "lastName"?: string;
+        /**
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
+         */
+        "networkErrorMessage"?: string;
+        /**
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "requiredFieldErrorMessage"?: string;
         "submitButton"?: string;
     }
     interface SqmText {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index 3181b495c4..21d358c200 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -41,6 +41,9 @@ const stepOneProps: TaxFormStepOneProps = {
       "I allow impact.com to collect my tax and banking information",
     submitButton: "Continue",
   },
+  refs: {
+    formRef: () => {},
+  },
 };
 
 const stepTwoProps: TaxFormStepTwoProps = {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
index 9f8f95935b..5b724161ca 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
@@ -30,6 +30,9 @@ export interface TaxFormStepOneProps {
     allowBankingCollection: string;
     submitButton: string;
   };
+  refs: {
+    formRef: any;
+  };
 }
 
 export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
@@ -38,10 +41,16 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
     states: { formState },
     callbacks,
     text,
+    refs,
   } = props;
 
   return (
-    <form class="FormWrapper" onSubmit={callbacks.onSubmit}>
+    <sl-form
+      class={"FormWrapper"}
+      onSl-submit={callbacks.onSubmit}
+      ref={(el: HTMLFormElement) => (refs.formRef.current = el)}
+      novalidate
+    >
       <sl-input
         exportparts="label: input-label"
         value={formState.firstName}
@@ -54,7 +63,7 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
         //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
         //   : [])}
         id="firstName"
-        name="firstName"
+        name="/firstName"
         error={
           formState.errors?.firstName &&
           formState.errors?.firstName.status !== "valid"
@@ -74,7 +83,7 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
         //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
         //   : [])}
         id="lastName"
-        name="lastName"
+        name="/lastName"
         error={
           formState.errors?.lastName &&
           formState.errors?.lastName.status !== "valid"
@@ -94,33 +103,13 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
         //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
         //   : [])}
         id="email"
-        name="email"
+        name="/email"
         error={
           formState.errors?.email && formState.errors?.email.status !== "valid"
             ? formState.errors?.email.message
             : undefined
         }
       />
-      <sl-input
-        exportparts="label: input-label"
-        value={formState.country}
-        onInput={callbacks.onChange}
-        label={text.country}
-        disabled={states.loading}
-        // Copied from edit form, may need to keep
-        // {...(formState.errors?.country &&
-        // formState.errors?.country.status !== "valid"
-        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-        //   : [])}
-        id="country"
-        name="country"
-        error={
-          formState.errors?.country &&
-          formState.errors?.country.status !== "valid"
-            ? formState.errors?.country.message
-            : undefined
-        }
-      />
 
       <sl-input
         exportparts="label: input-label"
@@ -134,7 +123,7 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
         //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
         //   : [])}
         id="country"
-        name="country"
+        name="/country"
         error={
           formState.errors?.country &&
           formState.errors?.country.status !== "valid"
@@ -154,7 +143,7 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
         //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
         //   : [])}
         id="currency"
-        name="currency"
+        name="/currency"
         error={
           formState.errors?.currency &&
           formState.errors?.currency.status !== "valid"
@@ -174,7 +163,7 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
         //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
         //   : [])}
         id="indirectTaxNumber"
-        name="indirectTaxNumber"
+        name="/indirectTaxNumber"
         error={
           formState.errors?.indirectTaxNumber &&
           formState.errors?.indirectTaxNumber.status !== "valid"
@@ -193,7 +182,7 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
         //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
         //   : [])}
         id="allowBankingCollection"
-        name="allowBankingCollection"
+        name="/allowBankingCollection"
         error={
           formState.errors?.allowBankingCollection &&
           formState.errors?.allowBankingCollection.status !== "valid"
@@ -207,15 +196,12 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
         type="primary"
         loading={states.loading}
         disabled={states.submitDisabled}
-        onClick={(e) => {
-          callbacks.onSubmit(e);
-        }}
         submit
         exportparts="base: primarybutton-base"
       >
         {text.submitButton}
       </sl-button>
-    </form>
+    </sl-form>
   );
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
index 49ac42311a..96d5bc81aa 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
@@ -14,7 +14,7 @@ import { useTaxForm } from "./useTaxForm";
  */
 @Component({
   tag: "sqm-tax-form",
-  shadow: false,
+  shadow: true,
 })
 export class TaxForm {
   @State() ignored = true;
@@ -35,6 +35,22 @@ export class TaxForm {
   @Prop() allowBankingCollection: string = "I agree to the terms";
   @Prop() submitButton: string = "Submit";
 
+  /**
+   * The message to be displayed when a required field is not filled.
+   *
+   * @uiName Required field message
+   * @uiWidget textArea
+   */
+  @Prop() requiredFieldErrorMessage: string = "Cannot be empty";
+
+  /**
+   * The message to be displayed when a the form submission fails unexpectedly.
+   *
+   * @uiName Network error message
+   * @uiWidget textArea
+   */
+  @Prop() networkErrorMessage: string = "Network request failed.";
+
   constructor() {
     withHooks(this);
   }
@@ -64,14 +80,13 @@ export class TaxForm {
             },
           }}
           callbacks={{
-            onSubmit: () => props.setStep("/2"),
+            onSubmit: props.onSubmit,
             onChange: function (e: any): void {
-              throw new Error("Function not implemented.");
+              // throw new Error("Function not implemented.");
             },
           }}
-          text={{
-            ...props.text,
-          }}
+          text={props.text}
+          refs={props.refs}
         />
       </Host>
     );
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
index 089b050c93..fbf79db3b7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
@@ -1,15 +1,154 @@
+import {
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from "@saasquatch/universal-hooks";
 import { useParent } from "../../../utils/useParentState";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
 import { TaxForm } from "./sqm-tax-form";
+import { useRegisterWithEmailAndPasswordMutation } from "@saasquatch/component-boilerplate";
+import jsonpointer from "jsonpointer";
+
+// returns either error message if invalid or undefined if valid
+export type ValidationErrorFunction = (input: {
+  control;
+  key: string;
+  value;
+}) => string | undefined;
+
+export type FormState = {
+  error?: string;
+  validationErrors?: ValidationErrors;
+  loading?: boolean;
+  disabled?: boolean;
+  disabledMessage?: string;
+  initialData?: InitialData;
+};
+
+export type ValidationErrors = {
+  [key: string]: string;
+};
+
+export type InitialData = {
+  [key: string]: string;
+};
 
 export function useTaxForm(props: TaxForm) {
+  const formRef = useRef<HTMLFormElement>(null);
+  const [formState, setFormState] = useState({});
+
+  const [request, { loading, errors, data }] =
+    useRegisterWithEmailAndPasswordMutation();
+
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
+  // const inputFunction = useCallback((e) => {
+
+  //   const name = e.target?.type?.toLowerCase();
+  //   if (name !== "tel") return;
+  //   const asYouType = new AsYouType("US");
+  //   e.target.value = asYouType.input(e.target.value);
+  // }, []);
+
+  // useEffect(() => {
+  //   if (!formRef.current) return;
+  //   const form = formRef.current;
+  //   form.addEventListener("sl-input", inputFunction);
+  //   return () => {
+  //     form.removeEventListener("sl-input", inputFunction);
+  //   };
+  // }, [formRef.current]);
+
+  // let errorMessage = "";
+  // if (errors?.response?.["error"]) {
+  //   errorMessage = props.networkErrorMessage;
+  // } else if (errors?.message && !errors?.response?.errors.length) {
+  //   errorMessage = props.networkErrorMessage;
+  // } else {
+  //   errorMessage =
+  //     errors?.response?.errors?.[0]?.extensions?.message ||
+  //     errors?.response?.errors?.[0]?.message ||
+  //     formState?.error;
+  // }
+
+  async function onSubmit(event: any) {
+    let formControls = event.target.getFormControls();
+
+    let formData: Record<string, any> = {};
+    let validationErrors: Record<string, string> = {};
+    formControls?.forEach((control) => {
+      if (!control.name) return;
+
+      const key = control.name;
+      const value = control.value;
+
+      jsonpointer.set(formData, key, value);
+      // required validation
+      if (control.required && !value) {
+        jsonpointer.set(validationErrors, key, props.requiredFieldErrorMessage);
+      }
+      // custom validation
+      if (typeof control.validationError === "function") {
+        const validate = control.validationError as ValidationErrorFunction;
+        const validationError = validate({ control, key, value });
+        if (validationError)
+          jsonpointer.set(validationErrors, key, validationError);
+      }
+    });
+
+    if (Object.keys(validationErrors).length) {
+      setFormState({ loading: false, error: "", validationErrors });
+      // early return for validation errors
+      return;
+    }
+
+    console.log({ formData });
+
+    setFormState({
+      loading: true,
+      error: "",
+      validationErrors: {},
+    });
+    const { email, password } = formData;
+    delete formData.email;
+    delete formData.password;
+    delete formData.confirmPassword;
+    formData = { ...formData };
+
+    const variables = {
+      email,
+      password,
+      formData,
+    };
+    // try {
+    //   const result = await request(variables);
+    //   if (result instanceof Error) {
+    //     throw result;
+    //   }
+    //   setFormState({
+    //     loading: false,
+    //     error: "",
+    //     validationErrors: {},
+    //   });
+    // } catch (error) {
+    //   setFormState({
+    //     loading: false,
+    //     error: props.networkErrorMessage,
+    //     validationErrors: {},
+    //   });
+    // }
+  }
+
   return {
     step: step,
     setStep: setStep,
+    onSubmit,
     text: {
       ...props,
     },
+    refs: {
+      formRef,
+    },
   };
 }

From 961f1483ee593e73f4b913be4476845d1853afc8 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 18 Jan 2024 17:25:12 -0800
Subject: [PATCH 015/753] Added TaxAndCash portal story. Configured
 TaxAndCash.html

---
 .../src/stories/PortalTemplates.stories.tsx   |  12 ++
 .../src/templates/TaxAndCash.html             | 125 ++++++++++++++++++
 2 files changed, 137 insertions(+)

diff --git a/packages/mint-components/src/stories/PortalTemplates.stories.tsx b/packages/mint-components/src/stories/PortalTemplates.stories.tsx
index 6bdb4e6c77..26ab9cd21b 100644
--- a/packages/mint-components/src/stories/PortalTemplates.stories.tsx
+++ b/packages/mint-components/src/stories/PortalTemplates.stories.tsx
@@ -3,6 +3,7 @@ import { h } from "@stencil/core";
 import { createHookStory } from "../components/sqm-stencilbook/HookStoryAddon";
 import portalTemplate from "../templates/Portal.html";
 import portalLeadSubmitTemplate from "../templates/PortalLeadSubmit.html";
+import taxAndCashTemplate from "../templates/TaxAndCash.html";
 import portalLeadSubmitTemplateWithDashboard from "../templates/PortalLeadSubmitWithDashboard.html";
 import portalTemplateWithDashboard from "../templates/PortalWithDashboard.html";
 import multiProgramTemplate from "../templates/MultiProgramPortal.html";
@@ -79,6 +80,17 @@ export const LeadSubmitMicrosite = createHookStory(() => {
   );
 });
 
+export const TaxAndCash = createHookStory(() => {
+  const { states, callbacks } = useTemplate(taxAndCashTemplate);
+  return (
+    <DefaultTemplateView
+      states={states}
+      callbacks={callbacks}
+      template={taxAndCashTemplate}
+    />
+  );
+});
+
 export const Login = createHookStory(() => {
   const { states, callbacks } = useTemplate(loginTemplate);
   return (
diff --git a/packages/mint-components/src/templates/TaxAndCash.html b/packages/mint-components/src/templates/TaxAndCash.html
index e69de29bb2..984c6c07ff 100644
--- a/packages/mint-components/src/templates/TaxAndCash.html
+++ b/packages/mint-components/src/templates/TaxAndCash.html
@@ -0,0 +1,125 @@
+<sqm-portal-frame>
+    <a slot="header" href="/">
+        <sqm-text style="height: 60px">
+            <img style="height: 60px"
+                src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png" />
+        </sqm-text>
+    </a>
+    <sqb-program-section program-id="referral-program">
+        <sqm-router>
+            <template
+                path="/:path(\bregister\b|\bemailVerification\b|\blogin\b|\bverifyEmail\b|\bforgotPassword\b|\bresetPassword\b|\blogout\b)">
+                <sqm-hero
+                    background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80">
+                    <sqm-router>
+                        <template path="/register">
+                            <sqm-portal-register>
+                                <sqm-name-fields slot="formData"></sqm-name-fields>
+                            </sqm-portal-register>
+                        </template>
+
+                        <template path="/emailVerification">
+                            <sqm-portal-protected-route redirect-to="/login"></sqm-portal-protected-route>
+                            <sqm-portal-email-verification></sqm-portal-email-verification>
+                        </template>
+
+                        <template path="/login">
+                            <sqm-portal-login></sqm-portal-login>
+                        </template>
+
+                        <template path="/verifyEmail">
+                            <sqm-portal-verify-email></sqm-portal-verify-email>
+                        </template>
+
+                        <template path="/forgotPassword">
+                            <sqm-portal-forgot-password email-label="Business Email"></sqm-portal-forgot-password>
+                        </template>
+
+                        <template path="/resetPassword">
+                            <sqm-portal-reset-password confirm-password="true"></sqm-portal-reset-password>
+                        </template>
+                        <template path="/logout">
+                            <sqm-portal-logout next-page="/login"></sqm-portal-logout>
+                        </template>
+                    </sqm-router>
+                </sqm-hero>
+            </template>
+        </sqm-router>
+        <sqm-router>
+            <template path="/:path(\bactivity\b|\beditProfile\b|\brefer\b)?">
+                <sqm-divided-layout direction="row" style="
+            border-top: 1px solid #eaeaea;
+            border-bottom: 1px solid #eaeaea;
+          ">
+                    <sqm-navigation-sidebar>
+                        <sqm-navigation-sidebar-item path="/" icon="house"
+                            label="Dashboard"></sqm-navigation-sidebar-item>
+                        <sqm-navigation-sidebar-item path="/taxAndCash" icon="file-earmark-text"
+                            label="Tax and Cash"></sqm-navigation-sidebar-item>
+                        <sqm-navigation-sidebar-item path="/activity" icon="bar-chart"
+                            label="Activity"></sqm-navigation-sidebar-item>
+                        <sqm-navigation-sidebar-item path="/editProfile" icon="person"
+                            label="Edit Profile"></sqm-navigation-sidebar-item>
+                        <sqm-navigation-sidebar-item path="/logout" icon="box-arrow-right"
+                            label="Logout"></sqm-navigation-sidebar-item>
+                    </sqm-navigation-sidebar>
+                    <sqm-divided-layout direction="column">
+                        <sqm-router>
+                            <template path="/">
+                                <sqm-portal-protected-route require-email-verification="true" redirect-to="/login"
+                                    redirect-to-unverified="/emailVerification"></sqm-portal-protected-route>
+                                <sqb-widget widget-type="p/referral-program/w/referrerWidget"
+                                    track-loads="true"></sqb-widget>
+                            </template>
+                            <template path="/editProfile">
+                                <sqm-portal-protected-route require-email-verification="true" redirect-to="/login"
+                                    redirect-to-unverified="/emailVerification"></sqm-portal-protected-route>
+                                <sqm-portal-container direction="column" gap="xxx-large">
+                                    <sqm-portal-profile></sqm-portal-profile>
+                                </sqm-portal-container><sqm-portal-container direction="column" gap="xxx-large">
+                                    <sqm-portal-change-password></sqm-portal-change-password>
+                                </sqm-portal-container>
+                            </template>
+                            <template path="/refer">
+                                <sqm-portal-protected-route require-email-verification="true" redirect-to="/login"
+                                    redirect-to-unverified="/emailVerification"></sqm-portal-protected-route>
+                                <sqm-referral-iframe></sqm-referral-iframe>
+                            </template>
+                            <template path="/activity">
+                                <sqm-portal-protected-route require-email-verification="true" redirect-to="/login"
+                                    redirect-to-unverified="/emailVerification"></sqm-portal-protected-route>
+                                <sqm-portal-container direction="column" padding="xxx-large" gap="xxx-large">
+                                    <sqm-text>
+                                        <h1>Activity</h1>
+                                    </sqm-text>
+                                    <sqm-stat-container space="xxxx-large"><sqm-big-stat flex-reverse="true"
+                                            alignment="left" stat-type="/referralsCount"><sqm-text>
+                                                <p>Referrals</p>
+                                            </sqm-text></sqm-big-stat>
+                                        <sqm-big-stat flex-reverse="true" alignment="left"
+                                            stat-type="/rewardsCountFiltered/AVAILABLE"><sqm-text>
+                                                <p>Rewards Earned</p>
+                                            </sqm-text></sqm-big-stat>
+                                        <sqm-big-stat flex-reverse="true" alignment="left"
+                                            stat-type="/rewardBalance/CREDIT/CENTS"><sqm-text>
+                                                <p>Reward Balance</p>
+                                            </sqm-text></sqm-big-stat>
+                                    </sqm-stat-container>
+                                    <sqm-referral-table>
+                                        <sqm-referral-table-user-column></sqm-referral-table-user-column>
+                                        <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>
+                                        <sqm-referral-table-status-column></sqm-referral-table-status-column>
+                                        <sqm-referral-table-date-column column-title="Referred"
+                                            date-shown="dateReferralStarted"></sqm-referral-table-date-column>
+                                    </sqm-referral-table></sqm-portal-container>
+                            </template>
+                        </sqm-router>
+                    </sqm-divided-layout>
+                </sqm-divided-layout>
+            </template>
+        </sqm-router>
+    </sqb-program-section>
+    <sqm-portal-footer slot="footer" support-email="support@example.com" terms-link="https://example.com"
+        faq-link="https://example.com" terms-text="Terms And Conditions" faq-text="FAQ"
+        show-powered-by="true"></sqm-portal-footer>
+</sqm-portal-frame>
\ No newline at end of file

From 4241295af7e1a2011478a59ae53584666b66484d Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 19 Jan 2024 10:07:33 -0800
Subject: [PATCH 016/753] sqm-docusign-embed

---
 packages/mint-components/package-lock.json    | 12 +++----
 packages/mint-components/package.json         |  2 +-
 packages/mint-components/src/components.d.ts  | 13 +++++++
 .../components/sqm-docusign-embed/readme.md   | 10 ++++++
 .../sqm-docusign-embed/sqm-docusign-embed.tsx | 35 +++++++++++++++++++
 5 files changed, 65 insertions(+), 7 deletions(-)
 create mode 100644 packages/mint-components/src/components/sqm-docusign-embed/readme.md
 create mode 100644 packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 66e161e4a8..71264b0cbd 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -2609,9 +2609,9 @@
       }
     },
     "node_modules/@popperjs/core": {
-      "version": "2.11.0",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.0.tgz",
-      "integrity": "sha512-zrsUxjLOKAzdewIDRWy9nsV1GQsKBCWaGwsZQlCgr6/q+vjyZhFgqedLfFBuI9anTPEUT4APq9Mu0SZBTzIcGQ==",
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/popperjs"
@@ -17255,9 +17255,9 @@
       }
     },
     "@popperjs/core": {
-      "version": "2.11.0",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.0.tgz",
-      "integrity": "sha512-zrsUxjLOKAzdewIDRWy9nsV1GQsKBCWaGwsZQlCgr6/q+vjyZhFgqedLfFBuI9anTPEUT4APq9Mu0SZBTzIcGQ=="
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A=="
     },
     "@protobufjs/aspromise": {
       "version": "1.1.2",
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 624e96419f..8c5a0e7131 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -30,7 +30,7 @@
     "test.watch": "stencil test --spec --e2e --watchAll",
     "generate": "stencil generate",
     "specs": "picklesdoc xlsx src docs --testers=2",
-    "serve:package": "serve . --cors",
+    "serve:package": "serve . --cors -l 5000",
     "start:raisins": "run-p start serve:package",
     "postinstall": "patch-package"
   },
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 0e94a4916a..30a66598b0 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -272,6 +272,8 @@ export namespace Components {
          */
         "dividerStyle": string;
     }
+    interface SqmDocusignEmbed {
+    }
     interface SqmDropdownField {
         /**
           * @undocumented 
@@ -2950,6 +2952,12 @@ declare global {
         prototype: HTMLSqmDividedLayoutElement;
         new (): HTMLSqmDividedLayoutElement;
     };
+    interface HTMLSqmDocusignEmbedElement extends Components.SqmDocusignEmbed, HTMLStencilElement {
+    }
+    var HTMLSqmDocusignEmbedElement: {
+        prototype: HTMLSqmDocusignEmbedElement;
+        new (): HTMLSqmDocusignEmbedElement;
+    };
     interface HTMLSqmDropdownFieldElement extends Components.SqmDropdownField, HTMLStencilElement {
     }
     var HTMLSqmDropdownFieldElement: {
@@ -3464,6 +3472,7 @@ declare global {
         "sqm-close-button": HTMLSqmCloseButtonElement;
         "sqm-coupon-code": HTMLSqmCouponCodeElement;
         "sqm-divided-layout": HTMLSqmDividedLayoutElement;
+        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
         "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
         "sqm-edit-profile": HTMLSqmEditProfileElement;
         "sqm-empty": HTMLSqmEmptyElement;
@@ -3780,6 +3789,8 @@ declare namespace LocalJSX {
          */
         "dividerStyle"?: string;
     }
+    interface SqmDocusignEmbed {
+    }
     interface SqmDropdownField {
         /**
           * @undocumented 
@@ -6387,6 +6398,7 @@ declare namespace LocalJSX {
         "sqm-close-button": SqmCloseButton;
         "sqm-coupon-code": SqmCouponCode;
         "sqm-divided-layout": SqmDividedLayout;
+        "sqm-docusign-embed": SqmDocusignEmbed;
         "sqm-dropdown-field": SqmDropdownField;
         "sqm-edit-profile": SqmEditProfile;
         "sqm-empty": SqmEmpty;
@@ -6486,6 +6498,7 @@ declare module "@stencil/core" {
             "sqm-close-button": LocalJSX.SqmCloseButton & JSXBase.HTMLAttributes<HTMLSqmCloseButtonElement>;
             "sqm-coupon-code": LocalJSX.SqmCouponCode & JSXBase.HTMLAttributes<HTMLSqmCouponCodeElement>;
             "sqm-divided-layout": LocalJSX.SqmDividedLayout & JSXBase.HTMLAttributes<HTMLSqmDividedLayoutElement>;
+            "sqm-docusign-embed": LocalJSX.SqmDocusignEmbed & JSXBase.HTMLAttributes<HTMLSqmDocusignEmbedElement>;
             "sqm-dropdown-field": LocalJSX.SqmDropdownField & JSXBase.HTMLAttributes<HTMLSqmDropdownFieldElement>;
             "sqm-edit-profile": LocalJSX.SqmEditProfile & JSXBase.HTMLAttributes<HTMLSqmEditProfileElement>;
             "sqm-empty": LocalJSX.SqmEmpty & JSXBase.HTMLAttributes<HTMLSqmEmptyElement>;
diff --git a/packages/mint-components/src/components/sqm-docusign-embed/readme.md b/packages/mint-components/src/components/sqm-docusign-embed/readme.md
new file mode 100644
index 0000000000..176760b73f
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-docusign-embed/readme.md
@@ -0,0 +1,10 @@
+# sqm-docusign-embed
+
+
+
+<!-- Auto Generated Below -->
+
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx b/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
new file mode 100644
index 0000000000..fe5006d91d
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
@@ -0,0 +1,35 @@
+import { Component, h } from "@stencil/core";
+
+declare global {
+  interface Window {
+    DocuSign: any;
+  }
+}
+
+@Component({
+  tag: "sqm-docusign-embed",
+  shadow: true,
+})
+export class DocusignEmbedComponent {
+  private iframe: HTMLIFrameElement;
+
+  async componentDidLoad() {
+    // TODO: Replace with actual endpoint when it's ready
+    const url = await (await fetch("http://localhost:5555/geturl")).text();
+    this.iframe.src = url;
+
+    // this.iframe.src =
+    //   "https://demo.docusign.net/Signing/MTRedeem/v1/81222592-d65d-4d8f-b847-04856779a9f4?slt=eyJ0eXAiOiJNVCIsImFsZyI6IlJTMjU2Iiwia2lkIjoiNjgxODVmZjEtNGU1MS00Y2U5LWFmMWMtNjg5ODEyMjAzMzE3In0.AQYAAAABAAMABwAAIIekfxjcSAgAAMCYK6EY3EgYAAEAAAAAAAAAIQDwAgAAeyJUb2tlbklkIjoiYzMyZjkwZDAtOGYyMy00MzZhLWFlNTctN2Q1MDgxZGRkZjAxIiwiRXhwaXJhdGlvbiI6IjIwMjQtMDEtMThUMjM6NTE6MDgrMDA6MDAiLCJJc3N1ZWRBdCI6IjIwMjQtMDEtMThUMjM6NDY6MDguNDY0OTEwNCswMDowMCIsIlJlc291cmNlSWQiOiIxMGIzZDE3MS1hNGI3LTQ1NDUtYjBmNy00OTEwNGI0ZjJhNTQiLCJSZXNvdXJjZXMiOiJ7XCJFbnZlbG9wZUlkXCI6XCIxMGIzZDE3MS1hNGI3LTQ1NDUtYjBmNy00OTEwNGI0ZjJhNTRcIixcIkFjdG9yVXNlcklkXCI6XCI1ZTg0M2IwMS0wNjUwLTRkZTYtOGJkZS00OTBjYzBkYmFhMDVcIixcIlJlY2lwaWVudElkXCI6XCIwYTMwZDdhNC1iZWYzLTRhYjUtYjg0YS0wMjBiMTllZTgzMjZcIixcIkZha2VRdWVyeVN0cmluZ1wiOlwidD1iN2ZmOGNjZC0yNzE4LTQ1MWEtYmRhYS0zMDk2OTcxYjY3OGJcIixcIkludGVncmF0b3JLZXlcIjpcIklNUEEtMmE1YzM5YWItYTlmNi00NThiLTgzZWYtM2Y3ZGVkOTNhZWE1XCIsXCJDcmVhdGVkQXRcIjpcIjIwMjQtMDEtMThUMjM6NDY6MDguMzY1NTgzWlwifSIsIlRva2VuVHlwZSI6MSwiQXVkaWVuY2UiOiIyNWUwOTM5OC0wMzQ0LTQ5MGMtOGU1My0zYWIyY2E1NjI3YmYiLCJSZWRpcmVjdFVyaSI6Imh0dHBzOi8vZGVtby5kb2N1c2lnbi5uZXQvU2lnbmluZy9TdGFydEluU2Vzc2lvbi5hc3B4IiwiSGFzaEFsZ29yaXRobSI6MCwiSGFzaFJvdW5kcyI6MCwiVG9rZW5TdGF0dXMiOjAsIklzU2luZ2xlVXNlIjpmYWxzZX0_AIDnvlaAGNxI.pz7FN5reKM0PrJ1vCyu8fgCCYBLlzkVnQgbgrrE4errETVxTYz88j51emxqthnUz0MlKvpQ7v8vf09CF22bHtM7jPtriMMILMhhTrii2nUMpYpchgKUIayIZhcvlCgL7hET6DxjsLTcEvuFr11Bumn-1qmNZHh7KJvfBHN3Fve1F031dJUxhxC2XK2EKGcUvM8yXLGWMCFpkYPQBY-m6lfSqdoRIoTUzqFA9H1331kr1zUsfkR8ygyANItyf1a9eTpVuPfpVi9Sv8eRFE1Jvtj8B2Jzi4dghG9IFyBYrRNoKAUP0R2cB8QU-VdPbos5w8Wgp8OXxuqLwXeP9D3WLtA";
+  }
+
+  render() {
+    return (
+      <iframe
+        ref={(el) => (this.iframe = el)}
+        width="100%"
+        height="100%"
+        class="docusign-iframe"
+      ></iframe>
+    );
+  }
+}

From f005c5d9835956ff51cf4c6fb64dc38f620bac21 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Fri, 19 Jan 2024 10:40:28 -0800
Subject: [PATCH 017/753] Add radio card

---
 .../sqm-radio-card/RadioCard.stories.tsx      | 21 +++++
 .../sqm-radio-card/sqm-radio-card-view.tsx    | 84 +++++++++++++++++++
 .../sqm-radio-card/sqm-radio-card.tsx         |  0
 .../sqm-stencilbook/sqm-stencilbook.tsx       |  2 +
 4 files changed, 107 insertions(+)
 create mode 100644 packages/mint-components/src/components/sqm-radio-card/RadioCard.stories.tsx
 create mode 100644 packages/mint-components/src/components/sqm-radio-card/sqm-radio-card-view.tsx
 create mode 100644 packages/mint-components/src/components/sqm-radio-card/sqm-radio-card.tsx

diff --git a/packages/mint-components/src/components/sqm-radio-card/RadioCard.stories.tsx b/packages/mint-components/src/components/sqm-radio-card/RadioCard.stories.tsx
new file mode 100644
index 0000000000..bf8c870308
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-radio-card/RadioCard.stories.tsx
@@ -0,0 +1,21 @@
+import { h } from "@stencil/core";
+import { RadioCardView, RadioCardViewProps } from "./sqm-radio-card-view";
+
+export default {
+  title: "Components/Radio Card",
+};
+
+const defaultProps: RadioCardViewProps = {
+  selected: false,
+  title: "Card Title",
+  description: "Description text goes here",
+  icon: "apple",
+};
+
+export const DefaultView = () => {
+  return <RadioCardView {...defaultProps}>Radio Card</RadioCardView>;
+};
+
+export const Selected = () => {
+  return <RadioCardView {...defaultProps} selected={true} />;
+};
diff --git a/packages/mint-components/src/components/sqm-radio-card/sqm-radio-card-view.tsx b/packages/mint-components/src/components/sqm-radio-card/sqm-radio-card-view.tsx
new file mode 100644
index 0000000000..459dd1d06c
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-radio-card/sqm-radio-card-view.tsx
@@ -0,0 +1,84 @@
+import { h, VNode } from "@stencil/core";
+import { createStyleSheet } from "../../styling/JSS";
+
+export interface RadioCardViewProps {
+  icon: any;
+  title: string;
+  description: string;
+  selected: boolean;
+}
+
+const style = {
+  Container: {
+    borderRadius: "var(--sl-border-radius-large)",
+    color: "var(--sl-color-neutral-900)",
+    background: "var(--sl-color-neutral-0)",
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-small)",
+    padding: "16px",
+    cursor: "pointer",
+  },
+  TitleContainer: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    gap: "var(--sl-spacing-small)",
+  },
+};
+
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+
+const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+    * {
+        p {
+            margin: 0;
+        }
+    }
+    sl-checkbox::part(base) {
+
+        position: absolute;
+        top: 16px;
+        right: 16px;
+    }
+    sl-checkbox::part(control) {
+        border-radius: 50%;
+    }
+  `;
+
+export const RadioCardView = ({
+  title,
+  icon,
+  description,
+  selected,
+}: RadioCardViewProps) => {
+  const border = selected
+    ? "1px solid var(--sl-color-primary-500)"
+    : "1px solid #CACFD3";
+
+  return (
+    <div
+      part="sqm-base"
+      class={sheet.classes.Container}
+      style={{
+        border,
+      }}
+    >
+      <style type="text/css">
+        {styleString}
+        {vanillaStyle}
+      </style>
+      <sl-checkbox checked={selected}></sl-checkbox>
+      <div part="sqm-title-container" class={sheet.classes.TitleContainer}>
+        <sl-icon name={icon}></sl-icon>
+        <p>{title}</p>
+      </div>
+      <p>{description}</p>
+    </div>
+  );
+};
diff --git a/packages/mint-components/src/components/sqm-radio-card/sqm-radio-card.tsx b/packages/mint-components/src/components/sqm-radio-card/sqm-radio-card.tsx
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
index a6f6449ad8..b067d1f9eb 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
+++ b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
@@ -76,6 +76,7 @@ import * as LogoutCurrentUser from "../sqm-logout-current-user/LogoutCurrentUser
 import * as LinkButton from "../sqm-link-button/LinkButton.stories";
 import * as CloseButton from "../sqm-close-button/CloseButton.stories";
 import * as TaxForm from "../tax-and-cash/sqm-tax-form/TaxForm.stories";
+import * as RadioCard from "../sqm-radio-card/RadioCard.stories";
 
 import * as Themes from "./Themes";
 import { CucumberAddon } from "./CucumberAddon";
@@ -158,6 +159,7 @@ const stories = [
   EmailRegistration,
   CloseButton,
   TaxForm,
+  RadioCard,
 ];
 
 /**

From 500e481f4e84d6a236e32de9cd774f7d1666a399 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 19 Jan 2024 11:51:01 -0800
Subject: [PATCH 018/753] wired up auto load of user data into form

---
 .../src/components/sqm-tabs/sqm-tabs-view.tsx |  3 +-
 .../sqm-tax-form/TaxForm.stories.tsx          |  3 +-
 .../sqm-tax-form/sqm-tax-form-step-1-view.tsx | 24 ++----
 .../sqm-tax-form/sqm-tax-form.tsx             | 17 +---
 .../tax-and-cash/sqm-tax-form/useTaxForm.tsx  | 77 ++++++++++++++++++-
 packages/mint-components/src/index.html       | 23 +++---
 6 files changed, 96 insertions(+), 51 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-tabs/sqm-tabs-view.tsx b/packages/mint-components/src/components/sqm-tabs/sqm-tabs-view.tsx
index c8233b77da..0bb5bae7cc 100644
--- a/packages/mint-components/src/components/sqm-tabs/sqm-tabs-view.tsx
+++ b/packages/mint-components/src/components/sqm-tabs/sqm-tabs-view.tsx
@@ -1,4 +1,3 @@
-import { useHost } from "@saasquatch/stencil-hooks";
 import { FunctionalComponent, h, Host } from "@stencil/core";
 import { TabElement } from "./useTabs";
 
@@ -24,7 +23,7 @@ export const TabsView: FunctionalComponent<TabsViewProps> = ({
       padding: ${padding};
     }
   `;
-  const host = useHost();
+
   return (
     <Host>
       <style type="text/css">{vanillaStyle}</style>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index 21d358c200..1f0fb19d10 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -20,7 +20,7 @@ const stepOneProps: TaxFormStepOneProps = {
       firstName: "Bob",
       lastName: "Testerson",
       email: "bobtesterson@example.com",
-      country: "US",
+      countryCode: "US",
       currency: "fghdfgsd",
       indirectTaxNumber: "sfgdfdgs",
       allowBankingCollection: true,
@@ -28,7 +28,6 @@ const stepOneProps: TaxFormStepOneProps = {
   },
   callbacks: {
     onSubmit: (props: any) => console.log("Submit"),
-    onChange: (e) => console.log("Submit"),
   },
   text: {
     firstName: "First name",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
index 5b724161ca..6257738050 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
@@ -5,20 +5,19 @@ export interface TaxFormStepOneProps {
     loading: boolean;
     submitDisabled: boolean;
     formState: {
-      firstName: string;
-      lastName: string;
-      email: string;
-      country: string;
-      currency: string;
-      indirectTaxNumber: string;
-      allowBankingCollection: boolean;
+      firstName?: string;
+      lastName?: string;
+      email?: string;
+      countryCode?: string;
+      currency?: string;
+      indirectTaxNumber?: string;
+      allowBankingCollection?: boolean;
       errors?: any;
       error?: string;
     };
   };
   callbacks: {
     onSubmit: (props: any) => void;
-    onChange: (e) => void;
   };
   text: {
     firstName: string;
@@ -54,7 +53,6 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
       <sl-input
         exportparts="label: input-label"
         value={formState.firstName}
-        onInput={callbacks.onChange}
         label={text.firstName}
         disabled={states.loading}
         // Copied from edit form, may need to keep
@@ -74,7 +72,6 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
       <sl-input
         exportparts="label: input-label"
         value={formState.lastName}
-        onInput={callbacks.onChange}
         label={text.lastName}
         disabled={states.loading}
         // Copied from edit form, may need to keep
@@ -94,7 +91,6 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
       <sl-input
         exportparts="label: input-label"
         value={formState.email}
-        onInput={callbacks.onChange}
         label={text.email}
         disabled={states.loading}
         // Copied from edit form, may need to keep
@@ -113,8 +109,7 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
 
       <sl-input
         exportparts="label: input-label"
-        value={formState.country}
-        onInput={callbacks.onChange}
+        value={formState.countryCode}
         label={text.country}
         disabled={states.loading}
         // Copied from edit form, may need to keep
@@ -134,7 +129,6 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
       <sl-input
         exportparts="label: input-label"
         value={formState.currency}
-        onInput={callbacks.onChange}
         label={text.currency}
         disabled={states.loading}
         // Copied from edit form, may need to keep
@@ -154,7 +148,6 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
       <sl-input
         exportparts="label: input-label"
         value={formState.indirectTaxNumber}
-        onInput={callbacks.onChange}
         label={text.indirectTaxNumber}
         disabled={states.loading}
         // Copied from edit form, may need to keep
@@ -174,7 +167,6 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
       <sl-checkbox
         exportparts="label: input-label"
         value={formState.allowBankingCollection}
-        onInput={callbacks.onChange}
         disabled={states.loading}
         // Copied from edit form, may need to keep
         // {...(formState.errors?.allowBankingCollection &&
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
index 96d5bc81aa..c98ce3f1f6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
@@ -65,25 +65,12 @@ export class TaxForm {
       <Host>
         <TaxFormStepOneView
           states={{
-            loading: false,
+            loading: props.loading,
             submitDisabled: false,
-            formState: {
-              firstName: "",
-              lastName: "",
-              email: "",
-              country: "",
-              currency: "",
-              indirectTaxNumber: "",
-              allowBankingCollection: false,
-              errors: undefined,
-              error: "",
-            },
+            formState: props.formState,
           }}
           callbacks={{
             onSubmit: props.onSubmit,
-            onChange: function (e: any): void {
-              // throw new Error("Function not implemented.");
-            },
           }}
           text={props.text}
           refs={props.refs}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
index fbf79db3b7..8d3518383d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
@@ -7,8 +7,14 @@ import {
 import { useParent } from "../../../utils/useParentState";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
 import { TaxForm } from "./sqm-tax-form";
-import { useRegisterWithEmailAndPasswordMutation } from "@saasquatch/component-boilerplate";
+import {
+  setUserIdentity,
+  useQuery,
+  useRegisterWithEmailAndPasswordMutation,
+  useUserIdentity,
+} from "@saasquatch/component-boilerplate";
 import jsonpointer from "jsonpointer";
+import { gql } from "graphql-request";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
@@ -34,15 +40,74 @@ export type InitialData = {
   [key: string]: string;
 };
 
+const GET_USER = gql`
+  query {
+    viewer {
+      ... on User {
+        firstName
+        lastName
+        email
+        countryCode
+        customFields
+      }
+    }
+  }
+`;
+
 export function useTaxForm(props: TaxForm) {
   const formRef = useRef<HTMLFormElement>(null);
   const [formState, setFormState] = useState({});
 
-  const [request, { loading, errors, data }] =
-    useRegisterWithEmailAndPasswordMutation();
-
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
+  /**** DEMO DATA */
+
+  const id = "zach.harrison@referralsaasquatch.com";
+  const accountId = id;
+  const programId = "klip-referral-program";
+
+  //@ts-ignore
+  window.widgetIdent = {
+    tenantAlias: "test_a74miwdpofztj",
+    appDomain: "https://staging.referralsaasquatch.com",
+    programId,
+  };
+
+  useEffect(() => {
+    setUserIdentity({
+      accountId,
+      id,
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIn19.Wi8Vd5r64g5n8VNhiY-v5cqFcLwGxPG3Wi3dVSfkFZI",
+    });
+    return () => {
+      window.widgetIdent = undefined;
+      setUserIdentity(undefined);
+    };
+  }, []);
+  /*** */
+
+  const user = useUserIdentity();
+
+  const { data, loading } = useQuery(GET_USER, {
+    id: user?.id,
+    accountId: user?.accountId,
+  });
+
+  useEffect(() => {
+    console.log({ data });
+    const user = data?.viewer;
+    if (!user) return;
+
+    setFormState({
+      firstName: user.firstName,
+      lastName: user.lastName,
+      email: user.email,
+      countryCode: user.countryCode,
+      currency: user.customFields?.currency,
+      indirectTaxNumber: user.customFields?.indirectTaxNumber,
+    });
+  }, [data]);
+
   // const inputFunction = useCallback((e) => {
 
   //   const name = e.target?.type?.toLowerCase();
@@ -138,17 +203,21 @@ export function useTaxForm(props: TaxForm) {
     //     validationErrors: {},
     //   });
     // }
+
+    setStep("/2");
   }
 
   return {
     step: step,
     setStep: setStep,
     onSubmit,
+    loading,
     text: {
       ...props,
     },
     refs: {
       formRef,
     },
+    formState: { ...formState },
   };
 }
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 0243ac77ad..4a6da05a86 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -13,19 +13,18 @@
   </head>
   <body>
     <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
-    <!-- <sqm-router current-path="/1">
+    <!-- <sqm-tax-and-cash>
       <template path="/1">
-        <div>
-          step 1{" "}
-          <sl-button
-            type="primary"
-       
-          >
-            continue
-          </sl-button>
-        </div>
+        <sqm-tax-form />
       </template>
-    </sqm-router> -->
+      <template path="/2">
+        <sqm-docusign-form />
+      </template>
+      <template path="/3">
+        <sqm-cash-form />
+      </template>
+      <template path="/4">confirmation screen</template>
+    </sqm-tax-and-cash>
+   -->
   </body>
 </html>

From c6b2de0ec6318f96cb9cab5f58aed2d182e83b77 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Fri, 19 Jan 2024 14:05:50 -0800
Subject: [PATCH 019/753] Start on progress bar and radio card stories

---
 .../sqm-radio-card/RadioCard.stories.tsx       |  2 +-
 .../sqm-stencilbook/sqm-stencilbook.tsx        |  2 ++
 .../progress-bar/ProgressBar.stories.tsx       | 18 ++++++++++++++++++
 3 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 packages/mint-components/src/components/sqm-task-card/progress-bar/ProgressBar.stories.tsx

diff --git a/packages/mint-components/src/components/sqm-radio-card/RadioCard.stories.tsx b/packages/mint-components/src/components/sqm-radio-card/RadioCard.stories.tsx
index bf8c870308..409f7014c9 100644
--- a/packages/mint-components/src/components/sqm-radio-card/RadioCard.stories.tsx
+++ b/packages/mint-components/src/components/sqm-radio-card/RadioCard.stories.tsx
@@ -13,7 +13,7 @@ const defaultProps: RadioCardViewProps = {
 };
 
 export const DefaultView = () => {
-  return <RadioCardView {...defaultProps}>Radio Card</RadioCardView>;
+  return <RadioCardView {...defaultProps} />;
 };
 
 export const Selected = () => {
diff --git a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
index b067d1f9eb..1a989d3186 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
+++ b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
@@ -77,6 +77,7 @@ import * as LinkButton from "../sqm-link-button/LinkButton.stories";
 import * as CloseButton from "../sqm-close-button/CloseButton.stories";
 import * as TaxForm from "../tax-and-cash/sqm-tax-form/TaxForm.stories";
 import * as RadioCard from "../sqm-radio-card/RadioCard.stories";
+import * as ProgressBar from "../sqm-task-card/progress-bar/ProgressBar.stories";
 
 import * as Themes from "./Themes";
 import { CucumberAddon } from "./CucumberAddon";
@@ -160,6 +161,7 @@ const stories = [
   CloseButton,
   TaxForm,
   RadioCard,
+  ProgressBar,
 ];
 
 /**
diff --git a/packages/mint-components/src/components/sqm-task-card/progress-bar/ProgressBar.stories.tsx b/packages/mint-components/src/components/sqm-task-card/progress-bar/ProgressBar.stories.tsx
new file mode 100644
index 0000000000..b47884c0bf
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-task-card/progress-bar/ProgressBar.stories.tsx
@@ -0,0 +1,18 @@
+import { h } from "@stencil/core";
+import { ProgressBar } from "../../sqm-reward-exchange-list/progressBar";
+import { ProgressBarProps } from "./progress-bar-view";
+
+export default {
+  title: "Components/Progress Bar",
+};
+
+const defaultProps: ProgressBarProps = {
+  progress: 2,
+  goal: 4,
+  //   progressBarUnit: string,
+  steps: true,
+};
+
+export const TaxAndPayoutsProgressBar = () => {
+  return <ProgressBar {...defaultProps} stageCount={4} currentStage={2} />;
+};

From d78882bef8147c2ee30d5be13e7076099399def0 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Fri, 19 Jan 2024 15:22:24 -0800
Subject: [PATCH 020/753] Update step two view

---
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  2 +-
 .../sqm-tax-form/TaxForm.stories.tsx          | 62 +++++++++++++++++--
 .../sqm-tax-form/sqm-tax-form-step-2-view.tsx | 56 ++++++++++++-----
 3 files changed, 98 insertions(+), 22 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 357ce73a0d..7461b708fb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -52,7 +52,7 @@ export class DocusignForm {
             loading: false,
             submitDisabled: false,
             formState: {
-              checked: "w9",
+              checked: "hstCanada",
               errors: undefined,
               error: "",
             },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index 1f0fb19d10..e4047726b2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -50,7 +50,7 @@ const stepTwoProps: TaxFormStepTwoProps = {
     loading: false,
     submitDisabled: false,
     formState: {
-      checked: "w9",
+      checked: undefined,
     },
   },
   callbacks: {
@@ -59,9 +59,18 @@ const stepTwoProps: TaxFormStepTwoProps = {
     onBack: () => console.log("Submit"),
   },
   text: {
-    w9: "W9: For all partners based in the United States (for all individuals and entities).",
-    w8: "W8-BEN: For individuals not in the United States partnered with brands based in the United States.",
-    w8e: "W8-BEN-E: for entities not in the United States partnered with brads based in the United States",
+    step: "Step",
+    stepOf: "of",
+    indirectTax: "Indirect Tax",
+    indirectTaxDescription:
+      "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.",
+    indirectTaxDetails: "Indirect Tax Details",
+    indirectTaxDetailsDescription:
+      "Not sure if you are registered for indirect tax? Contact our Support team to find out more.",
+    hstCanada: "I am registered for HST in Canada",
+    otherRegion:
+      "I am registered for Indirect Tax in a different Country / Region",
+    notRegistered: "I am not registered for Indirect Tax",
     submitButton: "Continue",
     backButton: "Back",
   },
@@ -112,3 +121,48 @@ export const StepOneWithError = () => {
 export const StepTwo = () => {
   return <TaxFormStepTwoView {...stepTwoProps} />;
 };
+
+export const StepTwoHSTChecked = () => {
+  return (
+    <TaxFormStepTwoView
+      {...stepTwoProps}
+      states={{
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          checked: "hstCanada",
+        },
+      }}
+    />
+  );
+};
+
+export const StepTwoOtherRegionChecked = () => {
+  return (
+    <TaxFormStepTwoView
+      {...stepTwoProps}
+      states={{
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          checked: "otherRegion",
+        },
+      }}
+    />
+  );
+};
+
+export const StepTwoNotRegisteredChecked = () => {
+  return (
+    <TaxFormStepTwoView
+      {...stepTwoProps}
+      states={{
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          checked: "notRegistered",
+        },
+      }}
+    />
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
index cb307dd693..c0f076d837 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
@@ -1,14 +1,16 @@
-import { h } from "@stencil/core";
+import { VNode, h } from "@stencil/core";
 
 export interface TaxFormStepTwoProps {
   states: {
     loading: boolean;
     submitDisabled: boolean;
     formState: {
-      checked?: "w9" | "w8" | "w8e";
+      checked: "hstCanada" | "otherRegion" | "notRegistered" | undefined;
       errors?: any;
       error?: string;
     };
+    registeredInCanadaDetailsSlot?: VNode;
+    registeredInDifferentCountryDetailsSlot?: VNode;
   };
   callbacks: {
     onSubmit: (props: any) => void;
@@ -16,9 +18,15 @@ export interface TaxFormStepTwoProps {
     onBack: () => void;
   };
   text: {
-    w9: string;
-    w8: string;
-    w8e: string;
+    step: string;
+    stepOf: string;
+    indirectTax: string;
+    indirectTaxDescription: string;
+    indirectTaxDetails: string;
+    indirectTaxDetailsDescription: string;
+    hstCanada: string;
+    otherRegion: string;
+    notRegistered: string;
     submitButton: string;
     backButton: string;
   };
@@ -34,35 +42,49 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
 
   return (
     <form class="FormWrapper" onSubmit={callbacks.onSubmit}>
+      <div>
+        <div>
+          <p>
+            {text.step} 2 {text.stepOf} 4
+          </p>
+          <h3>{text.indirectTax}</h3>
+        </div>
+        <p>{text.indirectTaxDescription}</p>
+
+        <div>
+          <h4>{text.indirectTaxDetails}</h4>
+          <p>{text.indirectTaxDetailsDescription}</p>
+        </div>
+      </div>
       <sl-checkbox
         exportparts="label: input-label"
-        value={formState.checked === "w9"}
+        value={formState.checked === "hstCanada"}
         onInput={callbacks.onChange}
         disabled={states.loading}
-        id="w9"
-        name="w9"
+        id="hstCanada"
+        name="hstCanada"
       >
-        {text.w9}
+        {text.hstCanada}
       </sl-checkbox>
       <sl-checkbox
         exportparts="label: input-label"
-        value={formState.checked === "w8"}
+        value={formState.checked === "otherRegion"}
         onInput={callbacks.onChange}
         disabled={states.loading}
-        id="w8"
-        name="w8"
+        id="otherRegion"
+        name="otherRegion"
       >
-        {text.w8}
+        {text.otherRegion}
       </sl-checkbox>
       <sl-checkbox
         exportparts="label: input-label"
-        value={formState.checked === "w8e"}
+        value={formState.checked === "notRegistered"}
         onInput={callbacks.onChange}
         disabled={states.loading}
-        id="w8e"
-        name="w8e"
+        id="notRegistered"
+        name="notRegistered"
       >
-        {text.w8e}
+        {text.notRegistered}
       </sl-checkbox>
       <div class="BtnContainer">
         <sl-button

From 5ad0c1b5990314d4579ec05dc1c2f19f84893c92 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 19 Jan 2024 15:38:36 -0800
Subject: [PATCH 021/753] Created sqm-tax-document-submitted-view. Added stores
 to TaxForm.stories

---
 .../sqm-tax-form/TaxForm.stories.tsx          |  77 ++++++++++
 .../sqm-tax-document-submitted-view.tsx       | 144 ++++++++++++++++++
 2 files changed, 221 insertions(+)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index 21d358c200..23f956fdf0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -7,6 +7,10 @@ import {
   TaxFormStepTwoProps,
   TaxFormStepTwoView,
 } from "./sqm-tax-form-step-2-view";
+import {
+  TaxDocumentSubmittedProps,
+  TaxDocumentSubmittedView,
+} from "./sqm-tax-document-submitted-view";
 
 export default {
   title: "Components/Tax Form",
@@ -68,6 +72,63 @@ const stepTwoProps: TaxFormStepTwoProps = {
   },
 };
 
+const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
+  states: {
+    status: "ACTIVE",
+    documentType: "W9",
+    dateSubmitted: "Jan 18th, 2025",
+  },
+  callbacks: { onClick: () => console.log("Submit new Form") },
+  text: {
+    status: "ACTIVE",
+    documentType: "W9",
+    dateSubmitted: "Jan 18th, 2025",
+  },
+};
+
+const documentSubmittedNotVerifiedProps: TaxDocumentSubmittedProps = {
+  states: {
+    status: "NOT_VERIFIED",
+    documentType: "W9",
+    dateSubmitted: "Jan 18th, 2025",
+  },
+  callbacks: { onClick: () => console.log("Submit new Form") },
+  text: {
+    status: "NOT_VERIFIED",
+    documentType: "W9",
+    dateSubmitted: "Jan 18th, 2025",
+  },
+};
+const documentSubmittedNotActiveProps: TaxDocumentSubmittedProps = {
+  states: {
+    status: "NOT_ACTIVE",
+    documentType: "W8-BEN",
+    dateSubmitted: "Jan 18th, 2025",
+  },
+  callbacks: { onClick: () => console.log("Submit new Form") },
+  text: {
+    status: "NOT_ACTIVE",
+    documentType: "W8-BEN",
+    dateSubmitted: "Jan 18th, 2025",
+  },
+};
+
+const documentSubmittedExpiredProps: TaxDocumentSubmittedProps = {
+  states: {
+    status: "EXPIRED",
+    documentType: "W8-BEN-E",
+    dateSubmitted: "Jan 18th, 2025",
+    dateExpired: "Jan 18th, 2026",
+  },
+  callbacks: { onClick: () => console.log("Submit new Form") },
+  text: {
+    status: "EXPIRED",
+    documentType: "W8-BEN-E",
+    dateSubmitted: "Jan 18th, 2025",
+    dateExpired: "Jan 18th, 2026",
+  },
+};
+
 export const StepOne = () => {
   return <TaxFormStepOneView {...stepOneProps} />;
 };
@@ -113,3 +174,19 @@ export const StepOneWithError = () => {
 export const StepTwo = () => {
   return <TaxFormStepTwoView {...stepTwoProps} />;
 };
+
+export const TaxDocumentSubmittedActive = () => {
+  return <TaxDocumentSubmittedView {...documentSubmittedActiveProps} />;
+};
+
+export const TaxDocumentSubmittedNotVerified = () => {
+  return <TaxDocumentSubmittedView {...documentSubmittedNotVerifiedProps} />;
+};
+
+export const TaxDocumentSubmittedNotActive = () => {
+  return <TaxDocumentSubmittedView {...documentSubmittedNotActiveProps} />;
+};
+
+export const TaxDocumentSubmittedExpired = () => {
+  return <TaxDocumentSubmittedView {...documentSubmittedExpiredProps} />;
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx
new file mode 100644
index 0000000000..6c3c7ae80d
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx
@@ -0,0 +1,144 @@
+import { h } from "@stencil/core";
+import { createStyleSheet } from "../../../styling/JSS";
+
+export interface TaxDocumentSubmittedProps {
+  states: {
+    status: string;
+    documentType: "W9" | "W8-BEN-E" | "W8-BEN";
+    dateSubmitted: string;
+    dateExpired?: string;
+  };
+  callbacks: { onClick: (props: any) => void };
+  text: {
+    status: string;
+    documentType: string;
+    dateSubmitted: string;
+    dateExpired?: string;
+  };
+}
+
+const style = {
+  WarningAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-red-100)",
+      borderTop: "none",
+    },
+  },
+  BankingInformationContainer: {},
+  TaxDocumentsContainer: {
+    marginTop: "var(--sl-spacing-x-large)",
+    borderTop: "1px solid var(--sl-color-neutral-200)",
+  },
+  TaxFormDetailsContainer: {
+    display: "flex",
+    flexDirection: "row",
+    gap: "var(--sl-spacing-small)",
+    alignItems: "baseline",
+    marginTop: "-30px",
+  },
+  BadgeContainer: {
+    "&::part(base)": {
+      padding: "var(--sl-spacing-x-small)",
+    },
+  },
+  NewFormButton: {
+    marginTop: "var(--sl-spacing-x-small)",
+  },
+};
+
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+
+export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
+  const { states, text, callbacks } = props;
+
+  const statusMap = {
+    NOT_VERIFIED: (
+      <div class={sheet.classes.TaxFormDetailsContainer}>
+        <sl-badge type="info" pill class={sheet.classes.BadgeContainer}>
+          Not Verified
+        </sl-badge>
+        <p>Awaiting review. Submitted on {text.dateSubmitted}</p>
+      </div>
+    ),
+    ACTIVE: (
+      <div class={sheet.classes.TaxFormDetailsContainer}>
+        <sl-badge type="success" pill class={sheet.classes.BadgeContainer}>
+          Active
+        </sl-badge>
+        <p>Submitted on {text.dateSubmitted}</p>
+      </div>
+    ),
+    NOT_ACTIVE: (
+      <div class={sheet.classes.TaxFormDetailsContainer}>
+        <sl-badge type="danger" pill class={sheet.classes.BadgeContainer}>
+          Not Active
+        </sl-badge>
+        <p>Submitted on {text.dateSubmitted}</p>
+      </div>
+    ),
+    EXPIRED: (
+      <div class={sheet.classes.TaxFormDetailsContainer}>
+        <sl-badge type="danger" pill class={sheet.classes.BadgeContainer}>
+          Expired
+        </sl-badge>
+        <p>Expired on {text.dateSubmitted}</p>
+      </div>
+    ),
+  };
+
+  const alertMap = {
+    NOT_ACTIVE: (
+      <sl-alert type="danger" open class={sheet.classes.WarningAlertContainer}>
+        <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+        <strong>
+          Your {text.documentType} tax form has personal information that
+          doesn't match your profile.
+        </strong>
+        <br />
+        Please resubmit a new {text.documentType} form.
+      </sl-alert>
+    ),
+    EXPIRED: (
+      <sl-alert type="danger" open class={sheet.classes.WarningAlertContainer}>
+        <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+        <strong>Your {text.documentType} tax form has expired.</strong>
+        <br />
+        Please submit a new {text.documentType} form.
+      </sl-alert>
+    ),
+  };
+
+  return (
+    <div>
+      <style type="text/css">{styleString}</style>
+      {(states.status === "NOT_ACTIVE" || states.status === "EXPIRED") &&
+        alertMap[states.status]}
+      <div>
+        <h3>Banking Information</h3>
+        <div class={sheet.classes.BankingInformationContainer}>
+          {/* AL: Placeholder for banking information*/}
+          <div
+            style={{
+              width: "700px",
+              height: "150px",
+              border: "1px dotted gray",
+            }}
+          ></div>
+        </div>
+      </div>
+      <div class={sheet.classes.TaxDocumentsContainer}>
+        <h3>Tax documents</h3>
+        <h4>{text.documentType} Tax Form</h4>
+        {statusMap[states.status]}
+      </div>
+      <sl-button
+        onClick={callbacks.onClick}
+        type="primary"
+        class={sheet.classes.NewFormButton}
+      >
+        Subit New Form
+      </sl-button>
+    </div>
+  );
+};

From 7e4e23ae41b76c7e3c35146e890857003c581526 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Fri, 19 Jan 2024 16:02:04 -0800
Subject: [PATCH 022/753] Add slots

---
 .../sqm-docusign-form/sqm-docusign-form.tsx   |   4 +-
 .../sqm-tax-form/sqm-tax-form-step-2-view.tsx | 120 +++++++++++++-----
 2 files changed, 91 insertions(+), 33 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 7461b708fb..11c9218d84 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -47,7 +47,7 @@ export class DocusignForm {
 
     return (
       <Host>
-        <TaxFormStepTwoView
+        {/* <TaxFormStepTwoView
           states={{
             loading: false,
             submitDisabled: false,
@@ -65,7 +65,7 @@ export class DocusignForm {
             onBack: () => props.setStep("/1"),
           }}
           text={{ ...props.text }}
-        />
+        /> */}
       </Host>
     );
   }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
index c0f076d837..a3ac6f8647 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
@@ -1,4 +1,5 @@
 import { VNode, h } from "@stencil/core";
+import { createStyleSheet } from "../../../styling/JSS";
 
 export interface TaxFormStepTwoProps {
   states: {
@@ -32,6 +33,48 @@ export interface TaxFormStepTwoProps {
   };
 }
 
+const style = {
+  FormWrapper: {},
+  CheckboxContainer: {
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-xx-small)",
+  },
+  TitleContainer: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    gap: "var(--sl-spacing-small)",
+  },
+  BtnContainer: {},
+};
+
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+
+const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+    * {
+        p {
+            margin: 0;
+        }
+    }
+    // sl-checkbox::part(base) {
+
+    //     position: absolute;
+    //     top: 16px;
+    //     right: 16px;
+    // }
+    // sl-checkbox::part(control) {
+    //     border-radius: 50%;
+    // }
+  `;
+
 export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
   const {
     states,
@@ -40,8 +83,14 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
     text,
   } = props;
 
+  const { classes } = sheet;
+
   return (
     <form class="FormWrapper" onSubmit={callbacks.onSubmit}>
+      <style type="text/css">
+        {styleString}
+        {vanillaStyle}
+      </style>
       <div>
         <div>
           <p>
@@ -56,37 +105,46 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
           <p>{text.indirectTaxDetailsDescription}</p>
         </div>
       </div>
-      <sl-checkbox
-        exportparts="label: input-label"
-        value={formState.checked === "hstCanada"}
-        onInput={callbacks.onChange}
-        disabled={states.loading}
-        id="hstCanada"
-        name="hstCanada"
-      >
-        {text.hstCanada}
-      </sl-checkbox>
-      <sl-checkbox
-        exportparts="label: input-label"
-        value={formState.checked === "otherRegion"}
-        onInput={callbacks.onChange}
-        disabled={states.loading}
-        id="otherRegion"
-        name="otherRegion"
-      >
-        {text.otherRegion}
-      </sl-checkbox>
-      <sl-checkbox
-        exportparts="label: input-label"
-        value={formState.checked === "notRegistered"}
-        onInput={callbacks.onChange}
-        disabled={states.loading}
-        id="notRegistered"
-        name="notRegistered"
-      >
-        {text.notRegistered}
-      </sl-checkbox>
-      <div class="BtnContainer">
+      <div class={classes.CheckboxContainer}>
+        <sl-checkbox
+          exportparts="label: input-label"
+          value={formState.checked === "hstCanada"}
+          checked={formState.checked === "hstCanada"}
+          onInput={callbacks.onChange}
+          disabled={states.loading}
+          id="hstCanada"
+          name="hstCanada"
+        >
+          {text.hstCanada}
+        </sl-checkbox>
+        {formState.checked === "hstCanada" &&
+          states.registeredInCanadaDetailsSlot}
+        <sl-checkbox
+          exportparts="label: input-label"
+          value={formState.checked === "otherRegion"}
+          checked={formState.checked === "otherRegion"}
+          onInput={callbacks.onChange}
+          disabled={states.loading}
+          id="otherRegion"
+          name="otherRegion"
+        >
+          {text.otherRegion}
+        </sl-checkbox>
+        {formState.checked === "otherRegion" &&
+          states.registeredInDifferentCountryDetailsSlot}
+        <sl-checkbox
+          exportparts="label: input-label"
+          value={formState.checked === "notRegistered"}
+          checked={formState.checked === "notRegistered"}
+          onInput={callbacks.onChange}
+          disabled={states.loading}
+          id="notRegistered"
+          name="notRegistered"
+        >
+          {text.notRegistered}
+        </sl-checkbox>
+      </div>
+      <div class={classes.BtnContainer}>
         <sl-button
           type="secondary"
           loading={states.loading}

From c7eb038954abcc94ae26d49ffd848bd574fd5572 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 22 Jan 2024 10:13:27 -0800
Subject: [PATCH 023/753] useDocusignForm

---
 .../sqm-docusign-form/useDocusignForm.tsx     | 30 +++++++++++++++++++
 packages/mint-components/src/index.html       |  4 ++-
 2 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 94dfc5a224..a13a985b1c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -1,12 +1,42 @@
+import { gql } from "graphql-request";
 import { useParent } from "../../../utils/useParentState";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
 import { DocusignForm } from "./sqm-docusign-form";
+import { useQuery, useUserIdentity } from "@saasquatch/component-boilerplate";
+
+const GET_USER_TAX_INFO = gql`
+  query getUserTaxInfo($id: String!, $accountId: String!) {
+    id
+    accountId
+    firstName
+    lastName
+    email
+    countryCode
+  }
+`;
+
+const SUBMIT_TAX_INFO = gql`
+  mutation submitTaxInfo ($vars: SubmitTaxInfoInput) {
+
+  }
+`;
 
 export function useDocusignForm(props: DocusignForm) {
+  const user = useUserIdentity();
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
+  const variables = {
+    id: user.id,
+    accountId: user.accountId,
+  };
+  const { data, loading } = useQuery(GET_USER_TAX_INFO, variables);
+
+  const countryCode = data?.getUserTaxInfo.countryCode;
+  const locationRadio = countryCode === "US" ? "US" : "OUTSIDE_US";
+
   return {
     step: step,
+    locationRadio,
     setStep: setStep,
     text: { ...props },
   };
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 0243ac77ad..765bc3488a 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -13,7 +13,9 @@
   </head>
   <body>
     <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-router current-path="/2">
+      <sqm-docusign-form></sqm-docusign-form>
+    </sqm-router> -->
     <!-- <sqm-router current-path="/1">
       <template path="/1">
         <div>

From 2711faa73ffd1623eeaf3fcd86300c1fed5b9506 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 22 Jan 2024 10:44:03 -0800
Subject: [PATCH 024/753] Add slot views

---
 .../sqm-stencilbook/sqm-stencilbook.tsx       |   2 +
 .../small-views/IndirectTaxDetailsView.tsx    | 105 ++++++++++++++++++
 .../small-views/SlotViews.stories.tsx         |  31 ++++++
 3 files changed, 138 insertions(+)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx

diff --git a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
index 1a989d3186..54cf24ea6f 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
+++ b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
@@ -76,6 +76,7 @@ import * as LogoutCurrentUser from "../sqm-logout-current-user/LogoutCurrentUser
 import * as LinkButton from "../sqm-link-button/LinkButton.stories";
 import * as CloseButton from "../sqm-close-button/CloseButton.stories";
 import * as TaxForm from "../tax-and-cash/sqm-tax-form/TaxForm.stories";
+import * as TaxFormSlots from "../tax-and-cash/sqm-tax-form/small-views/SlotViews.stories";
 import * as RadioCard from "../sqm-radio-card/RadioCard.stories";
 import * as ProgressBar from "../sqm-task-card/progress-bar/ProgressBar.stories";
 
@@ -162,6 +163,7 @@ const stories = [
   TaxForm,
   RadioCard,
   ProgressBar,
+  TaxFormSlots,
 ];
 
 /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
new file mode 100644
index 0000000000..249833bb8f
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
@@ -0,0 +1,105 @@
+import { VNode, h } from "@stencil/core";
+import { createStyleSheet } from "../../../../styling/JSS";
+
+export interface IndirectDetailsSlotViewProps {
+  states: {
+    loading: boolean;
+    formState: {
+      selectedRegion: string;
+      vatNumber: number;
+      errors?: any;
+      error?: string;
+    };
+  };
+  callbacks: {
+    onSubmit: (props: any) => void;
+    onChange: (e) => void;
+  };
+  text: {
+    selectedRegion: string;
+    vatNumber: string;
+  };
+}
+
+const style = {
+  Container: {},
+};
+
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+
+const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+    * {
+        p {
+            margin: 0;
+        }
+    }
+  `;
+
+export const IndirectDetailsSlotView = (
+  props: IndirectDetailsSlotViewProps
+) => {
+  const {
+    states,
+    states: { formState },
+    callbacks,
+    text,
+  } = props;
+
+  const { classes } = sheet;
+
+  return (
+    <form class={classes.Container} onSubmit={callbacks.onSubmit}>
+      <style type="text/css">
+        {styleString}
+        {vanillaStyle}
+      </style>
+      <hr />
+      <sl-select
+        exportparts="label: input-label"
+        value={formState.selectedRegion}
+        label={text.selectedRegion}
+        disabled={states.loading}
+        // Copied from edit form, may need to keep
+        // {...(formState.errors?.selectedRegion &&
+        // formState.errors?.selectedRegion.status !== "valid"
+        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+        //   : [])}
+        id="selectedRegion"
+        name="/selectedRegion"
+        error={
+          formState.errors?.selectedRegion &&
+          formState.errors?.selectedRegion.status !== "valid"
+            ? formState.errors?.selectedRegion.message
+            : undefined
+        }
+      >
+        <sl-option value="option-1">Canada</sl-option>
+        <sl-option value="option-2">United Kingdom</sl-option>
+      </sl-select>
+      <sl-input
+        exportparts="label: input-label"
+        value={formState.vatNumber}
+        label={text.vatNumber}
+        disabled={states.loading}
+        // Copied from edit form, may need to keep
+        // {...(formState.errors?.vatNumber &&
+        // formState.errors?.vatNumber.status !== "valid"
+        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+        //   : [])}
+        id="vatNumber"
+        name="/vatNumber"
+        error={
+          formState.errors?.vatNumber &&
+          formState.errors?.vatNumber.status !== "valid"
+            ? formState.errors?.vatNumber.message
+            : undefined
+        }
+      />
+      <hr />
+    </form>
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
new file mode 100644
index 0000000000..07a917a4a5
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
@@ -0,0 +1,31 @@
+import { h } from "@stencil/core";
+import {
+  IndirectDetailsSlotView,
+  IndirectDetailsSlotViewProps,
+} from "./IndirectTaxDetailsView";
+
+export default {
+  title: "Components/Slot Views",
+};
+
+const indirectDetailsProps: IndirectDetailsSlotViewProps = {
+  states: {
+    loading: false,
+    formState: {
+      selectedRegion: "United Kindom",
+      vatNumber: 12345,
+    },
+  },
+  callbacks: {
+    onSubmit: (props: any) => console.log("Submit"),
+    onChange: (e) => console.log("Submit"),
+  },
+  text: {
+    selectedRegion: "Country / Region of Indirect Tax",
+    vatNumber: "VAT number",
+  },
+};
+
+export const IndirectDetailsSlot = () => {
+  return <IndirectDetailsSlotView {...indirectDetailsProps} />;
+};

From fe461eba097002c62c91c4c71d87755dd08acafc Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 22 Jan 2024 11:13:06 -0800
Subject: [PATCH 025/753] Add slot views to stories

---
 .../sqm-tax-form/TaxForm.stories.tsx          |   6 +
 .../small-views/IndirectTaxDetailsView.tsx    | 146 ++++++++++++------
 .../small-views/SlotViews.stories.tsx         |  30 +++-
 3 files changed, 133 insertions(+), 49 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index 7cb7469afc..db18e540f9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -11,6 +11,10 @@ import {
   TaxDocumentSubmittedProps,
   TaxDocumentSubmittedView,
 } from "./sqm-tax-document-submitted-view";
+import {
+  RegisteredInCanada,
+  RegisteredInOtherRegion,
+} from "./small-views/SlotViews.stories";
 
 export default {
   title: "Components/Tax Form",
@@ -204,6 +208,7 @@ export const StepTwoHSTChecked = () => {
       {...stepTwoProps}
       states={{
         ...stepTwoProps.states,
+        registeredInCanadaDetailsSlot: <RegisteredInCanada />,
         formState: {
           ...stepTwoProps.states.formState,
           checked: "hstCanada",
@@ -219,6 +224,7 @@ export const StepTwoOtherRegionChecked = () => {
       {...stepTwoProps}
       states={{
         ...stepTwoProps.states,
+        registeredInDifferentCountryDetailsSlot: <RegisteredInOtherRegion />,
         formState: {
           ...stepTwoProps.states.formState,
           checked: "otherRegion",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
index 249833bb8f..49af05fdbf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
@@ -5,8 +5,11 @@ export interface IndirectDetailsSlotViewProps {
   states: {
     loading: boolean;
     formState: {
-      selectedRegion: string;
-      vatNumber: number;
+      registeredIn: "canada" | "otherRegion";
+      selectedRegion?: string;
+      vatNumber?: number;
+      province?: string;
+      indirectTaxNumber?: number;
       errors?: any;
       error?: string;
     };
@@ -16,13 +19,17 @@ export interface IndirectDetailsSlotViewProps {
     onChange: (e) => void;
   };
   text: {
-    selectedRegion: string;
-    vatNumber: string;
+    selectedRegion?: string;
+    vatNumber?: string;
+    province?: string;
+    indirectTaxNumber?: string;
   };
 }
 
 const style = {
-  Container: {},
+  Container: {
+    width: "100%",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -58,47 +65,94 @@ export const IndirectDetailsSlotView = (
         {vanillaStyle}
       </style>
       <hr />
-      <sl-select
-        exportparts="label: input-label"
-        value={formState.selectedRegion}
-        label={text.selectedRegion}
-        disabled={states.loading}
-        // Copied from edit form, may need to keep
-        // {...(formState.errors?.selectedRegion &&
-        // formState.errors?.selectedRegion.status !== "valid"
-        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-        //   : [])}
-        id="selectedRegion"
-        name="/selectedRegion"
-        error={
-          formState.errors?.selectedRegion &&
-          formState.errors?.selectedRegion.status !== "valid"
-            ? formState.errors?.selectedRegion.message
-            : undefined
-        }
-      >
-        <sl-option value="option-1">Canada</sl-option>
-        <sl-option value="option-2">United Kingdom</sl-option>
-      </sl-select>
-      <sl-input
-        exportparts="label: input-label"
-        value={formState.vatNumber}
-        label={text.vatNumber}
-        disabled={states.loading}
-        // Copied from edit form, may need to keep
-        // {...(formState.errors?.vatNumber &&
-        // formState.errors?.vatNumber.status !== "valid"
-        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-        //   : [])}
-        id="vatNumber"
-        name="/vatNumber"
-        error={
-          formState.errors?.vatNumber &&
-          formState.errors?.vatNumber.status !== "valid"
-            ? formState.errors?.vatNumber.message
-            : undefined
-        }
-      />
+      {formState.registeredIn === "otherRegion" ? (
+        <sl-select
+          exportparts="label: input-label"
+          value={formState.selectedRegion}
+          label={text.selectedRegion}
+          disabled={states.loading}
+          // Copied from edit form, may need to keep
+          // {...(formState.errors?.selectedRegion &&
+          // formState.errors?.selectedRegion.status !== "valid"
+          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+          //   : [])}
+          id="selectedRegion"
+          name="/selectedRegion"
+          error={
+            formState.errors?.selectedRegion &&
+            formState.errors?.selectedRegion.status !== "valid"
+              ? formState.errors?.selectedRegion.message
+              : undefined
+          }
+        >
+          <sl-option value="option-1">Canada</sl-option>
+          <sl-option value="option-2">United Kingdom</sl-option>
+        </sl-select>
+      ) : (
+        <sl-select
+          exportparts="label: input-label"
+          value={formState.province}
+          label={text.province}
+          disabled={states.loading}
+          // Copied from edit form, may need to keep
+          // {...(formState.errors?.province &&
+          // formState.errors?.province.status !== "valid"
+          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+          //   : [])}
+          id="province"
+          name="/province"
+          error={
+            formState.errors?.province &&
+            formState.errors?.province.status !== "valid"
+              ? formState.errors?.province.message
+              : undefined
+          }
+        >
+          <sl-option value="option-1">Canada</sl-option>
+          <sl-option value="option-2">United Kingdom</sl-option>
+        </sl-select>
+      )}
+      {formState.registeredIn === "otherRegion" ? (
+        <sl-input
+          exportparts="label: input-label"
+          value={formState.vatNumber}
+          label={text.vatNumber}
+          disabled={states.loading}
+          // Copied from edit form, may need to keep
+          // {...(formState.errors?.vatNumber &&
+          // formState.errors?.vatNumber.status !== "valid"
+          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+          //   : [])}
+          id="vatNumber"
+          name="/vatNumber"
+          error={
+            formState.errors?.vatNumber &&
+            formState.errors?.vatNumber.status !== "valid"
+              ? formState.errors?.vatNumber.message
+              : undefined
+          }
+        />
+      ) : (
+        <sl-input
+          exportparts="label: input-label"
+          value={formState.indirectTaxNumber}
+          label={text.indirectTaxNumber}
+          disabled={states.loading}
+          // Copied from edit form, may need to keep
+          // {...(formState.errors?.indirectTaxNumber &&
+          // formState.errors?.indirectTaxNumber.status !== "valid"
+          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+          //   : [])}
+          id="indirectTaxNumber"
+          name="/indirectTaxNumber"
+          error={
+            formState.errors?.indirectTaxNumber &&
+            formState.errors?.indirectTaxNumber.status !== "valid"
+              ? formState.errors?.indirectTaxNumber.message
+              : undefined
+          }
+        />
+      )}
       <hr />
     </form>
   );
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
index 07a917a4a5..117243280d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
@@ -8,10 +8,11 @@ export default {
   title: "Components/Slot Views",
 };
 
-const indirectDetailsProps: IndirectDetailsSlotViewProps = {
+const registeredInOtherRegion: IndirectDetailsSlotViewProps = {
   states: {
     loading: false,
     formState: {
+      registeredIn: "otherRegion",
       selectedRegion: "United Kindom",
       vatNumber: 12345,
     },
@@ -26,6 +27,29 @@ const indirectDetailsProps: IndirectDetailsSlotViewProps = {
   },
 };
 
-export const IndirectDetailsSlot = () => {
-  return <IndirectDetailsSlotView {...indirectDetailsProps} />;
+const registeredInCanada: IndirectDetailsSlotViewProps = {
+  states: {
+    loading: false,
+    formState: {
+      registeredIn: "canada",
+      province: "British Columbia",
+      indirectTaxNumber: 1234,
+    },
+  },
+  callbacks: {
+    onSubmit: (props: any) => console.log("Submit"),
+    onChange: (e) => console.log("Submit"),
+  },
+  text: {
+    province: "Province",
+    indirectTaxNumber: "Indirect Tax",
+  },
+};
+
+export const RegisteredInOtherRegion = () => {
+  return <IndirectDetailsSlotView {...registeredInOtherRegion} />;
+};
+
+export const RegisteredInCanada = () => {
+  return <IndirectDetailsSlotView {...registeredInCanada} />;
 };

From 81215ca007018f927da9893362f20cf28410f414 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 22 Jan 2024 11:59:57 -0800
Subject: [PATCH 026/753] Created sqm-tax-document-submitted.feature spec doc

---
 .../sqm-referral-iframe.feature               | 84 +++++++++----------
 .../sqm-tax-document-submitted-view.tsx       |  6 +-
 .../sqm-tax-document-submitted.feature        | 57 +++++++++++++
 3 files changed, 104 insertions(+), 43 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.feature

diff --git a/packages/mint-components/src/components/sqm-referral-iframe/sqm-referral-iframe.feature b/packages/mint-components/src/components/sqm-referral-iframe/sqm-referral-iframe.feature
index 15e8cedd5e..11d1465daa 100644
--- a/packages/mint-components/src/components/sqm-referral-iframe/sqm-referral-iframe.feature
+++ b/packages/mint-components/src/components/sqm-referral-iframe/sqm-referral-iframe.feature
@@ -3,50 +3,50 @@
 
 Feature: Referral Iframe
 
-  Used to provide an external form for submitting referral leads using the current user's referral code
+	Used to provide an external form for submitting referral leads using the current user's referral code
 
-  Background: A user is logged in
-    Given there is a logged in user
+	Background: A user is logged in
+		Given there is a logged in user
 
-  @motivating
-  Scenario: Referral code is passed to the iframe as a query parameter
-    Given the "iframe-src" is "https://example.com"
-    And the user has navigated to "/refer"
-    And the user's referral code is "BOBBYREFER"
-    When the iframe content is loaded
-    Then the iframe url will be "https://example.com?rsCode=BOBBYREFER"
+	@motivating
+	Scenario: Referral code is passed to the iframe as a query parameter
+		Given the "iframe-src" is "https://example.com"
+		And the user has navigated to "/refer"
+		And the user's referral code is "BOBBYREFER"
+		When the iframe content is loaded
+		Then the iframe url will be "https://example.com?rsCode=BOBBYREFER"
 
-  @ui
-  Scenario Outline: The height and width of the iFrame can be controlled via props
-    Given the "iframe-src" is "https://example.com"
-    And the iframe content is 1000x1000
-    And the "iframe-height" is set to <heightValue>
-    And the "iframe-width" is set to <widthValue>
-    Then the content of the iframe will be displayed with scrollbars
-    And the dimension of the iFrame displayed will be 500x500
-    When the "iframe-height" is set to <heightValue>
-    And the "iframe-width" is set to <widthValue>
-    Then the full content of the iframe will be displayed on the page
-    And the dimension of the iFrame displayed will be 1000x1000
-    Examples:
-      | heightValue | widthValue |
-      | 500px       | 500px      |
-      | 50%         | 50%        |
+	@ui
+	Scenario Outline: The height and width of the iFrame can be controlled via props
+		Given the "iframe-src" is "https://example.com"
+		And the iframe content is 1000x1000
+		And the "iframe-height" is set to <heightValue>
+		And the "iframe-width" is set to <widthValue>
+		Then the content of the iframe will be displayed with scrollbars
+		And the dimension of the iFrame displayed will be 500x500
+		When the "iframe-height" is set to <heightValue>
+		And the "iframe-width" is set to <widthValue>
+		Then the full content of the iframe will be displayed on the page
+		And the dimension of the iFrame displayed will be 1000x1000
+		Examples:
+		| heightValue | widthValue |
+		| 500px       | 500px      |
+		| 50%         | 50%        |
 
-  @minutia
-  Scenario Outline: The iFrame will fail fast if a iFrame source isn't provided
-    Given "iframe-src" <mayBeAnAttribute>
-    And it <mayHaveValue>
-    When a user views the referral iFrame component
-    Then an alert with an error message is displayed in place of the iFrame
-    And it has a details section
-    When "More details" is clicked
-    Then the following information will be displayed
-      | component being used |
-      | missing attribute(s) |
+	@minutia
+	Scenario Outline: The iFrame will fail fast if a iFrame source isn't provided
+		Given "iframe-src" <mayBeAnAttribute>
+		And it <mayHaveValue>
+		When a user views the referral iFrame component
+		Then an alert with an error message is displayed in place of the iFrame
+		And it has a details section
+		When "More details" is clicked
+		Then the following information will be displayed
+		| component being used |
+		| missing attribute(s) |
 
-    Examples:
-      | mayBeAnAttribute    | mayHaveValue |
-      | is not an attribute | N/A          |
-      | is an attribute     | ""           |
-      | is an attribute     |              |
\ No newline at end of file
+	Examples:
+		| mayBeAnAttribute    | mayHaveValue |
+		| is not an attribute | N/A          |
+		| is an attribute     | ""           |
+		| is an attribute     |              |
\ No newline at end of file
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx
index 6c3c7ae80d..deedc33470 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx
@@ -7,6 +7,8 @@ export interface TaxDocumentSubmittedProps {
     documentType: "W9" | "W8-BEN-E" | "W8-BEN";
     dateSubmitted: string;
     dateExpired?: string;
+    taxAlertHeader?: string;
+    taxAlertMessage?: string;
   };
   callbacks: { onClick: (props: any) => void };
   text: {
@@ -14,6 +16,8 @@ export interface TaxDocumentSubmittedProps {
     documentType: string;
     dateSubmitted: string;
     dateExpired?: string;
+    taxAlertHeader?: string;
+    taxAlertMessage?: string;
   };
 }
 
@@ -117,7 +121,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
       <div>
         <h3>Banking Information</h3>
         <div class={sheet.classes.BankingInformationContainer}>
-          {/* AL: Placeholder for banking information*/}
+          {/* AL: Placeholder for banking information. TBD with design with what belongs here */}
           <div
             style={{
               width: "700px",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.feature
new file mode 100644
index 0000000000..efc51bbe57
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.feature
@@ -0,0 +1,57 @@
+@owner:andy
+@author:andy
+
+
+Feature: Tax Document Submitted View
+        View that informs the user of their Tax Document submission status.
+
+	Background: A user has submitted their Tax Document
+		Given a user is on the Tax Document Submitted view
+
+	@motivating
+	Scenario: View Tax Document Submitted
+		Given the user has submitted a tax document
+		When they view Document Submitted
+		Then they should see the status of their Tax Document and Banking Information
+
+	@minutia
+	@ui
+	Scenario Outline: The Tax Form header is controlled via <documentType> prop
+	Given the <documentType>
+	Then the Tax Form header will display "<documentType> Tax Form"
+	Examples:
+		| documentType |
+		| W9 		   |
+		| W8-BEN       |
+		| W8-BEN-E     |
+
+	@minutia
+	@ui
+	Scenario Outline: The Tax Document Submitted badge view is controlled via props
+		Given the Tax Document is currently <status>
+		When they view the Tax Document Submitted
+		And they will see a badge with <status> text and a respective <badgeVariant>
+		Then they see a message indicating "<taxStatusMessage> on <dateSubmitted>"
+		Examples: 
+			| status       | badgeVariant | taxStatusMessage              | dateSubmitted   |
+			| ACTIVE       | success 	  | Submitted on                  | Jan 17, 2024    |
+			| NOT_VERIFIED | neutral      | Awaiting Review. Submitted on | Jan 17, 2024    |
+			| NOT_ACTIVE   | danger       | Submitted on                  | Jan 17, 2024    |
+			| EXPIRED      | danger       | Expired on                    | Jan 17, 2024    |
+
+	@minutia
+	@ui
+	Scenario Outline: A Warning Alert appears based on the <status> prop
+	Given the <status> is "NOT_ACTIVE" or "EXPIRED"
+	Then a warning alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> will appear
+	Examples:
+		| status 	 | documentType | taxAlertHeader 															 		| taxAlertMessage 				  				|
+		| NOT_ACTIVE | W9       	| Your W9 tax form has personal information that doesn't match your profile. 		| Please resubmit a new W9 form. 				|
+		| EXPIRED    | W8-BEN-E     | Your W8-BEN-E  tax form has personal information that doesn't match your profile. | Please resubmit a new W8-BEN-E form. 			|
+
+
+
+	Scenario: Submit New Tax Document Form
+		Given the user is viewing the Tax Document Submission
+		When they click the "Submit New Form" button
+		Then the system should trigger the callback to submit a new Tax Document Form

From bf3f142807724b7e88e437cfd774a9ccfff6e5f0 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 22 Jan 2024 13:13:19 -0800
Subject: [PATCH 027/753] Update stories

---
 .../sqm-tax-form/TaxForm.stories.tsx          | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index db18e540f9..e641960ec2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -141,6 +141,7 @@ const documentSubmittedExpiredProps: TaxDocumentSubmittedProps = {
   },
 };
 
+// STEP ONE
 export const StepOne = () => {
   return <TaxFormStepOneView {...stepOneProps} />;
 };
@@ -183,25 +184,11 @@ export const StepOneWithError = () => {
   );
 };
 
+// STEP TWO
 export const StepTwo = () => {
   return <TaxFormStepTwoView {...stepTwoProps} />;
 };
 
-export const TaxDocumentSubmittedActive = () => {
-  return <TaxDocumentSubmittedView {...documentSubmittedActiveProps} />;
-};
-
-export const TaxDocumentSubmittedNotVerified = () => {
-  return <TaxDocumentSubmittedView {...documentSubmittedNotVerifiedProps} />;
-};
-
-export const TaxDocumentSubmittedNotActive = () => {
-  return <TaxDocumentSubmittedView {...documentSubmittedNotActiveProps} />;
-};
-
-export const TaxDocumentSubmittedExpired = () => {
-  return <TaxDocumentSubmittedView {...documentSubmittedExpiredProps} />;
-};
 export const StepTwoHSTChecked = () => {
   return (
     <TaxFormStepTwoView
@@ -248,3 +235,19 @@ export const StepTwoNotRegisteredChecked = () => {
     />
   );
 };
+
+export const TaxDocumentSubmittedActive = () => {
+  return <TaxDocumentSubmittedView {...documentSubmittedActiveProps} />;
+};
+
+export const TaxDocumentSubmittedNotVerified = () => {
+  return <TaxDocumentSubmittedView {...documentSubmittedNotVerifiedProps} />;
+};
+
+export const TaxDocumentSubmittedNotActive = () => {
+  return <TaxDocumentSubmittedView {...documentSubmittedNotActiveProps} />;
+};
+
+export const TaxDocumentSubmittedExpired = () => {
+  return <TaxDocumentSubmittedView {...documentSubmittedExpiredProps} />;
+};

From cc48743561261b56b1460533ebf7f4ecf860a2f1 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 22 Jan 2024 13:40:08 -0800
Subject: [PATCH 028/753] Add copy file

---
 .../sqm-tax-form/defaultTextCopy.ts           | 20 +++++++++++++++++++
 .../small-views/SlotViews.stories.tsx         |  9 +++++----
 .../sqm-tax-form/sqm-tax-form.tsx             | 18 +++++++++--------
 3 files changed, 35 insertions(+), 12 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
new file mode 100644
index 0000000000..573dc41f93
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
@@ -0,0 +1,20 @@
+import { IndirectDetailsSlotViewProps } from "./small-views/IndirectTaxDetailsView";
+import { TaxFormStepOneProps } from "./sqm-tax-form-step-1-view";
+
+export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
+  selectedRegion: "Country / Region of Indirect Tax",
+  vatNumber: "VAT number",
+  province: "Province",
+  indirectTaxNumber: "Indirect Tax",
+};
+
+export const taxFormStepOneText: TaxFormStepOneProps["text"] = {
+  firstName: "First name",
+  lastName: "Last name",
+  email: "Email",
+  country: "Country",
+  currency: "Currency",
+  indirectTaxNumber: "Tax Number",
+  allowBankingCollection: "I agree to the terms",
+  submitButton: "Submit",
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
index 117243280d..77caf30d3c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
@@ -3,6 +3,7 @@ import {
   IndirectDetailsSlotView,
   IndirectDetailsSlotViewProps,
 } from "./IndirectTaxDetailsView";
+import { indirectDetailsSlotText } from "../defaultTextCopy";
 
 export default {
   title: "Components/Slot Views",
@@ -22,8 +23,8 @@ const registeredInOtherRegion: IndirectDetailsSlotViewProps = {
     onChange: (e) => console.log("Submit"),
   },
   text: {
-    selectedRegion: "Country / Region of Indirect Tax",
-    vatNumber: "VAT number",
+    selectedRegion: indirectDetailsSlotText.selectedRegion,
+    vatNumber: indirectDetailsSlotText.vatNumber,
   },
 };
 
@@ -41,8 +42,8 @@ const registeredInCanada: IndirectDetailsSlotViewProps = {
     onChange: (e) => console.log("Submit"),
   },
   text: {
-    province: "Province",
-    indirectTaxNumber: "Indirect Tax",
+    province: indirectDetailsSlotText.province,
+    indirectTaxNumber: indirectDetailsSlotText.indirectTaxNumber,
   },
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
index c98ce3f1f6..6e5911814d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
@@ -6,6 +6,7 @@ import { getProps } from "../../../utils/utils";
 import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
 import { TaxFormStepOneView } from "./sqm-tax-form-step-1-view";
 import { useTaxForm } from "./useTaxForm";
+import { taxFormStepOneText } from "./defaultTextCopy";
 
 /**
  * @uiName Tax And Cash
@@ -26,14 +27,15 @@ export class TaxForm {
   @Prop() demoData?: DemoData<UserNameViewProps>;
 
   @Prop()
-  firstName: string = "First name";
-  @Prop() lastName: string = "Last name";
-  @Prop() email: string = "Email";
-  @Prop() country: string = "Country";
-  @Prop() currency: string = "Currency";
-  @Prop() indirectTaxNumber: string = "Tax Number";
-  @Prop() allowBankingCollection: string = "I agree to the terms";
-  @Prop() submitButton: string = "Submit";
+  firstName: string = taxFormStepOneText.firstName;
+  @Prop() lastName: string = taxFormStepOneText.lastName;
+  @Prop() email: string = taxFormStepOneText.email;
+  @Prop() country: string = taxFormStepOneText.country;
+  @Prop() currency: string = taxFormStepOneText.currency;
+  @Prop() indirectTaxNumber: string = taxFormStepOneText.indirectTaxNumber;
+  @Prop() allowBankingCollection: string =
+    taxFormStepOneText.allowBankingCollection;
+  @Prop() submitButton: string = taxFormStepOneText.submitButton;
 
   /**
    * The message to be displayed when a required field is not filled.

From 048627ea1bcc8bfecd5f4d9ece666d52199cd0a0 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 22 Jan 2024 16:34:54 -0800
Subject: [PATCH 029/753] add styling

---
 .../small-views/IndirectTaxDetailsView.tsx    | 207 ++++++++++--------
 .../sqm-tax-form/sqm-tax-form-step-2-view.tsx |  81 ++++---
 2 files changed, 168 insertions(+), 120 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
index 49af05fdbf..9ef3dc6219 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
@@ -30,6 +30,21 @@ const style = {
   Container: {
     width: "100%",
   },
+  InputContainer: {
+    width: "100%",
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "16px",
+    padding: "16px",
+  },
+  HR: {
+    border: "1px solid #E0E0E0",
+    margin: "10px 0",
+  },
+  Input: {
+    maxWidth: "500px",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -40,9 +55,9 @@ const vanillaStyle = `
       display: block;   
     }
     * {
-        p {
-            margin: 0;
-        }
+       margin: 0;
+       padding: 0;
+       box-sizing: border-box;
     }
   `;
 
@@ -64,96 +79,102 @@ export const IndirectDetailsSlotView = (
         {styleString}
         {vanillaStyle}
       </style>
-      <hr />
-      {formState.registeredIn === "otherRegion" ? (
-        <sl-select
-          exportparts="label: input-label"
-          value={formState.selectedRegion}
-          label={text.selectedRegion}
-          disabled={states.loading}
-          // Copied from edit form, may need to keep
-          // {...(formState.errors?.selectedRegion &&
-          // formState.errors?.selectedRegion.status !== "valid"
-          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-          //   : [])}
-          id="selectedRegion"
-          name="/selectedRegion"
-          error={
-            formState.errors?.selectedRegion &&
-            formState.errors?.selectedRegion.status !== "valid"
-              ? formState.errors?.selectedRegion.message
-              : undefined
-          }
-        >
-          <sl-option value="option-1">Canada</sl-option>
-          <sl-option value="option-2">United Kingdom</sl-option>
-        </sl-select>
-      ) : (
-        <sl-select
-          exportparts="label: input-label"
-          value={formState.province}
-          label={text.province}
-          disabled={states.loading}
-          // Copied from edit form, may need to keep
-          // {...(formState.errors?.province &&
-          // formState.errors?.province.status !== "valid"
-          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-          //   : [])}
-          id="province"
-          name="/province"
-          error={
-            formState.errors?.province &&
-            formState.errors?.province.status !== "valid"
-              ? formState.errors?.province.message
-              : undefined
-          }
-        >
-          <sl-option value="option-1">Canada</sl-option>
-          <sl-option value="option-2">United Kingdom</sl-option>
-        </sl-select>
-      )}
-      {formState.registeredIn === "otherRegion" ? (
-        <sl-input
-          exportparts="label: input-label"
-          value={formState.vatNumber}
-          label={text.vatNumber}
-          disabled={states.loading}
-          // Copied from edit form, may need to keep
-          // {...(formState.errors?.vatNumber &&
-          // formState.errors?.vatNumber.status !== "valid"
-          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-          //   : [])}
-          id="vatNumber"
-          name="/vatNumber"
-          error={
-            formState.errors?.vatNumber &&
-            formState.errors?.vatNumber.status !== "valid"
-              ? formState.errors?.vatNumber.message
-              : undefined
-          }
-        />
-      ) : (
-        <sl-input
-          exportparts="label: input-label"
-          value={formState.indirectTaxNumber}
-          label={text.indirectTaxNumber}
-          disabled={states.loading}
-          // Copied from edit form, may need to keep
-          // {...(formState.errors?.indirectTaxNumber &&
-          // formState.errors?.indirectTaxNumber.status !== "valid"
-          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-          //   : [])}
-          id="indirectTaxNumber"
-          name="/indirectTaxNumber"
-          error={
-            formState.errors?.indirectTaxNumber &&
-            formState.errors?.indirectTaxNumber.status !== "valid"
-              ? formState.errors?.indirectTaxNumber.message
-              : undefined
-          }
-        />
-      )}
-      <hr />
+      <hr class={classes.HR} />
+      <div class={classes.InputContainer}>
+        {formState.registeredIn === "otherRegion" ? (
+          <sl-select
+            class={classes.Input}
+            exportparts="label: input-label"
+            value={formState.selectedRegion}
+            label={text.selectedRegion}
+            disabled={states.loading}
+            // Copied from edit form, may need to keep
+            // {...(formState.errors?.selectedRegion &&
+            // formState.errors?.selectedRegion.status !== "valid"
+            //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+            //   : [])}
+            id="selectedRegion"
+            name="/selectedRegion"
+            error={
+              formState.errors?.selectedRegion &&
+              formState.errors?.selectedRegion.status !== "valid"
+                ? formState.errors?.selectedRegion.message
+                : undefined
+            }
+          >
+            <sl-option value="option-1">Canada</sl-option>
+            <sl-option value="option-2">United Kingdom</sl-option>
+          </sl-select>
+        ) : (
+          <sl-select
+            exportparts="label: input-label"
+            class={classes.Input}
+            value={formState.province}
+            label={text.province}
+            disabled={states.loading}
+            // Copied from edit form, may need to keep
+            // {...(formState.errors?.province &&
+            // formState.errors?.province.status !== "valid"
+            //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+            //   : [])}
+            id="province"
+            name="/province"
+            error={
+              formState.errors?.province &&
+              formState.errors?.province.status !== "valid"
+                ? formState.errors?.province.message
+                : undefined
+            }
+          >
+            <sl-option value="option-1">Canada</sl-option>
+            <sl-option value="option-2">United Kingdom</sl-option>
+          </sl-select>
+        )}
+        {formState.registeredIn === "otherRegion" ? (
+          <sl-input
+            exportparts="label: input-label"
+            class={classes.Input}
+            value={formState.vatNumber}
+            label={text.vatNumber}
+            disabled={states.loading}
+            // Copied from edit form, may need to keep
+            // {...(formState.errors?.vatNumber &&
+            // formState.errors?.vatNumber.status !== "valid"
+            //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+            //   : [])}
+            id="vatNumber"
+            name="/vatNumber"
+            error={
+              formState.errors?.vatNumber &&
+              formState.errors?.vatNumber.status !== "valid"
+                ? formState.errors?.vatNumber.message
+                : undefined
+            }
+          />
+        ) : (
+          <sl-input
+            exportparts="label: input-label"
+            class={classes.Input}
+            value={formState.indirectTaxNumber}
+            label={text.indirectTaxNumber}
+            disabled={states.loading}
+            // Copied from edit form, may need to keep
+            // {...(formState.errors?.indirectTaxNumber &&
+            // formState.errors?.indirectTaxNumber.status !== "valid"
+            //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+            //   : [])}
+            id="indirectTaxNumber"
+            name="/indirectTaxNumber"
+            error={
+              formState.errors?.indirectTaxNumber &&
+              formState.errors?.indirectTaxNumber.status !== "valid"
+                ? formState.errors?.indirectTaxNumber.message
+                : undefined
+            }
+          />
+        )}
+      </div>
+      <hr class={classes.HR} />
     </form>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
index a3ac6f8647..3befacd6e4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
@@ -34,7 +34,11 @@ export interface TaxFormStepTwoProps {
 }
 
 const style = {
-  FormWrapper: {},
+  FormWrapper: {
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+  },
   CheckboxContainer: {
     display: "flex",
     alignItems: "flex-start",
@@ -49,7 +53,26 @@ const style = {
     justifyContent: "flex-start",
     gap: "var(--sl-spacing-small)",
   },
-  BtnContainer: {},
+  TextContainer: {
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "24px",
+    paddingBottom: "16px",
+  },
+  BtnContainer: {
+    paddingTop: "36px",
+    display: "flex",
+    gap: "8px",
+  },
+  DescriptionText: {
+    color: "var(--sl-color-neutral-500)",
+  },
+  SecondaryBtn: {
+    "&::part(base)": {
+      color: "var(--sl-color-gray-800) !important",
+    },
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -60,19 +83,20 @@ const vanillaStyle = `
       display: block;   
     }
     * {
-        p {
-            margin: 0;
-        }
+       margin: 0;
+       padding: 0;
+       box-sizing: border-box;
+    }
+
+    p {
+      line-height: 18px;
+      color: var(--sl-color-gray-800);
+       font-size: var(--sl-font-size-small);
     }
-    // sl-checkbox::part(base) {
 
-    //     position: absolute;
-    //     top: 16px;
-    //     right: 16px;
-    // }
-    // sl-checkbox::part(control) {
-    //     border-radius: 50%;
-    // }
+    sl-checkbox::part(control) {
+        border-radius: 50%;
+    }
   `;
 
 export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
@@ -86,12 +110,12 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
   const { classes } = sheet;
 
   return (
-    <form class="FormWrapper" onSubmit={callbacks.onSubmit}>
+    <form class={classes.FormWrapper} onSubmit={callbacks.onSubmit}>
       <style type="text/css">
         {styleString}
         {vanillaStyle}
       </style>
-      <div>
+      <div class={classes.TextContainer}>
         <div>
           <p>
             {text.step} 2 {text.stepOf} 4
@@ -102,7 +126,9 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
 
         <div>
           <h4>{text.indirectTaxDetails}</h4>
-          <p>{text.indirectTaxDetailsDescription}</p>
+          <p class={classes.DescriptionText}>
+            {text.indirectTaxDetailsDescription}
+          </p>
         </div>
       </div>
       <div class={classes.CheckboxContainer}>
@@ -145,17 +171,6 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
         </sl-checkbox>
       </div>
       <div class={classes.BtnContainer}>
-        <sl-button
-          type="secondary"
-          loading={states.loading}
-          disabled={states.submitDisabled}
-          onClick={() => {
-            callbacks.onBack();
-          }}
-          exportparts="base: secondarybutton-base"
-        >
-          {text.backButton}
-        </sl-button>
         <sl-button
           type="primary"
           loading={states.loading}
@@ -168,6 +183,18 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
         >
           {text.submitButton}
         </sl-button>
+        <sl-button
+          class={classes.SecondaryBtn}
+          type="text"
+          loading={states.loading}
+          disabled={states.submitDisabled}
+          onClick={() => {
+            callbacks.onBack();
+          }}
+          exportparts="base: secondarybutton-base"
+        >
+          {text.backButton}
+        </sl-button>
       </div>
     </form>
   );

From aa27dbaf5a315f988d8384d3ff4ffaf0836db938 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 22 Jan 2024 17:30:54 -0800
Subject: [PATCH 030/753] Updated tax-document-submitted-view hard-coded
 strings to use props. Added additional props. Added additional text values to
 defaultTextCopy. Updated sqm-tax-document-submitted.featture specs.

---
 packages/mint-components/src/components.d.ts  | 24 +++++
 .../sqm-tax-form/TaxForm.stories.tsx          | 64 +++++++++---
 .../sqm-tax-form/defaultTextCopy.ts           | 23 ++++-
 .../sqm-tax-document-submitted-view.tsx       | 97 ++++++++++++++-----
 .../sqm-tax-document-submitted.feature        | 24 ++---
 .../sqm-tax-form/sqm-tax-form.tsx             | 30 +++++-
 6 files changed, 210 insertions(+), 52 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 0fcfe31266..aac289f768 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -2836,7 +2836,10 @@ export namespace Components {
         "demoData"?: DemoData<UserNameViewProps>;
     }
     interface SqmTaxForm {
+        "activeStatusText": string;
         "allowBankingCollection": string;
+        "awaitingReviewText": string;
+        "bankingInformationHeader": string;
         "country": string;
         "currency": string;
         /**
@@ -2845,6 +2848,8 @@ export namespace Components {
          */
         "demoData"?: DemoData<UserNameViewProps>;
         "email": string;
+        "expiredOnText": string;
+        "expiredStatusText": string;
         "firstName": string;
         "indirectTaxNumber": string;
         "lastName": string;
@@ -2854,6 +2859,8 @@ export namespace Components {
           * @uiWidget textArea
          */
         "networkErrorMessage": string;
+        "notActiveStatusText": string;
+        "notVerifiedStatusText": string;
         /**
           * The message to be displayed when a required field is not filled.
           * @uiName Required field message
@@ -2861,6 +2868,11 @@ export namespace Components {
          */
         "requiredFieldErrorMessage": string;
         "submitButton": string;
+        "submittedOnText": string;
+        "taxAlertHeader"?: string;
+        "taxAlertMessage"?: string;
+        "taxDocumentSectionHeader": string;
+        "taxDocumentSectionSubHeader"?: string;
     }
     interface SqmText {
     }
@@ -6420,7 +6432,10 @@ declare namespace LocalJSX {
         "demoData"?: DemoData<UserNameViewProps>;
     }
     interface SqmTaxForm {
+        "activeStatusText"?: string;
         "allowBankingCollection"?: string;
+        "awaitingReviewText"?: string;
+        "bankingInformationHeader"?: string;
         "country"?: string;
         "currency"?: string;
         /**
@@ -6429,6 +6444,8 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<UserNameViewProps>;
         "email"?: string;
+        "expiredOnText"?: string;
+        "expiredStatusText"?: string;
         "firstName"?: string;
         "indirectTaxNumber"?: string;
         "lastName"?: string;
@@ -6438,6 +6455,8 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "networkErrorMessage"?: string;
+        "notActiveStatusText"?: string;
+        "notVerifiedStatusText"?: string;
         /**
           * The message to be displayed when a required field is not filled.
           * @uiName Required field message
@@ -6445,6 +6464,11 @@ declare namespace LocalJSX {
          */
         "requiredFieldErrorMessage"?: string;
         "submitButton"?: string;
+        "submittedOnText"?: string;
+        "taxAlertHeader"?: string;
+        "taxAlertMessage"?: string;
+        "taxDocumentSectionHeader"?: string;
+        "taxDocumentSectionSubHeader"?: string;
     }
     interface SqmText {
     }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index e641960ec2..03994ac573 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -92,9 +92,19 @@ const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    status: "ACTIVE",
-    documentType: "W9",
-    dateSubmitted: "Jan 18th, 2025",
+    status: {
+      active: "Active",
+    },
+    badge: {
+      submittedOn: "Submitted On",
+    },
+    bankingInformationSectionHeader: "Banking Information",
+    taxDocumentSectionHeader: "Tax Documents",
+    taxAlertHeader:
+      "Your W9 tax form has personal information that doesn't match your profile",
+    taxAlertMessage: "Please resubmit a new W9 form.",
+    taxDocumentSectionSubHeader: "W9 Tax Documents",
+    newFormButton: "Submit New Form",
   },
 };
 
@@ -106,22 +116,39 @@ const documentSubmittedNotVerifiedProps: TaxDocumentSubmittedProps = {
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    status: "NOT_VERIFIED",
-    documentType: "W9",
-    dateSubmitted: "Jan 18th, 2025",
+    status: {
+      notVerified: "Not Verified",
+    },
+    badge: {
+      awaitingReview: "Awaiting Review. Submitted On",
+    },
+    bankingInformationSectionHeader: "Banking Information",
+    taxDocumentSectionHeader: "Tax Documents",
+    taxDocumentSectionSubHeader: "W9 Tax Documents",
+    newFormButton: "Submit New Form",
   },
 };
 const documentSubmittedNotActiveProps: TaxDocumentSubmittedProps = {
   states: {
     status: "NOT_ACTIVE",
-    documentType: "W8-BEN",
+    documentType: "W8-BEN-E",
     dateSubmitted: "Jan 18th, 2025",
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    status: "NOT_ACTIVE",
-    documentType: "W8-BEN",
-    dateSubmitted: "Jan 18th, 2025",
+    status: {
+      notActive: "Not Active",
+    },
+    badge: {
+      submittedOn: "Submitted On",
+    },
+    bankingInformationSectionHeader: "Banking Information",
+    taxDocumentSectionHeader: "Tax Documents",
+    taxAlertHeader:
+      "Your W8-BEN-E tax form has personal information that doesn't match your profile",
+    taxAlertMessage: "Please resubmit a new W8-BEN-E form.",
+    taxDocumentSectionSubHeader: "W8-BEN-E Tax Documents",
+    newFormButton: "Submit New Form",
   },
 };
 
@@ -130,14 +157,21 @@ const documentSubmittedExpiredProps: TaxDocumentSubmittedProps = {
     status: "EXPIRED",
     documentType: "W8-BEN-E",
     dateSubmitted: "Jan 18th, 2025",
-    dateExpired: "Jan 18th, 2026",
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    status: "EXPIRED",
-    documentType: "W8-BEN-E",
-    dateSubmitted: "Jan 18th, 2025",
-    dateExpired: "Jan 18th, 2026",
+    status: {
+      expired: "Expired",
+    },
+    badge: {
+      expiredOn: "Expired On",
+    },
+    bankingInformationSectionHeader: "Banking Information",
+    taxDocumentSectionHeader: "Tax Documents",
+    taxAlertHeader: "Your W8-BEN-E tax form has expired. ",
+    taxAlertMessage: "Please resubmit a new W8-BEN-E form.",
+    taxDocumentSectionSubHeader: "W8-BEN-E Tax Documents",
+    newFormButton: "Submit New Form",
   },
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
index 573dc41f93..66a753daa6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
@@ -1,9 +1,10 @@
 import { IndirectDetailsSlotViewProps } from "./small-views/IndirectTaxDetailsView";
 import { TaxFormStepOneProps } from "./sqm-tax-form-step-1-view";
+import { TaxDocumentSubmittedProps } from "./sqm-tax-document-submitted-view";
 
 export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
   selectedRegion: "Country / Region of Indirect Tax",
-  vatNumber: "VAT number",
+vatNumber: "VAT number",
   province: "Province",
   indirectTaxNumber: "Indirect Tax",
 };
@@ -18,3 +19,23 @@ export const taxFormStepOneText: TaxFormStepOneProps["text"] = {
   allowBankingCollection: "I agree to the terms",
   submitButton: "Submit",
 };
+
+export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
+  status: {
+    active: "Active",
+    notActive: "Not Active",
+    notVerified: "Not Verified",
+    expired: "Expired",
+  },
+  badge: {
+    submittedOn: "Submitted on",
+    awaitingReview: "Awaiting review. Submitted on",
+    expiredOn: "Expired on",
+  },
+  taxAlertHeader: "Your {documentType} tax form has personal information that doesn't match your profile.",
+  taxAlertMessage: "Please resubmit a new {documentType} form.",
+  bankingInformationSectionHeader: "Banking Information",
+  taxDocumentSectionHeader: "Tax documents",
+  taxDocumentSectionSubHeader: "{documentType} Tax Form",
+  newFormButton: "Submit New Form"
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx
index deedc33470..be8717fc2a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx
@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
+import { intl } from "../../../global/global";
 
 export interface TaxDocumentSubmittedProps {
   states: {
@@ -7,17 +8,26 @@ export interface TaxDocumentSubmittedProps {
     documentType: "W9" | "W8-BEN-E" | "W8-BEN";
     dateSubmitted: string;
     dateExpired?: string;
-    taxAlertHeader?: string;
-    taxAlertMessage?: string;
   };
   callbacks: { onClick: (props: any) => void };
   text: {
-    status: string;
-    documentType: string;
-    dateSubmitted: string;
-    dateExpired?: string;
+    status: {
+      active?: string;
+      notActive?: string;
+      notVerified?: string;
+      expired?: string;
+    };
+    badge: {
+      submittedOn?: string;
+      awaitingReview?: string;
+      expiredOn?: string;
+    };
+    bankingInformationSectionHeader: string;
+    taxDocumentSectionHeader: string;
     taxAlertHeader?: string;
     taxAlertMessage?: string;
+    taxDocumentSectionSubHeader: string;
+    newFormButton: string;
   };
 }
 
@@ -60,33 +70,41 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
     NOT_VERIFIED: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
         <sl-badge type="info" pill class={sheet.classes.BadgeContainer}>
-          Not Verified
+          {text.status.notVerified}
         </sl-badge>
-        <p>Awaiting review. Submitted on {text.dateSubmitted}</p>
+        <p>
+          {text.badge.awaitingReview} {states.dateSubmitted}
+        </p>
       </div>
     ),
     ACTIVE: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
         <sl-badge type="success" pill class={sheet.classes.BadgeContainer}>
-          Active
+          {text.status.active}
         </sl-badge>
-        <p>Submitted on {text.dateSubmitted}</p>
+        <p>
+          {text.badge.submittedOn} {states.dateSubmitted}
+        </p>
       </div>
     ),
     NOT_ACTIVE: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
         <sl-badge type="danger" pill class={sheet.classes.BadgeContainer}>
-          Not Active
+          {text.status.notActive}
         </sl-badge>
-        <p>Submitted on {text.dateSubmitted}</p>
+        <p>
+          {text.badge.submittedOn} {states.dateSubmitted}
+        </p>
       </div>
     ),
     EXPIRED: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
         <sl-badge type="danger" pill class={sheet.classes.BadgeContainer}>
-          Expired
+          {text.status.expired}
         </sl-badge>
-        <p>Expired on {text.dateSubmitted}</p>
+        <p>
+          {text.badge.expiredOn} {states.dateSubmitted}
+        </p>
       </div>
     ),
   };
@@ -96,19 +114,52 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
       <sl-alert type="danger" open class={sheet.classes.WarningAlertContainer}>
         <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
         <strong>
-          Your {text.documentType} tax form has personal information that
-          doesn't match your profile.
+          {intl.formatMessage(
+            {
+              id: `taxAlertHeader`,
+              defaultMessage: text.taxAlertHeader,
+            },
+            {
+              documentType: states.documentType,
+            }
+          )}
         </strong>
         <br />
-        Please resubmit a new {text.documentType} form.
+        {intl.formatMessage(
+          {
+            id: `taxAlertMessage`,
+            defaultMessage: text.taxAlertMessage,
+          },
+          {
+            documentType: states.documentType,
+          }
+        )}
       </sl-alert>
     ),
     EXPIRED: (
       <sl-alert type="danger" open class={sheet.classes.WarningAlertContainer}>
         <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
-        <strong>Your {text.documentType} tax form has expired.</strong>
+        <strong>
+          {intl.formatMessage(
+            {
+              id: `taxAlertHeader`,
+              defaultMessage: text.taxAlertHeader,
+            },
+            {
+              documentType: states.documentType,
+            }
+          )}
+        </strong>
         <br />
-        Please submit a new {text.documentType} form.
+        {intl.formatMessage(
+          {
+            id: `taxAlertMessage`,
+            defaultMessage: text.taxAlertMessage,
+          },
+          {
+            documentType: states.documentType,
+          }
+        )}
       </sl-alert>
     ),
   };
@@ -119,7 +170,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
       {(states.status === "NOT_ACTIVE" || states.status === "EXPIRED") &&
         alertMap[states.status]}
       <div>
-        <h3>Banking Information</h3>
+        <h3>{text.bankingInformationSectionHeader}</h3>
         <div class={sheet.classes.BankingInformationContainer}>
           {/* AL: Placeholder for banking information. TBD with design with what belongs here */}
           <div
@@ -132,8 +183,8 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         </div>
       </div>
       <div class={sheet.classes.TaxDocumentsContainer}>
-        <h3>Tax documents</h3>
-        <h4>{text.documentType} Tax Form</h4>
+        <h3>{text.taxDocumentSectionHeader}</h3>
+        <h4>{text.taxDocumentSectionSubHeader}</h4>
         {statusMap[states.status]}
       </div>
       <sl-button
@@ -141,7 +192,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         type="primary"
         class={sheet.classes.NewFormButton}
       >
-        Subit New Form
+        {text.newFormButton}
       </sl-button>
     </div>
   );
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.feature
index efc51bbe57..f75031ebca 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.feature
@@ -12,13 +12,13 @@ Feature: Tax Document Submitted View
 	Scenario: View Tax Document Submitted
 		Given the user has submitted a tax document
 		When they view Document Submitted
-		Then they should see the status of their Tax Document and Banking Information
+		Then they see the status of their Tax Document and Banking Information
 
 	@minutia
 	@ui
-	Scenario Outline: The Tax Form header is controlled via <documentType> prop
-	Given the <documentType>
-	Then the Tax Form header will display "<documentType> Tax Form"
+	Scenario Outline: The Tax Form header is displayed to the end users
+	Given the user has submitted a W9/W8-BEN/W8-BEN-E Tax form
+	Then the Tax Form header displays "<documentType> Tax Form"
 	Examples:
 		| documentType |
 		| W9 		   |
@@ -27,10 +27,10 @@ Feature: Tax Document Submitted View
 
 	@minutia
 	@ui
-	Scenario Outline: The Tax Document Submitted badge view is controlled via props
+	Scenario Outline: The date submitted and status of a Tax Form is displayed to end users
 		Given the Tax Document is currently <status>
 		When they view the Tax Document Submitted
-		And they will see a badge with <status> text and a respective <badgeVariant>
+		Then they see a badge with <status> text and a respective <badgeVariant>
 		Then they see a message indicating "<taxStatusMessage> on <dateSubmitted>"
 		Examples: 
 			| status       | badgeVariant | taxStatusMessage              | dateSubmitted   |
@@ -41,17 +41,17 @@ Feature: Tax Document Submitted View
 
 	@minutia
 	@ui
-	Scenario Outline: A Warning Alert appears based on the <status> prop
+	Scenario Outline: A Warning Alert is displayed if the end users tax form is invalid
 	Given the <status> is "NOT_ACTIVE" or "EXPIRED"
-	Then a warning alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> will appear
+	Then a warning alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage>
 	Examples:
 		| status 	 | documentType | taxAlertHeader 															 		| taxAlertMessage 				  				|
 		| NOT_ACTIVE | W9       	| Your W9 tax form has personal information that doesn't match your profile. 		| Please resubmit a new W9 form. 				|
-		| EXPIRED    | W8-BEN-E     | Your W8-BEN-E  tax form has personal information that doesn't match your profile. | Please resubmit a new W8-BEN-E form. 			|
-
-
+		| EXPIRED    | W8-BEN-E     | Your W8-BEN-E tax form has expired. 												| Please resubmit a new W8-BEN-E form. 			|
 
+	@unknown
 	Scenario: Submit New Tax Document Form
 		Given the user is viewing the Tax Document Submission
 		When they click the "Submit New Form" button
-		Then the system should trigger the callback to submit a new Tax Document Form
+		Then the system should trigger the callback
+		Then they are redirected to the first step to submit a new form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
index 6e5911814d..f2fdd5ab6f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
@@ -6,7 +6,11 @@ import { getProps } from "../../../utils/utils";
 import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
 import { TaxFormStepOneView } from "./sqm-tax-form-step-1-view";
 import { useTaxForm } from "./useTaxForm";
-import { taxFormStepOneText } from "./defaultTextCopy";
+import {
+  taxFormDocumentSubmittedText,
+  taxFormStepOneText,
+  // taxFormDocumentSubmitted,
+} from "./defaultTextCopy";
 
 /**
  * @uiName Tax And Cash
@@ -37,6 +41,30 @@ export class TaxForm {
     taxFormStepOneText.allowBankingCollection;
   @Prop() submitButton: string = taxFormStepOneText.submitButton;
 
+  // Tax Document Submitted View props
+  @Prop() activeStatusText: string = taxFormDocumentSubmittedText.status.active;
+  @Prop() notActiveStatusText: string =
+    taxFormDocumentSubmittedText.status.notActive;
+  @Prop() notVerifiedStatusText: string =
+    taxFormDocumentSubmittedText.status.notVerified;
+  @Prop() expiredStatusText: string =
+    taxFormDocumentSubmittedText.status.expired;
+  @Prop() submittedOnText: string =
+    taxFormDocumentSubmittedText.badge.submittedOn;
+  @Prop() awaitingReviewText: string =
+    taxFormDocumentSubmittedText.badge.awaitingReview;
+  @Prop() expiredOnText: string = taxFormDocumentSubmittedText.badge.expiredOn;
+  @Prop() taxAlertHeader?: string = taxFormDocumentSubmittedText.taxAlertHeader;
+  @Prop() taxAlertMessage?: string =
+    taxFormDocumentSubmittedText.taxAlertMessage;
+  @Prop() bankingInformationHeader: string =
+    taxFormDocumentSubmittedText.bankingInformationSectionHeader;
+  @Prop() taxDocumentSectionHeader: string =
+    taxFormDocumentSubmittedText.taxDocumentSectionHeader;
+  @Prop() taxDocumentSectionSubHeader?: string =
+    taxFormDocumentSubmittedText.taxDocumentSectionSubHeader;
+  // @Prop() error?: string = taxFormDocumentSubmitted.taxAlertHeader;
+
   /**
    * The message to be displayed when a required field is not filled.
    *

From a8bf14117fda3ca6567f68ff3635c532510f095f Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 22 Jan 2024 17:36:37 -0800
Subject: [PATCH 031/753] update step one of tax form

---
 .../sqm-tax-form/sqm-tax-form-step-1-view.tsx | 313 ++++++++++--------
 1 file changed, 179 insertions(+), 134 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
index 6257738050..0d83b68b6c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { createStyleSheet } from "../../../styling/JSS";
 
 export interface TaxFormStepOneProps {
   states: {
@@ -27,6 +28,9 @@ export interface TaxFormStepOneProps {
     currency: string;
     indirectTaxNumber: string;
     allowBankingCollection: string;
+    step: string;
+    stepOf: string;
+    personalInformation: string;
     submitButton: string;
   };
   refs: {
@@ -34,6 +38,35 @@ export interface TaxFormStepOneProps {
   };
 }
 
+const style = {
+  TextContainer: {
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "24px",
+    paddingBottom: "16px",
+  },
+
+  InputContainer: {
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "24px",
+  },
+
+  BtnContainer: {
+    paddingTop: "36px",
+    display: "flex",
+    gap: "8px",
+  },
+  DescriptionText: {
+    color: "var(--sl-color-neutral-500)",
+  },
+};
+
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+
 export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
   const {
     states,
@@ -42,7 +75,7 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
     text,
     refs,
   } = props;
-
+  const { classes } = sheet;
   return (
     <sl-form
       class={"FormWrapper"}
@@ -50,140 +83,152 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
       ref={(el: HTMLFormElement) => (refs.formRef.current = el)}
       novalidate
     >
-      <sl-input
-        exportparts="label: input-label"
-        value={formState.firstName}
-        label={text.firstName}
-        disabled={states.loading}
-        // Copied from edit form, may need to keep
-        // {...(formState.errors?.firstName &&
-        // formState.errors?.firstName.status !== "valid"
-        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-        //   : [])}
-        id="firstName"
-        name="/firstName"
-        error={
-          formState.errors?.firstName &&
-          formState.errors?.firstName.status !== "valid"
-            ? formState.errors?.firstName.message
-            : undefined
-        }
-      />
-      <sl-input
-        exportparts="label: input-label"
-        value={formState.lastName}
-        label={text.lastName}
-        disabled={states.loading}
-        // Copied from edit form, may need to keep
-        // {...(formState.errors?.lastName &&
-        // formState.errors?.lastName.status !== "valid"
-        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-        //   : [])}
-        id="lastName"
-        name="/lastName"
-        error={
-          formState.errors?.lastName &&
-          formState.errors?.lastName.status !== "valid"
-            ? formState.errors?.lastName.message
-            : undefined
-        }
-      />
-      <sl-input
-        exportparts="label: input-label"
-        value={formState.email}
-        label={text.email}
-        disabled={states.loading}
-        // Copied from edit form, may need to keep
-        // {...(formState.errors?.email &&
-        // formState.errors?.email.status !== "valid"
-        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-        //   : [])}
-        id="email"
-        name="/email"
-        error={
-          formState.errors?.email && formState.errors?.email.status !== "valid"
-            ? formState.errors?.email.message
-            : undefined
-        }
-      />
+      <style type="text/css">{styleString}</style>
+      <div class={classes.TextContainer}>
+        <div>
+          <p>
+            {text.step} 1 {text.stepOf} 4
+          </p>
+          <h3>{text.personalInformation}</h3>
+        </div>
+      </div>
+      <div class={classes.InputContainer}>
+        <sl-input
+          exportparts="label: input-label"
+          value={formState.firstName}
+          label={text.firstName}
+          disabled={states.loading}
+          // Copied from edit form, may need to keep
+          // {...(formState.errors?.firstName &&
+          // formState.errors?.firstName.status !== "valid"
+          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+          //   : [])}
+          id="firstName"
+          name="/firstName"
+          error={
+            formState.errors?.firstName &&
+            formState.errors?.firstName.status !== "valid"
+              ? formState.errors?.firstName.message
+              : undefined
+          }
+        />
+        <sl-input
+          exportparts="label: input-label"
+          value={formState.lastName}
+          label={text.lastName}
+          disabled={states.loading}
+          // Copied from edit form, may need to keep
+          // {...(formState.errors?.lastName &&
+          // formState.errors?.lastName.status !== "valid"
+          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+          //   : [])}
+          id="lastName"
+          name="/lastName"
+          error={
+            formState.errors?.lastName &&
+            formState.errors?.lastName.status !== "valid"
+              ? formState.errors?.lastName.message
+              : undefined
+          }
+        />
+        <sl-input
+          exportparts="label: input-label"
+          value={formState.email}
+          label={text.email}
+          disabled={states.loading}
+          // Copied from edit form, may need to keep
+          // {...(formState.errors?.email &&
+          // formState.errors?.email.status !== "valid"
+          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+          //   : [])}
+          id="email"
+          name="/email"
+          error={
+            formState.errors?.email &&
+            formState.errors?.email.status !== "valid"
+              ? formState.errors?.email.message
+              : undefined
+          }
+        />
 
-      <sl-input
-        exportparts="label: input-label"
-        value={formState.countryCode}
-        label={text.country}
-        disabled={states.loading}
-        // Copied from edit form, may need to keep
-        // {...(formState.errors?.country &&
-        // formState.errors?.country.status !== "valid"
-        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-        //   : [])}
-        id="country"
-        name="/country"
-        error={
-          formState.errors?.country &&
-          formState.errors?.country.status !== "valid"
-            ? formState.errors?.country.message
-            : undefined
-        }
-      />
-      <sl-input
-        exportparts="label: input-label"
-        value={formState.currency}
-        label={text.currency}
-        disabled={states.loading}
-        // Copied from edit form, may need to keep
-        // {...(formState.errors?.currency &&
-        // formState.errors?.currency.status !== "valid"
-        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-        //   : [])}
-        id="currency"
-        name="/currency"
-        error={
-          formState.errors?.currency &&
-          formState.errors?.currency.status !== "valid"
-            ? formState.errors?.currency.message
-            : undefined
-        }
-      />
-      <sl-input
-        exportparts="label: input-label"
-        value={formState.indirectTaxNumber}
-        label={text.indirectTaxNumber}
-        disabled={states.loading}
-        // Copied from edit form, may need to keep
-        // {...(formState.errors?.indirectTaxNumber &&
-        // formState.errors?.indirectTaxNumber.status !== "valid"
-        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-        //   : [])}
-        id="indirectTaxNumber"
-        name="/indirectTaxNumber"
-        error={
-          formState.errors?.indirectTaxNumber &&
-          formState.errors?.indirectTaxNumber.status !== "valid"
-            ? formState.errors?.indirectTaxNumber.message
-            : undefined
-        }
-      />
-      <sl-checkbox
-        exportparts="label: input-label"
-        value={formState.allowBankingCollection}
-        disabled={states.loading}
-        // Copied from edit form, may need to keep
-        // {...(formState.errors?.allowBankingCollection &&
-        // formState.errors?.allowBankingCollection.status !== "valid"
-        //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-        //   : [])}
-        id="allowBankingCollection"
-        name="/allowBankingCollection"
-        error={
-          formState.errors?.allowBankingCollection &&
-          formState.errors?.allowBankingCollection.status !== "valid"
-            ? formState.errors?.allowBankingCollection.message
-            : undefined
-        }
-      >
-        {text.allowBankingCollection}
-      </sl-checkbox>
+        <sl-input
+          exportparts="label: input-label"
+          value={formState.countryCode}
+          label={text.country}
+          disabled={states.loading}
+          // Copied from edit form, may need to keep
+          // {...(formState.errors?.country &&
+          // formState.errors?.country.status !== "valid"
+          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+          //   : [])}
+          id="country"
+          name="/country"
+          error={
+            formState.errors?.country &&
+            formState.errors?.country.status !== "valid"
+              ? formState.errors?.country.message
+              : undefined
+          }
+        />
+        <sl-input
+          exportparts="label: input-label"
+          value={formState.currency}
+          label={text.currency}
+          disabled={states.loading}
+          // Copied from edit form, may need to keep
+          // {...(formState.errors?.currency &&
+          // formState.errors?.currency.status !== "valid"
+          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+          //   : [])}
+          id="currency"
+          name="/currency"
+          error={
+            formState.errors?.currency &&
+            formState.errors?.currency.status !== "valid"
+              ? formState.errors?.currency.message
+              : undefined
+          }
+        />
+        <sl-input
+          exportparts="label: input-label"
+          value={formState.indirectTaxNumber}
+          label={text.indirectTaxNumber}
+          disabled={states.loading}
+          // Copied from edit form, may need to keep
+          // {...(formState.errors?.indirectTaxNumber &&
+          // formState.errors?.indirectTaxNumber.status !== "valid"
+          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+          //   : [])}
+          id="indirectTaxNumber"
+          name="/indirectTaxNumber"
+          error={
+            formState.errors?.indirectTaxNumber &&
+            formState.errors?.indirectTaxNumber.status !== "valid"
+              ? formState.errors?.indirectTaxNumber.message
+              : undefined
+          }
+        />
+        <sl-checkbox
+          exportparts="label: input-label"
+          value={formState.allowBankingCollection}
+          disabled={states.loading}
+          // Copied from edit form, may need to keep
+          // {...(formState.errors?.allowBankingCollection &&
+          // formState.errors?.allowBankingCollection.status !== "valid"
+          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+          //   : [])}
+          id="allowBankingCollection"
+          name="/allowBankingCollection"
+          error={
+            formState.errors?.allowBankingCollection &&
+            formState.errors?.allowBankingCollection.status !== "valid"
+              ? formState.errors?.allowBankingCollection.message
+              : undefined
+          }
+        >
+          {text.allowBankingCollection}
+        </sl-checkbox>
+      </div>
       <sl-button
         type="primary"
         loading={states.loading}

From 6503b91ac401474c07c29c425310698d02bb9714 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 22 Jan 2024 17:48:21 -0800
Subject: [PATCH 032/753] Fix type

---
 packages/mint-components/src/components.d.ts         |  6 ++++++
 .../tax-and-cash/sqm-tax-form/TaxForm.stories.tsx    |  3 +++
 .../tax-and-cash/sqm-tax-form/defaultTextCopy.ts     | 12 ++++++++----
 .../tax-and-cash/sqm-tax-form/sqm-tax-form.tsx       |  5 ++++-
 4 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index aac289f768..329bbd0917 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -2861,12 +2861,15 @@ export namespace Components {
         "networkErrorMessage": string;
         "notActiveStatusText": string;
         "notVerifiedStatusText": string;
+        "personalInformation"?: "Personal Information";
         /**
           * The message to be displayed when a required field is not filled.
           * @uiName Required field message
           * @uiWidget textArea
          */
         "requiredFieldErrorMessage": string;
+        "step"?: "step";
+        "stepOf"?: "of";
         "submitButton": string;
         "submittedOnText": string;
         "taxAlertHeader"?: string;
@@ -6457,12 +6460,15 @@ declare namespace LocalJSX {
         "networkErrorMessage"?: string;
         "notActiveStatusText"?: string;
         "notVerifiedStatusText"?: string;
+        "personalInformation"?: "Personal Information";
         /**
           * The message to be displayed when a required field is not filled.
           * @uiName Required field message
           * @uiWidget textArea
          */
         "requiredFieldErrorMessage"?: string;
+        "step"?: "step";
+        "stepOf"?: "of";
         "submitButton"?: string;
         "submittedOnText"?: string;
         "taxAlertHeader"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index 03994ac573..cffdeb6a65 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -47,6 +47,9 @@ const stepOneProps: TaxFormStepOneProps = {
     allowBankingCollection:
       "I allow impact.com to collect my tax and banking information",
     submitButton: "Continue",
+    step: "step",
+    stepOf: "of",
+    personalInformation: "Personal Information",
   },
   refs: {
     formRef: () => {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
index 66a753daa6..d72487963b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
@@ -4,7 +4,7 @@ import { TaxDocumentSubmittedProps } from "./sqm-tax-document-submitted-view";
 
 export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
   selectedRegion: "Country / Region of Indirect Tax",
-vatNumber: "VAT number",
+  vatNumber: "VAT number",
   province: "Province",
   indirectTaxNumber: "Indirect Tax",
 };
@@ -18,6 +18,9 @@ export const taxFormStepOneText: TaxFormStepOneProps["text"] = {
   indirectTaxNumber: "Tax Number",
   allowBankingCollection: "I agree to the terms",
   submitButton: "Submit",
+  step: "step",
+  stepOf: "of",
+  personalInformation: "Personal Information",
 };
 
 export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
@@ -32,10 +35,11 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
     awaitingReview: "Awaiting review. Submitted on",
     expiredOn: "Expired on",
   },
-  taxAlertHeader: "Your {documentType} tax form has personal information that doesn't match your profile.",
+  taxAlertHeader:
+    "Your {documentType} tax form has personal information that doesn't match your profile.",
   taxAlertMessage: "Please resubmit a new {documentType} form.",
   bankingInformationSectionHeader: "Banking Information",
   taxDocumentSectionHeader: "Tax documents",
   taxDocumentSectionSubHeader: "{documentType} Tax Form",
-  newFormButton: "Submit New Form"
-}
+  newFormButton: "Submit New Form",
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
index f2fdd5ab6f..d4ecd40ba3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
@@ -64,7 +64,9 @@ export class TaxForm {
   @Prop() taxDocumentSectionSubHeader?: string =
     taxFormDocumentSubmittedText.taxDocumentSectionSubHeader;
   // @Prop() error?: string = taxFormDocumentSubmitted.taxAlertHeader;
-
+  @Prop() step?: "step";
+  @Prop() stepOf?: "of";
+  @Prop() personalInformation?: "Personal Information";
   /**
    * The message to be displayed when a required field is not filled.
    *
@@ -102,6 +104,7 @@ export class TaxForm {
           callbacks={{
             onSubmit: props.onSubmit,
           }}
+          //@ts-ignore
           text={props.text}
           refs={props.refs}
         />

From cb96caab456c0e4f8635d44b18e2c1c4a825fbdf Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 23 Jan 2024 10:26:18 -0800
Subject: [PATCH 033/753] fix step one styles

---
 .../sqm-tax-form/sqm-tax-form-step-1-view.tsx | 125 ++++++++++++------
 1 file changed, 84 insertions(+), 41 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
index 0d83b68b6c..9fee0ff6bc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
@@ -39,6 +39,7 @@ export interface TaxFormStepOneProps {
 }
 
 const style = {
+  FormWrapper: {},
   TextContainer: {
     display: "flex",
     justifyContent: "flex-start",
@@ -52,6 +53,7 @@ const style = {
     justifyContent: "flex-start",
     flexDirection: "column",
     gap: "24px",
+    paddingBottom: "36px",
   },
 
   BtnContainer: {
@@ -59,14 +61,51 @@ const style = {
     display: "flex",
     gap: "8px",
   },
+  CheckboxWrapper: {
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+  },
   DescriptionText: {
     color: "var(--sl-color-neutral-500)",
   },
+
+  BoldText: {
+    fontWeight: "bold",
+  },
+  RoundedCheckbox: {
+    "&::part(control)": {
+      borderRadius: "50%",
+    },
+  },
 };
 
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 
+const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+    * {
+       margin: 0;
+       padding: 0;
+       box-sizing: border-box;
+    }
+
+    p {
+      line-height: 18px;
+      color: var(--sl-color-gray-800);
+       font-size: var(--sl-font-size-small);
+    }
+
+    sl-radio-group::part(base) {
+      display: flex;
+      flex-direction: column;
+    }
+
+  `;
+
 export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
   const {
     states,
@@ -78,12 +117,15 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
   const { classes } = sheet;
   return (
     <sl-form
-      class={"FormWrapper"}
+      class={classes.FormWrapper}
       onSl-submit={callbacks.onSubmit}
       ref={(el: HTMLFormElement) => (refs.formRef.current = el)}
       novalidate
     >
-      <style type="text/css">{styleString}</style>
+      <style type="text/css">
+        {styleString}
+        {vanillaStyle}
+      </style>
       <div class={classes.TextContainer}>
         <div>
           <p>
@@ -189,45 +231,46 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
               : undefined
           }
         />
-        <sl-input
-          exportparts="label: input-label"
-          value={formState.indirectTaxNumber}
-          label={text.indirectTaxNumber}
-          disabled={states.loading}
-          // Copied from edit form, may need to keep
-          // {...(formState.errors?.indirectTaxNumber &&
-          // formState.errors?.indirectTaxNumber.status !== "valid"
-          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-          //   : [])}
-          id="indirectTaxNumber"
-          name="/indirectTaxNumber"
-          error={
-            formState.errors?.indirectTaxNumber &&
-            formState.errors?.indirectTaxNumber.status !== "valid"
-              ? formState.errors?.indirectTaxNumber.message
-              : undefined
-          }
-        />
-        <sl-checkbox
-          exportparts="label: input-label"
-          value={formState.allowBankingCollection}
-          disabled={states.loading}
-          // Copied from edit form, may need to keep
-          // {...(formState.errors?.allowBankingCollection &&
-          // formState.errors?.allowBankingCollection.status !== "valid"
-          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-          //   : [])}
-          id="allowBankingCollection"
-          name="/allowBankingCollection"
-          error={
-            formState.errors?.allowBankingCollection &&
-            formState.errors?.allowBankingCollection.status !== "valid"
-              ? formState.errors?.allowBankingCollection.message
-              : undefined
-          }
-        >
-          {text.allowBankingCollection}
-        </sl-checkbox>
+        <div class={classes.CheckboxWrapper}>
+          <p class={classes.BoldText}>Participant type</p>
+          <sl-radio-group label="Select an option" name="a" value="3">
+            <div style={{ display: "flex", flexDirection: "column" }}>
+              <sl-radio
+                value="individualParticipant"
+                exportparts="base: radio-base"
+              >
+                I am an individual participant
+              </sl-radio>
+              <sl-radio value="businessEntity" exportparts="base: radio-base">
+                I represent an business entity
+              </sl-radio>
+            </div>
+          </sl-radio-group>
+        </div>
+        <div class={classes.CheckboxWrapper}>
+          <p class={classes.BoldText}>Tax and banking collection</p>
+          <sl-checkbox
+            exportparts="label: input-label"
+            value={formState.allowBankingCollection}
+            checked={formState.allowBankingCollection === true}
+            disabled={states.loading}
+            // Copied from edit form, may need to keep
+            // {...(formState.errors?.allowBankingCollection &&
+            // formState.errors?.allowBankingCollection.status !== "valid"
+            //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+            //   : [])}
+            id="allowBankingCollection"
+            name="/allowBankingCollection"
+            error={
+              formState.errors?.allowBankingCollection &&
+              formState.errors?.allowBankingCollection.status !== "valid"
+                ? formState.errors?.allowBankingCollection.message
+                : undefined
+            }
+          >
+            {text.allowBankingCollection}
+          </sl-checkbox>
+        </div>
       </div>
       <sl-button
         type="primary"

From d5a47ee5bd201d011186eb654a7a148670844a24 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 23 Jan 2024 11:46:41 -0800
Subject: [PATCH 034/753] Added placeholder spec for loading state in
 document-submitted-spec

---
 .../sqm-tax-form/sqm-tax-document-submitted.feature         | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.feature
index f75031ebca..bd79ecb675 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.feature
@@ -14,6 +14,12 @@ Feature: Tax Document Submitted View
 		When they view Document Submitted
 		Then they see the status of their Tax Document and Banking Information
 
+	@motivating
+	Scenario: View Tax Document Submission is loading
+		Given the user has submitted a tax document
+		When they view Document Submitted
+		Then they see a loading spinner until the end users Tax Document data is available
+	
 	@minutia
 	@ui
 	Scenario Outline: The Tax Form header is displayed to the end users

From 09bcf39c38bd92187b9d951e226e89c8e5d7f417 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 23 Jan 2024 13:39:18 -0800
Subject: [PATCH 035/753] Add radio buttons

---
 .../sqm-tax-form/sqm-tax-form-step-2-view.tsx | 37 ++++++++++++++++++-
 .../sqm-tax-form/sqm-tax-form-step-2.feature  | 10 +++++
 2 files changed, 45 insertions(+), 2 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.feature

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
index 3befacd6e4..25b59ce30c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
@@ -132,7 +132,40 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
         </div>
       </div>
       <div class={classes.CheckboxContainer}>
-        <sl-checkbox
+        <sl-radio-group label="Select an option" name="a" value="3">
+          <div style={{ display: "flex", flexDirection: "column" }}>
+            <sl-radio
+              value="hstCanada"
+              exportparts="base: radio-base"
+              id="hstCanada"
+              name="hstCanada"
+            >
+              {text.hstCanada}
+            </sl-radio>
+            {formState.checked === "hstCanada" &&
+              states.registeredInCanadaDetailsSlot}
+            <sl-radio
+              value="otherRegion"
+              id="otherRegion"
+              exportparts="base: radio-base"
+              name="otherRegion"
+            >
+              {text.otherRegion}
+            </sl-radio>
+            {formState.checked === "otherRegion" &&
+              states.registeredInDifferentCountryDetailsSlot}
+
+            <sl-radio
+              value="notRegistered"
+              id="notRegistered"
+              exportparts="base: radio-base"
+              name="notRegistered"
+            >
+              {text.notRegistered}
+            </sl-radio>
+          </div>
+        </sl-radio-group>
+        {/* <sl-checkbox
           exportparts="label: input-label"
           value={formState.checked === "hstCanada"}
           checked={formState.checked === "hstCanada"}
@@ -168,7 +201,7 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
           name="notRegistered"
         >
           {text.notRegistered}
-        </sl-checkbox>
+        </sl-checkbox> */}
       </div>
       <div class={classes.BtnContainer}>
         <sl-button
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.feature
new file mode 100644
index 0000000000..b11468d65c
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.feature
@@ -0,0 +1,10 @@
+@owner:zach
+@author:zach
+
+Feature: Tax Form Step Two
+
+
+	Background: A user has submitted their personal information in step one
+		Given a user is on the Second step of the tax form
+
+    Scenario Outline: Different inputs are shown depending on the registered region of a user

From 675937d3bef7c28f9310a9723220ee24f5ea5521 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 23 Jan 2024 14:07:08 -0800
Subject: [PATCH 036/753] step 2 form hook

---
 packages/mint-components/src/components.d.ts  | 35 +++++++
 .../sqm-tax-form/TaxForm.stories.tsx          |  1 +
 .../small-views/IndirectTaxDetailsView.tsx    |  9 +-
 .../small-views/SlotViews.stories.tsx         |  2 -
 .../sqm-tax-form/sqm-tax-form-step-2-view.tsx | 21 ++--
 .../sqm-tax-form/sqm-tax-form-step-2.tsx      | 75 ++++++++++++++
 .../sqm-tax-form/useTaxFormStepTwo.tsx        | 97 +++++++++++++++++++
 packages/mint-components/src/index.html       | 12 ++-
 8 files changed, 234 insertions(+), 18 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.tsx
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 329bbd0917..ed739ad1fc 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -2877,6 +2877,19 @@ export namespace Components {
         "taxDocumentSectionHeader": string;
         "taxDocumentSectionSubHeader"?: string;
     }
+    interface SqmTaxFormStep2 {
+        "backButton": string;
+        "hstCanada": string;
+        "indirectTax": string;
+        "indirectTaxDescription": string;
+        "indirectTaxDetails": string;
+        "indirectTaxDetailsDescription": string;
+        "notRegistered": string;
+        "otherRegion": string;
+        "step": string;
+        "stepOf": string;
+        "submitButton": string;
+    }
     interface SqmText {
     }
     interface SqmTextSpan {
@@ -3529,6 +3542,12 @@ declare global {
         prototype: HTMLSqmTaxFormElement;
         new (): HTMLSqmTaxFormElement;
     };
+    interface HTMLSqmTaxFormStep2Element extends Components.SqmTaxFormStep2, HTMLStencilElement {
+    }
+    var HTMLSqmTaxFormStep2Element: {
+        prototype: HTMLSqmTaxFormStep2Element;
+        new (): HTMLSqmTaxFormStep2Element;
+    };
     interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
     }
     var HTMLSqmTextElement: {
@@ -3659,6 +3678,7 @@ declare global {
         "sqm-task-card": HTMLSqmTaskCardElement;
         "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
         "sqm-tax-form": HTMLSqmTaxFormElement;
+        "sqm-tax-form-step-2": HTMLSqmTaxFormStep2Element;
         "sqm-text": HTMLSqmTextElement;
         "sqm-text-span": HTMLSqmTextSpanElement;
         "sqm-timeline": HTMLSqmTimelineElement;
@@ -6476,6 +6496,19 @@ declare namespace LocalJSX {
         "taxDocumentSectionHeader"?: string;
         "taxDocumentSectionSubHeader"?: string;
     }
+    interface SqmTaxFormStep2 {
+        "backButton"?: string;
+        "hstCanada"?: string;
+        "indirectTax"?: string;
+        "indirectTaxDescription"?: string;
+        "indirectTaxDetails"?: string;
+        "indirectTaxDetailsDescription"?: string;
+        "notRegistered"?: string;
+        "otherRegion"?: string;
+        "step"?: string;
+        "stepOf"?: string;
+        "submitButton"?: string;
+    }
     interface SqmText {
     }
     interface SqmTextSpan {
@@ -6661,6 +6694,7 @@ declare namespace LocalJSX {
         "sqm-task-card": SqmTaskCard;
         "sqm-tax-and-cash": SqmTaxAndCash;
         "sqm-tax-form": SqmTaxForm;
+        "sqm-tax-form-step-2": SqmTaxFormStep2;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
         "sqm-timeline": SqmTimeline;
@@ -6766,6 +6800,7 @@ declare module "@stencil/core" {
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
             "sqm-tax-form": LocalJSX.SqmTaxForm & JSXBase.HTMLAttributes<HTMLSqmTaxFormElement>;
+            "sqm-tax-form-step-2": LocalJSX.SqmTaxFormStep2 & JSXBase.HTMLAttributes<HTMLSqmTaxFormStep2Element>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
             "sqm-timeline": LocalJSX.SqmTimeline & JSXBase.HTMLAttributes<HTMLSqmTimelineElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index cffdeb6a65..ebff6523db 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -69,6 +69,7 @@ const stepTwoProps: TaxFormStepTwoProps = {
     onChange: (e) => console.log("Submit"),
     onBack: () => console.log("Submit"),
   },
+  refs: { formRef: { current: null } },
   text: {
     step: "Step",
     stepOf: "of",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
index 9ef3dc6219..5a09b77720 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
@@ -15,7 +15,6 @@ export interface IndirectDetailsSlotViewProps {
     };
   };
   callbacks: {
-    onSubmit: (props: any) => void;
     onChange: (e) => void;
   };
   text: {
@@ -74,7 +73,7 @@ export const IndirectDetailsSlotView = (
   const { classes } = sheet;
 
   return (
-    <form class={classes.Container} onSubmit={callbacks.onSubmit}>
+    <form class={classes.Container}>
       <style type="text/css">
         {styleString}
         {vanillaStyle}
@@ -88,6 +87,7 @@ export const IndirectDetailsSlotView = (
             value={formState.selectedRegion}
             label={text.selectedRegion}
             disabled={states.loading}
+            // onInput={callbacks.onChange}
             // Copied from edit form, may need to keep
             // {...(formState.errors?.selectedRegion &&
             // formState.errors?.selectedRegion.status !== "valid"
@@ -112,6 +112,7 @@ export const IndirectDetailsSlotView = (
             value={formState.province}
             label={text.province}
             disabled={states.loading}
+            // onInput={callbacks.onChange}
             // Copied from edit form, may need to keep
             // {...(formState.errors?.province &&
             // formState.errors?.province.status !== "valid"
@@ -126,7 +127,7 @@ export const IndirectDetailsSlotView = (
                 : undefined
             }
           >
-            <sl-option value="option-1">Canada</sl-option>
+            <sl-option value="option-1">British Columbia</sl-option>
             <sl-option value="option-2">United Kingdom</sl-option>
           </sl-select>
         )}
@@ -137,6 +138,7 @@ export const IndirectDetailsSlotView = (
             value={formState.vatNumber}
             label={text.vatNumber}
             disabled={states.loading}
+            // onInput={(e) => callbacks.onChange({ vanNumber:  })}
             // Copied from edit form, may need to keep
             // {...(formState.errors?.vatNumber &&
             // formState.errors?.vatNumber.status !== "valid"
@@ -158,6 +160,7 @@ export const IndirectDetailsSlotView = (
             value={formState.indirectTaxNumber}
             label={text.indirectTaxNumber}
             disabled={states.loading}
+            // onInput={callbacks.onChange}
             // Copied from edit form, may need to keep
             // {...(formState.errors?.indirectTaxNumber &&
             // formState.errors?.indirectTaxNumber.status !== "valid"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
index 77caf30d3c..16e51ac4ec 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
@@ -19,7 +19,6 @@ const registeredInOtherRegion: IndirectDetailsSlotViewProps = {
     },
   },
   callbacks: {
-    onSubmit: (props: any) => console.log("Submit"),
     onChange: (e) => console.log("Submit"),
   },
   text: {
@@ -38,7 +37,6 @@ const registeredInCanada: IndirectDetailsSlotViewProps = {
     },
   },
   callbacks: {
-    onSubmit: (props: any) => console.log("Submit"),
     onChange: (e) => console.log("Submit"),
   },
   text: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
index 3befacd6e4..6f34112d37 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
@@ -31,6 +31,9 @@ export interface TaxFormStepTwoProps {
     submitButton: string;
     backButton: string;
   };
+  refs: {
+    formRef: any;
+  };
 }
 
 const style = {
@@ -105,12 +108,17 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
     states: { formState },
     callbacks,
     text,
+    refs,
   } = props;
 
   const { classes } = sheet;
 
   return (
-    <form class={classes.FormWrapper} onSubmit={callbacks.onSubmit}>
+    <sl-form
+      class={classes.FormWrapper}
+      onSl-submit={callbacks.onSubmit}
+      ref={(el: HTMLFormElement) => (refs.formRef.current = el)}
+    >
       <style type="text/css">
         {styleString}
         {vanillaStyle}
@@ -136,7 +144,7 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
           exportparts="label: input-label"
           value={formState.checked === "hstCanada"}
           checked={formState.checked === "hstCanada"}
-          onInput={callbacks.onChange}
+          onInput={() => callbacks.onChange("hstCanada")}
           disabled={states.loading}
           id="hstCanada"
           name="hstCanada"
@@ -149,7 +157,7 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
           exportparts="label: input-label"
           value={formState.checked === "otherRegion"}
           checked={formState.checked === "otherRegion"}
-          onInput={callbacks.onChange}
+          onInput={() => callbacks.onChange("otherRegion")}
           disabled={states.loading}
           id="otherRegion"
           name="otherRegion"
@@ -162,7 +170,7 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
           exportparts="label: input-label"
           value={formState.checked === "notRegistered"}
           checked={formState.checked === "notRegistered"}
-          onInput={callbacks.onChange}
+          onInput={() => callbacks.onChange("notRegistered")}
           disabled={states.loading}
           id="notRegistered"
           name="notRegistered"
@@ -175,9 +183,6 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
           type="primary"
           loading={states.loading}
           disabled={states.submitDisabled}
-          onClick={(e) => {
-            callbacks.onSubmit(e);
-          }}
           submit
           exportparts="base: primarybutton-base"
         >
@@ -196,6 +201,6 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
           {text.backButton}
         </sl-button>
       </div>
-    </form>
+    </sl-form>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.tsx
new file mode 100644
index 0000000000..4fe8a0702b
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.tsx
@@ -0,0 +1,75 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Host, Prop, h } from "@stencil/core";
+import { useTaxFormStepTwo } from "./useTaxFormStepTwo";
+import { getProps } from "../../../utils/utils";
+import { TaxFormStepTwoView } from "./sqm-tax-form-step-2-view";
+import { IndirectDetailsSlotView } from "./small-views/IndirectTaxDetailsView";
+
+@Component({
+  tag: "sqm-tax-form-step-2",
+  shadow: true,
+})
+export class TaxFormStepTwo {
+  @Prop() step: string = "Step";
+  @Prop() stepOf: string = "of";
+  @Prop() indirectTax: string = "Indirect Taxes";
+  @Prop() indirectTaxDescription: string = "TODO";
+  @Prop() indirectTaxDetails: string = "Indirect Tax Details";
+  @Prop() indirectTaxDetailsDescription: string = "TODO";
+  @Prop() hstCanada: string = "I am registered for HST Canada";
+  @Prop() otherRegion: string =
+    "I am registered for Indirect Tax in a different Country / Region";
+  @Prop() notRegistered: string = "I am not registered for Indirect Tax";
+  @Prop() submitButton: string = "Continue";
+  @Prop() backButton: string = "Back";
+
+  constructor() {
+    withHooks(this);
+  }
+
+  disconnectedCallback() {}
+
+  render() {
+    const props = useTaxFormStepTwo(getProps(this));
+
+    console.log({ countries: props.countries });
+    const registeredIn =
+      props.option === "hstCanada"
+        ? "canada"
+        : props.option === "otherRegion"
+        ? "otherRegion"
+        : null;
+    const sharedSlot = (
+      <IndirectDetailsSlotView
+        callbacks={{
+          onChange: (e) => {
+            console.log("slot change:", e);
+          },
+        }}
+        states={{ formState: { registeredIn }, loading: props.loading }}
+        text={{}}
+      ></IndirectDetailsSlotView>
+    );
+
+    return (
+      <Host>
+        <TaxFormStepTwoView
+          callbacks={{
+            onBack: () => {},
+            onChange: props.setOption,
+            onSubmit: props.onSubmit,
+          }}
+          states={{
+            formState: { checked: props.option },
+            loading: props.loading,
+            submitDisabled: props.loading,
+            registeredInCanadaDetailsSlot: sharedSlot,
+            registeredInDifferentCountryDetailsSlot: sharedSlot,
+          }}
+          text={props.text}
+          refs={{ formRef: props.formRef }}
+        />
+      </Host>
+    );
+  }
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
new file mode 100644
index 0000000000..b5723af220
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
@@ -0,0 +1,97 @@
+import { setUserIdentity, useQuery } from "@saasquatch/component-boilerplate";
+import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
+import { useParent } from "../../../utils/useParentState";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
+import { gql } from "graphql-request";
+import JSONPointer from "jsonpointer";
+
+const GET_COUNTRIES = gql`
+  query getCurrencies {
+    countries(limit: 1000) {
+      data {
+        countryCode
+        displayName
+      }
+    }
+  }
+`;
+
+export function useTaxFormStepTwo(props: any) {
+  const formRef = useRef<HTMLFormElement>(null);
+  const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
+  const [option, setOption] = useState<
+    "hstCanada" | "otherRegion" | "notRegistered"
+  >(null);
+  const [errors, setErrors] = useState({});
+
+  const { data: _countries, loading } = useQuery(GET_COUNTRIES, {});
+  const countries = _countries?.countries.data;
+  /**** DEMO DATA */
+
+  const id = "zach.harrison@referralsaasquatch.com";
+  const accountId = id;
+  const programId = "klip-referral-program";
+
+  //@ts-ignore
+  window.widgetIdent = {
+    tenantAlias: "test_a74miwdpofztj",
+    appDomain: "https://staging.referralsaasquatch.com",
+    programId,
+  };
+
+  useEffect(() => {
+    setUserIdentity({
+      accountId,
+      id,
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIn19.Wi8Vd5r64g5n8VNhiY-v5cqFcLwGxPG3Wi3dVSfkFZI",
+    });
+    return () => {
+      window.widgetIdent = undefined;
+      setUserIdentity(undefined);
+    };
+  }, []);
+  /*** */
+
+  const onSubmit = (event: any) => {
+    let formData: Record<string, string> = {};
+    let validationErrors: Record<string, string> = {};
+    const controls = event.target.getFormControls();
+    const optionFields = ["hstCanada", "otherRegion", "notRegistered"];
+    controls.forEach((control) => {
+      if (!control.name || optionFields.includes(control.name)) return;
+
+      const key = control.name;
+      const value = control.value;
+      JSONPointer.set(formData, key, value);
+
+      if (control.required && !value) {
+        JSONPointer.set(validationErrors, key, true);
+      }
+    });
+
+    if (!option) JSONPointer.set(validationErrors, "taxOption", true);
+
+    if (Object.keys(validationErrors).length) {
+      setErrors(validationErrors);
+    }
+
+    console.log({ formData });
+
+    try {
+      // Backend request
+      // setStep("/3");
+    } catch (e) {
+      setErrors({ graphqlError: true });
+    }
+  };
+
+  return {
+    loading,
+    countries,
+    text: props,
+    onSubmit,
+    option,
+    setOption,
+    formRef,
+  };
+}
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 4a6da05a86..0625d1b2d3 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,19 +12,21 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash>
       <template path="/1">
         <sqm-tax-form />
       </template>
       <template path="/2">
-        <sqm-docusign-form />
+        <sqm-tax-form-step-2 />
       </template>
       <template path="/3">
+        <sqm-docusign-form />
+      </template>
+      <template path="/4">
         <sqm-cash-form />
       </template>
-      <template path="/4">confirmation screen</template>
+      <template path="/5">confirmation screen</template>
     </sqm-tax-and-cash>
-   -->
   </body>
 </html>

From ca593879edd29b6db4aeb729f8b9fcde5613c76d Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 23 Jan 2024 14:26:39 -0800
Subject: [PATCH 037/753] update copy

---
 .../sqm-tax-form/TaxForm.stories.tsx          | 17 ++------
 .../sqm-tax-form/defaultTextCopy.ts           |  6 ++-
 .../sqm-tax-form/sqm-tax-form-step-1-view.tsx | 13 +++++--
 .../sqm-tax-form/sqm-tax-form-step-2-view.tsx | 39 +------------------
 4 files changed, 18 insertions(+), 57 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index ebff6523db..e8f25a4663 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -15,6 +15,7 @@ import {
   RegisteredInCanada,
   RegisteredInOtherRegion,
 } from "./small-views/SlotViews.stories";
+import { taxFormStepOneText } from "./defaultTextCopy";
 
 export default {
   title: "Components/Tax Form",
@@ -32,25 +33,13 @@ const stepOneProps: TaxFormStepOneProps = {
       currency: "fghdfgsd",
       indirectTaxNumber: "sfgdfdgs",
       allowBankingCollection: true,
+      participantType: "individualParticipant",
     },
   },
   callbacks: {
     onSubmit: (props: any) => console.log("Submit"),
   },
-  text: {
-    firstName: "First name",
-    lastName: "Last name",
-    email: "Email",
-    country: "Country",
-    currency: "Currency",
-    indirectTaxNumber: "Indirect Tax Number",
-    allowBankingCollection:
-      "I allow impact.com to collect my tax and banking information",
-    submitButton: "Continue",
-    step: "step",
-    stepOf: "of",
-    personalInformation: "Personal Information",
-  },
+  text: taxFormStepOneText,
   refs: {
     formRef: () => {},
   },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
index d72487963b..33921a37a3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
@@ -18,9 +18,13 @@ export const taxFormStepOneText: TaxFormStepOneProps["text"] = {
   indirectTaxNumber: "Tax Number",
   allowBankingCollection: "I agree to the terms",
   submitButton: "Submit",
-  step: "step",
+  step: "Step",
   stepOf: "of",
   personalInformation: "Personal Information",
+  participantType: "Participant type",
+  businessEntity: "I represent a business entity",
+  individualParticipant: "I am an individual participant",
+  taxAndBankingCollection: "Tax and banking collection",
 };
 
 export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
index 9fee0ff6bc..2c4b7bb373 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
@@ -13,6 +13,7 @@ export interface TaxFormStepOneProps {
       currency?: string;
       indirectTaxNumber?: string;
       allowBankingCollection?: boolean;
+      participantType: "individualParticipant" | "businessEntity" | undefined;
       errors?: any;
       error?: string;
     };
@@ -31,6 +32,10 @@ export interface TaxFormStepOneProps {
     step: string;
     stepOf: string;
     personalInformation: string;
+    individualParticipant: string;
+    businessEntity: string;
+    participantType: string;
+    taxAndBankingCollection: string;
     submitButton: string;
   };
   refs: {
@@ -232,23 +237,23 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
           }
         />
         <div class={classes.CheckboxWrapper}>
-          <p class={classes.BoldText}>Participant type</p>
+          <p class={classes.BoldText}>{text.participantType}</p>
           <sl-radio-group label="Select an option" name="a" value="3">
             <div style={{ display: "flex", flexDirection: "column" }}>
               <sl-radio
                 value="individualParticipant"
                 exportparts="base: radio-base"
               >
-                I am an individual participant
+                {text.individualParticipant}
               </sl-radio>
               <sl-radio value="businessEntity" exportparts="base: radio-base">
-                I represent an business entity
+                {text.businessEntity}
               </sl-radio>
             </div>
           </sl-radio-group>
         </div>
         <div class={classes.CheckboxWrapper}>
-          <p class={classes.BoldText}>Tax and banking collection</p>
+          <p class={classes.BoldText}> {text.taxAndBankingCollection}</p>
           <sl-checkbox
             exportparts="label: input-label"
             value={formState.allowBankingCollection}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
index 3a309311f2..71257f77b0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
@@ -140,7 +140,7 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
         </div>
       </div>
       <div class={classes.CheckboxContainer}>
-        <sl-radio-group label="Select an option" name="a" value="3">
+        <sl-radio-group name="a" value={formState.checked}>
           <div style={{ display: "flex", flexDirection: "column" }}>
             <sl-radio
               value="hstCanada"
@@ -173,43 +173,6 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
             </sl-radio>
           </div>
         </sl-radio-group>
-        {/* <sl-checkbox
-          exportparts="label: input-label"
-          value={formState.checked === "hstCanada"}
-          checked={formState.checked === "hstCanada"}
-          onInput={() => callbacks.onChange("hstCanada")}
-          disabled={states.loading}
-          id="hstCanada"
-          name="hstCanada"
-        >
-          {text.hstCanada}
-        </sl-checkbox>
-        {formState.checked === "hstCanada" &&
-          states.registeredInCanadaDetailsSlot}
-        <sl-checkbox
-          exportparts="label: input-label"
-          value={formState.checked === "otherRegion"}
-          checked={formState.checked === "otherRegion"}
-          onInput={() => callbacks.onChange("otherRegion")}
-          disabled={states.loading}
-          id="otherRegion"
-          name="otherRegion"
-        >
-          {text.otherRegion}
-        </sl-checkbox>
-        {formState.checked === "otherRegion" &&
-          states.registeredInDifferentCountryDetailsSlot}
-        <sl-checkbox
-          exportparts="label: input-label"
-          value={formState.checked === "notRegistered"}
-          checked={formState.checked === "notRegistered"}
-          onInput={() => callbacks.onChange("notRegistered")}
-          disabled={states.loading}
-          id="notRegistered"
-          name="notRegistered"
-        >
-          {text.notRegistered}
-        </sl-checkbox> */}
       </div>
       <div class={classes.BtnContainer}>
         <sl-button

From 4c2183000e5271810f5450b811dc6942fb67eb27 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 23 Jan 2024 15:32:22 -0800
Subject: [PATCH 038/753] Add error styles

---
 packages/mint-components/src/components.d.ts  |  44 +++----
 .../sqm-tax-form/TaxForm.stories.tsx          |  16 +--
 .../sqm-tax-form/defaultTextCopy.ts           |   9 ++
 .../sqm-tax-form/sqm-tax-form-step-1-view.tsx | 109 ++++++++----------
 .../sqm-tax-form/sqm-tax-form.tsx             |  57 +++++----
 packages/mint-components/src/index.html       |   6 +-
 6 files changed, 116 insertions(+), 125 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index ed739ad1fc..8953a29215 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -2836,10 +2836,8 @@ export namespace Components {
         "demoData"?: DemoData<UserNameViewProps>;
     }
     interface SqmTaxForm {
-        "activeStatusText": string;
         "allowBankingCollection": string;
-        "awaitingReviewText": string;
-        "bankingInformationHeader": string;
+        "businessEntity"?: string;
         "country": string;
         "currency": string;
         /**
@@ -2848,10 +2846,9 @@ export namespace Components {
          */
         "demoData"?: DemoData<UserNameViewProps>;
         "email": string;
-        "expiredOnText": string;
-        "expiredStatusText": string;
         "firstName": string;
         "indirectTaxNumber": string;
+        "individualParticipant"?: string;
         "lastName": string;
         /**
           * The message to be displayed when a the form submission fails unexpectedly.
@@ -2859,23 +2856,18 @@ export namespace Components {
           * @uiWidget textArea
          */
         "networkErrorMessage": string;
-        "notActiveStatusText": string;
-        "notVerifiedStatusText": string;
-        "personalInformation"?: "Personal Information";
+        "participantType"?: string;
+        "personalInformation"?: string;
         /**
           * The message to be displayed when a required field is not filled.
           * @uiName Required field message
           * @uiWidget textArea
          */
         "requiredFieldErrorMessage": string;
-        "step"?: "step";
-        "stepOf"?: "of";
+        "step"?: string;
+        "stepOf"?: string;
         "submitButton": string;
-        "submittedOnText": string;
-        "taxAlertHeader"?: string;
-        "taxAlertMessage"?: string;
-        "taxDocumentSectionHeader": string;
-        "taxDocumentSectionSubHeader"?: string;
+        "taxAndBankingCollection"?: string;
     }
     interface SqmTaxFormStep2 {
         "backButton": string;
@@ -6455,10 +6447,8 @@ declare namespace LocalJSX {
         "demoData"?: DemoData<UserNameViewProps>;
     }
     interface SqmTaxForm {
-        "activeStatusText"?: string;
         "allowBankingCollection"?: string;
-        "awaitingReviewText"?: string;
-        "bankingInformationHeader"?: string;
+        "businessEntity"?: string;
         "country"?: string;
         "currency"?: string;
         /**
@@ -6467,10 +6457,9 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<UserNameViewProps>;
         "email"?: string;
-        "expiredOnText"?: string;
-        "expiredStatusText"?: string;
         "firstName"?: string;
         "indirectTaxNumber"?: string;
+        "individualParticipant"?: string;
         "lastName"?: string;
         /**
           * The message to be displayed when a the form submission fails unexpectedly.
@@ -6478,23 +6467,18 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "networkErrorMessage"?: string;
-        "notActiveStatusText"?: string;
-        "notVerifiedStatusText"?: string;
-        "personalInformation"?: "Personal Information";
+        "participantType"?: string;
+        "personalInformation"?: string;
         /**
           * The message to be displayed when a required field is not filled.
           * @uiName Required field message
           * @uiWidget textArea
          */
         "requiredFieldErrorMessage"?: string;
-        "step"?: "step";
-        "stepOf"?: "of";
+        "step"?: string;
+        "stepOf"?: string;
         "submitButton"?: string;
-        "submittedOnText"?: string;
-        "taxAlertHeader"?: string;
-        "taxAlertMessage"?: string;
-        "taxDocumentSectionHeader"?: string;
-        "taxDocumentSectionSubHeader"?: string;
+        "taxAndBankingCollection"?: string;
     }
     interface SqmTaxFormStep2 {
         "backButton"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index e8f25a4663..3a20e8d5d2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -30,8 +30,7 @@ const stepOneProps: TaxFormStepOneProps = {
       lastName: "Testerson",
       email: "bobtesterson@example.com",
       countryCode: "US",
-      currency: "fghdfgsd",
-      indirectTaxNumber: "sfgdfdgs",
+      currency: "CAD",
       allowBankingCollection: true,
       participantType: "individualParticipant",
     },
@@ -191,7 +190,7 @@ export const StepOneDisabled = () => {
   );
 };
 
-export const StepOneWithError = () => {
+export const StepOneWithErrors = () => {
   return (
     <TaxFormStepOneView
       {...stepOneProps}
@@ -200,10 +199,13 @@ export const StepOneWithError = () => {
         formState: {
           ...stepOneProps.states.formState,
           errors: {
-            firstName: {
-              status: "invalid",
-              message: "Please enter your first name",
-            },
+            firstName: true,
+            lastName: true,
+            email: true,
+            countryCode: true,
+            currency: true,
+            participantType: true,
+            allowBankingCollection: true,
           },
         },
       }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
index 33921a37a3..ccbfdc694a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
@@ -25,6 +25,15 @@ export const taxFormStepOneText: TaxFormStepOneProps["text"] = {
   businessEntity: "I represent a business entity",
   individualParticipant: "I am an individual participant",
   taxAndBankingCollection: "Tax and banking collection",
+  error: {
+    firstName: "Enter a first name",
+    lastName: "Enter a last name",
+    email: "Enter a valid email",
+    countryCode: "Select a country",
+    currency: "Select a currency",
+    allowBankingCollection: "This field is required",
+    participantType: "Select a participant type",
+  },
 };
 
 export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
index 2c4b7bb373..19eeac79e2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
@@ -37,6 +37,15 @@ export interface TaxFormStepOneProps {
     participantType: string;
     taxAndBankingCollection: string;
     submitButton: string;
+    error: {
+      firstName: string;
+      lastName: string;
+      email: string;
+      countryCode: string;
+      currency: string;
+      allowBankingCollection: string;
+      participantType: string;
+    };
   };
   refs: {
     formRef: any;
@@ -45,6 +54,19 @@ export interface TaxFormStepOneProps {
 
 const style = {
   FormWrapper: {},
+  ErrorInput: {
+    "&::part(base)": {
+      border: "1px solid var(--sl-color-danger-500)",
+    },
+
+    "&::part(help-text)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
+  ErrorText: {
+    color: "var(--sl-color-danger-500)",
+    marginTop: "10px",
+  },
   TextContainer: {
     display: "flex",
     justifyContent: "flex-start",
@@ -145,57 +167,36 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
           value={formState.firstName}
           label={text.firstName}
           disabled={states.loading}
-          // Copied from edit form, may need to keep
-          // {...(formState.errors?.firstName &&
-          // formState.errors?.firstName.status !== "valid"
-          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-          //   : [])}
+          {...(formState.errors?.firstName && {
+            class: classes.ErrorInput,
+            helpText: text.error.firstName,
+          })}
           id="firstName"
           name="/firstName"
-          error={
-            formState.errors?.firstName &&
-            formState.errors?.firstName.status !== "valid"
-              ? formState.errors?.firstName.message
-              : undefined
-          }
         />
         <sl-input
           exportparts="label: input-label"
           value={formState.lastName}
           label={text.lastName}
           disabled={states.loading}
-          // Copied from edit form, may need to keep
-          // {...(formState.errors?.lastName &&
-          // formState.errors?.lastName.status !== "valid"
-          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-          //   : [])}
+          {...(formState.errors?.lastName && {
+            class: classes.ErrorInput,
+            helpText: text.error.lastName,
+          })}
           id="lastName"
           name="/lastName"
-          error={
-            formState.errors?.lastName &&
-            formState.errors?.lastName.status !== "valid"
-              ? formState.errors?.lastName.message
-              : undefined
-          }
         />
         <sl-input
           exportparts="label: input-label"
           value={formState.email}
           label={text.email}
           disabled={states.loading}
-          // Copied from edit form, may need to keep
-          // {...(formState.errors?.email &&
-          // formState.errors?.email.status !== "valid"
-          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-          //   : [])}
+          {...(formState.errors?.email && {
+            class: classes.ErrorInput,
+            helpText: text.error.email,
+          })}
           id="email"
           name="/email"
-          error={
-            formState.errors?.email &&
-            formState.errors?.email.status !== "valid"
-              ? formState.errors?.email.message
-              : undefined
-          }
         />
 
         <sl-input
@@ -203,38 +204,24 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
           value={formState.countryCode}
           label={text.country}
           disabled={states.loading}
-          // Copied from edit form, may need to keep
-          // {...(formState.errors?.country &&
-          // formState.errors?.country.status !== "valid"
-          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-          //   : [])}
+          {...(formState.errors?.countryCode && {
+            class: classes.ErrorInput,
+            helpText: text.error.countryCode,
+          })}
           id="country"
           name="/country"
-          error={
-            formState.errors?.country &&
-            formState.errors?.country.status !== "valid"
-              ? formState.errors?.country.message
-              : undefined
-          }
         />
         <sl-input
           exportparts="label: input-label"
           value={formState.currency}
           label={text.currency}
           disabled={states.loading}
-          // Copied from edit form, may need to keep
-          // {...(formState.errors?.currency &&
-          // formState.errors?.currency.status !== "valid"
-          //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-          //   : [])}
+          {...(formState.errors?.currency && {
+            class: classes.ErrorInput,
+            helpText: text.error.currency,
+          })}
           id="currency"
           name="/currency"
-          error={
-            formState.errors?.currency &&
-            formState.errors?.currency.status !== "valid"
-              ? formState.errors?.currency.message
-              : undefined
-          }
         />
         <div class={classes.CheckboxWrapper}>
           <p class={classes.BoldText}>{text.participantType}</p>
@@ -249,6 +236,9 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
               <sl-radio value="businessEntity" exportparts="base: radio-base">
                 {text.businessEntity}
               </sl-radio>
+              {formState.errors?.participantType && (
+                <p class={classes.ErrorText}>{text.error.participantType}</p>
+              )}
             </div>
           </sl-radio-group>
         </div>
@@ -266,15 +256,12 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
             //   : [])}
             id="allowBankingCollection"
             name="/allowBankingCollection"
-            error={
-              formState.errors?.allowBankingCollection &&
-              formState.errors?.allowBankingCollection.status !== "valid"
-                ? formState.errors?.allowBankingCollection.message
-                : undefined
-            }
           >
             {text.allowBankingCollection}
           </sl-checkbox>
+          {formState.errors?.allowBankingCollection && (
+            <p class={classes.ErrorText}>{text.error.allowBankingCollection}</p>
+          )}
         </div>
       </div>
       <sl-button
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
index d4ecd40ba3..831a87a10a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
@@ -39,34 +39,42 @@ export class TaxForm {
   @Prop() indirectTaxNumber: string = taxFormStepOneText.indirectTaxNumber;
   @Prop() allowBankingCollection: string =
     taxFormStepOneText.allowBankingCollection;
+  @Prop() step?: string = taxFormStepOneText.step;
+  @Prop() stepOf?: string = taxFormStepOneText.stepOf;
+  @Prop() personalInformation?: string = taxFormStepOneText.personalInformation;
+  @Prop() businessEntity?: string = taxFormStepOneText.businessEntity;
+  @Prop() participantType?: string = taxFormStepOneText.participantType;
+  @Prop() individualParticipant?: string =
+    taxFormStepOneText.individualParticipant;
+  @Prop() taxAndBankingCollection?: string =
+    taxFormStepOneText.taxAndBankingCollection;
   @Prop() submitButton: string = taxFormStepOneText.submitButton;
 
+  // ZH: These props are in the wrong spot
   // Tax Document Submitted View props
-  @Prop() activeStatusText: string = taxFormDocumentSubmittedText.status.active;
-  @Prop() notActiveStatusText: string =
-    taxFormDocumentSubmittedText.status.notActive;
-  @Prop() notVerifiedStatusText: string =
-    taxFormDocumentSubmittedText.status.notVerified;
-  @Prop() expiredStatusText: string =
-    taxFormDocumentSubmittedText.status.expired;
-  @Prop() submittedOnText: string =
-    taxFormDocumentSubmittedText.badge.submittedOn;
-  @Prop() awaitingReviewText: string =
-    taxFormDocumentSubmittedText.badge.awaitingReview;
-  @Prop() expiredOnText: string = taxFormDocumentSubmittedText.badge.expiredOn;
-  @Prop() taxAlertHeader?: string = taxFormDocumentSubmittedText.taxAlertHeader;
-  @Prop() taxAlertMessage?: string =
-    taxFormDocumentSubmittedText.taxAlertMessage;
-  @Prop() bankingInformationHeader: string =
-    taxFormDocumentSubmittedText.bankingInformationSectionHeader;
-  @Prop() taxDocumentSectionHeader: string =
-    taxFormDocumentSubmittedText.taxDocumentSectionHeader;
-  @Prop() taxDocumentSectionSubHeader?: string =
-    taxFormDocumentSubmittedText.taxDocumentSectionSubHeader;
+  // @Prop() activeStatusText: string = taxFormDocumentSubmittedText.status.active;
+  // @Prop() notActiveStatusText: string =
+  //   taxFormDocumentSubmittedText.status.notActive;
+  // @Prop() notVerifiedStatusText: string =
+  //   taxFormDocumentSubmittedText.status.notVerified;
+  // @Prop() expiredStatusText: string =
+  //   taxFormDocumentSubmittedText.status.expired;
+  // @Prop() submittedOnText: string =
+  //   taxFormDocumentSubmittedText.badge.submittedOn;
+  // @Prop() awaitingReviewText: string =
+  //   taxFormDocumentSubmittedText.badge.awaitingReview;
+  // @Prop() expiredOnText: string = taxFormDocumentSubmittedText.badge.expiredOn;
+  // @Prop() taxAlertHeader?: string = taxFormDocumentSubmittedText.taxAlertHeader;
+  // @Prop() taxAlertMessage?: string =
+  //   taxFormDocumentSubmittedText.taxAlertMessage;
+  // @Prop() bankingInformationHeader: string =
+  //   taxFormDocumentSubmittedText.bankingInformationSectionHeader;
+  // @Prop() taxDocumentSectionHeader: string =
+  //   taxFormDocumentSubmittedText.taxDocumentSectionHeader;
+  // @Prop() taxDocumentSectionSubHeader?: string =
+  //   taxFormDocumentSubmittedText.taxDocumentSectionSubHeader;
   // @Prop() error?: string = taxFormDocumentSubmitted.taxAlertHeader;
-  @Prop() step?: "step";
-  @Prop() stepOf?: "of";
-  @Prop() personalInformation?: "Personal Information";
+
   /**
    * The message to be displayed when a required field is not filled.
    *
@@ -99,6 +107,7 @@ export class TaxForm {
           states={{
             loading: props.loading,
             submitDisabled: false,
+            //@ts-ignore
             formState: props.formState,
           }}
           callbacks={{
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 0625d1b2d3..7885b37c59 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,8 +12,8 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash>
       <template path="/1">
         <sqm-tax-form />
       </template>
@@ -27,6 +27,6 @@
         <sqm-cash-form />
       </template>
       <template path="/5">confirmation screen</template>
-    </sqm-tax-and-cash>
+    </sqm-tax-and-cash> -->
   </body>
 </html>

From e0e351cf0ee979b7881858162f4e18eaaf209609 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 23 Jan 2024 15:37:46 -0800
Subject: [PATCH 039/753] step 2 submit

---
 .../small-views/IndirectTaxDetailsView.tsx    | 35 +++++++++----------
 .../tax-and-cash/sqm-tax-form/useTaxForm.tsx  |  8 ++---
 .../sqm-tax-form/useTaxFormStepTwo.tsx        | 35 ++++++++++---------
 3 files changed, 38 insertions(+), 40 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
index 5a09b77720..7e3a380f3d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
@@ -87,12 +87,11 @@ export const IndirectDetailsSlotView = (
             value={formState.selectedRegion}
             label={text.selectedRegion}
             disabled={states.loading}
-            // onInput={callbacks.onChange}
             // Copied from edit form, may need to keep
-            // {...(formState.errors?.selectedRegion &&
-            // formState.errors?.selectedRegion.status !== "valid"
-            //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-            //   : [])}
+            {...(formState.errors?.selectedRegion &&
+            formState.errors?.selectedRegion.status !== "valid"
+              ? { class: "errors?tyles", helpText: "Cannot be empty" }
+              : [])}
             id="selectedRegion"
             name="/selectedRegion"
             error={
@@ -112,12 +111,11 @@ export const IndirectDetailsSlotView = (
             value={formState.province}
             label={text.province}
             disabled={states.loading}
-            // onInput={callbacks.onChange}
             // Copied from edit form, may need to keep
-            // {...(formState.errors?.province &&
-            // formState.errors?.province.status !== "valid"
-            //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-            //   : [])}
+            {...(formState.errors?.province &&
+            formState.errors?.province.status !== "valid"
+              ? { class: "errors?tyles", helpText: "Cannot be empty" }
+              : [])}
             id="province"
             name="/province"
             error={
@@ -138,12 +136,11 @@ export const IndirectDetailsSlotView = (
             value={formState.vatNumber}
             label={text.vatNumber}
             disabled={states.loading}
-            // onInput={(e) => callbacks.onChange({ vanNumber:  })}
             // Copied from edit form, may need to keep
-            // {...(formState.errors?.vatNumber &&
-            // formState.errors?.vatNumber.status !== "valid"
-            //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-            //   : [])}
+            {...(formState.errors?.vatNumber &&
+            formState.errors?.vatNumber.status !== "valid"
+              ? { class: "errors?tyles", helpText: "Cannot be empty" }
+              : [])}
             id="vatNumber"
             name="/vatNumber"
             error={
@@ -162,10 +159,10 @@ export const IndirectDetailsSlotView = (
             disabled={states.loading}
             // onInput={callbacks.onChange}
             // Copied from edit form, may need to keep
-            // {...(formState.errors?.indirectTaxNumber &&
-            // formState.errors?.indirectTaxNumber.status !== "valid"
-            //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
-            //   : [])}
+            {...(formState.errors?.indirectTaxNumber &&
+            formState.errors?.indirectTaxNumber.status !== "valid"
+              ? { class: "errors?tyles", helpText: "Cannot be empty" }
+              : [])}
             id="indirectTaxNumber"
             name="/indirectTaxNumber"
             error={
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
index 8d3518383d..f574c14b05 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
@@ -79,10 +79,10 @@ export function useTaxForm(props: TaxForm) {
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIn19.Wi8Vd5r64g5n8VNhiY-v5cqFcLwGxPG3Wi3dVSfkFZI",
     });
-    return () => {
-      window.widgetIdent = undefined;
-      setUserIdentity(undefined);
-    };
+    // return () => {
+    //   window.widgetIdent = undefined;
+    //   setUserIdentity(undefined);
+    // };
   }, []);
   /*** */
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
index b5723af220..55f40bb990 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
@@ -26,30 +26,31 @@ export function useTaxFormStepTwo(props: any) {
 
   const { data: _countries, loading } = useQuery(GET_COUNTRIES, {});
   const countries = _countries?.countries.data;
+
   /**** DEMO DATA */
 
   const id = "zach.harrison@referralsaasquatch.com";
   const accountId = id;
   const programId = "klip-referral-program";
 
-  //@ts-ignore
-  window.widgetIdent = {
-    tenantAlias: "test_a74miwdpofztj",
-    appDomain: "https://staging.referralsaasquatch.com",
-    programId,
-  };
+  // //@ts-ignore
+  // window.widgetIdent = {
+  //   tenantAlias: "test_a74miwdpofztj",
+  //   appDomain: "https://staging.referralsaasquatch.com",
+  //   programId,
+  // };
 
-  useEffect(() => {
-    setUserIdentity({
-      accountId,
-      id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIn19.Wi8Vd5r64g5n8VNhiY-v5cqFcLwGxPG3Wi3dVSfkFZI",
-    });
-    return () => {
-      window.widgetIdent = undefined;
-      setUserIdentity(undefined);
-    };
-  }, []);
+  // useEffect(() => {
+  //   setUserIdentity({
+  //     accountId,
+  //     id,
+  //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIn19.Wi8Vd5r64g5n8VNhiY-v5cqFcLwGxPG3Wi3dVSfkFZI",
+  //   });
+  //   return () => {
+  //     window.widgetIdent = undefined;
+  //     setUserIdentity(undefined);
+  //   };
+  // }, []);
   /*** */
 
   const onSubmit = (event: any) => {

From f6f4da2fae4d9ff46be68d0470ba3328c7e81a48 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 23 Jan 2024 16:16:18 -0800
Subject: [PATCH 040/753] Update copy and switch out radio's for checkboxes

---
 .../sqm-tax-form/TaxForm.stories.tsx          | 36 ++++++++-------
 .../sqm-tax-form/defaultTextCopy.ts           | 21 +++++++++
 .../sqm-tax-form/sqm-tax-form-step-2-view.tsx | 45 ++++++++++++-------
 3 files changed, 68 insertions(+), 34 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index 3a20e8d5d2..c1b56c9495 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -15,7 +15,7 @@ import {
   RegisteredInCanada,
   RegisteredInOtherRegion,
 } from "./small-views/SlotViews.stories";
-import { taxFormStepOneText } from "./defaultTextCopy";
+import { taxFormStepOneText, taxFormStepTwoText } from "./defaultTextCopy";
 
 export default {
   title: "Components/Tax Form",
@@ -58,22 +58,7 @@ const stepTwoProps: TaxFormStepTwoProps = {
     onBack: () => console.log("Submit"),
   },
   refs: { formRef: { current: null } },
-  text: {
-    step: "Step",
-    stepOf: "of",
-    indirectTax: "Indirect Tax",
-    indirectTaxDescription:
-      "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.",
-    indirectTaxDetails: "Indirect Tax Details",
-    indirectTaxDetailsDescription:
-      "Not sure if you are registered for indirect tax? Contact our Support team to find out more.",
-    hstCanada: "I am registered for HST in Canada",
-    otherRegion:
-      "I am registered for Indirect Tax in a different Country / Region",
-    notRegistered: "I am not registered for Indirect Tax",
-    submitButton: "Continue",
-    backButton: "Back",
-  },
+  text: taxFormStepTwoText,
 };
 
 const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
@@ -218,6 +203,23 @@ export const StepTwo = () => {
   return <TaxFormStepTwoView {...stepTwoProps} />;
 };
 
+export const StepTwoWithError = () => {
+  return (
+    <TaxFormStepTwoView
+      {...stepTwoProps}
+      states={{
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          errors: {
+            taxDetails: true,
+          },
+        },
+      }}
+    />
+  );
+};
+
 export const StepTwoHSTChecked = () => {
   return (
     <TaxFormStepTwoView
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
index ccbfdc694a..54b26e5009 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
@@ -1,6 +1,7 @@
 import { IndirectDetailsSlotViewProps } from "./small-views/IndirectTaxDetailsView";
 import { TaxFormStepOneProps } from "./sqm-tax-form-step-1-view";
 import { TaxDocumentSubmittedProps } from "./sqm-tax-document-submitted-view";
+import { TaxFormStepTwoProps } from "./sqm-tax-form-step-2-view";
 
 export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
   selectedRegion: "Country / Region of Indirect Tax",
@@ -36,6 +37,26 @@ export const taxFormStepOneText: TaxFormStepOneProps["text"] = {
   },
 };
 
+export const taxFormStepTwoText: TaxFormStepTwoProps["text"] = {
+  step: "Step",
+  stepOf: "of",
+  indirectTax: "Indirect Tax",
+  indirectTaxDescription:
+    "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.",
+  indirectTaxDetails: "Indirect Tax Details",
+  indirectTaxDetailsDescription:
+    "Not sure if you are registered for indirect tax? Contact our Support team to find out more.",
+  hstCanada: "I am registered for HST in Canada",
+  otherRegion:
+    "I am registered for Indirect Tax in a different Country / Region",
+  notRegistered: "I am not registered for Indirect Tax",
+  submitButton: "Continue",
+  backButton: "Back",
+  error: {
+    taxDetails: "This field is required",
+  },
+};
+
 export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   status: {
     active: "Active",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
index 71257f77b0..e52c3c83b5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
@@ -8,7 +8,6 @@ export interface TaxFormStepTwoProps {
     formState: {
       checked: "hstCanada" | "otherRegion" | "notRegistered" | undefined;
       errors?: any;
-      error?: string;
     };
     registeredInCanadaDetailsSlot?: VNode;
     registeredInDifferentCountryDetailsSlot?: VNode;
@@ -30,6 +29,9 @@ export interface TaxFormStepTwoProps {
     notRegistered: string;
     submitButton: string;
     backButton: string;
+    error: {
+      taxDetails: string;
+    };
   };
   refs: {
     formRef: any;
@@ -68,6 +70,10 @@ const style = {
     display: "flex",
     gap: "8px",
   },
+  ErrorText: {
+    color: "var(--sl-color-danger-500)",
+    marginTop: "10px",
+  },
   DescriptionText: {
     color: "var(--sl-color-neutral-500)",
   },
@@ -142,35 +148,40 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
       <div class={classes.CheckboxContainer}>
         <sl-radio-group name="a" value={formState.checked}>
           <div style={{ display: "flex", flexDirection: "column" }}>
-            <sl-radio
-              value="hstCanada"
-              exportparts="base: radio-base"
+            <sl-checkbox
+              exportparts="label: input-label"
+              checked={formState.checked === "hstCanada"}
+              disabled={states.loading}
               id="hstCanada"
-              name="hstCanada"
+              name="/hstCanada"
             >
               {text.hstCanada}
-            </sl-radio>
+            </sl-checkbox>
             {formState.checked === "hstCanada" &&
               states.registeredInCanadaDetailsSlot}
-            <sl-radio
-              value="otherRegion"
+            <sl-checkbox
+              exportparts="label: input-label"
+              checked={formState.checked === "otherRegion"}
+              disabled={states.loading}
               id="otherRegion"
-              exportparts="base: radio-base"
-              name="otherRegion"
+              name="/otherRegion"
             >
               {text.otherRegion}
-            </sl-radio>
+            </sl-checkbox>
             {formState.checked === "otherRegion" &&
               states.registeredInDifferentCountryDetailsSlot}
-
-            <sl-radio
-              value="notRegistered"
+            <sl-checkbox
+              exportparts="label: input-label"
+              checked={formState.checked === "notRegistered"}
+              disabled={states.loading}
               id="notRegistered"
-              exportparts="base: radio-base"
-              name="notRegistered"
+              name="/notRegistered"
             >
               {text.notRegistered}
-            </sl-radio>
+            </sl-checkbox>
+            {formState.errors?.taxDetails && (
+              <p class={classes.ErrorText}>{text.error.taxDetails}</p>
+            )}
           </div>
         </sl-radio-group>
       </div>

From 42e9487b131a1615cb3da857b1e8fb292d40d9b8 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 23 Jan 2024 17:24:09 -0800
Subject: [PATCH 041/753] wired up selects, radios and checkboxes + cleaned up
 prop types

---
 packages/mint-components/src/components.d.ts  |  2 -
 .../sqm-tax-form/TaxForm.stories.tsx          |  2 -
 .../sqm-tax-form/defaultTextCopy.ts           |  1 -
 .../sqm-tax-form/sqm-tax-form-step-1-view.tsx | 74 +++++++++++++------
 .../sqm-tax-form/sqm-tax-form.tsx             |  1 -
 .../tax-and-cash/sqm-tax-form/useTaxForm.tsx  | 35 +++++----
 6 files changed, 72 insertions(+), 43 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 329bbd0917..1b52b06894 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -2851,7 +2851,6 @@ export namespace Components {
         "expiredOnText": string;
         "expiredStatusText": string;
         "firstName": string;
-        "indirectTaxNumber": string;
         "lastName": string;
         /**
           * The message to be displayed when a the form submission fails unexpectedly.
@@ -6450,7 +6449,6 @@ declare namespace LocalJSX {
         "expiredOnText"?: string;
         "expiredStatusText"?: string;
         "firstName"?: string;
-        "indirectTaxNumber"?: string;
         "lastName"?: string;
         /**
           * The message to be displayed when a the form submission fails unexpectedly.
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index cffdeb6a65..c616b9b6fc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -30,7 +30,6 @@ const stepOneProps: TaxFormStepOneProps = {
       email: "bobtesterson@example.com",
       countryCode: "US",
       currency: "fghdfgsd",
-      indirectTaxNumber: "sfgdfdgs",
       allowBankingCollection: true,
     },
   },
@@ -43,7 +42,6 @@ const stepOneProps: TaxFormStepOneProps = {
     email: "Email",
     country: "Country",
     currency: "Currency",
-    indirectTaxNumber: "Indirect Tax Number",
     allowBankingCollection:
       "I allow impact.com to collect my tax and banking information",
     submitButton: "Continue",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
index d72487963b..4330e73e02 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
@@ -15,7 +15,6 @@ export const taxFormStepOneText: TaxFormStepOneProps["text"] = {
   email: "Email",
   country: "Country",
   currency: "Currency",
-  indirectTaxNumber: "Tax Number",
   allowBankingCollection: "I agree to the terms",
   submitButton: "Submit",
   step: "step",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
index 9fee0ff6bc..bee9544cb4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
@@ -1,21 +1,13 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
+import { DropdownFieldView } from "../../sqm-dropdown-field/sqm-dropdown-field-view";
+import { FormState } from "./useTaxForm";
 
 export interface TaxFormStepOneProps {
   states: {
     loading: boolean;
     submitDisabled: boolean;
-    formState: {
-      firstName?: string;
-      lastName?: string;
-      email?: string;
-      countryCode?: string;
-      currency?: string;
-      indirectTaxNumber?: string;
-      allowBankingCollection?: boolean;
-      errors?: any;
-      error?: string;
-    };
+    formState: FormState;
   };
   callbacks: {
     onSubmit: (props: any) => void;
@@ -26,7 +18,6 @@ export interface TaxFormStepOneProps {
     email: string;
     country: string;
     currency: string;
-    indirectTaxNumber: string;
     allowBankingCollection: string;
     step: string;
     stepOf: string;
@@ -115,6 +106,8 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
     refs,
   } = props;
   const { classes } = sheet;
+
+  console.log({ formState });
   return (
     <sl-form
       class={classes.FormWrapper}
@@ -192,8 +185,25 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
               : undefined
           }
         />
-
-        <sl-input
+        <sqm-dropdown-field
+          dropdown-label={text.country}
+          dropdown-name="country"
+          error-message={formState.errors?.country}
+        >
+          <sl-menu-item value="US">United States</sl-menu-item>
+          <sl-menu-item value="CA">Canada</sl-menu-item>
+          <sl-menu-item value="AU">Australia</sl-menu-item>
+        </sqm-dropdown-field>
+        <sqm-dropdown-field
+          dropdown-label={text.currency}
+          dropdown-name="currency"
+          error-message={formState.errors?.country}
+        >
+          <sl-menu-item value="USD">USD</sl-menu-item>
+          <sl-menu-item value="CAD">CAD</sl-menu-item>
+          <sl-menu-item value="AUD">AUD</sl-menu-item>
+        </sqm-dropdown-field>
+        {/* <sl-input
           exportparts="label: input-label"
           value={formState.countryCode}
           label={text.country}
@@ -211,8 +221,17 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
               ? formState.errors?.country.message
               : undefined
           }
-        />
-        <sl-input
+        /> */}
+        {/* <DropdownFieldView
+          content={{
+            dropdownLabel: text.currency,
+            dropdownName: "/currency",
+            errorMessage: formState.errors?.currency?.message,
+            selectOptions: [],
+          }}
+          states={{}}
+        /> */}
+        {/* <sl-input
           exportparts="label: input-label"
           value={formState.currency}
           label={text.currency}
@@ -230,18 +249,29 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
               ? formState.errors?.currency.message
               : undefined
           }
-        />
+        /> */}
         <div class={classes.CheckboxWrapper}>
           <p class={classes.BoldText}>Participant type</p>
-          <sl-radio-group label="Select an option" name="a" value="3">
+          <sl-radio-group
+            label="Select an option"
+            name="/participantType"
+            value={formState.participantType}
+          >
             <div style={{ display: "flex", flexDirection: "column" }}>
               <sl-radio
-                value="individualParticipant"
+                name="/participantType"
                 exportparts="base: radio-base"
+                value="individualParticipant"
+                checked={formState.participantType === "individualParticipant"}
               >
                 I am an individual participant
               </sl-radio>
-              <sl-radio value="businessEntity" exportparts="base: radio-base">
+              <sl-radio
+                name="/participantType"
+                value="businessEntity"
+                exportparts="base: radio-base"
+                checked={formState.participantType === "businessEntity"}
+              >
                 I represent an business entity
               </sl-radio>
             </div>
@@ -251,8 +281,10 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
           <p class={classes.BoldText}>Tax and banking collection</p>
           <sl-checkbox
             exportparts="label: input-label"
-            value={formState.allowBankingCollection}
             checked={formState.allowBankingCollection === true}
+            onSl-change={(e) => {
+              e.target.value = e.target.checked;
+            }}
             disabled={states.loading}
             // Copied from edit form, may need to keep
             // {...(formState.errors?.allowBankingCollection &&
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
index d4ecd40ba3..97289eb37b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
@@ -36,7 +36,6 @@ export class TaxForm {
   @Prop() email: string = taxFormStepOneText.email;
   @Prop() country: string = taxFormStepOneText.country;
   @Prop() currency: string = taxFormStepOneText.currency;
-  @Prop() indirectTaxNumber: string = taxFormStepOneText.indirectTaxNumber;
   @Prop() allowBankingCollection: string =
     taxFormStepOneText.allowBankingCollection;
   @Prop() submitButton: string = taxFormStepOneText.submitButton;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
index 8d3518383d..5108c055b8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
@@ -24,12 +24,16 @@ export type ValidationErrorFunction = (input: {
 }) => string | undefined;
 
 export type FormState = {
-  error?: string;
-  validationErrors?: ValidationErrors;
   loading?: boolean;
-  disabled?: boolean;
-  disabledMessage?: string;
-  initialData?: InitialData;
+  firstName?: string;
+  lastName?: string;
+  email?: string;
+  countryCode?: string;
+  currency?: string;
+  participantType?: string;
+  allowBankingCollection?: boolean;
+  errors?: any;
+  error?: string;
 };
 
 export type ValidationErrors = {
@@ -56,7 +60,7 @@ const GET_USER = gql`
 
 export function useTaxForm(props: TaxForm) {
   const formRef = useRef<HTMLFormElement>(null);
-  const [formState, setFormState] = useState({});
+  const [formState, setFormState] = useState<FormState>({});
 
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
@@ -104,7 +108,6 @@ export function useTaxForm(props: TaxForm) {
       email: user.email,
       countryCode: user.countryCode,
       currency: user.customFields?.currency,
-      indirectTaxNumber: user.customFields?.indirectTaxNumber,
     });
   }, [data]);
 
@@ -141,7 +144,9 @@ export function useTaxForm(props: TaxForm) {
     let formControls = event.target.getFormControls();
 
     let formData: Record<string, any> = {};
-    let validationErrors: Record<string, string> = {};
+    let errors: Record<string, string> = {};
+
+    console.log({ formControls });
     formControls?.forEach((control) => {
       if (!control.name) return;
 
@@ -149,31 +154,29 @@ export function useTaxForm(props: TaxForm) {
       const value = control.value;
 
       jsonpointer.set(formData, key, value);
+      console.log({ formData });
       // required validation
       if (control.required && !value) {
-        jsonpointer.set(validationErrors, key, props.requiredFieldErrorMessage);
+        jsonpointer.set(errors, key, props.requiredFieldErrorMessage);
       }
       // custom validation
       if (typeof control.validationError === "function") {
         const validate = control.validationError as ValidationErrorFunction;
         const validationError = validate({ control, key, value });
-        if (validationError)
-          jsonpointer.set(validationErrors, key, validationError);
+        if (validationError) jsonpointer.set(errors, key, validationError);
       }
     });
 
-    if (Object.keys(validationErrors).length) {
-      setFormState({ loading: false, error: "", validationErrors });
+    if (Object.keys(errors).length) {
+      setFormState({ ...formState, loading: false, error: "", errors });
       // early return for validation errors
       return;
     }
 
-    console.log({ formData });
-
     setFormState({
+      ...formState,
       loading: true,
       error: "",
-      validationErrors: {},
     });
     const { email, password } = formData;
     delete formData.email;

From 7882d1869813426fb14cb9c833e3e63764fed1fa Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 23 Jan 2024 17:35:03 -0800
Subject: [PATCH 042/753] cleanup merge

---
 packages/mint-components/src/components.d.ts  |  2 --
 .../sqm-tax-form/sqm-tax-form-step-1-view.tsx | 23 ++++++++++++++-----
 .../tax-and-cash/sqm-tax-form/useTaxForm.tsx  | 14 ++++-------
 3 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 8953a29215..9808d54d3f 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -2847,7 +2847,6 @@ export namespace Components {
         "demoData"?: DemoData<UserNameViewProps>;
         "email": string;
         "firstName": string;
-        "indirectTaxNumber": string;
         "individualParticipant"?: string;
         "lastName": string;
         /**
@@ -6458,7 +6457,6 @@ declare namespace LocalJSX {
         "demoData"?: DemoData<UserNameViewProps>;
         "email"?: string;
         "firstName"?: string;
-        "indirectTaxNumber"?: string;
         "individualParticipant"?: string;
         "lastName"?: string;
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
index 19eeac79e2..8195346bae 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
@@ -11,7 +11,6 @@ export interface TaxFormStepOneProps {
       email?: string;
       countryCode?: string;
       currency?: string;
-      indirectTaxNumber?: string;
       allowBankingCollection?: boolean;
       participantType: "individualParticipant" | "businessEntity" | undefined;
       errors?: any;
@@ -27,7 +26,6 @@ export interface TaxFormStepOneProps {
     email: string;
     country: string;
     currency: string;
-    indirectTaxNumber: string;
     allowBankingCollection: string;
     step: string;
     stepOf: string;
@@ -225,15 +223,26 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
         />
         <div class={classes.CheckboxWrapper}>
           <p class={classes.BoldText}>{text.participantType}</p>
-          <sl-radio-group label="Select an option" name="a" value="3">
+          <sl-radio-group
+            label="Select an option"
+            name="/participantType"
+            value={formState.participantType}
+          >
             <div style={{ display: "flex", flexDirection: "column" }}>
               <sl-radio
-                value="individualParticipant"
+                name="/participantType"
                 exportparts="base: radio-base"
+                value="individualParticipant"
+                checked={formState.participantType === "individualParticipant"}
               >
                 {text.individualParticipant}
               </sl-radio>
-              <sl-radio value="businessEntity" exportparts="base: radio-base">
+              <sl-radio
+                // name="/participantType"
+                value="businessEntity"
+                exportparts="base: radio-base"
+                checked={formState.participantType === "businessEntity"}
+              >
                 {text.businessEntity}
               </sl-radio>
               {formState.errors?.participantType && (
@@ -246,8 +255,10 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
           <p class={classes.BoldText}> {text.taxAndBankingCollection}</p>
           <sl-checkbox
             exportparts="label: input-label"
-            value={formState.allowBankingCollection}
             checked={formState.allowBankingCollection === true}
+            onSl-change={(e) => {
+              e.target.value = e.target.checked;
+            }}
             disabled={states.loading}
             // Copied from edit form, may need to keep
             // {...(formState.errors?.allowBankingCollection &&
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
index 32eba3feae..1cd94a3659 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
@@ -178,17 +178,11 @@ export function useTaxForm(props: TaxForm) {
       loading: true,
       error: "",
     });
-    const { email, password } = formData;
-    delete formData.email;
-    delete formData.password;
-    delete formData.confirmPassword;
+
     formData = { ...formData };
 
-    const variables = {
-      email,
-      password,
-      formData,
-    };
+    console.log({ formData });
+
     // try {
     //   const result = await request(variables);
     //   if (result instanceof Error) {
@@ -207,7 +201,7 @@ export function useTaxForm(props: TaxForm) {
     //   });
     // }
 
-    setStep("/2");
+    // setStep("/2");
   }
 
   return {

From aa0a40a0bc04eb373cdd2560e05881663f4bd666 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 23 Jan 2024 17:51:20 -0800
Subject: [PATCH 043/753] Added slot views for step 3 of form

---
 .../small-views/DocusignWrapperView.tsx       |  96 +++++++++++
 .../small-views/SlotViews.stories.tsx         |  53 +++++-
 .../small-views/TaxFormSelectionView.tsx      | 112 +++++++++++++
 .../sqm-tax-form/sqm-tax-form-step-3-view.tsx | 158 ++++++++++++++++++
 4 files changed, 418 insertions(+), 1 deletion(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/DocusignWrapperView.tsx
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/TaxFormSelectionView.tsx
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-view.tsx

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/DocusignWrapperView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/DocusignWrapperView.tsx
new file mode 100644
index 0000000000..e783559141
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/DocusignWrapperView.tsx
@@ -0,0 +1,96 @@
+import { VNode, h } from "@stencil/core";
+import { createStyleSheet } from "../../../../styling/JSS";
+
+export interface DocusignWrapperSlotViewProps {
+  states: {
+    loading: boolean;
+    formState: {
+      docusignSlot: VNode;
+      completedTaxForm: boolean;
+      errors?: any;
+    };
+  };
+  callbacks: {
+    onChange: (e) => void;
+  };
+  text: {};
+}
+
+const style = {
+  Container: {
+    width: "100%",
+  },
+  RadioContainer: {
+    width: "100%",
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "16px",
+    padding: "16px",
+  },
+  DescriptionText: {
+    color: "var(--sl-color-neutral-500)",
+    lineHeight: "22px",
+  },
+  BoldText: {
+    fontWeight: "bold",
+  },
+};
+
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+
+const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+    * {
+       margin: 0;
+       padding: 0;
+       box-sizing: border-box;
+    }
+
+    sl-radio::part(base) {
+        align-items: flex-start;
+    }
+    sl-radio::part(label) {
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+        max-width: 600px;
+    }
+  `;
+
+export const DocusignWrapperSlotView = (
+  props: DocusignWrapperSlotViewProps
+) => {
+  const {
+    states,
+    states: { formState },
+    callbacks,
+    text,
+  } = props;
+
+  const { classes } = sheet;
+
+  return (
+    <div class={classes.Container}>
+      <style type="text/css">
+        {styleString}
+        {vanillaStyle}
+      </style>
+
+      <h5 class={classes.BoldText}>W9 Tax Form</h5>
+      <p>
+        Participants based in the US and partnering with US-based brands need to
+        submit a W9 form. <a href="#">Not based in the US?</a>
+      </p>
+      {formState.docusignSlot}
+
+      <p class={classes.BoldText}>Form submission</p>
+      <sl-checkbox checked={formState.completedTaxForm}>
+        I have completed and submitted my tax form
+      </sl-checkbox>
+    </div>
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
index 16e51ac4ec..ccd71e34ea 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
@@ -4,9 +4,17 @@ import {
   IndirectDetailsSlotViewProps,
 } from "./IndirectTaxDetailsView";
 import { indirectDetailsSlotText } from "../defaultTextCopy";
+import {
+  TaxFormSelectionSlotView,
+  TaxFormSelectionSlotViewProps,
+} from "./TaxFormSelectionView";
+import {
+  DocusignWrapperSlotView,
+  DocusignWrapperSlotViewProps,
+} from "./DocusignWrapperView";
 
 export default {
-  title: "Components/Slot Views",
+  title: "Components/Tax Form Slot Views",
 };
 
 const registeredInOtherRegion: IndirectDetailsSlotViewProps = {
@@ -45,6 +53,41 @@ const registeredInCanada: IndirectDetailsSlotViewProps = {
   },
 };
 
+const taxFormSelectionProps: TaxFormSelectionSlotViewProps = {
+  states: {
+    loading: false,
+    formState: {
+      selectedTaxForm: undefined,
+    },
+  },
+  callbacks: {
+    onChange: (e) => console.log(e),
+  },
+  text: {},
+};
+
+const docusignWrapperProps: DocusignWrapperSlotViewProps = {
+  states: {
+    loading: false,
+    formState: {
+      docusignSlot: (
+        <div
+          style={{
+            border: "1px dashed black",
+            width: "600px",
+            height: "600px",
+          }}
+        ></div>
+      ),
+      completedTaxForm: true,
+    },
+  },
+  callbacks: {
+    onChange: (e) => console.log(e),
+  },
+  text: {},
+};
+
 export const RegisteredInOtherRegion = () => {
   return <IndirectDetailsSlotView {...registeredInOtherRegion} />;
 };
@@ -52,3 +95,11 @@ export const RegisteredInOtherRegion = () => {
 export const RegisteredInCanada = () => {
   return <IndirectDetailsSlotView {...registeredInCanada} />;
 };
+
+export const TaxFormSelection = () => {
+  return <TaxFormSelectionSlotView {...taxFormSelectionProps} />;
+};
+
+export const DocusignWrapper = () => {
+  return <DocusignWrapperSlotView {...docusignWrapperProps} />;
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/TaxFormSelectionView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/TaxFormSelectionView.tsx
new file mode 100644
index 0000000000..d0cd57370b
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/TaxFormSelectionView.tsx
@@ -0,0 +1,112 @@
+import { VNode, h } from "@stencil/core";
+import { createStyleSheet } from "../../../../styling/JSS";
+
+export interface TaxFormSelectionSlotViewProps {
+  states: {
+    loading: boolean;
+    formState: {
+      selectedTaxForm: "w9" | "w8-ben" | "w8-ben-e" | undefined;
+      errors?: any;
+    };
+  };
+  callbacks: {
+    onChange: (e) => void;
+  };
+  text: {};
+}
+
+const style = {
+  Container: {
+    width: "100%",
+  },
+  RadioContainer: {
+    width: "100%",
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "16px",
+    padding: "16px",
+  },
+  DescriptionText: {
+    color: "var(--sl-color-neutral-500)",
+    lineHeight: "22px",
+  },
+  BoldText: {
+    fontWeight: "bold",
+  },
+};
+
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+
+const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+    * {
+       margin: 0;
+       padding: 0;
+       box-sizing: border-box;
+    }
+
+    sl-radio::part(base) {
+        align-items: flex-start;
+    }
+    sl-radio::part(label) {
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+        max-width: 600px;
+    }
+  `;
+
+export const TaxFormSelectionSlotView = (
+  props: TaxFormSelectionSlotViewProps
+) => {
+  const {
+    states,
+    states: { formState },
+    callbacks,
+    text,
+  } = props;
+
+  const { classes } = sheet;
+
+  return (
+    <form class={classes.Container}>
+      <style type="text/css">
+        {styleString}
+        {vanillaStyle}
+      </style>
+
+      <p class={classes.BoldText}>Select a tax form</p>
+
+      <sl-radio-group value={formState.selectedTaxForm}>
+        <div class={classes.RadioContainer}>
+          <sl-radio value="w9">
+            <p class={classes.BoldText}>W9</p>
+            <p class={classes.DescriptionText}>
+              W9 For participants based in the US, joining the referral program
+              of a US-based company.
+            </p>
+          </sl-radio>
+          <sl-radio value="w8-ben">
+            <p class={classes.BoldText}> W8-BEN</p>
+            <p class={classes.DescriptionText}>
+              W8-BEN For individuals residing outside of the US, joining the
+              referral program of a US-based company.
+            </p>
+          </sl-radio>
+          <sl-radio value="w8-ben-e">
+            <p class={classes.BoldText}>W8-BEN-E</p>
+            <p class={classes.DescriptionText}>
+              W8-BEN-E For participants residing outside of the US who represent
+              a business entity, joining the referral program of a US-based
+              company.
+            </p>
+          </sl-radio>
+        </div>
+      </sl-radio-group>
+    </form>
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-view.tsx
new file mode 100644
index 0000000000..6b22f0a5f9
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-view.tsx
@@ -0,0 +1,158 @@
+import { VNode, h } from "@stencil/core";
+import { createStyleSheet } from "../../../styling/JSS";
+
+export interface TaxFormStepThreeProps {
+  states: {
+    loading: boolean;
+    submitDisabled: boolean;
+    formState: {
+      formSubmisson: boolean;
+      errors?: any;
+    };
+    formSlot: VNode;
+  };
+  callbacks: {
+    onSubmit: (props: any) => void;
+    onBack: () => void;
+  };
+  text: {
+    step: string;
+    stepOf: string;
+    taxForm: string;
+    submitButton: string;
+    backButton: string;
+    error: {
+      formSubmittion: string;
+    };
+  };
+  refs: {
+    formRef: any;
+  };
+}
+
+const style = {
+  FormWrapper: {
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+  },
+  CheckboxContainer: {
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-xx-small)",
+  },
+  TitleContainer: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    gap: "var(--sl-spacing-small)",
+  },
+  TextContainer: {
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "24px",
+    paddingBottom: "16px",
+  },
+  BtnContainer: {
+    paddingTop: "36px",
+    display: "flex",
+    gap: "8px",
+  },
+  ErrorText: {
+    color: "var(--sl-color-danger-500)",
+    marginTop: "10px",
+  },
+  DescriptionText: {
+    color: "var(--sl-color-neutral-500)",
+  },
+  SecondaryBtn: {
+    "&::part(base)": {
+      color: "var(--sl-color-gray-800) !important",
+    },
+  },
+};
+
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+
+const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+    * {
+       margin: 0;
+       padding: 0;
+       box-sizing: border-box;
+    }
+
+    p {
+      line-height: 18px;
+      color: var(--sl-color-gray-800);
+       font-size: var(--sl-font-size-small);
+    }
+
+    sl-checkbox::part(control) {
+        border-radius: 50%;
+    }
+  `;
+
+export const TaxFormStepTwoView = (props: TaxFormStepThreeProps) => {
+  const {
+    states,
+    states: { formState },
+    callbacks,
+    text,
+    refs,
+  } = props;
+
+  const { classes } = sheet;
+
+  return (
+    <sl-form
+      class={classes.FormWrapper}
+      onSl-submit={callbacks.onSubmit}
+      ref={(el: HTMLFormElement) => (refs.formRef.current = el)}
+    >
+      <style type="text/css">
+        {styleString}
+        {vanillaStyle}
+      </style>
+      <div class={classes.TextContainer}>
+        <div>
+          <p>
+            {text.step} 3 {text.stepOf} 4
+          </p>
+          <h3>{text.taxForm}</h3>
+        </div>
+      </div>
+      {states.formSlot}
+      <div class={classes.BtnContainer}>
+        <sl-button
+          type="primary"
+          loading={states.loading}
+          disabled={states.submitDisabled}
+          submit
+          exportparts="base: primarybutton-base"
+        >
+          {text.submitButton}
+        </sl-button>
+        <sl-button
+          class={classes.SecondaryBtn}
+          type="text"
+          loading={states.loading}
+          disabled={states.submitDisabled}
+          onClick={() => {
+            callbacks.onBack();
+          }}
+          exportparts="base: secondarybutton-base"
+        >
+          {text.backButton}
+        </sl-button>
+      </div>
+    </sl-form>
+  );
+};

From 41711abde120dd3d9845c36060b70ef8f92ddd5f Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Fri, 26 Jan 2024 11:08:01 -0800
Subject: [PATCH 044/753] Added remaining stories

---
 .../sqm-tax-form/TaxForm.stories.tsx          | 45 ++++++++++++++++++-
 .../sqm-tax-form/defaultTextCopy.ts           | 12 +++++
 .../sqm-tax-form/sqm-tax-form-step-3-view.tsx | 16 ++-----
 3 files changed, 60 insertions(+), 13 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index c1b56c9495..d4e88cf581 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -12,10 +12,20 @@ import {
   TaxDocumentSubmittedView,
 } from "./sqm-tax-document-submitted-view";
 import {
+  DocusignWrapper,
   RegisteredInCanada,
   RegisteredInOtherRegion,
+  TaxFormSelection,
 } from "./small-views/SlotViews.stories";
-import { taxFormStepOneText, taxFormStepTwoText } from "./defaultTextCopy";
+import {
+  taxFormStepOneText,
+  taxFormStepThreeText,
+  taxFormStepTwoText,
+} from "./defaultTextCopy";
+import {
+  TaxFormStepThreeView,
+  TaxFormStepThreeViewProps,
+} from "./sqm-tax-form-step-3-view";
 
 export default {
   title: "Components/Tax Form",
@@ -152,6 +162,22 @@ const documentSubmittedExpiredProps: TaxDocumentSubmittedProps = {
   },
 };
 
+const stepThreeProps: TaxFormStepThreeViewProps = {
+  states: {
+    loading: false,
+    submitDisabled: false,
+    formState: {
+      formSubmisson: false,
+    },
+    formSlot: <DocusignWrapper />,
+  },
+  callbacks: {
+    onSubmit: (props: any) => console.log(props),
+    onBack: () => console.log("Back"),
+  },
+  text: taxFormStepThreeText,
+};
+
 // STEP ONE
 export const StepOne = () => {
   return <TaxFormStepOneView {...stepOneProps} />;
@@ -267,6 +293,23 @@ export const StepTwoNotRegisteredChecked = () => {
   );
 };
 
+// STEP THREE
+export const StepThreeWithDocusign = () => {
+  return <TaxFormStepThreeView {...stepThreeProps} />;
+};
+
+export const StepThreeWithFormSelector = () => {
+  return (
+    <TaxFormStepThreeView
+      {...stepThreeProps}
+      states={{
+        ...stepThreeProps.states,
+        formSlot: <TaxFormSelection />,
+      }}
+    />
+  );
+};
+
 export const TaxDocumentSubmittedActive = () => {
   return <TaxDocumentSubmittedView {...documentSubmittedActiveProps} />;
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
index 5300a413d1..6fa58e840e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
@@ -2,6 +2,7 @@ import { IndirectDetailsSlotViewProps } from "./small-views/IndirectTaxDetailsVi
 import { TaxFormStepOneProps } from "./sqm-tax-form-step-1-view";
 import { TaxDocumentSubmittedProps } from "./sqm-tax-document-submitted-view";
 import { TaxFormStepTwoProps } from "./sqm-tax-form-step-2-view";
+import { TaxFormStepThreeViewProps } from "./sqm-tax-form-step-3-view";
 
 export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
   selectedRegion: "Country / Region of Indirect Tax",
@@ -56,6 +57,17 @@ export const taxFormStepTwoText: TaxFormStepTwoProps["text"] = {
   },
 };
 
+export const taxFormStepThreeText: TaxFormStepThreeViewProps["text"] = {
+  step: "Step",
+  stepOf: "of",
+  taxForm: "Tax form",
+  backButton: "Back",
+  submitButton: "Continue",
+  error: {
+    formSubmission: "",
+  },
+};
+
 export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   status: {
     active: "Active",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-view.tsx
index 6b22f0a5f9..fb01752dc6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-view.tsx
@@ -1,7 +1,7 @@
 import { VNode, h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
 
-export interface TaxFormStepThreeProps {
+export interface TaxFormStepThreeViewProps {
   states: {
     loading: boolean;
     submitDisabled: boolean;
@@ -22,12 +22,9 @@ export interface TaxFormStepThreeProps {
     submitButton: string;
     backButton: string;
     error: {
-      formSubmittion: string;
+      formSubmission: string;
     };
   };
-  refs: {
-    formRef: any;
-  };
 }
 
 const style = {
@@ -100,23 +97,18 @@ const vanillaStyle = `
     }
   `;
 
-export const TaxFormStepTwoView = (props: TaxFormStepThreeProps) => {
+export const TaxFormStepThreeView = (props: TaxFormStepThreeViewProps) => {
   const {
     states,
     states: { formState },
     callbacks,
     text,
-    refs,
   } = props;
 
   const { classes } = sheet;
 
   return (
-    <sl-form
-      class={classes.FormWrapper}
-      onSl-submit={callbacks.onSubmit}
-      ref={(el: HTMLFormElement) => (refs.formRef.current = el)}
-    >
+    <sl-form class={classes.FormWrapper} onSl-submit={callbacks.onSubmit}>
       <style type="text/css">
         {styleString}
         {vanillaStyle}

From c7325b587b0a1ed74ff4757813cf3fe9d5b51013 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 26 Jan 2024 11:09:43 -0800
Subject: [PATCH 045/753] Hooks for steps 2-4

---
 packages/mint-components/src/components.d.ts  | 39 ++++++++++
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  3 +-
 .../sqm-docusign-form/useDocusignForm.tsx     | 61 ++++++++++++++--
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  2 +
 .../sqm-tax-form/TaxForm.stories.tsx          | 32 +++------
 .../sqm-tax-form/defaultTextCopy.ts           | 18 ++---
 .../sqm-tax-document-submitted-view.tsx       | 38 +++++-----
 .../sqm-tax-document-submitted.tsx            | 46 ++++++++++++
 .../sqm-tax-form/sqm-tax-form-step-2-view.tsx | 72 ++++++++++---------
 .../sqm-tax-form/sqm-tax-form-step-2.tsx      |  4 +-
 .../sqm-tax-form/useTaxDocumentSubmitted.tsx  | 25 +++++++
 .../sqm-tax-form/useTaxFormStepTwo.tsx        | 40 ++++++++---
 packages/mint-components/src/index.html       | 12 ++--
 13 files changed, 276 insertions(+), 116 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.tsx
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxDocumentSubmitted.tsx

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 8953a29215..cb003472a7 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -2835,6 +2835,21 @@ export namespace Components {
          */
         "demoData"?: DemoData<UserNameViewProps>;
     }
+    interface SqmTaxDocumentSubmitted {
+        "badgeTextAwaitingReview"?: string;
+        "badgeTextExpiredOn"?: string;
+        "badgeTextSubmittedOn"?: string;
+        "bankingInformationSectionHeader": string;
+        "newFormButton": string;
+        "statusTextActive"?: string;
+        "statusTextExpired"?: string;
+        "statusTextNotActive"?: string;
+        "statusTextNotVerified"?: string;
+        "taxAlertHeader"?: string;
+        "taxAlertMessage"?: string;
+        "taxDocumentSectionHeader": string;
+        "taxDocumentSectionSubHeader": string;
+    }
     interface SqmTaxForm {
         "allowBankingCollection": string;
         "businessEntity"?: string;
@@ -3528,6 +3543,12 @@ declare global {
         prototype: HTMLSqmTaxAndCashElement;
         new (): HTMLSqmTaxAndCashElement;
     };
+    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
+    }
+    var HTMLSqmTaxDocumentSubmittedElement: {
+        prototype: HTMLSqmTaxDocumentSubmittedElement;
+        new (): HTMLSqmTaxDocumentSubmittedElement;
+    };
     interface HTMLSqmTaxFormElement extends Components.SqmTaxForm, HTMLStencilElement {
     }
     var HTMLSqmTaxFormElement: {
@@ -3669,6 +3690,7 @@ declare global {
         "sqm-tabs": HTMLSqmTabsElement;
         "sqm-task-card": HTMLSqmTaskCardElement;
         "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
+        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
         "sqm-tax-form": HTMLSqmTaxFormElement;
         "sqm-tax-form-step-2": HTMLSqmTaxFormStep2Element;
         "sqm-text": HTMLSqmTextElement;
@@ -6446,6 +6468,21 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<UserNameViewProps>;
     }
+    interface SqmTaxDocumentSubmitted {
+        "badgeTextAwaitingReview"?: string;
+        "badgeTextExpiredOn"?: string;
+        "badgeTextSubmittedOn"?: string;
+        "bankingInformationSectionHeader"?: string;
+        "newFormButton"?: string;
+        "statusTextActive"?: string;
+        "statusTextExpired"?: string;
+        "statusTextNotActive"?: string;
+        "statusTextNotVerified"?: string;
+        "taxAlertHeader"?: string;
+        "taxAlertMessage"?: string;
+        "taxDocumentSectionHeader"?: string;
+        "taxDocumentSectionSubHeader"?: string;
+    }
     interface SqmTaxForm {
         "allowBankingCollection"?: string;
         "businessEntity"?: string;
@@ -6677,6 +6714,7 @@ declare namespace LocalJSX {
         "sqm-tabs": SqmTabs;
         "sqm-task-card": SqmTaskCard;
         "sqm-tax-and-cash": SqmTaxAndCash;
+        "sqm-tax-document-submitted": SqmTaxDocumentSubmitted;
         "sqm-tax-form": SqmTaxForm;
         "sqm-tax-form-step-2": SqmTaxFormStep2;
         "sqm-text": SqmText;
@@ -6783,6 +6821,7 @@ declare module "@stencil/core" {
             "sqm-tabs": LocalJSX.SqmTabs & JSXBase.HTMLAttributes<HTMLSqmTabsElement>;
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
+            "sqm-tax-document-submitted": LocalJSX.SqmTaxDocumentSubmitted & JSXBase.HTMLAttributes<HTMLSqmTaxDocumentSubmittedElement>;
             "sqm-tax-form": LocalJSX.SqmTaxForm & JSXBase.HTMLAttributes<HTMLSqmTaxFormElement>;
             "sqm-tax-form-step-2": LocalJSX.SqmTaxFormStep2 & JSXBase.HTMLAttributes<HTMLSqmTaxFormStep2Element>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 11c9218d84..a6f4b0c5ad 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -43,10 +43,9 @@ export class DocusignForm {
     // const props = isDemo() ? useUserNameDemo(this) : useUserName();
     const props = useDocusignForm(getProps(this));
 
-    console.log({ props });
-
     return (
       <Host>
+        <h2>{props.taxForm}</h2>
         {/* <TaxFormStepTwoView
           states={{
             loading: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index a13a985b1c..5086914515 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -3,6 +3,7 @@ import { useParent } from "../../../utils/useParentState";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
 import { DocusignForm } from "./sqm-docusign-form";
 import { useQuery, useUserIdentity } from "@saasquatch/component-boilerplate";
+import { useEffect, useState } from "@saasquatch/universal-hooks";
 
 const GET_USER_TAX_INFO = gql`
   query getUserTaxInfo($id: String!, $accountId: String!) {
@@ -15,15 +16,21 @@ const GET_USER_TAX_INFO = gql`
   }
 `;
 
+// TODO: Fill out when API is released
 const SUBMIT_TAX_INFO = gql`
   mutation submitTaxInfo ($vars: SubmitTaxInfoInput) {
-
   }
 `;
 
 export function useDocusignForm(props: DocusignForm) {
   const user = useUserIdentity();
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
+  const [showTypeForm, setShowTypeForm] = useState<boolean>(false);
+  const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
+  const [errors, setErrors] = useState({});
+  const [currentForm, setCurrentForm] = useState<"W9" | "W8-BEN" | "W8-BEN-E">(
+    null
+  );
 
   const variables = {
     id: user.id,
@@ -31,13 +38,55 @@ export function useDocusignForm(props: DocusignForm) {
   };
   const { data, loading } = useQuery(GET_USER_TAX_INFO, variables);
 
-  const countryCode = data?.getUserTaxInfo.countryCode;
-  const locationRadio = countryCode === "US" ? "US" : "OUTSIDE_US";
+  // TODO: Replace with real backend data
+  const { data: taxInfo, loading: taxInfoLoading } = {
+    data: {
+      taxForm: "W9" as const,
+      documentUrl: "https://example.com",
+    },
+    loading: false,
+  };
+
+  useEffect(() => {
+    if (!taxInfo?.taxForm) return;
+
+    setCurrentForm(taxInfo.taxForm);
+  }, [taxInfo]);
+
+  const onSubmit = () => {
+    if (!formSubmitted) {
+      setErrors({ submitCheckbox: true });
+      return;
+    }
+
+    setStep("/4");
+  };
+
+  const onFormTypeSubmit = (e) => {
+    let selectedFormType: string;
+    const controls = e.target.getFormControls();
+    controls.forEach((control) => {
+      if (control.value) {
+        selectedFormType = control.name;
+      }
+    });
+
+    // Refetch data for new form
+  };
 
   return {
-    step: step,
-    locationRadio,
-    setStep: setStep,
     text: { ...props },
+    errors,
+    step: step,
+    loading: loading || taxInfoLoading,
+    taxForm: currentForm,
+    documentUrl: taxInfo?.documentUrl,
+    formSubmitted,
+    showTypeForm,
+    setShowTypeForm,
+    onFormTypeSubmit,
+    setStep,
+    onSubmit,
+    toggleFormSubmitted: () => setFormSubmitted((x) => !x),
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 82b2425037..ff5fd935e5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -13,6 +13,8 @@ export type TaxContextType = {
 export function useTaxAndCash() {
   const host = useHost();
 
+  // TODO: Load tax document status info
+
   const [step, setStep] = useParentState<string>({
     host,
     namespace: TAX_CONTEXT_NAMESPACE,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index 3a20e8d5d2..aa909f504c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -84,12 +84,8 @@ const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    status: {
-      active: "Active",
-    },
-    badge: {
-      submittedOn: "Submitted On",
-    },
+    statusTextActive: "Active",
+    badgeTextSubmittedOn: "Submitted On",
     bankingInformationSectionHeader: "Banking Information",
     taxDocumentSectionHeader: "Tax Documents",
     taxAlertHeader:
@@ -108,12 +104,8 @@ const documentSubmittedNotVerifiedProps: TaxDocumentSubmittedProps = {
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    status: {
-      notVerified: "Not Verified",
-    },
-    badge: {
-      awaitingReview: "Awaiting Review. Submitted On",
-    },
+    statusTextNotVerified: "Not Verified",
+    badgeTextAwaitingReview: "Awaiting Review. Submitted On",
     bankingInformationSectionHeader: "Banking Information",
     taxDocumentSectionHeader: "Tax Documents",
     taxDocumentSectionSubHeader: "W9 Tax Documents",
@@ -128,12 +120,8 @@ const documentSubmittedNotActiveProps: TaxDocumentSubmittedProps = {
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    status: {
-      notActive: "Not Active",
-    },
-    badge: {
-      submittedOn: "Submitted On",
-    },
+    statusTextNotActive: "Not Active",
+    badgeTextSubmittedOn: "Submitted On",
     bankingInformationSectionHeader: "Banking Information",
     taxDocumentSectionHeader: "Tax Documents",
     taxAlertHeader:
@@ -152,12 +140,8 @@ const documentSubmittedExpiredProps: TaxDocumentSubmittedProps = {
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    status: {
-      expired: "Expired",
-    },
-    badge: {
-      expiredOn: "Expired On",
-    },
+    statusTextExpired: "Expired",
+    badgeTextSubmittedOn: "Expired On",
     bankingInformationSectionHeader: "Banking Information",
     taxDocumentSectionHeader: "Tax Documents",
     taxAlertHeader: "Your W8-BEN-E tax form has expired. ",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
index ccbfdc694a..2dac13781d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
@@ -37,17 +37,13 @@ export const taxFormStepOneText: TaxFormStepOneProps["text"] = {
 };
 
 export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
-  status: {
-    active: "Active",
-    notActive: "Not Active",
-    notVerified: "Not Verified",
-    expired: "Expired",
-  },
-  badge: {
-    submittedOn: "Submitted on",
-    awaitingReview: "Awaiting review. Submitted on",
-    expiredOn: "Expired on",
-  },
+  statusTextActive: "Active",
+  statusTextNotActive: "Not Active",
+  statusTextNotVerified: "Not Verified",
+  statusTextExpired: "Expired",
+  badgeTextSubmittedOn: "Submitted on",
+  badgeTextAwaitingReview: "Awaiting review. Submitted on",
+  badgeTextExpiredOn: "Expired on",
   taxAlertHeader:
     "Your {documentType} tax form has personal information that doesn't match your profile.",
   taxAlertMessage: "Please resubmit a new {documentType} form.",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx
index be8717fc2a..b39cb5ee05 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx
@@ -11,21 +11,17 @@ export interface TaxDocumentSubmittedProps {
   };
   callbacks: { onClick: (props: any) => void };
   text: {
-    status: {
-      active?: string;
-      notActive?: string;
-      notVerified?: string;
-      expired?: string;
-    };
-    badge: {
-      submittedOn?: string;
-      awaitingReview?: string;
-      expiredOn?: string;
-    };
-    bankingInformationSectionHeader: string;
-    taxDocumentSectionHeader: string;
+    statusTextActive?: string;
+    statusTextNotActive?: string;
+    statusTextNotVerified?: string;
+    statusTextExpired?: string;
+    badgeTextSubmittedOn?: string;
+    badgeTextAwaitingReview?: string;
+    badgeTextExpiredOn?: string;
     taxAlertHeader?: string;
     taxAlertMessage?: string;
+    bankingInformationSectionHeader: string;
+    taxDocumentSectionHeader: string;
     taxDocumentSectionSubHeader: string;
     newFormButton: string;
   };
@@ -70,40 +66,40 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
     NOT_VERIFIED: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
         <sl-badge type="info" pill class={sheet.classes.BadgeContainer}>
-          {text.status.notVerified}
+          {text.statusTextNotVerified}
         </sl-badge>
         <p>
-          {text.badge.awaitingReview} {states.dateSubmitted}
+          {text.badgeTextAwaitingReview} {states.dateSubmitted}
         </p>
       </div>
     ),
     ACTIVE: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
         <sl-badge type="success" pill class={sheet.classes.BadgeContainer}>
-          {text.status.active}
+          {text.statusTextActive}
         </sl-badge>
         <p>
-          {text.badge.submittedOn} {states.dateSubmitted}
+          {text.badgeTextSubmittedOn} {states.dateSubmitted}
         </p>
       </div>
     ),
     NOT_ACTIVE: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
         <sl-badge type="danger" pill class={sheet.classes.BadgeContainer}>
-          {text.status.notActive}
+          {text.statusTextNotActive}
         </sl-badge>
         <p>
-          {text.badge.submittedOn} {states.dateSubmitted}
+          {text.badgeTextSubmittedOn} {states.dateSubmitted}
         </p>
       </div>
     ),
     EXPIRED: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
         <sl-badge type="danger" pill class={sheet.classes.BadgeContainer}>
-          {text.status.expired}
+          {text.statusTextExpired}
         </sl-badge>
         <p>
-          {text.badge.expiredOn} {states.dateSubmitted}
+          {text.badgeTextExpiredOn} {states.dateExpired}
         </p>
       </div>
     ),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.tsx
new file mode 100644
index 0000000000..0861b83753
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.tsx
@@ -0,0 +1,46 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Host, Prop, h } from "@stencil/core";
+import { useTaxDocumentSubmitted } from "./useTaxDocumentSubmitted";
+import { getProps } from "../../../utils/utils";
+import { TaxDocumentSubmittedView } from "./sqm-tax-document-submitted-view";
+import { taxFormDocumentSubmittedText as defaults } from "./defaultTextCopy";
+
+@Component({ tag: "sqm-tax-document-submitted", shadow: true })
+export class TaxDocumentSubmitted {
+  @Prop() statusTextActive?: string = defaults.statusTextActive;
+  @Prop() statusTextNotActive?: string = defaults.statusTextNotActive;
+  @Prop() statusTextNotVerified?: string = defaults.statusTextNotVerified;
+  @Prop() statusTextExpired?: string = defaults.statusTextExpired;
+  @Prop() badgeTextSubmittedOn?: string = defaults.badgeTextSubmittedOn;
+  @Prop() badgeTextAwaitingReview?: string = defaults.badgeTextAwaitingReview;
+  @Prop() badgeTextExpiredOn?: string = defaults.badgeTextExpiredOn;
+  @Prop() taxAlertHeader?: string = defaults.taxAlertHeader;
+  @Prop() taxAlertMessage?: string = defaults.taxAlertMessage;
+  @Prop() bankingInformationSectionHeader: string =
+    defaults.bankingInformationSectionHeader;
+
+  @Prop() taxDocumentSectionHeader: string = defaults.taxDocumentSectionHeader;
+  @Prop() taxDocumentSectionSubHeader: string =
+    defaults.taxDocumentSectionSubHeader;
+  @Prop() newFormButton: string = defaults.newFormButton;
+
+  constructor() {
+    withHooks(this);
+  }
+
+  disconnectedCallback() {}
+
+  render() {
+    const props = useTaxDocumentSubmitted(getProps(this));
+
+    return (
+      <Host>
+        <TaxDocumentSubmittedView
+          callbacks={props.callbacks}
+          states={props.states}
+          text={props.text}
+        />
+      </Host>
+    );
+  }
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
index 71257f77b0..1f8ab13d90 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
@@ -140,39 +140,43 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
         </div>
       </div>
       <div class={classes.CheckboxContainer}>
-        <sl-radio-group name="a" value={formState.checked}>
-          <div style={{ display: "flex", flexDirection: "column" }}>
-            <sl-radio
-              value="hstCanada"
-              exportparts="base: radio-base"
-              id="hstCanada"
-              name="hstCanada"
-            >
-              {text.hstCanada}
-            </sl-radio>
-            {formState.checked === "hstCanada" &&
-              states.registeredInCanadaDetailsSlot}
-            <sl-radio
-              value="otherRegion"
-              id="otherRegion"
-              exportparts="base: radio-base"
-              name="otherRegion"
-            >
-              {text.otherRegion}
-            </sl-radio>
-            {formState.checked === "otherRegion" &&
-              states.registeredInDifferentCountryDetailsSlot}
-
-            <sl-radio
-              value="notRegistered"
-              id="notRegistered"
-              exportparts="base: radio-base"
-              name="notRegistered"
-            >
-              {text.notRegistered}
-            </sl-radio>
-          </div>
-        </sl-radio-group>
+        <sl-checkbox
+          exportparts="label: input-label"
+          value={formState.checked === "hstCanada"}
+          checked={formState.checked === "hstCanada"}
+          onInput={() => callbacks.onChange("hstCanada")}
+          disabled={states.loading}
+          id="hstCanada"
+          name="/hstCanada"
+        >
+          {text.hstCanada}
+        </sl-checkbox>
+        {formState.checked === "hstCanada" &&
+          states.registeredInCanadaDetailsSlot}
+        <sl-checkbox
+          exportparts="label: input-label"
+          value={formState.checked === "otherRegion"}
+          checked={formState.checked === "otherRegion"}
+          onInput={() => callbacks.onChange("otherRegion")}
+          disabled={states.loading}
+          id="otherRegion"
+          name="/otherRegion"
+        >
+          {text.otherRegion}
+        </sl-checkbox>
+        {formState.checked === "otherRegion" &&
+          states.registeredInDifferentCountryDetailsSlot}
+        <sl-checkbox
+          exportparts="label: input-label"
+          value={formState.checked === "notRegistered"}
+          checked={formState.checked === "notRegistered"}
+          onInput={() => callbacks.onChange("notRegistered")}
+          disabled={states.loading}
+          id="notRegistered"
+          name="/notRegistered"
+        >
+          {text.notRegistered}
+        </sl-checkbox>
       </div>
       <div class={classes.BtnContainer}>
         <sl-button
@@ -188,7 +192,7 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
           class={classes.SecondaryBtn}
           type="text"
           loading={states.loading}
-          disabled={states.submitDisabled}
+          // disabled={states.submitDisabled}
           onClick={() => {
             callbacks.onBack();
           }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.tsx
index 4fe8a0702b..e681c95de7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.tsx
@@ -55,14 +55,14 @@ export class TaxFormStepTwo {
       <Host>
         <TaxFormStepTwoView
           callbacks={{
-            onBack: () => {},
+            onBack: props.onBack,
             onChange: props.setOption,
             onSubmit: props.onSubmit,
           }}
           states={{
             formState: { checked: props.option },
             loading: props.loading,
-            submitDisabled: props.loading,
+            submitDisabled: props.loading || props.submitDisabled,
             registeredInCanadaDetailsSlot: sharedSlot,
             registeredInDifferentCountryDetailsSlot: sharedSlot,
           }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxDocumentSubmitted.tsx
new file mode 100644
index 0000000000..0d4b3017b0
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxDocumentSubmitted.tsx
@@ -0,0 +1,25 @@
+import { DateTime } from "luxon";
+import { useParent } from "../../../utils/useParentState";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
+
+export const useTaxDocumentSubmitted = (props: any) => {
+  const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
+
+  // TODO: Fetch document status from backend
+
+  const dateSubmitted = Date.now();
+
+  return {
+    states: {
+      dateSubmitted:
+        DateTime.fromMillis(dateSubmitted).toFormat("LLL dd, yyyy"),
+      documentType: "W9" as const,
+      status: "NOT_VERIFIED",
+    },
+    callbacks: {
+      // Need a way to redirect to the document type select form
+      onClick: () => setStep("/3"),
+    },
+    text: props,
+  };
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
index 55f40bb990..b53f7f32ec 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
@@ -1,9 +1,9 @@
-import { setUserIdentity, useQuery } from "@saasquatch/component-boilerplate";
-import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
-import { useParent } from "../../../utils/useParentState";
-import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
+import { useQuery } from "@saasquatch/component-boilerplate";
+import { useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
+import { useParent } from "../../../utils/useParentState";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
 
 const GET_COUNTRIES = gql`
   query getCurrencies {
@@ -18,13 +18,17 @@ const GET_COUNTRIES = gql`
 
 export function useTaxFormStepTwo(props: any) {
   const formRef = useRef<HTMLFormElement>(null);
+  const [loading, setLoading] = useState(false);
   const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
   const [option, setOption] = useState<
     "hstCanada" | "otherRegion" | "notRegistered"
   >(null);
   const [errors, setErrors] = useState({});
 
-  const { data: _countries, loading } = useQuery(GET_COUNTRIES, {});
+  const { data: _countries, loading: countriesLoading } = useQuery(
+    GET_COUNTRIES,
+    {}
+  );
   const countries = _countries?.countries.data;
 
   /**** DEMO DATA */
@@ -53,9 +57,15 @@ export function useTaxFormStepTwo(props: any) {
   // }, []);
   /*** */
 
-  const onSubmit = (event: any) => {
-    let formData: Record<string, string> = {};
+  const onSubmit = async (event: any) => {
+    if (!option) {
+      setErrors({ taxOption: true });
+      return;
+    }
+
+    let formData: Record<string, string> = { taxOption: option };
     let validationErrors: Record<string, string> = {};
+
     const controls = event.target.getFormControls();
     const optionFields = ["hstCanada", "otherRegion", "notRegistered"];
     controls.forEach((control) => {
@@ -63,6 +73,7 @@ export function useTaxFormStepTwo(props: any) {
 
       const key = control.name;
       const value = control.value;
+      console.log({ key, value });
       JSONPointer.set(formData, key, value);
 
       if (control.required && !value) {
@@ -70,27 +81,34 @@ export function useTaxFormStepTwo(props: any) {
       }
     });
 
-    if (!option) JSONPointer.set(validationErrors, "taxOption", true);
-
     if (Object.keys(validationErrors).length) {
       setErrors(validationErrors);
     }
 
     console.log({ formData });
 
+    setLoading(true);
     try {
       // Backend request
-      // setStep("/3");
+      setStep("/3");
     } catch (e) {
       setErrors({ graphqlError: true });
+    } finally {
+      setLoading(false);
     }
   };
 
+  const onBack = () => {
+    setStep("/1");
+  };
+
   return {
-    loading,
+    loading: loading || countriesLoading,
     countries,
     text: props,
+    onBack,
     onSubmit,
+    submitDisabled: !option,
     option,
     setOption,
     formRef,
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 7885b37c59..04b18bc9bc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,8 +12,8 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash>
       <template path="/1">
         <sqm-tax-form />
       </template>
@@ -23,10 +23,12 @@
       <template path="/3">
         <sqm-docusign-form />
       </template>
-      <template path="/4">
+      <!-- <template path="/4">
         <sqm-cash-form />
+      </template> -->
+      <template path="/4">
+        <sqm-tax-document-submitted />
       </template>
-      <template path="/5">confirmation screen</template>
-    </sqm-tax-and-cash> -->
+    </sqm-tax-and-cash>
   </body>
 </html>

From 6690e45617a7014957fbd7ba6fafa7aaeff23d57 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 26 Jan 2024 13:46:56 -0800
Subject: [PATCH 046/753] Added PayoutDetailsCard and stories. Have placeholder
 data for now

---
 .../sqm-stencilbook/sqm-stencilbook.tsx       |   2 +
 .../PayoutDetailsCard.stories.tsx             | 121 +++++++++
 .../sqm-payout-details-card.tsx               | 231 ++++++++++++++++++
 .../sqm-tax-document-submitted-view.tsx       |  33 ++-
 .../sqm-tax-form/sqm-tax-form.tsx             |   1 +
 packages/mint-components/src/index.html       |   6 +-
 6 files changed, 383 insertions(+), 11 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx

diff --git a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
index 54cf24ea6f..531e407022 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
+++ b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
@@ -79,6 +79,7 @@ import * as TaxForm from "../tax-and-cash/sqm-tax-form/TaxForm.stories";
 import * as TaxFormSlots from "../tax-and-cash/sqm-tax-form/small-views/SlotViews.stories";
 import * as RadioCard from "../sqm-radio-card/RadioCard.stories";
 import * as ProgressBar from "../sqm-task-card/progress-bar/ProgressBar.stories";
+import * as PayoutDetailsCard from "../tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories";
 
 import * as Themes from "./Themes";
 import { CucumberAddon } from "./CucumberAddon";
@@ -164,6 +165,7 @@ const stories = [
   RadioCard,
   ProgressBar,
   TaxFormSlots,
+  PayoutDetailsCard,
 ];
 
 /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
new file mode 100644
index 0000000000..9cafad5bf1
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
@@ -0,0 +1,121 @@
+import { h } from "@stencil/core";
+import { PayoutDetailsCardView, PayoutDetailsCardViewProps } from "./sqm-payout-details-card";
+
+export default {
+    title: "Components/Payout Details Card",
+  };
+  
+  const defaultProps: PayoutDetailsCardViewProps = {
+    loading: false,
+    empty: false,
+    otherCurrencies: false,
+    mainCurrency: { currencyText: "USD", amountText: "100.00" },
+    status: "upcoming",
+    pendingStatusBadgeText: "Pending",
+    upcomingStatusBadgeText: "Upcoming",
+    nextPayoutStatusBadgeText: "Next payout",
+    pendingDetailedStatusText: "Check rewards table for available date",
+    upcomingDetailedStatusText: "November 1, 2022",
+    nextPayoutDetailedStatusText: "November 1, 2022",
+    otherCurrenciesText: "other currencies",
+    w9PendingText: "Awaiting W-9 tax form",
+    w9Pending: undefined,
+    hasDatePending: true,
+    hasW9Pending: false,
+  };
+  
+  const currencyList = [
+    { amountText: "15.92", currencyText: "CAD" },
+    { amountText: "12.92", currencyText: "EUR" },
+    { amountText: "10.92", currencyText: "GBP" },
+    { amountText: "10.92", currencyText: "AED" },
+  ];
+  
+  export const Upcoming = () => {
+    return <PayoutDetailsCardView {...defaultProps} />;
+  };
+
+  export const Loading = () => {
+    return <PayoutDetailsCardView {...{ ...defaultProps, loading: true }} />;
+  };
+  
+  export const Empty = () => {
+    return <PayoutDetailsCardView {...{ ...defaultProps, empty: true }} />;
+  };
+  
+  export const NextPayout = () => {
+    return (
+      <PayoutDetailsCardView
+        {...{
+          ...defaultProps,
+          status: "next payout",
+        }}
+      />
+    );
+  };
+  
+  export const Pending = () => {
+    return (
+      <PayoutDetailsCardView
+        {...{
+          ...defaultProps,
+          status: "pending",
+        }}
+      />
+    );
+  };
+  
+  export const OtherCurrencies = () => {
+    return (
+      <PayoutDetailsCardView
+        {...{
+          ...defaultProps,
+          otherCurrencies: currencyList,
+        }}
+      />
+    );
+  };
+  
+  export const W9OnlyPending = () => {
+    return (
+      <PayoutDetailsCardView
+        {...{
+          ...defaultProps,
+          status: "pending",
+          hasDatePending: false,
+          hasW9Pending: true,
+          w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
+        }}
+      />
+    );
+  };
+  
+  export const DateOnlyPending = () => {
+    return (
+      <PayoutDetailsCardView
+        {...{
+          ...defaultProps,
+          status: "pending",
+          hasDatePending: true,
+          hasW9Pending: false,
+          otherCurrencies: currencyList,
+          w9Pending: undefined,
+        }}
+      />
+    );
+  };
+  
+  export const CombinedPending = () => {
+    return (
+      <PayoutDetailsCardView
+        {...{
+          ...defaultProps,
+          status: "pending",
+          hasDatePending: true,
+          hasW9Pending: true,
+          w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
+        }}
+      />
+    );
+  };
+  
\ No newline at end of file
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
new file mode 100644
index 0000000000..fadef3bb42
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -0,0 +1,231 @@
+import { h } from "@stencil/core";
+import { createStyleSheet } from "../../../styling/JSS";
+
+export type currencyAmount = {
+  amountText: string;
+  currencyText: string;
+};
+
+export interface PayoutDetailsCardViewProps {
+  loading?: boolean;
+  mainCurrency: currencyAmount;
+  status: "pending" | "upcoming" | "next payout";
+  pendingStatusBadgeText: string;
+  upcomingStatusBadgeText: string;
+  nextPayoutStatusBadgeText: string;
+  pendingDetailedStatusText: string;
+  upcomingDetailedStatusText: string;
+  nextPayoutDetailedStatusText: string;
+  otherCurrencies: currencyAmount[] | boolean;
+  w9Pending?: currencyAmount[];
+  w9PendingText: string;
+  otherCurrenciesText: string;
+  empty?: boolean;
+  hasW9Pending?: boolean;
+  hasDatePending?: boolean;
+  additionalW9Text?: string;
+}
+
+const statusMap = {
+  pending: "warning",
+  upcoming: "success",
+  "next payout": "success",
+};
+
+const style = {
+  Container: {
+    display: "grid",
+    gridTemplateColumns: "1fr",
+    gridGap: "var(--sl-spacing-large)",
+    background: "var(--sl-color-neutral-0)",
+    boxShadow: "0px 2px 4px rgba(28, 28, 33, 0.12)",
+    borderRadius: "4px",
+    padding: "var(--sl-spacing-large)",
+    minHeight: "150px",
+    border: "1px solid var(--sl-color-gray-200)",
+  },
+  StatusContainer: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+  },
+  MainCurrencyLabel: {
+    fontWeight: "var(--sl-font-weight-normal)",
+    color: "var(--sl-color-gray-500)",
+  },
+  MainCurrency: {
+    margin: 0,
+    fontSize: "32px",
+    width: "auto",
+  },
+  SubduedRegularText: {
+    fontSize: "var(--sl-font-size-small)",
+    color: "var(--sl-color-gray-500)",
+    margin: 0,
+    width: "auto",
+  },
+  CurrenciesContainer: {
+    display: "grid",
+    width: "auto",
+    gridTemplateColumns: "1fr 1fr 1fr",
+    gap: "var(--sl-spacing-xx-small) var(--sl-spacing-small)",
+    paddingTop: "var(--sq-spacing-xx-small)",
+    "& > :not(:last-child)": {
+      borderRight: "1px solid var(--sl-color-gray-200)",
+    },
+    "& > :nth-child(3)": {
+      border: "none",
+    },
+  },
+  CurrencyContainer: {
+    paddingRight: "var(--sl-spacing-small)",
+    gap: "var(--sl-spacing-small)",
+  },
+  SubCurrencyText: {
+    fontWeight: "var(--sl-font-weight-bold)",
+    fontSize: "var(--sl-font-size-large)",
+    margin: "0",
+  },
+  W9Container: {
+    paddingTop: "var(--sl-spacing-large)",
+    borderTop: "1px solid var(--sl-color-gray-200)",
+  },
+  SkeletonOne: {
+    width: "25%",
+    height: "16px",
+  },
+  SkeletonTwo: {
+    width: "25%",
+    height: "24px",
+  },
+  SkeletonThree: {
+    width: "50%",
+    height: "34px",
+  },
+};
+
+type Currency = {
+  amountText: string;
+  currencyText: string;
+};
+
+export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
+  const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
+  const { classes } = sheet;
+
+  const currencyList = (currencies: Currency[]) => {
+    return (
+      <div class={classes.CurrenciesContainer}>
+        {" "}
+        {currencies?.map((currency) => {
+          return (
+            <div class={classes.CurrencyContainer}>
+              <p class={classes.SubCurrencyText}>{currency?.amountText}{currency?.currencyText}</p>
+            </div>
+          );
+        })}{" "}
+      </div>
+    );
+  };
+
+  const {
+    loading,
+    mainCurrency,
+    status,
+    otherCurrencies,
+    otherCurrenciesText,
+    pendingStatusBadgeText,
+    upcomingStatusBadgeText,
+    nextPayoutStatusBadgeText,
+    pendingDetailedStatusText,
+    upcomingDetailedStatusText,
+    nextPayoutDetailedStatusText,
+    w9Pending,
+    w9PendingText,
+    empty,
+    hasDatePending,
+    hasW9Pending,
+  } = props;
+
+  const badgeText = {
+    pending: pendingStatusBadgeText,
+    upcoming: upcomingStatusBadgeText,
+    "next payout": nextPayoutStatusBadgeText,
+  };
+
+  const statusText = {
+    pending: pendingDetailedStatusText,
+    upcoming: upcomingDetailedStatusText,
+    "next payout": nextPayoutDetailedStatusText,
+  };
+
+  return (
+    <div>
+      <style type="text/css">{styleString}</style>
+      <div class={classes.Container}>
+        {loading ? (
+          <div class={classes.StatusContainer}>
+            <sl-skeleton class={classes.SkeletonOne}></sl-skeleton>{" "}
+            <sl-skeleton class={classes.SkeletonTwo}></sl-skeleton>
+          </div>
+        ) : (
+          <div class={classes.StatusContainer}>
+            <p class={classes.SubduedRegularText}>
+              {empty && status === "pending"
+                ? ""
+                : status !== "pending"
+                ? statusText[status]
+                : hasDatePending
+                ? statusText["pending"]
+                : w9PendingText}
+            </p>
+            <sl-badge pill type={statusMap[status]}>
+              {badgeText[status]}
+            </sl-badge>
+          </div>
+        )}
+        {loading ? (
+          <sl-skeleton class={classes.SkeletonThree}></sl-skeleton>
+        ) : empty ? (
+          <h1 class={classes.MainCurrency}>No rewards</h1>
+        ) : (
+          <h1 class={classes.MainCurrency}>
+            {hasDatePending || status !== "pending"
+              ? mainCurrency?.amountText
+              : w9Pending?.[0]?.amountText}
+              {" "}
+              {mainCurrency.currencyText}
+          </h1>
+        )}
+        {otherCurrencies !== undefined &&
+          otherCurrencies !== false &&
+          !loading && (
+            <div>
+              <p
+                class={classes.SubduedRegularText}
+                style={{ fontSize: "var(--sl-font-size-x-small)" }}
+              >
+                + {otherCurrenciesText}
+              </p>
+              {currencyList(otherCurrencies as Currency[])}
+            </div>
+          )}
+        {hasW9Pending && status === "pending" && hasDatePending && !loading && (
+          <div class={classes.W9Container}>
+            <p class={classes.SubduedRegularText}>{w9PendingText}</p>
+            {currencyList(w9Pending!)}
+          </div>
+        )}
+        <div style={{ display: "flex", gap: "var(--sl-spacing-small)"}}>
+          <span>
+          Card ***2381
+          </span>
+          <span>
+          Bank Name
+          </span>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx
index be8717fc2a..94abc73c56 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx
@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
 import { intl } from "../../../global/global";
+import { PayoutDetailsCardView, PayoutDetailsCardViewProps } from "../sqm-payout-details-card/sqm-payout-details-card";
 
 export interface TaxDocumentSubmittedProps {
   states: {
@@ -38,7 +39,9 @@ const style = {
       borderTop: "none",
     },
   },
-  BankingInformationContainer: {},
+  BankingInformationContainer: {
+    maxWidth: "700px"
+  },
   TaxDocumentsContainer: {
     marginTop: "var(--sl-spacing-x-large)",
     borderTop: "1px solid var(--sl-color-neutral-200)",
@@ -66,6 +69,26 @@ const styleString = sheet.toString();
 export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
   const { states, text, callbacks } = props;
 
+  // AL: Not sure what states will be yet, placeholder for now
+  const testDetailsCardProps: PayoutDetailsCardViewProps = {
+    loading: false,
+    empty: false,
+    otherCurrencies: false,
+    mainCurrency: { currencyText: "USD", amountText: "100.00" },
+    status: "upcoming",
+    pendingStatusBadgeText: "Pending",
+    upcomingStatusBadgeText: "Upcoming",
+    nextPayoutStatusBadgeText: "Next payout",
+    pendingDetailedStatusText: "Check rewards table for available date",
+    upcomingDetailedStatusText: "November 1, 2022",
+    nextPayoutDetailedStatusText: "November 1, 2022",
+    otherCurrenciesText: "other currencies",
+    w9PendingText: "Awaiting W-9 tax form",
+    w9Pending: undefined,
+    hasDatePending: true,
+    hasW9Pending: false,
+  };
+
   const statusMap = {
     NOT_VERIFIED: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
@@ -173,13 +196,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         <h3>{text.bankingInformationSectionHeader}</h3>
         <div class={sheet.classes.BankingInformationContainer}>
           {/* AL: Placeholder for banking information. TBD with design with what belongs here */}
-          <div
-            style={{
-              width: "700px",
-              height: "150px",
-              border: "1px dotted gray",
-            }}
-          ></div>
+          <PayoutDetailsCardView {...testDetailsCardProps}/>
         </div>
       </div>
       <div class={sheet.classes.TaxDocumentsContainer}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
index d4ecd40ba3..a576407b99 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
@@ -99,6 +99,7 @@ export class TaxForm {
           states={{
             loading: props.loading,
             submitDisabled: false,
+            //@ts-ignore
             formState: props.formState,
           }}
           callbacks={{
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 0625d1b2d3..7885b37c59 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,8 +12,8 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash>
       <template path="/1">
         <sqm-tax-form />
       </template>
@@ -27,6 +27,6 @@
         <sqm-cash-form />
       </template>
       <template path="/5">confirmation screen</template>
-    </sqm-tax-and-cash>
+    </sqm-tax-and-cash> -->
   </body>
 </html>

From a50e685618afaf6d2d7e1fa56d7fd9b97cc661c0 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 26 Jan 2024 13:50:39 -0800
Subject: [PATCH 047/753] fix to step 2 radios

---
 .../tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx     | 3 +++
 .../components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx | 1 +
 2 files changed, 4 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
index b1a7b68b4c..9c6dee96e5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
@@ -150,6 +150,7 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
           <sl-checkbox
             exportparts="label: input-label"
             checked={formState.checked === "hstCanada"}
+            onInput={() => callbacks.onChange("hstCanada")}
             disabled={states.loading}
             id="hstCanada"
             name="/hstCanada"
@@ -161,6 +162,7 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
           <sl-checkbox
             exportparts="label: input-label"
             checked={formState.checked === "otherRegion"}
+            onInput={() => callbacks.onChange("otherRegion")}
             disabled={states.loading}
             id="otherRegion"
             name="/otherRegion"
@@ -172,6 +174,7 @@ export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
           <sl-checkbox
             exportparts="label: input-label"
             checked={formState.checked === "notRegistered"}
+            onInput={() => callbacks.onChange("notRegistered")}
             disabled={states.loading}
             id="notRegistered"
             name="/notRegistered"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
index b53f7f32ec..1764115b8b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
@@ -106,6 +106,7 @@ export function useTaxFormStepTwo(props: any) {
     loading: loading || countriesLoading,
     countries,
     text: props,
+    errors,
     onBack,
     onSubmit,
     submitDisabled: !option,

From 730dbdbc268e7db55202da9c2d27e055391eff82 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Fri, 26 Jan 2024 14:18:54 -0800
Subject: [PATCH 048/753] Add banner

---
 .../sqm-tax-form/TaxForm.stories.tsx          |  51 +++--
 .../small-views/DocusignWrapperView.tsx       |  31 ++-
 .../small-views/SlotViews.stories.tsx         |  43 ----
 .../sqm-tax-form-step-3-a-view.tsx            | 215 ++++++++++++++++++
 .../sqm-tax-form-step-3-b-view.tsx            | 189 +++++++++++++++
 5 files changed, 466 insertions(+), 63 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-a-view.tsx
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-b-view.tsx

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index 4eea876031..c10df64560 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -12,10 +12,8 @@ import {
   TaxDocumentSubmittedView,
 } from "./sqm-tax-document-submitted-view";
 import {
-  DocusignWrapper,
   RegisteredInCanada,
   RegisteredInOtherRegion,
-  TaxFormSelection,
 } from "./small-views/SlotViews.stories";
 import {
   taxFormStepOneText,
@@ -26,6 +24,14 @@ import {
   TaxFormStepThreeView,
   TaxFormStepThreeViewProps,
 } from "./sqm-tax-form-step-3-view";
+import {
+  TaxFormStepThreeBView,
+  TaxFormStepThreeBViewProps,
+} from "./sqm-tax-form-step-3-b-view";
+import {
+  TaxFormStepThreeAView,
+  TaxFormStepThreeAViewProps,
+} from "./sqm-tax-form-step-3-a-view";
 
 export default {
   title: "Components/Tax Form",
@@ -146,14 +152,39 @@ const documentSubmittedExpiredProps: TaxDocumentSubmittedProps = {
   },
 };
 
-const stepThreeProps: TaxFormStepThreeViewProps = {
+const stepThreeAProps: TaxFormStepThreeAViewProps = {
   states: {
     loading: false,
     submitDisabled: false,
     formState: {
       formSubmisson: false,
+      completedTaxForm: true,
+    },
+    docusignSlot: (
+      <div
+        style={{
+          border: "1px dashed black",
+          width: "600px",
+          height: "600px",
+        }}
+      ></div>
+    ),
+  },
+  callbacks: {
+    onSubmit: (props: any) => console.log(props),
+    onBack: () => console.log("Back"),
+  },
+  text: taxFormStepThreeText,
+};
+
+const stepThreeBProps: TaxFormStepThreeBViewProps = {
+  states: {
+    loading: false,
+    submitDisabled: false,
+    formState: {
+      formSubmisson: false,
+      selectedTaxForm: undefined,
     },
-    formSlot: <DocusignWrapper />,
   },
   callbacks: {
     onSubmit: (props: any) => console.log(props),
@@ -279,19 +310,11 @@ export const StepTwoNotRegisteredChecked = () => {
 
 // STEP THREE
 export const StepThreeWithDocusign = () => {
-  return <TaxFormStepThreeView {...stepThreeProps} />;
+  return <TaxFormStepThreeAView {...stepThreeAProps} />;
 };
 
 export const StepThreeWithFormSelector = () => {
-  return (
-    <TaxFormStepThreeView
-      {...stepThreeProps}
-      states={{
-        ...stepThreeProps.states,
-        formSlot: <TaxFormSelection />,
-      }}
-    />
-  );
+  return <TaxFormStepThreeBView {...stepThreeBProps} />;
 };
 
 export const TaxDocumentSubmittedActive = () => {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/DocusignWrapperView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/DocusignWrapperView.tsx
index e783559141..9057cedabf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/DocusignWrapperView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/DocusignWrapperView.tsx
@@ -19,6 +19,10 @@ export interface DocusignWrapperSlotViewProps {
 const style = {
   Container: {
     width: "100%",
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "16px",
   },
   RadioContainer: {
     width: "100%",
@@ -35,6 +39,17 @@ const style = {
   BoldText: {
     fontWeight: "bold",
   },
+
+  Link: {
+    color: "#14B1F7",
+    textDecoration: "none",
+    "&:visited": {
+      color: "#14B1F7",
+    },
+    "&:hover": {
+      textDecoration: "underline",
+    },
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -83,14 +98,18 @@ export const DocusignWrapperSlotView = (
       <h5 class={classes.BoldText}>W9 Tax Form</h5>
       <p>
         Participants based in the US and partnering with US-based brands need to
-        submit a W9 form. <a href="#">Not based in the US?</a>
+        submit a W9 form.{" "}
+        <a href="#" class={classes.Link}>
+          Not based in the US?
+        </a>
       </p>
       {formState.docusignSlot}
-
-      <p class={classes.BoldText}>Form submission</p>
-      <sl-checkbox checked={formState.completedTaxForm}>
-        I have completed and submitted my tax form
-      </sl-checkbox>
+      <div>
+        <p class={classes.BoldText}>Form submission</p>
+        <sl-checkbox checked={formState.completedTaxForm}>
+          I have completed and submitted my tax form
+        </sl-checkbox>
+      </div>
     </div>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
index ccd71e34ea..5ed29033cd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
@@ -53,41 +53,6 @@ const registeredInCanada: IndirectDetailsSlotViewProps = {
   },
 };
 
-const taxFormSelectionProps: TaxFormSelectionSlotViewProps = {
-  states: {
-    loading: false,
-    formState: {
-      selectedTaxForm: undefined,
-    },
-  },
-  callbacks: {
-    onChange: (e) => console.log(e),
-  },
-  text: {},
-};
-
-const docusignWrapperProps: DocusignWrapperSlotViewProps = {
-  states: {
-    loading: false,
-    formState: {
-      docusignSlot: (
-        <div
-          style={{
-            border: "1px dashed black",
-            width: "600px",
-            height: "600px",
-          }}
-        ></div>
-      ),
-      completedTaxForm: true,
-    },
-  },
-  callbacks: {
-    onChange: (e) => console.log(e),
-  },
-  text: {},
-};
-
 export const RegisteredInOtherRegion = () => {
   return <IndirectDetailsSlotView {...registeredInOtherRegion} />;
 };
@@ -95,11 +60,3 @@ export const RegisteredInOtherRegion = () => {
 export const RegisteredInCanada = () => {
   return <IndirectDetailsSlotView {...registeredInCanada} />;
 };
-
-export const TaxFormSelection = () => {
-  return <TaxFormSelectionSlotView {...taxFormSelectionProps} />;
-};
-
-export const DocusignWrapper = () => {
-  return <DocusignWrapperSlotView {...docusignWrapperProps} />;
-};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-a-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-a-view.tsx
new file mode 100644
index 0000000000..3b191dfb96
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-a-view.tsx
@@ -0,0 +1,215 @@
+import { VNode, h } from "@stencil/core";
+import { createStyleSheet } from "../../../styling/JSS";
+
+export interface TaxFormStepThreeAViewProps {
+  states: {
+    loading: boolean;
+    submitDisabled: boolean;
+    formState: {
+      formSubmisson: boolean;
+      completedTaxForm: boolean;
+      errors?: any;
+    };
+    docusignSlot: VNode;
+  };
+  callbacks: {
+    onSubmit: (props: any) => void;
+    onBack: () => void;
+  };
+  text: {
+    step: string;
+    stepOf: string;
+    taxForm: string;
+    submitButton: string;
+    backButton: string;
+    error: {
+      formSubmission: string;
+    };
+  };
+}
+
+const style = {
+  FormWrapper: {
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+  },
+  CheckboxContainer: {
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-xx-small)",
+  },
+  TitleContainer: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    gap: "var(--sl-spacing-small)",
+  },
+  TextContainer: {
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "24px",
+    paddingBottom: "16px",
+  },
+  BtnContainer: {
+    paddingTop: "36px",
+    display: "flex",
+    gap: "8px",
+  },
+  ErrorText: {
+    color: "var(--sl-color-danger-500)",
+    marginTop: "10px",
+  },
+  DescriptionText: {
+    color: "var(--sl-color-neutral-500)",
+  },
+  BoldText: {
+    fontWeight: "bold",
+  },
+  SecondaryBtn: {
+    "&::part(base)": {
+      color: "var(--sl-color-gray-800) !important",
+    },
+  },
+  AlertInnerContainer: {
+    display: "flex",
+    justifyContent: "flex-start",
+    gap: "8px",
+  },
+  Container: {
+    width: "100%",
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "16px",
+  },
+  Link: {
+    color: "#14B1F7",
+    textDecoration: "none",
+    "&:visited": {
+      color: "#14B1F7",
+    },
+    "&:hover": {
+      textDecoration: "underline",
+    },
+  },
+};
+
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+
+const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+    * {
+       margin: 0;
+       padding: 0;
+       box-sizing: border-box;
+    }
+
+    p {
+      line-height: 18px;
+      color: var(--sl-color-gray-800);
+       font-size: var(--sl-font-size-small);
+    }
+
+    sl-checkbox::part(control) {
+        border-radius: 50%;
+    }
+
+    sl-alert::part(base) {
+      display: flex;
+      align-items: flex-start;
+      justify-content: center;
+      flex-direction: column;
+      padding: 20px;
+    }
+
+    sl-alert::part(message) {
+      padding: 0px;
+    }
+  `;
+
+export const TaxFormStepThreeAView = (props: TaxFormStepThreeAViewProps) => {
+  const {
+    states,
+    states: { formState },
+    callbacks,
+    text,
+  } = props;
+
+  const { classes } = sheet;
+
+  return (
+    <div class={classes.Container}>
+      <style type="text/css">
+        {styleString}
+        {vanillaStyle}
+      </style>
+      <div class={classes.TextContainer}>
+        <div>
+          <p>
+            {text.step} 3 {text.stepOf} 4
+          </p>
+          <h3>{text.taxForm}</h3>
+        </div>
+      </div>
+      <h5 class={classes.BoldText}>W9 Tax Form</h5>
+      <p>
+        Participants based in the US and partnering with US-based brands need to
+        submit a W9 form.
+        <a href="#" class={classes.Link}>
+          Not based in the US?
+        </a>
+      </p>
+      <sl-alert
+        exportparts="base: alert-base, icon:alert-icon"
+        class="Info"
+        type="primary"
+        open
+      >
+        <div class={classes.AlertInnerContainer}>
+          <sl-icon slot="icon" name="clock"></sl-icon>
+          Complete and submit your tax form to save your information
+        </div>
+      </sl-alert>
+
+      {states.docusignSlot}
+      <div>
+        <p class={classes.BoldText}>Form submission</p>
+        <sl-checkbox checked={formState.completedTaxForm}>
+          I have completed and submitted my tax form
+        </sl-checkbox>
+      </div>
+
+      <div class={classes.BtnContainer}>
+        <sl-button
+          type="primary"
+          loading={states.loading}
+          disabled={states.submitDisabled}
+          submit
+          exportparts="base: primarybutton-base"
+        >
+          {text.submitButton}
+        </sl-button>
+        <sl-button
+          class={classes.SecondaryBtn}
+          type="text"
+          loading={states.loading}
+          disabled={states.submitDisabled}
+          onClick={() => {
+            callbacks.onBack();
+          }}
+          exportparts="base: secondarybutton-base"
+        >
+          {text.backButton}
+        </sl-button>
+      </div>
+    </div>
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-b-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-b-view.tsx
new file mode 100644
index 0000000000..1e38ff5733
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-b-view.tsx
@@ -0,0 +1,189 @@
+import { VNode, h } from "@stencil/core";
+import { createStyleSheet } from "../../../styling/JSS";
+
+export interface TaxFormStepThreeBViewProps {
+  states: {
+    loading: boolean;
+    submitDisabled: boolean;
+    formState: {
+      formSubmisson: boolean;
+      selectedTaxForm: "w9" | "w8-ben" | "w8-ben-e" | undefined;
+      errors?: any;
+    };
+  };
+  callbacks: {
+    onSubmit: (props: any) => void;
+    onBack: () => void;
+  };
+  text: {
+    step: string;
+    stepOf: string;
+    taxForm: string;
+    submitButton: string;
+    backButton: string;
+    error: {
+      formSubmission: string;
+    };
+  };
+}
+
+const style = {
+  FormWrapper: {
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+  },
+  CheckboxContainer: {
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-xx-small)",
+  },
+  TitleContainer: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    gap: "var(--sl-spacing-small)",
+  },
+  TextContainer: {
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "24px",
+    paddingBottom: "16px",
+  },
+  BtnContainer: {
+    paddingTop: "36px",
+    display: "flex",
+    gap: "8px",
+  },
+  ErrorText: {
+    color: "var(--sl-color-danger-500)",
+    marginTop: "10px",
+  },
+  SecondaryBtn: {
+    "&::part(base)": {
+      color: "var(--sl-color-gray-800) !important",
+    },
+  },
+  RadioContainer: {
+    width: "100%",
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "16px",
+    padding: "16px",
+  },
+  DescriptionText: {
+    color: "var(--sl-color-neutral-500)",
+    lineHeight: "22px",
+  },
+  BoldText: {
+    fontWeight: "bold",
+  },
+};
+
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+
+const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+    * {
+       margin: 0;
+       padding: 0;
+       box-sizing: border-box;
+    }
+
+    p {
+      line-height: 18px;
+      color: var(--sl-color-gray-800);
+       font-size: var(--sl-font-size-small);
+    }
+
+    sl-checkbox::part(control) {
+        border-radius: 50%;
+    }
+  `;
+
+export const TaxFormStepThreeBView = (props: TaxFormStepThreeBViewProps) => {
+  const {
+    states,
+    states: { formState },
+    callbacks,
+    text,
+  } = props;
+
+  const { classes } = sheet;
+
+  return (
+    <sl-form class={classes.FormWrapper} onSl-submit={callbacks.onSubmit}>
+      <style type="text/css">
+        {styleString}
+        {vanillaStyle}
+      </style>
+      <div class={classes.TextContainer}>
+        <div>
+          <p>
+            {text.step} 3 {text.stepOf} 4
+          </p>
+          <h3>{text.taxForm}</h3>
+        </div>
+      </div>
+      <p class={classes.BoldText}>Select a tax form</p>
+
+      <sl-radio-group value={formState.selectedTaxForm}>
+        <div class={classes.RadioContainer}>
+          <sl-radio value="w9">
+            <p class={classes.BoldText}>W9</p>
+            <p class={classes.DescriptionText}>
+              W9 For participants based in the US, joining the referral program
+              of a US-based company.
+            </p>
+          </sl-radio>
+          <sl-radio value="w8-ben">
+            <p class={classes.BoldText}> W8-BEN</p>
+            <p class={classes.DescriptionText}>
+              W8-BEN For individuals residing outside of the US, joining the
+              referral program of a US-based company.
+            </p>
+          </sl-radio>
+          <sl-radio value="w8-ben-e">
+            <p class={classes.BoldText}>W8-BEN-E</p>
+            <p class={classes.DescriptionText}>
+              W8-BEN-E For participants residing outside of the US who represent
+              a business entity, joining the referral program of a US-based
+              company.
+            </p>
+          </sl-radio>
+        </div>
+      </sl-radio-group>
+      <div class={classes.BtnContainer}>
+        <sl-button
+          type="primary"
+          loading={states.loading}
+          disabled={states.submitDisabled}
+          submit
+          exportparts="base: primarybutton-base"
+        >
+          {text.submitButton}
+        </sl-button>
+        <sl-button
+          class={classes.SecondaryBtn}
+          type="text"
+          loading={states.loading}
+          disabled={states.submitDisabled}
+          onClick={() => {
+            callbacks.onBack();
+          }}
+          exportparts="base: secondarybutton-base"
+        >
+          {text.backButton}
+        </sl-button>
+      </div>
+    </sl-form>
+  );
+};

From 3540feef460d2f8867226e8908bd3efc0e79171f Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 26 Jan 2024 14:30:32 -0800
Subject: [PATCH 049/753] wired up validation and remaining fields

---
 .../sqm-tax-form/TaxForm.stories.tsx          |   1 +
 .../sqm-tax-form/sqm-tax-form-step-1-view.tsx | 143 ++++++++++--------
 .../sqm-tax-form/sqm-tax-form.tsx             |   1 +
 .../tax-and-cash/sqm-tax-form/useTaxForm.tsx  |  13 +-
 4 files changed, 96 insertions(+), 62 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
index c1b56c9495..7a844bc3df 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
@@ -37,6 +37,7 @@ const stepOneProps: TaxFormStepOneProps = {
   },
   callbacks: {
     onSubmit: (props: any) => console.log("Submit"),
+    onRadioClick: (props: any) => console.log("Radio Click"),
   },
   text: taxFormStepOneText,
   refs: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
index 8195346bae..2b427ad3a2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
@@ -19,6 +19,7 @@ export interface TaxFormStepOneProps {
   };
   callbacks: {
     onSubmit: (props: any) => void;
+    onRadioClick: (value: string) => void;
   };
   text: {
     firstName: string;
@@ -140,6 +141,8 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
     refs,
   } = props;
   const { classes } = sheet;
+
+  console.log({ formState });
   return (
     <sl-form
       class={classes.FormWrapper}
@@ -165,91 +168,106 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
           value={formState.firstName}
           label={text.firstName}
           disabled={states.loading}
-          {...(formState.errors?.firstName && {
-            class: classes.ErrorInput,
-            helpText: text.error.firstName,
-          })}
+          {...(formState.errors?.firstName
+            ? {
+                class: classes.ErrorInput,
+                helpText: formState.errors.firstName,
+              }
+            : {})}
           id="firstName"
           name="/firstName"
+          required
         />
         <sl-input
           exportparts="label: input-label"
           value={formState.lastName}
           label={text.lastName}
           disabled={states.loading}
-          {...(formState.errors?.lastName && {
-            class: classes.ErrorInput,
-            helpText: text.error.lastName,
-          })}
+          {...(formState.errors?.lastName
+            ? {
+                class: classes.ErrorInput,
+                helpText: formState.errors.lastName,
+              }
+            : {})}
           id="lastName"
           name="/lastName"
+          required
         />
         <sl-input
           exportparts="label: input-label"
           value={formState.email}
           label={text.email}
           disabled={states.loading}
-          {...(formState.errors?.email && {
-            class: classes.ErrorInput,
-            helpText: text.error.email,
-          })}
+          {...(formState.errors?.email
+            ? {
+                class: classes.ErrorInput,
+                helpText: formState.errors.email,
+              }
+            : {})}
+          // {...{ helpText: formState.errors.email }}
           id="email"
           name="/email"
+          required
         />
 
-        <sl-input
+        <sl-select
           exportparts="label: input-label"
-          value={formState.countryCode}
+          name="/countryCode"
           label={text.country}
-          disabled={states.loading}
-          {...(formState.errors?.countryCode && {
-            class: classes.ErrorInput,
-            helpText: text.error.countryCode,
-          })}
-          id="country"
-          name="/country"
-        />
-        <sl-input
+          value={formState.countryCode}
+          {...(formState.errors?.countryCode
+            ? {
+                class: classes.ErrorInput,
+                helpText: formState.errors.countryCode,
+              }
+            : {})}
+          required
+        >
+          <sl-menu-item value="US">United States</sl-menu-item>
+          <sl-menu-item value="CA">Canada</sl-menu-item>
+          <sl-menu-item value="AU">Australia</sl-menu-item>
+        </sl-select>
+        <sl-select
           exportparts="label: input-label"
-          value={formState.currency}
-          label={text.currency}
-          disabled={states.loading}
-          {...(formState.errors?.currency && {
-            class: classes.ErrorInput,
-            helpText: text.error.currency,
-          })}
-          id="currency"
           name="/currency"
-        />
+          label={text.currency}
+          value={formState.currency}
+          {...(formState.errors?.currency
+            ? {
+                class: classes.ErrorInput,
+                helpText: formState.errors.currency,
+              }
+            : {})}
+          required
+        >
+          <sl-menu-item value="USD">USD</sl-menu-item>
+          <sl-menu-item value="CAD">CAD</sl-menu-item>
+          <sl-menu-item value="AUD">AUD</sl-menu-item>
+        </sl-select>
+
         <div class={classes.CheckboxWrapper}>
           <p class={classes.BoldText}>{text.participantType}</p>
-          <sl-radio-group
-            label="Select an option"
-            name="/participantType"
-            value={formState.participantType}
-          >
-            <div style={{ display: "flex", flexDirection: "column" }}>
-              <sl-radio
-                name="/participantType"
-                exportparts="base: radio-base"
-                value="individualParticipant"
-                checked={formState.participantType === "individualParticipant"}
-              >
-                {text.individualParticipant}
-              </sl-radio>
-              <sl-radio
-                // name="/participantType"
-                value="businessEntity"
-                exportparts="base: radio-base"
-                checked={formState.participantType === "businessEntity"}
-              >
-                {text.businessEntity}
-              </sl-radio>
-              {formState.errors?.participantType && (
-                <p class={classes.ErrorText}>{text.error.participantType}</p>
-              )}
-            </div>
-          </sl-radio-group>
+
+          <div style={{ display: "flex", flexDirection: "column" }}>
+            <sl-radio
+              exportparts="base: radio-base"
+              value="individualParticipant"
+              name="/participantType"
+            >
+              {text.individualParticipant}
+            </sl-radio>
+            <sl-radio
+              exportparts="base: radio-base"
+              value="businessEntity"
+              name="/participantType"
+            >
+              {text.businessEntity}
+            </sl-radio>
+          </div>
+
+          {formState.errors?.participantType && (
+            <p class={classes.ErrorText}>{text.error.participantType}</p>
+          )}
         </div>
         <div class={classes.CheckboxWrapper}>
           <p class={classes.BoldText}> {text.taxAndBankingCollection}</p>
@@ -260,10 +278,11 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
               e.target.value = e.target.checked;
             }}
             disabled={states.loading}
+            required
             // Copied from edit form, may need to keep
             // {...(formState.errors?.allowBankingCollection &&
             // formState.errors?.allowBankingCollection.status !== "valid"
-            //   ? { class: "errors?tyles", helpText: "Cannot be empty" }
+            //   ? { class: "errorstyles", helpText: "Cannot be empty" }
             //   : [])}
             id="allowBankingCollection"
             name="/allowBankingCollection"
@@ -271,7 +290,9 @@ export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
             {text.allowBankingCollection}
           </sl-checkbox>
           {formState.errors?.allowBankingCollection && (
-            <p class={classes.ErrorText}>{text.error.allowBankingCollection}</p>
+            <p class={classes.ErrorText}>
+              {formState.errors.allowBankingCollection}
+            </p>
           )}
         </div>
       </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
index f6553b51b0..fab92ea098 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
@@ -111,6 +111,7 @@ export class TaxForm {
           }}
           callbacks={{
             onSubmit: props.onSubmit,
+            onRadioClick: props.onRadioClick,
           }}
           //@ts-ignore
           text={props.text}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
index 1cd94a3659..23affad0f2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
@@ -111,6 +111,10 @@ export function useTaxForm(props: TaxForm) {
     });
   }, [data]);
 
+  function onRadioClick(value: string) {
+    setFormState({ ...formState, participantType: value });
+  }
+
   // const inputFunction = useCallback((e) => {
 
   //   const name = e.target?.type?.toLowerCase();
@@ -153,7 +157,13 @@ export function useTaxForm(props: TaxForm) {
       const key = control.name;
       const value = control.value;
 
-      jsonpointer.set(formData, key, value);
+      console.log({ control });
+
+      if (control.name === "/participantType") {
+        control.checked && jsonpointer.set(formData, key, value);
+      } else {
+        jsonpointer.set(formData, key, value);
+      }
       console.log({ formData });
       // required validation
       if (control.required && !value) {
@@ -208,6 +218,7 @@ export function useTaxForm(props: TaxForm) {
     step: step,
     setStep: setStep,
     onSubmit,
+    onRadioClick,
     loading,
     text: {
       ...props,

From bdc1745241253661f5602fc9579c29623e9e14b3 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 26 Jan 2024 14:53:43 -0800
Subject: [PATCH 050/753] split docusign form hooks

---
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  2 +-
 .../sqm-docusign-form/useDocusignForm.tsx     | 99 ++++++++++---------
 .../small-views/TaxFormSelectionView.tsx      |  2 +-
 .../sqm-tax-form/sqm-tax-form-step-2.tsx      |  2 +-
 .../tax-and-cash/sqm-tax-form/useTaxForm.tsx  |  2 +-
 .../sqm-tax-form/useTaxFormStepThree.tsx      | 20 ++++
 .../sqm-tax-form/useTaxFormStepTwo.tsx        |  6 +-
 packages/mint-components/src/index.html       |  2 +-
 8 files changed, 81 insertions(+), 54 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepThree.tsx

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index a6f4b0c5ad..d7c624b237 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -45,7 +45,7 @@ export class DocusignForm {
 
     return (
       <Host>
-        <h2>{props.taxForm}</h2>
+        <h2>HELLO</h2>
         {/* <TaxFormStepTwoView
           states={{
             loading: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 5086914515..c3368afb6e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -4,54 +4,70 @@ import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
 import { DocusignForm } from "./sqm-docusign-form";
 import { useQuery, useUserIdentity } from "@saasquatch/component-boilerplate";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { P } from "../../../global/mixins";
 
 const GET_USER_TAX_INFO = gql`
   query getUserTaxInfo($id: String!, $accountId: String!) {
-    id
-    accountId
-    firstName
-    lastName
-    email
-    countryCode
+    user(id: $id, accountId: $accountId) {
+      id
+      accountId
+      firstName
+      lastName
+      email
+      countryCode
+    }
   }
 `;
 
 // TODO: Fill out when API is released
-const SUBMIT_TAX_INFO = gql`
-  mutation submitTaxInfo ($vars: SubmitTaxInfoInput) {
+const GET_TAX_DOCUMENT = gql`
+  query getTaxDocument ($vars: TaxDocumentInput) {
   }
 `;
 
 export function useDocusignForm(props: DocusignForm) {
   const user = useUserIdentity();
-  const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
-  const [showTypeForm, setShowTypeForm] = useState<boolean>(false);
+  const [path, setPath] = useParent<string>(TAX_CONTEXT_NAMESPACE);
+  const [showDocumentTypes, setShowDocumentTypes] = useState<boolean>(false);
   const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
   const [errors, setErrors] = useState({});
-  const [currentForm, setCurrentForm] = useState<"W9" | "W8-BEN" | "W8-BEN-E">(
-    null
-  );
 
-  const variables = {
+  const splitPath = path.split("/");
+  const defaultDocumentType = splitPath.length === 3 ? splitPath[2] : undefined;
+
+  console.log({ path, defaultDocumentType });
+
+  const { data, loading } = useQuery(GET_USER_TAX_INFO, {
     id: user.id,
     accountId: user.accountId,
-  };
-  const { data, loading } = useQuery(GET_USER_TAX_INFO, variables);
+  });
+  const countryCode = data?.getUserTaxInfo?.user?.countryCode;
 
   // TODO: Replace with real backend data
-  const { data: taxInfo, loading: taxInfoLoading } = {
+  const {
+    data: taxInfo,
+    loading: taxInfoLoading,
+    refetch: refetchDocument,
+  } = {
     data: {
       taxForm: "W9" as const,
       documentUrl: "https://example.com",
     },
     loading: false,
+    refetch: (vars: any) => console.debug("REFETCHING"),
   };
 
   useEffect(() => {
-    if (!taxInfo?.taxForm) return;
+    if (countryCode && !defaultDocumentType) return;
 
-    setCurrentForm(taxInfo.taxForm);
-  }, [taxInfo]);
+    if (countryCode === "US") {
+      refetchDocument({ documentType: "W9" });
+    } else if (countryCode === "CA") {
+      refetchDocument({ documentType: "W8-BEN" });
+    } else {
+      refetchDocument({ documentType: "W8-BEN-E" });
+    }
+  }, [countryCode]);
 
   const onSubmit = () => {
     if (!formSubmitted) {
@@ -59,34 +75,25 @@ export function useDocusignForm(props: DocusignForm) {
       return;
     }
 
-    setStep("/4");
-  };
-
-  const onFormTypeSubmit = (e) => {
-    let selectedFormType: string;
-    const controls = e.target.getFormControls();
-    controls.forEach((control) => {
-      if (control.value) {
-        selectedFormType = control.name;
-      }
-    });
-
-    // Refetch data for new form
+    setPath("/4");
   };
 
   return {
-    text: { ...props },
-    errors,
-    step: step,
-    loading: loading || taxInfoLoading,
-    taxForm: currentForm,
-    documentUrl: taxInfo?.documentUrl,
-    formSubmitted,
-    showTypeForm,
-    setShowTypeForm,
-    onFormTypeSubmit,
-    setStep,
-    onSubmit,
-    toggleFormSubmitted: () => setFormSubmitted((x) => !x),
+    text: props,
+    states: {
+      errors,
+      loading: loading || taxInfoLoading,
+      formSubmitted,
+      showDocumentTypes,
+    },
+    data: {
+      taxForm: taxInfo?.taxForm,
+      documentUrl: taxInfo?.documentUrl,
+    },
+    callbacks: {
+      setShowDocumentTypes,
+      onSubmit,
+      toggleFormSubmitted: () => setFormSubmitted((x) => !x),
+    },
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/TaxFormSelectionView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/TaxFormSelectionView.tsx
index d0cd57370b..767f8ba29b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/TaxFormSelectionView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/TaxFormSelectionView.tsx
@@ -81,7 +81,7 @@ export const TaxFormSelectionSlotView = (
 
       <p class={classes.BoldText}>Select a tax form</p>
 
-      <sl-radio-group value={formState.selectedTaxForm}>
+      <sl-radio-group value={formState.selectedTaxForm} slon>
         <div class={classes.RadioContainer}>
           <sl-radio value="w9">
             <p class={classes.BoldText}>W9</p>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.tsx
index e681c95de7..568ee50635 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.tsx
@@ -32,13 +32,13 @@ export class TaxFormStepTwo {
   render() {
     const props = useTaxFormStepTwo(getProps(this));
 
-    console.log({ countries: props.countries });
     const registeredIn =
       props.option === "hstCanada"
         ? "canada"
         : props.option === "otherRegion"
         ? "otherRegion"
         : null;
+
     const sharedSlot = (
       <IndirectDetailsSlotView
         callbacks={{
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
index 1cd94a3659..bd34b30f95 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
@@ -201,7 +201,7 @@ export function useTaxForm(props: TaxForm) {
     //   });
     // }
 
-    // setStep("/2");
+    setStep("/2");
   }
 
   return {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepThree.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepThree.tsx
new file mode 100644
index 0000000000..7196f72944
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepThree.tsx
@@ -0,0 +1,20 @@
+import { useState } from "@saasquatch/universal-hooks";
+
+export const useTaxFormStepThree = () => {
+  const [errors, setErrors] = useState({});
+  const [documentType, setDocumentType] = useState(null);
+
+  const onSubmit = (e) => {
+    if (!documentType) return;
+  };
+
+  return {
+    states: {
+      documentType,
+    },
+    callbacks: {
+      onSubmit,
+      onChange: setDocumentType,
+    },
+  };
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
index 1764115b8b..a93bfc8895 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
@@ -1,5 +1,5 @@
-import { useQuery } from "@saasquatch/component-boilerplate";
-import { useRef, useState } from "@saasquatch/universal-hooks";
+import { setUserIdentity, useQuery } from "@saasquatch/component-boilerplate";
+import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
 import { useParent } from "../../../utils/useParentState";
@@ -37,7 +37,7 @@ export function useTaxFormStepTwo(props: any) {
   const accountId = id;
   const programId = "klip-referral-program";
 
-  // //@ts-ignore
+  //@ts-ignore
   // window.widgetIdent = {
   //   tenantAlias: "test_a74miwdpofztj",
   //   appDomain: "https://staging.referralsaasquatch.com",
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 04b18bc9bc..949b557316 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -20,7 +20,7 @@
       <template path="/2">
         <sqm-tax-form-step-2 />
       </template>
-      <template path="/3">
+      <template path="/3/:documentType">
         <sqm-docusign-form />
       </template>
       <!-- <template path="/4">

From 404eb7e0110e16cafcc1783af6df1ca5110f332a Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 26 Jan 2024 14:53:46 -0800
Subject: [PATCH 051/753] fix parent hook

---
 .../components/tax-and-cash/sqm-tax-form/useTaxForm.tsx    | 2 +-
 .../tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx        | 2 ++
 packages/mint-components/src/utils/useParentState.ts       | 7 ++++++-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
index 23affad0f2..1ad1d1cd15 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
@@ -211,7 +211,7 @@ export function useTaxForm(props: TaxForm) {
     //   });
     // }
 
-    // setStep("/2");
+    setStep("/2");
   }
 
   return {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
index 1764115b8b..d0173227fc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
@@ -25,6 +25,8 @@ export function useTaxFormStepTwo(props: any) {
   >(null);
   const [errors, setErrors] = useState({});
 
+  console.log("step2", { step });
+
   const { data: _countries, loading: countriesLoading } = useQuery(
     GET_COUNTRIES,
     {}
diff --git a/packages/mint-components/src/utils/useParentState.ts b/packages/mint-components/src/utils/useParentState.ts
index 31fc64c3a4..b3acf26e71 100644
--- a/packages/mint-components/src/utils/useParentState.ts
+++ b/packages/mint-components/src/utils/useParentState.ts
@@ -29,8 +29,13 @@ export function useParent<T>(namespace: string): StateType<T | undefined> {
   const parent = useDomContext<StateType<T | undefined>>(
     getContextName(namespace)
   );
+
+  const parentValue = useDomContext<T | undefined>(
+    getContextValueName(namespace)
+  );
+
   if (!parent) return [undefined, undefined];
-  return parent;
+  return [parentValue, parent[1]];
 }
 
 export function getContextValueName(namespace: string) {

From c03885a9c20b41dafb8dcfee77cde93a690bd697 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 26 Jan 2024 15:21:17 -0800
Subject: [PATCH 052/753] Organise form step components

---
 packages/mint-components/src/components.d.ts  | 222 +++++++++---------
 .../sqm-stencilbook/sqm-stencilbook.tsx       |   4 +-
 .../sqm-document-type-form-view.tsx}          |   2 +-
 .../sqm-docusign-form-view.tsx}               |   2 +-
 .../sqm-docusign-form/sqm-docusign-form.tsx   |   5 +-
 .../useTaxFormStepThree.tsx                   |   0
 .../sqm-indirect-tax-form-view.tsx}           |   2 +-
 .../sqm-indirect-tax-form.tsx}                |  12 +-
 .../sqm-tax-form-step-2.feature               |   0
 .../useIndirectTaxForm.tsx}                   |   2 +-
 .../sqm-tax-document-submitted-view.tsx       |   0
 .../sqm-tax-document-submitted.feature        |   0
 .../sqm-tax-document-submitted.tsx            |   4 +-
 .../useTaxDocumentSubmitted.tsx               |   0
 .../sqm-tax-form/sqm-tax-form-step-3-view.tsx | 150 ------------
 .../TaxForm.stories.tsx                       |  58 +++--
 .../defaultTextCopy.ts                        |   9 +-
 .../small-views/DocusignWrapperView.tsx       |   0
 .../small-views/IndirectTaxDetailsView.tsx    |   0
 .../small-views/SlotViews.stories.tsx         |   0
 .../small-views/TaxFormSelectionView.tsx      |   0
 .../sqm-user-info-form-view.tsx}              |   2 +-
 .../sqm-user-info-form.tsx}                   |  14 +-
 .../useUserInfoForm.tsx}                      |  16 +-
 packages/mint-components/src/index.html       |  15 +-
 25 files changed, 175 insertions(+), 344 deletions(-)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form/sqm-tax-form-step-3-b-view.tsx => sqm-document-type-form/sqm-document-type-form-view.tsx} (98%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form/sqm-tax-form-step-3-a-view.tsx => sqm-docusign-form/sqm-docusign-form-view.tsx} (98%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form => sqm-docusign-form}/useTaxFormStepThree.tsx (100%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form/sqm-tax-form-step-2-view.tsx => sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx} (98%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form/sqm-tax-form-step-2.tsx => sqm-indirect-tax-form/sqm-indirect-tax-form.tsx} (85%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form => sqm-indirect-tax-form}/sqm-tax-form-step-2.feature (100%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form/useTaxFormStepTwo.tsx => sqm-indirect-tax-form/useIndirectTaxForm.tsx} (98%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form => sqm-tax-document-submitted}/sqm-tax-document-submitted-view.tsx (100%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form => sqm-tax-document-submitted}/sqm-tax-document-submitted.feature (100%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form => sqm-tax-document-submitted}/sqm-tax-document-submitted.tsx (94%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form => sqm-tax-document-submitted}/useTaxDocumentSubmitted.tsx (100%)
 delete mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-view.tsx
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form => sqm-user-info-form}/TaxForm.stories.tsx (90%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form => sqm-user-info-form}/defaultTextCopy.ts (88%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form => sqm-user-info-form}/small-views/DocusignWrapperView.tsx (100%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form => sqm-user-info-form}/small-views/IndirectTaxDetailsView.tsx (100%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form => sqm-user-info-form}/small-views/SlotViews.stories.tsx (100%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form => sqm-user-info-form}/small-views/TaxFormSelectionView.tsx (100%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form/sqm-tax-form-step-1-view.tsx => sqm-user-info-form/sqm-user-info-form-view.tsx} (99%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form/sqm-tax-form.tsx => sqm-user-info-form/sqm-user-info-form.tsx} (93%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-form/useTaxForm.tsx => sqm-user-info-form/useUserInfoForm.tsx} (96%)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 0e52caa1b6..90e47415a9 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -11,7 +11,7 @@ import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { UserNameViewProps } from "./components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
 import { CouponCodeViewProps } from "./components/sqm-coupon-code/sqm-coupon-code-view";
-import { TaxFormStepTwoProps } from "./components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view";
+import { TaxFormStepTwoProps } from "./components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view";
 import { DropdownFieldViewProps } from "./components/sqm-dropdown-field/sqm-dropdown-field-view";
 import { EditProfileViewProps } from "./components/sqm-edit-profile/sqm-edit-profile-view";
 import { Spacing } from "./global/mixins";
@@ -578,6 +578,19 @@ export namespace Components {
          */
         "minHeight"?: string;
     }
+    interface SqmIndirectTaxForm {
+        "backButton": string;
+        "hstCanada": string;
+        "indirectTax": string;
+        "indirectTaxDescription": string;
+        "indirectTaxDetails": string;
+        "indirectTaxDetailsDescription": string;
+        "notRegistered": string;
+        "otherRegion": string;
+        "step": string;
+        "stepOf": string;
+        "submitButton": string;
+    }
     interface SqmInputField {
         /**
           * @undocumented 
@@ -2850,52 +2863,6 @@ export namespace Components {
         "taxDocumentSectionHeader": string;
         "taxDocumentSectionSubHeader": string;
     }
-    interface SqmTaxForm {
-        "allowBankingCollection": string;
-        "businessEntity"?: string;
-        "country": string;
-        "currency": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
-        "email": string;
-        "firstName": string;
-        "individualParticipant"?: string;
-        "lastName": string;
-        /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
-         */
-        "networkErrorMessage": string;
-        "participantType"?: string;
-        "personalInformation"?: string;
-        /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
-         */
-        "requiredFieldErrorMessage": string;
-        "step"?: string;
-        "stepOf"?: string;
-        "submitButton": string;
-        "taxAndBankingCollection"?: string;
-    }
-    interface SqmTaxFormStep2 {
-        "backButton": string;
-        "hstCanada": string;
-        "indirectTax": string;
-        "indirectTaxDescription": string;
-        "indirectTaxDetails": string;
-        "indirectTaxDetailsDescription": string;
-        "notRegistered": string;
-        "otherRegion": string;
-        "step": string;
-        "stepOf": string;
-        "submitButton": string;
-    }
     interface SqmText {
     }
     interface SqmTextSpan {
@@ -2972,6 +2939,39 @@ export namespace Components {
          */
         "textAlign": "left" | "center" | "right";
     }
+    interface SqmUserInfoForm {
+        "allowBankingCollection": string;
+        "businessEntity"?: string;
+        "country": string;
+        "currency": string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+        "email": string;
+        "firstName": string;
+        "individualParticipant"?: string;
+        "lastName": string;
+        /**
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
+         */
+        "networkErrorMessage": string;
+        "participantType"?: string;
+        "personalInformation"?: string;
+        /**
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "requiredFieldErrorMessage": string;
+        "step"?: string;
+        "stepOf"?: string;
+        "submitButton": string;
+        "taxAndBankingCollection"?: string;
+    }
     interface SqmUserName {
         /**
           * @undocumented 
@@ -3128,6 +3128,12 @@ declare global {
         prototype: HTMLSqmImageElement;
         new (): HTMLSqmImageElement;
     };
+    interface HTMLSqmIndirectTaxFormElement extends Components.SqmIndirectTaxForm, HTMLStencilElement {
+    }
+    var HTMLSqmIndirectTaxFormElement: {
+        prototype: HTMLSqmIndirectTaxFormElement;
+        new (): HTMLSqmIndirectTaxFormElement;
+    };
     interface HTMLSqmInputFieldElement extends Components.SqmInputField, HTMLStencilElement {
     }
     var HTMLSqmInputFieldElement: {
@@ -3548,18 +3554,6 @@ declare global {
         prototype: HTMLSqmTaxDocumentSubmittedElement;
         new (): HTMLSqmTaxDocumentSubmittedElement;
     };
-    interface HTMLSqmTaxFormElement extends Components.SqmTaxForm, HTMLStencilElement {
-    }
-    var HTMLSqmTaxFormElement: {
-        prototype: HTMLSqmTaxFormElement;
-        new (): HTMLSqmTaxFormElement;
-    };
-    interface HTMLSqmTaxFormStep2Element extends Components.SqmTaxFormStep2, HTMLStencilElement {
-    }
-    var HTMLSqmTaxFormStep2Element: {
-        prototype: HTMLSqmTaxFormStep2Element;
-        new (): HTMLSqmTaxFormStep2Element;
-    };
     interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
     }
     var HTMLSqmTextElement: {
@@ -3590,6 +3584,12 @@ declare global {
         prototype: HTMLSqmTitledSectionElement;
         new (): HTMLSqmTitledSectionElement;
     };
+    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    }
+    var HTMLSqmUserInfoFormElement: {
+        prototype: HTMLSqmUserInfoFormElement;
+        new (): HTMLSqmUserInfoFormElement;
+    };
     interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
     }
     var HTMLSqmUserNameElement: {
@@ -3620,6 +3620,7 @@ declare global {
         "sqm-hero-image": HTMLSqmHeroImageElement;
         "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
         "sqm-image": HTMLSqmImageElement;
+        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-leaderboard": HTMLSqmLeaderboardElement;
@@ -3690,13 +3691,12 @@ declare global {
         "sqm-task-card": HTMLSqmTaskCardElement;
         "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
         "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
-        "sqm-tax-form": HTMLSqmTaxFormElement;
-        "sqm-tax-form-step-2": HTMLSqmTaxFormStep2Element;
         "sqm-text": HTMLSqmTextElement;
         "sqm-text-span": HTMLSqmTextSpanElement;
         "sqm-timeline": HTMLSqmTimelineElement;
         "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
         "sqm-titled-section": HTMLSqmTitledSectionElement;
+        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
         "sqm-user-name": HTMLSqmUserNameElement;
     }
 }
@@ -4234,6 +4234,19 @@ declare namespace LocalJSX {
          */
         "minHeight"?: string;
     }
+    interface SqmIndirectTaxForm {
+        "backButton"?: string;
+        "hstCanada"?: string;
+        "indirectTax"?: string;
+        "indirectTaxDescription"?: string;
+        "indirectTaxDetails"?: string;
+        "indirectTaxDetailsDescription"?: string;
+        "notRegistered"?: string;
+        "otherRegion"?: string;
+        "step"?: string;
+        "stepOf"?: string;
+        "submitButton"?: string;
+    }
     interface SqmInputField {
         /**
           * @undocumented 
@@ -6482,52 +6495,6 @@ declare namespace LocalJSX {
         "taxDocumentSectionHeader"?: string;
         "taxDocumentSectionSubHeader"?: string;
     }
-    interface SqmTaxForm {
-        "allowBankingCollection"?: string;
-        "businessEntity"?: string;
-        "country"?: string;
-        "currency"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
-        "email"?: string;
-        "firstName"?: string;
-        "individualParticipant"?: string;
-        "lastName"?: string;
-        /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
-         */
-        "networkErrorMessage"?: string;
-        "participantType"?: string;
-        "personalInformation"?: string;
-        /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
-         */
-        "requiredFieldErrorMessage"?: string;
-        "step"?: string;
-        "stepOf"?: string;
-        "submitButton"?: string;
-        "taxAndBankingCollection"?: string;
-    }
-    interface SqmTaxFormStep2 {
-        "backButton"?: string;
-        "hstCanada"?: string;
-        "indirectTax"?: string;
-        "indirectTaxDescription"?: string;
-        "indirectTaxDetails"?: string;
-        "indirectTaxDetailsDescription"?: string;
-        "notRegistered"?: string;
-        "otherRegion"?: string;
-        "step"?: string;
-        "stepOf"?: string;
-        "submitButton"?: string;
-    }
     interface SqmText {
     }
     interface SqmTextSpan {
@@ -6603,6 +6570,39 @@ declare namespace LocalJSX {
          */
         "textAlign"?: "left" | "center" | "right";
     }
+    interface SqmUserInfoForm {
+        "allowBankingCollection"?: string;
+        "businessEntity"?: string;
+        "country"?: string;
+        "currency"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+        "email"?: string;
+        "firstName"?: string;
+        "individualParticipant"?: string;
+        "lastName"?: string;
+        /**
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
+         */
+        "networkErrorMessage"?: string;
+        "participantType"?: string;
+        "personalInformation"?: string;
+        /**
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "requiredFieldErrorMessage"?: string;
+        "step"?: string;
+        "stepOf"?: string;
+        "submitButton"?: string;
+        "taxAndBankingCollection"?: string;
+    }
     interface SqmUserName {
         /**
           * @undocumented 
@@ -6643,6 +6643,7 @@ declare namespace LocalJSX {
         "sqm-hero-image": SqmHeroImage;
         "sqm-hook-story-container": SqmHookStoryContainer;
         "sqm-image": SqmImage;
+        "sqm-indirect-tax-form": SqmIndirectTaxForm;
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-leaderboard": SqmLeaderboard;
@@ -6713,13 +6714,12 @@ declare namespace LocalJSX {
         "sqm-task-card": SqmTaskCard;
         "sqm-tax-and-cash": SqmTaxAndCash;
         "sqm-tax-document-submitted": SqmTaxDocumentSubmitted;
-        "sqm-tax-form": SqmTaxForm;
-        "sqm-tax-form-step-2": SqmTaxFormStep2;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
         "sqm-timeline": SqmTimeline;
         "sqm-timeline-entry": SqmTimelineEntry;
         "sqm-titled-section": SqmTitledSection;
+        "sqm-user-info-form": SqmUserInfoForm;
         "sqm-user-name": SqmUserName;
     }
 }
@@ -6750,6 +6750,7 @@ declare module "@stencil/core" {
             "sqm-hero-image": LocalJSX.SqmHeroImage & JSXBase.HTMLAttributes<HTMLSqmHeroImageElement>;
             "sqm-hook-story-container": LocalJSX.SqmHookStoryContainer & JSXBase.HTMLAttributes<HTMLSqmHookStoryContainerElement>;
             "sqm-image": LocalJSX.SqmImage & JSXBase.HTMLAttributes<HTMLSqmImageElement>;
+            "sqm-indirect-tax-form": LocalJSX.SqmIndirectTaxForm & JSXBase.HTMLAttributes<HTMLSqmIndirectTaxFormElement>;
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-leaderboard": LocalJSX.SqmLeaderboard & JSXBase.HTMLAttributes<HTMLSqmLeaderboardElement>;
@@ -6820,13 +6821,12 @@ declare module "@stencil/core" {
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
             "sqm-tax-document-submitted": LocalJSX.SqmTaxDocumentSubmitted & JSXBase.HTMLAttributes<HTMLSqmTaxDocumentSubmittedElement>;
-            "sqm-tax-form": LocalJSX.SqmTaxForm & JSXBase.HTMLAttributes<HTMLSqmTaxFormElement>;
-            "sqm-tax-form-step-2": LocalJSX.SqmTaxFormStep2 & JSXBase.HTMLAttributes<HTMLSqmTaxFormStep2Element>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
             "sqm-timeline": LocalJSX.SqmTimeline & JSXBase.HTMLAttributes<HTMLSqmTimelineElement>;
             "sqm-timeline-entry": LocalJSX.SqmTimelineEntry & JSXBase.HTMLAttributes<HTMLSqmTimelineEntryElement>;
             "sqm-titled-section": LocalJSX.SqmTitledSection & JSXBase.HTMLAttributes<HTMLSqmTitledSectionElement>;
+            "sqm-user-info-form": LocalJSX.SqmUserInfoForm & JSXBase.HTMLAttributes<HTMLSqmUserInfoFormElement>;
             "sqm-user-name": LocalJSX.SqmUserName & JSXBase.HTMLAttributes<HTMLSqmUserNameElement>;
         }
     }
diff --git a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
index 531e407022..619f172927 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
+++ b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
@@ -75,8 +75,8 @@ import * as CouponCode from "../sqm-coupon-code/CouponCode.stories";
 import * as LogoutCurrentUser from "../sqm-logout-current-user/LogoutCurrentUser.stories";
 import * as LinkButton from "../sqm-link-button/LinkButton.stories";
 import * as CloseButton from "../sqm-close-button/CloseButton.stories";
-import * as TaxForm from "../tax-and-cash/sqm-tax-form/TaxForm.stories";
-import * as TaxFormSlots from "../tax-and-cash/sqm-tax-form/small-views/SlotViews.stories";
+import * as TaxForm from "../tax-and-cash/sqm-user-info-form/TaxForm.stories";
+import * as TaxFormSlots from "../tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories";
 import * as RadioCard from "../sqm-radio-card/RadioCard.stories";
 import * as ProgressBar from "../sqm-task-card/progress-bar/ProgressBar.stories";
 import * as PayoutDetailsCard from "../tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-b-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
similarity index 98%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-b-view.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
index 1e38ff5733..5ea0e8fa02 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-b-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
@@ -109,7 +109,7 @@ const vanillaStyle = `
     }
   `;
 
-export const TaxFormStepThreeBView = (props: TaxFormStepThreeBViewProps) => {
+export const DocumentTypeFormView = (props: TaxFormStepThreeBViewProps) => {
   const {
     states,
     states: { formState },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-a-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
similarity index 98%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-a-view.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 3b191dfb96..71e5862a43 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-a-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -135,7 +135,7 @@ const vanillaStyle = `
     }
   `;
 
-export const TaxFormStepThreeAView = (props: TaxFormStepThreeAViewProps) => {
+export const DocusignFormView = (props: TaxFormStepThreeAViewProps) => {
   const {
     states,
     states: { formState },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index d7c624b237..4e4b7ab6e2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -3,10 +3,7 @@ import { Component, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
-import {
-  TaxFormStepTwoProps,
-  TaxFormStepTwoView,
-} from "../sqm-tax-form/sqm-tax-form-step-2-view";
+import { TaxFormStepTwoProps } from "../sqm-indirect-tax-form/sqm-indirect-tax-form-view";
 import { useDocusignForm } from "./useDocusignForm";
 
 /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepThree.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useTaxFormStepThree.tsx
similarity index 100%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepThree.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useTaxFormStepThree.tsx
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
similarity index 98%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 9c6dee96e5..b6dcbbd3b5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -108,7 +108,7 @@ const vanillaStyle = `
     }
   `;
 
-export const TaxFormStepTwoView = (props: TaxFormStepTwoProps) => {
+export const IndirectTaxFormView = (props: TaxFormStepTwoProps) => {
   const {
     states,
     states: { formState },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
similarity index 85%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 568ee50635..156c415a07 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -1,12 +1,12 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Host, Prop, h } from "@stencil/core";
-import { useTaxFormStepTwo } from "./useTaxFormStepTwo";
 import { getProps } from "../../../utils/utils";
-import { TaxFormStepTwoView } from "./sqm-tax-form-step-2-view";
-import { IndirectDetailsSlotView } from "./small-views/IndirectTaxDetailsView";
+import { IndirectDetailsSlotView } from "../sqm-user-info-form/small-views/IndirectTaxDetailsView";
+import { IndirectTaxFormView } from "./sqm-indirect-tax-form-view";
+import { useIndirectTaxForm } from "./useIndirectTaxForm";
 
 @Component({
-  tag: "sqm-tax-form-step-2",
+  tag: "sqm-indirect-tax-form",
   shadow: true,
 })
 export class TaxFormStepTwo {
@@ -30,7 +30,7 @@ export class TaxFormStepTwo {
   disconnectedCallback() {}
 
   render() {
-    const props = useTaxFormStepTwo(getProps(this));
+    const props = useIndirectTaxForm(getProps(this));
 
     const registeredIn =
       props.option === "hstCanada"
@@ -53,7 +53,7 @@ export class TaxFormStepTwo {
 
     return (
       <Host>
-        <TaxFormStepTwoView
+        <IndirectTaxFormView
           callbacks={{
             onBack: props.onBack,
             onChange: props.setOption,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-tax-form-step-2.feature
similarity index 100%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-2.feature
rename to packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-tax-form-step-2.feature
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
similarity index 98%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index c8694c8003..0c4bfb632f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxFormStepTwo.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -16,7 +16,7 @@ const GET_COUNTRIES = gql`
   }
 `;
 
-export function useTaxFormStepTwo(props: any) {
+export function useIndirectTaxForm(props: any) {
   const formRef = useRef<HTMLFormElement>(null);
   const [loading, setLoading] = useState(false);
   const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
similarity index 100%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted-view.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
similarity index 100%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.feature
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
similarity index 94%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 0861b83753..0bc40ec147 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -1,9 +1,9 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Host, Prop, h } from "@stencil/core";
-import { useTaxDocumentSubmitted } from "./useTaxDocumentSubmitted";
 import { getProps } from "../../../utils/utils";
+import { taxFormDocumentSubmittedText as defaults } from "../sqm-user-info-form/defaultTextCopy";
 import { TaxDocumentSubmittedView } from "./sqm-tax-document-submitted-view";
-import { taxFormDocumentSubmittedText as defaults } from "./defaultTextCopy";
+import { useTaxDocumentSubmitted } from "./useTaxDocumentSubmitted";
 
 @Component({ tag: "sqm-tax-document-submitted", shadow: true })
 export class TaxDocumentSubmitted {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
similarity index 100%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxDocumentSubmitted.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-view.tsx
deleted file mode 100644
index fb01752dc6..0000000000
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-3-view.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-import { VNode, h } from "@stencil/core";
-import { createStyleSheet } from "../../../styling/JSS";
-
-export interface TaxFormStepThreeViewProps {
-  states: {
-    loading: boolean;
-    submitDisabled: boolean;
-    formState: {
-      formSubmisson: boolean;
-      errors?: any;
-    };
-    formSlot: VNode;
-  };
-  callbacks: {
-    onSubmit: (props: any) => void;
-    onBack: () => void;
-  };
-  text: {
-    step: string;
-    stepOf: string;
-    taxForm: string;
-    submitButton: string;
-    backButton: string;
-    error: {
-      formSubmission: string;
-    };
-  };
-}
-
-const style = {
-  FormWrapper: {
-    display: "flex",
-    justifyContent: "flex-start",
-    flexDirection: "column",
-  },
-  CheckboxContainer: {
-    display: "flex",
-    alignItems: "flex-start",
-    justifyContent: "flex-start",
-    flexDirection: "column",
-    gap: "var(--sl-spacing-xx-small)",
-  },
-  TitleContainer: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "flex-start",
-    gap: "var(--sl-spacing-small)",
-  },
-  TextContainer: {
-    display: "flex",
-    justifyContent: "flex-start",
-    flexDirection: "column",
-    gap: "24px",
-    paddingBottom: "16px",
-  },
-  BtnContainer: {
-    paddingTop: "36px",
-    display: "flex",
-    gap: "8px",
-  },
-  ErrorText: {
-    color: "var(--sl-color-danger-500)",
-    marginTop: "10px",
-  },
-  DescriptionText: {
-    color: "var(--sl-color-neutral-500)",
-  },
-  SecondaryBtn: {
-    "&::part(base)": {
-      color: "var(--sl-color-gray-800) !important",
-    },
-  },
-};
-
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-
-const vanillaStyle = `
-    :host{
-      display: block;   
-    }
-    * {
-       margin: 0;
-       padding: 0;
-       box-sizing: border-box;
-    }
-
-    p {
-      line-height: 18px;
-      color: var(--sl-color-gray-800);
-       font-size: var(--sl-font-size-small);
-    }
-
-    sl-checkbox::part(control) {
-        border-radius: 50%;
-    }
-  `;
-
-export const TaxFormStepThreeView = (props: TaxFormStepThreeViewProps) => {
-  const {
-    states,
-    states: { formState },
-    callbacks,
-    text,
-  } = props;
-
-  const { classes } = sheet;
-
-  return (
-    <sl-form class={classes.FormWrapper} onSl-submit={callbacks.onSubmit}>
-      <style type="text/css">
-        {styleString}
-        {vanillaStyle}
-      </style>
-      <div class={classes.TextContainer}>
-        <div>
-          <p>
-            {text.step} 3 {text.stepOf} 4
-          </p>
-          <h3>{text.taxForm}</h3>
-        </div>
-      </div>
-      {states.formSlot}
-      <div class={classes.BtnContainer}>
-        <sl-button
-          type="primary"
-          loading={states.loading}
-          disabled={states.submitDisabled}
-          submit
-          exportparts="base: primarybutton-base"
-        >
-          {text.submitButton}
-        </sl-button>
-        <sl-button
-          class={classes.SecondaryBtn}
-          type="text"
-          loading={states.loading}
-          disabled={states.submitDisabled}
-          onClick={() => {
-            callbacks.onBack();
-          }}
-          exportparts="base: secondarybutton-base"
-        >
-          {text.backButton}
-        </sl-button>
-      </div>
-    </sl-form>
-  );
-};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
similarity index 90%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 458cb71bea..51d911d6a4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -1,37 +1,33 @@
 import { h } from "@stencil/core";
 import {
-  TaxFormStepOneView,
-  TaxFormStepOneProps,
-} from "./sqm-tax-form-step-1-view";
+  DocumentTypeFormView,
+  TaxFormStepThreeBViewProps,
+} from "../sqm-document-type-form/sqm-document-type-form-view";
+import {
+  DocusignFormView,
+  TaxFormStepThreeAViewProps,
+} from "../sqm-docusign-form/sqm-docusign-form-view";
 import {
+  IndirectTaxFormView,
   TaxFormStepTwoProps,
-  TaxFormStepTwoView,
-} from "./sqm-tax-form-step-2-view";
+} from "../sqm-indirect-tax-form/sqm-indirect-tax-form-view";
 import {
   TaxDocumentSubmittedProps,
   TaxDocumentSubmittedView,
-} from "./sqm-tax-document-submitted-view";
-import {
-  RegisteredInCanada,
-  RegisteredInOtherRegion,
-} from "./small-views/SlotViews.stories";
+} from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
 import {
   taxFormStepOneText,
   taxFormStepThreeText,
   taxFormStepTwoText,
 } from "./defaultTextCopy";
 import {
-  TaxFormStepThreeView,
-  TaxFormStepThreeViewProps,
-} from "./sqm-tax-form-step-3-view";
-import {
-  TaxFormStepThreeBView,
-  TaxFormStepThreeBViewProps,
-} from "./sqm-tax-form-step-3-b-view";
+  RegisteredInCanada,
+  RegisteredInOtherRegion,
+} from "./small-views/SlotViews.stories";
 import {
-  TaxFormStepThreeAView,
-  TaxFormStepThreeAViewProps,
-} from "./sqm-tax-form-step-3-a-view";
+  TaxFormStepOneProps,
+  UserInfoFormView,
+} from "./sqm-user-info-form-view";
 
 export default {
   title: "Components/Tax Form",
@@ -196,12 +192,12 @@ const stepThreeBProps: TaxFormStepThreeBViewProps = {
 
 // STEP ONE
 export const StepOne = () => {
-  return <TaxFormStepOneView {...stepOneProps} />;
+  return <UserInfoFormView {...stepOneProps} />;
 };
 
 export const StepOneLoading = () => {
   return (
-    <TaxFormStepOneView
+    <UserInfoFormView
       {...stepOneProps}
       states={{ ...stepOneProps.states, loading: true }}
     />
@@ -210,7 +206,7 @@ export const StepOneLoading = () => {
 
 export const StepOneDisabled = () => {
   return (
-    <TaxFormStepOneView
+    <UserInfoFormView
       {...stepOneProps}
       states={{ ...stepOneProps.states, submitDisabled: true }}
     />
@@ -219,7 +215,7 @@ export const StepOneDisabled = () => {
 
 export const StepOneWithErrors = () => {
   return (
-    <TaxFormStepOneView
+    <UserInfoFormView
       {...stepOneProps}
       states={{
         ...stepOneProps.states,
@@ -242,12 +238,12 @@ export const StepOneWithErrors = () => {
 
 // STEP TWO
 export const StepTwo = () => {
-  return <TaxFormStepTwoView {...stepTwoProps} />;
+  return <IndirectTaxFormView {...stepTwoProps} />;
 };
 
 export const StepTwoWithError = () => {
   return (
-    <TaxFormStepTwoView
+    <IndirectTaxFormView
       {...stepTwoProps}
       states={{
         ...stepTwoProps.states,
@@ -264,7 +260,7 @@ export const StepTwoWithError = () => {
 
 export const StepTwoHSTChecked = () => {
   return (
-    <TaxFormStepTwoView
+    <IndirectTaxFormView
       {...stepTwoProps}
       states={{
         ...stepTwoProps.states,
@@ -280,7 +276,7 @@ export const StepTwoHSTChecked = () => {
 
 export const StepTwoOtherRegionChecked = () => {
   return (
-    <TaxFormStepTwoView
+    <IndirectTaxFormView
       {...stepTwoProps}
       states={{
         ...stepTwoProps.states,
@@ -296,7 +292,7 @@ export const StepTwoOtherRegionChecked = () => {
 
 export const StepTwoNotRegisteredChecked = () => {
   return (
-    <TaxFormStepTwoView
+    <IndirectTaxFormView
       {...stepTwoProps}
       states={{
         ...stepTwoProps.states,
@@ -311,11 +307,11 @@ export const StepTwoNotRegisteredChecked = () => {
 
 // STEP THREE
 export const StepThreeWithDocusign = () => {
-  return <TaxFormStepThreeAView {...stepThreeAProps} />;
+  return <DocusignFormView {...stepThreeAProps} />;
 };
 
 export const StepThreeWithFormSelector = () => {
-  return <TaxFormStepThreeBView {...stepThreeBProps} />;
+  return <DocumentTypeFormView {...stepThreeBProps} />;
 };
 
 export const TaxDocumentSubmittedActive = () => {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
similarity index 88%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
rename to packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 5037c113d1..18daa37d82 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -1,8 +1,7 @@
 import { IndirectDetailsSlotViewProps } from "./small-views/IndirectTaxDetailsView";
-import { TaxFormStepOneProps } from "./sqm-tax-form-step-1-view";
-import { TaxDocumentSubmittedProps } from "./sqm-tax-document-submitted-view";
-import { TaxFormStepTwoProps } from "./sqm-tax-form-step-2-view";
-import { TaxFormStepThreeViewProps } from "./sqm-tax-form-step-3-view";
+import { TaxFormStepOneProps } from "./sqm-user-info-form-view";
+import { TaxDocumentSubmittedProps } from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
+import { TaxFormStepTwoProps } from "../sqm-indirect-tax-form/sqm-indirect-tax-form-view";
 
 export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
   selectedRegion: "Country / Region of Indirect Tax",
@@ -57,7 +56,7 @@ export const taxFormStepTwoText: TaxFormStepTwoProps["text"] = {
   },
 };
 
-export const taxFormStepThreeText: TaxFormStepThreeViewProps["text"] = {
+export const taxFormStepThreeText: any = {
   step: "Step",
   stepOf: "of",
   taxForm: "Tax form",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/DocusignWrapperView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignWrapperView.tsx
similarity index 100%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/DocusignWrapperView.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignWrapperView.tsx
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
similarity index 100%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/IndirectTaxDetailsView.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
similarity index 100%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/SlotViews.stories.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/TaxFormSelectionView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/TaxFormSelectionView.tsx
similarity index 100%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/small-views/TaxFormSelectionView.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/TaxFormSelectionView.tsx
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
similarity index 99%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 2b427ad3a2..fd074236cf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form-step-1-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -132,7 +132,7 @@ const vanillaStyle = `
 
   `;
 
-export const TaxFormStepOneView = (props: TaxFormStepOneProps) => {
+export const UserInfoFormView = (props: TaxFormStepOneProps) => {
   const {
     states,
     states: { formState },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
similarity index 93%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index fab92ea098..09dc59df7c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -4,13 +4,9 @@ import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
-import { TaxFormStepOneView } from "./sqm-tax-form-step-1-view";
-import { useTaxForm } from "./useTaxForm";
-import {
-  taxFormDocumentSubmittedText,
-  taxFormStepOneText,
-  // taxFormDocumentSubmitted,
-} from "./defaultTextCopy";
+import { taxFormStepOneText } from "./defaultTextCopy";
+import { UserInfoFormView } from "./sqm-user-info-form-view";
+import { useTaxForm } from "./useUserInfoForm";
 
 /**
  * @uiName Tax And Cash
@@ -18,7 +14,7 @@ import {
  * @example User Name Display - <sqm-user-name fallback="Anonymous User" loading-text="..."></sqm-user-name>
  */
 @Component({
-  tag: "sqm-tax-form",
+  tag: "sqm-user-info-form",
   shadow: true,
 })
 export class TaxForm {
@@ -102,7 +98,7 @@ export class TaxForm {
 
     return (
       <Host>
-        <TaxFormStepOneView
+        <UserInfoFormView
           states={{
             loading: props.loading,
             submitDisabled: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
similarity index 96%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 1ad1d1cd15..8107c77264 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/useTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -1,20 +1,14 @@
-import {
-  useCallback,
-  useEffect,
-  useRef,
-  useState,
-} from "@saasquatch/universal-hooks";
-import { useParent } from "../../../utils/useParentState";
-import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
-import { TaxForm } from "./sqm-tax-form";
 import {
   setUserIdentity,
   useQuery,
-  useRegisterWithEmailAndPasswordMutation,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
-import jsonpointer from "jsonpointer";
+import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
+import jsonpointer from "jsonpointer";
+import { useParent } from "../../../utils/useParentState";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
+import { TaxForm } from "./sqm-user-info-form";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 271722ce95..7ec9d71db5 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,25 +12,24 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash>
       <template path="/1">
-        <sqm-tax-form />
+        <sqm-user-info-form />
       </template>
       <template path="/2">
-        <sqm-tax-form-step-2 />
+        <sqm-indirect-tax-form />
       </template>
-      <template path="/3/:documentType">
+      <template path="/3/:documentType?">
         <sqm-docusign-form />
       </template>
-      <template path="/4">
+      <!-- <template path="/4">
         <sqm-cash-form />
-      </template> 
+      </template>  -->
       <template path="/4">
         <sqm-tax-document-submitted />
       </template>
       <template path="/5">confirmation screen</template>
     </sqm-tax-and-cash>
-  -->
   </body>
 </html>

From 32730c3f2ebd578a7fdc6249c1eddfcd7e43f3ef Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 26 Jan 2024 15:47:14 -0800
Subject: [PATCH 053/753] Added specs for sqm-tax-document-step-1

---
 .../sqm-tax-document-step-1.feature           | 57 +++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-step-1.feature

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-step-1.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-step-1.feature
new file mode 100644
index 0000000000..2ea889a6f1
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form/sqm-tax-document-step-1.feature
@@ -0,0 +1,57 @@
+@owner:andy
+@author:andy
+
+Feature: Tax Form Step One
+
+
+	Background: A user is prompted to enter their personal and initial tax information
+		Given a user is on the First step of the tax form
+
+
+    @minutia
+    Scenario Outline: A user fills out Tax Form Step One with the required information
+    Given the user is on Tax Form Step One
+    When the user fills out the form with:
+      | First Name               | <firstName>             |
+      | Last Name                | <lastName>              |
+      | Email                    | <email>                 |
+      | Country Code             | <countryCode>           |
+      | Currency                 | <currency>              |
+      | Participant Type         | <participantType>       |
+      | Allow Banking Collection | <allowBankingCollection>|
+    And the user agrees to the terms which sets <allowBankingCollection> to true
+    Then the user can press the Submit button
+    Then the form succesfully submits
+    Examples:
+    | FirstName | LastName | Email                | CountryCode | Currency | ParticipantType         | AllowBankingCollection |
+    | John      | Doe      | john.doe@email.com   | US          | USD      | individualParticipant   | true                   |
+    | Bob       | Johnson  | bob.johnson@email.com| UK          | GBP      | individualParticipant   | true                   |
+
+
+    @minutia
+    @ui
+    Scenario Outline: A user fills out Tax Form Step One with invalid values
+    Given the user is on Tax Form Step One
+    When the user fills out the form with invalid values for the follow fields:
+        | First Name               | <firstName>             |
+        | Last Name                | <lastName>              |
+        | Email                    | <email>                 |
+        | Country Code             | <countryCode>           |
+        | Currency                 | <currency>              |
+        | Participant Type         | <participantType>       |
+        | Allow Banking Collection | <allowBankingCollection>|
+    Then the form displays the respective errors for each field:
+        | <firstName>               | Enter a first name        |
+        | <lastName>                | Enter a last name         |
+        | <email>                   | Enter a valid email       |
+        | <countryCode>             | Select a country          |
+        | <currency>                | Select a currency         |
+        | <participantType>         | Select a participant type |
+        | <allowBankingCollection>  | This field is required    |
+
+    @minutia
+    @ui
+    Scenario: The loading state is shown when the form is submitted
+        Given the form is submitted
+        And the form fields are disabled
+        Then a loading spinner appears in the Submit button

From cf73d770a1a187c1cbd2ee5abfb14641f84f52ee Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 26 Jan 2024 16:16:06 -0800
Subject: [PATCH 054/753] Added loading prop to tax-documented-submitted-view

---
 .../sqm-tax-document-submitted-view.tsx       | 65 ++++++++++++-------
 .../sqm-user-info-form/TaxForm.stories.tsx    | 24 +++++++
 2 files changed, 66 insertions(+), 23 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index c2491726d2..bd36bf2593 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -1,7 +1,10 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
 import { intl } from "../../../global/global";
-import { PayoutDetailsCardView, PayoutDetailsCardViewProps } from "../sqm-payout-details-card/sqm-payout-details-card";
+import {
+  PayoutDetailsCardView,
+  PayoutDetailsCardViewProps,
+} from "../sqm-payout-details-card/sqm-payout-details-card";
 
 export interface TaxDocumentSubmittedProps {
   states: {
@@ -9,6 +12,7 @@ export interface TaxDocumentSubmittedProps {
     documentType: "W9" | "W8-BEN-E" | "W8-BEN";
     dateSubmitted: string;
     dateExpired?: string;
+    loading?: boolean;
   };
   callbacks: { onClick: (props: any) => void };
   text: {
@@ -36,7 +40,7 @@ const style = {
     },
   },
   BankingInformationContainer: {
-    maxWidth: "700px"
+    maxWidth: "700px",
   },
   TaxDocumentsContainer: {
     marginTop: "var(--sl-spacing-x-large)",
@@ -57,6 +61,9 @@ const style = {
   NewFormButton: {
     marginTop: "var(--sl-spacing-x-small)",
   },
+  EditBankDetailsButton: {
+    marginTop: "var(--sl-spacing-medium)",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -185,28 +192,40 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
 
   return (
     <div>
-      <style type="text/css">{styleString}</style>
-      {(states.status === "NOT_ACTIVE" || states.status === "EXPIRED") &&
-        alertMap[states.status]}
-      <div>
-        <h3>{text.bankingInformationSectionHeader}</h3>
-        <div class={sheet.classes.BankingInformationContainer}>
-          {/* AL: Placeholder for banking information. TBD with design with what belongs here */}
-          <PayoutDetailsCardView {...testDetailsCardProps}/>
+      {!states.loading ? (
+        <div>
+          <style type="text/css">{styleString}</style>
+          {(states.status === "NOT_ACTIVE" || states.status === "EXPIRED") &&
+            alertMap[states.status]}
+          <div>
+            <h3>{text.bankingInformationSectionHeader}</h3>
+            <div class={sheet.classes.BankingInformationContainer}>
+              {/* AL: Placeholder for banking information. TBD with design with what belongs here */}
+              <PayoutDetailsCardView {...testDetailsCardProps} />
+              <sl-button
+                type="default"
+                class={sheet.classes.EditBankDetailsButton}
+              >
+                Edit Bank Details
+              </sl-button>
+            </div>
+          </div>
+          <div class={sheet.classes.TaxDocumentsContainer}>
+            <h3>{text.taxDocumentSectionHeader}</h3>
+            <h4>{text.taxDocumentSectionSubHeader}</h4>
+            {statusMap[states.status]}
+          </div>
+          <sl-button
+            onClick={callbacks.onClick}
+            type="primary"
+            class={sheet.classes.NewFormButton}
+          >
+            {text.newFormButton}
+          </sl-button>
         </div>
-      </div>
-      <div class={sheet.classes.TaxDocumentsContainer}>
-        <h3>{text.taxDocumentSectionHeader}</h3>
-        <h4>{text.taxDocumentSectionSubHeader}</h4>
-        {statusMap[states.status]}
-      </div>
-      <sl-button
-        onClick={callbacks.onClick}
-        type="primary"
-        class={sheet.classes.NewFormButton}
-      >
-        {text.newFormButton}
-      </sl-button>
+      ) : (
+        <sl-spinner></sl-spinner>
+      )}
     </div>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 51d911d6a4..6e4861ef86 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -149,6 +149,26 @@ const documentSubmittedExpiredProps: TaxDocumentSubmittedProps = {
   },
 };
 
+const documentSubmittedLoadingProps: TaxDocumentSubmittedProps = {
+  states: {
+    status: "EXPIRED",
+    documentType: "W8-BEN-E",
+    dateSubmitted: "Jan 18th, 2025",
+    loading: true,
+  },
+  callbacks: { onClick: () => console.log("Submit new Form") },
+  text: {
+    statusTextExpired: "Expired",
+    badgeTextSubmittedOn: "Expired On",
+    bankingInformationSectionHeader: "Banking Information",
+    taxDocumentSectionHeader: "Tax Documents",
+    taxAlertHeader: "Your W8-BEN-E tax form has expired. ",
+    taxAlertMessage: "Please resubmit a new W8-BEN-E form.",
+    taxDocumentSectionSubHeader: "W8-BEN-E Tax Documents",
+    newFormButton: "Submit New Form",
+  },
+};
+
 const stepThreeAProps: TaxFormStepThreeAViewProps = {
   states: {
     loading: false,
@@ -329,3 +349,7 @@ export const TaxDocumentSubmittedNotActive = () => {
 export const TaxDocumentSubmittedExpired = () => {
   return <TaxDocumentSubmittedView {...documentSubmittedExpiredProps} />;
 };
+
+export const TaxDocumentSubmittedLoading = () => {
+  return <TaxDocumentSubmittedView {...documentSubmittedLoadingProps} />;
+};

From a4cf296de2fce41924636ce335f396f13eb07571 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 26 Jan 2024 16:17:24 -0800
Subject: [PATCH 055/753] added useSetParent and useParentValue hooks,
 re-arranged the data fetching a bit

---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  4 +
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 71 ++++++++++++++-
 .../sqm-user-info-form/sqm-user-info-form.tsx |  1 -
 .../sqm-user-info-form/useUserInfoForm.tsx    | 91 ++-----------------
 .../src/utils/useParentState.ts               | 21 ++++-
 5 files changed, 101 insertions(+), 87 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 99ab85baea..adad31d9c1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -4,6 +4,7 @@ import deepmerge from "deepmerge";
 import { UserNameViewProps } from "./sqm-tax-and-cash-view";
 import { useTaxAndCash } from "./useTaxAndCash";
 import { DemoData } from "../../../global/demo";
+import { LoadingSkeleton } from "../../../tables/TableSlots";
 
 /**
  * @uiName Tax And Cash
@@ -34,6 +35,9 @@ export class TaxAndCash {
     const props = useTaxAndCash();
 
     console.log({ props, step: props.step });
+
+    if (props.loading) return <LoadingSkeleton />;
+
     return (
       <div>
         <sqm-context-router contextName={props.namespace}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index ff5fd935e5..347a98f8b2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -1,4 +1,11 @@
-import { useHost } from "@saasquatch/component-boilerplate";
+import {
+  setUserIdentity,
+  useHost,
+  useQuery,
+  useUserIdentity,
+} from "@saasquatch/component-boilerplate";
+import { useEffect } from "@saasquatch/universal-hooks";
+import { gql } from "graphql-request";
 import {
   getContextValueName,
   useParentState,
@@ -6,10 +13,27 @@ import {
 
 export const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
 
+export const USER_CONTEXT_NAMESPACE = "sq:tax-and-cash-user";
+
 export type TaxContextType = {
   step: string;
   setStep: (value: string) => void;
 };
+
+const GET_USER = gql`
+  query {
+    viewer {
+      ... on User {
+        firstName
+        lastName
+        email
+        countryCode
+        customFields
+      }
+    }
+  }
+`;
+
 export function useTaxAndCash() {
   const host = useHost();
 
@@ -21,11 +45,56 @@ export function useTaxAndCash() {
     initialValue: "/1",
   });
 
+  const [_userData, setUserData] = useParentState<string>({
+    host,
+    namespace: USER_CONTEXT_NAMESPACE,
+  });
+
+  /**** DEMO DATA */
+
+  const id = "zach.harrison@referralsaasquatch.com";
+  const accountId = id;
+  const programId = "klip-referral-program";
+
+  //@ts-ignore
+  window.widgetIdent = {
+    tenantAlias: "test_a74miwdpofztj",
+    appDomain: "https://staging.referralsaasquatch.com",
+    programId,
+  };
+
+  useEffect(() => {
+    setUserIdentity({
+      accountId,
+      id,
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIn19.Wi8Vd5r64g5n8VNhiY-v5cqFcLwGxPG3Wi3dVSfkFZI",
+    });
+    // return () => {
+    //   window.widgetIdent = undefined;
+    //   setUserIdentity(undefined);
+    // };
+  }, []);
+  /*** */
+
+  const user = useUserIdentity();
+
+  const { data, loading } = useQuery(GET_USER, {
+    id: user?.id,
+    accountId: user?.accountId,
+  });
+
+  useEffect(() => {
+    if (data) {
+      setUserData(data);
+    }
+  }, [data]);
+
   console.log({ step });
 
   return {
     step,
     setStep,
     namespace: getContextValueName(TAX_CONTEXT_NAMESPACE),
+    loading,
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 09dc59df7c..d70b1dd720 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -100,7 +100,6 @@ export class TaxForm {
       <Host>
         <UserInfoFormView
           states={{
-            loading: props.loading,
             submitDisabled: false,
             //@ts-ignore
             formState: props.formState,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 8107c77264..a5721fb0f3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -1,13 +1,10 @@
-import {
-  setUserIdentity,
-  useQuery,
-  useUserIdentity,
-} from "@saasquatch/component-boilerplate";
 import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
-import { gql } from "graphql-request";
 import jsonpointer from "jsonpointer";
-import { useParent } from "../../../utils/useParentState";
-import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
+import { useParent, useParentValue } from "../../../utils/useParentState";
+import {
+  TAX_CONTEXT_NAMESPACE,
+  USER_CONTEXT_NAMESPACE,
+} from "../sqm-tax-and-cash/useTaxAndCash";
 import { TaxForm } from "./sqm-user-info-form";
 
 // returns either error message if invalid or undefined if valid
@@ -38,58 +35,14 @@ export type InitialData = {
   [key: string]: string;
 };
 
-const GET_USER = gql`
-  query {
-    viewer {
-      ... on User {
-        firstName
-        lastName
-        email
-        countryCode
-        customFields
-      }
-    }
-  }
-`;
-
 export function useTaxForm(props: TaxForm) {
   const formRef = useRef<HTMLFormElement>(null);
   const [formState, setFormState] = useState<FormState>({});
 
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
-  /**** DEMO DATA */
-
-  const id = "zach.harrison@referralsaasquatch.com";
-  const accountId = id;
-  const programId = "klip-referral-program";
-
-  //@ts-ignore
-  window.widgetIdent = {
-    tenantAlias: "test_a74miwdpofztj",
-    appDomain: "https://staging.referralsaasquatch.com",
-    programId,
-  };
-
-  useEffect(() => {
-    setUserIdentity({
-      accountId,
-      id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIn19.Wi8Vd5r64g5n8VNhiY-v5cqFcLwGxPG3Wi3dVSfkFZI",
-    });
-    // return () => {
-    //   window.widgetIdent = undefined;
-    //   setUserIdentity(undefined);
-    // };
-  }, []);
-  /*** */
-
-  const user = useUserIdentity();
-
-  const { data, loading } = useQuery(GET_USER, {
-    id: user?.id,
-    accountId: user?.accountId,
-  });
+  // TODO: user types
+  const data = useParentValue<any>(USER_CONTEXT_NAMESPACE);
 
   useEffect(() => {
     console.log({ data });
@@ -109,35 +62,6 @@ export function useTaxForm(props: TaxForm) {
     setFormState({ ...formState, participantType: value });
   }
 
-  // const inputFunction = useCallback((e) => {
-
-  //   const name = e.target?.type?.toLowerCase();
-  //   if (name !== "tel") return;
-  //   const asYouType = new AsYouType("US");
-  //   e.target.value = asYouType.input(e.target.value);
-  // }, []);
-
-  // useEffect(() => {
-  //   if (!formRef.current) return;
-  //   const form = formRef.current;
-  //   form.addEventListener("sl-input", inputFunction);
-  //   return () => {
-  //     form.removeEventListener("sl-input", inputFunction);
-  //   };
-  // }, [formRef.current]);
-
-  // let errorMessage = "";
-  // if (errors?.response?.["error"]) {
-  //   errorMessage = props.networkErrorMessage;
-  // } else if (errors?.message && !errors?.response?.errors.length) {
-  //   errorMessage = props.networkErrorMessage;
-  // } else {
-  //   errorMessage =
-  //     errors?.response?.errors?.[0]?.extensions?.message ||
-  //     errors?.response?.errors?.[0]?.message ||
-  //     formState?.error;
-  // }
-
   async function onSubmit(event: any) {
     let formControls = event.target.getFormControls();
 
@@ -213,7 +137,6 @@ export function useTaxForm(props: TaxForm) {
     setStep: setStep,
     onSubmit,
     onRadioClick,
-    loading,
     text: {
       ...props,
     },
diff --git a/packages/mint-components/src/utils/useParentState.ts b/packages/mint-components/src/utils/useParentState.ts
index b3acf26e71..04af848d17 100644
--- a/packages/mint-components/src/utils/useParentState.ts
+++ b/packages/mint-components/src/utils/useParentState.ts
@@ -6,7 +6,7 @@ export type StateType<T> = [value?: T, setValue?: (value: T) => void];
 type ParentStateProps<T> = {
   host: HTMLElement;
   namespace: string;
-  initialValue: T;
+  initialValue?: T;
 };
 
 export function useParentState<T>(props: ParentStateProps<T>): StateType<T> {
@@ -38,6 +38,25 @@ export function useParent<T>(namespace: string): StateType<T | undefined> {
   return [parentValue, parent[1]];
 }
 
+export function useSetParent<T>(
+  namespace: string
+): (value: T) => void | undefined {
+  const parent = useDomContext<StateType<T | undefined>>(
+    getContextName(namespace)
+  );
+  if (!parent) return undefined;
+  return parent[1];
+}
+
+export function useParentValue<T>(namespace: string): T | undefined {
+  const parentValue = useDomContext<T | undefined>(
+    getContextValueName(namespace)
+  );
+
+  if (!parentValue) undefined;
+  return parentValue;
+}
+
 export function getContextValueName(namespace: string) {
   return namespace + "-value";
 }

From 940cc9807bc0c0aed4021be3f233b50302c24731 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 26 Jan 2024 16:17:35 -0800
Subject: [PATCH 056/753] Update index.html

---
 packages/mint-components/src/index.html | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 7ec9d71db5..95ccebe28f 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,24 +12,25 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash>
       <template path="/1">
-        <sqm-user-info-form />
+        <sqm-tax-form />
       </template>
       <template path="/2">
-        <sqm-indirect-tax-form />
+        <sqm-tax-form-step-2 />
       </template>
-      <template path="/3/:documentType?">
+      <template path="/3">
         <sqm-docusign-form />
       </template>
-      <!-- <template path="/4">
+      <template path="/4">
         <sqm-cash-form />
-      </template>  -->
+      </template> 
       <template path="/4">
         <sqm-tax-document-submitted />
       </template>
       <template path="/5">confirmation screen</template>
     </sqm-tax-and-cash>
+  -->
   </body>
 </html>

From 11e3c577ffc2ed503bbe211a6e1d1d5b0c88dd48 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 29 Jan 2024 10:22:30 -0800
Subject: [PATCH 057/753] Add default props to controller and cleanup view

---
 .../sqm-document-type-form-view.tsx           | 40 ++++++++-----------
 .../sqm-indirect-tax-form-view.tsx            |  1 -
 .../sqm-indirect-tax-form.tsx                 | 31 ++++++++------
 .../sqm-user-info-form/TaxForm.stories.tsx    |  8 ++--
 .../sqm-user-info-form/defaultTextCopy.ts     | 16 ++++++--
 5 files changed, 51 insertions(+), 45 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
index 5ea0e8fa02..0e62d9550a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
@@ -1,7 +1,7 @@
 import { VNode, h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
 
-export interface TaxFormStepThreeBViewProps {
+export interface DocumentTypeFormViewProps {
   states: {
     loading: boolean;
     submitDisabled: boolean;
@@ -19,11 +19,15 @@ export interface TaxFormStepThreeBViewProps {
     step: string;
     stepOf: string;
     taxForm: string;
+    formLabel: string;
+    w9Label: string;
+    w9Description: string;
+    w8Label: string;
+    w8Description: string;
+    w8ELabel: string;
+    w8EDescription: string;
     submitButton: string;
     backButton: string;
-    error: {
-      formSubmission: string;
-    };
   };
 }
 
@@ -80,7 +84,7 @@ const style = {
     color: "var(--sl-color-neutral-500)",
     lineHeight: "22px",
   },
-  BoldText: {
+  LabelText: {
     fontWeight: "bold",
   },
 };
@@ -109,7 +113,7 @@ const vanillaStyle = `
     }
   `;
 
-export const DocumentTypeFormView = (props: TaxFormStepThreeBViewProps) => {
+export const DocumentTypeFormView = (props: DocumentTypeFormViewProps) => {
   const {
     states,
     states: { formState },
@@ -133,31 +137,21 @@ export const DocumentTypeFormView = (props: TaxFormStepThreeBViewProps) => {
           <h3>{text.taxForm}</h3>
         </div>
       </div>
-      <p class={classes.BoldText}>Select a tax form</p>
+      <p class={classes.LabelText}>{text.formLabel}</p>
 
       <sl-radio-group value={formState.selectedTaxForm}>
         <div class={classes.RadioContainer}>
           <sl-radio value="w9">
-            <p class={classes.BoldText}>W9</p>
-            <p class={classes.DescriptionText}>
-              W9 For participants based in the US, joining the referral program
-              of a US-based company.
-            </p>
+            <p class={classes.LabelText}>{text.w9Label}</p>
+            <p class={classes.DescriptionText}>{text.w9Description}</p>
           </sl-radio>
           <sl-radio value="w8-ben">
-            <p class={classes.BoldText}> W8-BEN</p>
-            <p class={classes.DescriptionText}>
-              W8-BEN For individuals residing outside of the US, joining the
-              referral program of a US-based company.
-            </p>
+            <p class={classes.LabelText}>{text.w8Label}</p>
+            <p class={classes.DescriptionText}>{text.w8Description}</p>
           </sl-radio>
           <sl-radio value="w8-ben-e">
-            <p class={classes.BoldText}>W8-BEN-E</p>
-            <p class={classes.DescriptionText}>
-              W8-BEN-E For participants residing outside of the US who represent
-              a business entity, joining the referral program of a US-based
-              company.
-            </p>
+            <p class={classes.LabelText}>{text.w8ELabel}</p>
+            <p class={classes.DescriptionText}>{text.w8EDescription}</p>
           </sl-radio>
         </div>
       </sl-radio-group>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index b6dcbbd3b5..b98e882a42 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -200,7 +200,6 @@ export const IndirectTaxFormView = (props: TaxFormStepTwoProps) => {
           class={classes.SecondaryBtn}
           type="text"
           loading={states.loading}
-          // disabled={states.submitDisabled}
           onClick={() => {
             callbacks.onBack();
           }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 156c415a07..25d74296bc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -2,26 +2,31 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Host, Prop, h } from "@stencil/core";
 import { getProps } from "../../../utils/utils";
 import { IndirectDetailsSlotView } from "../sqm-user-info-form/small-views/IndirectTaxDetailsView";
-import { IndirectTaxFormView } from "./sqm-indirect-tax-form-view";
+import {
+  IndirectTaxFormView,
+  TaxFormStepTwoProps,
+} from "./sqm-indirect-tax-form-view";
 import { useIndirectTaxForm } from "./useIndirectTaxForm";
+import { taxFormStepTwoText } from "../sqm-user-info-form/defaultTextCopy";
 
 @Component({
   tag: "sqm-indirect-tax-form",
   shadow: true,
 })
 export class TaxFormStepTwo {
-  @Prop() step: string = "Step";
-  @Prop() stepOf: string = "of";
-  @Prop() indirectTax: string = "Indirect Taxes";
-  @Prop() indirectTaxDescription: string = "TODO";
-  @Prop() indirectTaxDetails: string = "Indirect Tax Details";
-  @Prop() indirectTaxDetailsDescription: string = "TODO";
-  @Prop() hstCanada: string = "I am registered for HST Canada";
-  @Prop() otherRegion: string =
-    "I am registered for Indirect Tax in a different Country / Region";
-  @Prop() notRegistered: string = "I am not registered for Indirect Tax";
-  @Prop() submitButton: string = "Continue";
-  @Prop() backButton: string = "Back";
+  @Prop() step: string = taxFormStepTwoText.step;
+  @Prop() stepOf: string = taxFormStepTwoText.stepOf;
+  @Prop() indirectTax: string = taxFormStepTwoText.indirectTax;
+  @Prop() indirectTaxDescription: string =
+    taxFormStepTwoText.indirectTaxDescription;
+  @Prop() indirectTaxDetails: string = taxFormStepTwoText.indirectTaxDetails;
+  @Prop() indirectTaxDetailsDescription: string =
+    taxFormStepTwoText.indirectTaxDetailsDescription;
+  @Prop() hstCanada: string = taxFormStepTwoText.hstCanada;
+  @Prop() otherRegion: string = taxFormStepTwoText.otherRegion;
+  @Prop() notRegistered: string = taxFormStepTwoText.notRegistered;
+  @Prop() submitButton: string = taxFormStepTwoText.submitButton;
+  @Prop() backButton: string = taxFormStepTwoText.backButton;
 
   constructor() {
     withHooks(this);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 6e4861ef86..c03ecac070 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 import {
   DocumentTypeFormView,
-  TaxFormStepThreeBViewProps,
+  DocumentTypeFormViewProps,
 } from "../sqm-document-type-form/sqm-document-type-form-view";
 import {
   DocusignFormView,
@@ -16,8 +16,8 @@ import {
   TaxDocumentSubmittedView,
 } from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
 import {
+  documentTypeFormText,
   taxFormStepOneText,
-  taxFormStepThreeText,
   taxFormStepTwoText,
 } from "./defaultTextCopy";
 import {
@@ -194,7 +194,7 @@ const stepThreeAProps: TaxFormStepThreeAViewProps = {
   text: taxFormStepThreeText,
 };
 
-const stepThreeBProps: TaxFormStepThreeBViewProps = {
+const stepThreeBProps: DocumentTypeFormViewProps = {
   states: {
     loading: false,
     submitDisabled: false,
@@ -207,7 +207,7 @@ const stepThreeBProps: TaxFormStepThreeBViewProps = {
     onSubmit: (props: any) => console.log(props),
     onBack: () => console.log("Back"),
   },
-  text: taxFormStepThreeText,
+  text: documentTypeFormText,
 };
 
 // STEP ONE
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 18daa37d82..6039cc2665 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -2,6 +2,7 @@ import { IndirectDetailsSlotViewProps } from "./small-views/IndirectTaxDetailsVi
 import { TaxFormStepOneProps } from "./sqm-user-info-form-view";
 import { TaxDocumentSubmittedProps } from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
 import { TaxFormStepTwoProps } from "../sqm-indirect-tax-form/sqm-indirect-tax-form-view";
+import { DocumentTypeFormViewProps } from "../sqm-document-type-form/sqm-document-type-form-view";
 
 export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
   selectedRegion: "Country / Region of Indirect Tax",
@@ -56,15 +57,22 @@ export const taxFormStepTwoText: TaxFormStepTwoProps["text"] = {
   },
 };
 
-export const taxFormStepThreeText: any = {
+export const documentTypeFormText: DocumentTypeFormViewProps["text"] = {
   step: "Step",
   stepOf: "of",
   taxForm: "Tax form",
   backButton: "Back",
   submitButton: "Continue",
-  error: {
-    formSubmission: "",
-  },
+  formLabel: "Select a tax form",
+  w9Label: "W9",
+  w9Description:
+    "W9 For participants based in the US, joining the referral program of a US-based company.",
+  w8Label: "W8-Ben",
+  w8Description:
+    "W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company.",
+  w8ELabel: "W8-BEN-E",
+  w8EDescription:
+    "W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company.",
 };
 
 export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {

From fdcf07ad22e94c6bf9aea9ad9a62f1bc25302a15 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 10:25:02 -0800
Subject: [PATCH 058/753] added user query type

---
 .../sqm-tax-and-cash/useTaxAndCash.tsx           | 16 ++++++++++++++--
 .../sqm-user-info-form/useUserInfoForm.tsx       |  3 ++-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 347a98f8b2..e7f3803315 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -34,6 +34,18 @@ const GET_USER = gql`
   }
 `;
 
+export type UserQuery = {
+  viewer: {
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    countryCode?: string;
+    customFields?: {
+      [key: string]: any;
+    };
+  };
+};
+
 export function useTaxAndCash() {
   const host = useHost();
 
@@ -45,7 +57,7 @@ export function useTaxAndCash() {
     initialValue: "/1",
   });
 
-  const [_userData, setUserData] = useParentState<string>({
+  const [_userData, setUserData] = useParentState<UserQuery>({
     host,
     namespace: USER_CONTEXT_NAMESPACE,
   });
@@ -78,7 +90,7 @@ export function useTaxAndCash() {
 
   const user = useUserIdentity();
 
-  const { data, loading } = useQuery(GET_USER, {
+  const { data, loading } = useQuery<UserQuery>(GET_USER, {
     id: user?.id,
     accountId: user?.accountId,
   });
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index a5721fb0f3..d1d4c41b8c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -4,6 +4,7 @@ import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   USER_CONTEXT_NAMESPACE,
+  UserQuery,
 } from "../sqm-tax-and-cash/useTaxAndCash";
 import { TaxForm } from "./sqm-user-info-form";
 
@@ -42,7 +43,7 @@ export function useTaxForm(props: TaxForm) {
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
   // TODO: user types
-  const data = useParentValue<any>(USER_CONTEXT_NAMESPACE);
+  const data = useParentValue<UserQuery>(USER_CONTEXT_NAMESPACE);
 
   useEffect(() => {
     console.log({ data });

From abb34f1f9153d19628488dfdaf8067de817fd192 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 10:55:22 -0800
Subject: [PATCH 059/753] added sharable form state from step 1 to use in step
 2, wiring up things in general a bit more

---
 .../useIndirectTaxForm.tsx                    | 27 ++++++++++++++++---
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 22 +++++++++++++++
 .../sqm-user-info-form/useUserInfoForm.tsx    | 27 +++++++++++--------
 3 files changed, 61 insertions(+), 15 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 0c4bfb632f..dde0a171ee 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -1,9 +1,12 @@
-import { setUserIdentity, useQuery } from "@saasquatch/component-boilerplate";
-import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
+import { useMutation, useQuery } from "@saasquatch/component-boilerplate";
+import { useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
-import { useParent } from "../../../utils/useParentState";
-import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
+import { useParent, useParentValue } from "../../../utils/useParentState";
+import {
+  TAX_CONTEXT_NAMESPACE,
+  USER_INFO_NAMESPACE,
+} from "../sqm-tax-and-cash/useTaxAndCash";
 
 const GET_COUNTRIES = gql`
   query getCurrencies {
@@ -16,10 +19,24 @@ const GET_COUNTRIES = gql`
   }
 `;
 
+const UPSERT_USER = gql`
+  mutation ($userInput: UserInput!) {
+    upsertUser(userInput: $userInput) {
+      firstName
+      lastName
+    }
+  }
+`;
+
 export function useIndirectTaxForm(props: any) {
   const formRef = useRef<HTMLFormElement>(null);
   const [loading, setLoading] = useState(false);
   const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
+  const userFormData = useParentValue(USER_INFO_NAMESPACE);
+
+  // from step 1
+  console.log({ userFormData });
+
   const [option, setOption] = useState<
     "hstCanada" | "otherRegion" | "notRegistered"
   >(null);
@@ -33,6 +50,8 @@ export function useIndirectTaxForm(props: any) {
   );
   const countries = _countries?.countries.data;
 
+  const [upsertUser, upsertUserResponse] = useMutation(UPSERT_USER);
+
   /**** DEMO DATA */
 
   const id = "zach.harrison@referralsaasquatch.com";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index e7f3803315..f3f8b9b36e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -10,6 +10,7 @@ import {
   getContextValueName,
   useParentState,
 } from "../../../utils/useParentState";
+import { FormState } from "../sqm-user-info-form/useUserInfoForm";
 
 export const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
 
@@ -46,6 +47,15 @@ export type UserQuery = {
   };
 };
 
+export const USER_INFO_NAMESPACE = "sq:user-info-form";
+
+function getCurrentStep(user) {
+  if (!user.countryCode || !user.customFields?.currency) {
+    return "/1";
+  }
+  return "/1";
+}
+
 export function useTaxAndCash() {
   const host = useHost();
 
@@ -62,6 +72,12 @@ export function useTaxAndCash() {
     namespace: USER_CONTEXT_NAMESPACE,
   });
 
+  useParentState<FormState>({
+    host,
+    namespace: USER_INFO_NAMESPACE,
+    initialValue: {},
+  });
+
   /**** DEMO DATA */
 
   const id = "zach.harrison@referralsaasquatch.com";
@@ -98,6 +114,12 @@ export function useTaxAndCash() {
   useEffect(() => {
     if (data) {
       setUserData(data);
+      const user = data?.viewer;
+      if (!user) return;
+      const currentStep = getCurrentStep(user);
+
+      console.log({ currentStep });
+      setStep(currentStep);
     }
   }, [data]);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index d1d4c41b8c..c87d703766 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -1,12 +1,18 @@
 import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import jsonpointer from "jsonpointer";
-import { useParent, useParentValue } from "../../../utils/useParentState";
+import {
+  useParent,
+  useParentState,
+  useParentValue,
+} from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   USER_CONTEXT_NAMESPACE,
+  USER_INFO_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/useTaxAndCash";
 import { TaxForm } from "./sqm-user-info-form";
+import { useHost } from "@saasquatch/component-boilerplate";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
@@ -16,7 +22,6 @@ export type ValidationErrorFunction = (input: {
 }) => string | undefined;
 
 export type FormState = {
-  loading?: boolean;
   firstName?: string;
   lastName?: string;
   email?: string;
@@ -37,10 +42,11 @@ export type InitialData = {
 };
 
 export function useTaxForm(props: TaxForm) {
+  const host = useHost();
   const formRef = useRef<HTMLFormElement>(null);
-  const [formState, setFormState] = useState<FormState>({});
 
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
+  const [formState, setFormState] = useParent<FormState>(USER_INFO_NAMESPACE);
 
   // TODO: user types
   const data = useParentValue<UserQuery>(USER_CONTEXT_NAMESPACE);
@@ -56,6 +62,7 @@ export function useTaxForm(props: TaxForm) {
       email: user.email,
       countryCode: user.countryCode,
       currency: user.customFields?.currency,
+      participantType: user.customFields?.participantType,
     });
   }, [data]);
 
@@ -83,7 +90,7 @@ export function useTaxForm(props: TaxForm) {
       } else {
         jsonpointer.set(formData, key, value);
       }
-      console.log({ formData });
+
       // required validation
       if (control.required && !value) {
         jsonpointer.set(errors, key, props.requiredFieldErrorMessage);
@@ -96,20 +103,18 @@ export function useTaxForm(props: TaxForm) {
       }
     });
 
+    console.log({ formData, errors });
+
     if (Object.keys(errors).length) {
-      setFormState({ ...formState, loading: false, error: "", errors });
+      setFormState({ ...formState, error: "", errors });
       // early return for validation errors
       return;
     }
 
-    setFormState({
-      ...formState,
-      loading: true,
-      error: "",
-    });
-
     formData = { ...formData };
 
+    setFormState(formData);
+
     console.log({ formData });
 
     // try {

From b1f4361c3adabd1eea30b20a36a6e6fe528f60b0 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 11:22:18 -0800
Subject: [PATCH 060/753] bit of cleanup

---
 .../sqm-user-info-form/useUserInfoForm.tsx    | 125 +++++++++---------
 1 file changed, 62 insertions(+), 63 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index c87d703766..3783cf9052 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -1,10 +1,7 @@
-import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
+import { useHost } from "@saasquatch/component-boilerplate";
+import { useEffect, useRef } from "@saasquatch/universal-hooks";
 import jsonpointer from "jsonpointer";
-import {
-  useParent,
-  useParentState,
-  useParentValue,
-} from "../../../utils/useParentState";
+import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   USER_CONTEXT_NAMESPACE,
@@ -12,7 +9,6 @@ import {
   UserQuery,
 } from "../sqm-tax-and-cash/useTaxAndCash";
 import { TaxForm } from "./sqm-user-info-form";
-import { useHost } from "@saasquatch/component-boilerplate";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
@@ -77,65 +73,68 @@ export function useTaxForm(props: TaxForm) {
     let errors: Record<string, string> = {};
 
     console.log({ formControls });
-    formControls?.forEach((control) => {
-      if (!control.name) return;
-
-      const key = control.name;
-      const value = control.value;
-
-      console.log({ control });
 
-      if (control.name === "/participantType") {
-        control.checked && jsonpointer.set(formData, key, value);
-      } else {
-        jsonpointer.set(formData, key, value);
+    try {
+      formControls?.forEach((control) => {
+        if (!control.name) return;
+
+        const key = control.name;
+        const value = control.value;
+
+        console.log({ control });
+
+        if (control.name === "/participantType") {
+          control.checked && jsonpointer.set(formData, key, value);
+        } else {
+          jsonpointer.set(formData, key, value);
+        }
+
+        // required validation
+        if (control.required && !value) {
+          jsonpointer.set(errors, key, props.requiredFieldErrorMessage);
+        }
+        // custom validation
+        if (typeof control.validationError === "function") {
+          const validate = control.validationError as ValidationErrorFunction;
+          const validationError = validate({ control, key, value });
+          if (validationError) jsonpointer.set(errors, key, validationError);
+        }
+      });
+
+      console.log({ formData, errors });
+
+      if (Object.keys(errors).length) {
+        setFormState({ ...formState, error: "", errors });
+        // early return for validation errors
+        return;
       }
 
-      // required validation
-      if (control.required && !value) {
-        jsonpointer.set(errors, key, props.requiredFieldErrorMessage);
-      }
-      // custom validation
-      if (typeof control.validationError === "function") {
-        const validate = control.validationError as ValidationErrorFunction;
-        const validationError = validate({ control, key, value });
-        if (validationError) jsonpointer.set(errors, key, validationError);
-      }
-    });
-
-    console.log({ formData, errors });
-
-    if (Object.keys(errors).length) {
-      setFormState({ ...formState, error: "", errors });
-      // early return for validation errors
-      return;
-    }
-
-    formData = { ...formData };
-
-    setFormState(formData);
-
-    console.log({ formData });
-
-    // try {
-    //   const result = await request(variables);
-    //   if (result instanceof Error) {
-    //     throw result;
-    //   }
-    //   setFormState({
-    //     loading: false,
-    //     error: "",
-    //     validationErrors: {},
-    //   });
-    // } catch (error) {
-    //   setFormState({
-    //     loading: false,
-    //     error: props.networkErrorMessage,
-    //     validationErrors: {},
-    //   });
-    // }
-
-    setStep("/2");
+      formData = { ...formData };
+
+      setFormState(formData);
+
+      console.log({ formData });
+
+      // try {
+      //   const result = await request(variables);
+      //   if (result instanceof Error) {
+      //     throw result;
+      //   }
+      //   setFormState({
+      //     loading: false,
+      //     error: "",
+      //     validationErrors: {},
+      //   });
+      // } catch (error) {
+      //   setFormState({
+      //     loading: false,
+      //     error: props.networkErrorMessage,
+      //     validationErrors: {},
+      //   });
+      // }
+
+      setStep("/2");
+    } catch {}
   }
 
   return {

From c834a92ffe41f4408749b91db609ea0f97308a69 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 11:31:49 -0800
Subject: [PATCH 061/753] wired up form state for when back button is pressed
 on step 2

---
 .../sqm-user-info-form/sqm-user-info-form-view.tsx             | 3 +++
 .../tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx        | 1 +
 2 files changed, 4 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index fd074236cf..f200aa1343 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -253,6 +253,7 @@ export const UserInfoFormView = (props: TaxFormStepOneProps) => {
               exportparts="base: radio-base"
               value="individualParticipant"
               name="/participantType"
+              checked={formState.participantType === "individualParticipant"}
             >
               {text.individualParticipant}
             </sl-radio>
@@ -260,6 +261,7 @@ export const UserInfoFormView = (props: TaxFormStepOneProps) => {
               exportparts="base: radio-base"
               value="businessEntity"
               name="/participantType"
+              checked={formState.participantType === "businessEntity"}
             >
               {text.businessEntity}
             </sl-radio>
@@ -279,6 +281,7 @@ export const UserInfoFormView = (props: TaxFormStepOneProps) => {
             }}
             disabled={states.loading}
             required
+            value={formState.allowBankingCollection}
             // Copied from edit form, may need to keep
             // {...(formState.errors?.allowBankingCollection &&
             // formState.errors?.allowBankingCollection.status !== "valid"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 3783cf9052..b26954a743 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -59,6 +59,7 @@ export function useTaxForm(props: TaxForm) {
       countryCode: user.countryCode,
       currency: user.customFields?.currency,
       participantType: user.customFields?.participantType,
+      ...formState,
     });
   }, [data]);
 

From 24317f4a0c79f8f71631f9401100f76abaa4691c Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 11:52:11 -0800
Subject: [PATCH 062/753] validation on participant type

---
 .../sqm-user-info-form/sqm-user-info-form-view.tsx   |  2 +-
 .../sqm-user-info-form/useUserInfoForm.tsx           | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index f200aa1343..baa96d5793 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -268,7 +268,7 @@ export const UserInfoFormView = (props: TaxFormStepOneProps) => {
           </div>
 
           {formState.errors?.participantType && (
-            <p class={classes.ErrorText}>{text.error.participantType}</p>
+            <p class={classes.ErrorText}>{formState.errors?.participantType}</p>
           )}
         </div>
         <div class={classes.CheckboxWrapper}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index b26954a743..3a1b561bba 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -82,8 +82,6 @@ export function useTaxForm(props: TaxForm) {
         const key = control.name;
         const value = control.value;
 
-        console.log({ control });
-
         if (control.name === "/participantType") {
           control.checked && jsonpointer.set(formData, key, value);
         } else {
@@ -94,6 +92,7 @@ export function useTaxForm(props: TaxForm) {
         if (control.required && !value) {
           jsonpointer.set(errors, key, props.requiredFieldErrorMessage);
         }
+
         // custom validation
         if (typeof control.validationError === "function") {
           const validate = control.validationError as ValidationErrorFunction;
@@ -102,6 +101,15 @@ export function useTaxForm(props: TaxForm) {
         }
       });
 
+      // participant type validation
+      if (!formData.participantType) {
+        jsonpointer.set(
+          errors,
+          "/participantType",
+          props.requiredFieldErrorMessage
+        );
+      }
+
       console.log({ formData, errors });
 
       if (Object.keys(errors).length) {

From f3044a19912aa24d1bf2c564060d202d2f9c5ea3 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 29 Jan 2024 14:04:36 -0800
Subject: [PATCH 063/753] Connect new views

---
 packages/mint-components/src/components.d.ts  | 39 ++++++++++++++++---
 .../sqm-document-type-form-view.tsx           |  9 ++---
 .../sqm-document-type-form.tsx                | 36 +++++++++++++++++
 .../useDocumentTypeForm.tsx                   | 34 ++++++++++++++++
 .../sqm-docusign-form-view.tsx                | 13 ++++---
 .../sqm-docusign-form/sqm-docusign-form.tsx   | 33 +++++-----------
 .../sqm-docusign-form/useDocusignForm.tsx     | 25 +++++++-----
 .../sqm-indirect-tax-form-view.tsx            |  1 +
 .../sqm-indirect-tax-form.tsx                 | 10 +++--
 .../useIndirectTaxForm.tsx                    | 35 ++---------------
 .../sqm-user-info-form/TaxForm.stories.tsx    | 13 +------
 .../small-views/IndirectTaxDetailsView.tsx    | 30 ++++++++++++--
 .../small-views/SlotViews.stories.tsx         |  6 +++
 packages/mint-components/src/index.html       | 24 +++++++-----
 14 files changed, 199 insertions(+), 109 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 90e47415a9..52e9e047fc 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -284,6 +284,14 @@ export namespace Components {
          */
         "dividerStyle": string;
     }
+    interface SqmDocumentTypeForm {
+        "backButton": string;
+        "formSubmissionError": string;
+        "step": string;
+        "stepOf": string;
+        "submitButton": string;
+        "taxForm": string;
+    }
     interface SqmDocusignEmbed {
     }
     interface SqmDocusignForm {
@@ -293,10 +301,11 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<TaxFormStepTwoProps>;
+        "formSubmissionError": string;
+        "step": string;
+        "stepOf": string;
         "submitButton": string;
-        "w8": string;
-        "w8e": string;
-        "w9": string;
+        "taxForm": string;
     }
     interface SqmDropdownField {
         /**
@@ -3056,6 +3065,12 @@ declare global {
         prototype: HTMLSqmDividedLayoutElement;
         new (): HTMLSqmDividedLayoutElement;
     };
+    interface HTMLSqmDocumentTypeFormElement extends Components.SqmDocumentTypeForm, HTMLStencilElement {
+    }
+    var HTMLSqmDocumentTypeFormElement: {
+        prototype: HTMLSqmDocumentTypeFormElement;
+        new (): HTMLSqmDocumentTypeFormElement;
+    };
     interface HTMLSqmDocusignEmbedElement extends Components.SqmDocusignEmbed, HTMLStencilElement {
     }
     var HTMLSqmDocusignEmbedElement: {
@@ -3608,6 +3623,7 @@ declare global {
         "sqm-context-router": HTMLSqmContextRouterElement;
         "sqm-coupon-code": HTMLSqmCouponCodeElement;
         "sqm-divided-layout": HTMLSqmDividedLayoutElement;
+        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
         "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
         "sqm-docusign-form": HTMLSqmDocusignFormElement;
         "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
@@ -3940,6 +3956,14 @@ declare namespace LocalJSX {
          */
         "dividerStyle"?: string;
     }
+    interface SqmDocumentTypeForm {
+        "backButton"?: string;
+        "formSubmissionError"?: string;
+        "step"?: string;
+        "stepOf"?: string;
+        "submitButton"?: string;
+        "taxForm"?: string;
+    }
     interface SqmDocusignEmbed {
     }
     interface SqmDocusignForm {
@@ -3949,10 +3973,11 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<TaxFormStepTwoProps>;
+        "formSubmissionError"?: string;
+        "step"?: string;
+        "stepOf"?: string;
         "submitButton"?: string;
-        "w8"?: string;
-        "w8e"?: string;
-        "w9"?: string;
+        "taxForm"?: string;
     }
     interface SqmDropdownField {
         /**
@@ -6631,6 +6656,7 @@ declare namespace LocalJSX {
         "sqm-context-router": SqmContextRouter;
         "sqm-coupon-code": SqmCouponCode;
         "sqm-divided-layout": SqmDividedLayout;
+        "sqm-document-type-form": SqmDocumentTypeForm;
         "sqm-docusign-embed": SqmDocusignEmbed;
         "sqm-docusign-form": SqmDocusignForm;
         "sqm-dropdown-field": SqmDropdownField;
@@ -6738,6 +6764,7 @@ declare module "@stencil/core" {
             "sqm-context-router": LocalJSX.SqmContextRouter & JSXBase.HTMLAttributes<HTMLSqmContextRouterElement>;
             "sqm-coupon-code": LocalJSX.SqmCouponCode & JSXBase.HTMLAttributes<HTMLSqmCouponCodeElement>;
             "sqm-divided-layout": LocalJSX.SqmDividedLayout & JSXBase.HTMLAttributes<HTMLSqmDividedLayoutElement>;
+            "sqm-document-type-form": LocalJSX.SqmDocumentTypeForm & JSXBase.HTMLAttributes<HTMLSqmDocumentTypeFormElement>;
             "sqm-docusign-embed": LocalJSX.SqmDocusignEmbed & JSXBase.HTMLAttributes<HTMLSqmDocusignEmbedElement>;
             "sqm-docusign-form": LocalJSX.SqmDocusignForm & JSXBase.HTMLAttributes<HTMLSqmDocusignFormElement>;
             "sqm-dropdown-field": LocalJSX.SqmDropdownField & JSXBase.HTMLAttributes<HTMLSqmDropdownFieldElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
index 5ea0e8fa02..5457b14c08 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
@@ -6,7 +6,6 @@ export interface TaxFormStepThreeBViewProps {
     loading: boolean;
     submitDisabled: boolean;
     formState: {
-      formSubmisson: boolean;
       selectedTaxForm: "w9" | "w8-ben" | "w8-ben-e" | undefined;
       errors?: any;
     };
@@ -135,23 +134,23 @@ export const DocumentTypeFormView = (props: TaxFormStepThreeBViewProps) => {
       </div>
       <p class={classes.BoldText}>Select a tax form</p>
 
-      <sl-radio-group value={formState.selectedTaxForm}>
+      <sl-radio-group name="/documentType" value={formState.selectedTaxForm}>
         <div class={classes.RadioContainer}>
-          <sl-radio value="w9">
+          <sl-radio value="w9" name="/w9">
             <p class={classes.BoldText}>W9</p>
             <p class={classes.DescriptionText}>
               W9 For participants based in the US, joining the referral program
               of a US-based company.
             </p>
           </sl-radio>
-          <sl-radio value="w8-ben">
+          <sl-radio value="w8-ben" name="/w8-ben">
             <p class={classes.BoldText}> W8-BEN</p>
             <p class={classes.DescriptionText}>
               W8-BEN For individuals residing outside of the US, joining the
               referral program of a US-based company.
             </p>
           </sl-radio>
-          <sl-radio value="w8-ben-e">
+          <sl-radio value="w8-ben-e" name="/w8-ben-e">
             <p class={classes.BoldText}>W8-BEN-E</p>
             <p class={classes.DescriptionText}>
               W8-BEN-E For participants residing outside of the US who represent
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
new file mode 100644
index 0000000000..af387a6d10
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
@@ -0,0 +1,36 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Prop, h } from "@stencil/core";
+import { DocumentTypeFormView } from "./sqm-document-type-form-view";
+import { getProps } from "../../../utils/utils";
+import { useDocumentTypeForm } from "./useDocumentTypeForm";
+
+@Component({
+  tag: "sqm-document-type-form",
+  shadow: true,
+})
+export class DocumentTypeForm {
+  @Prop() step: string = "Step";
+  @Prop() stepOf: string = "of";
+  @Prop() taxForm: string = "Tax Form";
+  @Prop() submitButton: string = "Submit";
+  @Prop() backButton: string = "Back";
+  @Prop() formSubmissionError: string = "Could not submit form";
+
+  constructor() {
+    withHooks(this);
+  }
+
+  disconnectedCallback() {}
+
+  render() {
+    const props = useDocumentTypeForm(getProps(this));
+    console.log("3b");
+    return (
+      <DocumentTypeFormView
+        callbacks={props.callbacks}
+        states={props.states}
+        text={props.text}
+      />
+    );
+  }
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
new file mode 100644
index 0000000000..a063bcab73
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
@@ -0,0 +1,34 @@
+import { useState } from "@saasquatch/universal-hooks";
+import { useParent } from "../../../utils/useParentState";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
+import { DocumentTypeForm } from "./sqm-document-type-form";
+
+export function useDocumentTypeForm(props: DocumentTypeForm) {
+  const [path, setPath] = useParent(TAX_CONTEXT_NAMESPACE);
+  const [errors, setErrors] = useState({});
+  const [selectedTaxForm, setSelectedTaxForm] = useState(null);
+
+  const onSubmit = (args: any) => {};
+
+  return {
+    callbacks: {
+      onSubmit,
+      onBack: () => setPath("/2"),
+    },
+    states: {
+      loading: false,
+      submitDisabled: !selectedTaxForm,
+      formState: {
+        formSubmission: false,
+        selectedTaxForm: selectedTaxForm,
+        errors,
+      },
+    },
+    text: {
+      ...props,
+      error: {
+        formSubmission: props.formSubmissionError,
+      },
+    },
+  };
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 71e5862a43..7596a4ee86 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -6,13 +6,13 @@ export interface TaxFormStepThreeAViewProps {
     loading: boolean;
     submitDisabled: boolean;
     formState: {
-      formSubmisson: boolean;
       completedTaxForm: boolean;
       errors?: any;
     };
-    docusignSlot: VNode;
   };
   callbacks: {
+    onShowDocumentType: () => void;
+    toggleFormSubmitted: () => void;
     onSubmit: (props: any) => void;
     onBack: () => void;
   };
@@ -163,7 +163,7 @@ export const DocusignFormView = (props: TaxFormStepThreeAViewProps) => {
       <p>
         Participants based in the US and partnering with US-based brands need to
         submit a W9 form.
-        <a href="#" class={classes.Link}>
+        <a onClick={props.callbacks.onShowDocumentType} class={classes.Link}>
           Not based in the US?
         </a>
       </p>
@@ -179,10 +179,13 @@ export const DocusignFormView = (props: TaxFormStepThreeAViewProps) => {
         </div>
       </sl-alert>
 
-      {states.docusignSlot}
+      <slot name="docusign-iframe"></slot>
       <div>
         <p class={classes.BoldText}>Form submission</p>
-        <sl-checkbox checked={formState.completedTaxForm}>
+        <sl-checkbox
+          onSl-change={callbacks.toggleFormSubmitted}
+          checked={formState.completedTaxForm}
+        >
           I have completed and submitted my tax form
         </sl-checkbox>
       </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 4e4b7ab6e2..9fda32e640 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -5,6 +5,7 @@ import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { TaxFormStepTwoProps } from "../sqm-indirect-tax-form/sqm-indirect-tax-form-view";
 import { useDocusignForm } from "./useDocusignForm";
+import { DocusignFormView } from "./sqm-docusign-form-view";
 
 /**
  * @uiName Tax And Cash
@@ -18,11 +19,12 @@ import { useDocusignForm } from "./useDocusignForm";
 export class DocusignForm {
   @State() ignored = true;
 
-  @Prop() w9: string = "W9";
-  @Prop() w8: string = "W8-BEN";
-  @Prop() w8e: string = "W8-BEN-E";
+  @Prop() step: string = "Step";
+  @Prop() stepOf: string = "of";
+  @Prop() taxForm: string = "Tax Form";
   @Prop() submitButton: string = "Continue";
   @Prop() backButton: string = "Back";
+  @Prop() formSubmissionError: string = "Form could not submit";
 
   /**
    * @undocumented
@@ -42,26 +44,11 @@ export class DocusignForm {
 
     return (
       <Host>
-        <h2>HELLO</h2>
-        {/* <TaxFormStepTwoView
-          states={{
-            loading: false,
-            submitDisabled: false,
-            formState: {
-              checked: "hstCanada",
-              errors: undefined,
-              error: "",
-            },
-          }}
-          callbacks={{
-            onSubmit: () => props.setStep("/3"),
-            onChange: function (e: any): void {
-              throw new Error("Function not implemented.");
-            },
-            onBack: () => props.setStep("/1"),
-          }}
-          text={{ ...props.text }}
-        /> */}
+        <DocusignFormView
+          callbacks={props.callbacks}
+          states={props.states}
+          text={props.text}
+        />
       </Host>
     );
   }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index c3368afb6e..2f194c764f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -1,10 +1,10 @@
+import { useQuery, useUserIdentity } from "@saasquatch/component-boilerplate";
+import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { h } from "@stencil/core";
 import { gql } from "graphql-request";
 import { useParent } from "../../../utils/useParentState";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
 import { DocusignForm } from "./sqm-docusign-form";
-import { useQuery, useUserIdentity } from "@saasquatch/component-boilerplate";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
-import { P } from "../../../global/mixins";
 
 const GET_USER_TAX_INFO = gql`
   query getUserTaxInfo($id: String!, $accountId: String!) {
@@ -28,7 +28,6 @@ const GET_TAX_DOCUMENT = gql`
 export function useDocusignForm(props: DocusignForm) {
   const user = useUserIdentity();
   const [path, setPath] = useParent<string>(TAX_CONTEXT_NAMESPACE);
-  const [showDocumentTypes, setShowDocumentTypes] = useState<boolean>(false);
   const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
   const [errors, setErrors] = useState({});
 
@@ -79,21 +78,29 @@ export function useDocusignForm(props: DocusignForm) {
   };
 
   return {
-    text: props,
+    text: {
+      ...props,
+      error: {
+        formSubmission: props.formSubmissionError,
+      },
+    },
     states: {
-      errors,
+      submitDisabled: loading || taxInfoLoading || !formSubmitted,
       loading: loading || taxInfoLoading,
-      formSubmitted,
-      showDocumentTypes,
+      formState: {
+        completedTaxForm: formSubmitted,
+        errors,
+      },
     },
     data: {
       taxForm: taxInfo?.taxForm,
       documentUrl: taxInfo?.documentUrl,
     },
     callbacks: {
-      setShowDocumentTypes,
+      onShowDocumentType: () => setPath("/3b"),
       onSubmit,
       toggleFormSubmitted: () => setFormSubmitted((x) => !x),
+      onBack: () => setPath("/2"),
     },
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index b6dcbbd3b5..877e68e277 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -124,6 +124,7 @@ export const IndirectTaxFormView = (props: TaxFormStepTwoProps) => {
       class={classes.FormWrapper}
       onSl-submit={callbacks.onSubmit}
       ref={(el: HTMLFormElement) => (refs.formRef.current = el)}
+      novalidate
     >
       <style type="text/css">
         {styleString}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 156c415a07..8426b5b421 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -42,11 +42,13 @@ export class TaxFormStepTwo {
     const sharedSlot = (
       <IndirectDetailsSlotView
         callbacks={{
-          onChange: (e) => {
-            console.log("slot change:", e);
-          },
+          onChange: () => {},
         }}
-        states={{ formState: { registeredIn }, loading: props.loading }}
+        states={{
+          formState: { registeredIn, errors: props.errors },
+          loading: props.loading,
+        }}
+        data={{ countries: props.countries }}
         text={{}}
       ></IndirectDetailsSlotView>
     );
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 0c4bfb632f..c39e341987 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -25,40 +25,12 @@ export function useIndirectTaxForm(props: any) {
   >(null);
   const [errors, setErrors] = useState({});
 
-  console.log("step2", { step });
-
   const { data: _countries, loading: countriesLoading } = useQuery(
     GET_COUNTRIES,
     {}
   );
   const countries = _countries?.countries.data;
 
-  /**** DEMO DATA */
-
-  const id = "zach.harrison@referralsaasquatch.com";
-  const accountId = id;
-  const programId = "klip-referral-program";
-
-  //@ts-ignore
-  // window.widgetIdent = {
-  //   tenantAlias: "test_a74miwdpofztj",
-  //   appDomain: "https://staging.referralsaasquatch.com",
-  //   programId,
-  // };
-
-  // useEffect(() => {
-  //   setUserIdentity({
-  //     accountId,
-  //     id,
-  //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIn19.Wi8Vd5r64g5n8VNhiY-v5cqFcLwGxPG3Wi3dVSfkFZI",
-  //   });
-  //   return () => {
-  //     window.widgetIdent = undefined;
-  //     setUserIdentity(undefined);
-  //   };
-  // }, []);
-  /*** */
-
   const onSubmit = async (event: any) => {
     if (!option) {
       setErrors({ taxOption: true });
@@ -79,20 +51,19 @@ export function useIndirectTaxForm(props: any) {
       JSONPointer.set(formData, key, value);
 
       if (control.required && !value) {
-        JSONPointer.set(validationErrors, key, true);
+        JSONPointer.set(validationErrors, key, { status: "invalid" });
       }
     });
 
     if (Object.keys(validationErrors).length) {
       setErrors(validationErrors);
+      return;
     }
 
-    console.log({ formData });
-
     setLoading(true);
     try {
       // Backend request
-      setStep("/3");
+      setStep("/3/W9");
     } catch (e) {
       setErrors({ graphqlError: true });
     } finally {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 6e4861ef86..ee333d32cf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -174,20 +174,12 @@ const stepThreeAProps: TaxFormStepThreeAViewProps = {
     loading: false,
     submitDisabled: false,
     formState: {
-      formSubmisson: false,
       completedTaxForm: true,
     },
-    docusignSlot: (
-      <div
-        style={{
-          border: "1px dashed black",
-          width: "600px",
-          height: "600px",
-        }}
-      ></div>
-    ),
   },
   callbacks: {
+    toggleFormSubmitted: () => console.log("Toggle checkbox"),
+    onShowDocumentType: () => console.log("To other form"),
     onSubmit: (props: any) => console.log(props),
     onBack: () => console.log("Back"),
   },
@@ -199,7 +191,6 @@ const stepThreeBProps: TaxFormStepThreeBViewProps = {
     loading: false,
     submitDisabled: false,
     formState: {
-      formSubmisson: false,
       selectedTaxForm: undefined,
     },
   },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 7e3a380f3d..df284a80d4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -14,6 +14,12 @@ export interface IndirectDetailsSlotViewProps {
       error?: string;
     };
   };
+  data: {
+    countries: {
+      countryCode: string;
+      displayName: string;
+    }[];
+  };
   callbacks: {
     onChange: (e) => void;
   };
@@ -82,6 +88,7 @@ export const IndirectDetailsSlotView = (
       <div class={classes.InputContainer}>
         {formState.registeredIn === "otherRegion" ? (
           <sl-select
+            required
             class={classes.Input}
             exportparts="label: input-label"
             value={formState.selectedRegion}
@@ -101,11 +108,13 @@ export const IndirectDetailsSlotView = (
                 : undefined
             }
           >
-            <sl-option value="option-1">Canada</sl-option>
-            <sl-option value="option-2">United Kingdom</sl-option>
+            {props.data.countries.map((c) => (
+              <sl-menu-item value={c.countryCode}>{c.displayName}</sl-menu-item>
+            ))}
           </sl-select>
         ) : (
           <sl-select
+            required
             exportparts="label: input-label"
             class={classes.Input}
             value={formState.province}
@@ -125,12 +134,24 @@ export const IndirectDetailsSlotView = (
                 : undefined
             }
           >
-            <sl-option value="option-1">British Columbia</sl-option>
-            <sl-option value="option-2">United Kingdom</sl-option>
+            <sl-menu-item value="ON">Ontario</sl-menu-item>
+            <sl-menu-item value="QC">Quebec</sl-menu-item>
+            <sl-menu-item value="NS">Nova Scotia</sl-menu-item>
+            <sl-menu-item value="NB">New Brunswick</sl-menu-item>
+            <sl-menu-item value="MB">Manitoba</sl-menu-item>
+            <sl-menu-item value="BC">British Columbia</sl-menu-item>
+            <sl-menu-item value="PE">Prince Edward Island</sl-menu-item>
+            <sl-menu-item value="SK">Saskatchewan</sl-menu-item>
+            <sl-menu-item value="AB">Alberta</sl-menu-item>
+            <sl-menu-item value="NL">Newfoundland</sl-menu-item>
+            <sl-menu-item value="NT">Northwest Territories</sl-menu-item>
+            <sl-menu-item value="YT">Yukon</sl-menu-item>
+            <sl-menu-item value="NU">Nunavut</sl-menu-item>
           </sl-select>
         )}
         {formState.registeredIn === "otherRegion" ? (
           <sl-input
+            required
             exportparts="label: input-label"
             class={classes.Input}
             value={formState.vatNumber}
@@ -152,6 +173,7 @@ export const IndirectDetailsSlotView = (
           />
         ) : (
           <sl-input
+            required
             exportparts="label: input-label"
             class={classes.Input}
             value={formState.indirectTaxNumber}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
index 5ed29033cd..41e38d4aff 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
@@ -26,6 +26,9 @@ const registeredInOtherRegion: IndirectDetailsSlotViewProps = {
       vatNumber: 12345,
     },
   },
+  data: {
+    countries: [{ countryCode: "CA", displayName: "Canada" }],
+  },
   callbacks: {
     onChange: (e) => console.log("Submit"),
   },
@@ -44,6 +47,9 @@ const registeredInCanada: IndirectDetailsSlotViewProps = {
       indirectTaxNumber: 1234,
     },
   },
+  data: {
+    countries: [{ countryCode: "CA", displayName: "Canada" }],
+  },
   callbacks: {
     onChange: (e) => console.log("Submit"),
   },
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 95ccebe28f..a6bf173f15 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,25 +12,29 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash>
       <template path="/1">
-        <sqm-tax-form />
+        <sqm-user-info-form />
       </template>
       <template path="/2">
-        <sqm-tax-form-step-2 />
+        <sqm-indirect-tax-form />
       </template>
-      <template path="/3">
-        <sqm-docusign-form />
+      <template path="/3/:documentType">
+        <sqm-docusign-form>
+          <sqm-docusign-embed slot="docusign-iframe"></sqm-docusign-embed>
+        </sqm-docusign-form>
       </template>
-      <template path="/4">
+      <template path="/3b">
+        <sqm-document-type-form />
+      </template>
+      <!-- <template path="/4">
         <sqm-cash-form />
-      </template> 
-      <template path="/4">
+      </template> -->
+      <template path="/submitted">
         <sqm-tax-document-submitted />
       </template>
       <template path="/5">confirmation screen</template>
     </sqm-tax-and-cash>
-  -->
   </body>
 </html>

From 5035adc7bb8d8dec9096dae90b8c72f8059321e3 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 14:22:12 -0800
Subject: [PATCH 064/753] comment out things breaking local build for now

---
 .../sqm-document-type-form/sqm-document-type-form.tsx       | 1 +
 .../tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx     | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
index af387a6d10..3be7689888 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
@@ -29,6 +29,7 @@ export class DocumentTypeForm {
       <DocumentTypeFormView
         callbacks={props.callbacks}
         states={props.states}
+        // @ts-ignore TODO: fix this
         text={props.text}
       />
     );
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 6bd56e4ecb..263f7a5fd4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -169,7 +169,7 @@ const documentSubmittedLoadingProps: TaxDocumentSubmittedProps = {
   },
 };
 
-const stepThreeAProps: TaxFormStepThreeAViewProps = {
+const stepThreeAProps = {
   states: {
     loading: false,
     submitDisabled: false,
@@ -183,7 +183,8 @@ const stepThreeAProps: TaxFormStepThreeAViewProps = {
     onSubmit: (props: any) => console.log(props),
     onBack: () => console.log("Back"),
   },
-  text: taxFormStepThreeText,
+  // TODO: fix this
+  // text: taxFormStepThreeText,
 };
 
 const stepThreeBProps: DocumentTypeFormViewProps = {
@@ -318,6 +319,7 @@ export const StepTwoNotRegisteredChecked = () => {
 
 // STEP THREE
 export const StepThreeWithDocusign = () => {
+  // @ts-ignore TODO: fix this
   return <DocusignFormView {...stepThreeAProps} />;
 };
 

From 6bb5612e333226be27efa51ffaf631499cc2704a Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 14:23:51 -0800
Subject: [PATCH 065/753] adding todos for type warnings

---
 .../sqm-document-type-form/useDocumentTypeForm.tsx            | 2 +-
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx        | 2 +-
 .../tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx       | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
index a063bcab73..1913654e3c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
@@ -8,7 +8,7 @@ export function useDocumentTypeForm(props: DocumentTypeForm) {
   const [errors, setErrors] = useState({});
   const [selectedTaxForm, setSelectedTaxForm] = useState(null);
 
-  const onSubmit = (args: any) => {};
+  const onSubmit = (_args: any) => {};
 
   return {
     callbacks: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 2f194c764f..34ebbc5fae 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -53,7 +53,7 @@ export function useDocusignForm(props: DocusignForm) {
       documentUrl: "https://example.com",
     },
     loading: false,
-    refetch: (vars: any) => console.debug("REFETCHING"),
+    refetch: (_vars: any) => console.debug("REFETCHING"),
   };
 
   useEffect(() => {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 263f7a5fd4..fbfa4ac430 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -48,7 +48,9 @@ const stepOneProps: TaxFormStepOneProps = {
     },
   },
   callbacks: {
+    // TODO: fix type
     onSubmit: (props: any) => console.log("Submit"),
+    // TODO: fix type
     onRadioClick: (props: any) => console.log("Radio Click"),
   },
   text: taxFormStepOneText,
@@ -66,7 +68,9 @@ const stepTwoProps: TaxFormStepTwoProps = {
     },
   },
   callbacks: {
+    // TODO: fix type
     onSubmit: (props: any) => console.log("Submit"),
+    // TODO: fix type
     onChange: (e) => console.log("Submit"),
     onBack: () => console.log("Submit"),
   },

From e696993b326f6aafe09fae8c8dc6f24b6d1a0d09 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 14:43:38 -0800
Subject: [PATCH 066/753] added upsert at end of step 2

---
 .../sqm-docusign-form/useDocusignForm.tsx     |  1 +
 .../useIndirectTaxForm.tsx                    | 25 ++++++++++++--
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 22 ++++++++++---
 .../sqm-user-info-form/useUserInfoForm.tsx    | 33 +++----------------
 4 files changed, 46 insertions(+), 35 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 34ebbc5fae..8f80ac4efe 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -15,6 +15,7 @@ const GET_USER_TAX_INFO = gql`
       lastName
       email
       countryCode
+      customFields
     }
   }
 `;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 2a10365e99..7c081953fa 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -1,4 +1,8 @@
-import { useMutation, useQuery } from "@saasquatch/component-boilerplate";
+import {
+  useMutation,
+  useQuery,
+  useUserIdentity,
+} from "@saasquatch/component-boilerplate";
 import { useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
@@ -7,6 +11,7 @@ import {
   TAX_CONTEXT_NAMESPACE,
   USER_INFO_NAMESPACE,
 } from "../sqm-tax-and-cash/useTaxAndCash";
+import { FormState } from "../sqm-user-info-form/useUserInfoForm";
 
 const GET_COUNTRIES = gql`
   query getCurrencies {
@@ -32,7 +37,8 @@ export function useIndirectTaxForm(props: any) {
   const formRef = useRef<HTMLFormElement>(null);
   const [loading, setLoading] = useState(false);
   const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
-  const userFormData = useParentValue(USER_INFO_NAMESPACE);
+  const userFormData = useParentValue<FormState>(USER_INFO_NAMESPACE);
+  const user = useUserIdentity();
   const [upsertUser, upsertUserResponse] = useMutation(UPSERT_USER);
 
   // from step 1
@@ -79,8 +85,23 @@ export function useIndirectTaxForm(props: any) {
     }
 
     setLoading(true);
+
+    const { currency, participantType, ...userData } = userFormData;
+
     try {
       // Backend request
+      await upsertUser({
+        userInput: {
+          id: user.id,
+          accountId: user.accountId,
+          ...userData,
+          customFields: {
+            currency,
+            participantType,
+          },
+        },
+      });
+
       setStep("/3/W9");
     } catch (e) {
       setErrors({ graphqlError: true });
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index f3f8b9b36e..12699b38a8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -50,10 +50,24 @@ export type UserQuery = {
 export const USER_INFO_NAMESPACE = "sq:user-info-form";
 
 function getCurrentStep(user) {
-  if (!user.countryCode || !user.customFields?.currency) {
+  console.log({ user });
+  if (
+    !user.countryCode ||
+    !user.customFields?.currency ||
+    !user.customFields.participantType
+  ) {
     return "/1";
   }
-  return "/1";
+
+  if (!user.customFields.w9Type) {
+    return "/2";
+  }
+
+  if (!user.customFields.w9Submitted) {
+    return "/3b";
+  }
+
+  return "/loading";
 }
 
 export function useTaxAndCash() {
@@ -95,7 +109,7 @@ export function useTaxAndCash() {
     setUserIdentity({
       accountId,
       id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIn19.Wi8Vd5r64g5n8VNhiY-v5cqFcLwGxPG3Wi3dVSfkFZI",
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiZW1haWwiOiJ6YWNoLmhhcnJpc29uQHJlZmVycmFsc2Fhc3F1YXRjaC5jb20ifX0.vBPHefz1au0_O-Hub2q6m5S8t-D5EO9LxK_pd9rkLhQ",
     });
     // return () => {
     //   window.widgetIdent = undefined;
@@ -123,8 +137,6 @@ export function useTaxAndCash() {
     }
   }, [data]);
 
-  console.log({ step });
-
   return {
     step,
     setStep,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 3a1b561bba..d094cc482d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -38,7 +38,6 @@ export type InitialData = {
 };
 
 export function useTaxForm(props: TaxForm) {
-  const host = useHost();
   const formRef = useRef<HTMLFormElement>(null);
 
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
@@ -73,8 +72,6 @@ export function useTaxForm(props: TaxForm) {
     let formData: Record<string, any> = {};
     let errors: Record<string, string> = {};
 
-    console.log({ formControls });
-
     try {
       formControls?.forEach((control) => {
         if (!control.name) return;
@@ -110,37 +107,17 @@ export function useTaxForm(props: TaxForm) {
         );
       }
 
-      console.log({ formData, errors });
-
       if (Object.keys(errors).length) {
         setFormState({ ...formState, error: "", errors });
         // early return for validation errors
         return;
       }
 
-      formData = { ...formData };
-
-      setFormState(formData);
-
-      console.log({ formData });
-
-      // try {
-      //   const result = await request(variables);
-      //   if (result instanceof Error) {
-      //     throw result;
-      //   }
-      //   setFormState({
-      //     loading: false,
-      //     error: "",
-      //     validationErrors: {},
-      //   });
-      // } catch (error) {
-      //   setFormState({
-      //     loading: false,
-      //     error: props.networkErrorMessage,
-      //     validationErrors: {},
-      //   });
-      // }
+      const { allowBankingCollection, ...cleanData } = formData;
+
+      setFormState(cleanData);
+
+      console.log({ cleanData });
 
       setStep("/2");
     } catch {}

From a96bd65940bf2a4da0119125b4b1e834faf77a5b Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 29 Jan 2024 14:45:46 -0800
Subject: [PATCH 067/753] Spun up indirect-tax-form spec. Added Expiring Soon
 state in document-submitted view and in story.

---
 .../sqm-indirect-tax-form.feature             | 52 +++++++++++++++++++
 .../sqm-tax-form-step-2.feature               | 10 ----
 .../sqm-tax-document-submitted-view.tsx       | 45 +++++++++++++++-
 .../useTaxDocumentSubmitted.tsx               |  2 +
 .../sqm-user-info-form/TaxForm.stories.tsx    | 36 +++++++++++--
 .../sqm-user-info-form/defaultTextCopy.ts     |  2 +-
 .../sqm-tax-document-step-1.feature           | 52 ++++++++++++-------
 7 files changed, 164 insertions(+), 35 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
 delete mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-tax-form-step-2.feature

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
new file mode 100644
index 0000000000..1a1cdc0165
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -0,0 +1,52 @@
+@owner:zach
+@author:zach
+
+Feature: Indirect Tax Form
+
+
+	Background: A user has submitted their personal information in Tax Form Step One
+		Given a user is on the Indirect Tax Form
+
+	@minutia
+    Scenario Outline: A user fills out the Indirect Tax Form with the required information
+    When they succesfully fill out Tax Form Step One with:
+        | First Name               | <firstName>             |
+        | Last Name                | <lastName>              |
+        | Email                    | <email>                 |
+        | Country Code             | <countryCode>           |
+        | Currency                 | <currency>              |
+        | Participant Type         | <participantType>       |
+        | Allow Banking Collection | <allowBankingCollection>|
+	Then they must select one or more of the following options and provide their information in the Indirect Tax Form:
+	 	| I am registered for HST in Canada 								| <province> | <indirectTaxNumber> |
+		| I am registered for Indirect Tax in a different Country / Region  | <country>  | <vatNumber> 		   |
+		| I am not registered for Indirect Tax 								| N/A 		 | N/A				   |
+	Then they can press the Continue button and move to the next step
+
+	@minutia
+	@ui
+	Scenario: Different selects appear based on which Indirect Tax Detail option a user checks
+	When they check "I am registered for HST in Canada"
+	Then A "Province" select appears and they choose one of the following options:
+		| BC |
+		| NL |
+		| PE |
+		| ON |
+		| MB |
+		| QC |
+		| NS |
+		| NB |
+		| SK |
+		| AB |
+		| YT |
+		| NT |
+		| NU |
+	And if they check "I am registered for Indirect Tax in a different Country / Region"
+	Then a "Country / Region of Indirect Tax" select appears and they choose one of the following options
+		| countries here |
+	And if they check "I am not registered for Indirect Tax"
+	Then no select appears
+	
+
+    # Scenario Outline: Different inputs are shown depending on the registered region of a user
+
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-tax-form-step-2.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-tax-form-step-2.feature
deleted file mode 100644
index b11468d65c..0000000000
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-tax-form-step-2.feature
+++ /dev/null
@@ -1,10 +0,0 @@
-@owner:zach
-@author:zach
-
-Feature: Tax Form Step Two
-
-
-	Background: A user has submitted their personal information in step one
-		Given a user is on the Second step of the tax form
-
-    Scenario Outline: Different inputs are shown depending on the registered region of a user
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index bd36bf2593..a044eaae25 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -12,6 +12,7 @@ export interface TaxDocumentSubmittedProps {
     documentType: "W9" | "W8-BEN-E" | "W8-BEN";
     dateSubmitted: string;
     dateExpired?: string;
+    expiresSoon?: boolean;
     loading?: boolean;
   };
   callbacks: { onClick: (props: any) => void };
@@ -39,6 +40,12 @@ const style = {
       borderTop: "none",
     },
   },
+  ExpiringSoonAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-yellow-100)",
+      borderTop: "none",
+    },
+  },
   BankingInformationContainer: {
     maxWidth: "700px",
   },
@@ -95,7 +102,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
   const statusMap = {
     NOT_VERIFIED: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
-        <sl-badge type="info" pill class={sheet.classes.BadgeContainer}>
+        <sl-badge type="warning" pill class={sheet.classes.BadgeContainer}>
           {text.statusTextNotVerified}
         </sl-badge>
         <p>
@@ -109,7 +116,8 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
           {text.statusTextActive}
         </sl-badge>
         <p>
-          {text.badgeTextSubmittedOn} {states.dateSubmitted}
+          {text.badgeTextSubmittedOn} {states.dateSubmitted}, expiring on{" "}
+          {states.dateExpired}
         </p>
       </div>
     ),
@@ -162,6 +170,36 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         )}
       </sl-alert>
     ),
+    EXPIRING_SOON: (
+      <sl-alert
+        type="warning"
+        open
+        class={sheet.classes.ExpiringSoonAlertContainer}
+      >
+        <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+        <strong>
+          {intl.formatMessage(
+            {
+              id: `taxAlertHeader`,
+              defaultMessage: text.taxAlertHeader,
+            },
+            {
+              documentType: states.documentType,
+            }
+          )}
+        </strong>
+        <br />
+        {intl.formatMessage(
+          {
+            id: `taxAlertMessage`,
+            defaultMessage: text.taxAlertMessage,
+          },
+          {
+            documentType: states.documentType,
+          }
+        )}
+      </sl-alert>
+    ),
     EXPIRED: (
       <sl-alert type="danger" open class={sheet.classes.WarningAlertContainer}>
         <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
@@ -197,6 +235,9 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
           <style type="text/css">{styleString}</style>
           {(states.status === "NOT_ACTIVE" || states.status === "EXPIRED") &&
             alertMap[states.status]}
+          {states.status === "ACTIVE" &&
+            states.expiresSoon &&
+            alertMap.EXPIRING_SOON}
           <div>
             <h3>{text.bankingInformationSectionHeader}</h3>
             <div class={sheet.classes.BankingInformationContainer}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 0d4b3017b0..fb62fb4d07 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -15,6 +15,8 @@ export const useTaxDocumentSubmitted = (props: any) => {
         DateTime.fromMillis(dateSubmitted).toFormat("LLL dd, yyyy"),
       documentType: "W9" as const,
       status: "NOT_VERIFIED",
+      dateExpired: DateTime.fromMillis(dateSubmitted).toFormat("LLL dd, yyyy"),
+      expiresSoon: false,
     },
     callbacks: {
       // Need a way to redirect to the document type select form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 6e4861ef86..7fad746276 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -79,6 +79,7 @@ const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
     status: "ACTIVE",
     documentType: "W9",
     dateSubmitted: "Jan 18th, 2025",
+    dateExpired: "Dec 18th, 2025",
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
@@ -86,9 +87,8 @@ const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
     badgeTextSubmittedOn: "Submitted On",
     bankingInformationSectionHeader: "Banking Information",
     taxDocumentSectionHeader: "Tax Documents",
-    taxAlertHeader:
-      "Your W9 tax form has personal information that doesn't match your profile",
-    taxAlertMessage: "Please resubmit a new W9 form.",
+    taxAlertHeader: "",
+    taxAlertMessage: "",
     taxDocumentSectionSubHeader: "W9 Tax Documents",
     newFormButton: "Submit New Form",
   },
@@ -118,7 +118,7 @@ const documentSubmittedNotActiveProps: TaxDocumentSubmittedProps = {
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    statusTextNotActive: "Not Active",
+    statusTextNotActive: "Invalid Tax Form",
     badgeTextSubmittedOn: "Submitted On",
     bankingInformationSectionHeader: "Banking Information",
     taxDocumentSectionHeader: "Tax Documents",
@@ -135,6 +135,8 @@ const documentSubmittedExpiredProps: TaxDocumentSubmittedProps = {
     status: "EXPIRED",
     documentType: "W8-BEN-E",
     dateSubmitted: "Jan 18th, 2025",
+    dateExpired: "Dec 18th, 2025",
+    expiresSoon: true,
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
@@ -149,6 +151,28 @@ const documentSubmittedExpiredProps: TaxDocumentSubmittedProps = {
   },
 };
 
+const documentSubmittedExpiringSoonProps: TaxDocumentSubmittedProps = {
+  states: {
+    status: "ACTIVE",
+    documentType: "W8-BEN-E",
+    dateSubmitted: "Jan 18th, 2025",
+    dateExpired: "Feb 18th, 2025",
+    expiresSoon: true,
+  },
+  callbacks: { onClick: () => console.log("Submit new Form") },
+  text: {
+    statusTextActive: "Active",
+    badgeTextSubmittedOn: "Submitted On",
+    bankingInformationSectionHeader: "Banking Information",
+    taxDocumentSectionHeader: "Tax Documents",
+    taxAlertHeader: "Your W8-BEN-E tax form expires on {dateExpired}",
+    taxAlertMessage:
+      "Please submit a new W8-BEN-E form to continue receiving your rewards",
+    taxDocumentSectionSubHeader: "W8-BEN-E Tax Documents",
+    newFormButton: "Submit New Form",
+  },
+};
+
 const documentSubmittedLoadingProps: TaxDocumentSubmittedProps = {
   states: {
     status: "EXPIRED",
@@ -350,6 +374,10 @@ export const TaxDocumentSubmittedExpired = () => {
   return <TaxDocumentSubmittedView {...documentSubmittedExpiredProps} />;
 };
 
+export const TaxDocumentSubmittedExpiringSoon = () => {
+  return <TaxDocumentSubmittedView {...documentSubmittedExpiringSoonProps} />;
+};
+
 export const TaxDocumentSubmittedLoading = () => {
   return <TaxDocumentSubmittedView {...documentSubmittedLoadingProps} />;
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 18daa37d82..63efb07405 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -69,7 +69,7 @@ export const taxFormStepThreeText: any = {
 
 export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   statusTextActive: "Active",
-  statusTextNotActive: "Not Active",
+  statusTextNotActive: "Invalid Tax Form",
   statusTextNotVerified: "Not Verified",
   statusTextExpired: "Expired",
   badgeTextSubmittedOn: "Submitted on",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-tax-document-step-1.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-tax-document-step-1.feature
index 2ea889a6f1..d6a4f2729d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-tax-document-step-1.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-tax-document-step-1.feature
@@ -5,34 +5,50 @@ Feature: Tax Form Step One
 
 
 	Background: A user is prompted to enter their personal and initial tax information
-		Given a user is on the First step of the tax form
+		Given a user is on Tax Form Step One
 
 
     @minutia
     Scenario Outline: A user fills out Tax Form Step One with the required information
-    Given the user is on Tax Form Step One
-    When the user fills out the form with:
-      | First Name               | <firstName>             |
-      | Last Name                | <lastName>              |
-      | Email                    | <email>                 |
-      | Country Code             | <countryCode>           |
-      | Currency                 | <currency>              |
-      | Participant Type         | <participantType>       |
-      | Allow Banking Collection | <allowBankingCollection>|
-    And the user agrees to the terms which sets <allowBankingCollection> to true
-    Then the user can press the Submit button
+    When they fill out the form with:
+        | First Name               | <firstName>             |
+        | Last Name                | <lastName>              |
+        | Email                    | <email>                 |
+        | Country Code             | <countryCode>           |
+        | Currency                 | <currency>              |
+        | Participant Type         | <participantType>       |
+        | Allow Banking Collection | <allowBankingCollection>|
+    And they agree to the terms which sets <allowBankingCollection> to true
+    When they press the Submit button
     Then the form succesfully submits
     Examples:
-    | FirstName | LastName | Email                | CountryCode | Currency | ParticipantType         | AllowBankingCollection |
-    | John      | Doe      | john.doe@email.com   | US          | USD      | individualParticipant   | true                   |
-    | Bob       | Johnson  | bob.johnson@email.com| UK          | GBP      | individualParticipant   | true                   |
+        | FirstName | LastName | Email                | CountryCode | Currency | ParticipantType         | AllowBankingCollection |
+        | John      | Doe      | john.doe@email.com   | US          | USD      | individualParticipant   | true                   |
+        | Bob       | Johnson  | bob.johnson@email.com| CA          | CAD      | businessEntity          | true                   |
+        | Martin    | Renny    | bob.johnson@email.com| UK          | GBP      | individualParticipant   | true                   |
 
+    # AL: Need full list of countries
+    @minutia
+    Scenario: A user is filling out the form and selects their country
+    And the available options are:
+        | United States  |
+        | Canada         |
+        | Australia      |
+        | United Kingdom |
+
+    # AL: Need full list of currencies
+    @minutia
+    Scenario: A user is filling out the form and selects their currency
+    And the available options are:
+        | CAD |
+        | USD |
+        | GBP |
+        | AUS |
 
     @minutia
     @ui
     Scenario Outline: A user fills out Tax Form Step One with invalid values
-    Given the user is on Tax Form Step One
-    When the user fills out the form with invalid values for the follow fields:
+    When they fill out the form with invalid values for the following fields:
         | First Name               | <firstName>             |
         | Last Name                | <lastName>              |
         | Email                    | <email>                 |
@@ -53,5 +69,5 @@ Feature: Tax Form Step One
     @ui
     Scenario: The loading state is shown when the form is submitted
         Given the form is submitted
-        And the form fields are disabled
+        Then the form fields are disabled
         Then a loading spinner appears in the Submit button

From f9047db465a3a07f9aa6dabeb5415b83c5c949d5 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 14:50:35 -0800
Subject: [PATCH 068/753] make sure form state gets filled if it's not the
 initial landing step

---
 .../tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx      | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index d094cc482d..64004213ea 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -1,4 +1,3 @@
-import { useHost } from "@saasquatch/component-boilerplate";
 import { useEffect, useRef } from "@saasquatch/universal-hooks";
 import jsonpointer from "jsonpointer";
 import { useParent, useParentValue } from "../../../utils/useParentState";
@@ -49,7 +48,7 @@ export function useTaxForm(props: TaxForm) {
   useEffect(() => {
     console.log({ data });
     const user = data?.viewer;
-    if (!user) return;
+    if (!user || step !== "/1") return;
 
     setFormState({
       firstName: user.firstName,
@@ -60,7 +59,7 @@ export function useTaxForm(props: TaxForm) {
       participantType: user.customFields?.participantType,
       ...formState,
     });
-  }, [data]);
+  }, [data, step]);
 
   function onRadioClick(value: string) {
     setFormState({ ...formState, participantType: value });

From 05775a3830d6ceccfeea97603c462b11a778cef6 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 29 Jan 2024 15:15:22 -0800
Subject: [PATCH 069/753] hook up docusign iframe

---
 packages/mint-components/src/components.d.ts  | 16 ++++++++++
 .../sqm-docusign-embed/sqm-docusign-embed.tsx | 22 +++++++------
 .../sqm-document-type-form-view.tsx           | 32 +++++++++----------
 .../sqm-document-type-form.tsx                |  7 ++++
 .../useDocumentTypeForm.tsx                   | 26 ++++++++++++---
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  5 +--
 .../sqm-docusign-form/useDocusignForm.tsx     | 17 +++++++---
 .../sqm-user-info-form/TaxForm.stories.tsx    |  1 +
 8 files changed, 89 insertions(+), 37 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 52e9e047fc..aed6a6f8a0 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -286,13 +286,21 @@ export namespace Components {
     }
     interface SqmDocumentTypeForm {
         "backButton": string;
+        "formLabel": string;
         "formSubmissionError": string;
         "step": string;
         "stepOf": string;
         "submitButton": string;
         "taxForm": string;
+        "w8Description": string;
+        "w8EDescription": string;
+        "w8ELabel": string;
+        "w8Label": string;
+        "w9Description": string;
+        "w9Label": string;
     }
     interface SqmDocusignEmbed {
+        "url": string;
     }
     interface SqmDocusignForm {
         "backButton": string;
@@ -3958,13 +3966,21 @@ declare namespace LocalJSX {
     }
     interface SqmDocumentTypeForm {
         "backButton"?: string;
+        "formLabel"?: string;
         "formSubmissionError"?: string;
         "step"?: string;
         "stepOf"?: string;
         "submitButton"?: string;
         "taxForm"?: string;
+        "w8Description"?: string;
+        "w8EDescription"?: string;
+        "w8ELabel"?: string;
+        "w8Label"?: string;
+        "w9Description"?: string;
+        "w9Label"?: string;
     }
     interface SqmDocusignEmbed {
+        "url"?: string;
     }
     interface SqmDocusignForm {
         "backButton"?: string;
diff --git a/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx b/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
index fe5006d91d..8375bf2a53 100644
--- a/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
+++ b/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
@@ -1,4 +1,4 @@
-import { Component, h } from "@stencil/core";
+import { Component, Prop, h } from "@stencil/core";
 
 declare global {
   interface Window {
@@ -11,21 +11,23 @@ declare global {
   shadow: true,
 })
 export class DocusignEmbedComponent {
-  private iframe: HTMLIFrameElement;
+  @Prop() url: string;
+  // private iframe: HTMLIFrameElement;
 
-  async componentDidLoad() {
-    // TODO: Replace with actual endpoint when it's ready
-    const url = await (await fetch("http://localhost:5555/geturl")).text();
-    this.iframe.src = url;
+  // async componentDidLoad() {
+  //   // TODO: Replace with actual endpoint when it's ready
+  //   const url = await (await fetch("http://localhost:5555/geturl")).text();
+  //   this.iframe.src = url;
 
-    // this.iframe.src =
-    //   "https://demo.docusign.net/Signing/MTRedeem/v1/81222592-d65d-4d8f-b847-04856779a9f4?slt=eyJ0eXAiOiJNVCIsImFsZyI6IlJTMjU2Iiwia2lkIjoiNjgxODVmZjEtNGU1MS00Y2U5LWFmMWMtNjg5ODEyMjAzMzE3In0.AQYAAAABAAMABwAAIIekfxjcSAgAAMCYK6EY3EgYAAEAAAAAAAAAIQDwAgAAeyJUb2tlbklkIjoiYzMyZjkwZDAtOGYyMy00MzZhLWFlNTctN2Q1MDgxZGRkZjAxIiwiRXhwaXJhdGlvbiI6IjIwMjQtMDEtMThUMjM6NTE6MDgrMDA6MDAiLCJJc3N1ZWRBdCI6IjIwMjQtMDEtMThUMjM6NDY6MDguNDY0OTEwNCswMDowMCIsIlJlc291cmNlSWQiOiIxMGIzZDE3MS1hNGI3LTQ1NDUtYjBmNy00OTEwNGI0ZjJhNTQiLCJSZXNvdXJjZXMiOiJ7XCJFbnZlbG9wZUlkXCI6XCIxMGIzZDE3MS1hNGI3LTQ1NDUtYjBmNy00OTEwNGI0ZjJhNTRcIixcIkFjdG9yVXNlcklkXCI6XCI1ZTg0M2IwMS0wNjUwLTRkZTYtOGJkZS00OTBjYzBkYmFhMDVcIixcIlJlY2lwaWVudElkXCI6XCIwYTMwZDdhNC1iZWYzLTRhYjUtYjg0YS0wMjBiMTllZTgzMjZcIixcIkZha2VRdWVyeVN0cmluZ1wiOlwidD1iN2ZmOGNjZC0yNzE4LTQ1MWEtYmRhYS0zMDk2OTcxYjY3OGJcIixcIkludGVncmF0b3JLZXlcIjpcIklNUEEtMmE1YzM5YWItYTlmNi00NThiLTgzZWYtM2Y3ZGVkOTNhZWE1XCIsXCJDcmVhdGVkQXRcIjpcIjIwMjQtMDEtMThUMjM6NDY6MDguMzY1NTgzWlwifSIsIlRva2VuVHlwZSI6MSwiQXVkaWVuY2UiOiIyNWUwOTM5OC0wMzQ0LTQ5MGMtOGU1My0zYWIyY2E1NjI3YmYiLCJSZWRpcmVjdFVyaSI6Imh0dHBzOi8vZGVtby5kb2N1c2lnbi5uZXQvU2lnbmluZy9TdGFydEluU2Vzc2lvbi5hc3B4IiwiSGFzaEFsZ29yaXRobSI6MCwiSGFzaFJvdW5kcyI6MCwiVG9rZW5TdGF0dXMiOjAsIklzU2luZ2xlVXNlIjpmYWxzZX0_AIDnvlaAGNxI.pz7FN5reKM0PrJ1vCyu8fgCCYBLlzkVnQgbgrrE4errETVxTYz88j51emxqthnUz0MlKvpQ7v8vf09CF22bHtM7jPtriMMILMhhTrii2nUMpYpchgKUIayIZhcvlCgL7hET6DxjsLTcEvuFr11Bumn-1qmNZHh7KJvfBHN3Fve1F031dJUxhxC2XK2EKGcUvM8yXLGWMCFpkYPQBY-m6lfSqdoRIoTUzqFA9H1331kr1zUsfkR8ygyANItyf1a9eTpVuPfpVi9Sv8eRFE1Jvtj8B2Jzi4dghG9IFyBYrRNoKAUP0R2cB8QU-VdPbos5w8Wgp8OXxuqLwXeP9D3WLtA";
-  }
+  //   // this.iframe.src =
+  //   //   "https://demo.docusign.net/Signing/MTRedeem/v1/81222592-d65d-4d8f-b847-04856779a9f4?slt=eyJ0eXAiOiJNVCIsImFsZyI6IlJTMjU2Iiwia2lkIjoiNjgxODVmZjEtNGU1MS00Y2U5LWFmMWMtNjg5ODEyMjAzMzE3In0.AQYAAAABAAMABwAAIIekfxjcSAgAAMCYK6EY3EgYAAEAAAAAAAAAIQDwAgAAeyJUb2tlbklkIjoiYzMyZjkwZDAtOGYyMy00MzZhLWFlNTctN2Q1MDgxZGRkZjAxIiwiRXhwaXJhdGlvbiI6IjIwMjQtMDEtMThUMjM6NTE6MDgrMDA6MDAiLCJJc3N1ZWRBdCI6IjIwMjQtMDEtMThUMjM6NDY6MDguNDY0OTEwNCswMDowMCIsIlJlc291cmNlSWQiOiIxMGIzZDE3MS1hNGI3LTQ1NDUtYjBmNy00OTEwNGI0ZjJhNTQiLCJSZXNvdXJjZXMiOiJ7XCJFbnZlbG9wZUlkXCI6XCIxMGIzZDE3MS1hNGI3LTQ1NDUtYjBmNy00OTEwNGI0ZjJhNTRcIixcIkFjdG9yVXNlcklkXCI6XCI1ZTg0M2IwMS0wNjUwLTRkZTYtOGJkZS00OTBjYzBkYmFhMDVcIixcIlJlY2lwaWVudElkXCI6XCIwYTMwZDdhNC1iZWYzLTRhYjUtYjg0YS0wMjBiMTllZTgzMjZcIixcIkZha2VRdWVyeVN0cmluZ1wiOlwidD1iN2ZmOGNjZC0yNzE4LTQ1MWEtYmRhYS0zMDk2OTcxYjY3OGJcIixcIkludGVncmF0b3JLZXlcIjpcIklNUEEtMmE1YzM5YWItYTlmNi00NThiLTgzZWYtM2Y3ZGVkOTNhZWE1XCIsXCJDcmVhdGVkQXRcIjpcIjIwMjQtMDEtMThUMjM6NDY6MDguMzY1NTgzWlwifSIsIlRva2VuVHlwZSI6MSwiQXVkaWVuY2UiOiIyNWUwOTM5OC0wMzQ0LTQ5MGMtOGU1My0zYWIyY2E1NjI3YmYiLCJSZWRpcmVjdFVyaSI6Imh0dHBzOi8vZGVtby5kb2N1c2lnbi5uZXQvU2lnbmluZy9TdGFydEluU2Vzc2lvbi5hc3B4IiwiSGFzaEFsZ29yaXRobSI6MCwiSGFzaFJvdW5kcyI6MCwiVG9rZW5TdGF0dXMiOjAsIklzU2luZ2xlVXNlIjpmYWxzZX0_AIDnvlaAGNxI.pz7FN5reKM0PrJ1vCyu8fgCCYBLlzkVnQgbgrrE4errETVxTYz88j51emxqthnUz0MlKvpQ7v8vf09CF22bHtM7jPtriMMILMhhTrii2nUMpYpchgKUIayIZhcvlCgL7hET6DxjsLTcEvuFr11Bumn-1qmNZHh7KJvfBHN3Fve1F031dJUxhxC2XK2EKGcUvM8yXLGWMCFpkYPQBY-m6lfSqdoRIoTUzqFA9H1331kr1zUsfkR8ygyANItyf1a9eTpVuPfpVi9Sv8eRFE1Jvtj8B2Jzi4dghG9IFyBYrRNoKAUP0R2cB8QU-VdPbos5w8Wgp8OXxuqLwXeP9D3WLtA";
+  // }
 
   render() {
     return (
       <iframe
-        ref={(el) => (this.iframe = el)}
+        // ref={(el) => (this.iframe = el)}
+        src={this.url}
         width="100%"
         height="100%"
         class="docusign-iframe"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
index 3240f9124e..5e2190af74 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
@@ -122,6 +122,8 @@ export const DocumentTypeFormView = (props: DocumentTypeFormViewProps) => {
 
   const { classes } = sheet;
 
+  console.log({ formState });
+
   return (
     <sl-form class={classes.FormWrapper} onSl-submit={callbacks.onSubmit}>
       <style type="text/css">
@@ -138,22 +140,20 @@ export const DocumentTypeFormView = (props: DocumentTypeFormViewProps) => {
       </div>
       <p class={classes.LabelText}>{text.formLabel}</p>
 
-      <sl-radio-group name="/documentType" value={formState.selectedTaxForm}>
-        <div class={classes.RadioContainer}>
-          <sl-radio value="w9">
-            <p class={classes.LabelText}>{text.w9Label}</p>
-            <p class={classes.DescriptionText}>{text.w9Description}</p>
-          </sl-radio>
-          <sl-radio value="w8-ben">
-            <p class={classes.LabelText}>{text.w8Label}</p>
-            <p class={classes.DescriptionText}>{text.w8Description}</p>
-          </sl-radio>
-          <sl-radio value="w8-ben-e">
-            <p class={classes.LabelText}>{text.w8ELabel}</p>
-            <p class={classes.DescriptionText}>{text.w8EDescription}</p>
-          </sl-radio>
-        </div>
-      </sl-radio-group>
+      <div class={classes.RadioContainer}>
+        <sl-radio value="w9" name="/documentType">
+          <p class={classes.LabelText}>{text.w9Label}</p>
+          <p class={classes.DescriptionText}>{text.w9Description}</p>
+        </sl-radio>
+        <sl-radio value="w8-ben" name="/documentType">
+          <p class={classes.LabelText}>{text.w8Label}</p>
+          <p class={classes.DescriptionText}>{text.w8Description}</p>
+        </sl-radio>
+        <sl-radio value="w8-ben-e" name="/documentType">
+          <p class={classes.LabelText}>{text.w8ELabel}</p>
+          <p class={classes.DescriptionText}>{text.w8EDescription}</p>
+        </sl-radio>
+      </div>
       <div class={classes.BtnContainer}>
         <sl-button
           type="primary"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
index af387a6d10..785b22bae7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
@@ -11,7 +11,14 @@ import { useDocumentTypeForm } from "./useDocumentTypeForm";
 export class DocumentTypeForm {
   @Prop() step: string = "Step";
   @Prop() stepOf: string = "of";
+  @Prop() formLabel: string = "TODO: Form";
   @Prop() taxForm: string = "Tax Form";
+  @Prop() w9Label: string = "W9";
+  @Prop() w9Description: string = "TODO: ";
+  @Prop() w8Label: string = "W8-BEN";
+  @Prop() w8Description: string = "TODO: ";
+  @Prop() w8ELabel: string = "W8-BEN-E";
+  @Prop() w8EDescription: string = "TODO: ";
   @Prop() submitButton: string = "Submit";
   @Prop() backButton: string = "Back";
   @Prop() formSubmissionError: string = "Could not submit form";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
index a063bcab73..08b3145c53 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
@@ -6,9 +6,27 @@ import { DocumentTypeForm } from "./sqm-document-type-form";
 export function useDocumentTypeForm(props: DocumentTypeForm) {
   const [path, setPath] = useParent(TAX_CONTEXT_NAMESPACE);
   const [errors, setErrors] = useState({});
-  const [selectedTaxForm, setSelectedTaxForm] = useState(null);
 
-  const onSubmit = (args: any) => {};
+  const onSubmit = (e) => {
+    const controls = e.target.getFormControls();
+
+    let selectedDocumentType: string = null;
+    controls.forEach((control) => {
+      if (!control.name) return;
+
+      const value = control.value;
+      const checked = control.checked;
+
+      if (checked) selectedDocumentType = value;
+    });
+
+    if (selectedDocumentType === null) {
+      setErrors({ documentType: { status: "required" } });
+      return;
+    }
+
+    setPath(`/3/${selectedDocumentType}`);
+  };
 
   return {
     callbacks: {
@@ -17,10 +35,10 @@ export function useDocumentTypeForm(props: DocumentTypeForm) {
     },
     states: {
       loading: false,
-      submitDisabled: !selectedTaxForm,
+      submitDisabled: false,
       formState: {
         formSubmission: false,
-        selectedTaxForm: selectedTaxForm,
+        selectedTaxForm: "w9" as const,
         errors,
       },
     },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 9fda32e640..7662fa8b59 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -1,5 +1,5 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Host, Prop, State } from "@stencil/core";
+import { Component, Element, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
@@ -17,6 +17,7 @@ import { DocusignFormView } from "./sqm-docusign-form-view";
   shadow: false,
 })
 export class DocusignForm {
+  @Element() el;
   @State() ignored = true;
 
   @Prop() step: string = "Step";
@@ -40,7 +41,7 @@ export class DocusignForm {
 
   render() {
     // const props = isDemo() ? useUserNameDemo(this) : useUserName();
-    const props = useDocusignForm(getProps(this));
+    const props = useDocusignForm(getProps(this), this.el);
 
     return (
       <Host>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 2f194c764f..b0e155856f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -25,7 +25,8 @@ const GET_TAX_DOCUMENT = gql`
   }
 `;
 
-export function useDocusignForm(props: DocusignForm) {
+export function useDocusignForm(props: DocusignForm, el: any) {
+  console.log({ el });
   const user = useUserIdentity();
   const [path, setPath] = useParent<string>(TAX_CONTEXT_NAMESPACE);
   const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
@@ -34,8 +35,6 @@ export function useDocusignForm(props: DocusignForm) {
   const splitPath = path.split("/");
   const defaultDocumentType = splitPath.length === 3 ? splitPath[2] : undefined;
 
-  console.log({ path, defaultDocumentType });
-
   const { data, loading } = useQuery(GET_USER_TAX_INFO, {
     id: user.id,
     accountId: user.accountId,
@@ -49,11 +48,11 @@ export function useDocusignForm(props: DocusignForm) {
     refetch: refetchDocument,
   } = {
     data: {
-      taxForm: "W9" as const,
+      taxForm: defaultDocumentType,
       documentUrl: "https://example.com",
     },
     loading: false,
-    refetch: (vars: any) => console.debug("REFETCHING"),
+    refetch: (vars: any) => console.debug("REFETCHING", vars),
   };
 
   useEffect(() => {
@@ -68,6 +67,14 @@ export function useDocusignForm(props: DocusignForm) {
     }
   }, [countryCode]);
 
+  useEffect(() => {
+    // Load docusign iframe with given url
+    const slotted = el.querySelector("sqm-docusign-embed");
+    if (slotted) {
+      slotted.url = taxInfo.documentUrl;
+    }
+  }, [taxInfo.documentUrl]);
+
   const onSubmit = () => {
     if (!formSubmitted) {
       setErrors({ submitCheckbox: true });
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 6bd56e4ecb..dda7319ac2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -183,6 +183,7 @@ const stepThreeAProps: TaxFormStepThreeAViewProps = {
     onSubmit: (props: any) => console.log(props),
     onBack: () => console.log("Back"),
   },
+  // @ts-ignore
   text: taxFormStepThreeText,
 };
 

From 78a12df18169cb2e10c688de64d93eeef5e1dc68 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 29 Jan 2024 15:19:44 -0800
Subject: [PATCH 070/753] cleanup text props

---
 packages/mint-components/src/components.d.ts  | 74 +++++++++++++------
 .../sqm-docusign-form-view.tsx                | 33 ++++-----
 .../sqm-docusign-form/sqm-docusign-form.tsx   | 23 +++---
 .../sqm-indirect-tax-form-view.tsx            |  4 +-
 .../sqm-indirect-tax-form.tsx                 | 29 ++++----
 .../sqm-user-info-form/TaxForm.stories.tsx    | 24 +++---
 .../sqm-user-info-form/defaultTextCopy.ts     | 25 ++++++-
 .../sqm-user-info-form-view.tsx               |  5 +-
 .../sqm-user-info-form/sqm-user-info-form.tsx | 69 +++++++----------
 9 files changed, 158 insertions(+), 128 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index aed6a6f8a0..ea8de648e0 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -11,7 +11,7 @@ import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { UserNameViewProps } from "./components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
 import { CouponCodeViewProps } from "./components/sqm-coupon-code/sqm-coupon-code-view";
-import { TaxFormStepTwoProps } from "./components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view";
+import { IndirectTaxFormViewProps } from "./components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view";
 import { DropdownFieldViewProps } from "./components/sqm-dropdown-field/sqm-dropdown-field-view";
 import { EditProfileViewProps } from "./components/sqm-edit-profile/sqm-edit-profile-view";
 import { Spacing } from "./global/mixins";
@@ -304,16 +304,21 @@ export namespace Components {
     }
     interface SqmDocusignForm {
         "backButton": string;
+        "banner": string;
+        "checkboxDescription": string;
+        "checkboxLabel": string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<TaxFormStepTwoProps>;
-        "formSubmissionError": string;
+        "demoData"?: DemoData<IndirectTaxFormViewProps>;
+        "notBasedInUS": string;
         "step": string;
         "stepOf": string;
         "submitButton": string;
         "taxForm": string;
+        "taxFormDescription": string;
+        "taxFormLabel": string;
     }
     interface SqmDropdownField {
         /**
@@ -607,6 +612,7 @@ export namespace Components {
         "step": string;
         "stepOf": string;
         "submitButton": string;
+        "taxDetailsError": string;
     }
     interface SqmInputField {
         /**
@@ -2958,36 +2964,43 @@ export namespace Components {
     }
     interface SqmUserInfoForm {
         "allowBankingCollection": string;
-        "businessEntity"?: string;
+        "allowBankingCollectionError": string;
+        "businessEntity": string;
         "country": string;
+        "countryError": string;
         "currency": string;
+        "currencyError": string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UserNameViewProps>;
         "email": string;
+        "emailError": string;
         "firstName": string;
-        "individualParticipant"?: string;
+        "firstNameError": string;
+        /**
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "generalError": string;
+        "individualParticipant": string;
         "lastName": string;
+        "lastNameError": string;
         /**
           * The message to be displayed when a the form submission fails unexpectedly.
           * @uiName Network error message
           * @uiWidget textArea
          */
         "networkErrorMessage": string;
-        "participantType"?: string;
-        "personalInformation"?: string;
-        /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
-         */
-        "requiredFieldErrorMessage": string;
-        "step"?: string;
-        "stepOf"?: string;
+        "participantType": string;
+        "participantTypeError": string;
+        "personalInformation": string;
+        "step": string;
+        "stepOf": string;
         "submitButton": string;
-        "taxAndBankingCollection"?: string;
+        "taxAndBankingCollection": string;
     }
     interface SqmUserName {
         /**
@@ -3984,16 +3997,21 @@ declare namespace LocalJSX {
     }
     interface SqmDocusignForm {
         "backButton"?: string;
+        "banner"?: string;
+        "checkboxDescription"?: string;
+        "checkboxLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<TaxFormStepTwoProps>;
-        "formSubmissionError"?: string;
+        "demoData"?: DemoData<IndirectTaxFormViewProps>;
+        "notBasedInUS"?: string;
         "step"?: string;
         "stepOf"?: string;
         "submitButton"?: string;
         "taxForm"?: string;
+        "taxFormDescription"?: string;
+        "taxFormLabel"?: string;
     }
     interface SqmDropdownField {
         /**
@@ -4287,6 +4305,7 @@ declare namespace LocalJSX {
         "step"?: string;
         "stepOf"?: string;
         "submitButton"?: string;
+        "taxDetailsError"?: string;
     }
     interface SqmInputField {
         /**
@@ -6613,18 +6632,30 @@ declare namespace LocalJSX {
     }
     interface SqmUserInfoForm {
         "allowBankingCollection"?: string;
+        "allowBankingCollectionError"?: string;
         "businessEntity"?: string;
         "country"?: string;
+        "countryError"?: string;
         "currency"?: string;
+        "currencyError"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UserNameViewProps>;
         "email"?: string;
+        "emailError"?: string;
         "firstName"?: string;
+        "firstNameError"?: string;
+        /**
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "generalError"?: string;
         "individualParticipant"?: string;
         "lastName"?: string;
+        "lastNameError"?: string;
         /**
           * The message to be displayed when a the form submission fails unexpectedly.
           * @uiName Network error message
@@ -6632,13 +6663,8 @@ declare namespace LocalJSX {
          */
         "networkErrorMessage"?: string;
         "participantType"?: string;
+        "participantTypeError"?: string;
         "personalInformation"?: string;
-        /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
-         */
-        "requiredFieldErrorMessage"?: string;
         "step"?: string;
         "stepOf"?: string;
         "submitButton"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 7596a4ee86..1c7bd92a83 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -1,7 +1,7 @@
 import { VNode, h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
 
-export interface TaxFormStepThreeAViewProps {
+export interface DocusignFormViewProps {
   states: {
     loading: boolean;
     submitDisabled: boolean;
@@ -20,11 +20,14 @@ export interface TaxFormStepThreeAViewProps {
     step: string;
     stepOf: string;
     taxForm: string;
+    taxFormLabel: string;
+    taxFormDescription: string;
+    notBasedInUS: string;
+    banner: string;
+    checkboxLabel: string;
+    checkboxDescription: string;
     submitButton: string;
     backButton: string;
-    error: {
-      formSubmission: string;
-    };
   };
 }
 
@@ -135,7 +138,7 @@ const vanillaStyle = `
     }
   `;
 
-export const DocusignFormView = (props: TaxFormStepThreeAViewProps) => {
+export const DocusignFormView = (props: DocusignFormViewProps) => {
   const {
     states,
     states: { formState },
@@ -159,12 +162,11 @@ export const DocusignFormView = (props: TaxFormStepThreeAViewProps) => {
           <h3>{text.taxForm}</h3>
         </div>
       </div>
-      <h5 class={classes.BoldText}>W9 Tax Form</h5>
+      <h5 class={classes.BoldText}>{text.taxFormLabel}</h5>
       <p>
-        Participants based in the US and partnering with US-based brands need to
-        submit a W9 form.
-        <a onClick={props.callbacks.onShowDocumentType} class={classes.Link}>
-          Not based in the US?
+        {text.taxFormDescription}
+        <a onClick={callbacks.onShowDocumentType} class={classes.Link}>
+          {text.notBasedInUS}
         </a>
       </p>
       <sl-alert
@@ -175,18 +177,15 @@ export const DocusignFormView = (props: TaxFormStepThreeAViewProps) => {
       >
         <div class={classes.AlertInnerContainer}>
           <sl-icon slot="icon" name="clock"></sl-icon>
-          Complete and submit your tax form to save your information
+          {text.banner}
         </div>
       </sl-alert>
 
       <slot name="docusign-iframe"></slot>
       <div>
-        <p class={classes.BoldText}>Form submission</p>
-        <sl-checkbox
-          onSl-change={callbacks.toggleFormSubmitted}
-          checked={formState.completedTaxForm}
-        >
-          I have completed and submitted my tax form
+        <p class={classes.BoldText}>{text.checkboxLabel}</p>
+        <sl-checkbox checked={formState.completedTaxForm}>
+          {text.checkboxDescription}
         </sl-checkbox>
       </div>
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 7662fa8b59..36bcb97434 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -3,9 +3,10 @@ import { Component, Element, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
-import { TaxFormStepTwoProps } from "../sqm-indirect-tax-form/sqm-indirect-tax-form-view";
+import { IndirectTaxFormViewProps } from "../sqm-indirect-tax-form/sqm-indirect-tax-form-view";
 import { useDocusignForm } from "./useDocusignForm";
 import { DocusignFormView } from "./sqm-docusign-form-view";
+import { docusignFormText } from "../sqm-user-info-form/defaultTextCopy";
 
 /**
  * @uiName Tax And Cash
@@ -20,18 +21,22 @@ export class DocusignForm {
   @Element() el;
   @State() ignored = true;
 
-  @Prop() step: string = "Step";
-  @Prop() stepOf: string = "of";
-  @Prop() taxForm: string = "Tax Form";
-  @Prop() submitButton: string = "Continue";
-  @Prop() backButton: string = "Back";
-  @Prop() formSubmissionError: string = "Form could not submit";
-
+  @Prop() step: string = docusignFormText.step;
+  @Prop() stepOf: string = docusignFormText.stepOf;
+  @Prop() taxForm: string = docusignFormText.taxForm;
+  @Prop() taxFormLabel: string = docusignFormText.taxFormLabel;
+  @Prop() taxFormDescription: string = docusignFormText.taxFormDescription;
+  @Prop() notBasedInUS: string = docusignFormText.notBasedInUS;
+  @Prop() banner: string = docusignFormText.banner;
+  @Prop() checkboxLabel: string = docusignFormText.checkboxLabel;
+  @Prop() checkboxDescription: string = docusignFormText.checkboxDescription;
+  @Prop() submitButton: string = docusignFormText.submitButton;
+  @Prop() backButton: string = docusignFormText.backButton;
   /**
    * @undocumented
    * @uiType object
    */
-  @Prop() demoData?: DemoData<TaxFormStepTwoProps>;
+  @Prop() demoData?: DemoData<IndirectTaxFormViewProps>;
 
   constructor() {
     withHooks(this);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 53e87f2f1c..c7d16ecb9d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -1,7 +1,7 @@
 import { VNode, h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
 
-export interface TaxFormStepTwoProps {
+export interface IndirectTaxFormViewProps {
   states: {
     loading: boolean;
     submitDisabled: boolean;
@@ -108,7 +108,7 @@ const vanillaStyle = `
     }
   `;
 
-export const IndirectTaxFormView = (props: TaxFormStepTwoProps) => {
+export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
   const {
     states,
     states: { formState },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 924885e0ab..06a66f4915 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -4,29 +4,30 @@ import { getProps } from "../../../utils/utils";
 import { IndirectDetailsSlotView } from "../sqm-user-info-form/small-views/IndirectTaxDetailsView";
 import {
   IndirectTaxFormView,
-  TaxFormStepTwoProps,
+  IndirectTaxFormViewProps,
 } from "./sqm-indirect-tax-form-view";
 import { useIndirectTaxForm } from "./useIndirectTaxForm";
-import { taxFormStepTwoText } from "../sqm-user-info-form/defaultTextCopy";
+import { indirectTaxFormText } from "../sqm-user-info-form/defaultTextCopy";
 
 @Component({
   tag: "sqm-indirect-tax-form",
   shadow: true,
 })
-export class TaxFormStepTwo {
-  @Prop() step: string = taxFormStepTwoText.step;
-  @Prop() stepOf: string = taxFormStepTwoText.stepOf;
-  @Prop() indirectTax: string = taxFormStepTwoText.indirectTax;
+export class IndirectTaxForm {
+  @Prop() step: string = indirectTaxFormText.step;
+  @Prop() stepOf: string = indirectTaxFormText.stepOf;
+  @Prop() indirectTax: string = indirectTaxFormText.indirectTax;
   @Prop() indirectTaxDescription: string =
-    taxFormStepTwoText.indirectTaxDescription;
-  @Prop() indirectTaxDetails: string = taxFormStepTwoText.indirectTaxDetails;
+    indirectTaxFormText.indirectTaxDescription;
+  @Prop() indirectTaxDetails: string = indirectTaxFormText.indirectTaxDetails;
   @Prop() indirectTaxDetailsDescription: string =
-    taxFormStepTwoText.indirectTaxDetailsDescription;
-  @Prop() hstCanada: string = taxFormStepTwoText.hstCanada;
-  @Prop() otherRegion: string = taxFormStepTwoText.otherRegion;
-  @Prop() notRegistered: string = taxFormStepTwoText.notRegistered;
-  @Prop() submitButton: string = taxFormStepTwoText.submitButton;
-  @Prop() backButton: string = taxFormStepTwoText.backButton;
+    indirectTaxFormText.indirectTaxDetailsDescription;
+  @Prop() hstCanada: string = indirectTaxFormText.hstCanada;
+  @Prop() otherRegion: string = indirectTaxFormText.otherRegion;
+  @Prop() notRegistered: string = indirectTaxFormText.notRegistered;
+  @Prop() submitButton: string = indirectTaxFormText.submitButton;
+  @Prop() backButton: string = indirectTaxFormText.backButton;
+  @Prop() taxDetailsError: string = indirectTaxFormText.error.taxDetails;
 
   constructor() {
     withHooks(this);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index eb55870aa1..728e036c7c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -5,11 +5,11 @@ import {
 } from "../sqm-document-type-form/sqm-document-type-form-view";
 import {
   DocusignFormView,
-  TaxFormStepThreeAViewProps,
+  DocusignFormViewProps,
 } from "../sqm-docusign-form/sqm-docusign-form-view";
 import {
   IndirectTaxFormView,
-  TaxFormStepTwoProps,
+  IndirectTaxFormViewProps,
 } from "../sqm-indirect-tax-form/sqm-indirect-tax-form-view";
 import {
   TaxDocumentSubmittedProps,
@@ -17,15 +17,16 @@ import {
 } from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
 import {
   documentTypeFormText,
-  taxFormStepOneText,
-  taxFormStepTwoText,
+  userInfoText,
+  indirectTaxFormText,
+  docusignFormText,
 } from "./defaultTextCopy";
 import {
   RegisteredInCanada,
   RegisteredInOtherRegion,
 } from "./small-views/SlotViews.stories";
 import {
-  TaxFormStepOneProps,
+  UserInfoFormViewProps,
   UserInfoFormView,
 } from "./sqm-user-info-form-view";
 
@@ -33,7 +34,7 @@ export default {
   title: "Components/Tax Form",
 };
 
-const stepOneProps: TaxFormStepOneProps = {
+const stepOneProps: UserInfoFormViewProps = {
   states: {
     loading: false,
     submitDisabled: false,
@@ -53,13 +54,13 @@ const stepOneProps: TaxFormStepOneProps = {
     // TODO: fix type
     onRadioClick: (props: any) => console.log("Radio Click"),
   },
-  text: taxFormStepOneText,
+  text: userInfoText,
   refs: {
     formRef: () => {},
   },
 };
 
-const stepTwoProps: TaxFormStepTwoProps = {
+const stepTwoProps: IndirectTaxFormViewProps = {
   states: {
     loading: false,
     submitDisabled: false,
@@ -75,7 +76,7 @@ const stepTwoProps: TaxFormStepTwoProps = {
     onBack: () => console.log("Submit"),
   },
   refs: { formRef: { current: null } },
-  text: taxFormStepTwoText,
+  text: indirectTaxFormText,
 };
 
 const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
@@ -197,7 +198,7 @@ const documentSubmittedLoadingProps: TaxDocumentSubmittedProps = {
   },
 };
 
-const stepThreeAProps = {
+const stepThreeAProps: DocusignFormViewProps = {
   states: {
     loading: false,
     submitDisabled: false,
@@ -211,8 +212,7 @@ const stepThreeAProps = {
     onSubmit: (props: any) => console.log(props),
     onBack: () => console.log("Back"),
   },
-  // TODO: fix this
-  // text: taxFormStepThreeText,
+  text: docusignFormText,
 };
 
 const stepThreeBProps: DocumentTypeFormViewProps = {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 03ecd0b059..0f224a4362 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -1,8 +1,9 @@
 import { IndirectDetailsSlotViewProps } from "./small-views/IndirectTaxDetailsView";
-import { TaxFormStepOneProps } from "./sqm-user-info-form-view";
+import { UserInfoFormViewProps } from "./sqm-user-info-form-view";
 import { TaxDocumentSubmittedProps } from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
-import { TaxFormStepTwoProps } from "../sqm-indirect-tax-form/sqm-indirect-tax-form-view";
+import { IndirectTaxFormViewProps } from "../sqm-indirect-tax-form/sqm-indirect-tax-form-view";
 import { DocumentTypeFormViewProps } from "../sqm-document-type-form/sqm-document-type-form-view";
+import { DocusignFormViewProps } from "../sqm-docusign-form/sqm-docusign-form-view";
 
 export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
   selectedRegion: "Country / Region of Indirect Tax",
@@ -11,7 +12,7 @@ export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
   indirectTaxNumber: "Indirect Tax",
 };
 
-export const taxFormStepOneText: TaxFormStepOneProps["text"] = {
+export const userInfoText: UserInfoFormViewProps["text"] = {
   firstName: "First name",
   lastName: "Last name",
   email: "Email",
@@ -27,6 +28,7 @@ export const taxFormStepOneText: TaxFormStepOneProps["text"] = {
   individualParticipant: "I am an individual participant",
   taxAndBankingCollection: "Tax and banking collection",
   error: {
+    general: "Network request failed.",
     firstName: "Enter a first name",
     lastName: "Enter a last name",
     email: "Enter a valid email",
@@ -37,7 +39,7 @@ export const taxFormStepOneText: TaxFormStepOneProps["text"] = {
   },
 };
 
-export const taxFormStepTwoText: TaxFormStepTwoProps["text"] = {
+export const indirectTaxFormText: IndirectTaxFormViewProps["text"] = {
   step: "Step",
   stepOf: "of",
   indirectTax: "Indirect Tax",
@@ -57,6 +59,21 @@ export const taxFormStepTwoText: TaxFormStepTwoProps["text"] = {
   },
 };
 
+export const docusignFormText: DocusignFormViewProps["text"] = {
+  step: "Step",
+  stepOf: "of",
+  taxForm: "Tax form",
+  taxFormLabel: "W9 Tax Form",
+  taxFormDescription:
+    "Participants based in the US and partnering with US-based brands need to submit a W9 form.",
+  notBasedInUS: "Not based in the US?",
+  banner: "Complete and submit your tax form to save your information",
+  checkboxLabel: "Form submission",
+  checkboxDescription: "I have completed and submitted my tax form",
+  submitButton: "Continue",
+  backButton: "Back",
+};
+
 export const documentTypeFormText: DocumentTypeFormViewProps["text"] = {
   step: "Step",
   stepOf: "of",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index baa96d5793..9965eb35f2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
 
-export interface TaxFormStepOneProps {
+export interface UserInfoFormViewProps {
   states: {
     loading: boolean;
     submitDisabled: boolean;
@@ -37,6 +37,7 @@ export interface TaxFormStepOneProps {
     taxAndBankingCollection: string;
     submitButton: string;
     error: {
+      general: string;
       firstName: string;
       lastName: string;
       email: string;
@@ -132,7 +133,7 @@ const vanillaStyle = `
 
   `;
 
-export const UserInfoFormView = (props: TaxFormStepOneProps) => {
+export const UserInfoFormView = (props: UserInfoFormViewProps) => {
   const {
     states,
     states: { formState },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index d70b1dd720..08b50cd723 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -4,7 +4,7 @@ import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
-import { taxFormStepOneText } from "./defaultTextCopy";
+import { userInfoText } from "./defaultTextCopy";
 import { UserInfoFormView } from "./sqm-user-info-form-view";
 import { useTaxForm } from "./useUserInfoForm";
 
@@ -27,48 +27,29 @@ export class TaxForm {
   @Prop() demoData?: DemoData<UserNameViewProps>;
 
   @Prop()
-  firstName: string = taxFormStepOneText.firstName;
-  @Prop() lastName: string = taxFormStepOneText.lastName;
-  @Prop() email: string = taxFormStepOneText.email;
-  @Prop() country: string = taxFormStepOneText.country;
-  @Prop() currency: string = taxFormStepOneText.currency;
-  @Prop() allowBankingCollection: string =
-    taxFormStepOneText.allowBankingCollection;
-  @Prop() step?: string = taxFormStepOneText.step;
-  @Prop() stepOf?: string = taxFormStepOneText.stepOf;
-  @Prop() personalInformation?: string = taxFormStepOneText.personalInformation;
-  @Prop() businessEntity?: string = taxFormStepOneText.businessEntity;
-  @Prop() participantType?: string = taxFormStepOneText.participantType;
-  @Prop() individualParticipant?: string =
-    taxFormStepOneText.individualParticipant;
-  @Prop() taxAndBankingCollection?: string =
-    taxFormStepOneText.taxAndBankingCollection;
-  @Prop() submitButton: string = taxFormStepOneText.submitButton;
-
-  // ZH: These props are in the wrong spot
-  // Tax Document Submitted View props
-  // @Prop() activeStatusText: string = taxFormDocumentSubmittedText.status.active;
-  // @Prop() notActiveStatusText: string =
-  //   taxFormDocumentSubmittedText.status.notActive;
-  // @Prop() notVerifiedStatusText: string =
-  //   taxFormDocumentSubmittedText.status.notVerified;
-  // @Prop() expiredStatusText: string =
-  //   taxFormDocumentSubmittedText.status.expired;
-  // @Prop() submittedOnText: string =
-  //   taxFormDocumentSubmittedText.badge.submittedOn;
-  // @Prop() awaitingReviewText: string =
-  //   taxFormDocumentSubmittedText.badge.awaitingReview;
-  // @Prop() expiredOnText: string = taxFormDocumentSubmittedText.badge.expiredOn;
-  // @Prop() taxAlertHeader?: string = taxFormDocumentSubmittedText.taxAlertHeader;
-  // @Prop() taxAlertMessage?: string =
-  //   taxFormDocumentSubmittedText.taxAlertMessage;
-  // @Prop() bankingInformationHeader: string =
-  //   taxFormDocumentSubmittedText.bankingInformationSectionHeader;
-  // @Prop() taxDocumentSectionHeader: string =
-  //   taxFormDocumentSubmittedText.taxDocumentSectionHeader;
-  // @Prop() taxDocumentSectionSubHeader?: string =
-  //   taxFormDocumentSubmittedText.taxDocumentSectionSubHeader;
-  // @Prop() error?: string = taxFormDocumentSubmitted.taxAlertHeader;
+  firstName: string = userInfoText.firstName;
+  @Prop() lastName: string = userInfoText.lastName;
+  @Prop() email: string = userInfoText.email;
+  @Prop() country: string = userInfoText.country;
+  @Prop() currency: string = userInfoText.currency;
+  @Prop() allowBankingCollection: string = userInfoText.allowBankingCollection;
+  @Prop() step: string = userInfoText.step;
+  @Prop() stepOf: string = userInfoText.stepOf;
+  @Prop() personalInformation: string = userInfoText.personalInformation;
+  @Prop() businessEntity: string = userInfoText.businessEntity;
+  @Prop() participantType: string = userInfoText.participantType;
+  @Prop() individualParticipant: string = userInfoText.individualParticipant;
+  @Prop() taxAndBankingCollection: string =
+    userInfoText.taxAndBankingCollection;
+  @Prop() submitButton: string = userInfoText.submitButton;
+  @Prop() firstNameError: string = userInfoText.error.firstName;
+  @Prop() lastNameError: string = userInfoText.error.lastName;
+  @Prop() emailError: string = userInfoText.error.email;
+  @Prop() countryError: string = userInfoText.error.countryCode;
+  @Prop() currencyError: string = userInfoText.error.currency;
+  @Prop() allowBankingCollectionError: string =
+    userInfoText.error.allowBankingCollection;
+  @Prop() participantTypeError: string = userInfoText.error.participantType;
 
   /**
    * The message to be displayed when a required field is not filled.
@@ -76,7 +57,7 @@ export class TaxForm {
    * @uiName Required field message
    * @uiWidget textArea
    */
-  @Prop() requiredFieldErrorMessage: string = "Cannot be empty";
+  @Prop() generalError: string = userInfoText.error.general;
 
   /**
    * The message to be displayed when a the form submission fails unexpectedly.

From 6004c7c0e10e629aa53b2c6eb1c1ccfa8ef93217 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 16:23:29 -0800
Subject: [PATCH 071/753] fix build

---
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx    | 3 ++-
 .../tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx   | 8 ++------
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index f1926b02e1..739d86865b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -89,7 +89,8 @@ export function useDocusignForm(props: DocusignForm, el: any) {
     text: {
       ...props,
       error: {
-        formSubmission: props.formSubmissionError,
+        // TODO: this prop was removed from the controller/view
+        // formSubmission: props.formSubmissionError,
       },
     },
     states: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 64004213ea..bccfbcc30c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -86,7 +86,7 @@ export function useTaxForm(props: TaxForm) {
 
         // required validation
         if (control.required && !value) {
-          jsonpointer.set(errors, key, props.requiredFieldErrorMessage);
+          jsonpointer.set(errors, key, props.allowBankingCollectionError);
         }
 
         // custom validation
@@ -99,11 +99,7 @@ export function useTaxForm(props: TaxForm) {
 
       // participant type validation
       if (!formData.participantType) {
-        jsonpointer.set(
-          errors,
-          "/participantType",
-          props.requiredFieldErrorMessage
-        );
+        jsonpointer.set(errors, "/participantType", props.participantTypeError);
       }
 
       if (Object.keys(errors).length) {

From ab8b7d66b53b0e1f58c28f2a15d047e661cbf473 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 29 Jan 2024 16:37:57 -0800
Subject: [PATCH 072/753] Adjust spacing in document submitted view. Added
 skeleton loading state for document submitted view and payout details card

---
 packages/mint-components/src/components.d.ts  |   2 +
 .../sqm-payout-details-card.tsx               |  26 +++--
 .../sqm-tax-document-submitted-view.tsx       | 106 +++++++++++-------
 .../sqm-tax-document-submitted.tsx            |   1 +
 .../sqm-user-info-form/TaxForm.stories.tsx    |  16 +--
 .../sqm-user-info-form/defaultTextCopy.ts     |   1 +
 6 files changed, 92 insertions(+), 60 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 52e9e047fc..dda252cd5d 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -2862,6 +2862,7 @@ export namespace Components {
         "badgeTextExpiredOn"?: string;
         "badgeTextSubmittedOn"?: string;
         "bankingInformationSectionHeader": string;
+        "invalidForm"?: string;
         "newFormButton": string;
         "statusTextActive"?: string;
         "statusTextExpired"?: string;
@@ -6510,6 +6511,7 @@ declare namespace LocalJSX {
         "badgeTextExpiredOn"?: string;
         "badgeTextSubmittedOn"?: string;
         "bankingInformationSectionHeader"?: string;
+        "invalidForm"?: string;
         "newFormButton"?: string;
         "statusTextActive"?: string;
         "statusTextExpired"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index fadef3bb42..1e65f0e896 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -121,7 +121,10 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
         {currencies?.map((currency) => {
           return (
             <div class={classes.CurrencyContainer}>
-              <p class={classes.SubCurrencyText}>{currency?.amountText}{currency?.currencyText}</p>
+              <p class={classes.SubCurrencyText}>
+                {currency?.amountText}
+                {currency?.currencyText}
+              </p>
             </div>
           );
         })}{" "}
@@ -193,9 +196,8 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
           <h1 class={classes.MainCurrency}>
             {hasDatePending || status !== "pending"
               ? mainCurrency?.amountText
-              : w9Pending?.[0]?.amountText}
-              {" "}
-              {mainCurrency.currencyText}
+              : w9Pending?.[0]?.amountText}{" "}
+            {mainCurrency.currencyText}
           </h1>
         )}
         {otherCurrencies !== undefined &&
@@ -217,14 +219,14 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
             {currencyList(w9Pending!)}
           </div>
         )}
-        <div style={{ display: "flex", gap: "var(--sl-spacing-small)"}}>
-          <span>
-          Card ***2381
-          </span>
-          <span>
-          Bank Name
-          </span>
-        </div>
+        {loading ? (
+          <sl-skeleton class={classes.SkeletonOne}></sl-skeleton>
+        ) : (
+          <div style={{ display: "flex", gap: "var(--sl-spacing-small)" }}>
+            <span>Card ***2381</span>
+            <span>Bank Name</span>
+          </div>
+        )}
       </div>
     </div>
   );
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index a044eaae25..8e87a5f1b7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -30,6 +30,7 @@ export interface TaxDocumentSubmittedProps {
     taxDocumentSectionHeader: string;
     taxDocumentSectionSubHeader: string;
     newFormButton: string;
+    invalidForm?: string;
   };
 }
 
@@ -50,9 +51,12 @@ const style = {
     maxWidth: "700px",
   },
   TaxDocumentsContainer: {
-    marginTop: "var(--sl-spacing-x-large)",
+    marginTop: "var(--sl-spacing-xx-large)",
     borderTop: "1px solid var(--sl-color-neutral-200)",
   },
+  TaxDocumentsHeaderContainer: {
+    marginTop: "var(--sl-spacing-x-large)",
+  },
   TaxFormDetailsContainer: {
     display: "flex",
     flexDirection: "row",
@@ -69,7 +73,17 @@ const style = {
     marginTop: "var(--sl-spacing-x-small)",
   },
   EditBankDetailsButton: {
-    marginTop: "var(--sl-spacing-medium)",
+    marginTop: "var(--sl-spacing-x-large)",
+  },
+  SkeletonOne: {
+    width: "15%",
+    height: "10px",
+  },
+  SkeletonTwo: {
+    width: "25%",
+    height: "24px",
+    top: "-8px",
+    marginBottom: "var(--sl-spacing-xx-small)",
   },
 };
 
@@ -81,7 +95,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
 
   // AL: Not sure what states will be yet, placeholder for now
   const testDetailsCardProps: PayoutDetailsCardViewProps = {
-    loading: false,
+    loading: states.loading,
     empty: false,
     otherCurrencies: false,
     mainCurrency: { currencyText: "USD", amountText: "100.00" },
@@ -106,7 +120,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
           {text.statusTextNotVerified}
         </sl-badge>
         <p>
-          {text.badgeTextAwaitingReview} {states.dateSubmitted}
+          {text.badgeTextAwaitingReview} {states.dateSubmitted}.
         </p>
       </div>
     ),
@@ -117,7 +131,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         </sl-badge>
         <p>
           {text.badgeTextSubmittedOn} {states.dateSubmitted}, expiring on{" "}
-          {states.dateExpired}
+          {states.dateExpired}.
         </p>
       </div>
     ),
@@ -126,9 +140,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         <sl-badge type="danger" pill class={sheet.classes.BadgeContainer}>
           {text.statusTextNotActive}
         </sl-badge>
-        <p>
-          {text.badgeTextSubmittedOn} {states.dateSubmitted}
-        </p>
+        <p>{text.invalidForm}.</p>
       </div>
     ),
     EXPIRED: (
@@ -137,7 +149,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
           {text.statusTextExpired}
         </sl-badge>
         <p>
-          {text.badgeTextExpiredOn} {states.dateExpired}
+          {text.badgeTextExpiredOn} {states.dateExpired}.
         </p>
       </div>
     ),
@@ -230,43 +242,55 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
 
   return (
     <div>
-      {!states.loading ? (
+      <div>
+        <style type="text/css">{styleString}</style>
+        {(states.status === "NOT_ACTIVE" || states.status === "EXPIRED") &&
+          alertMap[states.status]}
+        {states.status === "ACTIVE" &&
+          states.expiresSoon &&
+          alertMap.EXPIRING_SOON}
         <div>
-          <style type="text/css">{styleString}</style>
-          {(states.status === "NOT_ACTIVE" || states.status === "EXPIRED") &&
-            alertMap[states.status]}
-          {states.status === "ACTIVE" &&
-            states.expiresSoon &&
-            alertMap.EXPIRING_SOON}
-          <div>
-            <h3>{text.bankingInformationSectionHeader}</h3>
-            <div class={sheet.classes.BankingInformationContainer}>
-              {/* AL: Placeholder for banking information. TBD with design with what belongs here */}
-              <PayoutDetailsCardView {...testDetailsCardProps} />
-              <sl-button
-                type="default"
-                class={sheet.classes.EditBankDetailsButton}
-              >
-                Edit Bank Details
-              </sl-button>
-            </div>
+          <h3>{text.bankingInformationSectionHeader}</h3>
+          <div class={sheet.classes.BankingInformationContainer}>
+            {/* AL: Placeholder for banking information. TBD with design with what belongs here */}
+            <PayoutDetailsCardView {...testDetailsCardProps} />
+            <sl-button
+              type="default"
+              class={sheet.classes.EditBankDetailsButton}
+            >
+              Edit Bank Details
+            </sl-button>
           </div>
-          <div class={sheet.classes.TaxDocumentsContainer}>
+        </div>
+        <div class={sheet.classes.TaxDocumentsContainer}>
+          <div class={sheet.classes.TaxDocumentsHeaderContainer}>
             <h3>{text.taxDocumentSectionHeader}</h3>
-            <h4>{text.taxDocumentSectionSubHeader}</h4>
-            {statusMap[states.status]}
+            {states.loading ? (
+              <h4>
+                <sl-skeleton class={sheet.classes.SkeletonOne}></sl-skeleton>
+              </h4>
+            ) : (
+              <h4>{text.taxDocumentSectionSubHeader}</h4>
+            )}
+          </div>
+          <div>
+            {states.loading ? (
+              <div>
+                <sl-skeleton class={sheet.classes.SkeletonTwo}></sl-skeleton>
+              </div>
+            ) : (
+              <span>{statusMap[states.status]}</span>
+            )}
           </div>
-          <sl-button
-            onClick={callbacks.onClick}
-            type="primary"
-            class={sheet.classes.NewFormButton}
-          >
-            {text.newFormButton}
-          </sl-button>
         </div>
-      ) : (
-        <sl-spinner></sl-spinner>
-      )}
+        <sl-button
+          onClick={callbacks.onClick}
+          type="default"
+          class={sheet.classes.NewFormButton}
+        >
+          {text.newFormButton}
+        </sl-button>
+      </div>
     </div>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 0bc40ec147..85f455aa6f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -16,6 +16,7 @@ export class TaxDocumentSubmitted {
   @Prop() badgeTextExpiredOn?: string = defaults.badgeTextExpiredOn;
   @Prop() taxAlertHeader?: string = defaults.taxAlertHeader;
   @Prop() taxAlertMessage?: string = defaults.taxAlertMessage;
+  @Prop() invalidForm?: string = defaults.invalidForm;
   @Prop() bankingInformationSectionHeader: string =
     defaults.bankingInformationSectionHeader;
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index eb55870aa1..eec1afac99 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -131,6 +131,8 @@ const documentSubmittedNotActiveProps: TaxDocumentSubmittedProps = {
     taxAlertMessage: "Please resubmit a new W8-BEN-E form.",
     taxDocumentSectionSubHeader: "W8-BEN-E Tax Documents",
     newFormButton: "Submit New Form",
+    invalidForm:
+      "Ensure your information matches your profile and resubmit a new document",
   },
 };
 
@@ -145,7 +147,7 @@ const documentSubmittedExpiredProps: TaxDocumentSubmittedProps = {
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
     statusTextExpired: "Expired",
-    badgeTextSubmittedOn: "Expired On",
+    badgeTextExpiredOn: "Expired On",
     bankingInformationSectionHeader: "Banking Information",
     taxDocumentSectionHeader: "Tax Documents",
     taxAlertHeader: "Your W8-BEN-E tax form has expired. ",
@@ -179,20 +181,20 @@ const documentSubmittedExpiringSoonProps: TaxDocumentSubmittedProps = {
 
 const documentSubmittedLoadingProps: TaxDocumentSubmittedProps = {
   states: {
-    status: "EXPIRED",
+    status: "ACTIVE",
     documentType: "W8-BEN-E",
     dateSubmitted: "Jan 18th, 2025",
     loading: true,
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    statusTextExpired: "Expired",
-    badgeTextSubmittedOn: "Expired On",
+    statusTextActive: "Active",
+    badgeTextSubmittedOn: "Submitted On",
     bankingInformationSectionHeader: "Banking Information",
     taxDocumentSectionHeader: "Tax Documents",
-    taxAlertHeader: "Your W8-BEN-E tax form has expired. ",
-    taxAlertMessage: "Please resubmit a new W8-BEN-E form.",
-    taxDocumentSectionSubHeader: "W8-BEN-E Tax Documents",
+    taxAlertHeader: "",
+    taxAlertMessage: "",
+    taxDocumentSectionSubHeader: "W9 Tax Documents",
     newFormButton: "Submit New Form",
   },
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 03ecd0b059..cbec9c407d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -83,6 +83,7 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   badgeTextSubmittedOn: "Submitted on",
   badgeTextAwaitingReview: "Awaiting review. Submitted on",
   badgeTextExpiredOn: "Expired on",
+  invalidForm: "Ensure your information matches your profile and resubmit a new document.",
   taxAlertHeader:
     "Your {documentType} tax form has personal information that doesn't match your profile.",
   taxAlertMessage: "Please resubmit a new {documentType} form.",

From 73c2118928ad8c117685cfd9e2e3a023c4c14eae Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 16:45:45 -0800
Subject: [PATCH 073/753] some cleanup, use intl for icu message

---
 .../sqm-tax-document-submitted-view.tsx              | 12 +++++++++++-
 .../useTaxDocumentSubmitted.tsx                      | 10 ++++++++--
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index a044eaae25..08ba0e9f44 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -253,7 +253,17 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
           </div>
           <div class={sheet.classes.TaxDocumentsContainer}>
             <h3>{text.taxDocumentSectionHeader}</h3>
-            <h4>{text.taxDocumentSectionSubHeader}</h4>
+            <h4>
+              {intl.formatMessage(
+                {
+                  id: "section-subheader",
+                  defaultMessage: text.taxDocumentSectionSubHeader,
+                },
+                {
+                  documentType: states.documentType,
+                }
+              )}
+            </h4>
             {statusMap[states.status]}
           </div>
           <sl-button
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index fb62fb4d07..b56e615d18 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -1,10 +1,16 @@
 import { DateTime } from "luxon";
-import { useParent } from "../../../utils/useParentState";
-import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
+import { useParent, useParentValue } from "../../../utils/useParentState";
+import {
+  TAX_CONTEXT_NAMESPACE,
+  USER_INFO_NAMESPACE,
+  UserQuery,
+} from "../sqm-tax-and-cash/useTaxAndCash";
 
 export const useTaxDocumentSubmitted = (props: any) => {
   const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
 
+  const userData = useParentValue<UserQuery>(USER_INFO_NAMESPACE);
+
   // TODO: Fetch document status from backend
 
   const dateSubmitted = Date.now();

From 1ceaa5f4a134ea222b8a60898ad362ef32fdda8c Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 16:46:59 -0800
Subject: [PATCH 074/753] use intl for ICU message in view

---
 .../sqm-tax-document-submitted-view.tsx              | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 8e87a5f1b7..f90309e07f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -270,7 +270,17 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                 <sl-skeleton class={sheet.classes.SkeletonOne}></sl-skeleton>
               </h4>
             ) : (
-              <h4>{text.taxDocumentSectionSubHeader}</h4>
+              <h4>
+                {intl.formatMessage(
+                  {
+                    id: "section-subheader",
+                    defaultMessage: text.taxDocumentSectionSubHeader,
+                  },
+                  {
+                    documentType: states.documentType,
+                  }
+                )}
+              </h4>
             )}
           </div>
           <div>

From df2f89ef62f8cc98ec6d238fdf5d6fb746af8801 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 16:56:02 -0800
Subject: [PATCH 075/753] wired up submitted state hooks a bit more

---
 .../sqm-tax-document-submitted-view.tsx       |  3 ++-
 .../useTaxDocumentSubmitted.tsx               | 26 +++++++++++++++----
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index f90309e07f..1347da4b98 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -6,10 +6,11 @@ import {
   PayoutDetailsCardViewProps,
 } from "../sqm-payout-details-card/sqm-payout-details-card";
 
+export type TaxDocumentType = "W9" | "W8-BEN-E" | "W8-BEN";
 export interface TaxDocumentSubmittedProps {
   states: {
     status: string;
-    documentType: "W9" | "W8-BEN-E" | "W8-BEN";
+    documentType: TaxDocumentType;
     dateSubmitted: string;
     dateExpired?: string;
     expiresSoon?: boolean;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index b56e615d18..257d253b5f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -1,25 +1,41 @@
 import { DateTime } from "luxon";
-import { useParent, useParentValue } from "../../../utils/useParentState";
+import {
+  useParent,
+  useParentState,
+  useParentValue,
+  useSetParent,
+} from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
-  USER_INFO_NAMESPACE,
+  USER_CONTEXT_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/useTaxAndCash";
+import { TaxDocumentType } from "./sqm-tax-document-submitted-view";
+
+function getDocumentType(user): TaxDocumentType {
+  if (!user) return;
+  if (user.countryCode === "US") return "W9";
+  if (user.customFields.participantType === "individualParticipant")
+    return "W8-BEN";
+  return "W8-BEN-E";
+}
 
 export const useTaxDocumentSubmitted = (props: any) => {
-  const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
+  const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
 
-  const userData = useParentValue<UserQuery>(USER_INFO_NAMESPACE);
+  const userData = useParentValue<UserQuery>(USER_CONTEXT_NAMESPACE);
 
   // TODO: Fetch document status from backend
 
   const dateSubmitted = Date.now();
 
+  const documentType = getDocumentType(userData?.viewer);
+
   return {
     states: {
       dateSubmitted:
         DateTime.fromMillis(dateSubmitted).toFormat("LLL dd, yyyy"),
-      documentType: "W9" as const,
+      documentType,
       status: "NOT_VERIFIED",
       dateExpired: DateTime.fromMillis(dateSubmitted).toFormat("LLL dd, yyyy"),
       expiresSoon: false,

From 28eb68c04ffe4233d4dde4317c80a282c95f1ab9 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 16:56:43 -0800
Subject: [PATCH 076/753] cleanup imports

---
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.tsx        | 7 ++-----
 .../sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx | 7 +------
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 06a66f4915..a259fec366 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -1,13 +1,10 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Host, Prop, h } from "@stencil/core";
 import { getProps } from "../../../utils/utils";
+import { indirectTaxFormText } from "../sqm-user-info-form/defaultTextCopy";
 import { IndirectDetailsSlotView } from "../sqm-user-info-form/small-views/IndirectTaxDetailsView";
-import {
-  IndirectTaxFormView,
-  IndirectTaxFormViewProps,
-} from "./sqm-indirect-tax-form-view";
+import { IndirectTaxFormView } from "./sqm-indirect-tax-form-view";
 import { useIndirectTaxForm } from "./useIndirectTaxForm";
-import { indirectTaxFormText } from "../sqm-user-info-form/defaultTextCopy";
 
 @Component({
   tag: "sqm-indirect-tax-form",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 257d253b5f..2ff9657056 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -1,10 +1,5 @@
 import { DateTime } from "luxon";
-import {
-  useParent,
-  useParentState,
-  useParentValue,
-  useSetParent,
-} from "../../../utils/useParentState";
+import { useParentValue, useSetParent } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   USER_CONTEXT_NAMESPACE,

From a6800d86cc306724cd1a93dede642eb6eb652e69 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 29 Jan 2024 16:57:37 -0800
Subject: [PATCH 077/753] More prop cleanup

---
 packages/mint-components/src/components.d.ts  | 24 ++++++-----------
 .../sqm-document-type-form-view.tsx           | 10 +++----
 .../sqm-document-type-form.tsx                | 27 ++++++++++---------
 .../sqm-docusign-form-view.tsx                |  7 ++---
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  3 +--
 .../sqm-indirect-tax-form-view.tsx            |  7 ++---
 .../sqm-indirect-tax-form.tsx                 |  3 +--
 .../sqm-user-info-form/defaultTextCopy.ts     | 18 ++++++-------
 .../sqm-user-info-form-view.tsx               |  7 ++---
 .../sqm-user-info-form/sqm-user-info-form.tsx |  3 +--
 packages/mint-components/src/index.html       | 12 ++++-----
 11 files changed, 51 insertions(+), 70 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index f0de41f8b8..8229aa312d 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -287,9 +287,8 @@ export namespace Components {
     interface SqmDocumentTypeForm {
         "backButton": string;
         "formLabel": string;
+        "formStep": string;
         "formSubmissionError": string;
-        "step": string;
-        "stepOf": string;
         "submitButton": string;
         "taxForm": string;
         "w8Description": string;
@@ -312,9 +311,8 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<IndirectTaxFormViewProps>;
+        "formStep": string;
         "notBasedInUS": string;
-        "step": string;
-        "stepOf": string;
         "submitButton": string;
         "taxForm": string;
         "taxFormDescription": string;
@@ -602,6 +600,7 @@ export namespace Components {
     }
     interface SqmIndirectTaxForm {
         "backButton": string;
+        "formStep": string;
         "hstCanada": string;
         "indirectTax": string;
         "indirectTaxDescription": string;
@@ -609,8 +608,6 @@ export namespace Components {
         "indirectTaxDetailsDescription": string;
         "notRegistered": string;
         "otherRegion": string;
-        "step": string;
-        "stepOf": string;
         "submitButton": string;
         "taxDetailsError": string;
     }
@@ -2980,6 +2977,7 @@ export namespace Components {
         "emailError": string;
         "firstName": string;
         "firstNameError": string;
+        "formStep": string;
         /**
           * The message to be displayed when a required field is not filled.
           * @uiName Required field message
@@ -2998,8 +2996,6 @@ export namespace Components {
         "participantType": string;
         "participantTypeError": string;
         "personalInformation": string;
-        "step": string;
-        "stepOf": string;
         "submitButton": string;
         "taxAndBankingCollection": string;
     }
@@ -3981,9 +3977,8 @@ declare namespace LocalJSX {
     interface SqmDocumentTypeForm {
         "backButton"?: string;
         "formLabel"?: string;
+        "formStep"?: string;
         "formSubmissionError"?: string;
-        "step"?: string;
-        "stepOf"?: string;
         "submitButton"?: string;
         "taxForm"?: string;
         "w8Description"?: string;
@@ -4006,9 +4001,8 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<IndirectTaxFormViewProps>;
+        "formStep"?: string;
         "notBasedInUS"?: string;
-        "step"?: string;
-        "stepOf"?: string;
         "submitButton"?: string;
         "taxForm"?: string;
         "taxFormDescription"?: string;
@@ -4296,6 +4290,7 @@ declare namespace LocalJSX {
     }
     interface SqmIndirectTaxForm {
         "backButton"?: string;
+        "formStep"?: string;
         "hstCanada"?: string;
         "indirectTax"?: string;
         "indirectTaxDescription"?: string;
@@ -4303,8 +4298,6 @@ declare namespace LocalJSX {
         "indirectTaxDetailsDescription"?: string;
         "notRegistered"?: string;
         "otherRegion"?: string;
-        "step"?: string;
-        "stepOf"?: string;
         "submitButton"?: string;
         "taxDetailsError"?: string;
     }
@@ -6649,6 +6642,7 @@ declare namespace LocalJSX {
         "emailError"?: string;
         "firstName"?: string;
         "firstNameError"?: string;
+        "formStep"?: string;
         /**
           * The message to be displayed when a required field is not filled.
           * @uiName Required field message
@@ -6667,8 +6661,6 @@ declare namespace LocalJSX {
         "participantType"?: string;
         "participantTypeError"?: string;
         "personalInformation"?: string;
-        "step"?: string;
-        "stepOf"?: string;
         "submitButton"?: string;
         "taxAndBankingCollection"?: string;
     }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
index 5e2190af74..5cf1c207ae 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
@@ -15,8 +15,7 @@ export interface DocumentTypeFormViewProps {
     onBack: () => void;
   };
   text: {
-    step: string;
-    stepOf: string;
+    formStep: string;
     taxForm: string;
     formLabel: string;
     w9Label: string;
@@ -27,6 +26,9 @@ export interface DocumentTypeFormViewProps {
     w8EDescription: string;
     submitButton: string;
     backButton: string;
+    error: {
+      formSubmission: string;
+    };
   };
 }
 
@@ -132,9 +134,7 @@ export const DocumentTypeFormView = (props: DocumentTypeFormViewProps) => {
       </style>
       <div class={classes.TextContainer}>
         <div>
-          <p>
-            {text.step} 3 {text.stepOf} 4
-          </p>
+          <p>{text.formStep}</p>
           <h3>{text.taxForm}</h3>
         </div>
       </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
index e43b2d43ac..0dacb3f2d5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
@@ -3,25 +3,26 @@ import { Component, Prop, h } from "@stencil/core";
 import { DocumentTypeFormView } from "./sqm-document-type-form-view";
 import { getProps } from "../../../utils/utils";
 import { useDocumentTypeForm } from "./useDocumentTypeForm";
+import { documentTypeFormText } from "../sqm-user-info-form/defaultTextCopy";
 
 @Component({
   tag: "sqm-document-type-form",
   shadow: true,
 })
 export class DocumentTypeForm {
-  @Prop() step: string = "Step";
-  @Prop() stepOf: string = "of";
-  @Prop() formLabel: string = "TODO: Form";
-  @Prop() taxForm: string = "Tax Form";
-  @Prop() w9Label: string = "W9";
-  @Prop() w9Description: string = "TODO: ";
-  @Prop() w8Label: string = "W8-BEN";
-  @Prop() w8Description: string = "TODO: ";
-  @Prop() w8ELabel: string = "W8-BEN-E";
-  @Prop() w8EDescription: string = "TODO: ";
-  @Prop() submitButton: string = "Submit";
-  @Prop() backButton: string = "Back";
-  @Prop() formSubmissionError: string = "Could not submit form";
+  @Prop() formStep: string = documentTypeFormText.formStep;
+  @Prop() formLabel: string = documentTypeFormText.formLabel;
+  @Prop() taxForm: string = documentTypeFormText.taxForm;
+  @Prop() w9Label: string = documentTypeFormText.w9Label;
+  @Prop() w9Description: string = documentTypeFormText.w9Description;
+  @Prop() w8Label: string = documentTypeFormText.w8Label;
+  @Prop() w8Description: string = documentTypeFormText.w8Description;
+  @Prop() w8ELabel: string = documentTypeFormText.w8ELabel;
+  @Prop() w8EDescription: string = documentTypeFormText.w8EDescription;
+  @Prop() submitButton: string = documentTypeFormText.submitButton;
+  @Prop() backButton: string = documentTypeFormText.backButton;
+  @Prop() formSubmissionError: string =
+    documentTypeFormText.error.formSubmission;
 
   constructor() {
     withHooks(this);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 1c7bd92a83..5c21e88034 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -17,8 +17,7 @@ export interface DocusignFormViewProps {
     onBack: () => void;
   };
   text: {
-    step: string;
-    stepOf: string;
+    formStep: string;
     taxForm: string;
     taxFormLabel: string;
     taxFormDescription: string;
@@ -156,9 +155,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
       </style>
       <div class={classes.TextContainer}>
         <div>
-          <p>
-            {text.step} 3 {text.stepOf} 4
-          </p>
+          <p>{text.formStep}</p>
           <h3>{text.taxForm}</h3>
         </div>
       </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 36bcb97434..a74f7ad543 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -21,8 +21,7 @@ export class DocusignForm {
   @Element() el;
   @State() ignored = true;
 
-  @Prop() step: string = docusignFormText.step;
-  @Prop() stepOf: string = docusignFormText.stepOf;
+  @Prop() formStep: string = docusignFormText.formStep;
   @Prop() taxForm: string = docusignFormText.taxForm;
   @Prop() taxFormLabel: string = docusignFormText.taxFormLabel;
   @Prop() taxFormDescription: string = docusignFormText.taxFormDescription;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index c7d16ecb9d..504a60c1f7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -18,8 +18,7 @@ export interface IndirectTaxFormViewProps {
     onBack: () => void;
   };
   text: {
-    step: string;
-    stepOf: string;
+    formStep: string;
     indirectTax: string;
     indirectTaxDescription: string;
     indirectTaxDetails: string;
@@ -132,9 +131,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
       </style>
       <div class={classes.TextContainer}>
         <div>
-          <p>
-            {text.step} 2 {text.stepOf} 4
-          </p>
+          <p>{text.formStep}</p>
           <h3>{text.indirectTax}</h3>
         </div>
         <p>{text.indirectTaxDescription}</p>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index a259fec366..7d32917a14 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -11,8 +11,7 @@ import { useIndirectTaxForm } from "./useIndirectTaxForm";
   shadow: true,
 })
 export class IndirectTaxForm {
-  @Prop() step: string = indirectTaxFormText.step;
-  @Prop() stepOf: string = indirectTaxFormText.stepOf;
+  @Prop() formStep: string = indirectTaxFormText.formStep;
   @Prop() indirectTax: string = indirectTaxFormText.indirectTax;
   @Prop() indirectTaxDescription: string =
     indirectTaxFormText.indirectTaxDescription;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 38628c8806..b8a3c44a5e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -20,8 +20,7 @@ export const userInfoText: UserInfoFormViewProps["text"] = {
   currency: "Currency",
   allowBankingCollection: "I agree to the terms",
   submitButton: "Submit",
-  step: "Step",
-  stepOf: "of",
+  formStep: "Step 1 of 4",
   personalInformation: "Personal Information",
   participantType: "Participant type",
   businessEntity: "I represent a business entity",
@@ -40,8 +39,7 @@ export const userInfoText: UserInfoFormViewProps["text"] = {
 };
 
 export const indirectTaxFormText: IndirectTaxFormViewProps["text"] = {
-  step: "Step",
-  stepOf: "of",
+  formStep: "Setp 2 of 4",
   indirectTax: "Indirect Tax",
   indirectTaxDescription:
     "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.",
@@ -60,8 +58,7 @@ export const indirectTaxFormText: IndirectTaxFormViewProps["text"] = {
 };
 
 export const docusignFormText: DocusignFormViewProps["text"] = {
-  step: "Step",
-  stepOf: "of",
+  formStep: "Step 3 of 4",
   taxForm: "Tax form",
   taxFormLabel: "W9 Tax Form",
   taxFormDescription:
@@ -75,8 +72,7 @@ export const docusignFormText: DocusignFormViewProps["text"] = {
 };
 
 export const documentTypeFormText: DocumentTypeFormViewProps["text"] = {
-  step: "Step",
-  stepOf: "of",
+  formStep: "Step 3 of 4",
   taxForm: "Tax form",
   backButton: "Back",
   submitButton: "Continue",
@@ -90,6 +86,9 @@ export const documentTypeFormText: DocumentTypeFormViewProps["text"] = {
   w8ELabel: "W8-BEN-E",
   w8EDescription:
     "W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company.",
+  error: {
+    formSubmission: "error",
+  },
 };
 
 export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
@@ -100,7 +99,8 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   badgeTextSubmittedOn: "Submitted on",
   badgeTextAwaitingReview: "Awaiting review. Submitted on",
   badgeTextExpiredOn: "Expired on",
-  invalidForm: "Ensure your information matches your profile and resubmit a new document.",
+  invalidForm:
+    "Ensure your information matches your profile and resubmit a new document.",
   taxAlertHeader:
     "Your {documentType} tax form has personal information that doesn't match your profile.",
   taxAlertMessage: "Please resubmit a new {documentType} form.",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 9965eb35f2..c510d7ebb5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -22,14 +22,13 @@ export interface UserInfoFormViewProps {
     onRadioClick: (value: string) => void;
   };
   text: {
+    formStep: string;
     firstName: string;
     lastName: string;
     email: string;
     country: string;
     currency: string;
     allowBankingCollection: string;
-    step: string;
-    stepOf: string;
     personalInformation: string;
     individualParticipant: string;
     businessEntity: string;
@@ -157,9 +156,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
       </style>
       <div class={classes.TextContainer}>
         <div>
-          <p>
-            {text.step} 1 {text.stepOf} 4
-          </p>
+          <p>{text.formStep}</p>
           <h3>{text.personalInformation}</h3>
         </div>
       </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 08b50cd723..ce532cef0e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -33,8 +33,7 @@ export class TaxForm {
   @Prop() country: string = userInfoText.country;
   @Prop() currency: string = userInfoText.currency;
   @Prop() allowBankingCollection: string = userInfoText.allowBankingCollection;
-  @Prop() step: string = userInfoText.step;
-  @Prop() stepOf: string = userInfoText.stepOf;
+  @Prop() formStep: string = userInfoText.formStep;
   @Prop() personalInformation: string = userInfoText.personalInformation;
   @Prop() businessEntity: string = userInfoText.businessEntity;
   @Prop() participantType: string = userInfoText.participantType;
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index a6bf173f15..0c9c0a7133 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,8 +12,8 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash>
       <template path="/1">
         <sqm-user-info-form />
       </template>
@@ -27,14 +27,14 @@
       </template>
       <template path="/3b">
         <sqm-document-type-form />
-      </template>
-      <!-- <template path="/4">
+      </template> -->
+    <!-- <template path="/4">
         <sqm-cash-form />
       </template> -->
-      <template path="/submitted">
+    <!-- <template path="/submitted">
         <sqm-tax-document-submitted />
       </template>
       <template path="/5">confirmation screen</template>
-    </sqm-tax-and-cash>
+    </sqm-tax-and-cash> -->
   </body>
 </html>

From a5a6c57b75d576a29a55643f48ddaea4c9f1fa45 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 17:00:27 -0800
Subject: [PATCH 078/753] load initial user query data more reliably

---
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx        | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 12699b38a8..d135f7cbe0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -49,8 +49,9 @@ export type UserQuery = {
 
 export const USER_INFO_NAMESPACE = "sq:user-info-form";
 
-function getCurrentStep(user) {
-  console.log({ user });
+function getCurrentStep(user: UserQuery["viewer"]) {
+  // return "/submitted";
+  // @ts-ignore
   if (
     !user.countryCode ||
     !user.customFields?.currency ||
@@ -135,7 +136,7 @@ export function useTaxAndCash() {
       console.log({ currentStep });
       setStep(currentStep);
     }
-  }, [data]);
+  }, [data?.viewer?.email]);
 
   return {
     step,

From 46e6b4c7c3b399950afe203c00eddb4aaeb42845 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 17:17:17 -0800
Subject: [PATCH 079/753] updating a couple props to properly use ICU message
 format

---
 .../sqm-docusign-form-view.tsx                | 12 +++++++--
 .../sqm-docusign-form/useDocusignForm.tsx     | 25 +++++++++++--------
 .../useTaxDocumentSubmitted.tsx               |  2 +-
 .../sqm-user-info-form/defaultTextCopy.ts     |  2 +-
 4 files changed, 26 insertions(+), 15 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 5c21e88034..34e2dd6727 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -1,5 +1,7 @@
 import { VNode, h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
+import { intl } from "../../../global/global";
+import { TaxDocumentType } from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
 
 export interface DocusignFormViewProps {
   states: {
@@ -9,6 +11,7 @@ export interface DocusignFormViewProps {
       completedTaxForm: boolean;
       errors?: any;
     };
+    documentType?: TaxDocumentType;
   };
   callbacks: {
     onShowDocumentType: () => void;
@@ -140,7 +143,7 @@ const vanillaStyle = `
 export const DocusignFormView = (props: DocusignFormViewProps) => {
   const {
     states,
-    states: { formState },
+    states: { formState, documentType },
     callbacks,
     text,
   } = props;
@@ -159,7 +162,12 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
           <h3>{text.taxForm}</h3>
         </div>
       </div>
-      <h5 class={classes.BoldText}>{text.taxFormLabel}</h5>
+      <h5 class={classes.BoldText}>
+        {intl.formatMessage(
+          { id: "tax-form-label", defaultMessage: text.taxFormLabel },
+          { documentType }
+        )}
+      </h5>
       <p>
         {text.taxFormDescription}
         <a onClick={callbacks.onShowDocumentType} class={classes.Link}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 739d86865b..c502630619 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -1,21 +1,23 @@
 import { useQuery, useUserIdentity } from "@saasquatch/component-boilerplate";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
-import { h } from "@stencil/core";
 import { gql } from "graphql-request";
 import { useParent } from "../../../utils/useParentState";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
 import { DocusignForm } from "./sqm-docusign-form";
+import { TaxDocumentType } from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
 
 const GET_USER_TAX_INFO = gql`
-  query getUserTaxInfo($id: String!, $accountId: String!) {
-    user(id: $id, accountId: $accountId) {
-      id
-      accountId
-      firstName
-      lastName
-      email
-      countryCode
-      customFields
+  query getUserTaxInfo {
+    viewer {
+      ... on User {
+        id
+        accountId
+        firstName
+        lastName
+        email
+        countryCode
+        customFields
+      }
     }
   }
 `;
@@ -40,7 +42,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
     id: user.id,
     accountId: user.accountId,
   });
-  const countryCode = data?.getUserTaxInfo?.user?.countryCode;
+  const countryCode = data?.viewer?.countryCode;
 
   // TODO: Replace with real backend data
   const {
@@ -100,6 +102,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
         completedTaxForm: formSubmitted,
         errors,
       },
+      documentType: defaultDocumentType?.toUpperCase() as TaxDocumentType,
     },
     data: {
       taxForm: taxInfo?.taxForm,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 2ff9657056..456b3dfa4e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -7,7 +7,7 @@ import {
 } from "../sqm-tax-and-cash/useTaxAndCash";
 import { TaxDocumentType } from "./sqm-tax-document-submitted-view";
 
-function getDocumentType(user): TaxDocumentType {
+export function getDocumentType(user): TaxDocumentType {
   if (!user) return;
   if (user.countryCode === "US") return "W9";
   if (user.customFields.participantType === "individualParticipant")
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index b8a3c44a5e..fecfed726b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -60,7 +60,7 @@ export const indirectTaxFormText: IndirectTaxFormViewProps["text"] = {
 export const docusignFormText: DocusignFormViewProps["text"] = {
   formStep: "Step 3 of 4",
   taxForm: "Tax form",
-  taxFormLabel: "W9 Tax Form",
+  taxFormLabel: "{documentType} Tax Form",
   taxFormDescription:
     "Participants based in the US and partnering with US-based brands need to submit a W9 form.",
   notBasedInUS: "Not based in the US?",

From 0529c0518d02a59dd9fbfa52bc961fbce59e591e Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 17:17:42 -0800
Subject: [PATCH 080/753] cleanup

---
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx       | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index c502630619..e04d699599 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -38,10 +38,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
   const splitPath = path.split("/");
   const defaultDocumentType = splitPath.length === 3 ? splitPath[2] : undefined;
 
-  const { data, loading } = useQuery(GET_USER_TAX_INFO, {
-    id: user.id,
-    accountId: user.accountId,
-  });
+  const { data, loading } = useQuery(GET_USER_TAX_INFO, {});
   const countryCode = data?.viewer?.countryCode;
 
   // TODO: Replace with real backend data

From 65da0f8bcf7f2f2fa2cac82dbfc0d882eac37a60 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 29 Jan 2024 17:33:13 -0800
Subject: [PATCH 081/753] a bit more reliable loading of user data (need better
 test environment setup)

---
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx         | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index d135f7cbe0..b5a99ddbf2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -79,7 +79,7 @@ export function useTaxAndCash() {
   const [step, setStep] = useParentState<string>({
     host,
     namespace: TAX_CONTEXT_NAMESPACE,
-    initialValue: "/1",
+    initialValue: "/loading",
   });
 
   const [_userData, setUserData] = useParentState<UserQuery>({
@@ -127,6 +127,8 @@ export function useTaxAndCash() {
   });
 
   useEffect(() => {
+    if (!host || !user) return;
+
     if (data) {
       setUserData(data);
       const user = data?.viewer;
@@ -136,7 +138,7 @@ export function useTaxAndCash() {
       console.log({ currentStep });
       setStep(currentStep);
     }
-  }, [data?.viewer?.email]);
+  }, [host, user, data?.viewer?.email]);
 
   return {
     step,

From f7ee1336a2fb4bc2be316c91249a1076e88dcd1e Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 30 Jan 2024 09:07:13 -0800
Subject: [PATCH 082/753] Add general error banner

---
 packages/mint-components/src/components.d.ts  |  6 +-
 .../sqm-user-info-form/TaxForm.stories.tsx    | 21 ++++++-
 .../sqm-user-info-form/defaultTextCopy.ts     |  4 +-
 .../sqm-user-info-form-view.tsx               | 63 ++++++++++++-------
 .../sqm-user-info-form/sqm-user-info-form.tsx |  6 +-
 5 files changed, 72 insertions(+), 28 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 8229aa312d..270efa9b29 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -2978,12 +2978,13 @@ export namespace Components {
         "firstName": string;
         "firstNameError": string;
         "formStep": string;
+        "generalErrorDescription": string;
         /**
           * The message to be displayed when a required field is not filled.
           * @uiName Required field message
           * @uiWidget textArea
          */
-        "generalError": string;
+        "generalErrorTitle": string;
         "individualParticipant": string;
         "lastName": string;
         "lastNameError": string;
@@ -6643,12 +6644,13 @@ declare namespace LocalJSX {
         "firstName"?: string;
         "firstNameError"?: string;
         "formStep"?: string;
+        "generalErrorDescription"?: string;
         /**
           * The message to be displayed when a required field is not filled.
           * @uiName Required field message
           * @uiWidget textArea
          */
-        "generalError"?: string;
+        "generalErrorTitle"?: string;
         "individualParticipant"?: string;
         "lastName"?: string;
         "lastNameError"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 425aacc758..b4ee24322a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -37,7 +37,7 @@ export default {
 const stepOneProps: UserInfoFormViewProps = {
   states: {
     loading: false,
-    submitDisabled: false,
+    disabled: false,
     formState: {
       firstName: "Bob",
       lastName: "Testerson",
@@ -250,7 +250,7 @@ export const StepOneDisabled = () => {
   return (
     <UserInfoFormView
       {...stepOneProps}
-      states={{ ...stepOneProps.states, submitDisabled: true }}
+      states={{ ...stepOneProps.states, disabled: true }}
     />
   );
 };
@@ -278,6 +278,23 @@ export const StepOneWithErrors = () => {
   );
 };
 
+export const StepOneWithGeneralError = () => {
+  return (
+    <UserInfoFormView
+      {...stepOneProps}
+      states={{
+        ...stepOneProps.states,
+        formState: {
+          ...stepOneProps.states.formState,
+          errors: {
+            general: true,
+          },
+        },
+      }}
+    />
+  );
+};
+
 // STEP TWO
 export const StepTwo = () => {
   return <IndirectTaxFormView {...stepTwoProps} />;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index fecfed726b..cfb71c0f8c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -27,7 +27,9 @@ export const userInfoText: UserInfoFormViewProps["text"] = {
   individualParticipant: "I am an individual participant",
   taxAndBankingCollection: "Tax and banking collection",
   error: {
-    general: "Network request failed.",
+    generalTitle: "There was a problem submitting your information",
+    generalDescription:
+      "Please review your information and try again. If this problem continues, contact Support.",
     firstName: "Enter a first name",
     lastName: "Enter a last name",
     email: "Enter a valid email",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index c510d7ebb5..264818fc29 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -4,7 +4,7 @@ import { createStyleSheet } from "../../../styling/JSS";
 export interface UserInfoFormViewProps {
   states: {
     loading: boolean;
-    submitDisabled: boolean;
+    disabled: boolean;
     formState: {
       firstName?: string;
       lastName?: string;
@@ -36,7 +36,8 @@ export interface UserInfoFormViewProps {
     taxAndBankingCollection: string;
     submitButton: string;
     error: {
-      general: string;
+      generalTitle: string;
+      generalDescription: string;
       firstName: string;
       lastName: string;
       email: string;
@@ -58,6 +59,10 @@ const style = {
       border: "1px solid var(--sl-color-danger-500)",
     },
 
+    "sl-dropdown::part(trigger)": {
+      border: "1px solid var(--sl-color-danger-500)",
+    },
+
     "&::part(help-text)": {
       color: "var(--sl-color-danger-500)",
     },
@@ -104,6 +109,17 @@ const style = {
       borderRadius: "50%",
     },
   },
+  AlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-red-100)",
+      borderTop: "none",
+      padding: "0 16px",
+    },
+
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -160,16 +176,24 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
           <h3>{text.personalInformation}</h3>
         </div>
       </div>
+      {formState.errors.general && (
+        <sl-alert type="warning" open class={sheet.classes.AlertContainer}>
+          <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+          <strong>{text.error.generalTitle}</strong>
+          <br />
+          {text.error.generalDescription}
+        </sl-alert>
+      )}
       <div class={classes.InputContainer}>
         <sl-input
           exportparts="label: input-label"
           value={formState.firstName}
           label={text.firstName}
-          disabled={states.loading}
+          disabled={states.disabled}
           {...(formState.errors?.firstName
             ? {
                 class: classes.ErrorInput,
-                helpText: formState.errors.firstName,
+                helpText: text.error.firstName,
               }
             : {})}
           id="firstName"
@@ -180,11 +204,11 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
           exportparts="label: input-label"
           value={formState.lastName}
           label={text.lastName}
-          disabled={states.loading}
+          disabled={states.disabled}
           {...(formState.errors?.lastName
             ? {
                 class: classes.ErrorInput,
-                helpText: formState.errors.lastName,
+                helpText: text.error.lastName,
               }
             : {})}
           id="lastName"
@@ -195,11 +219,11 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
           exportparts="label: input-label"
           value={formState.email}
           label={text.email}
-          disabled={states.loading}
+          disabled={states.disabled}
           {...(formState.errors?.email
             ? {
                 class: classes.ErrorInput,
-                helpText: formState.errors.email,
+                helpText: text.error.email,
               }
             : {})}
           // {...{ helpText: formState.errors.email }}
@@ -213,10 +237,11 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
           name="/countryCode"
           label={text.country}
           value={formState.countryCode}
+          disabled={states.disabled}
           {...(formState.errors?.countryCode
             ? {
                 class: classes.ErrorInput,
-                helpText: formState.errors.countryCode,
+                helpText: text.error.countryCode,
               }
             : {})}
           required
@@ -230,10 +255,11 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
           name="/currency"
           label={text.currency}
           value={formState.currency}
+          disabled={states.disabled}
           {...(formState.errors?.currency
             ? {
                 class: classes.ErrorInput,
-                helpText: formState.errors.currency,
+                helpText: text.error.currency,
               }
             : {})}
           required
@@ -252,6 +278,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               value="individualParticipant"
               name="/participantType"
               checked={formState.participantType === "individualParticipant"}
+              disabled={states.disabled}
             >
               {text.individualParticipant}
             </sl-radio>
@@ -260,13 +287,14 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               value="businessEntity"
               name="/participantType"
               checked={formState.participantType === "businessEntity"}
+              disabled={states.disabled}
             >
               {text.businessEntity}
             </sl-radio>
           </div>
 
           {formState.errors?.participantType && (
-            <p class={classes.ErrorText}>{formState.errors?.participantType}</p>
+            <p class={classes.ErrorText}>{text.error.participantType}</p>
           )}
         </div>
         <div class={classes.CheckboxWrapper}>
@@ -277,30 +305,23 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
             onSl-change={(e) => {
               e.target.value = e.target.checked;
             }}
-            disabled={states.loading}
+            disabled={states.disabled}
             required
             value={formState.allowBankingCollection}
-            // Copied from edit form, may need to keep
-            // {...(formState.errors?.allowBankingCollection &&
-            // formState.errors?.allowBankingCollection.status !== "valid"
-            //   ? { class: "errorstyles", helpText: "Cannot be empty" }
-            //   : [])}
             id="allowBankingCollection"
             name="/allowBankingCollection"
           >
             {text.allowBankingCollection}
           </sl-checkbox>
           {formState.errors?.allowBankingCollection && (
-            <p class={classes.ErrorText}>
-              {formState.errors.allowBankingCollection}
-            </p>
+            <p class={classes.ErrorText}>{text.error.allowBankingCollection}</p>
           )}
         </div>
       </div>
       <sl-button
         type="primary"
         loading={states.loading}
-        disabled={states.submitDisabled}
+        disabled={states.disabled}
         submit
         exportparts="base: primarybutton-base"
       >
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index ce532cef0e..bb42596026 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -56,7 +56,9 @@ export class TaxForm {
    * @uiName Required field message
    * @uiWidget textArea
    */
-  @Prop() generalError: string = userInfoText.error.general;
+  @Prop() generalErrorTitle: string = userInfoText.error.generalTitle;
+  @Prop() generalErrorDescription: string =
+    userInfoText.error.generalDescription;
 
   /**
    * The message to be displayed when a the form submission fails unexpectedly.
@@ -80,7 +82,7 @@ export class TaxForm {
       <Host>
         <UserInfoFormView
           states={{
-            submitDisabled: false,
+            disabled: false,
             //@ts-ignore
             formState: props.formState,
           }}

From 289d69a6a07e84216084a3de8fa15141cefce5b7 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 30 Jan 2024 09:40:30 -0800
Subject: [PATCH 083/753] Add missing null check

---
 .../tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 264818fc29..715dd2371f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -176,7 +176,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
           <h3>{text.personalInformation}</h3>
         </div>
       </div>
-      {formState.errors.general && (
+      {formState.errors?.general && (
         <sl-alert type="warning" open class={sheet.classes.AlertContainer}>
           <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
           <strong>{text.error.generalTitle}</strong>

From 26a85a7fc68246eb9f506f75b7d85462a1a0570f Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 30 Jan 2024 10:01:20 -0800
Subject: [PATCH 084/753] cleanup

---
 .../sqm-document-type-form/sqm-document-type-form.tsx |  1 -
 .../sqm-user-info-form/TaxForm.stories.tsx            |  1 -
 .../small-views/SlotViews.stories.tsx                 | 11 ++---------
 3 files changed, 2 insertions(+), 11 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
index 0dacb3f2d5..a17640693a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
@@ -37,7 +37,6 @@ export class DocumentTypeForm {
       <DocumentTypeFormView
         callbacks={props.callbacks}
         states={props.states}
-        // @ts-ignore TODO: fix this
         text={props.text}
       />
     );
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index b4ee24322a..4e4486de9a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -366,7 +366,6 @@ export const StepTwoNotRegisteredChecked = () => {
 
 // STEP THREE
 export const StepThreeWithDocusign = () => {
-  // @ts-ignore TODO: fix this
   return <DocusignFormView {...stepThreeAProps} />;
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
index 41e38d4aff..997e7ea6ac 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
@@ -1,17 +1,9 @@
 import { h } from "@stencil/core";
+import { indirectDetailsSlotText } from "../defaultTextCopy";
 import {
   IndirectDetailsSlotView,
   IndirectDetailsSlotViewProps,
 } from "./IndirectTaxDetailsView";
-import { indirectDetailsSlotText } from "../defaultTextCopy";
-import {
-  TaxFormSelectionSlotView,
-  TaxFormSelectionSlotViewProps,
-} from "./TaxFormSelectionView";
-import {
-  DocusignWrapperSlotView,
-  DocusignWrapperSlotViewProps,
-} from "./DocusignWrapperView";
 
 export default {
   title: "Components/Tax Form Slot Views",
@@ -30,6 +22,7 @@ const registeredInOtherRegion: IndirectDetailsSlotViewProps = {
     countries: [{ countryCode: "CA", displayName: "Canada" }],
   },
   callbacks: {
+    // TODO: fix type
     onChange: (e) => console.log("Submit"),
   },
   text: {

From ce148d8d5b468695cdce3b18b2daa542734d055d Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 30 Jan 2024 10:09:04 -0800
Subject: [PATCH 085/753] cleanup, user data on docusign page

---
 .../sqm-context-router/useContextRouter.ts    |  2 -
 .../sqm-docusign-form-view.tsx                |  3 +-
 .../sqm-docusign-form/useDocusignForm.tsx     | 74 +++++++++----------
 .../sqm-docusign-form/useTaxFormStepThree.tsx | 20 -----
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  6 +-
 packages/mint-components/src/index.html       |  1 -
 6 files changed, 44 insertions(+), 62 deletions(-)
 delete mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useTaxFormStepThree.tsx

diff --git a/packages/mint-components/src/components/sqm-context-router/useContextRouter.ts b/packages/mint-components/src/components/sqm-context-router/useContextRouter.ts
index 9277bbfb27..58ba2d7100 100644
--- a/packages/mint-components/src/components/sqm-context-router/useContextRouter.ts
+++ b/packages/mint-components/src/components/sqm-context-router/useContextRouter.ts
@@ -25,8 +25,6 @@ export function useContextRouter(props: SqmContextRouter) {
 
   const page = useDomContext<string>(context);
 
-  console.log({ page });
-
   // convert sqm-routes into templates
   useEffect(() => {
     const routes = host.querySelectorAll<HTMLElement & Route>(`sqm-route`);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 7596a4ee86..0766050c55 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -196,6 +196,7 @@ export const DocusignFormView = (props: TaxFormStepThreeAViewProps) => {
           loading={states.loading}
           disabled={states.submitDisabled}
           submit
+          onClick={callbacks.onSubmit}
           exportparts="base: primarybutton-base"
         >
           {text.submitButton}
@@ -204,7 +205,7 @@ export const DocusignFormView = (props: TaxFormStepThreeAViewProps) => {
           class={classes.SecondaryBtn}
           type="text"
           loading={states.loading}
-          disabled={states.submitDisabled}
+          disabled={states.loading}
           onClick={() => {
             callbacks.onBack();
           }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index f1926b02e1..5e5a5c27b6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -2,23 +2,27 @@ import { useQuery, useUserIdentity } from "@saasquatch/component-boilerplate";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { h } from "@stencil/core";
 import { gql } from "graphql-request";
-import { useParent } from "../../../utils/useParentState";
-import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
+import { useParent, useParentValue } from "../../../utils/useParentState";
+import {
+  TAX_CONTEXT_NAMESPACE,
+  USER_CONTEXT_NAMESPACE,
+  UserQuery,
+} from "../sqm-tax-and-cash/useTaxAndCash";
 import { DocusignForm } from "./sqm-docusign-form";
 
-const GET_USER_TAX_INFO = gql`
-  query getUserTaxInfo($id: String!, $accountId: String!) {
-    user(id: $id, accountId: $accountId) {
-      id
-      accountId
-      firstName
-      lastName
-      email
-      countryCode
-      customFields
-    }
-  }
-`;
+// const GET_USER_TAX_INFO = gql`
+//   query getUserTaxInfo($id: String!, $accountId: String!) {
+//     user(id: $id, accountId: $accountId) {
+//       id
+//       accountId
+//       firstName
+//       lastName
+//       email
+//       countryCode
+//       customFields
+//     }
+//   }
+// `;
 
 // TODO: Fill out when API is released
 const GET_TAX_DOCUMENT = gql`
@@ -27,20 +31,15 @@ const GET_TAX_DOCUMENT = gql`
 `;
 
 export function useDocusignForm(props: DocusignForm, el: any) {
-  console.log({ el });
-  const user = useUserIdentity();
   const [path, setPath] = useParent<string>(TAX_CONTEXT_NAMESPACE);
+  const user = useParentValue<UserQuery>(USER_CONTEXT_NAMESPACE);
   const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
   const [errors, setErrors] = useState({});
 
   const splitPath = path.split("/");
-  const defaultDocumentType = splitPath.length === 3 ? splitPath[2] : undefined;
+  const pathedDocumentType = splitPath.length === 3 ? splitPath[2] : undefined;
 
-  const { data, loading } = useQuery(GET_USER_TAX_INFO, {
-    id: user.id,
-    accountId: user.accountId,
-  });
-  const countryCode = data?.getUserTaxInfo?.user?.countryCode;
+  const savedUserTaxType = user?.viewer?.customFields?.w9Type;
 
   // TODO: Replace with real backend data
   const {
@@ -49,7 +48,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
     refetch: refetchDocument,
   } = {
     data: {
-      taxForm: defaultDocumentType,
+      taxForm: pathedDocumentType,
       documentUrl: "https://example.com",
     },
     loading: false,
@@ -57,16 +56,10 @@ export function useDocusignForm(props: DocusignForm, el: any) {
   };
 
   useEffect(() => {
-    if (countryCode && !defaultDocumentType) return;
+    if (pathedDocumentType === savedUserTaxType) return;
 
-    if (countryCode === "US") {
-      refetchDocument({ documentType: "W9" });
-    } else if (countryCode === "CA") {
-      refetchDocument({ documentType: "W8-BEN" });
-    } else {
-      refetchDocument({ documentType: "W8-BEN-E" });
-    }
-  }, [countryCode]);
+    refetchDocument({ documentType: pathedDocumentType });
+  }, [pathedDocumentType, savedUserTaxType]);
 
   useEffect(() => {
     // Load docusign iframe with given url
@@ -76,13 +69,20 @@ export function useDocusignForm(props: DocusignForm, el: any) {
     }
   }, [taxInfo.documentUrl]);
 
-  const onSubmit = () => {
+  const onSubmit = async () => {
     if (!formSubmitted) {
       setErrors({ submitCheckbox: true });
       return;
     }
 
-    setPath("/4");
+    // TODO: Check document is actually registered in the backend
+    try {
+      const documentResult = true;
+      if (documentResult) setPath("/submitted");
+      else throw Error();
+    } catch (e) {
+      setErrors({ formSubission: { status: "document-error" } });
+    }
   };
 
   return {
@@ -93,8 +93,8 @@ export function useDocusignForm(props: DocusignForm, el: any) {
       },
     },
     states: {
-      submitDisabled: loading || taxInfoLoading || !formSubmitted,
-      loading: loading || taxInfoLoading,
+      submitDisabled: taxInfoLoading || !formSubmitted,
+      loading: taxInfoLoading,
       formState: {
         completedTaxForm: formSubmitted,
         errors,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useTaxFormStepThree.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useTaxFormStepThree.tsx
deleted file mode 100644
index 7196f72944..0000000000
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useTaxFormStepThree.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useState } from "@saasquatch/universal-hooks";
-
-export const useTaxFormStepThree = () => {
-  const [errors, setErrors] = useState({});
-  const [documentType, setDocumentType] = useState(null);
-
-  const onSubmit = (e) => {
-    if (!documentType) return;
-  };
-
-  return {
-    states: {
-      documentType,
-    },
-    callbacks: {
-      onSubmit,
-      onChange: setDocumentType,
-    },
-  };
-};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 12699b38a8..15d34e9b91 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -64,7 +64,11 @@ function getCurrentStep(user) {
   }
 
   if (!user.customFields.w9Submitted) {
-    return "/3b";
+    return `/3/${user.customFields.w9Type}`;
+  }
+
+  if (user.customFields.w9Submitted) {
+    return "/submitted";
   }
 
   return "/loading";
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index a6bf173f15..66278b17e9 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -34,7 +34,6 @@
       <template path="/submitted">
         <sqm-tax-document-submitted />
       </template>
-      <template path="/5">confirmation screen</template>
     </sqm-tax-and-cash>
   </body>
 </html>

From 679c1f2bd56af6ab536d15ab07e248ae83191756 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 30 Jan 2024 10:20:58 -0800
Subject: [PATCH 086/753] Refactored document-submitted-view and its stories to
 use date ICU strings. Spun up indirect-tax-form spec

---
 .../sqm-docusign-form.feature                 |  7 +++
 .../sqm-indirect-tax-form.feature             | 37 ++++++++-------
 .../sqm-tax-document-submitted-view.tsx       | 42 +++++++++++++++--
 .../sqm-user-info-form/TaxForm.stories.tsx    | 46 ++++---------------
 .../sqm-user-info-form/defaultTextCopy.ts     |  7 +--
 5 files changed, 77 insertions(+), 62 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
new file mode 100644
index 0000000000..768c611234
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -0,0 +1,7 @@
+@owner:andy
+@author:andy
+
+Feature: Docusign Form
+
+    Background: A user has submitted their personal information in Tax Form Step One
+		Given a user is on the Indirect Tax Form
\ No newline at end of file
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 1a1cdc0165..1822bdde29 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -1,5 +1,5 @@
-@owner:zach
-@author:zach
+@owner:andy
+@author:andy
 
 Feature: Indirect Tax Form
 
@@ -17,7 +17,7 @@ Feature: Indirect Tax Form
         | Currency                 | <currency>              |
         | Participant Type         | <participantType>       |
         | Allow Banking Collection | <allowBankingCollection>|
-	Then they must select one or more of the following options and provide their information in the Indirect Tax Form:
+	Then they must select one of the following options and provide their information in the Indirect Tax Form:
 	 	| I am registered for HST in Canada 								| <province> | <indirectTaxNumber> |
 		| I am registered for Indirect Tax in a different Country / Region  | <country>  | <vatNumber> 		   |
 		| I am not registered for Indirect Tax 								| N/A 		 | N/A				   |
@@ -25,25 +25,24 @@ Feature: Indirect Tax Form
 
 	@minutia
 	@ui
-	Scenario: Different selects appear based on which Indirect Tax Detail option a user checks
+	Scenario: Different selects appear based on which Indirect Tax Detail radio option the user checks
 	When they check "I am registered for HST in Canada"
 	Then A "Province" select appears and they choose one of the following options:
-		| BC |
-		| NL |
-		| PE |
-		| ON |
-		| MB |
-		| QC |
-		| NS |
-		| NB |
-		| SK |
-		| AB |
-		| YT |
-		| NT |
-		| NU |
+		| Ontario 				|
+		| Alberta 				|
+		| British Columbia 		|
+		| Manitoba 				|
+		| New Brunswick 		|
+		| Newfoundland 			|
+		| Nova Scotia 			|
+		| Prince Edward Island  |
+		| Quebec 				|
+		| Saskatchewan 			|
+		| Northwest Territories |
+		| Nunavut 				|
+		| Yukon 				|
 	And if they check "I am registered for Indirect Tax in a different Country / Region"
-	Then a "Country / Region of Indirect Tax" select appears and they choose one of the following options
-		| countries here |
+	Then a "Country / Region of Indirect Tax" select appears and they choose one <country>
 	And if they check "I am not registered for Indirect Tax"
 	Then no select appears
 	
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 1347da4b98..7e6c069b3b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -25,6 +25,7 @@ export interface TaxDocumentSubmittedProps {
     badgeTextSubmittedOn?: string;
     badgeTextAwaitingReview?: string;
     badgeTextExpiredOn?: string;
+    badgeTextExpiringSoon?: string;
     taxAlertHeader?: string;
     taxAlertMessage?: string;
     bankingInformationSectionHeader: string;
@@ -121,7 +122,15 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
           {text.statusTextNotVerified}
         </sl-badge>
         <p>
-          {text.badgeTextAwaitingReview} {states.dateSubmitted}.
+          {intl.formatMessage(
+            {
+              id: `badgeTextAwaitingReview`,
+              defaultMessage: text.badgeTextAwaitingReview,
+            },
+            {
+              dateSubmitted: states.dateSubmitted,
+            }
+          )}
         </p>
       </div>
     ),
@@ -131,8 +140,24 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
           {text.statusTextActive}
         </sl-badge>
         <p>
-          {text.badgeTextSubmittedOn} {states.dateSubmitted}, expiring on{" "}
-          {states.dateExpired}.
+          {intl.formatMessage(
+            {
+              id: `badgeTextSubmittedOn`,
+              defaultMessage: text.badgeTextSubmittedOn,
+            },
+            {
+              dateSubmitted: states.dateSubmitted,
+            }
+          )}
+          {intl.formatMessage(
+            {
+              id: `badgeTextExpiringSoon`,
+              defaultMessage: text.badgeTextExpiringSoon,
+            },
+            {
+              dateExpired: states.dateExpired,
+            }
+          )}
         </p>
       </div>
     ),
@@ -150,7 +175,15 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
           {text.statusTextExpired}
         </sl-badge>
         <p>
-          {text.badgeTextExpiredOn} {states.dateExpired}.
+          {intl.formatMessage(
+            {
+              id: `badgeTextExpiredOn`,
+              defaultMessage: text.badgeTextExpiredOn,
+            },
+            {
+              dateExpired: states.dateExpired,
+            }
+          )}
         </p>
       </div>
     ),
@@ -198,6 +231,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
             },
             {
               documentType: states.documentType,
+              dateExpired: states.dateExpired,
             }
           )}
         </strong>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index b4ee24322a..69098bb26f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -20,6 +20,7 @@ import {
   userInfoText,
   indirectTaxFormText,
   docusignFormText,
+  taxFormDocumentSubmittedText,
 } from "./defaultTextCopy";
 import {
   RegisteredInCanada,
@@ -88,14 +89,8 @@ const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    statusTextActive: "Active",
-    badgeTextSubmittedOn: "Submitted On",
-    bankingInformationSectionHeader: "Banking Information",
-    taxDocumentSectionHeader: "Tax Documents",
-    taxAlertHeader: "",
-    taxAlertMessage: "",
+    ...taxFormDocumentSubmittedText,
     taxDocumentSectionSubHeader: "W9 Tax Documents",
-    newFormButton: "Submit New Form",
   },
 };
 
@@ -107,12 +102,9 @@ const documentSubmittedNotVerifiedProps: TaxDocumentSubmittedProps = {
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    statusTextNotVerified: "Not Verified",
-    badgeTextAwaitingReview: "Awaiting Review. Submitted On",
-    bankingInformationSectionHeader: "Banking Information",
-    taxDocumentSectionHeader: "Tax Documents",
+    ...taxFormDocumentSubmittedText,
+    badgeTextAwaitingReview: "Awaiting Review. Submitted on {dateSubmitted}.",
     taxDocumentSectionSubHeader: "W9 Tax Documents",
-    newFormButton: "Submit New Form",
   },
 };
 const documentSubmittedNotActiveProps: TaxDocumentSubmittedProps = {
@@ -123,15 +115,11 @@ const documentSubmittedNotActiveProps: TaxDocumentSubmittedProps = {
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    statusTextNotActive: "Invalid Tax Form",
-    badgeTextSubmittedOn: "Submitted On",
-    bankingInformationSectionHeader: "Banking Information",
-    taxDocumentSectionHeader: "Tax Documents",
+    ...taxFormDocumentSubmittedText,
     taxAlertHeader:
       "Your W8-BEN-E tax form has personal information that doesn't match your profile",
     taxAlertMessage: "Please resubmit a new W8-BEN-E form.",
     taxDocumentSectionSubHeader: "W8-BEN-E Tax Documents",
-    newFormButton: "Submit New Form",
     invalidForm:
       "Ensure your information matches your profile and resubmit a new document",
   },
@@ -147,14 +135,11 @@ const documentSubmittedExpiredProps: TaxDocumentSubmittedProps = {
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    statusTextExpired: "Expired",
-    badgeTextExpiredOn: "Expired On",
-    bankingInformationSectionHeader: "Banking Information",
-    taxDocumentSectionHeader: "Tax Documents",
-    taxAlertHeader: "Your W8-BEN-E tax form has expired. ",
+    ...taxFormDocumentSubmittedText,
+    badgeTextExpiredOn: "Expired On {dateExpired}.",
+    taxAlertHeader: "Your W8-BEN-E tax form has expired.",
     taxAlertMessage: "Please resubmit a new W8-BEN-E form.",
     taxDocumentSectionSubHeader: "W8-BEN-E Tax Documents",
-    newFormButton: "Submit New Form",
   },
 };
 
@@ -168,15 +153,11 @@ const documentSubmittedExpiringSoonProps: TaxDocumentSubmittedProps = {
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    statusTextActive: "Active",
-    badgeTextSubmittedOn: "Submitted On",
-    bankingInformationSectionHeader: "Banking Information",
-    taxDocumentSectionHeader: "Tax Documents",
+    ...taxFormDocumentSubmittedText,
     taxAlertHeader: "Your W8-BEN-E tax form expires on {dateExpired}",
     taxAlertMessage:
       "Please submit a new W8-BEN-E form to continue receiving your rewards",
     taxDocumentSectionSubHeader: "W8-BEN-E Tax Documents",
-    newFormButton: "Submit New Form",
   },
 };
 
@@ -189,14 +170,7 @@ const documentSubmittedLoadingProps: TaxDocumentSubmittedProps = {
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
-    statusTextActive: "Active",
-    badgeTextSubmittedOn: "Submitted On",
-    bankingInformationSectionHeader: "Banking Information",
-    taxDocumentSectionHeader: "Tax Documents",
-    taxAlertHeader: "",
-    taxAlertMessage: "",
-    taxDocumentSectionSubHeader: "W9 Tax Documents",
-    newFormButton: "Submit New Form",
+    ...taxFormDocumentSubmittedText,
   },
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index cfb71c0f8c..76a61d5a7b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -98,9 +98,10 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   statusTextNotActive: "Invalid Tax Form",
   statusTextNotVerified: "Not Verified",
   statusTextExpired: "Expired",
-  badgeTextSubmittedOn: "Submitted on",
-  badgeTextAwaitingReview: "Awaiting review. Submitted on",
-  badgeTextExpiredOn: "Expired on",
+  badgeTextSubmittedOn: "Submitted on {dateSubmitted}",
+  badgeTextAwaitingReview: "Awaiting review. Submitted on {dateSubmitted}.",
+  badgeTextExpiredOn: "Expired on {dateExpired}.",
+  badgeTextExpiringSoon: ", expiring on {dateExpired}.",
   invalidForm:
     "Ensure your information matches your profile and resubmit a new document.",
   taxAlertHeader:

From caed1c05fb2a0080ed73cea7945f211c07fe00fd Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 30 Jan 2024 10:22:53 -0800
Subject: [PATCH 087/753] add general errors to all tax form sections

---
 packages/mint-components/src/components.d.ts  | 16 ++++
 .../sqm-document-type-form-view.tsx           | 23 ++++++
 .../sqm-document-type-form.tsx                |  3 +
 .../sqm-docusign-form-view.tsx                | 34 ++++++---
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  3 +
 .../sqm-docusign-form/useDocusignForm.tsx     |  2 +
 .../sqm-indirect-tax-form-view.tsx            | 22 +++++-
 .../sqm-indirect-tax-form.tsx                 |  4 +-
 .../sqm-tax-document-submitted-view.tsx       | 17 +++++
 .../sqm-tax-document-submitted.tsx            |  3 +-
 .../sqm-user-info-form/TaxForm.stories.tsx    | 75 ++++++++++++++++++-
 .../sqm-user-info-form/defaultTextCopy.ts     | 16 ++++
 12 files changed, 200 insertions(+), 18 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 270efa9b29..e451ffb4e9 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -289,6 +289,8 @@ export namespace Components {
         "formLabel": string;
         "formStep": string;
         "formSubmissionError": string;
+        "generalErrorDescription": string;
+        "generalErrorTitle": string;
         "submitButton": string;
         "taxForm": string;
         "w8Description": string;
@@ -312,6 +314,8 @@ export namespace Components {
          */
         "demoData"?: DemoData<IndirectTaxFormViewProps>;
         "formStep": string;
+        "generalErrorDescription": string;
+        "generalErrorTitle": string;
         "notBasedInUS": string;
         "submitButton": string;
         "taxForm": string;
@@ -601,6 +605,8 @@ export namespace Components {
     interface SqmIndirectTaxForm {
         "backButton": string;
         "formStep": string;
+        "generalErrorDescription": string;
+        "generalErrorTitle": string;
         "hstCanada": string;
         "indirectTax": string;
         "indirectTaxDescription": string;
@@ -2873,6 +2879,8 @@ export namespace Components {
         "badgeTextExpiredOn"?: string;
         "badgeTextSubmittedOn"?: string;
         "bankingInformationSectionHeader": string;
+        "generalErrorDescription": string;
+        "generalErrorTitle": string;
         "invalidForm"?: string;
         "newFormButton": string;
         "statusTextActive"?: string;
@@ -3980,6 +3988,8 @@ declare namespace LocalJSX {
         "formLabel"?: string;
         "formStep"?: string;
         "formSubmissionError"?: string;
+        "generalErrorDescription"?: string;
+        "generalErrorTitle"?: string;
         "submitButton"?: string;
         "taxForm"?: string;
         "w8Description"?: string;
@@ -4003,6 +4013,8 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<IndirectTaxFormViewProps>;
         "formStep"?: string;
+        "generalErrorDescription"?: string;
+        "generalErrorTitle"?: string;
         "notBasedInUS"?: string;
         "submitButton"?: string;
         "taxForm"?: string;
@@ -4292,6 +4304,8 @@ declare namespace LocalJSX {
     interface SqmIndirectTaxForm {
         "backButton"?: string;
         "formStep"?: string;
+        "generalErrorDescription"?: string;
+        "generalErrorTitle"?: string;
         "hstCanada"?: string;
         "indirectTax"?: string;
         "indirectTaxDescription"?: string;
@@ -6540,6 +6554,8 @@ declare namespace LocalJSX {
         "badgeTextExpiredOn"?: string;
         "badgeTextSubmittedOn"?: string;
         "bankingInformationSectionHeader"?: string;
+        "generalErrorDescription"?: string;
+        "generalErrorTitle"?: string;
         "invalidForm"?: string;
         "newFormButton"?: string;
         "statusTextActive"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
index 5cf1c207ae..57c9f33cc6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
@@ -27,6 +27,8 @@ export interface DocumentTypeFormViewProps {
     submitButton: string;
     backButton: string;
     error: {
+      generalTitle: string;
+      generalDescription: string;
       formSubmission: string;
     };
   };
@@ -88,6 +90,19 @@ const style = {
   LabelText: {
     fontWeight: "bold",
   },
+
+  AlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-red-100)",
+      borderTop: "none",
+      padding: "0 16px",
+      marginBottom: "16px",
+    },
+
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -138,6 +153,14 @@ export const DocumentTypeFormView = (props: DocumentTypeFormViewProps) => {
           <h3>{text.taxForm}</h3>
         </div>
       </div>
+      {formState.errors?.general && (
+        <sl-alert type="warning" open class={sheet.classes.AlertContainer}>
+          <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+          <strong>{text.error.generalTitle}</strong>
+          <br />
+          {text.error.generalDescription}
+        </sl-alert>
+      )}
       <p class={classes.LabelText}>{text.formLabel}</p>
 
       <div class={classes.RadioContainer}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
index a17640693a..18d338c3b2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
@@ -23,6 +23,9 @@ export class DocumentTypeForm {
   @Prop() backButton: string = documentTypeFormText.backButton;
   @Prop() formSubmissionError: string =
     documentTypeFormText.error.formSubmission;
+  @Prop() generalErrorTitle: string = documentTypeFormText.error.generalTitle;
+  @Prop() generalErrorDescription: string =
+    documentTypeFormText.error.generalDescription;
 
   constructor() {
     withHooks(this);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index b8ef294a18..080ec3dbc2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -30,6 +30,10 @@ export interface DocusignFormViewProps {
     checkboxDescription: string;
     submitButton: string;
     backButton: string;
+    error: {
+      generalTitle: string;
+      generalDescription: string;
+    };
   };
 }
 
@@ -80,6 +84,17 @@ const style = {
       color: "var(--sl-color-gray-800) !important",
     },
   },
+  ErrorAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-red-100)",
+      borderTop: "none",
+      padding: "0 16px",
+    },
+
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
   AlertInnerContainer: {
     display: "flex",
     justifyContent: "flex-start",
@@ -127,17 +142,6 @@ const vanillaStyle = `
         border-radius: 50%;
     }
 
-    sl-alert::part(base) {
-      display: flex;
-      align-items: flex-start;
-      justify-content: center;
-      flex-direction: column;
-      padding: 20px;
-    }
-
-    sl-alert::part(message) {
-      padding: 0px;
-    }
   `;
 
 export const DocusignFormView = (props: DocusignFormViewProps) => {
@@ -162,6 +166,14 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
           <h3>{text.taxForm}</h3>
         </div>
       </div>
+      {formState.errors?.general && (
+        <sl-alert type="warning" open class={sheet.classes.ErrorAlertContainer}>
+          <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+          <strong>{text.error.generalTitle}</strong>
+          <br />
+          {text.error.generalDescription}
+        </sl-alert>
+      )}
       <h5 class={classes.BoldText}>
         {intl.formatMessage(
           { id: "tax-form-label", defaultMessage: text.taxFormLabel },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index a74f7ad543..928673da72 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -31,6 +31,9 @@ export class DocusignForm {
   @Prop() checkboxDescription: string = docusignFormText.checkboxDescription;
   @Prop() submitButton: string = docusignFormText.submitButton;
   @Prop() backButton: string = docusignFormText.backButton;
+  @Prop() generalErrorTitle: string = docusignFormText.error.generalTitle;
+  @Prop() generalErrorDescription: string =
+    docusignFormText.error.generalDescription;
   /**
    * @undocumented
    * @uiType object
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index c44782388f..567bc7a185 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -91,6 +91,8 @@ export function useDocusignForm(props: DocusignForm, el: any) {
     text: {
       ...props,
       error: {
+        generalTitle: props.generalErrorTitle,
+        generalDescription: props.generalErrorDescription,
         // TODO: this prop was removed from the controller/view
         // formSubmission: props.formSubmissionError,
       },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 504a60c1f7..e61ae68454 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -29,6 +29,8 @@ export interface IndirectTaxFormViewProps {
     submitButton: string;
     backButton: string;
     error: {
+      generalTitle: string;
+      generalDescription: string;
       taxDetails: string;
     };
   };
@@ -81,6 +83,17 @@ const style = {
       color: "var(--sl-color-gray-800) !important",
     },
   },
+  AlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-red-100)",
+      borderTop: "none",
+      padding: "0 16px",
+    },
+
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -135,7 +148,14 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
           <h3>{text.indirectTax}</h3>
         </div>
         <p>{text.indirectTaxDescription}</p>
-
+        {formState.errors?.general && (
+          <sl-alert type="warning" open class={sheet.classes.AlertContainer}>
+            <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+            <strong>{text.error.generalTitle}</strong>
+            <br />
+            {text.error.generalDescription}
+          </sl-alert>
+        )}
         <div>
           <h4>{text.indirectTaxDetails}</h4>
           <p class={classes.DescriptionText}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 7d32917a14..d00d743391 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -24,7 +24,9 @@ export class IndirectTaxForm {
   @Prop() submitButton: string = indirectTaxFormText.submitButton;
   @Prop() backButton: string = indirectTaxFormText.backButton;
   @Prop() taxDetailsError: string = indirectTaxFormText.error.taxDetails;
-
+  @Prop() generalErrorTitle: string = indirectTaxFormText.error.generalTitle;
+  @Prop() generalErrorDescription: string =
+    indirectTaxFormText.error.generalDescription;
   constructor() {
     withHooks(this);
   }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 7e6c069b3b..ce41bd1c52 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -15,6 +15,7 @@ export interface TaxDocumentSubmittedProps {
     dateExpired?: string;
     expiresSoon?: boolean;
     loading?: boolean;
+    errors?: any;
   };
   callbacks: { onClick: (props: any) => void };
   text: {
@@ -33,6 +34,10 @@ export interface TaxDocumentSubmittedProps {
     taxDocumentSectionSubHeader: string;
     newFormButton: string;
     invalidForm?: string;
+    error: {
+      generalTitle: string;
+      generalDescription: string;
+    };
   };
 }
 
@@ -279,6 +284,18 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
     <div>
       <div>
         <style type="text/css">{styleString}</style>
+        {states.errors?.general && (
+          <sl-alert
+            type="danger"
+            open
+            class={sheet.classes.WarningAlertContainer}
+          >
+            <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+            <strong>{text.error.generalTitle}</strong>
+            <br />
+            {text.error.generalDescription}
+          </sl-alert>
+        )}
         {(states.status === "NOT_ACTIVE" || states.status === "EXPIRED") &&
           alertMap[states.status]}
         {states.status === "ACTIVE" &&
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 85f455aa6f..e422dd2f23 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -24,7 +24,8 @@ export class TaxDocumentSubmitted {
   @Prop() taxDocumentSectionSubHeader: string =
     defaults.taxDocumentSectionSubHeader;
   @Prop() newFormButton: string = defaults.newFormButton;
-
+  @Prop() generalErrorTitle: string = defaults.error.generalTitle;
+  @Prop() generalErrorDescription: string = defaults.error.generalDescription;
   constructor() {
     withHooks(this);
   }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index cbe4ef089d..7d9f09a37d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -174,7 +174,7 @@ const documentSubmittedLoadingProps: TaxDocumentSubmittedProps = {
   },
 };
 
-const stepThreeAProps: DocusignFormViewProps = {
+const docusignFormProps: DocusignFormViewProps = {
   states: {
     loading: false,
     submitDisabled: false,
@@ -191,7 +191,7 @@ const stepThreeAProps: DocusignFormViewProps = {
   text: docusignFormText,
 };
 
-const stepThreeBProps: DocumentTypeFormViewProps = {
+const documentTypeFormProps: DocumentTypeFormViewProps = {
   states: {
     loading: false,
     submitDisabled: false,
@@ -291,6 +291,23 @@ export const StepTwoWithError = () => {
   );
 };
 
+export const StepTwoWithGeneralError = () => {
+  return (
+    <IndirectTaxFormView
+      {...stepTwoProps}
+      states={{
+        ...stepTwoProps.states,
+        formState: {
+          ...stepTwoProps.states.formState,
+          errors: {
+            general: true,
+          },
+        },
+      }}
+    />
+  );
+};
+
 export const StepTwoHSTChecked = () => {
   return (
     <IndirectTaxFormView
@@ -340,11 +357,47 @@ export const StepTwoNotRegisteredChecked = () => {
 
 // STEP THREE
 export const StepThreeWithDocusign = () => {
-  return <DocusignFormView {...stepThreeAProps} />;
+  // @ts-ignore TODO: fix this
+  return <DocusignFormView {...docusignFormProps} />;
+};
+
+export const StepThreeDocusignWithGeneralError = () => {
+  // @ts-ignore TODO: fix this
+  return (
+    <DocusignFormView
+      {...docusignFormProps}
+      states={{
+        ...docusignFormProps.states,
+        formState: {
+          ...docusignFormProps.states.formState,
+          errors: {
+            general: true,
+          },
+        },
+      }}
+    />
+  );
 };
 
 export const StepThreeWithFormSelector = () => {
-  return <DocumentTypeFormView {...stepThreeBProps} />;
+  return <DocumentTypeFormView {...documentTypeFormProps} />;
+};
+
+export const StepThreeFormSelectorWithGeneralError = () => {
+  return (
+    <DocumentTypeFormView
+      {...documentTypeFormProps}
+      states={{
+        ...documentTypeFormProps.states,
+        formState: {
+          ...documentTypeFormProps.states.formState,
+          errors: {
+            general: true,
+          },
+        },
+      }}
+    />
+  );
 };
 
 export const TaxDocumentSubmittedActive = () => {
@@ -370,3 +423,17 @@ export const TaxDocumentSubmittedExpiringSoon = () => {
 export const TaxDocumentSubmittedLoading = () => {
   return <TaxDocumentSubmittedView {...documentSubmittedLoadingProps} />;
 };
+
+export const TaxDocumentSubmittedWithGeneralError = () => {
+  return (
+    <TaxDocumentSubmittedView
+      {...documentSubmittedActiveProps}
+      states={{
+        ...documentSubmittedLoadingProps.states,
+        errors: {
+          general: true,
+        },
+      }}
+    />
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 76a61d5a7b..9af297a49f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -55,6 +55,9 @@ export const indirectTaxFormText: IndirectTaxFormViewProps["text"] = {
   submitButton: "Continue",
   backButton: "Back",
   error: {
+    generalTitle: "There was a problem submitting your information",
+    generalDescription:
+      "Please review your information and try again. If this problem continues, contact Support.",
     taxDetails: "This field is required",
   },
 };
@@ -71,6 +74,11 @@ export const docusignFormText: DocusignFormViewProps["text"] = {
   checkboxDescription: "I have completed and submitted my tax form",
   submitButton: "Continue",
   backButton: "Back",
+  error: {
+    generalTitle: "There was a problem submitting your information",
+    generalDescription:
+      "Please review your information and try again. If this problem continues, contact Support.",
+  },
 };
 
 export const documentTypeFormText: DocumentTypeFormViewProps["text"] = {
@@ -89,6 +97,9 @@ export const documentTypeFormText: DocumentTypeFormViewProps["text"] = {
   w8EDescription:
     "W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company.",
   error: {
+    generalTitle: "There was a problem submitting your information",
+    generalDescription:
+      "Please review your information and try again. If this problem continues, contact Support.",
     formSubmission: "error",
   },
 };
@@ -111,4 +122,9 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   taxDocumentSectionHeader: "Tax documents",
   taxDocumentSectionSubHeader: "{documentType} Tax Form",
   newFormButton: "Submit New Form",
+  error: {
+    generalTitle: "There was a problem submitting your information",
+    generalDescription:
+      "Please review your information and try again. If this problem continues, contact Support.",
+  },
 };

From f26cc610b358190168a1eb5860dcf1a3dea96e5c Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 30 Jan 2024 10:32:02 -0800
Subject: [PATCH 088/753] fixed typo, added temporary page buttons for ease of
 dev

---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 62 ++++++++++++++++---
 .../sqm-user-info-form/defaultTextCopy.ts     |  2 +-
 2 files changed, 54 insertions(+), 10 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index adad31d9c1..1f73514c32 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -1,10 +1,15 @@
+import { isDemo, useHost } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Prop, State } from "@stencil/core";
+import { Component, Host, Prop, State, h } from "@stencil/core";
 import deepmerge from "deepmerge";
-import { UserNameViewProps } from "./sqm-tax-and-cash-view";
-import { useTaxAndCash } from "./useTaxAndCash";
 import { DemoData } from "../../../global/demo";
 import { LoadingSkeleton } from "../../../tables/TableSlots";
+import {
+  getContextValueName,
+  useParentState,
+} from "../../../utils/useParentState";
+import { UserNameViewProps } from "./sqm-tax-and-cash-view";
+import { TAX_CONTEXT_NAMESPACE, useTaxAndCash } from "./useTaxAndCash";
 
 /**
  * @uiName Tax And Cash
@@ -31,23 +36,62 @@ export class TaxAndCash {
   disconnectedCallback() {}
 
   render() {
-    // const props = isDemo() ? useUserNameDemo(this) : useUserName();
+    // const props = isDemo() ? useTaxAndCashDemo(this) : useTaxAndCash();
     const props = useTaxAndCash();
 
-    console.log({ props, step: props.step });
+    console.log({ props, step: props.step, isDemo: isDemo() });
 
     if (props.loading) return <LoadingSkeleton />;
 
     return (
-      <div>
+      <Host>
+        <button onClick={() => props.setStep(getPrevStep(props.step))}>
+          prev
+        </button>{" "}
+        <button onClick={() => props.setStep(getNextStep(props.step))}>
+          next
+        </button>
         <sqm-context-router contextName={props.namespace}>
           <slot />
         </sqm-context-router>
-      </div>
+      </Host>
     );
   }
 }
 
-function useTaxAndCashDemo(props: TaxAndCash): UserNameViewProps {
-  return deepmerge({}, props.demoData || {}, { arrayMerge: (_, a) => a });
+function getNextStep(step: string) {
+  if (step === "/1") return "/2";
+  if (step === "/2") return "/3/W9";
+  if (step.includes("/3")) return "/4";
+  if (step === "/4") return "/submitted";
+  if (step === "/loading") return "/1";
+  return "/loading";
+}
+
+function getPrevStep(step: string) {
+  if (step === "/1") return "/1";
+  if (step === "/2") return "/1";
+  if (step.includes("/3")) return "/2";
+  if (step === "/4") return "/3/W9";
+  if (step === "/submitted") return "/4";
+  if (step === "/loading") return "/1";
+  return "/loading";
+}
+
+function useTaxAndCashDemo(props: TaxAndCash) {
+  const host = useHost();
+  const [step, setStep] = useParentState<string>({
+    host,
+    namespace: TAX_CONTEXT_NAMESPACE,
+    initialValue: "/1",
+  });
+  return deepmerge(
+    {
+      namespace: getContextValueName(TAX_CONTEXT_NAMESPACE),
+      step,
+      setStep,
+    },
+    props.demoData || {},
+    { arrayMerge: (_, a) => a }
+  );
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index cfb71c0f8c..fee56949e9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -41,7 +41,7 @@ export const userInfoText: UserInfoFormViewProps["text"] = {
 };
 
 export const indirectTaxFormText: IndirectTaxFormViewProps["text"] = {
-  formStep: "Setp 2 of 4",
+  formStep: "Step 2 of 4",
   indirectTax: "Indirect Tax",
   indirectTaxDescription:
     "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.",

From cde141bd1ad660be930b9a0cab310a80893c26ea Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 30 Jan 2024 10:32:24 -0800
Subject: [PATCH 089/753] Update index.html

---
 packages/mint-components/src/index.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 0c9c0a7133..e3f1d5bbf8 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -27,14 +27,14 @@
       </template>
       <template path="/3b">
         <sqm-document-type-form />
-      </template> -->
-    <!-- <template path="/4">
-        <sqm-cash-form />
-      </template> -->
-    <!-- <template path="/submitted">
+      </template>
+      <template path="/submitted">
         <sqm-tax-document-submitted />
       </template>
-      <template path="/5">confirmation screen</template>
+      <template path="/4">confirmation screen</template>
     </sqm-tax-and-cash> -->
+    <!-- <template path="/4">
+        <sqm-cash-form />
+      </template> -->
   </body>
 </html>

From ecbd6c4ecf717aeb3b54d6111ae1a843ec035616 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 30 Jan 2024 10:43:48 -0800
Subject: [PATCH 090/753] fix hook

---
 .../tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
index 08b3145c53..1f243239da 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
@@ -46,6 +46,8 @@ export function useDocumentTypeForm(props: DocumentTypeForm) {
       ...props,
       error: {
         formSubmission: props.formSubmissionError,
+        generalTitle: props.generalErrorTitle,
+        generalDescription: props.generalErrorDescription,
       },
     },
   };

From d823b15bd9e6fd5765fac5314204ac41f5d48be3 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 30 Jan 2024 10:51:56 -0800
Subject: [PATCH 091/753] Added additional strings/props to document-submitted
 files and stories

---
 packages/mint-components/src/components.d.ts  | 10 ++++++--
 .../sqm-tax-document-submitted-view.tsx       | 23 +++++++++++--------
 .../sqm-tax-document-submitted.tsx            |  7 +++++-
 .../sqm-user-info-form/TaxForm.stories.tsx    | 17 --------------
 .../sqm-user-info-form/defaultTextCopy.ts     |  7 ++++--
 5 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 270efa9b29..e389f61a52 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -2879,8 +2879,11 @@ export namespace Components {
         "statusTextExpired"?: string;
         "statusTextNotActive"?: string;
         "statusTextNotVerified"?: string;
-        "taxAlertHeader"?: string;
+        "taxAlertHeaderExpiredOn"?: string;
+        "taxAlertHeaderExpiringSoon"?: string;
+        "taxAlertHeaderNotActive"?: string;
         "taxAlertMessage"?: string;
+        "taxAlertMessageExpiringSoon": string;
         "taxDocumentSectionHeader": string;
         "taxDocumentSectionSubHeader": string;
     }
@@ -6546,8 +6549,11 @@ declare namespace LocalJSX {
         "statusTextExpired"?: string;
         "statusTextNotActive"?: string;
         "statusTextNotVerified"?: string;
-        "taxAlertHeader"?: string;
+        "taxAlertHeaderExpiredOn"?: string;
+        "taxAlertHeaderExpiringSoon"?: string;
+        "taxAlertHeaderNotActive"?: string;
         "taxAlertMessage"?: string;
+        "taxAlertMessageExpiringSoon"?: string;
         "taxDocumentSectionHeader"?: string;
         "taxDocumentSectionSubHeader"?: string;
     }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 7e6c069b3b..ca30c515e4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -26,7 +26,10 @@ export interface TaxDocumentSubmittedProps {
     badgeTextAwaitingReview?: string;
     badgeTextExpiredOn?: string;
     badgeTextExpiringSoon?: string;
-    taxAlertHeader?: string;
+    taxAlertMessageExpiringSoon?: string;
+    taxAlertHeaderNotActive?: string;
+    taxAlertHeaderExpiredOn: string;
+    taxAlertHeaderExpiringSoon?: string;
     taxAlertMessage?: string;
     bankingInformationSectionHeader: string;
     taxDocumentSectionHeader: string;
@@ -166,7 +169,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         <sl-badge type="danger" pill class={sheet.classes.BadgeContainer}>
           {text.statusTextNotActive}
         </sl-badge>
-        <p>{text.invalidForm}.</p>
+        <p>{text.invalidForm}</p>
       </div>
     ),
     EXPIRED: (
@@ -196,8 +199,8 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         <strong>
           {intl.formatMessage(
             {
-              id: `taxAlertHeader`,
-              defaultMessage: text.taxAlertHeader,
+              id: `taxAlertHeaderNotActive`,
+              defaultMessage: text.taxAlertHeaderNotActive,
             },
             {
               documentType: states.documentType,
@@ -226,8 +229,8 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         <strong>
           {intl.formatMessage(
             {
-              id: `taxAlertHeader`,
-              defaultMessage: text.taxAlertHeader,
+              id: `taxAlertHeaderExpiringSoon`,
+              defaultMessage: text.taxAlertHeaderExpiringSoon,
             },
             {
               documentType: states.documentType,
@@ -238,8 +241,8 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         <br />
         {intl.formatMessage(
           {
-            id: `taxAlertMessage`,
-            defaultMessage: text.taxAlertMessage,
+            id: `taxAlertMessageExpiringSoon`,
+            defaultMessage: text.taxAlertMessageExpiringSoon,
           },
           {
             documentType: states.documentType,
@@ -253,8 +256,8 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         <strong>
           {intl.formatMessage(
             {
-              id: `taxAlertHeader`,
-              defaultMessage: text.taxAlertHeader,
+              id: `taxAlertHeaderExpiredOn`,
+              defaultMessage: text.taxAlertHeaderExpiredOn,
             },
             {
               documentType: states.documentType,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 85f455aa6f..9ddba223b1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -14,8 +14,13 @@ export class TaxDocumentSubmitted {
   @Prop() badgeTextSubmittedOn?: string = defaults.badgeTextSubmittedOn;
   @Prop() badgeTextAwaitingReview?: string = defaults.badgeTextAwaitingReview;
   @Prop() badgeTextExpiredOn?: string = defaults.badgeTextExpiredOn;
-  @Prop() taxAlertHeader?: string = defaults.taxAlertHeader;
+  @Prop() taxAlertHeaderNotActive?: string = defaults.taxAlertHeaderNotActive;
+  @Prop() taxAlertHeaderExpiredOn?: string = defaults.taxAlertHeaderExpiredOn;
+  @Prop() taxAlertHeaderExpiringSoon?: string =
+    defaults.taxAlertHeaderExpiringSoon;
   @Prop() taxAlertMessage?: string = defaults.taxAlertMessage;
+  @Prop() taxAlertMessageExpiringSoon: string =
+    defaults.taxAlertMessageExpiringSoon;
   @Prop() invalidForm?: string = defaults.invalidForm;
   @Prop() bankingInformationSectionHeader: string =
     defaults.bankingInformationSectionHeader;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index cbe4ef089d..65444ceaf5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -90,7 +90,6 @@ const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
     ...taxFormDocumentSubmittedText,
-    taxDocumentSectionSubHeader: "W9 Tax Documents",
   },
 };
 
@@ -103,8 +102,6 @@ const documentSubmittedNotVerifiedProps: TaxDocumentSubmittedProps = {
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
     ...taxFormDocumentSubmittedText,
-    badgeTextAwaitingReview: "Awaiting Review. Submitted on {dateSubmitted}.",
-    taxDocumentSectionSubHeader: "W9 Tax Documents",
   },
 };
 const documentSubmittedNotActiveProps: TaxDocumentSubmittedProps = {
@@ -116,12 +113,6 @@ const documentSubmittedNotActiveProps: TaxDocumentSubmittedProps = {
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
     ...taxFormDocumentSubmittedText,
-    taxAlertHeader:
-      "Your W8-BEN-E tax form has personal information that doesn't match your profile",
-    taxAlertMessage: "Please resubmit a new W8-BEN-E form.",
-    taxDocumentSectionSubHeader: "W8-BEN-E Tax Documents",
-    invalidForm:
-      "Ensure your information matches your profile and resubmit a new document",
   },
 };
 
@@ -136,10 +127,6 @@ const documentSubmittedExpiredProps: TaxDocumentSubmittedProps = {
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
     ...taxFormDocumentSubmittedText,
-    badgeTextExpiredOn: "Expired On {dateExpired}.",
-    taxAlertHeader: "Your W8-BEN-E tax form has expired.",
-    taxAlertMessage: "Please resubmit a new W8-BEN-E form.",
-    taxDocumentSectionSubHeader: "W8-BEN-E Tax Documents",
   },
 };
 
@@ -154,10 +141,6 @@ const documentSubmittedExpiringSoonProps: TaxDocumentSubmittedProps = {
   callbacks: { onClick: () => console.log("Submit new Form") },
   text: {
     ...taxFormDocumentSubmittedText,
-    taxAlertHeader: "Your W8-BEN-E tax form expires on {dateExpired}",
-    taxAlertMessage:
-      "Please submit a new W8-BEN-E form to continue receiving your rewards",
-    taxDocumentSectionSubHeader: "W8-BEN-E Tax Documents",
   },
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 76a61d5a7b..bb1389028f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -104,11 +104,14 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   badgeTextExpiringSoon: ", expiring on {dateExpired}.",
   invalidForm:
     "Ensure your information matches your profile and resubmit a new document.",
-  taxAlertHeader:
+  taxAlertHeaderNotActive:
     "Your {documentType} tax form has personal information that doesn't match your profile.",
+  taxAlertHeaderExpiredOn: "Your {documentType} tax form has expired.",
+  taxAlertHeaderExpiringSoon: "Your {documentType} tax form expires on {dateExpired}",
   taxAlertMessage: "Please resubmit a new {documentType} form.",
+  taxAlertMessageExpiringSoon: "Please submit a new {documentType} form to continue receiving your rewards",
   bankingInformationSectionHeader: "Banking Information",
   taxDocumentSectionHeader: "Tax documents",
-  taxDocumentSectionSubHeader: "{documentType} Tax Form",
+  taxDocumentSectionSubHeader: "{documentType} Tax Documents",
   newFormButton: "Submit New Form",
 };

From ac186684c5e65ee3dbbeed91870043d545911962 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 30 Jan 2024 10:53:34 -0800
Subject: [PATCH 092/753] Add loading state to step one of form

---
 .../sqm-user-info-form-view.tsx               | 277 +++++++++---------
 packages/mint-components/src/index.html       |   6 +-
 2 files changed, 146 insertions(+), 137 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 715dd2371f..a83bafb374 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -184,149 +184,158 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
           {text.error.generalDescription}
         </sl-alert>
       )}
-      <div class={classes.InputContainer}>
-        <sl-input
-          exportparts="label: input-label"
-          value={formState.firstName}
-          label={text.firstName}
-          disabled={states.disabled}
-          {...(formState.errors?.firstName
-            ? {
-                class: classes.ErrorInput,
-                helpText: text.error.firstName,
-              }
-            : {})}
-          id="firstName"
-          name="/firstName"
-          required
-        />
-        <sl-input
-          exportparts="label: input-label"
-          value={formState.lastName}
-          label={text.lastName}
-          disabled={states.disabled}
-          {...(formState.errors?.lastName
-            ? {
-                class: classes.ErrorInput,
-                helpText: text.error.lastName,
-              }
-            : {})}
-          id="lastName"
-          name="/lastName"
-          required
-        />
-        <sl-input
-          exportparts="label: input-label"
-          value={formState.email}
-          label={text.email}
-          disabled={states.disabled}
-          {...(formState.errors?.email
-            ? {
-                class: classes.ErrorInput,
-                helpText: text.error.email,
-              }
-            : {})}
-          // {...{ helpText: formState.errors.email }}
-          id="email"
-          name="/email"
-          required
-        />
-
-        <sl-select
-          exportparts="label: input-label"
-          name="/countryCode"
-          label={text.country}
-          value={formState.countryCode}
-          disabled={states.disabled}
-          {...(formState.errors?.countryCode
-            ? {
-                class: classes.ErrorInput,
-                helpText: text.error.countryCode,
-              }
-            : {})}
-          required
-        >
-          <sl-menu-item value="US">United States</sl-menu-item>
-          <sl-menu-item value="CA">Canada</sl-menu-item>
-          <sl-menu-item value="AU">Australia</sl-menu-item>
-        </sl-select>
-        <sl-select
-          exportparts="label: input-label"
-          name="/currency"
-          label={text.currency}
-          value={formState.currency}
-          disabled={states.disabled}
-          {...(formState.errors?.currency
-            ? {
-                class: classes.ErrorInput,
-                helpText: text.error.currency,
-              }
-            : {})}
-          required
-        >
-          <sl-menu-item value="USD">USD</sl-menu-item>
-          <sl-menu-item value="CAD">CAD</sl-menu-item>
-          <sl-menu-item value="AUD">AUD</sl-menu-item>
-        </sl-select>
-
-        <div class={classes.CheckboxWrapper}>
-          <p class={classes.BoldText}>{text.participantType}</p>
+      {states.loading ? (
+        <sl-spinner style={{ fontSize: "50px", margin: "40px" }}></sl-spinner>
+      ) : (
+        <div>
+          <div class={classes.InputContainer}>
+            <sl-input
+              exportparts="label: input-label"
+              value={formState.firstName}
+              label={text.firstName}
+              disabled={states.disabled}
+              {...(formState.errors?.firstName
+                ? {
+                    class: classes.ErrorInput,
+                    helpText: text.error.firstName,
+                  }
+                : {})}
+              id="firstName"
+              name="/firstName"
+              required
+            />
+            <sl-input
+              exportparts="label: input-label"
+              value={formState.lastName}
+              label={text.lastName}
+              disabled={states.disabled}
+              {...(formState.errors?.lastName
+                ? {
+                    class: classes.ErrorInput,
+                    helpText: text.error.lastName,
+                  }
+                : {})}
+              id="lastName"
+              name="/lastName"
+              required
+            />
+            <sl-input
+              exportparts="label: input-label"
+              value={formState.email}
+              label={text.email}
+              disabled={states.disabled}
+              {...(formState.errors?.email
+                ? {
+                    class: classes.ErrorInput,
+                    helpText: text.error.email,
+                  }
+                : {})}
+              // {...{ helpText: formState.errors.email }}
+              id="email"
+              name="/email"
+              required
+            />
 
-          <div style={{ display: "flex", flexDirection: "column" }}>
-            <sl-radio
-              exportparts="base: radio-base"
-              value="individualParticipant"
-              name="/participantType"
-              checked={formState.participantType === "individualParticipant"}
+            <sl-select
+              exportparts="label: input-label"
+              name="/countryCode"
+              label={text.country}
+              value={formState.countryCode}
               disabled={states.disabled}
+              {...(formState.errors?.countryCode
+                ? {
+                    class: classes.ErrorInput,
+                    helpText: text.error.countryCode,
+                  }
+                : {})}
+              required
             >
-              {text.individualParticipant}
-            </sl-radio>
-            <sl-radio
-              exportparts="base: radio-base"
-              value="businessEntity"
-              name="/participantType"
-              checked={formState.participantType === "businessEntity"}
+              <sl-menu-item value="US">United States</sl-menu-item>
+              <sl-menu-item value="CA">Canada</sl-menu-item>
+              <sl-menu-item value="AU">Australia</sl-menu-item>
+            </sl-select>
+            <sl-select
+              exportparts="label: input-label"
+              name="/currency"
+              label={text.currency}
+              value={formState.currency}
               disabled={states.disabled}
+              {...(formState.errors?.currency
+                ? {
+                    class: classes.ErrorInput,
+                    helpText: text.error.currency,
+                  }
+                : {})}
+              required
             >
-              {text.businessEntity}
-            </sl-radio>
-          </div>
+              <sl-menu-item value="USD">USD</sl-menu-item>
+              <sl-menu-item value="CAD">CAD</sl-menu-item>
+              <sl-menu-item value="AUD">AUD</sl-menu-item>
+            </sl-select>
 
-          {formState.errors?.participantType && (
-            <p class={classes.ErrorText}>{text.error.participantType}</p>
-          )}
-        </div>
-        <div class={classes.CheckboxWrapper}>
-          <p class={classes.BoldText}> {text.taxAndBankingCollection}</p>
-          <sl-checkbox
-            exportparts="label: input-label"
-            checked={formState.allowBankingCollection === true}
-            onSl-change={(e) => {
-              e.target.value = e.target.checked;
-            }}
+            <div class={classes.CheckboxWrapper}>
+              <p class={classes.BoldText}>{text.participantType}</p>
+
+              <div style={{ display: "flex", flexDirection: "column" }}>
+                <sl-radio
+                  exportparts="base: radio-base"
+                  value="individualParticipant"
+                  name="/participantType"
+                  checked={
+                    formState.participantType === "individualParticipant"
+                  }
+                  disabled={states.disabled}
+                >
+                  {text.individualParticipant}
+                </sl-radio>
+                <sl-radio
+                  exportparts="base: radio-base"
+                  value="businessEntity"
+                  name="/participantType"
+                  checked={formState.participantType === "businessEntity"}
+                  disabled={states.disabled}
+                >
+                  {text.businessEntity}
+                </sl-radio>
+              </div>
+
+              {formState.errors?.participantType && (
+                <p class={classes.ErrorText}>{text.error.participantType}</p>
+              )}
+            </div>
+            <div class={classes.CheckboxWrapper}>
+              <p class={classes.BoldText}> {text.taxAndBankingCollection}</p>
+              <sl-checkbox
+                exportparts="label: input-label"
+                checked={formState.allowBankingCollection === true}
+                onSl-change={(e) => {
+                  e.target.value = e.target.checked;
+                }}
+                disabled={states.disabled}
+                required
+                value={formState.allowBankingCollection}
+                id="allowBankingCollection"
+                name="/allowBankingCollection"
+              >
+                {text.allowBankingCollection}
+              </sl-checkbox>
+              {formState.errors?.allowBankingCollection && (
+                <p class={classes.ErrorText}>
+                  {text.error.allowBankingCollection}
+                </p>
+              )}
+            </div>
+          </div>
+          <sl-button
+            type="primary"
             disabled={states.disabled}
-            required
-            value={formState.allowBankingCollection}
-            id="allowBankingCollection"
-            name="/allowBankingCollection"
+            submit
+            exportparts="base: primarybutton-base"
           >
-            {text.allowBankingCollection}
-          </sl-checkbox>
-          {formState.errors?.allowBankingCollection && (
-            <p class={classes.ErrorText}>{text.error.allowBankingCollection}</p>
-          )}
+            {text.submitButton}
+          </sl-button>
         </div>
-      </div>
-      <sl-button
-        type="primary"
-        loading={states.loading}
-        disabled={states.disabled}
-        submit
-        exportparts="base: primarybutton-base"
-      >
-        {text.submitButton}
-      </sl-button>
+      )}
     </sl-form>
   );
 };
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index d0ed081404..e3f1d5bbf8 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,8 +12,8 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash>
       <template path="/1">
         <sqm-user-info-form />
       </template>
@@ -32,7 +32,7 @@
         <sqm-tax-document-submitted />
       </template>
       <template path="/4">confirmation screen</template>
-    </sqm-tax-and-cash>
+    </sqm-tax-and-cash> -->
     <!-- <template path="/4">
         <sqm-cash-form />
       </template> -->

From 4b8ae18d2f3d51ec485af87a2ca16d27910272dc Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 30 Jan 2024 11:07:16 -0800
Subject: [PATCH 093/753] wired up error text props to user info form

---
 .../sqm-user-info-form/useUserInfoForm.tsx             | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index bccfbcc30c..de940283d2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -8,6 +8,7 @@ import {
   UserQuery,
 } from "../sqm-tax-and-cash/useTaxAndCash";
 import { TaxForm } from "./sqm-user-info-form";
+import { userInfoText } from "./defaultTextCopy";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
@@ -125,6 +126,15 @@ export function useTaxForm(props: TaxForm) {
     onRadioClick,
     text: {
       ...props,
+      error: {
+        firstName: props.firstNameError,
+        lastName: props.lastNameError,
+        email: props.emailError,
+        countryCode: props.countryError,
+        currency: props.currencyError,
+        allowBankingCollection: props.allowBankingCollectionError,
+        participantType: props.participantTypeError,
+      },
     },
     refs: {
       formRef,

From 1bae7d525373fa7a79dc6c0a0e1e93a8f4e9d325 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 30 Jan 2024 11:52:10 -0800
Subject: [PATCH 094/753] More loading states

---
 .../sqm-docusign-form-view.tsx                |  90 ++++++------
 .../sqm-indirect-tax-form-view.tsx            | 130 +++++++++---------
 .../sqm-user-info-form/TaxForm.stories.tsx    |  25 ++++
 3 files changed, 141 insertions(+), 104 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 080ec3dbc2..e5653732b0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -186,50 +186,56 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
           {text.notBasedInUS}
         </a>
       </p>
-      <sl-alert
-        exportparts="base: alert-base, icon:alert-icon"
-        class="Info"
-        type="primary"
-        open
-      >
-        <div class={classes.AlertInnerContainer}>
-          <sl-icon slot="icon" name="clock"></sl-icon>
-          {text.banner}
-        </div>
-      </sl-alert>
 
-      <slot name="docusign-iframe"></slot>
-      <div>
-        <p class={classes.BoldText}>{text.checkboxLabel}</p>
-        <sl-checkbox checked={formState.completedTaxForm}>
-          {text.checkboxDescription}
-        </sl-checkbox>
-      </div>
+      {states.loading ? (
+        <sl-spinner style={{ fontSize: "50px", margin: "40px" }}></sl-spinner>
+      ) : (
+        <div>
+          <sl-alert
+            exportparts="base: alert-base, icon:alert-icon"
+            class="Info"
+            type="primary"
+            open
+          >
+            <div class={classes.AlertInnerContainer}>
+              <sl-icon slot="icon" name="clock"></sl-icon>
+              {text.banner}
+            </div>
+          </sl-alert>
+          <slot name="docusign-iframe"></slot>
+          <div>
+            <p class={classes.BoldText}>{text.checkboxLabel}</p>
+            <sl-checkbox checked={formState.completedTaxForm}>
+              {text.checkboxDescription}
+            </sl-checkbox>
+          </div>
 
-      <div class={classes.BtnContainer}>
-        <sl-button
-          type="primary"
-          loading={states.loading}
-          disabled={states.submitDisabled}
-          submit
-          onClick={callbacks.onSubmit}
-          exportparts="base: primarybutton-base"
-        >
-          {text.submitButton}
-        </sl-button>
-        <sl-button
-          class={classes.SecondaryBtn}
-          type="text"
-          loading={states.loading}
-          disabled={states.loading}
-          onClick={() => {
-            callbacks.onBack();
-          }}
-          exportparts="base: secondarybutton-base"
-        >
-          {text.backButton}
-        </sl-button>
-      </div>
+          <div class={classes.BtnContainer}>
+            <sl-button
+              type="primary"
+              loading={states.loading}
+              disabled={states.submitDisabled}
+              submit
+              onClick={callbacks.onSubmit}
+              exportparts="base: primarybutton-base"
+            >
+              {text.submitButton}
+            </sl-button>
+            <sl-button
+              class={classes.SecondaryBtn}
+              type="text"
+              loading={states.loading}
+              disabled={states.loading}
+              onClick={() => {
+                callbacks.onBack();
+              }}
+              exportparts="base: secondarybutton-base"
+            >
+              {text.backButton}
+            </sl-button>
+          </div>
+        </div>
+      )}
     </div>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index e61ae68454..4a1657b9e0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -163,69 +163,75 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
           </p>
         </div>
       </div>
-      <div class={classes.CheckboxContainer}>
-        <div style={{ display: "flex", flexDirection: "column" }}>
-          <sl-checkbox
-            exportparts="label: input-label"
-            checked={formState.checked === "hstCanada"}
-            onInput={() => callbacks.onChange("hstCanada")}
-            disabled={states.loading}
-            id="hstCanada"
-            name="/hstCanada"
-          >
-            {text.hstCanada}
-          </sl-checkbox>
-          {formState.checked === "hstCanada" &&
-            states.registeredInCanadaDetailsSlot}
-          <sl-checkbox
-            exportparts="label: input-label"
-            checked={formState.checked === "otherRegion"}
-            onInput={() => callbacks.onChange("otherRegion")}
-            disabled={states.loading}
-            id="otherRegion"
-            name="/otherRegion"
-          >
-            {text.otherRegion}
-          </sl-checkbox>
-          {formState.checked === "otherRegion" &&
-            states.registeredInDifferentCountryDetailsSlot}
-          <sl-checkbox
-            exportparts="label: input-label"
-            checked={formState.checked === "notRegistered"}
-            onInput={() => callbacks.onChange("notRegistered")}
-            disabled={states.loading}
-            id="notRegistered"
-            name="/notRegistered"
-          >
-            {text.notRegistered}
-          </sl-checkbox>
-          {formState.errors?.taxDetails && (
-            <p class={classes.ErrorText}>{text.error.taxDetails}</p>
-          )}
+      {states.loading ? (
+        <sl-spinner style={{ fontSize: "50px", margin: "40px" }}></sl-spinner>
+      ) : (
+        <div>
+          <div class={classes.CheckboxContainer}>
+            <div style={{ display: "flex", flexDirection: "column" }}>
+              <sl-checkbox
+                exportparts="label: input-label"
+                checked={formState.checked === "hstCanada"}
+                onInput={() => callbacks.onChange("hstCanada")}
+                disabled={states.loading}
+                id="hstCanada"
+                name="/hstCanada"
+              >
+                {text.hstCanada}
+              </sl-checkbox>
+              {formState.checked === "hstCanada" &&
+                states.registeredInCanadaDetailsSlot}
+              <sl-checkbox
+                exportparts="label: input-label"
+                checked={formState.checked === "otherRegion"}
+                onInput={() => callbacks.onChange("otherRegion")}
+                disabled={states.loading}
+                id="otherRegion"
+                name="/otherRegion"
+              >
+                {text.otherRegion}
+              </sl-checkbox>
+              {formState.checked === "otherRegion" &&
+                states.registeredInDifferentCountryDetailsSlot}
+              <sl-checkbox
+                exportparts="label: input-label"
+                checked={formState.checked === "notRegistered"}
+                onInput={() => callbacks.onChange("notRegistered")}
+                disabled={states.loading}
+                id="notRegistered"
+                name="/notRegistered"
+              >
+                {text.notRegistered}
+              </sl-checkbox>
+              {formState.errors?.taxDetails && (
+                <p class={classes.ErrorText}>{text.error.taxDetails}</p>
+              )}
+            </div>
+          </div>
+          <div class={classes.BtnContainer}>
+            <sl-button
+              type="primary"
+              loading={states.loading}
+              disabled={states.submitDisabled}
+              submit
+              exportparts="base: primarybutton-base"
+            >
+              {text.submitButton}
+            </sl-button>
+            <sl-button
+              class={classes.SecondaryBtn}
+              type="text"
+              loading={states.loading}
+              onClick={() => {
+                callbacks.onBack();
+              }}
+              exportparts="base: secondarybutton-base"
+            >
+              {text.backButton}
+            </sl-button>
+          </div>
         </div>
-      </div>
-      <div class={classes.BtnContainer}>
-        <sl-button
-          type="primary"
-          loading={states.loading}
-          disabled={states.submitDisabled}
-          submit
-          exportparts="base: primarybutton-base"
-        >
-          {text.submitButton}
-        </sl-button>
-        <sl-button
-          class={classes.SecondaryBtn}
-          type="text"
-          loading={states.loading}
-          onClick={() => {
-            callbacks.onBack();
-          }}
-          exportparts="base: secondarybutton-base"
-        >
-          {text.backButton}
-        </sl-button>
-      </div>
+      )}
     </sl-form>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index a35f0b001f..fe0e66ecb4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -274,6 +274,18 @@ export const StepTwoWithError = () => {
   );
 };
 
+export const StepTwoLoading = () => {
+  return (
+    <IndirectTaxFormView
+      {...stepTwoProps}
+      states={{
+        ...stepTwoProps.states,
+        loading: true,
+      }}
+    />
+  );
+};
+
 export const StepTwoWithGeneralError = () => {
   return (
     <IndirectTaxFormView
@@ -362,6 +374,19 @@ export const StepThreeDocusignWithGeneralError = () => {
   );
 };
 
+export const StepThreeDocusignLoading = () => {
+  // @ts-ignore TODO: fix this
+  return (
+    <DocusignFormView
+      {...docusignFormProps}
+      states={{
+        ...docusignFormProps.states,
+        loading: true,
+      }}
+    />
+  );
+};
+
 export const StepThreeWithFormSelector = () => {
   return <DocumentTypeFormView {...documentTypeFormProps} />;
 };

From 54dce0e5b144df3c83e5ff05093ea1f2ca52eb09 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 30 Jan 2024 11:56:25 -0800
Subject: [PATCH 095/753] use query context instead to provide access to
 loading / refetch of user data, use account/id in query to fix dev bug

---
 packages/mint-components/src/components.d.ts  |  2 +
 .../sqm-docusign-form/useDocusignForm.tsx     | 27 ++----
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 89 +++++++++++--------
 .../sqm-tax-document-submitted.tsx            |  1 +
 .../useTaxDocumentSubmitted.tsx               | 16 +++-
 .../sqm-user-info-form/useUserInfoForm.tsx    | 13 +--
 6 files changed, 81 insertions(+), 67 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index d4bb87c28c..f622a9c196 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -2877,6 +2877,7 @@ export namespace Components {
     interface SqmTaxDocumentSubmitted {
         "badgeTextAwaitingReview"?: string;
         "badgeTextExpiredOn"?: string;
+        "badgeTextExpiringSoon"?: string;
         "badgeTextSubmittedOn"?: string;
         "bankingInformationSectionHeader": string;
         "generalErrorDescription": string;
@@ -6555,6 +6556,7 @@ declare namespace LocalJSX {
     interface SqmTaxDocumentSubmitted {
         "badgeTextAwaitingReview"?: string;
         "badgeTextExpiredOn"?: string;
+        "badgeTextExpiringSoon"?: string;
         "badgeTextSubmittedOn"?: string;
         "bankingInformationSectionHeader"?: string;
         "generalErrorDescription"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 567bc7a185..d1f7684281 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -1,30 +1,14 @@
-import { useQuery, useUserIdentity } from "@saasquatch/component-boilerplate";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
-  USER_CONTEXT_NAMESPACE,
+  USER_QUERY_NAMESPACE,
   UserQuery,
+  UserQueryState,
 } from "../sqm-tax-and-cash/useTaxAndCash";
-import { DocusignForm } from "./sqm-docusign-form";
 import { TaxDocumentType } from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
-
-const GET_USER_TAX_INFO = gql`
-  query getUserTaxInfo {
-    viewer {
-      ... on User {
-        id
-        accountId
-        firstName
-        lastName
-        email
-        countryCode
-        customFields
-      }
-    }
-  }
-`;
+import { DocusignForm } from "./sqm-docusign-form";
 
 // TODO: Fill out when API is released
 const GET_TAX_DOCUMENT = gql`
@@ -34,14 +18,15 @@ const GET_TAX_DOCUMENT = gql`
 
 export function useDocusignForm(props: DocusignForm, el: any) {
   const [path, setPath] = useParent<string>(TAX_CONTEXT_NAMESPACE);
-  const user = useParentValue<UserQuery>(USER_CONTEXT_NAMESPACE);
+  const { data, loading } =
+    useParentValue<UserQueryState>(USER_QUERY_NAMESPACE);
   const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
   const [errors, setErrors] = useState({});
 
   const splitPath = path.split("/");
   const pathedDocumentType = splitPath.length === 3 ? splitPath[2] : undefined;
 
-  const savedUserTaxType = user?.viewer?.customFields?.w9Type;
+  const savedUserTaxType = data?.user?.customFields?.w9Type;
 
   // TODO: Replace with real backend data
   const {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index b5de4ce8a6..943cd6b0ba 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -14,7 +14,9 @@ import { FormState } from "../sqm-user-info-form/useUserInfoForm";
 
 export const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
 
-export const USER_CONTEXT_NAMESPACE = "sq:tax-and-cash-user";
+export const USER_INFO_NAMESPACE = "sq:user-info-form";
+
+export const USER_QUERY_NAMESPACE = "sq:user-info-query";
 
 export type TaxContextType = {
   step: string;
@@ -22,21 +24,19 @@ export type TaxContextType = {
 };
 
 const GET_USER = gql`
-  query {
-    viewer {
-      ... on User {
-        firstName
-        lastName
-        email
-        countryCode
-        customFields
-      }
+  query getUserTaxInfo($id: String!, $accountId: String!) {
+    user(id: $id, accountId: $accountId) {
+      firstName
+      lastName
+      email
+      countryCode
+      customFields
     }
   }
 `;
 
 export type UserQuery = {
-  viewer: {
+  user: {
     firstName?: string;
     lastName?: string;
     email?: string;
@@ -47,9 +47,13 @@ export type UserQuery = {
   };
 };
 
-export const USER_INFO_NAMESPACE = "sq:user-info-form";
+export type UserQueryState = {
+  data: UserQuery;
+  loading: boolean;
+  refetch: (variables?: unknown) => Promise<UserQuery | Error>;
+};
 
-function getCurrentStep(user: UserQuery["viewer"]) {
+function getCurrentStep(user: UserQuery["user"]) {
   // return "/submitted";
   // @ts-ignore
   if (
@@ -78,25 +82,6 @@ function getCurrentStep(user: UserQuery["viewer"]) {
 export function useTaxAndCash() {
   const host = useHost();
 
-  // TODO: Load tax document status info
-
-  const [step, setStep] = useParentState<string>({
-    host,
-    namespace: TAX_CONTEXT_NAMESPACE,
-    initialValue: "/loading",
-  });
-
-  const [_userData, setUserData] = useParentState<UserQuery>({
-    host,
-    namespace: USER_CONTEXT_NAMESPACE,
-  });
-
-  useParentState<FormState>({
-    host,
-    namespace: USER_INFO_NAMESPACE,
-    initialValue: {},
-  });
-
   /**** DEMO DATA */
 
   const id = "zach.harrison@referralsaasquatch.com";
@@ -125,29 +110,57 @@ export function useTaxAndCash() {
 
   const user = useUserIdentity();
 
-  const { data, loading } = useQuery<UserQuery>(GET_USER, {
+  // TODO: Load tax document status info
+
+  const [step, setStep] = useParentState<string>({
+    host,
+    namespace: TAX_CONTEXT_NAMESPACE,
+    initialValue: "/loading",
+  });
+
+  useParentState<FormState>({
+    host,
+    namespace: USER_INFO_NAMESPACE,
+    initialValue: {},
+  });
+
+  const { data, loading, refetch } = useQuery<UserQuery>(GET_USER, {
     id: user?.id,
     accountId: user?.accountId,
   });
 
+  const [_queryData, setQueryData] = useParentState<UserQueryState>({
+    host,
+    namespace: USER_QUERY_NAMESPACE,
+    initialValue: {
+      loading,
+      data,
+      refetch,
+    },
+  });
+
+  console.log({ data });
+
   useEffect(() => {
+    setQueryData({ data, loading, refetch });
+    console.log("refetched", { data });
     if (!host || !user) return;
 
     if (data) {
-      setUserData(data);
-      const user = data?.viewer;
-      if (!user) return;
+      const user = data?.user;
+      if (!user || step !== "/loading") return;
+
       const currentStep = getCurrentStep(user);
 
       console.log({ currentStep });
       setStep(currentStep);
     }
-  }, [host, user, data?.viewer?.email]);
+  }, [host, user, data?.user?.email, refetch]);
 
   return {
     step,
     setStep,
     namespace: getContextValueName(TAX_CONTEXT_NAMESPACE),
-    loading,
+    loading: step === "/loading",
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 8bda24e3bb..e3b1abddf5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -14,6 +14,7 @@ export class TaxDocumentSubmitted {
   @Prop() badgeTextSubmittedOn?: string = defaults.badgeTextSubmittedOn;
   @Prop() badgeTextAwaitingReview?: string = defaults.badgeTextAwaitingReview;
   @Prop() badgeTextExpiredOn?: string = defaults.badgeTextExpiredOn;
+  @Prop() badgeTextExpiringSoon?: string = defaults.badgeTextExpiringSoon;
   @Prop() taxAlertHeaderNotActive?: string = defaults.taxAlertHeaderNotActive;
   @Prop() taxAlertHeaderExpiredOn?: string = defaults.taxAlertHeaderExpiredOn;
   @Prop() taxAlertHeaderExpiringSoon?: string =
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 456b3dfa4e..9e1f7f6362 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -1,9 +1,11 @@
+import { useEffect } from "@saasquatch/universal-hooks";
 import { DateTime } from "luxon";
 import { useParentValue, useSetParent } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
-  USER_CONTEXT_NAMESPACE,
+  USER_QUERY_NAMESPACE,
   UserQuery,
+  UserQueryState,
 } from "../sqm-tax-and-cash/useTaxAndCash";
 import { TaxDocumentType } from "./sqm-tax-document-submitted-view";
 
@@ -18,13 +20,20 @@ export function getDocumentType(user): TaxDocumentType {
 export const useTaxDocumentSubmitted = (props: any) => {
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
 
-  const userData = useParentValue<UserQuery>(USER_CONTEXT_NAMESPACE);
+  const { refetch, data, loading } =
+    useParentValue<UserQueryState>(USER_QUERY_NAMESPACE);
+
+  console.log("submitted", { data, loading });
 
   // TODO: Fetch document status from backend
 
   const dateSubmitted = Date.now();
 
-  const documentType = getDocumentType(userData?.viewer);
+  const documentType = getDocumentType(data?.user);
+
+  useEffect(() => {
+    refetch();
+  }, []);
 
   return {
     states: {
@@ -34,6 +43,7 @@ export const useTaxDocumentSubmitted = (props: any) => {
       status: "NOT_VERIFIED",
       dateExpired: DateTime.fromMillis(dateSubmitted).toFormat("LLL dd, yyyy"),
       expiresSoon: false,
+      loading,
     },
     callbacks: {
       // Need a way to redirect to the document type select form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index de940283d2..aaa9e4aeff 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -3,12 +3,11 @@ import jsonpointer from "jsonpointer";
 import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
-  USER_CONTEXT_NAMESPACE,
   USER_INFO_NAMESPACE,
-  UserQuery,
+  USER_QUERY_NAMESPACE,
+  UserQueryState,
 } from "../sqm-tax-and-cash/useTaxAndCash";
 import { TaxForm } from "./sqm-user-info-form";
-import { userInfoText } from "./defaultTextCopy";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
@@ -44,11 +43,12 @@ export function useTaxForm(props: TaxForm) {
   const [formState, setFormState] = useParent<FormState>(USER_INFO_NAMESPACE);
 
   // TODO: user types
-  const data = useParentValue<UserQuery>(USER_CONTEXT_NAMESPACE);
+  const { data, loading } =
+    useParentValue<UserQueryState>(USER_QUERY_NAMESPACE);
 
   useEffect(() => {
     console.log({ data });
-    const user = data?.viewer;
+    const user = data?.user;
     if (!user || step !== "/1") return;
 
     setFormState({
@@ -139,6 +139,9 @@ export function useTaxForm(props: TaxForm) {
     refs: {
       formRef,
     },
+    states: {
+      loading,
+    },
     formState: { ...formState },
   };
 }

From 7bc7deca01f963c1d4f577b39dfd9387e3881960 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 30 Jan 2024 13:33:54 -0800
Subject: [PATCH 096/753] fix indirect tax form

---
 .../sqm-docusign-form/useDocusignForm.tsx     |   8 +-
 .../sqm-indirect-tax-form-view.tsx            |  12 +-
 .../sqm-indirect-tax-form.tsx                 |  31 +++--
 .../useIndirectTaxForm.tsx                    |   8 +-
 .../small-views/IndirectTaxDetailsView.tsx    | 115 +++++++++++-------
 .../small-views/SlotViews.stories.tsx         |   9 +-
 6 files changed, 106 insertions(+), 77 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index c44782388f..6e1114f5d1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -88,13 +88,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
   };
 
   return {
-    text: {
-      ...props,
-      error: {
-        // TODO: this prop was removed from the controller/view
-        // formSubmission: props.formSubmissionError,
-      },
-    },
+    text: props,
     states: {
       submitDisabled: taxInfoLoading || !formSubmitted,
       loading: taxInfoLoading,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 504a60c1f7..399a39b778 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -149,31 +149,29 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
             exportparts="label: input-label"
             checked={formState.checked === "hstCanada"}
             onInput={() => callbacks.onChange("hstCanada")}
-            disabled={states.loading}
+            disabled={states.loading || formState.checked === "hstCanada"}
             id="hstCanada"
             name="/hstCanada"
           >
             {text.hstCanada}
           </sl-checkbox>
-          {formState.checked === "hstCanada" &&
-            states.registeredInCanadaDetailsSlot}
+          {states.registeredInCanadaDetailsSlot}
           <sl-checkbox
             exportparts="label: input-label"
             checked={formState.checked === "otherRegion"}
             onInput={() => callbacks.onChange("otherRegion")}
-            disabled={states.loading}
+            disabled={states.loading || formState.checked === "otherRegion"}
             id="otherRegion"
             name="/otherRegion"
           >
             {text.otherRegion}
           </sl-checkbox>
-          {formState.checked === "otherRegion" &&
-            states.registeredInDifferentCountryDetailsSlot}
+          {states.registeredInDifferentCountryDetailsSlot}
           <sl-checkbox
             exportparts="label: input-label"
             checked={formState.checked === "notRegistered"}
             onInput={() => callbacks.onChange("notRegistered")}
-            disabled={states.loading}
+            disabled={states.loading || formState.checked === "notRegistered"}
             id="notRegistered"
             name="/notRegistered"
           >
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 7d32917a14..56958447b0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -2,7 +2,10 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Host, Prop, h } from "@stencil/core";
 import { getProps } from "../../../utils/utils";
 import { indirectTaxFormText } from "../sqm-user-info-form/defaultTextCopy";
-import { IndirectDetailsSlotView } from "../sqm-user-info-form/small-views/IndirectTaxDetailsView";
+import {
+  IndirectDetailsSlotView,
+  OtherRegionSlotView,
+} from "../sqm-user-info-form/small-views/IndirectTaxDetailsView";
 import { IndirectTaxFormView } from "./sqm-indirect-tax-form-view";
 import { useIndirectTaxForm } from "./useIndirectTaxForm";
 
@@ -41,34 +44,46 @@ export class IndirectTaxForm {
         ? "otherRegion"
         : null;
 
-    const sharedSlot = (
+    console.log({ props });
+
+    const hstSlot = (
       <IndirectDetailsSlotView
-        callbacks={{
-          onChange: () => {},
-        }}
         states={{
           formState: { registeredIn, errors: props.errors },
           loading: props.loading,
+          hide: props.option !== "hstCanada",
         }}
         data={{ countries: props.countries }}
         text={{}}
       ></IndirectDetailsSlotView>
     );
 
+    const otherRegionSlot = (
+      <OtherRegionSlotView
+        states={{
+          hide: props.option !== "otherRegion",
+          formState: { registeredIn, errors: props.errors },
+          loading: props.loading,
+        }}
+        data={{ countries: props.countries }}
+        text={{}}
+      />
+    );
+
     return (
       <Host>
         <IndirectTaxFormView
           callbacks={{
             onBack: props.onBack,
-            onChange: props.setOption,
+            onChange: props.onChange,
             onSubmit: props.onSubmit,
           }}
           states={{
             formState: { checked: props.option },
             loading: props.loading,
             submitDisabled: props.loading || props.submitDisabled,
-            registeredInCanadaDetailsSlot: sharedSlot,
-            registeredInDifferentCountryDetailsSlot: sharedSlot,
+            registeredInCanadaDetailsSlot: hstSlot,
+            registeredInDifferentCountryDetailsSlot: otherRegionSlot,
           }}
           text={props.text}
           refs={{ formRef: props.formRef }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 7c081953fa..b18adb6bfd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -36,10 +36,10 @@ const UPSERT_USER = gql`
 export function useIndirectTaxForm(props: any) {
   const formRef = useRef<HTMLFormElement>(null);
   const [loading, setLoading] = useState(false);
+  const [upsertUser, upsertUserResponse] = useMutation(UPSERT_USER);
   const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
   const userFormData = useParentValue<FormState>(USER_INFO_NAMESPACE);
   const user = useUserIdentity();
-  const [upsertUser, upsertUserResponse] = useMutation(UPSERT_USER);
 
   // from step 1
   console.log({ userFormData });
@@ -123,7 +123,11 @@ export function useIndirectTaxForm(props: any) {
     onSubmit,
     submitDisabled: !option,
     option,
-    setOption,
+    onChange: (value) => {
+      console.log("onChange", { value, option });
+      if (option === value) return;
+      setOption(value);
+    },
     formRef,
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index df284a80d4..c387345969 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -1,9 +1,11 @@
 import { VNode, h } from "@stencil/core";
 import { createStyleSheet } from "../../../../styling/JSS";
+import { formatDisplayName } from "@formatjs/intl";
 
 export interface IndirectDetailsSlotViewProps {
   states: {
     loading: boolean;
+    hide: boolean;
     formState: {
       registeredIn: "canada" | "otherRegion";
       selectedRegion?: string;
@@ -20,9 +22,6 @@ export interface IndirectDetailsSlotViewProps {
       displayName: string;
     }[];
   };
-  callbacks: {
-    onChange: (e) => void;
-  };
   text: {
     selectedRegion?: string;
     vatNumber?: string;
@@ -72,26 +71,25 @@ export const IndirectDetailsSlotView = (
   const {
     states,
     states: { formState },
-    callbacks,
     text,
   } = props;
 
   const { classes } = sheet;
 
   return (
-    <form class={classes.Container}>
-      <style type="text/css">
-        {styleString}
-        {vanillaStyle}
-      </style>
-      <hr class={classes.HR} />
-      <div class={classes.InputContainer}>
-        {formState.registeredIn === "otherRegion" ? (
+    <div style={states.hide ? { display: "none" } : {}}>
+      <form class={classes.Container}>
+        <style type="text/css">
+          {styleString}
+          {vanillaStyle}
+        </style>
+        <hr class={classes.HR} />
+        <div class={classes.InputContainer}>
           <sl-select
             required
             class={classes.Input}
             exportparts="label: input-label"
-            value={formState.selectedRegion}
+            // value={formState.selectedRegion}
             label={text.selectedRegion}
             disabled={states.loading}
             // Copied from edit form, may need to keep
@@ -108,16 +106,66 @@ export const IndirectDetailsSlotView = (
                 : undefined
             }
           >
-            {props.data.countries.map((c) => (
+            {props.data.countries?.map((c) => (
               <sl-menu-item value={c.countryCode}>{c.displayName}</sl-menu-item>
             ))}
           </sl-select>
-        ) : (
+          <sl-input
+            required
+            exportparts="label: input-label"
+            class={classes.Input}
+            // value={formState.vatNumber}
+            label={text.vatNumber}
+            disabled={states.loading}
+            // Copied from edit form, may need to keep
+            {...(formState.errors?.vatNumber &&
+            formState.errors?.vatNumber.status !== "valid"
+              ? { class: "errors?tyles", helpText: "Cannot be empty" }
+              : [])}
+            id="vatNumber"
+            name="/vatNumber"
+            error={
+              formState.errors?.vatNumber &&
+              formState.errors?.vatNumber.status !== "valid"
+                ? formState.errors?.vatNumber.message
+                : undefined
+            }
+          />
+        </div>
+        <hr class={classes.HR} />
+      </form>
+    </div>
+  );
+};
+
+export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
+  const {
+    states,
+    states: { formState },
+    text,
+  } = props;
+
+  const { classes } = sheet;
+
+  return (
+    <div style={states.hide ? { display: "none" } : {}}>
+      <form class={classes.Container}>
+        <style type="text/css">
+          {styleString}
+          {vanillaStyle}
+        </style>
+        <hr class={classes.HR} />
+        <div class={classes.InputContainer}>
           <sl-select
             required
+            onSl-hide={() => {
+              const event = new Event("sl-after-hide");
+              dispatchEvent(event);
+            }}
+            onSl-after-hide={() => console.log("after hide")}
             exportparts="label: input-label"
             class={classes.Input}
-            value={formState.province}
+            // value={formState.province}
             label={text.province}
             disabled={states.loading}
             // Copied from edit form, may need to keep
@@ -148,38 +196,13 @@ export const IndirectDetailsSlotView = (
             <sl-menu-item value="YT">Yukon</sl-menu-item>
             <sl-menu-item value="NU">Nunavut</sl-menu-item>
           </sl-select>
-        )}
-        {formState.registeredIn === "otherRegion" ? (
-          <sl-input
-            required
-            exportparts="label: input-label"
-            class={classes.Input}
-            value={formState.vatNumber}
-            label={text.vatNumber}
-            disabled={states.loading}
-            // Copied from edit form, may need to keep
-            {...(formState.errors?.vatNumber &&
-            formState.errors?.vatNumber.status !== "valid"
-              ? { class: "errors?tyles", helpText: "Cannot be empty" }
-              : [])}
-            id="vatNumber"
-            name="/vatNumber"
-            error={
-              formState.errors?.vatNumber &&
-              formState.errors?.vatNumber.status !== "valid"
-                ? formState.errors?.vatNumber.message
-                : undefined
-            }
-          />
-        ) : (
           <sl-input
             required
             exportparts="label: input-label"
             class={classes.Input}
-            value={formState.indirectTaxNumber}
+            // value={formState.indirectTaxNumber}
             label={text.indirectTaxNumber}
             disabled={states.loading}
-            // onInput={callbacks.onChange}
             // Copied from edit form, may need to keep
             {...(formState.errors?.indirectTaxNumber &&
             formState.errors?.indirectTaxNumber.status !== "valid"
@@ -194,9 +217,9 @@ export const IndirectDetailsSlotView = (
                 : undefined
             }
           />
-        )}
-      </div>
-      <hr class={classes.HR} />
-    </form>
+        </div>
+        <hr class={classes.HR} />
+      </form>
+    </div>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
index 997e7ea6ac..baf5d94bac 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
@@ -12,6 +12,7 @@ export default {
 const registeredInOtherRegion: IndirectDetailsSlotViewProps = {
   states: {
     loading: false,
+    hide: false,
     formState: {
       registeredIn: "otherRegion",
       selectedRegion: "United Kindom",
@@ -21,10 +22,6 @@ const registeredInOtherRegion: IndirectDetailsSlotViewProps = {
   data: {
     countries: [{ countryCode: "CA", displayName: "Canada" }],
   },
-  callbacks: {
-    // TODO: fix type
-    onChange: (e) => console.log("Submit"),
-  },
   text: {
     selectedRegion: indirectDetailsSlotText.selectedRegion,
     vatNumber: indirectDetailsSlotText.vatNumber,
@@ -34,6 +31,7 @@ const registeredInOtherRegion: IndirectDetailsSlotViewProps = {
 const registeredInCanada: IndirectDetailsSlotViewProps = {
   states: {
     loading: false,
+    hide: false,
     formState: {
       registeredIn: "canada",
       province: "British Columbia",
@@ -43,9 +41,6 @@ const registeredInCanada: IndirectDetailsSlotViewProps = {
   data: {
     countries: [{ countryCode: "CA", displayName: "Canada" }],
   },
-  callbacks: {
-    onChange: (e) => console.log("Submit"),
-  },
   text: {
     province: indirectDetailsSlotText.province,
     indirectTaxNumber: indirectDetailsSlotText.indirectTaxNumber,

From 25a33eb69998566603c930ad6fbe340fa26877ce Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 30 Jan 2024 14:00:43 -0800
Subject: [PATCH 097/753] polish up banner

---
 .../sqm-docusign-form-view.tsx                | 31 +++++++++++++------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index e5653732b0..3a5602974d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -95,10 +95,17 @@ const style = {
       color: "var(--sl-color-danger-500)",
     },
   },
-  AlertInnerContainer: {
-    display: "flex",
-    justifyContent: "flex-start",
-    gap: "8px",
+  InfoAlert: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-sky-100)",
+      borderTop: "none",
+      padding: "0 16px",
+      marginBottom: "16px",
+    },
+
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-sky-500)",
+    },
   },
   Container: {
     width: "100%",
@@ -138,6 +145,10 @@ const vanillaStyle = `
        font-size: var(--sl-font-size-small);
     }
 
+    a {
+      cursor: pointer;
+    }
+
     sl-checkbox::part(control) {
         border-radius: 50%;
     }
@@ -181,7 +192,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
         )}
       </h5>
       <p>
-        {text.taxFormDescription}
+        {text.taxFormDescription}{" "}
         <a onClick={callbacks.onShowDocumentType} class={classes.Link}>
           {text.notBasedInUS}
         </a>
@@ -193,14 +204,14 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
         <div>
           <sl-alert
             exportparts="base: alert-base, icon:alert-icon"
-            class="Info"
             type="primary"
             open
+            class={classes.InfoAlert}
           >
-            <div class={classes.AlertInnerContainer}>
-              <sl-icon slot="icon" name="clock"></sl-icon>
-              {text.banner}
-            </div>
+            <sl-icon slot="icon" name="clock"></sl-icon>
+            <strong style={{ fontSize: "20px" }}>4:25</strong>
+            <br />
+            {text.banner}
           </sl-alert>
           <slot name="docusign-iframe"></slot>
           <div>

From 342b71cb5028e77449ff3cff6425532c2d724216 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 30 Jan 2024 14:03:49 -0800
Subject: [PATCH 098/753] only query if there's user data in state already

---
 .../components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 943cd6b0ba..2e906edda5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -142,10 +142,9 @@ export function useTaxAndCash() {
   console.log({ data });
 
   useEffect(() => {
-    setQueryData({ data, loading, refetch });
     console.log("refetched", { data });
     if (!host || !user) return;
-
+    setQueryData({ data, loading, refetch });
     if (data) {
       const user = data?.user;
       if (!user || step !== "/loading") return;

From fb509ca81b1ace15ec2bfa87a242438cb9bc8703 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 30 Jan 2024 14:08:23 -0800
Subject: [PATCH 099/753] working indirect tax form

---
 packages/mint-components/src/index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index e3f1d5bbf8..d0ed081404 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,8 +12,8 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash>
       <template path="/1">
         <sqm-user-info-form />
       </template>
@@ -32,7 +32,7 @@
         <sqm-tax-document-submitted />
       </template>
       <template path="/4">confirmation screen</template>
-    </sqm-tax-and-cash> -->
+    </sqm-tax-and-cash>
     <!-- <template path="/4">
         <sqm-cash-form />
       </template> -->

From c86795f2e567ceb257bf0d91210fbb30c9cdd1ec Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 30 Jan 2024 14:23:16 -0800
Subject: [PATCH 100/753] mocked up some date handling for the submitted screen

---
 .../useTaxDocumentSubmitted.tsx               | 39 +++++++++++++++----
 1 file changed, 31 insertions(+), 8 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 9e1f7f6362..8a2ebe3ab4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -4,7 +4,6 @@ import { useParentValue, useSetParent } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
-  UserQuery,
   UserQueryState,
 } from "../sqm-tax-and-cash/useTaxAndCash";
 import { TaxDocumentType } from "./sqm-tax-document-submitted-view";
@@ -17,6 +16,16 @@ export function getDocumentType(user): TaxDocumentType {
   return "W8-BEN-E";
 }
 
+function getExpiresSoon(submissionDate: number, expiryDate: number) {
+  if (!submissionDate || !expiryDate) return false;
+  return (
+    DateTime.fromMillis(expiryDate).diff(
+      DateTime.fromMillis(submissionDate),
+      "days"
+    )?.days <= 30
+  );
+}
+
 export const useTaxDocumentSubmitted = (props: any) => {
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
 
@@ -27,7 +36,23 @@ export const useTaxDocumentSubmitted = (props: any) => {
 
   // TODO: Fetch document status from backend
 
-  const dateSubmitted = Date.now();
+  const submissionDate = DateTime.now().toMillis();
+  const dateSubmitted =
+    DateTime.fromMillis(submissionDate).toFormat("LLL dd, yyyy");
+
+  const expiryDate = DateTime.now().plus({ days: 30 }).toMillis();
+  const dateExpired = DateTime.fromMillis(expiryDate).toFormat("LLL dd, yyyy");
+
+  const expiresSoon = getExpiresSoon(expiryDate, submissionDate);
+
+  console.log({
+    dateSubmitted,
+    dateExpired,
+    expiresSoon,
+    diff: DateTime.fromMillis(submissionDate).diff(
+      DateTime.fromMillis(expiryDate)
+    ),
+  });
 
   const documentType = getDocumentType(data?.user);
 
@@ -37,17 +62,15 @@ export const useTaxDocumentSubmitted = (props: any) => {
 
   return {
     states: {
-      dateSubmitted:
-        DateTime.fromMillis(dateSubmitted).toFormat("LLL dd, yyyy"),
+      dateSubmitted,
       documentType,
       status: "NOT_VERIFIED",
-      dateExpired: DateTime.fromMillis(dateSubmitted).toFormat("LLL dd, yyyy"),
-      expiresSoon: false,
+      dateExpired,
+      expiresSoon,
       loading,
     },
     callbacks: {
-      // Need a way to redirect to the document type select form
-      onClick: () => setStep("/3"),
+      onClick: () => setStep(`/3/${documentType}`),
     },
     text: props,
   };

From f7a5fc72b0350a678af189f8b25e2dd086c2c038 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 30 Jan 2024 14:22:03 -0800
Subject: [PATCH 101/753] Add disabled states to all form sections

---
 .../sqm-document-type-form-view.tsx           | 110 ++++++++++--------
 .../useDocumentTypeForm.tsx                   |   2 +-
 .../sqm-docusign-form-view.tsx                |  12 +-
 .../sqm-docusign-form/useDocusignForm.tsx     |   2 +-
 .../sqm-indirect-tax-form-view.tsx            |  13 +--
 .../sqm-indirect-tax-form.tsx                 |   2 +-
 .../sqm-tax-document-submitted-view.tsx       |   3 +
 .../useTaxDocumentSubmitted.tsx               |   1 +
 .../sqm-user-info-form/TaxForm.stories.tsx    |  74 +++++++++++-
 9 files changed, 152 insertions(+), 67 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
index 57c9f33cc6..96b3b4d35d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
@@ -4,7 +4,7 @@ import { createStyleSheet } from "../../../styling/JSS";
 export interface DocumentTypeFormViewProps {
   states: {
     loading: boolean;
-    submitDisabled: boolean;
+    disabled: boolean;
     formState: {
       selectedTaxForm: "w9" | "w8-ben" | "w8-ben-e" | undefined;
       errors?: any;
@@ -153,53 +153,69 @@ export const DocumentTypeFormView = (props: DocumentTypeFormViewProps) => {
           <h3>{text.taxForm}</h3>
         </div>
       </div>
-      {formState.errors?.general && (
-        <sl-alert type="warning" open class={sheet.classes.AlertContainer}>
-          <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
-          <strong>{text.error.generalTitle}</strong>
-          <br />
-          {text.error.generalDescription}
-        </sl-alert>
-      )}
-      <p class={classes.LabelText}>{text.formLabel}</p>
+      {states.loading ? (
+        <sl-spinner style={{ fontSize: "50px", margin: "40px" }}></sl-spinner>
+      ) : (
+        <div>
+          {formState.errors?.general && (
+            <sl-alert type="warning" open class={sheet.classes.AlertContainer}>
+              <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+              <strong>{text.error.generalTitle}</strong>
+              <br />
+              {text.error.generalDescription}
+            </sl-alert>
+          )}
+          <p class={classes.LabelText}>{text.formLabel}</p>
 
-      <div class={classes.RadioContainer}>
-        <sl-radio value="w9" name="/documentType">
-          <p class={classes.LabelText}>{text.w9Label}</p>
-          <p class={classes.DescriptionText}>{text.w9Description}</p>
-        </sl-radio>
-        <sl-radio value="w8-ben" name="/documentType">
-          <p class={classes.LabelText}>{text.w8Label}</p>
-          <p class={classes.DescriptionText}>{text.w8Description}</p>
-        </sl-radio>
-        <sl-radio value="w8-ben-e" name="/documentType">
-          <p class={classes.LabelText}>{text.w8ELabel}</p>
-          <p class={classes.DescriptionText}>{text.w8EDescription}</p>
-        </sl-radio>
-      </div>
-      <div class={classes.BtnContainer}>
-        <sl-button
-          type="primary"
-          loading={states.loading}
-          disabled={states.submitDisabled}
-          submit
-          exportparts="base: primarybutton-base"
-        >
-          {text.submitButton}
-        </sl-button>
-        <sl-button
-          class={classes.SecondaryBtn}
-          type="text"
-          loading={states.loading}
-          disabled={states.submitDisabled}
-          onClick={() => {
-            callbacks.onBack();
-          }}
-          exportparts="base: secondarybutton-base"
-        >
-          {text.backButton}
-        </sl-button>
-      </div>
+          <div class={classes.RadioContainer}>
+            <sl-radio
+              disabled={states.disabled}
+              value="w9"
+              name="/documentType"
+            >
+              <p class={classes.LabelText}>{text.w9Label}</p>
+              <p class={classes.DescriptionText}>{text.w9Description}</p>
+            </sl-radio>
+            <sl-radio
+              disabled={states.disabled}
+              value="w8-ben"
+              name="/documentType"
+            >
+              <p class={classes.LabelText}>{text.w8Label}</p>
+              <p class={classes.DescriptionText}>{text.w8Description}</p>
+            </sl-radio>
+            <sl-radio
+              disabled={states.disabled}
+              value="w8-ben-e"
+              name="/documentType"
+            >
+              <p class={classes.LabelText}>{text.w8ELabel}</p>
+              <p class={classes.DescriptionText}>{text.w8EDescription}</p>
+            </sl-radio>
+          </div>
+          <div class={classes.BtnContainer}>
+            <sl-button
+              type="primary"
+              disabled={states.disabled}
+              submit
+              exportparts="base: primarybutton-base"
+            >
+              {text.submitButton}
+            </sl-button>
+            <sl-button
+              class={classes.SecondaryBtn}
+              type="text"
+              loading={states.loading}
+              onClick={() => {
+                callbacks.onBack();
+              }}
+              exportparts="base: secondarybutton-base"
+            >
+              {text.backButton}
+            </sl-button>
+          </div>
+        </div>
+      )}
     </sl-form>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
index 1f243239da..56729c2c12 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
@@ -35,7 +35,7 @@ export function useDocumentTypeForm(props: DocumentTypeForm) {
     },
     states: {
       loading: false,
-      submitDisabled: false,
+      disabled: false,
       formState: {
         formSubmission: false,
         selectedTaxForm: "w9" as const,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 3a5602974d..665cdeac61 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -6,7 +6,7 @@ import { TaxDocumentType } from "../sqm-tax-document-submitted/sqm-tax-document-
 export interface DocusignFormViewProps {
   states: {
     loading: boolean;
-    submitDisabled: boolean;
+    disabled: boolean;
     formState: {
       completedTaxForm: boolean;
       errors?: any;
@@ -149,9 +149,6 @@ const vanillaStyle = `
       cursor: pointer;
     }
 
-    sl-checkbox::part(control) {
-        border-radius: 50%;
-    }
 
   `;
 
@@ -216,7 +213,10 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
           <slot name="docusign-iframe"></slot>
           <div>
             <p class={classes.BoldText}>{text.checkboxLabel}</p>
-            <sl-checkbox checked={formState.completedTaxForm}>
+            <sl-checkbox
+              disabled={states.disabled}
+              checked={formState.completedTaxForm}
+            >
               {text.checkboxDescription}
             </sl-checkbox>
           </div>
@@ -225,7 +225,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             <sl-button
               type="primary"
               loading={states.loading}
-              disabled={states.submitDisabled}
+              disabled={states.disabled}
               submit
               onClick={callbacks.onSubmit}
               exportparts="base: primarybutton-base"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index d1f7684281..ce499a7204 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -83,7 +83,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
       },
     },
     states: {
-      submitDisabled: taxInfoLoading || !formSubmitted,
+      disabled: taxInfoLoading || !formSubmitted,
       loading: taxInfoLoading,
       formState: {
         completedTaxForm: formSubmitted,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 332d7b60ed..42b2084910 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -4,7 +4,7 @@ import { createStyleSheet } from "../../../styling/JSS";
 export interface IndirectTaxFormViewProps {
   states: {
     loading: boolean;
-    submitDisabled: boolean;
+    disabled: boolean;
     formState: {
       checked: "hstCanada" | "otherRegion" | "notRegistered" | undefined;
       errors?: any;
@@ -173,7 +173,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
                 exportparts="label: input-label"
                 checked={formState.checked === "hstCanada"}
                 onInput={() => callbacks.onChange("hstCanada")}
-                disabled={states.loading}
+                disabled={states.disabled}
                 id="hstCanada"
                 name="/hstCanada"
               >
@@ -184,7 +184,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
                 exportparts="label: input-label"
                 checked={formState.checked === "otherRegion"}
                 onInput={() => callbacks.onChange("otherRegion")}
-                disabled={states.loading}
+                disabled={states.disabled}
                 id="otherRegion"
                 name="/otherRegion"
               >
@@ -195,7 +195,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
                 exportparts="label: input-label"
                 checked={formState.checked === "notRegistered"}
                 onInput={() => callbacks.onChange("notRegistered")}
-                disabled={states.loading}
+                disabled={states.disabled}
                 id="notRegistered"
                 name="/notRegistered"
               >
@@ -209,8 +209,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
           <div class={classes.BtnContainer}>
             <sl-button
               type="primary"
-              loading={states.loading}
-              disabled={states.submitDisabled}
+              disabled={states.disabled}
               submit
               exportparts="base: primarybutton-base"
             >
@@ -219,7 +218,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
             <sl-button
               class={classes.SecondaryBtn}
               type="text"
-              loading={states.loading}
+              disabled={states.disabled}
               onClick={() => {
                 callbacks.onBack();
               }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 772972ca93..454eea0ad3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -83,9 +83,9 @@ export class IndirectTaxForm {
           states={{
             formState: { checked: props.option },
             loading: props.loading,
-            submitDisabled: props.loading || props.submitDisabled,
             registeredInCanadaDetailsSlot: hstSlot,
             registeredInDifferentCountryDetailsSlot: otherRegionSlot,
+            disabled: props.loading || props.submitDisabled,
           }}
           text={props.text}
           refs={{ formRef: props.formRef }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index dd078aeb56..388be03bc2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -11,6 +11,7 @@ export interface TaxDocumentSubmittedProps {
   states: {
     status: string;
     documentType: TaxDocumentType;
+    disabled: boolean;
     dateSubmitted: string;
     dateExpired?: string;
     expiresSoon?: boolean;
@@ -310,6 +311,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
             {/* AL: Placeholder for banking information. TBD with design with what belongs here */}
             <PayoutDetailsCardView {...testDetailsCardProps} />
             <sl-button
+              disabled={states.disabled || states.loading}
               type="default"
               class={sheet.classes.EditBankDetailsButton}
             >
@@ -349,6 +351,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
           </div>
         </div>
         <sl-button
+          disabled={states.disabled || states.loading}
           onClick={callbacks.onClick}
           type="default"
           class={sheet.classes.NewFormButton}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 9e1f7f6362..718c824e2a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -43,6 +43,7 @@ export const useTaxDocumentSubmitted = (props: any) => {
       status: "NOT_VERIFIED",
       dateExpired: DateTime.fromMillis(dateSubmitted).toFormat("LLL dd, yyyy"),
       expiresSoon: false,
+      disabled: false,
       loading,
     },
     callbacks: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index fe0e66ecb4..7d6e3dc3d3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -64,7 +64,7 @@ const stepOneProps: UserInfoFormViewProps = {
 const stepTwoProps: IndirectTaxFormViewProps = {
   states: {
     loading: false,
-    submitDisabled: false,
+    disabled: false,
     formState: {
       checked: undefined,
     },
@@ -82,6 +82,7 @@ const stepTwoProps: IndirectTaxFormViewProps = {
 
 const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
   states: {
+    disabled: false,
     status: "ACTIVE",
     documentType: "W9",
     dateSubmitted: "Jan 18th, 2025",
@@ -95,6 +96,7 @@ const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
 
 const documentSubmittedNotVerifiedProps: TaxDocumentSubmittedProps = {
   states: {
+    disabled: false,
     status: "NOT_VERIFIED",
     documentType: "W9",
     dateSubmitted: "Jan 18th, 2025",
@@ -106,6 +108,7 @@ const documentSubmittedNotVerifiedProps: TaxDocumentSubmittedProps = {
 };
 const documentSubmittedNotActiveProps: TaxDocumentSubmittedProps = {
   states: {
+    disabled: false,
     status: "NOT_ACTIVE",
     documentType: "W8-BEN-E",
     dateSubmitted: "Jan 18th, 2025",
@@ -118,6 +121,7 @@ const documentSubmittedNotActiveProps: TaxDocumentSubmittedProps = {
 
 const documentSubmittedExpiredProps: TaxDocumentSubmittedProps = {
   states: {
+    disabled: false,
     status: "EXPIRED",
     documentType: "W8-BEN-E",
     dateSubmitted: "Jan 18th, 2025",
@@ -132,6 +136,7 @@ const documentSubmittedExpiredProps: TaxDocumentSubmittedProps = {
 
 const documentSubmittedExpiringSoonProps: TaxDocumentSubmittedProps = {
   states: {
+    disabled: false,
     status: "ACTIVE",
     documentType: "W8-BEN-E",
     dateSubmitted: "Jan 18th, 2025",
@@ -146,6 +151,7 @@ const documentSubmittedExpiringSoonProps: TaxDocumentSubmittedProps = {
 
 const documentSubmittedLoadingProps: TaxDocumentSubmittedProps = {
   states: {
+    disabled: false,
     status: "ACTIVE",
     documentType: "W8-BEN-E",
     dateSubmitted: "Jan 18th, 2025",
@@ -160,7 +166,7 @@ const documentSubmittedLoadingProps: TaxDocumentSubmittedProps = {
 const docusignFormProps: DocusignFormViewProps = {
   states: {
     loading: false,
-    submitDisabled: false,
+    disabled: false,
     formState: {
       completedTaxForm: true,
     },
@@ -177,7 +183,7 @@ const docusignFormProps: DocusignFormViewProps = {
 const documentTypeFormProps: DocumentTypeFormViewProps = {
   states: {
     loading: false,
-    submitDisabled: false,
+    disabled: false,
     formState: {
       selectedTaxForm: undefined,
     },
@@ -286,6 +292,17 @@ export const StepTwoLoading = () => {
   );
 };
 
+export const StepTwoDisabled = () => {
+  return (
+    <IndirectTaxFormView
+      {...stepTwoProps}
+      states={{
+        ...stepTwoProps.states,
+        disabled: true,
+      }}
+    />
+  );
+};
 export const StepTwoWithGeneralError = () => {
   return (
     <IndirectTaxFormView
@@ -387,10 +404,47 @@ export const StepThreeDocusignLoading = () => {
   );
 };
 
+export const StepThreeDocusignDisabled = () => {
+  // @ts-ignore TODO: fix this
+  return (
+    <DocusignFormView
+      {...docusignFormProps}
+      states={{
+        ...docusignFormProps.states,
+        disabled: true,
+      }}
+    />
+  );
+};
+
 export const StepThreeWithFormSelector = () => {
   return <DocumentTypeFormView {...documentTypeFormProps} />;
 };
 
+export const StepThreeWithFormSelectorLoading = () => {
+  return (
+    <DocumentTypeFormView
+      {...documentTypeFormProps}
+      states={{
+        ...documentTypeFormProps.states,
+        loading: true,
+      }}
+    />
+  );
+};
+
+export const StepThreeWithFormSelectorDisabled = () => {
+  return (
+    <DocumentTypeFormView
+      {...documentTypeFormProps}
+      states={{
+        ...documentTypeFormProps.states,
+        disabled: true,
+      }}
+    />
+  );
+};
+
 export const StepThreeFormSelectorWithGeneralError = () => {
   return (
     <DocumentTypeFormView
@@ -437,7 +491,7 @@ export const TaxDocumentSubmittedWithGeneralError = () => {
     <TaxDocumentSubmittedView
       {...documentSubmittedActiveProps}
       states={{
-        ...documentSubmittedLoadingProps.states,
+        ...documentSubmittedActiveProps.states,
         errors: {
           general: true,
         },
@@ -445,3 +499,15 @@ export const TaxDocumentSubmittedWithGeneralError = () => {
     />
   );
 };
+
+export const TaxDocumentSubmittedDisabled = () => {
+  return (
+    <TaxDocumentSubmittedView
+      {...documentSubmittedActiveProps}
+      states={{
+        ...documentSubmittedActiveProps.states,
+        disabled: true,
+      }}
+    />
+  );
+};

From e340a038cadbd874e5a2c63d46f30274127ea2d7 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 30 Jan 2024 14:24:32 -0800
Subject: [PATCH 102/753] Update index.html

---
 packages/mint-components/src/index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index d0ed081404..e3f1d5bbf8 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,8 +12,8 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash>
       <template path="/1">
         <sqm-user-info-form />
       </template>
@@ -32,7 +32,7 @@
         <sqm-tax-document-submitted />
       </template>
       <template path="/4">confirmation screen</template>
-    </sqm-tax-and-cash>
+    </sqm-tax-and-cash> -->
     <!-- <template path="/4">
         <sqm-cash-form />
       </template> -->

From 8e301ed26635e8cc3f6f56a8321d6d3554ed8971 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 30 Jan 2024 14:28:53 -0800
Subject: [PATCH 103/753] fix indirect form validation

---
 .../sqm-indirect-tax-form/useIndirectTaxForm.tsx  | 15 ++++++++++++---
 .../small-views/IndirectTaxDetailsView.tsx        | 12 ++++--------
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index b18adb6bfd..a453b32a4c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -61,16 +61,23 @@ export function useIndirectTaxForm(props: any) {
       return;
     }
 
-    let formData: Record<string, string> = { taxOption: option };
+    let formData: Record<string, string> = {};
     let validationErrors: Record<string, string> = {};
 
     const controls = event.target.getFormControls();
-    const optionFields = ["hstCanada", "otherRegion", "notRegistered"];
+    const optionMapping = {
+      hstCanada: ["province", "indirectTaxNumber"],
+      otherRegion: ["selectedRegion", "vatNumber"],
+      notRegistered: [],
+    };
+    const relevantFields = optionMapping[option];
     controls.forEach((control) => {
-      if (!control.name || optionFields.includes(control.name)) return;
+      if (!control.name || !control.id) return;
+      if (!relevantFields.includes(control.id)) return;
 
       const key = control.name;
       const value = control.value;
+
       console.log({ key, value });
       JSONPointer.set(formData, key, value);
 
@@ -88,6 +95,7 @@ export function useIndirectTaxForm(props: any) {
 
     const { currency, participantType, ...userData } = userFormData;
 
+    console.log({ formData });
     try {
       // Backend request
       await upsertUser({
@@ -98,6 +106,7 @@ export function useIndirectTaxForm(props: any) {
           customFields: {
             currency,
             participantType,
+            ...formData,
           },
         },
       });
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index c387345969..fd1e3ddd0a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -65,9 +65,7 @@ const vanillaStyle = `
     }
   `;
 
-export const IndirectDetailsSlotView = (
-  props: IndirectDetailsSlotViewProps
-) => {
+export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
   const {
     states,
     states: { formState },
@@ -89,10 +87,8 @@ export const IndirectDetailsSlotView = (
             required
             class={classes.Input}
             exportparts="label: input-label"
-            // value={formState.selectedRegion}
             label={text.selectedRegion}
             disabled={states.loading}
-            // Copied from edit form, may need to keep
             {...(formState.errors?.selectedRegion &&
             formState.errors?.selectedRegion.status !== "valid"
               ? { class: "errors?tyles", helpText: "Cannot be empty" }
@@ -114,10 +110,8 @@ export const IndirectDetailsSlotView = (
             required
             exportparts="label: input-label"
             class={classes.Input}
-            // value={formState.vatNumber}
             label={text.vatNumber}
             disabled={states.loading}
-            // Copied from edit form, may need to keep
             {...(formState.errors?.vatNumber &&
             formState.errors?.vatNumber.status !== "valid"
               ? { class: "errors?tyles", helpText: "Cannot be empty" }
@@ -138,7 +132,9 @@ export const IndirectDetailsSlotView = (
   );
 };
 
-export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
+export const IndirectDetailsSlotView = (
+  props: IndirectDetailsSlotViewProps
+) => {
   const {
     states,
     states: { formState },

From 5ec329db276ce978a9f2df25a5e973433ec6f986 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 30 Jan 2024 15:13:14 -0800
Subject: [PATCH 104/753] disabled state fix

---
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.tsx      | 2 +-
 .../sqm-indirect-tax-form/useIndirectTaxForm.tsx         | 9 +++++++--
 packages/mint-components/src/index.html                  | 6 +++---
 packages/mint-components/src/utilities.ts                | 4 ++++
 4 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 454eea0ad3..d1fb257acb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -85,7 +85,7 @@ export class IndirectTaxForm {
             loading: props.loading,
             registeredInCanadaDetailsSlot: hstSlot,
             registeredInDifferentCountryDetailsSlot: otherRegionSlot,
-            disabled: props.loading || props.submitDisabled,
+            disabled: props.loading,
           }}
           text={props.text}
           refs={{ formRef: props.formRef }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index a453b32a4c..f1ead37278 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -12,6 +12,7 @@ import {
   USER_INFO_NAMESPACE,
 } from "../sqm-tax-and-cash/useTaxAndCash";
 import { FormState } from "../sqm-user-info-form/useUserInfoForm";
+import { optional } from "../../../utilities";
 
 const GET_COUNTRIES = gql`
   query getCurrencies {
@@ -61,7 +62,7 @@ export function useIndirectTaxForm(props: any) {
       return;
     }
 
-    let formData: Record<string, string> = {};
+    let formData: Record<string, string> = { taxOption: option };
     let validationErrors: Record<string, string> = {};
 
     const controls = event.target.getFormControls();
@@ -106,7 +107,11 @@ export function useIndirectTaxForm(props: any) {
           customFields: {
             currency,
             participantType,
-            ...formData,
+            ...optional("__taxOption", formData.taxOption),
+            ...optional("__taxProvince", formData.province),
+            ...optional("__taxCountry", formData.selectedRegion),
+            ...optional("__taxVatNumber", formData.vatNumber),
+            ...optional("__taxIndirectTaxNumber", formData.indirectTaxNumber),
           },
         },
       });
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index e3f1d5bbf8..d0ed081404 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,8 +12,8 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash>
       <template path="/1">
         <sqm-user-info-form />
       </template>
@@ -32,7 +32,7 @@
         <sqm-tax-document-submitted />
       </template>
       <template path="/4">confirmation screen</template>
-    </sqm-tax-and-cash> -->
+    </sqm-tax-and-cash>
     <!-- <template path="/4">
         <sqm-cash-form />
       </template> -->
diff --git a/packages/mint-components/src/utilities.ts b/packages/mint-components/src/utilities.ts
index 01c03a3526..bfa443a817 100644
--- a/packages/mint-components/src/utilities.ts
+++ b/packages/mint-components/src/utilities.ts
@@ -30,3 +30,7 @@ export function isMobile(breakPoint: number): boolean {
 export function isValidColor(teststr: string) {
   return CSS.supports(`(color: ${teststr})`);
 }
+
+export function optional(property: string, value: any) {
+  return value ? { [property]: value } : {};
+}

From ccab39716c4ab8a0d7ac0245446a1cc2e796874d Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 30 Jan 2024 15:55:05 -0800
Subject: [PATCH 105/753] fixes

---
 .../sqm-docusign-form/sqm-docusign-form-view.tsx | 12 ++++++++++--
 .../sqm-docusign-form/useDocusignForm.tsx        | 12 ++++++++----
 .../sqm-indirect-tax-form/useIndirectTaxForm.tsx | 16 +++-------------
 .../sqm-user-info-form/TaxForm.stories.tsx       |  1 +
 .../sqm-user-info-form/defaultTextCopy.ts        |  8 +++++---
 5 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 665cdeac61..debe08af53 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -6,6 +6,7 @@ import { TaxDocumentType } from "../sqm-tax-document-submitted/sqm-tax-document-
 export interface DocusignFormViewProps {
   states: {
     loading: boolean;
+    submitDisabled: boolean;
     disabled: boolean;
     formState: {
       completedTaxForm: boolean;
@@ -189,7 +190,13 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
         )}
       </h5>
       <p>
-        {text.taxFormDescription}{" "}
+        {intl.formatMessage(
+          {
+            id: "tax-form-description",
+            defaultMessage: text.taxFormDescription,
+          },
+          { documentType }
+        )}{" "}
         <a onClick={callbacks.onShowDocumentType} class={classes.Link}>
           {text.notBasedInUS}
         </a>
@@ -216,6 +223,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             <sl-checkbox
               disabled={states.disabled}
               checked={formState.completedTaxForm}
+              onSl-change={callbacks.toggleFormSubmitted}
             >
               {text.checkboxDescription}
             </sl-checkbox>
@@ -225,7 +233,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             <sl-button
               type="primary"
               loading={states.loading}
-              disabled={states.disabled}
+              disabled={states.submitDisabled}
               submit
               onClick={callbacks.onSubmit}
               exportparts="base: primarybutton-base"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index ce499a7204..9f68e84377 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -12,8 +12,12 @@ import { DocusignForm } from "./sqm-docusign-form";
 
 // TODO: Fill out when API is released
 const GET_TAX_DOCUMENT = gql`
-  query getTaxDocument ($vars: TaxDocumentInput) {
-  }
+  query getTaxDocument ($vars: TaxDocumentInput) {}
+`;
+
+// TODO: Check if document already exists
+const CHECK_DOCUMENT_STATUS = gql`
+  query checkDocumentStatus ($vars: CheckDocumentStatusInput) {}
 `;
 
 export function useDocusignForm(props: DocusignForm, el: any) {
@@ -25,7 +29,6 @@ export function useDocusignForm(props: DocusignForm, el: any) {
 
   const splitPath = path.split("/");
   const pathedDocumentType = splitPath.length === 3 ? splitPath[2] : undefined;
-
   const savedUserTaxType = data?.user?.customFields?.w9Type;
 
   // TODO: Replace with real backend data
@@ -83,7 +86,8 @@ export function useDocusignForm(props: DocusignForm, el: any) {
       },
     },
     states: {
-      disabled: taxInfoLoading || !formSubmitted,
+      disabled: taxInfoLoading,
+      submitDisabled: !formSubmitted,
       loading: taxInfoLoading,
       formState: {
         completedTaxForm: formSubmitted,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index f1ead37278..5396afc6ca 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -42,9 +42,6 @@ export function useIndirectTaxForm(props: any) {
   const userFormData = useParentValue<FormState>(USER_INFO_NAMESPACE);
   const user = useUserIdentity();
 
-  // from step 1
-  console.log({ userFormData });
-
   const [option, setOption] = useState<
     "hstCanada" | "otherRegion" | "notRegistered"
   >(null);
@@ -58,7 +55,7 @@ export function useIndirectTaxForm(props: any) {
 
   const onSubmit = async (event: any) => {
     if (!option) {
-      setErrors({ taxOption: true });
+      setErrors({ taxDetails: true });
       return;
     }
 
@@ -78,8 +75,6 @@ export function useIndirectTaxForm(props: any) {
 
       const key = control.name;
       const value = control.value;
-
-      console.log({ key, value });
       JSONPointer.set(formData, key, value);
 
       if (control.required && !value) {
@@ -96,7 +91,6 @@ export function useIndirectTaxForm(props: any) {
 
     const { currency, participantType, ...userData } = userFormData;
 
-    console.log({ formData });
     try {
       // Backend request
       await upsertUser({
@@ -118,7 +112,7 @@ export function useIndirectTaxForm(props: any) {
 
       setStep("/3/W9");
     } catch (e) {
-      setErrors({ graphqlError: true });
+      setErrors({ general: true });
     } finally {
       setLoading(false);
     }
@@ -137,11 +131,7 @@ export function useIndirectTaxForm(props: any) {
     onSubmit,
     submitDisabled: !option,
     option,
-    onChange: (value) => {
-      console.log("onChange", { value, option });
-      if (option === value) return;
-      setOption(value);
-    },
+    onChange: setOption,
     formRef,
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 7d6e3dc3d3..90e7bc4599 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -167,6 +167,7 @@ const docusignFormProps: DocusignFormViewProps = {
   states: {
     loading: false,
     disabled: false,
+    submitDisabled: false,
     formState: {
       completedTaxForm: true,
     },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 549446152f..f434522e3c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -67,7 +67,7 @@ export const docusignFormText: DocusignFormViewProps["text"] = {
   taxForm: "Tax form",
   taxFormLabel: "{documentType} Tax Form",
   taxFormDescription:
-    "Participants based in the US and partnering with US-based brands need to submit a W9 form.",
+    "Participants based in the US and partnering with US-based brands need to submit a {documentType} form.",
   notBasedInUS: "Not based in the US?",
   banner: "Complete and submit your tax form to save your information",
   checkboxLabel: "Form submission",
@@ -118,9 +118,11 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   taxAlertHeaderNotActive:
     "Your {documentType} tax form has personal information that doesn't match your profile.",
   taxAlertHeaderExpiredOn: "Your {documentType} tax form has expired.",
-  taxAlertHeaderExpiringSoon: "Your {documentType} tax form expires on {dateExpired}",
+  taxAlertHeaderExpiringSoon:
+    "Your {documentType} tax form expires on {dateExpired}",
   taxAlertMessage: "Please resubmit a new {documentType} form.",
-  taxAlertMessageExpiringSoon: "Please submit a new {documentType} form to continue receiving your rewards",
+  taxAlertMessageExpiringSoon:
+    "Please submit a new {documentType} form to continue receiving your rewards",
   bankingInformationSectionHeader: "Banking Information",
   taxDocumentSectionHeader: "Tax documents",
   taxDocumentSectionSubHeader: "{documentType} Tax Documents",

From afd1c3166932e1d0e7a79bf7f7469623930f8cd3 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 30 Jan 2024 16:14:00 -0800
Subject: [PATCH 106/753] Remove hardcoded dropdown

---
 .../sqm-user-info-form/TaxForm.stories.tsx    | 15 +++++++++
 .../sqm-user-info-form-view.tsx               | 32 +++++++++++++------
 .../sqm-user-info-form/useUserInfoForm.tsx    |  4 +++
 packages/mint-components/src/index.html       |  6 ++--
 4 files changed, 44 insertions(+), 13 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 90e7bc4599..42e94130a1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -39,6 +39,7 @@ const stepOneProps: UserInfoFormViewProps = {
   states: {
     loading: false,
     disabled: false,
+
     formState: {
       firstName: "Bob",
       lastName: "Testerson",
@@ -49,6 +50,20 @@ const stepOneProps: UserInfoFormViewProps = {
       participantType: "individualParticipant",
     },
   },
+  data: {
+    countries: [
+      {
+        countryCode: "CA",
+        displayName: "Canada",
+      },
+    ],
+    currencies: [
+      {
+        currencyCode: "CAD",
+        displayName: "CAD",
+      },
+    ],
+  },
   callbacks: {
     // TODO: fix type
     onSubmit: (props: any) => console.log("Submit"),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index a83bafb374..70159a1413 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -17,6 +17,16 @@ export interface UserInfoFormViewProps {
       error?: string;
     };
   };
+  data: {
+    countries: {
+      countryCode: string;
+      displayName: string;
+    }[];
+    currencies: {
+      currencyCode: string;
+      displayName: string;
+    }[];
+  };
   callbacks: {
     onSubmit: (props: any) => void;
     onRadioClick: (value: string) => void;
@@ -57,10 +67,7 @@ const style = {
   ErrorInput: {
     "&::part(base)": {
       border: "1px solid var(--sl-color-danger-500)",
-    },
-
-    "sl-dropdown::part(trigger)": {
-      border: "1px solid var(--sl-color-danger-500)",
+      borderRadius: "var(--sl-input-border-radius-medium)",
     },
 
     "&::part(help-text)": {
@@ -155,6 +162,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
     callbacks,
     text,
     refs,
+    data,
   } = props;
   const { classes } = sheet;
 
@@ -250,9 +258,11 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                 : {})}
               required
             >
-              <sl-menu-item value="US">United States</sl-menu-item>
-              <sl-menu-item value="CA">Canada</sl-menu-item>
-              <sl-menu-item value="AU">Australia</sl-menu-item>
+              {data.countries?.map((c) => (
+                <sl-menu-item value={c.countryCode}>
+                  {c.displayName}
+                </sl-menu-item>
+              ))}
             </sl-select>
             <sl-select
               exportparts="label: input-label"
@@ -268,9 +278,11 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                 : {})}
               required
             >
-              <sl-menu-item value="USD">USD</sl-menu-item>
-              <sl-menu-item value="CAD">CAD</sl-menu-item>
-              <sl-menu-item value="AUD">AUD</sl-menu-item>
+              {data.currencies?.map((c) => (
+                <sl-menu-item value={c.currencyCode}>
+                  {c.displayName}
+                </sl-menu-item>
+              ))}
             </sl-select>
 
             <div class={classes.CheckboxWrapper}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index aaa9e4aeff..d35c521c02 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -139,6 +139,10 @@ export function useTaxForm(props: TaxForm) {
     refs: {
       formRef,
     },
+    data: {
+      currencies: [],
+      countries: [],
+    },
     states: {
       loading,
     },
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index d0ed081404..e3f1d5bbf8 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,8 +12,8 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash>
       <template path="/1">
         <sqm-user-info-form />
       </template>
@@ -32,7 +32,7 @@
         <sqm-tax-document-submitted />
       </template>
       <template path="/4">confirmation screen</template>
-    </sqm-tax-and-cash>
+    </sqm-tax-and-cash> -->
     <!-- <template path="/4">
         <sqm-cash-form />
       </template> -->

From ca6220da4cc7d4a9f6d172710ccbf00c2d2fe79d Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 30 Jan 2024 16:32:11 -0800
Subject: [PATCH 107/753] added useParentQuery for easier query sharing

---
 packages/mint-components/package-lock.json    | 607 +-----------------
 packages/mint-components/package.json         |   4 +-
 .../sqm-docusign-form/useDocusignForm.tsx     |   6 +-
 .../useIndirectTaxForm.tsx                    |  32 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  56 +-
 .../useTaxDocumentSubmitted.tsx               |  14 +-
 .../sqm-user-info-form/useUserInfoForm.tsx    |   8 +-
 packages/mint-components/src/index.html       |   6 +-
 .../src/utils/useParentQuery.ts               |  46 ++
 9 files changed, 121 insertions(+), 658 deletions(-)
 create mode 100644 packages/mint-components/src/utils/useParentQuery.ts

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 71264b0cbd..3dc5b59c60 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -20,6 +20,7 @@
         "canvas-confetti": "^1.4.0",
         "color2k": "^1.2.4",
         "deepmerge": "^4.2.2",
+        "fast-equals": "^4.0.3",
         "graphql": "^15.5.0",
         "graphql-request": "^3.4.0",
         "highlight.js": "^10.6.0",
@@ -57,7 +58,6 @@
         "marked": "^3.0.4",
         "patch-package": "^6.5.1",
         "picklesdoc": "^1.2.1",
-        "puppeteer": "^19.5.2",
         "rollup-plugin-copy": "^3.4.0",
         "rollup-plugin-css-only": "^3.1.0",
         "rollup-plugin-string": "^3.0.0",
@@ -3197,16 +3197,6 @@
       "integrity": "sha512-7tFImggNeNBVMsn0vLrpn1H1uPrUBdnARPTpZoitY37ZrdJREzf7I16tMrlK3hen349gr1NYh8CmZQa7CTG6Aw==",
       "dev": true
     },
-    "node_modules/@types/yauzl": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.0.tgz",
-      "integrity": "sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==",
-      "dev": true,
-      "optional": true,
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@wry/equality": {
       "version": "0.5.6",
       "resolved": "https://registry.npmjs.org/@wry/equality/-/equality-0.5.6.tgz",
@@ -3872,26 +3862,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/base64-js": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
     "node_modules/big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
@@ -3900,31 +3870,6 @@
         "node": "*"
       }
     },
-    "node_modules/bl": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
-      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
-      "dev": true,
-      "dependencies": {
-        "buffer": "^5.5.0",
-        "inherits": "^2.0.4",
-        "readable-stream": "^3.4.0"
-      }
-    },
-    "node_modules/bl/node_modules/readable-stream": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
@@ -3999,39 +3944,6 @@
         "node-int64": "^0.4.0"
       }
     },
-    "node_modules/buffer": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
-      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "base64-js": "^1.3.1",
-        "ieee754": "^1.1.13"
-      }
-    },
-    "node_modules/buffer-crc32": {
-      "version": "0.2.13",
-      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
-      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/buffer-from": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
@@ -4214,12 +4126,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/chownr": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
-      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
-      "dev": true
-    },
     "node_modules/ci-info": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
@@ -5175,12 +5081,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/devtools-protocol": {
-      "version": "0.0.1068969",
-      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1068969.tgz",
-      "integrity": "sha512-ATFTrPbY1dKYhPPvpjtwWKSK2mIwGmRwX54UASn9THEuIZCe2n9k3vVuMmt6jWeL+e5QaaguEv/pMyR+JQB7VQ==",
-      "dev": true
-    },
     "node_modules/diff": {
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz",
@@ -5846,25 +5746,10 @@
         "url": "https://github.com/sponsors/jaydenseric"
       }
     },
-    "node_modules/extract-zip": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
-      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^4.1.1",
-        "get-stream": "^5.1.0",
-        "yauzl": "^2.10.0"
-      },
-      "bin": {
-        "extract-zip": "cli.js"
-      },
-      "engines": {
-        "node": ">= 10.17.0"
-      },
-      "optionalDependencies": {
-        "@types/yauzl": "^2.9.1"
-      }
+    "node_modules/fast-equals": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-4.0.3.tgz",
+      "integrity": "sha512-G3BSX9cfKttjr+2o1O22tYMLq0DPluZnYtq1rXumE1SpL/F/SLIfHx08WYQoWSIpeMYf8sRbJ8++71+v6Pnxfg=="
     },
     "node_modules/fast-glob": {
       "version": "3.2.7",
@@ -5917,15 +5802,6 @@
         "bser": "2.1.1"
       }
     },
-    "node_modules/fd-slicer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
-      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
-      "dev": true,
-      "dependencies": {
-        "pend": "~1.2.0"
-      }
-    },
     "node_modules/figures": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz",
@@ -6054,12 +5930,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/fs-constants": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
-      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
-      "dev": true
-    },
     "node_modules/fs-extra": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
@@ -6543,26 +6413,6 @@
         "postcss": "^8.1.0"
       }
     },
-    "node_modules/ieee754": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
     "node_modules/ignore": {
       "version": "5.1.8",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
@@ -9872,12 +9722,6 @@
         "mkdirp": "bin/cmd.js"
       }
     },
-    "node_modules/mkdirp-classic": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
-      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
-      "dev": true
-    },
     "node_modules/moment": {
       "version": "2.29.1",
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
@@ -10735,12 +10579,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/pend": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
-      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
-      "dev": true
-    },
     "node_modules/picklesdoc": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/picklesdoc/-/picklesdoc-1.2.1.tgz",
@@ -12472,15 +12310,6 @@
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
       "dev": true
     },
-    "node_modules/progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
     "node_modules/promise.series": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/promise.series/-/promise.series-0.2.0.tgz",
@@ -12537,12 +12366,6 @@
         "pbts": "bin/pbts"
       }
     },
-    "node_modules/proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
-      "dev": true
-    },
     "node_modules/psl": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
@@ -12568,98 +12391,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/puppeteer": {
-      "version": "19.5.2",
-      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-19.5.2.tgz",
-      "integrity": "sha512-xlqRyrhXhVH114l79Y0XqYXUVG+Yfw4sKlvN55t8Y9DxtA5fzI1uqF8SVXbWK5DUMbD6Jo4lpixTZCTTZGD05g==",
-      "dev": true,
-      "hasInstallScript": true,
-      "dependencies": {
-        "cosmiconfig": "8.0.0",
-        "https-proxy-agent": "5.0.1",
-        "progress": "2.0.3",
-        "proxy-from-env": "1.1.0",
-        "puppeteer-core": "19.5.2"
-      },
-      "engines": {
-        "node": ">=14.1.0"
-      }
-    },
-    "node_modules/puppeteer-core": {
-      "version": "19.5.2",
-      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-19.5.2.tgz",
-      "integrity": "sha512-Rqk+3kqM+Z2deooTYqcYt8lRtGffJdifWa9td9nbJSjhANWsFouk8kLBNUKycewCCFHM8TZUKS0x28OllavW2A==",
-      "dev": true,
-      "dependencies": {
-        "cross-fetch": "3.1.5",
-        "debug": "4.3.4",
-        "devtools-protocol": "0.0.1068969",
-        "extract-zip": "2.0.1",
-        "https-proxy-agent": "5.0.1",
-        "proxy-from-env": "1.1.0",
-        "rimraf": "3.0.2",
-        "tar-fs": "2.1.1",
-        "unbzip2-stream": "1.4.3",
-        "ws": "8.11.0"
-      },
-      "engines": {
-        "node": ">=14.1.0"
-      }
-    },
-    "node_modules/puppeteer-core/node_modules/ws": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz",
-      "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": "^5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/puppeteer/node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
-    },
-    "node_modules/puppeteer/node_modules/cosmiconfig": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.0.0.tgz",
-      "integrity": "sha512-da1EafcpH6b/TD8vDRaWV7xFINlHlF6zKsGwS1TsuVJTZRkquaS5HTMq7uq6h31619QjbsYl21gVDOm32KM1vQ==",
-      "dev": true,
-      "dependencies": {
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/puppeteer/node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
     "node_modules/q": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
@@ -14365,48 +14096,6 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
-    "node_modules/tar-fs": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
-      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
-      "dev": true,
-      "dependencies": {
-        "chownr": "^1.1.1",
-        "mkdirp-classic": "^0.5.2",
-        "pump": "^3.0.0",
-        "tar-stream": "^2.1.4"
-      }
-    },
-    "node_modules/tar-stream": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
-      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
-      "dev": true,
-      "dependencies": {
-        "bl": "^4.0.3",
-        "end-of-stream": "^1.4.1",
-        "fs-constants": "^1.0.0",
-        "inherits": "^2.0.3",
-        "readable-stream": "^3.1.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/tar-stream/node_modules/readable-stream": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/terminal-link": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
@@ -14467,12 +14156,6 @@
       "integrity": "sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==",
       "dev": true
     },
-    "node_modules/through": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
-      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
-      "dev": true
-    },
     "node_modules/timsort": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz",
@@ -14693,16 +14376,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/unbzip2-stream": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz",
-      "integrity": "sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==",
-      "dev": true,
-      "dependencies": {
-        "buffer": "^5.2.1",
-        "through": "^2.3.8"
-      }
-    },
     "node_modules/unicode-canonical-property-names-ecmascript": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
@@ -15411,16 +15084,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/yauzl": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
-      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
-      "dev": true,
-      "dependencies": {
-        "buffer-crc32": "~0.2.3",
-        "fd-slicer": "~1.1.0"
-      }
-    },
     "node_modules/yn": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/yn/-/yn-2.0.0.tgz",
@@ -17769,16 +17432,6 @@
       "integrity": "sha512-7tFImggNeNBVMsn0vLrpn1H1uPrUBdnARPTpZoitY37ZrdJREzf7I16tMrlK3hen349gr1NYh8CmZQa7CTG6Aw==",
       "dev": true
     },
-    "@types/yauzl": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.0.tgz",
-      "integrity": "sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "@types/node": "*"
-      }
-    },
     "@wry/equality": {
       "version": "0.5.6",
       "resolved": "https://registry.npmjs.org/@wry/equality/-/equality-0.5.6.tgz",
@@ -18289,41 +17942,11 @@
         }
       }
     },
-    "base64-js": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "dev": true
-    },
     "big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
       "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ=="
     },
-    "bl": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
-      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
-      "dev": true,
-      "requires": {
-        "buffer": "^5.5.0",
-        "inherits": "^2.0.4",
-        "readable-stream": "^3.4.0"
-      },
-      "dependencies": {
-        "readable-stream": {
-          "version": "3.6.0",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-          "dev": true,
-          "requires": {
-            "inherits": "^2.0.3",
-            "string_decoder": "^1.1.1",
-            "util-deprecate": "^1.0.1"
-          }
-        }
-      }
-    },
     "boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
@@ -18382,22 +18005,6 @@
         "node-int64": "^0.4.0"
       }
     },
-    "buffer": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
-      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
-      "dev": true,
-      "requires": {
-        "base64-js": "^1.3.1",
-        "ieee754": "^1.1.13"
-      }
-    },
-    "buffer-crc32": {
-      "version": "0.2.13",
-      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
-      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
-      "dev": true
-    },
     "buffer-from": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
@@ -18531,12 +18138,6 @@
       "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
       "dev": true
     },
-    "chownr": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
-      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
-      "dev": true
-    },
     "ci-info": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
@@ -19288,12 +18889,6 @@
       "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
       "dev": true
     },
-    "devtools-protocol": {
-      "version": "0.0.1068969",
-      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1068969.tgz",
-      "integrity": "sha512-ATFTrPbY1dKYhPPvpjtwWKSK2mIwGmRwX54UASn9THEuIZCe2n9k3vVuMmt6jWeL+e5QaaguEv/pMyR+JQB7VQ==",
-      "dev": true
-    },
     "diff": {
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz",
@@ -19811,17 +19406,10 @@
       "resolved": "https://registry.npmjs.org/extract-files/-/extract-files-9.0.0.tgz",
       "integrity": "sha512-CvdFfHkC95B4bBBk36hcEmvdR2awOdhhVUYH6S/zrVj3477zven/fJMYg7121h4T1xHZC+tetUpubpAhxwI7hQ=="
     },
-    "extract-zip": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
-      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
-      "dev": true,
-      "requires": {
-        "@types/yauzl": "^2.9.1",
-        "debug": "^4.1.1",
-        "get-stream": "^5.1.0",
-        "yauzl": "^2.10.0"
-      }
+    "fast-equals": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-4.0.3.tgz",
+      "integrity": "sha512-G3BSX9cfKttjr+2o1O22tYMLq0DPluZnYtq1rXumE1SpL/F/SLIfHx08WYQoWSIpeMYf8sRbJ8++71+v6Pnxfg=="
     },
     "fast-glob": {
       "version": "3.2.7",
@@ -19871,15 +19459,6 @@
         "bser": "2.1.1"
       }
     },
-    "fd-slicer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
-      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
-      "dev": true,
-      "requires": {
-        "pend": "~1.2.0"
-      }
-    },
     "figures": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz",
@@ -19973,12 +19552,6 @@
         "map-cache": "^0.2.2"
       }
     },
-    "fs-constants": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
-      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
-      "dev": true
-    },
     "fs-extra": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
@@ -20349,12 +19922,6 @@
       "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
       "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA=="
     },
-    "ieee754": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-      "dev": true
-    },
     "ignore": {
       "version": "5.1.8",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
@@ -22916,12 +22483,6 @@
         "minimist": "^1.2.5"
       }
     },
-    "mkdirp-classic": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
-      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
-      "dev": true
-    },
     "moment": {
       "version": "2.29.1",
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
@@ -23555,12 +23116,6 @@
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="
     },
-    "pend": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
-      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
-      "dev": true
-    },
     "picklesdoc": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/picklesdoc/-/picklesdoc-1.2.1.tgz",
@@ -24807,12 +24362,6 @@
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
       "dev": true
     },
-    "progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-      "dev": true
-    },
     "promise.series": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/promise.series/-/promise.series-0.2.0.tgz",
@@ -24857,12 +24406,6 @@
         "long": "^4.0.0"
       }
     },
-    "proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
-      "dev": true
-    },
     "psl": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
@@ -24885,74 +24428,6 @@
       "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
       "dev": true
     },
-    "puppeteer": {
-      "version": "19.5.2",
-      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-19.5.2.tgz",
-      "integrity": "sha512-xlqRyrhXhVH114l79Y0XqYXUVG+Yfw4sKlvN55t8Y9DxtA5fzI1uqF8SVXbWK5DUMbD6Jo4lpixTZCTTZGD05g==",
-      "dev": true,
-      "requires": {
-        "cosmiconfig": "8.0.0",
-        "https-proxy-agent": "5.0.1",
-        "progress": "2.0.3",
-        "proxy-from-env": "1.1.0",
-        "puppeteer-core": "19.5.2"
-      },
-      "dependencies": {
-        "argparse": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-          "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-          "dev": true
-        },
-        "cosmiconfig": {
-          "version": "8.0.0",
-          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.0.0.tgz",
-          "integrity": "sha512-da1EafcpH6b/TD8vDRaWV7xFINlHlF6zKsGwS1TsuVJTZRkquaS5HTMq7uq6h31619QjbsYl21gVDOm32KM1vQ==",
-          "dev": true,
-          "requires": {
-            "import-fresh": "^3.2.1",
-            "js-yaml": "^4.1.0",
-            "parse-json": "^5.0.0",
-            "path-type": "^4.0.0"
-          }
-        },
-        "js-yaml": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-          "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-          "dev": true,
-          "requires": {
-            "argparse": "^2.0.1"
-          }
-        }
-      }
-    },
-    "puppeteer-core": {
-      "version": "19.5.2",
-      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-19.5.2.tgz",
-      "integrity": "sha512-Rqk+3kqM+Z2deooTYqcYt8lRtGffJdifWa9td9nbJSjhANWsFouk8kLBNUKycewCCFHM8TZUKS0x28OllavW2A==",
-      "dev": true,
-      "requires": {
-        "cross-fetch": "3.1.5",
-        "debug": "4.3.4",
-        "devtools-protocol": "0.0.1068969",
-        "extract-zip": "2.0.1",
-        "https-proxy-agent": "5.0.1",
-        "proxy-from-env": "1.1.0",
-        "rimraf": "3.0.2",
-        "tar-fs": "2.1.1",
-        "unbzip2-stream": "1.4.3",
-        "ws": "8.11.0"
-      },
-      "dependencies": {
-        "ws": {
-          "version": "8.11.0",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz",
-          "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==",
-          "dev": true
-        }
-      }
-    },
     "q": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
@@ -26322,44 +25797,6 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
-    "tar-fs": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
-      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
-      "dev": true,
-      "requires": {
-        "chownr": "^1.1.1",
-        "mkdirp-classic": "^0.5.2",
-        "pump": "^3.0.0",
-        "tar-stream": "^2.1.4"
-      }
-    },
-    "tar-stream": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
-      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
-      "dev": true,
-      "requires": {
-        "bl": "^4.0.3",
-        "end-of-stream": "^1.4.1",
-        "fs-constants": "^1.0.0",
-        "inherits": "^2.0.3",
-        "readable-stream": "^3.1.1"
-      },
-      "dependencies": {
-        "readable-stream": {
-          "version": "3.6.0",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-          "dev": true,
-          "requires": {
-            "inherits": "^2.0.3",
-            "string_decoder": "^1.1.1",
-            "util-deprecate": "^1.0.1"
-          }
-        }
-      }
-    },
     "terminal-link": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
@@ -26404,12 +25841,6 @@
       "integrity": "sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==",
       "dev": true
     },
-    "through": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
-      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
-      "dev": true
-    },
     "timsort": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz",
@@ -26583,16 +26014,6 @@
         "which-boxed-primitive": "^1.0.2"
       }
     },
-    "unbzip2-stream": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz",
-      "integrity": "sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==",
-      "dev": true,
-      "requires": {
-        "buffer": "^5.2.1",
-        "through": "^2.3.8"
-      }
-    },
     "unicode-canonical-property-names-ecmascript": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
@@ -27195,16 +26616,6 @@
         }
       }
     },
-    "yauzl": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
-      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
-      "dev": true,
-      "requires": {
-        "buffer-crc32": "~0.2.3",
-        "fd-slicer": "~1.1.0"
-      }
-    },
     "yn": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/yn/-/yn-2.0.0.tgz",
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 8c5a0e7131..2871b5c4c3 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -61,7 +61,6 @@
     "marked": "^3.0.4",
     "patch-package": "^6.5.1",
     "picklesdoc": "^1.2.1",
-    "puppeteer": "^19.5.2",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-css-only": "^3.1.0",
     "rollup-plugin-string": "^3.0.0",
@@ -72,14 +71,15 @@
   "dependencies": {
     "@raisins/stencil-docs-target": "^1.0.0",
     "@saasquatch/component-boilerplate": "^1.6.0",
+    "@saasquatch/shoelace": "^1.0.0",
     "@saasquatch/stencil-hooks": "^2.0.2",
     "@saasquatch/stencilbook": "^1.1.0",
     "@saasquatch/universal-hooks": "^1.0.0",
-    "@saasquatch/shoelace": "^1.0.0",
     "babel-polyfill": "^6.26.0",
     "canvas-confetti": "^1.4.0",
     "color2k": "^1.2.4",
     "deepmerge": "^4.2.2",
+    "fast-equals": "^4.0.3",
     "graphql": "^15.5.0",
     "graphql-request": "^3.4.0",
     "highlight.js": "^10.6.0",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index ce499a7204..9ea58cee25 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -1,11 +1,11 @@
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
-import { useParent, useParentValue } from "../../../utils/useParentState";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
+import { useParent } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
   UserQuery,
-  UserQueryState,
 } from "../sqm-tax-and-cash/useTaxAndCash";
 import { TaxDocumentType } from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
 import { DocusignForm } from "./sqm-docusign-form";
@@ -19,7 +19,7 @@ const GET_TAX_DOCUMENT = gql`
 export function useDocusignForm(props: DocusignForm, el: any) {
   const [path, setPath] = useParent<string>(TAX_CONTEXT_NAMESPACE);
   const { data, loading } =
-    useParentValue<UserQueryState>(USER_QUERY_NAMESPACE);
+    useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
   const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
   const [errors, setErrors] = useState({});
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index a453b32a4c..398b8d2549 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -1,29 +1,22 @@
 import {
   useMutation,
-  useQuery,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
+  COUNTRIES_NAMESPACE,
+  CountriesQuery,
   TAX_CONTEXT_NAMESPACE,
   USER_INFO_NAMESPACE,
+  USER_QUERY_NAMESPACE,
+  UserQuery,
 } from "../sqm-tax-and-cash/useTaxAndCash";
 import { FormState } from "../sqm-user-info-form/useUserInfoForm";
 
-const GET_COUNTRIES = gql`
-  query getCurrencies {
-    countries(limit: 1000) {
-      data {
-        countryCode
-        displayName
-      }
-    }
-  }
-`;
-
 const UPSERT_USER = gql`
   mutation ($userInput: UserInput!) {
     upsertUser(userInput: $userInput) {
@@ -41,18 +34,18 @@ export function useIndirectTaxForm(props: any) {
   const userFormData = useParentValue<FormState>(USER_INFO_NAMESPACE);
   const user = useUserIdentity();
 
+  const { refetch } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+  const { data: _countries, loading: countriesLoading } =
+    useParentQueryValue<CountriesQuery>(COUNTRIES_NAMESPACE);
+
   // from step 1
-  console.log({ userFormData });
+  console.log({ userFormData, _countries });
 
   const [option, setOption] = useState<
     "hstCanada" | "otherRegion" | "notRegistered"
   >(null);
   const [errors, setErrors] = useState({});
 
-  const { data: _countries, loading: countriesLoading } = useQuery(
-    GET_COUNTRIES,
-    {}
-  );
   const countries = _countries?.countries.data;
 
   const onSubmit = async (event: any) => {
@@ -110,7 +103,7 @@ export function useIndirectTaxForm(props: any) {
           },
         },
       });
-
+      await refetch();
       setStep("/3/W9");
     } catch (e) {
       setErrors({ graphqlError: true });
@@ -130,7 +123,8 @@ export function useIndirectTaxForm(props: any) {
     errors,
     onBack,
     onSubmit,
-    submitDisabled: !option,
+    // submitDisabled: !option,
+    submitDisabled: false,
     option,
     onChange: (value) => {
       console.log("onChange", { value, option });
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 2e906edda5..e33dfa5c2f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -1,11 +1,11 @@
 import {
   setUserIdentity,
   useHost,
-  useQuery,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useEffect } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
+import { useParentQuery } from "../../../utils/useParentQuery";
 import {
   getContextValueName,
   useParentState,
@@ -18,6 +18,8 @@ export const USER_INFO_NAMESPACE = "sq:user-info-form";
 
 export const USER_QUERY_NAMESPACE = "sq:user-info-query";
 
+export const COUNTRIES_NAMESPACE = "sq:countries-list";
+
 export type TaxContextType = {
   step: string;
   setStep: (value: string) => void;
@@ -47,10 +49,24 @@ export type UserQuery = {
   };
 };
 
-export type UserQueryState = {
-  data: UserQuery;
-  loading: boolean;
-  refetch: (variables?: unknown) => Promise<UserQuery | Error>;
+const GET_COUNTRIES = gql`
+  query getCurrencies {
+    countries(limit: 1000) {
+      data {
+        countryCode
+        displayName
+      }
+    }
+  }
+`;
+
+export type CountriesQuery = {
+  countries: {
+    data: {
+      countryCode: string;
+      displayName: string;
+    }[];
+  };
 };
 
 function getCurrentStep(user: UserQuery["user"]) {
@@ -76,7 +92,7 @@ function getCurrentStep(user: UserQuery["user"]) {
     return "/submitted";
   }
 
-  return "/loading";
+  return "/1";
 }
 
 export function useTaxAndCash() {
@@ -124,27 +140,27 @@ export function useTaxAndCash() {
     initialValue: {},
   });
 
-  const { data, loading, refetch } = useQuery<UserQuery>(GET_USER, {
-    id: user?.id,
-    accountId: user?.accountId,
-  });
-
-  const [_queryData, setQueryData] = useParentState<UserQueryState>({
+  const { data } = useParentQuery<UserQuery>({
     host,
     namespace: USER_QUERY_NAMESPACE,
-    initialValue: {
-      loading,
-      data,
-      refetch,
+    query: GET_USER,
+    variables: {
+      id: user?.id,
+      accountId: user?.accountId,
     },
+    skip: !user,
   });
 
-  console.log({ data });
+  useParentQuery<CountriesQuery>({
+    host,
+    namespace: COUNTRIES_NAMESPACE,
+    query: GET_COUNTRIES,
+    skip: !user,
+  });
 
   useEffect(() => {
-    console.log("refetched", { data });
     if (!host || !user) return;
-    setQueryData({ data, loading, refetch });
+
     if (data) {
       const user = data?.user;
       if (!user || step !== "/loading") return;
@@ -154,7 +170,7 @@ export function useTaxAndCash() {
       console.log({ currentStep });
       setStep(currentStep);
     }
-  }, [host, user, data?.user?.email, refetch]);
+  }, [host, user, data?.user?.email]);
 
   return {
     step,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index fb0d0303cc..ce66dd2759 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -1,10 +1,10 @@
-import { useEffect } from "@saasquatch/universal-hooks";
 import { DateTime } from "luxon";
-import { useParentValue, useSetParent } from "../../../utils/useParentState";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
+import { useSetParent } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
-  UserQueryState,
+  UserQuery,
 } from "../sqm-tax-and-cash/useTaxAndCash";
 import { TaxDocumentType } from "./sqm-tax-document-submitted-view";
 
@@ -29,8 +29,8 @@ function getExpiresSoon(submissionDate: number, expiryDate: number) {
 export const useTaxDocumentSubmitted = (props: any) => {
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
 
-  const { refetch, data, loading } =
-    useParentValue<UserQueryState>(USER_QUERY_NAMESPACE);
+  const { data, loading } =
+    useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
 
   console.log("submitted", { data, loading });
 
@@ -56,10 +56,6 @@ export const useTaxDocumentSubmitted = (props: any) => {
 
   const documentType = getDocumentType(data?.user);
 
-  useEffect(() => {
-    refetch();
-  }, []);
-
   return {
     states: {
       dateSubmitted,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index aaa9e4aeff..5fdadbc659 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -1,13 +1,14 @@
 import { useEffect, useRef } from "@saasquatch/universal-hooks";
 import jsonpointer from "jsonpointer";
-import { useParent, useParentValue } from "../../../utils/useParentState";
+import { useParent } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   USER_INFO_NAMESPACE,
   USER_QUERY_NAMESPACE,
-  UserQueryState,
+  UserQuery,
 } from "../sqm-tax-and-cash/useTaxAndCash";
 import { TaxForm } from "./sqm-user-info-form";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
@@ -42,9 +43,8 @@ export function useTaxForm(props: TaxForm) {
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
   const [formState, setFormState] = useParent<FormState>(USER_INFO_NAMESPACE);
 
-  // TODO: user types
   const { data, loading } =
-    useParentValue<UserQueryState>(USER_QUERY_NAMESPACE);
+    useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
 
   useEffect(() => {
     console.log({ data });
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index e3f1d5bbf8..d0ed081404 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,8 +12,8 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash>
       <template path="/1">
         <sqm-user-info-form />
       </template>
@@ -32,7 +32,7 @@
         <sqm-tax-document-submitted />
       </template>
       <template path="/4">confirmation screen</template>
-    </sqm-tax-and-cash> -->
+    </sqm-tax-and-cash>
     <!-- <template path="/4">
         <sqm-cash-form />
       </template> -->
diff --git a/packages/mint-components/src/utils/useParentQuery.ts b/packages/mint-components/src/utils/useParentQuery.ts
new file mode 100644
index 0000000000..60e1da336e
--- /dev/null
+++ b/packages/mint-components/src/utils/useParentQuery.ts
@@ -0,0 +1,46 @@
+import { useQuery } from "@saasquatch/component-boilerplate";
+import { QueryData } from "@saasquatch/component-boilerplate/dist/hooks/graphql/useBaseQuery";
+import { useDomContextState } from "@saasquatch/dom-context-hooks";
+import { useDomContext } from "@saasquatch/stencil-hooks";
+import { useEffect } from "@saasquatch/universal-hooks";
+import { deepEqual } from "fast-equals";
+import { getContextValueName } from "./useParentState";
+
+type ParentQueryProps = {
+  host: HTMLElement;
+  namespace: string;
+  query?: string;
+  variables?: { [key: string]: unknown };
+  skip?: boolean;
+};
+
+export function useParentQuery<T>(props: ParentQueryProps): QueryData<T> {
+  const query = useQuery(props.query, props.variables || {}, props.skip);
+
+  const [value, setValue] = useDomContextState<QueryData<any>>(
+    props.host,
+    getContextValueName(props.namespace),
+    query
+  );
+
+  useEffect(() => {
+    if (deepEqual(query, value)) return;
+    setValue(query);
+  }, [query, value]);
+
+  return query;
+}
+
+export function useParentQueryValue<T>(namespace: string): QueryData<T> {
+  const parentValue = useDomContext<QueryData<T> | undefined>(
+    getContextValueName(namespace)
+  );
+
+  if (!parentValue)
+    return {
+      data: null,
+      loading: true,
+      refetch: () => console.warn("component still loading"),
+    } as QueryData<T>;
+  return parentValue;
+}

From 4d5116a8d5c38a5943207cbf4222fb8e3c935d7f Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 30 Jan 2024 16:35:42 -0800
Subject: [PATCH 108/753] missing null checks

---
 .../sqm-user-info-form/sqm-user-info-form-view.tsx            | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 70159a1413..9f94efcea3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -258,7 +258,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                 : {})}
               required
             >
-              {data.countries?.map((c) => (
+              {data?.countries?.map((c) => (
                 <sl-menu-item value={c.countryCode}>
                   {c.displayName}
                 </sl-menu-item>
@@ -278,7 +278,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                 : {})}
               required
             >
-              {data.currencies?.map((c) => (
+              {data?.currencies?.map((c) => (
                 <sl-menu-item value={c.currencyCode}>
                   {c.displayName}
                 </sl-menu-item>

From 9162d23a9229cce807170e5a525b066e2d564e25 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 30 Jan 2024 16:52:26 -0800
Subject: [PATCH 109/753] add validation styles

---
 .../sqm-indirect-tax-form.tsx                 | 10 ++-
 .../useIndirectTaxForm.tsx                    |  3 +-
 .../sqm-user-info-form/defaultTextCopy.ts     |  8 +-
 .../small-views/IndirectTaxDetailsView.tsx    | 84 ++++++++-----------
 .../small-views/SlotViews.stories.tsx         | 10 +--
 5 files changed, 54 insertions(+), 61 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index d1fb257acb..e79c9e5040 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -1,7 +1,10 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Host, Prop, h } from "@stencil/core";
 import { getProps } from "../../../utils/utils";
-import { indirectTaxFormText } from "../sqm-user-info-form/defaultTextCopy";
+import {
+  indirectDetailsSlotText,
+  indirectTaxFormText,
+} from "../sqm-user-info-form/defaultTextCopy";
 import {
   IndirectDetailsSlotView,
   OtherRegionSlotView,
@@ -56,7 +59,7 @@ export class IndirectTaxForm {
           hide: props.option !== "hstCanada",
         }}
         data={{ countries: props.countries }}
-        text={{}}
+        text={indirectDetailsSlotText}
       ></IndirectDetailsSlotView>
     );
 
@@ -68,7 +71,7 @@ export class IndirectTaxForm {
           loading: props.loading,
         }}
         data={{ countries: props.countries }}
-        text={{}}
+        text={indirectDetailsSlotText}
       />
     );
 
@@ -87,6 +90,7 @@ export class IndirectTaxForm {
             registeredInDifferentCountryDetailsSlot: otherRegionSlot,
             disabled: props.loading,
           }}
+          //@ts-ignore
           text={props.text}
           refs={{ formRef: props.formRef }}
         />
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index b1d1d21e5b..2b21d9decd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -17,6 +17,7 @@ import {
 } from "../sqm-tax-and-cash/useTaxAndCash";
 import { FormState } from "../sqm-user-info-form/useUserInfoForm";
 import { optional } from "../../../utilities";
+import { IndirectTaxForm } from "./sqm-indirect-tax-form";
 
 const UPSERT_USER = gql`
   mutation ($userInput: UserInput!) {
@@ -27,7 +28,7 @@ const UPSERT_USER = gql`
   }
 `;
 
-export function useIndirectTaxForm(props: any) {
+export function useIndirectTaxForm(props: IndirectTaxForm) {
   const formRef = useRef<HTMLFormElement>(null);
   const [loading, setLoading] = useState(false);
   const [upsertUser, upsertUserResponse] = useMutation(UPSERT_USER);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index f434522e3c..39bf211d1f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -10,6 +10,12 @@ export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
   vatNumber: "VAT number",
   province: "Province",
   indirectTaxNumber: "Indirect Tax",
+  error: {
+    selectedRegion: "Country is required",
+    vatNumber: "VAT number is required",
+    province: "Province is required",
+    indirectTaxNumber: "Indirect Tax is required",
+  },
 };
 
 export const userInfoText: UserInfoFormViewProps["text"] = {
@@ -19,7 +25,7 @@ export const userInfoText: UserInfoFormViewProps["text"] = {
   country: "Country",
   currency: "Currency",
   allowBankingCollection: "I agree to the terms",
-  submitButton: "Submit",
+  submitButton: "Continue",
   formStep: "Step 1 of 4",
   personalInformation: "Personal Information",
   participantType: "Participant type",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index fd1e3ddd0a..bfba7c8436 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -23,10 +23,16 @@ export interface IndirectDetailsSlotViewProps {
     }[];
   };
   text: {
-    selectedRegion?: string;
-    vatNumber?: string;
-    province?: string;
-    indirectTaxNumber?: string;
+    selectedRegion: string;
+    vatNumber: string;
+    province: string;
+    indirectTaxNumber: string;
+    error: {
+      selectedRegion: string;
+      vatNumber: string;
+      province: string;
+      indirectTaxNumber: string;
+    };
   };
 }
 
@@ -49,6 +55,16 @@ const style = {
   Input: {
     maxWidth: "500px",
   },
+  ErrorInput: {
+    "&::part(base)": {
+      border: "1px solid var(--sl-color-danger-500)",
+      borderRadius: "var(--sl-input-border-radius-medium)",
+    },
+
+    "&::part(help-text)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -89,18 +105,12 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             exportparts="label: input-label"
             label={text.selectedRegion}
             disabled={states.loading}
-            {...(formState.errors?.selectedRegion &&
-            formState.errors?.selectedRegion.status !== "valid"
-              ? { class: "errors?tyles", helpText: "Cannot be empty" }
-              : [])}
+            {...(formState.errors?.selectedRegion && {
+              class: classes.ErrorInput,
+              helpText: text.error.selectedRegion,
+            })}
             id="selectedRegion"
             name="/selectedRegion"
-            error={
-              formState.errors?.selectedRegion &&
-              formState.errors?.selectedRegion.status !== "valid"
-                ? formState.errors?.selectedRegion.message
-                : undefined
-            }
           >
             {props.data.countries?.map((c) => (
               <sl-menu-item value={c.countryCode}>{c.displayName}</sl-menu-item>
@@ -112,18 +122,12 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             class={classes.Input}
             label={text.vatNumber}
             disabled={states.loading}
-            {...(formState.errors?.vatNumber &&
-            formState.errors?.vatNumber.status !== "valid"
-              ? { class: "errors?tyles", helpText: "Cannot be empty" }
-              : [])}
+            {...(formState.errors?.vatNumber && {
+              class: classes.ErrorInput,
+              helpText: text.error.vatNumber,
+            })}
             id="vatNumber"
             name="/vatNumber"
-            error={
-              formState.errors?.vatNumber &&
-              formState.errors?.vatNumber.status !== "valid"
-                ? formState.errors?.vatNumber.message
-                : undefined
-            }
           />
         </div>
         <hr class={classes.HR} />
@@ -161,22 +165,14 @@ export const IndirectDetailsSlotView = (
             onSl-after-hide={() => console.log("after hide")}
             exportparts="label: input-label"
             class={classes.Input}
-            // value={formState.province}
             label={text.province}
             disabled={states.loading}
-            // Copied from edit form, may need to keep
-            {...(formState.errors?.province &&
-            formState.errors?.province.status !== "valid"
-              ? { class: "errors?tyles", helpText: "Cannot be empty" }
-              : [])}
+            {...(formState.errors?.province && {
+              class: classes.ErrorInput,
+              helpText: text.error.province,
+            })}
             id="province"
             name="/province"
-            error={
-              formState.errors?.province &&
-              formState.errors?.province.status !== "valid"
-                ? formState.errors?.province.message
-                : undefined
-            }
           >
             <sl-menu-item value="ON">Ontario</sl-menu-item>
             <sl-menu-item value="QC">Quebec</sl-menu-item>
@@ -196,22 +192,14 @@ export const IndirectDetailsSlotView = (
             required
             exportparts="label: input-label"
             class={classes.Input}
-            // value={formState.indirectTaxNumber}
             label={text.indirectTaxNumber}
             disabled={states.loading}
-            // Copied from edit form, may need to keep
-            {...(formState.errors?.indirectTaxNumber &&
-            formState.errors?.indirectTaxNumber.status !== "valid"
-              ? { class: "errors?tyles", helpText: "Cannot be empty" }
-              : [])}
+            {...(formState.errors?.indirectTaxNumber && {
+              class: classes.ErrorInput,
+              helpText: text.error.indirectTaxNumber,
+            })}
             id="indirectTaxNumber"
             name="/indirectTaxNumber"
-            error={
-              formState.errors?.indirectTaxNumber &&
-              formState.errors?.indirectTaxNumber.status !== "valid"
-                ? formState.errors?.indirectTaxNumber.message
-                : undefined
-            }
           />
         </div>
         <hr class={classes.HR} />
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
index baf5d94bac..a341b792be 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
@@ -22,10 +22,7 @@ const registeredInOtherRegion: IndirectDetailsSlotViewProps = {
   data: {
     countries: [{ countryCode: "CA", displayName: "Canada" }],
   },
-  text: {
-    selectedRegion: indirectDetailsSlotText.selectedRegion,
-    vatNumber: indirectDetailsSlotText.vatNumber,
-  },
+  text: indirectDetailsSlotText,
 };
 
 const registeredInCanada: IndirectDetailsSlotViewProps = {
@@ -41,10 +38,7 @@ const registeredInCanada: IndirectDetailsSlotViewProps = {
   data: {
     countries: [{ countryCode: "CA", displayName: "Canada" }],
   },
-  text: {
-    province: indirectDetailsSlotText.province,
-    indirectTaxNumber: indirectDetailsSlotText.indirectTaxNumber,
-  },
+  text: indirectDetailsSlotText,
 };
 
 export const RegisteredInOtherRegion = () => {

From 3799271e06690c597e4570abce915c057e9fb72f Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 30 Jan 2024 17:01:02 -0800
Subject: [PATCH 110/753] Refactored specs and created overarching spec file
 sqm-tax-form to cover end-to-end specs

---
 .../sqm-document-type-form.feature            | 15 +++++
 .../sqm-docusign-form.feature                 | 14 ++++-
 .../sqm-indirect-tax-form.feature             | 42 +++++++------
 .../sqm-tax-document-submitted.feature        | 30 ++++++----
 .../tax-and-cash/sqm-tax-form.feature         | 59 +++++++++++++++++++
 .../sqm-tax-document-step-1.feature           | 29 ++++-----
 6 files changed, 140 insertions(+), 49 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
new file mode 100644
index 0000000000..6c6c2b278c
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
@@ -0,0 +1,15 @@
+@owner:andy
+@author:andy
+
+Feature: Document Type Form
+
+    Background: A user has submitted their personal information in User Info Form and filled out the Indirect Tax Form
+		Given a user is on the Document Type Form
+
+    @minutia
+    Scenario: A general error banner appears upon form submission request failing
+    When the user completes the form with their information
+    And they press "Continue" to submit the form
+    Then a request is sent to the backend with the form data
+    But if the request fails
+    Then a general error banner appears with <generalTitle> and <generalDescription>
\ No newline at end of file
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index 768c611234..f29984aead 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -3,5 +3,15 @@
 
 Feature: Docusign Form
 
-    Background: A user has submitted their personal information in Tax Form Step One
-		Given a user is on the Indirect Tax Form
\ No newline at end of file
+    Background: A user has submitted their information in User Info Form, Indirect Tax Form, and Document Type Form
+		Given a user is on the Docusign Form
+
+    @minutia
+    Scenario: A general error banner appears upon form submission request failing
+    When the user completes the form with their information
+    And they press "Continue" to submit the form
+    Then a request is sent to the backend with the form data
+    But if the request fails
+    Then a general error banner appears with <generalTitle> and <generalDescription>
+
+    Scenario: Docusign iframe Fails to load
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 1822bdde29..1e42d30bb8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -7,22 +7,6 @@ Feature: Indirect Tax Form
 	Background: A user has submitted their personal information in Tax Form Step One
 		Given a user is on the Indirect Tax Form
 
-	@minutia
-    Scenario Outline: A user fills out the Indirect Tax Form with the required information
-    When they succesfully fill out Tax Form Step One with:
-        | First Name               | <firstName>             |
-        | Last Name                | <lastName>              |
-        | Email                    | <email>                 |
-        | Country Code             | <countryCode>           |
-        | Currency                 | <currency>              |
-        | Participant Type         | <participantType>       |
-        | Allow Banking Collection | <allowBankingCollection>|
-	Then they must select one of the following options and provide their information in the Indirect Tax Form:
-	 	| I am registered for HST in Canada 								| <province> | <indirectTaxNumber> |
-		| I am registered for Indirect Tax in a different Country / Region  | <country>  | <vatNumber> 		   |
-		| I am not registered for Indirect Tax 								| N/A 		 | N/A				   |
-	Then they can press the Continue button and move to the next step
-
 	@minutia
 	@ui
 	Scenario: Different selects appear based on which Indirect Tax Detail radio option the user checks
@@ -41,10 +25,32 @@ Feature: Indirect Tax Form
 		| Northwest Territories |
 		| Nunavut 				|
 		| Yukon 				|
-	And if they check "I am registered for Indirect Tax in a different Country / Region"
+	But if they check "I am registered for Indirect Tax in a different Country / Region"
 	Then a "Country / Region of Indirect Tax" select appears and they choose one <country>
-	And if they check "I am not registered for Indirect Tax"
+	But if they check "I am not registered for Indirect Tax"
 	Then no select appears
+
+	@minutia
+	@ui
+	Scenario Outline: A user fills out the Indirect Tax Form with invalid values
+	When they fill out the form with invalid values for the following fields:
+		| Province     					 | <province>     |
+		| Indirect Tax 					 | <indirectTax>  |
+		| Country/Region of Indirect Tax | <country>      |
+		| VAT Number   					 | <vatNumber>    |
+	Then the form displays the respective errors for each field:
+        | <province>               |          |
+        | <indirectTax>            |          |
+        | <country>                |          |
+        | <vatNumber>              |          |
+
+	@minutia
+	Scenario: A general error banner appears upon form submission request failing
+	When the user completes the form with their information
+	And they press "Continue" to submit the form
+	Then a request is sent to the backend with the form data
+	But if the request fails
+	Then a general error banner appears with <generalTitle> and <generalDescription>
 	
 
     # Scenario Outline: Different inputs are shown depending on the registered region of a user
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
index bd79ecb675..6e01e52842 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
@@ -15,10 +15,10 @@ Feature: Tax Document Submitted View
 		Then they see the status of their Tax Document and Banking Information
 
 	@motivating
-	Scenario: View Tax Document Submission is loading
+	Scenario: View Tax Document Submitted is loading
 		Given the user has submitted a tax document
 		When they view Document Submitted
-		Then they see a loading spinner until the end users Tax Document data is available
+		Then they see a skeleton loaders until the end users Tax Document/Banking information data is available
 	
 	@minutia
 	@ui
@@ -39,22 +39,32 @@ Feature: Tax Document Submitted View
 		Then they see a badge with <status> text and a respective <badgeVariant>
 		Then they see a message indicating "<taxStatusMessage> on <dateSubmitted>"
 		Examples: 
-			| status       | badgeVariant | taxStatusMessage              | dateSubmitted   |
-			| ACTIVE       | success 	  | Submitted on                  | Jan 17, 2024    |
-			| NOT_VERIFIED | neutral      | Awaiting Review. Submitted on | Jan 17, 2024    |
-			| NOT_ACTIVE   | danger       | Submitted on                  | Jan 17, 2024    |
-			| EXPIRED      | danger       | Expired on                    | Jan 17, 2024    |
+			| status       | badgeVariant | taxStatusMessage       													 | dateSubmitted   |
+			| ACTIVE       | success 	  | Submitted on                  											 | Jan 17, 2024    |
+			| NOT_VERIFIED | neutral      | Awaiting Review. Submitted on 											 | Jan 17, 2024    |
+			| NOT_ACTIVE   | danger       | Ensure your information matches your profile and resubmit a new document.| Jan 17, 2024    |
+			| EXPIRED      | danger       | Expired on                    											 | Jan 17, 2024    |
 
 	@minutia
 	@ui
-	Scenario Outline: A Warning Alert is displayed if the end users tax form is invalid
+	Scenario Outline: A Danger Alert is displayed if the end users tax form is invalid
 	Given the <status> is "NOT_ACTIVE" or "EXPIRED"
-	Then a warning alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage>
+	Then a danger alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> appears
 	Examples:
 		| status 	 | documentType | taxAlertHeader 															 		| taxAlertMessage 				  				|
 		| NOT_ACTIVE | W9       	| Your W9 tax form has personal information that doesn't match your profile. 		| Please resubmit a new W9 form. 				|
 		| EXPIRED    | W8-BEN-E     | Your W8-BEN-E tax form has expired. 												| Please resubmit a new W8-BEN-E form. 			|
-
+	
+	@minutia
+	@ui
+	Scenario Outline: A Warning Alert is displayed if the end users tax form is expiring soon
+	Given the <status> is ACTIVE
+	And the <dateExpired> is 30 days away from the current date
+	Then a warning alert indicating the <documentType> with a <taxAlertHeader>, <taxAlertMessage>, and <dateExpired> appears
+	Examples:
+		| status 	 | documentType | taxAlertHeader 					| dateExpired     | taxAlertMessage 			   |
+		| ACTIVE     | W9       	| Your W9 tax form expires on		| "Dec 30th, 2024 | Please resubmit a new W9 form. |
+	
 	@unknown
 	Scenario: Submit New Tax Document Form
 		Given the user is viewing the Tax Document Submission
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
new file mode 100644
index 0000000000..5e41e57aea
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -0,0 +1,59 @@
+@owner:andy
+@author:andy
+
+Feature: Tax Form Flow
+ 
+Background: A user submits their Tax information
+
+    @minutia
+    Scenario Outline: A user completes the User Info and Indirect Tax steps
+    When they are on the User Info Form step
+    Then they fill out the following form fields with their personal information:
+        | First Name               | <firstName>             |
+        | Last Name                | <lastName>              |
+        | Email                    | <email>                 |
+        | Country Code             | <countryCode>           |
+        | Currency                 | <currency>              |
+        | Participant Type         | <participantType>       |
+        | Allow Banking Collection | <allowBankingCollection>|
+    And  they agree to the terms which sets <allowBankingCollection> to true
+    Then they can press "Continue" to move on to the Indirect Tax Form
+    When they are redirected to the Indrect Tax Form step
+    Then they select <hstCanada>, <otherRegion>, or <notRegistered> and fill out one of the following information:
+        | <hstCanada>       | I am registered for HST in Canada 								| <province> | <indirectTaxNumber> |
+        | <otherRegion>     | I am registered for Indirect Tax in a different Country / Region  | <country>  | <vatNumber> 		   |
+        | <notRegistered>   | I am not registered for Indirect Tax 								| N/A 		 | N/A				   |
+    Then press "Continue" to be redirected to the Document Type Form
+    Examples:
+        | firstName | lastName | email                | countryCode | currency | participantType         | allowBankingCollection | hstCanada | otherRegion | notRegistered | province         | country       | indirectTaxNumber | vatNumber |
+        | John      | Doe      | john.doe@email.com   | US          | USD      | individualParticipant   | true                   | true      | false       | false         | N/A              | United Stated | N/A               | 10829     |
+        | Bob       | Johnson  | bob.johnson@email.com| CA          | CAD      | businessEntity          | true                   | false     | true        | false         | British Columbia | N/A           | 412321            | N/A       |
+        | Martin    | Renny    | bob.johnson@email.com| UK          | GBP      | individualParticipant   | true                   | false     | false       | false         | N/A              | N/A           | N/A               | N/A       |
+
+    @minutia
+    Scenario Outline: A user completes the Document Type Form step
+    Given they completed the User Info and Indirect Tax form steps
+    When they are on the Document Type Form step
+    Then they choose the <selectedTaxForm> type they wish to fill out in the next step:
+    And press "Continue" to be redirected to the Docusign Form.
+        Examples:
+        | selectedTaxForm |
+        | W9              |
+        | W8-BEN          |
+        | W8-BEN-E        |
+
+    @minutia
+    Scenario Outline: A user completes the Docusign Form Step
+    Given they completed the User Info, Indirect Tax, and Document Type Form steps
+    When they are redirected to the Docusign Form step
+    Then a Docusign iframe appears with the specified <selectedTaxForm> from the last step
+    Then they must complete and sign the form in the Docusign iframe
+    And  they agree to the terms which sets <completedTaxForm> to true
+    Then they can press "Continue" and complete the form.
+        Examples:
+        | selectedTaxForm | completedTaxForm |
+        | W9              | true             |
+        | W8-BEN          | true             |
+        | W8-BEN-E        | true             |
+
+
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-tax-document-step-1.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-tax-document-step-1.feature
index d6a4f2729d..593b281d8b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-tax-document-step-1.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-tax-document-step-1.feature
@@ -8,25 +8,6 @@ Feature: Tax Form Step One
 		Given a user is on Tax Form Step One
 
 
-    @minutia
-    Scenario Outline: A user fills out Tax Form Step One with the required information
-    When they fill out the form with:
-        | First Name               | <firstName>             |
-        | Last Name                | <lastName>              |
-        | Email                    | <email>                 |
-        | Country Code             | <countryCode>           |
-        | Currency                 | <currency>              |
-        | Participant Type         | <participantType>       |
-        | Allow Banking Collection | <allowBankingCollection>|
-    And they agree to the terms which sets <allowBankingCollection> to true
-    When they press the Submit button
-    Then the form succesfully submits
-    Examples:
-        | FirstName | LastName | Email                | CountryCode | Currency | ParticipantType         | AllowBankingCollection |
-        | John      | Doe      | john.doe@email.com   | US          | USD      | individualParticipant   | true                   |
-        | Bob       | Johnson  | bob.johnson@email.com| CA          | CAD      | businessEntity          | true                   |
-        | Martin    | Renny    | bob.johnson@email.com| UK          | GBP      | individualParticipant   | true                   |
-
     # AL: Need full list of countries
     @minutia
     Scenario: A user is filling out the form and selects their country
@@ -65,9 +46,19 @@ Feature: Tax Form Step One
         | <participantType>         | Select a participant type |
         | <allowBankingCollection>  | This field is required    |
 
+    @minutia
+	Scenario: A general error banner appears upon form submission request failing
+	When the user completes the form with their information
+	And they press "Continue" to submit the form
+	Then a request is sent to the backend with the form data
+	But if the request fails
+	Then a general error banner appears with <generalTitle> and <generalDescription>
+    
     @minutia
     @ui
     Scenario: The loading state is shown when the form is submitted
         Given the form is submitted
         Then the form fields are disabled
         Then a loading spinner appears in the Submit button
+
+    

From 30537db55058b6506d002223d87bc4816aef28f5 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 30 Jan 2024 17:07:59 -0800
Subject: [PATCH 111/753] move queries, types and stuff to own file

---
 .../sqm-cash-form/useCashForm.tsx             |  2 +-
 .../useDocumentTypeForm.tsx                   |  2 +-
 .../sqm-docusign-form/useDocusignForm.tsx     |  2 +-
 .../useIndirectTaxForm.tsx                    |  4 +-
 .../tax-and-cash/sqm-tax-and-cash/data.ts     | 80 +++++++++++++++++++
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  3 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 78 +++++-------------
 .../useTaxDocumentSubmitted.tsx               |  2 +-
 .../sqm-user-info-form-view.tsx               |  6 +-
 .../sqm-user-info-form/sqm-user-info-form.tsx |  5 +-
 .../sqm-user-info-form/useUserInfoForm.tsx    | 20 +++--
 11 files changed, 130 insertions(+), 74 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/useCashForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/useCashForm.tsx
index 563ba39664..ecb4c315db 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/useCashForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/useCashForm.tsx
@@ -1,5 +1,5 @@
 import { useParent } from "../../../utils/useParentState";
-import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import { CashForm } from "./sqm-cash-form";
 
 export function useCashForm(props: CashForm) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
index 56729c2c12..129ce343f6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
@@ -1,6 +1,6 @@
 import { useState } from "@saasquatch/universal-hooks";
 import { useParent } from "../../../utils/useParentState";
-import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/useTaxAndCash";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import { DocumentTypeForm } from "./sqm-document-type-form";
 
 export function useDocumentTypeForm(props: DocumentTypeForm) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index e9be5d50f5..00d079f1e8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -6,7 +6,7 @@ import {
   TAX_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
   UserQuery,
-} from "../sqm-tax-and-cash/useTaxAndCash";
+} from "../sqm-tax-and-cash/data";
 import { TaxDocumentType } from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
 import { DocusignForm } from "./sqm-docusign-form";
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index b1d1d21e5b..c0ae9a4548 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -5,6 +5,7 @@ import {
 import { useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
+import { optional } from "../../../utilities";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
@@ -14,9 +15,8 @@ import {
   USER_INFO_NAMESPACE,
   USER_QUERY_NAMESPACE,
   UserQuery,
-} from "../sqm-tax-and-cash/useTaxAndCash";
+} from "../sqm-tax-and-cash/data";
 import { FormState } from "../sqm-user-info-form/useUserInfoForm";
-import { optional } from "../../../utilities";
 
 const UPSERT_USER = gql`
   mutation ($userInput: UserInput!) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
new file mode 100644
index 0000000000..13632ba0c3
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -0,0 +1,80 @@
+import { gql } from "graphql-request";
+
+export const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
+
+export const USER_INFO_NAMESPACE = "sq:user-info-form";
+
+export const USER_QUERY_NAMESPACE = "sq:user-info-query";
+
+export const COUNTRIES_NAMESPACE = "sq:countries-list";
+
+export const CURRENCIES_NAMESPACE = "sq:currencies:list";
+
+export type TaxContextType = {
+  step: string;
+  setStep: (value: string) => void;
+};
+
+export const GET_USER = gql`
+  query getUserTaxInfo($id: String!, $accountId: String!) {
+    user(id: $id, accountId: $accountId) {
+      firstName
+      lastName
+      email
+      countryCode
+      customFields
+    }
+  }
+`;
+
+export type UserQuery = {
+  user: {
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    countryCode?: string;
+    customFields?: {
+      [key: string]: any;
+    };
+  };
+};
+
+export const GET_COUNTRIES = gql`
+  query getCurrencies {
+    countries(limit: 1000) {
+      data {
+        countryCode
+        displayName
+      }
+    }
+  }
+`;
+
+export type CountriesQuery = {
+  countries: {
+    data: {
+      countryCode: string;
+      displayName: string;
+    }[];
+  };
+};
+
+export const GET_CURRENCIES = gql`
+  query currencies {
+    currencies(limit: 300) {
+      data {
+        displayName
+        currencyCode
+      }
+    }
+  }
+`;
+
+export type CurrenciesQuery = {
+  currencies: {
+    data: {
+      displayName: string;
+      currencyCode: string;
+    }[];
+  };
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 1f73514c32..3d48845e67 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -9,7 +9,8 @@ import {
   useParentState,
 } from "../../../utils/useParentState";
 import { UserNameViewProps } from "./sqm-tax-and-cash-view";
-import { TAX_CONTEXT_NAMESPACE, useTaxAndCash } from "./useTaxAndCash";
+import { useTaxAndCash } from "./useTaxAndCash";
+import { TAX_CONTEXT_NAMESPACE } from "./data";
 
 /**
  * @uiName Tax And Cash
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index e33dfa5c2f..e4426e5c81 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -4,70 +4,25 @@ import {
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useEffect } from "@saasquatch/universal-hooks";
-import { gql } from "graphql-request";
 import { useParentQuery } from "../../../utils/useParentQuery";
 import {
   getContextValueName,
   useParentState,
 } from "../../../utils/useParentState";
 import { FormState } from "../sqm-user-info-form/useUserInfoForm";
-
-export const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
-
-export const USER_INFO_NAMESPACE = "sq:user-info-form";
-
-export const USER_QUERY_NAMESPACE = "sq:user-info-query";
-
-export const COUNTRIES_NAMESPACE = "sq:countries-list";
-
-export type TaxContextType = {
-  step: string;
-  setStep: (value: string) => void;
-};
-
-const GET_USER = gql`
-  query getUserTaxInfo($id: String!, $accountId: String!) {
-    user(id: $id, accountId: $accountId) {
-      firstName
-      lastName
-      email
-      countryCode
-      customFields
-    }
-  }
-`;
-
-export type UserQuery = {
-  user: {
-    firstName?: string;
-    lastName?: string;
-    email?: string;
-    countryCode?: string;
-    customFields?: {
-      [key: string]: any;
-    };
-  };
-};
-
-const GET_COUNTRIES = gql`
-  query getCurrencies {
-    countries(limit: 1000) {
-      data {
-        countryCode
-        displayName
-      }
-    }
-  }
-`;
-
-export type CountriesQuery = {
-  countries: {
-    data: {
-      countryCode: string;
-      displayName: string;
-    }[];
-  };
-};
+import {
+  COUNTRIES_NAMESPACE,
+  CURRENCIES_NAMESPACE,
+  CountriesQuery,
+  CurrenciesQuery,
+  GET_COUNTRIES,
+  GET_CURRENCIES,
+  GET_USER,
+  TAX_CONTEXT_NAMESPACE,
+  USER_INFO_NAMESPACE,
+  USER_QUERY_NAMESPACE,
+  UserQuery,
+} from "./data";
 
 function getCurrentStep(user: UserQuery["user"]) {
   // return "/submitted";
@@ -158,6 +113,13 @@ export function useTaxAndCash() {
     skip: !user,
   });
 
+  useParentQuery<CurrenciesQuery>({
+    host,
+    namespace: CURRENCIES_NAMESPACE,
+    query: GET_CURRENCIES,
+    skip: !user,
+  });
+
   useEffect(() => {
     if (!host || !user) return;
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index ce66dd2759..8a2a58e117 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -5,7 +5,7 @@ import {
   TAX_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
   UserQuery,
-} from "../sqm-tax-and-cash/useTaxAndCash";
+} from "../sqm-tax-and-cash/data";
 import { TaxDocumentType } from "./sqm-tax-document-submitted-view";
 
 export function getDocumentType(user): TaxDocumentType {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 9f94efcea3..0f6ce97ade 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -166,7 +166,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
   } = props;
   const { classes } = sheet;
 
-  console.log({ formState });
+  console.log({ formState, data });
   return (
     <sl-form
       class={classes.FormWrapper}
@@ -245,6 +245,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
             />
 
             <sl-select
+              id="countryCode"
               exportparts="label: input-label"
               name="/countryCode"
               label={text.country}
@@ -265,6 +266,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               ))}
             </sl-select>
             <sl-select
+              id="currency"
               exportparts="label: input-label"
               name="/currency"
               label={text.currency}
@@ -280,7 +282,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
             >
               {data?.currencies?.map((c) => (
                 <sl-menu-item value={c.currencyCode}>
-                  {c.displayName}
+                  {c.currencyCode}
                 </sl-menu-item>
               ))}
             </sl-select>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index bb42596026..f7d38a5bd8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -6,7 +6,7 @@ import { getProps } from "../../../utils/utils";
 import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
 import { userInfoText } from "./defaultTextCopy";
 import { UserInfoFormView } from "./sqm-user-info-form-view";
-import { useTaxForm } from "./useUserInfoForm";
+import { useUserInfoForm } from "./useUserInfoForm";
 
 /**
  * @uiName Tax And Cash
@@ -76,11 +76,12 @@ export class TaxForm {
 
   render() {
     // const props = isDemo() ? useUserNameDemo(this) : useUserName();
-    const props = useTaxForm(getProps(this));
+    const props = useUserInfoForm(getProps(this));
 
     return (
       <Host>
         <UserInfoFormView
+          data={props.data}
           states={{
             disabled: false,
             //@ts-ignore
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 349cd935d9..ecbaf6cd0e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -1,14 +1,18 @@
 import { useEffect, useRef } from "@saasquatch/universal-hooks";
 import jsonpointer from "jsonpointer";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useParent } from "../../../utils/useParentState";
 import {
+  COUNTRIES_NAMESPACE,
+  CURRENCIES_NAMESPACE,
+  CountriesQuery,
+  CurrenciesQuery,
   TAX_CONTEXT_NAMESPACE,
   USER_INFO_NAMESPACE,
   USER_QUERY_NAMESPACE,
   UserQuery,
-} from "../sqm-tax-and-cash/useTaxAndCash";
+} from "../sqm-tax-and-cash/data";
 import { TaxForm } from "./sqm-user-info-form";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
@@ -37,7 +41,7 @@ export type InitialData = {
   [key: string]: string;
 };
 
-export function useTaxForm(props: TaxForm) {
+export function useUserInfoForm(props: TaxForm) {
   const formRef = useRef<HTMLFormElement>(null);
 
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
@@ -45,6 +49,10 @@ export function useTaxForm(props: TaxForm) {
 
   const { data, loading } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+  const { data: _countries, loading: countriesLoading } =
+    useParentQueryValue<CountriesQuery>(COUNTRIES_NAMESPACE);
+  const { data: currenciesRes, loading: loadingCurrencies } =
+    useParentQueryValue<CurrenciesQuery>(CURRENCIES_NAMESPACE);
 
   useEffect(() => {
     console.log({ data });
@@ -119,6 +127,8 @@ export function useTaxForm(props: TaxForm) {
     } catch {}
   }
 
+  console.log({ _countries });
+
   return {
     step: step,
     setStep: setStep,
@@ -140,8 +150,8 @@ export function useTaxForm(props: TaxForm) {
       formRef,
     },
     data: {
-      currencies: [],
-      countries: [],
+      currencies: currenciesRes?.currencies?.data,
+      countries: _countries?.countries?.data,
     },
     states: {
       loading,

From 9df37f6ae798e6a999e7442371258e1b35197a96 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 30 Jan 2024 17:19:46 -0800
Subject: [PATCH 112/753] Add more stories

---
 .../sqm-user-info-form/TaxForm.stories.tsx    | 36 +++++++++++++++++
 .../small-views/IndirectTaxDetailsView.tsx    |  2 +-
 .../small-views/SlotViews.stories.tsx         | 39 ++++++++++++++++++-
 packages/mint-components/src/index.html       |  6 +--
 4 files changed, 78 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 42e94130a1..fe3c42d36b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -24,7 +24,9 @@ import {
 } from "./defaultTextCopy";
 import {
   RegisteredInCanada,
+  RegisteredInCanadaWithErrors,
   RegisteredInOtherRegion,
+  RegisteredInOtherRegionWithErrors,
 } from "./small-views/SlotViews.stories";
 import {
   UserInfoFormViewProps,
@@ -352,6 +354,22 @@ export const StepTwoHSTChecked = () => {
   );
 };
 
+export const StepTwoHSTCheckedWithInputErrors = () => {
+  return (
+    <IndirectTaxFormView
+      {...stepTwoProps}
+      states={{
+        ...stepTwoProps.states,
+        registeredInCanadaDetailsSlot: <RegisteredInCanadaWithErrors />,
+        formState: {
+          ...stepTwoProps.states.formState,
+          checked: "hstCanada",
+        },
+      }}
+    />
+  );
+};
+
 export const StepTwoOtherRegionChecked = () => {
   return (
     <IndirectTaxFormView
@@ -368,6 +386,24 @@ export const StepTwoOtherRegionChecked = () => {
   );
 };
 
+export const StepTwoOtherRegionCheckedWithInputErrors = () => {
+  return (
+    <IndirectTaxFormView
+      {...stepTwoProps}
+      states={{
+        ...stepTwoProps.states,
+        registeredInDifferentCountryDetailsSlot: (
+          <RegisteredInOtherRegionWithErrors />
+        ),
+        formState: {
+          ...stepTwoProps.states.formState,
+          checked: "otherRegion",
+        },
+      }}
+    />
+  );
+};
+
 export const StepTwoNotRegisteredChecked = () => {
   return (
     <IndirectTaxFormView
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index bfba7c8436..f69053089a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -89,7 +89,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
   } = props;
 
   const { classes } = sheet;
-
+  console.log({ formState });
   return (
     <div style={states.hide ? { display: "none" } : {}}>
       <form class={classes.Container}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
index a341b792be..9b9ef0a5c8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
@@ -3,6 +3,7 @@ import { indirectDetailsSlotText } from "../defaultTextCopy";
 import {
   IndirectDetailsSlotView,
   IndirectDetailsSlotViewProps,
+  OtherRegionSlotView,
 } from "./IndirectTaxDetailsView";
 
 export default {
@@ -42,9 +43,45 @@ const registeredInCanada: IndirectDetailsSlotViewProps = {
 };
 
 export const RegisteredInOtherRegion = () => {
-  return <IndirectDetailsSlotView {...registeredInOtherRegion} />;
+  return <OtherRegionSlotView {...registeredInOtherRegion} />;
 };
 
 export const RegisteredInCanada = () => {
   return <IndirectDetailsSlotView {...registeredInCanada} />;
 };
+
+export const RegisteredInOtherRegionWithErrors = () => {
+  return (
+    <OtherRegionSlotView
+      {...registeredInOtherRegion}
+      states={{
+        ...registeredInOtherRegion.states,
+        formState: {
+          ...registeredInOtherRegion.states.formState,
+          errors: {
+            vatNumber: true,
+            selectedRegion: true,
+          },
+        },
+      }}
+    />
+  );
+};
+
+export const RegisteredInCanadaWithErrors = () => {
+  return (
+    <IndirectDetailsSlotView
+      {...registeredInCanada}
+      states={{
+        ...registeredInCanada.states,
+        formState: {
+          ...registeredInCanada.states.formState,
+          errors: {
+            province: true,
+            indirectTaxNumber: true,
+          },
+        },
+      }}
+    />
+  );
+};
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index d0ed081404..e3f1d5bbf8 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,8 +12,8 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash>
       <template path="/1">
         <sqm-user-info-form />
       </template>
@@ -32,7 +32,7 @@
         <sqm-tax-document-submitted />
       </template>
       <template path="/4">confirmation screen</template>
-    </sqm-tax-and-cash>
+    </sqm-tax-and-cash> -->
     <!-- <template path="/4">
         <sqm-cash-form />
       </template> -->

From 10817e179c2825fcc28d4651dac4ef1b5790a099 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 30 Jan 2024 17:30:14 -0800
Subject: [PATCH 113/753] bit of cleanup

---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx          |  1 -
 .../sqm-tax-and-cash/useTaxAndCash.tsx             |  5 -----
 .../mint-components/src/utils/useParentQuery.ts    |  6 +++---
 .../mint-components/src/utils/useParentState.ts    | 14 +++++++-------
 4 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 3d48845e67..fe004140e7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -82,7 +82,6 @@ function getPrevStep(step: string) {
 function useTaxAndCashDemo(props: TaxAndCash) {
   const host = useHost();
   const [step, setStep] = useParentState<string>({
-    host,
     namespace: TAX_CONTEXT_NAMESPACE,
     initialValue: "/1",
   });
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index e4426e5c81..95c474f348 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -84,19 +84,16 @@ export function useTaxAndCash() {
   // TODO: Load tax document status info
 
   const [step, setStep] = useParentState<string>({
-    host,
     namespace: TAX_CONTEXT_NAMESPACE,
     initialValue: "/loading",
   });
 
   useParentState<FormState>({
-    host,
     namespace: USER_INFO_NAMESPACE,
     initialValue: {},
   });
 
   const { data } = useParentQuery<UserQuery>({
-    host,
     namespace: USER_QUERY_NAMESPACE,
     query: GET_USER,
     variables: {
@@ -107,14 +104,12 @@ export function useTaxAndCash() {
   });
 
   useParentQuery<CountriesQuery>({
-    host,
     namespace: COUNTRIES_NAMESPACE,
     query: GET_COUNTRIES,
     skip: !user,
   });
 
   useParentQuery<CurrenciesQuery>({
-    host,
     namespace: CURRENCIES_NAMESPACE,
     query: GET_CURRENCIES,
     skip: !user,
diff --git a/packages/mint-components/src/utils/useParentQuery.ts b/packages/mint-components/src/utils/useParentQuery.ts
index 60e1da336e..bb92735173 100644
--- a/packages/mint-components/src/utils/useParentQuery.ts
+++ b/packages/mint-components/src/utils/useParentQuery.ts
@@ -1,4 +1,4 @@
-import { useQuery } from "@saasquatch/component-boilerplate";
+import { useHost, useQuery } from "@saasquatch/component-boilerplate";
 import { QueryData } from "@saasquatch/component-boilerplate/dist/hooks/graphql/useBaseQuery";
 import { useDomContextState } from "@saasquatch/dom-context-hooks";
 import { useDomContext } from "@saasquatch/stencil-hooks";
@@ -7,7 +7,6 @@ import { deepEqual } from "fast-equals";
 import { getContextValueName } from "./useParentState";
 
 type ParentQueryProps = {
-  host: HTMLElement;
   namespace: string;
   query?: string;
   variables?: { [key: string]: unknown };
@@ -15,10 +14,11 @@ type ParentQueryProps = {
 };
 
 export function useParentQuery<T>(props: ParentQueryProps): QueryData<T> {
+  const host = useHost();
   const query = useQuery(props.query, props.variables || {}, props.skip);
 
   const [value, setValue] = useDomContextState<QueryData<any>>(
-    props.host,
+    host,
     getContextValueName(props.namespace),
     query
   );
diff --git a/packages/mint-components/src/utils/useParentState.ts b/packages/mint-components/src/utils/useParentState.ts
index 04af848d17..9723f074b4 100644
--- a/packages/mint-components/src/utils/useParentState.ts
+++ b/packages/mint-components/src/utils/useParentState.ts
@@ -1,26 +1,26 @@
+import { useHost } from "@saasquatch/component-boilerplate";
 import { useDomContextState } from "@saasquatch/dom-context-hooks";
 import { useDomContext } from "@saasquatch/stencil-hooks";
 
 export type StateType<T> = [value?: T, setValue?: (value: T) => void];
 
 type ParentStateProps<T> = {
-  host: HTMLElement;
   namespace: string;
   initialValue?: T;
 };
 
 export function useParentState<T>(props: ParentStateProps<T>): StateType<T> {
+  const host = useHost();
   const [value, setValue] = useDomContextState<T>(
-    props.host,
+    host,
     getContextValueName(props.namespace),
     props.initialValue as T
   );
 
-  useDomContextState<StateType<T>>(
-    props.host,
-    getContextName(props.namespace),
-    [value, setValue]
-  );
+  useDomContextState<StateType<T>>(host, getContextName(props.namespace), [
+    value,
+    setValue,
+  ]);
 
   return [value, setValue];
 }

From 330c97d681eefacc4d99907d94a019d9ecb50136 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 31 Jan 2024 10:46:38 -0800
Subject: [PATCH 114/753] Add expired state to docusign form view

---
 .../sqm-docusign-form-view.tsx                 | 14 +++++++++++++-
 .../sqm-docusign-form/useDocusignForm.tsx      |  2 ++
 .../sqm-user-info-form/TaxForm.stories.tsx     | 18 ++++++++++++++++++
 3 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index debe08af53..f4c5181933 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -10,6 +10,8 @@ export interface DocusignFormViewProps {
     disabled: boolean;
     formState: {
       completedTaxForm: boolean;
+      taxFormExpired: boolean;
+      taxFormTime: string;
       errors?: any;
     };
     documentType?: TaxDocumentType;
@@ -125,6 +127,7 @@ const style = {
       textDecoration: "underline",
     },
   },
+  Dialog: {},
 };
 
 const sheet = createStyleSheet(style);
@@ -169,6 +172,13 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
         {styleString}
         {vanillaStyle}
       </style>
+      <sl-dialog
+        class={classes.Dialog}
+        open={formState.taxFormExpired}
+        // onSl-hide={() => callbacks.setOpen(false)}
+      >
+        <sl-icon name="clock"></sl-icon>
+      </sl-dialog>
       <div class={classes.TextContainer}>
         <div>
           <p>{text.formStep}</p>
@@ -213,7 +223,9 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             class={classes.InfoAlert}
           >
             <sl-icon slot="icon" name="clock"></sl-icon>
-            <strong style={{ fontSize: "20px" }}>4:25</strong>
+            <strong style={{ fontSize: "20px" }}>
+              {formState.taxFormTime}
+            </strong>
             <br />
             {text.banner}
           </sl-alert>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 00d079f1e8..c385f4404d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -91,6 +91,8 @@ export function useDocusignForm(props: DocusignForm, el: any) {
       loading: taxInfoLoading,
       formState: {
         completedTaxForm: formSubmitted,
+        taxFormExpired: false, // TODO: Unhardcode this
+        taxFormTime: "4:30", // TODO: Unhardcode this
         errors,
       },
       documentType: taxInfo.taxForm?.toUpperCase() as TaxDocumentType,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index fe3c42d36b..48664a1dbb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -187,6 +187,8 @@ const docusignFormProps: DocusignFormViewProps = {
     submitDisabled: false,
     formState: {
       completedTaxForm: true,
+      taxFormExpired: false,
+      taxFormTime: "4:25",
     },
   },
   callbacks: {
@@ -469,6 +471,22 @@ export const StepThreeDocusignDisabled = () => {
   );
 };
 
+export const StepThreeDocusignTimeExpired = () => {
+  // @ts-ignore TODO: fix this
+  return (
+    <DocusignFormView
+      {...docusignFormProps}
+      states={{
+        ...docusignFormProps.states,
+        formState: {
+          ...docusignFormProps.states.formState,
+          taxFormExpired: true,
+        },
+      }}
+    />
+  );
+};
+
 export const StepThreeWithFormSelector = () => {
   return <DocumentTypeFormView {...documentTypeFormProps} />;
 };

From cf555148a565b677714f4392cc2b10d26709e404 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 31 Jan 2024 11:24:22 -0800
Subject: [PATCH 115/753] pre-load country into dropdown in indirect tax form

---
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.tsx   | 11 +++++++++--
 .../sqm-indirect-tax-form/useIndirectTaxForm.tsx      |  4 +++-
 .../small-views/IndirectTaxDetailsView.tsx            |  2 ++
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index e79c9e5040..9c0fe2e2d2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -54,7 +54,10 @@ export class IndirectTaxForm {
     const hstSlot = (
       <IndirectDetailsSlotView
         states={{
-          formState: { registeredIn, errors: props.errors },
+          formState: {
+            registeredIn,
+            errors: props.errors,
+          },
           loading: props.loading,
           hide: props.option !== "hstCanada",
         }}
@@ -67,7 +70,11 @@ export class IndirectTaxForm {
       <OtherRegionSlotView
         states={{
           hide: props.option !== "otherRegion",
-          formState: { registeredIn, errors: props.errors },
+          formState: {
+            registeredIn,
+            countryCode: props.countryCode,
+            errors: props.errors,
+          },
           loading: props.loading,
         }}
         data={{ countries: props.countries }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index e06c69e82f..6801eafd5f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -36,7 +36,8 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
   const userFormData = useParentValue<FormState>(USER_INFO_NAMESPACE);
   const user = useUserIdentity();
 
-  const { refetch } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+  const { data: userData, refetch } =
+    useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
   const { data: _countries, loading: countriesLoading } =
     useParentQueryValue<CountriesQuery>(COUNTRIES_NAMESPACE);
 
@@ -131,5 +132,6 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     option,
     onChange: setOption,
     formRef,
+    countryCode: userFormData.countryCode || userData?.user?.countryCode,
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index f69053089a..e4d1efc3d8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -7,6 +7,7 @@ export interface IndirectDetailsSlotViewProps {
     loading: boolean;
     hide: boolean;
     formState: {
+      countryCode?: string;
       registeredIn: "canada" | "otherRegion";
       selectedRegion?: string;
       vatNumber?: number;
@@ -111,6 +112,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             })}
             id="selectedRegion"
             name="/selectedRegion"
+            value={formState.countryCode}
           >
             {props.data.countries?.map((c) => (
               <sl-menu-item value={c.countryCode}>{c.displayName}</sl-menu-item>

From 61f757831998f358c0b824c0c092a515d08eef63 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 31 Jan 2024 13:49:18 -0800
Subject: [PATCH 116/753] demo hooks

---
 packages/mint-components/src/components.d.ts  | 20 ++++++--
 .../sqm-document-type-form.tsx                | 48 +++++++++++++++--
 .../sqm-docusign-form/sqm-docusign-form.tsx   | 51 ++++++++++++++++---
 .../sqm-indirect-tax-form.tsx                 | 50 +++++++++++++++++-
 .../useIndirectTaxForm.tsx                    | 14 +++--
 .../sqm-user-info-form/sqm-user-info-form.tsx | 41 +++++++++++++--
 6 files changed, 204 insertions(+), 20 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index f622a9c196..4bf75418ec 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -11,11 +11,13 @@ import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { UserNameViewProps } from "./components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
 import { CouponCodeViewProps } from "./components/sqm-coupon-code/sqm-coupon-code-view";
-import { IndirectTaxFormViewProps } from "./components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view";
+import { DocumentTypeFormViewProps } from "./components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view";
+import { DocusignFormViewProps } from "./components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view";
 import { DropdownFieldViewProps } from "./components/sqm-dropdown-field/sqm-dropdown-field-view";
 import { EditProfileViewProps } from "./components/sqm-edit-profile/sqm-edit-profile-view";
 import { Spacing } from "./global/mixins";
 import { FunctionalComponent } from "@stencil/core";
+import { IndirectTaxFormViewProps } from "./components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view";
 import { InputFieldViewProps } from "./components/sqm-input-field/sqm-input-field-view";
 import { EmailRegistrationViewProps } from "./components/views/email-registration-view";
 import { LeaderboardViewProps } from "./components/sqm-leaderboard/sqm-leaderboard-view";
@@ -286,6 +288,7 @@ export namespace Components {
     }
     interface SqmDocumentTypeForm {
         "backButton": string;
+        "demoData": DemoData<DocumentTypeFormViewProps>;
         "formLabel": string;
         "formStep": string;
         "formSubmissionError": string;
@@ -312,7 +315,7 @@ export namespace Components {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<IndirectTaxFormViewProps>;
+        "demoData"?: DemoData<DocusignFormViewProps>;
         "formStep": string;
         "generalErrorDescription": string;
         "generalErrorTitle": string;
@@ -604,6 +607,11 @@ export namespace Components {
     }
     interface SqmIndirectTaxForm {
         "backButton": string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<IndirectTaxFormViewProps>;
         "formStep": string;
         "generalErrorDescription": string;
         "generalErrorTitle": string;
@@ -3989,6 +3997,7 @@ declare namespace LocalJSX {
     }
     interface SqmDocumentTypeForm {
         "backButton"?: string;
+        "demoData"?: DemoData<DocumentTypeFormViewProps>;
         "formLabel"?: string;
         "formStep"?: string;
         "formSubmissionError"?: string;
@@ -4015,7 +4024,7 @@ declare namespace LocalJSX {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<IndirectTaxFormViewProps>;
+        "demoData"?: DemoData<DocusignFormViewProps>;
         "formStep"?: string;
         "generalErrorDescription"?: string;
         "generalErrorTitle"?: string;
@@ -4307,6 +4316,11 @@ declare namespace LocalJSX {
     }
     interface SqmIndirectTaxForm {
         "backButton"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<IndirectTaxFormViewProps>;
         "formStep"?: string;
         "generalErrorDescription"?: string;
         "generalErrorTitle"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
index 18d338c3b2..6a80b6c646 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
@@ -1,9 +1,15 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Prop, h } from "@stencil/core";
-import { DocumentTypeFormView } from "./sqm-document-type-form-view";
+import {
+  DocumentTypeFormView,
+  DocumentTypeFormViewProps,
+} from "./sqm-document-type-form-view";
 import { getProps } from "../../../utils/utils";
 import { useDocumentTypeForm } from "./useDocumentTypeForm";
 import { documentTypeFormText } from "../sqm-user-info-form/defaultTextCopy";
+import deepmerge from "deepmerge";
+import { DemoData } from "../../../global/demo";
+import { isDemo } from "@saasquatch/component-boilerplate";
 
 @Component({
   tag: "sqm-document-type-form",
@@ -27,6 +33,8 @@ export class DocumentTypeForm {
   @Prop() generalErrorDescription: string =
     documentTypeFormText.error.generalDescription;
 
+  @Prop() demoData: DemoData<DocumentTypeFormViewProps>;
+
   constructor() {
     withHooks(this);
   }
@@ -34,8 +42,10 @@ export class DocumentTypeForm {
   disconnectedCallback() {}
 
   render() {
-    const props = useDocumentTypeForm(getProps(this));
-    console.log("3b");
+    const props = isDemo()
+      ? useDemoDocumentTypeForm(getProps(this))
+      : useDocumentTypeForm(getProps(this));
+
     return (
       <DocumentTypeFormView
         callbacks={props.callbacks}
@@ -45,3 +55,35 @@ export class DocumentTypeForm {
     );
   }
 }
+
+function useDemoDocumentTypeForm(
+  props: DocumentTypeForm
+): DocumentTypeFormViewProps {
+  return deepmerge(
+    {
+      callbacks: {
+        onSubmit: () => {},
+        onBack: () => {},
+      },
+      states: {
+        loading: false,
+        disabled: false,
+        formState: {
+          formSubmission: false,
+          selectedTaxForm: "w9" as const,
+          errors: {},
+        },
+      },
+      text: {
+        ...props,
+        error: {
+          formSubmission: props.formSubmissionError,
+          generalTitle: props.generalErrorTitle,
+          generalDescription: props.generalErrorDescription,
+        },
+      },
+    },
+    props.demoData || {},
+    { arrayMerge: (_, a) => a }
+  );
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 928673da72..0205775c0f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -5,8 +5,12 @@ import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { IndirectTaxFormViewProps } from "../sqm-indirect-tax-form/sqm-indirect-tax-form-view";
 import { useDocusignForm } from "./useDocusignForm";
-import { DocusignFormView } from "./sqm-docusign-form-view";
+import {
+  DocusignFormView,
+  DocusignFormViewProps,
+} from "./sqm-docusign-form-view";
 import { docusignFormText } from "../sqm-user-info-form/defaultTextCopy";
+import { isDemo } from "@saasquatch/component-boilerplate";
 
 /**
  * @uiName Tax And Cash
@@ -38,7 +42,7 @@ export class DocusignForm {
    * @undocumented
    * @uiType object
    */
-  @Prop() demoData?: DemoData<IndirectTaxFormViewProps>;
+  @Prop() demoData?: DemoData<DocusignFormViewProps>;
 
   constructor() {
     withHooks(this);
@@ -47,8 +51,9 @@ export class DocusignForm {
   disconnectedCallback() {}
 
   render() {
-    // const props = isDemo() ? useUserNameDemo(this) : useUserName();
-    const props = useDocusignForm(getProps(this), this.el);
+    const props = isDemo()
+      ? useDocusignFormDemo(getProps(this))
+      : useDocusignForm(getProps(this), this.el);
 
     return (
       <Host>
@@ -62,6 +67,40 @@ export class DocusignForm {
   }
 }
 
-function useTaxAndCashDemo(props) {
-  return deepmerge({}, props.demoData || {}, { arrayMerge: (_, a) => a });
+function useDocusignFormDemo(
+  props: DocusignForm
+): Partial<DocusignFormViewProps> {
+  return deepmerge(
+    {
+      text: {
+        ...props,
+        error: {
+          generalTitle: props.generalErrorTitle,
+          generalDescription: props.generalErrorDescription,
+        },
+      },
+      states: {
+        disabled: false,
+        submitDisabled: false,
+        loading: false,
+        formState: {
+          completedTaxForm: true,
+          errors: {},
+        },
+        documentType: "W9",
+      },
+      data: {
+        taxForm: "W9",
+        documentUrl: "https://example.com",
+      },
+      callbacks: {
+        onShowDocumentType: () => {},
+        onSubmit: () => {},
+        toggleFormSubmitted: () => {},
+        onBack: () => {},
+      },
+    },
+    props.demoData || {},
+    { arrayMerge: (_, a) => a }
+  );
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index d1fb257acb..5a3dc7bd5e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -6,8 +6,15 @@ import {
   IndirectDetailsSlotView,
   OtherRegionSlotView,
 } from "../sqm-user-info-form/small-views/IndirectTaxDetailsView";
-import { IndirectTaxFormView } from "./sqm-indirect-tax-form-view";
+import {
+  IndirectTaxFormView,
+  IndirectTaxFormViewProps,
+} from "./sqm-indirect-tax-form-view";
 import { useIndirectTaxForm } from "./useIndirectTaxForm";
+import { DemoData } from "../../../global/demo";
+import deepmerge from "deepmerge";
+import { useState } from "@saasquatch/universal-hooks";
+import { isDemo } from "@saasquatch/component-boilerplate";
 
 @Component({
   tag: "sqm-indirect-tax-form",
@@ -30,6 +37,13 @@ export class IndirectTaxForm {
   @Prop() generalErrorTitle: string = indirectTaxFormText.error.generalTitle;
   @Prop() generalErrorDescription: string =
     indirectTaxFormText.error.generalDescription;
+
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  @Prop() demoData?: DemoData<IndirectTaxFormViewProps>;
+
   constructor() {
     withHooks(this);
   }
@@ -37,7 +51,9 @@ export class IndirectTaxForm {
   disconnectedCallback() {}
 
   render() {
-    const props = useIndirectTaxForm(getProps(this));
+    const props = isDemo()
+      ? useDemoIndirectTaxForm(getProps(this))
+      : useIndirectTaxForm(getProps(this));
 
     const registeredIn =
       props.option === "hstCanada"
@@ -94,3 +110,33 @@ export class IndirectTaxForm {
     );
   }
 }
+
+function useDemoIndirectTaxForm(
+  props: IndirectTaxForm
+): ReturnType<typeof useIndirectTaxForm> {
+  const [option, setOption] = useState(null);
+
+  return deepmerge(
+    {
+      loading: false,
+      countries: [{ countryCode: "CA", displayName: "Canada" }],
+      text: {
+        ...props,
+        error: {
+          generalTitle: props.generalErrorTitle,
+          generalDescription: props.generalErrorDescription,
+          taxDetails: props.taxDetailsError,
+        },
+      },
+      errors: {},
+      onBack: () => {},
+      onSubmit: async () => {},
+      submitDisabled: false,
+      option: option,
+      onChange: setOption,
+      formRef: { current: null },
+    },
+    props.demoData || {},
+    { arrayMerge: (_, a) => a }
+  );
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 5396afc6ca..f8b70dc7fe 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -13,6 +13,7 @@ import {
 } from "../sqm-tax-and-cash/useTaxAndCash";
 import { FormState } from "../sqm-user-info-form/useUserInfoForm";
 import { optional } from "../../../utilities";
+import { IndirectTaxForm } from "./sqm-indirect-tax-form";
 
 const GET_COUNTRIES = gql`
   query getCurrencies {
@@ -34,7 +35,7 @@ const UPSERT_USER = gql`
   }
 `;
 
-export function useIndirectTaxForm(props: any) {
+export function useIndirectTaxForm(props: IndirectTaxForm) {
   const formRef = useRef<HTMLFormElement>(null);
   const [loading, setLoading] = useState(false);
   const [upsertUser, upsertUserResponse] = useMutation(UPSERT_USER);
@@ -78,7 +79,7 @@ export function useIndirectTaxForm(props: any) {
       JSONPointer.set(formData, key, value);
 
       if (control.required && !value) {
-        JSONPointer.set(validationErrors, key, { status: "invalid" });
+        JSONPointer.set(validationErrors, key, true);
       }
     });
 
@@ -125,7 +126,14 @@ export function useIndirectTaxForm(props: any) {
   return {
     loading: loading || countriesLoading,
     countries,
-    text: props,
+    text: {
+      ...props,
+      error: {
+        generalTitle: props.generalErrorTitle,
+        generalDescription: props.generalErrorDescription,
+        taxDetails: props.taxDetailsError,
+      },
+    },
     errors,
     onBack,
     onSubmit,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index bb42596026..e7231a72da 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -7,6 +7,8 @@ import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
 import { userInfoText } from "./defaultTextCopy";
 import { UserInfoFormView } from "./sqm-user-info-form-view";
 import { useTaxForm } from "./useUserInfoForm";
+import { useState } from "@saasquatch/universal-hooks";
+import { isDemo } from "@saasquatch/component-boilerplate";
 
 /**
  * @uiName Tax And Cash
@@ -75,8 +77,9 @@ export class TaxForm {
   disconnectedCallback() {}
 
   render() {
-    // const props = isDemo() ? useUserNameDemo(this) : useUserName();
-    const props = useTaxForm(getProps(this));
+    const props = isDemo()
+      ? useTaxAndCashDemo(getProps(this))
+      : useTaxForm(getProps(this));
 
     return (
       <Host>
@@ -100,5 +103,37 @@ export class TaxForm {
 }
 
 function useTaxAndCashDemo(props: TaxForm) {
-  return deepmerge({}, props.demoData || {}, { arrayMerge: (_, a) => a });
+  const [participantType, setParticipantType] = useState(null);
+
+  return deepmerge(
+    {
+      step: "/1",
+      setStep: () => {},
+      onSubmit: () => {},
+      onRadioClick: (value: string) => {
+        setParticipantType(value);
+      },
+      text: {
+        ...props,
+        error: {
+          firstName: props.firstNameError,
+          lastName: props.lastNameError,
+          email: props.emailError,
+          countryCode: props.countryError,
+          currency: props.currencyError,
+          allowBankingCollection: props.allowBankingCollectionError,
+          participantType: props.participantTypeError,
+        },
+      },
+      refs: {
+        formRef: { current: null },
+      },
+      states: {
+        loading: false,
+      },
+      formState: { participantType },
+    },
+    props.demoData || {},
+    { arrayMerge: (_, a) => a }
+  );
 }

From 097784eaa1435925c67bb8cc64e7266481b1c708 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 31 Jan 2024 13:56:32 -0800
Subject: [PATCH 117/753] don't need to set form data if already past set up
 steps

---
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx  | 12 +++++++++++-
 .../sqm-user-info-form/useUserInfoForm.tsx           | 10 ----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 95c474f348..28d8d552a2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -88,7 +88,7 @@ export function useTaxAndCash() {
     initialValue: "/loading",
   });
 
-  useParentState<FormState>({
+  const [_formState, setFormState] = useParentState<FormState>({
     namespace: USER_INFO_NAMESPACE,
     initialValue: {},
   });
@@ -126,6 +126,16 @@ export function useTaxAndCash() {
 
       console.log({ currentStep });
       setStep(currentStep);
+
+      if (currentStep !== "/submitted")
+        setFormState({
+          firstName: user.firstName,
+          lastName: user.lastName,
+          email: user.email,
+          countryCode: user.countryCode,
+          currency: user.customFields?.currency,
+          participantType: user.customFields?.participantType,
+        });
     }
   }, [host, user, data?.user?.email]);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index ecbaf6cd0e..2a8f2f43f8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -58,16 +58,6 @@ export function useUserInfoForm(props: TaxForm) {
     console.log({ data });
     const user = data?.user;
     if (!user || step !== "/1") return;
-
-    setFormState({
-      firstName: user.firstName,
-      lastName: user.lastName,
-      email: user.email,
-      countryCode: user.countryCode,
-      currency: user.customFields?.currency,
-      participantType: user.customFields?.participantType,
-      ...formState,
-    });
   }, [data, step]);
 
   function onRadioClick(value: string) {

From 2732e8351cf79cef5f83bfcdae8f3c343be31bd5 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 31 Jan 2024 16:08:22 -0800
Subject: [PATCH 118/753] add jsdoc strings

---
 packages/mint-components/src/components.d.ts  | 491 +++++++++++++++++-
 .../sqm-document-type-form.tsx                | 104 ++--
 .../sqm-docusign-form-view.tsx                |   2 +-
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  51 +-
 .../sqm-indirect-tax-form.tsx                 |  54 ++
 .../sqm-user-info-form/TaxForm.stories.tsx    |   1 +
 .../sqm-user-info-form/sqm-user-info-form.tsx | 103 +++-
 7 files changed, 724 insertions(+), 82 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 4bf75418ec..aed522c02b 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -11,7 +11,6 @@ import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { UserNameViewProps } from "./components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
 import { CouponCodeViewProps } from "./components/sqm-coupon-code/sqm-coupon-code-view";
-import { DocumentTypeFormViewProps } from "./components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view";
 import { DocusignFormViewProps } from "./components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view";
 import { DropdownFieldViewProps } from "./components/sqm-dropdown-field/sqm-dropdown-field-view";
 import { EditProfileViewProps } from "./components/sqm-edit-profile/sqm-edit-profile-view";
@@ -287,42 +286,140 @@ export namespace Components {
         "dividerStyle": string;
     }
     interface SqmDocumentTypeForm {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
         "backButton": string;
-        "demoData": DemoData<DocumentTypeFormViewProps>;
+        /**
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
+         */
         "formLabel": string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
         "formStep": string;
-        "formSubmissionError": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
         "generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
         "generalErrorTitle": string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
         "submitButton": string;
+        /**
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
+         */
         "taxForm": string;
+        /**
+          * Subtext for the W8 radio button
+          * @uiName W8 radio button subtext
+         */
         "w8Description": string;
+        /**
+          * Subtext for the W8E radio button
+          * @uiName W8E radio button subtext
+         */
         "w8EDescription": string;
+        /**
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
+         */
         "w8ELabel": string;
+        /**
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
+         */
         "w8Label": string;
+        /**
+          * Subtext for the W9 radio button
+          * @uiName W9 radio button subtext
+         */
         "w9Description": string;
+        /**
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
+         */
         "w9Label": string;
     }
     interface SqmDocusignEmbed {
         "url": string;
     }
     interface SqmDocusignForm {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
         "backButton": string;
+        /**
+          * Text shown in the banner above the document
+          * @uiName Banner text
+         */
         "banner": string;
+        /**
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+         */
         "checkboxDescription": string;
+        /**
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
+         */
         "checkboxLabel": string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<DocusignFormViewProps>;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
         "formStep": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
         "generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
         "generalErrorTitle": string;
+        /**
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
+         */
         "notBasedInUS": string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
         "submitButton": string;
+        /**
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
+         */
         "taxForm": string;
+        /**
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
+         */
         "taxFormDescription": string;
+        /**
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
+         */
         "taxFormLabel": string;
     }
     interface SqmDropdownField {
@@ -606,23 +703,75 @@ export namespace Components {
         "minHeight"?: string;
     }
     interface SqmIndirectTaxForm {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
         "backButton": string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<IndirectTaxFormViewProps>;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Indirect tax form step text
+         */
         "formStep": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
         "generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
         "generalErrorTitle": string;
+        /**
+          * Label text for the HST Canada radio button
+          * @uiName HST Canada radio button label
+         */
         "hstCanada": string;
+        /**
+          * Heading text shown at the top of the page
+          * @uiName Indirect tax heading text
+         */
         "indirectTax": string;
+        /**
+          * Subtext shown at the top of the page
+          * @uiName Indirect tax sub text
+         */
         "indirectTaxDescription": string;
+        /**
+          * Heading text shown above the tax details radio buttons
+          * @uiName Indirect tax details heading
+         */
         "indirectTaxDetails": string;
+        /**
+          * Sub text shown above the tax details radio buttons
+          * @uiName Indirect tax details sub text
+         */
         "indirectTaxDetailsDescription": string;
+        /**
+          * Label text for the not registered radio button
+          * @uiName Not registered radio button label
+         */
         "notRegistered": string;
+        /**
+          * Label text for the other region radio button
+          * @uiName Other region radio button label
+         */
         "otherRegion": string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
         "submitButton": string;
+        /**
+          * Error text shown below the tax details radio buttons
+          * @uiName Indirect tax details error text
+         */
         "taxDetailsError": string;
     }
     interface SqmInputField {
@@ -2981,43 +3130,120 @@ export namespace Components {
         "textAlign": "left" | "center" | "right";
     }
     interface SqmUserInfoForm {
+        /**
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
+         */
         "allowBankingCollection": string;
+        /**
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
+         */
         "allowBankingCollectionError": string;
+        /**
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+         */
         "businessEntity": string;
+        /**
+          * Label text for country input
+          * @uiName Country label
+         */
         "country": string;
+        /**
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
+         */
         "countryError": string;
+        /**
+          * Label text for currency input
+          * @uiName Currency label
+         */
         "currency": string;
+        /**
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
+         */
         "currencyError": string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UserNameViewProps>;
+        /**
+          * Label text for email input
+          * @uiName Email label
+         */
         "email": string;
+        /**
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
+         */
         "emailError": string;
+        /**
+          * Label text for first name input
+          * @uiName First name label
+         */
         "firstName": string;
+        /**
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
+         */
         "firstNameError": string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
         "formStep": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
         "generalErrorDescription": string;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
         "generalErrorTitle": string;
+        /**
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+         */
         "individualParticipant": string;
+        /**
+          * Label text for last name input
+          * @uiName Last name label
+         */
         "lastName": string;
+        /**
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
+         */
         "lastNameError": string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
          */
-        "networkErrorMessage": string;
         "participantType": string;
+        /**
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
+         */
         "participantTypeError": string;
+        /**
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
+         */
         "personalInformation": string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
         "submitButton": string;
+        /**
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
+         */
         "taxAndBankingCollection": string;
     }
     interface SqmUserName {
@@ -3996,42 +4222,140 @@ declare namespace LocalJSX {
         "dividerStyle"?: string;
     }
     interface SqmDocumentTypeForm {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
         "backButton"?: string;
-        "demoData"?: DemoData<DocumentTypeFormViewProps>;
+        /**
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
+         */
         "formLabel"?: string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
         "formStep"?: string;
-        "formSubmissionError"?: string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
         "generalErrorDescription"?: string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
         "generalErrorTitle"?: string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
         "submitButton"?: string;
+        /**
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
+         */
         "taxForm"?: string;
+        /**
+          * Subtext for the W8 radio button
+          * @uiName W8 radio button subtext
+         */
         "w8Description"?: string;
+        /**
+          * Subtext for the W8E radio button
+          * @uiName W8E radio button subtext
+         */
         "w8EDescription"?: string;
+        /**
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
+         */
         "w8ELabel"?: string;
+        /**
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
+         */
         "w8Label"?: string;
+        /**
+          * Subtext for the W9 radio button
+          * @uiName W9 radio button subtext
+         */
         "w9Description"?: string;
+        /**
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
+         */
         "w9Label"?: string;
     }
     interface SqmDocusignEmbed {
         "url"?: string;
     }
     interface SqmDocusignForm {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
         "backButton"?: string;
+        /**
+          * Text shown in the banner above the document
+          * @uiName Banner text
+         */
         "banner"?: string;
+        /**
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+         */
         "checkboxDescription"?: string;
+        /**
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
+         */
         "checkboxLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<DocusignFormViewProps>;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
         "formStep"?: string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
         "generalErrorDescription"?: string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
         "generalErrorTitle"?: string;
+        /**
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
+         */
         "notBasedInUS"?: string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
         "submitButton"?: string;
+        /**
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
+         */
         "taxForm"?: string;
+        /**
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
+         */
         "taxFormDescription"?: string;
+        /**
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
+         */
         "taxFormLabel"?: string;
     }
     interface SqmDropdownField {
@@ -4315,23 +4639,75 @@ declare namespace LocalJSX {
         "minHeight"?: string;
     }
     interface SqmIndirectTaxForm {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
         "backButton"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<IndirectTaxFormViewProps>;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Indirect tax form step text
+         */
         "formStep"?: string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
         "generalErrorDescription"?: string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
         "generalErrorTitle"?: string;
+        /**
+          * Label text for the HST Canada radio button
+          * @uiName HST Canada radio button label
+         */
         "hstCanada"?: string;
+        /**
+          * Heading text shown at the top of the page
+          * @uiName Indirect tax heading text
+         */
         "indirectTax"?: string;
+        /**
+          * Subtext shown at the top of the page
+          * @uiName Indirect tax sub text
+         */
         "indirectTaxDescription"?: string;
+        /**
+          * Heading text shown above the tax details radio buttons
+          * @uiName Indirect tax details heading
+         */
         "indirectTaxDetails"?: string;
+        /**
+          * Sub text shown above the tax details radio buttons
+          * @uiName Indirect tax details sub text
+         */
         "indirectTaxDetailsDescription"?: string;
+        /**
+          * Label text for the not registered radio button
+          * @uiName Not registered radio button label
+         */
         "notRegistered"?: string;
+        /**
+          * Label text for the other region radio button
+          * @uiName Other region radio button label
+         */
         "otherRegion"?: string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
         "submitButton"?: string;
+        /**
+          * Error text shown below the tax details radio buttons
+          * @uiName Indirect tax details error text
+         */
         "taxDetailsError"?: string;
     }
     interface SqmInputField {
@@ -6665,43 +7041,120 @@ declare namespace LocalJSX {
         "textAlign"?: "left" | "center" | "right";
     }
     interface SqmUserInfoForm {
+        /**
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
+         */
         "allowBankingCollection"?: string;
+        /**
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
+         */
         "allowBankingCollectionError"?: string;
+        /**
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+         */
         "businessEntity"?: string;
+        /**
+          * Label text for country input
+          * @uiName Country label
+         */
         "country"?: string;
+        /**
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
+         */
         "countryError"?: string;
+        /**
+          * Label text for currency input
+          * @uiName Currency label
+         */
         "currency"?: string;
+        /**
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
+         */
         "currencyError"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UserNameViewProps>;
+        /**
+          * Label text for email input
+          * @uiName Email label
+         */
         "email"?: string;
+        /**
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
+         */
         "emailError"?: string;
+        /**
+          * Label text for first name input
+          * @uiName First name label
+         */
         "firstName"?: string;
+        /**
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
+         */
         "firstNameError"?: string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
         "formStep"?: string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
         "generalErrorDescription"?: string;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
         "generalErrorTitle"?: string;
+        /**
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+         */
         "individualParticipant"?: string;
+        /**
+          * Label text for last name input
+          * @uiName Last name label
+         */
         "lastName"?: string;
+        /**
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
+         */
         "lastNameError"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
          */
-        "networkErrorMessage"?: string;
         "participantType"?: string;
+        /**
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
+         */
         "participantTypeError"?: string;
+        /**
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
+         */
         "personalInformation"?: string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
         "submitButton"?: string;
+        /**
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
+         */
         "taxAndBankingCollection"?: string;
     }
     interface SqmUserName {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
index 6a80b6c646..849956b762 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
@@ -1,40 +1,84 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Prop, h } from "@stencil/core";
-import {
-  DocumentTypeFormView,
-  DocumentTypeFormViewProps,
-} from "./sqm-document-type-form-view";
+import { DocumentTypeFormView } from "./sqm-document-type-form-view";
 import { getProps } from "../../../utils/utils";
 import { useDocumentTypeForm } from "./useDocumentTypeForm";
 import { documentTypeFormText } from "../sqm-user-info-form/defaultTextCopy";
-import deepmerge from "deepmerge";
-import { DemoData } from "../../../global/demo";
-import { isDemo } from "@saasquatch/component-boilerplate";
 
 @Component({
   tag: "sqm-document-type-form",
   shadow: true,
 })
 export class DocumentTypeForm {
+  /**
+   * Sub text shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Tax form step text
+   */
   @Prop() formStep: string = documentTypeFormText.formStep;
+  /**
+   * Sub text shown above form selection radio buttons
+   * @uiName Tax form selection heading text
+   */
   @Prop() formLabel: string = documentTypeFormText.formLabel;
+  /**
+   * Heading text shown at the top of the top of page
+   * @uiName Tax form heading text
+   */
   @Prop() taxForm: string = documentTypeFormText.taxForm;
+  /**
+   * Label text for the W9 radio button
+   * @uiName W9 radio button label
+   */
   @Prop() w9Label: string = documentTypeFormText.w9Label;
+  /**
+   * Subtext for the W9 radio button
+   * @uiName W9 radio button subtext
+   */
   @Prop() w9Description: string = documentTypeFormText.w9Description;
+  /**
+   * Label text for the W8 radio button
+   * @uiName W8 radio button label
+   */
   @Prop() w8Label: string = documentTypeFormText.w8Label;
+  /**
+   * Subtext for the W8 radio button
+   * @uiName W8 radio button subtext
+   */
   @Prop() w8Description: string = documentTypeFormText.w8Description;
+  /**
+   * Label text for the W8E radio button
+   * @uiName W8E radio button label
+   */
   @Prop() w8ELabel: string = documentTypeFormText.w8ELabel;
+  /**
+   * Subtext for the W8E radio button
+   * @uiName W8E radio button subtext
+   */
   @Prop() w8EDescription: string = documentTypeFormText.w8EDescription;
+  /**
+   * Text shown inside of submit button
+   * @uiName Submit button text
+   */
   @Prop() submitButton: string = documentTypeFormText.submitButton;
+  /**
+   * Text shown inside of back button
+   * @uiName Back button text
+   */
   @Prop() backButton: string = documentTypeFormText.backButton;
-  @Prop() formSubmissionError: string =
-    documentTypeFormText.error.formSubmission;
+  /**
+   * The title for error message shown at the top of the page in an error banner
+   *
+   * @uiName General error title
+   */
   @Prop() generalErrorTitle: string = documentTypeFormText.error.generalTitle;
+  /**
+   * The error message shown at the top of the page in an error banner
+   *
+   * @uiName General error text
+   */
   @Prop() generalErrorDescription: string =
     documentTypeFormText.error.generalDescription;
 
-  @Prop() demoData: DemoData<DocumentTypeFormViewProps>;
-
   constructor() {
     withHooks(this);
   }
@@ -42,10 +86,8 @@ export class DocumentTypeForm {
   disconnectedCallback() {}
 
   render() {
-    const props = isDemo()
-      ? useDemoDocumentTypeForm(getProps(this))
-      : useDocumentTypeForm(getProps(this));
-
+    const props = useDocumentTypeForm(getProps(this));
+    console.log("3b");
     return (
       <DocumentTypeFormView
         callbacks={props.callbacks}
@@ -55,35 +97,3 @@ export class DocumentTypeForm {
     );
   }
 }
-
-function useDemoDocumentTypeForm(
-  props: DocumentTypeForm
-): DocumentTypeFormViewProps {
-  return deepmerge(
-    {
-      callbacks: {
-        onSubmit: () => {},
-        onBack: () => {},
-      },
-      states: {
-        loading: false,
-        disabled: false,
-        formState: {
-          formSubmission: false,
-          selectedTaxForm: "w9" as const,
-          errors: {},
-        },
-      },
-      text: {
-        ...props,
-        error: {
-          formSubmission: props.formSubmissionError,
-          generalTitle: props.generalErrorTitle,
-          generalDescription: props.generalErrorDescription,
-        },
-      },
-    },
-    props.demoData || {},
-    { arrayMerge: (_, a) => a }
-  );
-}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index f4c5181933..41ffb2bedf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -14,7 +14,7 @@ export interface DocusignFormViewProps {
       taxFormTime: string;
       errors?: any;
     };
-    documentType?: TaxDocumentType;
+    documentType: TaxDocumentType;
   };
   callbacks: {
     onShowDocumentType: () => void;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 0205775c0f..0a6f4021dc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -24,18 +24,67 @@ import { isDemo } from "@saasquatch/component-boilerplate";
 export class DocusignForm {
   @Element() el;
   @State() ignored = true;
-
+  /**
+   * Sub text shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Tax form step text
+   */
   @Prop() formStep: string = docusignFormText.formStep;
+  /**
+   * Heading text shown at the top of the page
+   * @uiName Tax form heading text
+   */
   @Prop() taxForm: string = docusignFormText.taxForm;
+  /**
+   * Text shown at the top of the page next to the document type text
+   * @uiName Tax form label text
+   */
   @Prop() taxFormLabel: string = docusignFormText.taxFormLabel;
+  /**
+   * Subtext shown at the top of the page next to the document type text
+   * @uiName Tax form subtext
+   */
   @Prop() taxFormDescription: string = docusignFormText.taxFormDescription;
+  /**
+   * Text shown in the link to the form for non US residents
+   * @uiName Not based in US link text
+   */
   @Prop() notBasedInUS: string = docusignFormText.notBasedInUS;
+  /**
+   * Text shown in the banner above the document
+   * @uiName Banner text
+   */
   @Prop() banner: string = docusignFormText.banner;
+  /**
+   * Heading text for the form submission checkbox
+   * @uiName Form submission checkbox heading
+   */
   @Prop() checkboxLabel: string = docusignFormText.checkboxLabel;
+  /**
+   * Label text for the form submission checkbox
+   * @uiName Form submission checkbox label
+   */
   @Prop() checkboxDescription: string = docusignFormText.checkboxDescription;
+  /**
+   * Text shown inside of submit button
+   * @uiName Submit button text
+   */
   @Prop() submitButton: string = docusignFormText.submitButton;
+  /**
+   * Text shown inside of back button
+   * @uiName Back button text
+   */
   @Prop() backButton: string = docusignFormText.backButton;
+  /**
+   * The title for error message shown at the top of the page in an error banner
+   *
+   * @uiName General error title
+   */
   @Prop() generalErrorTitle: string = docusignFormText.error.generalTitle;
+  /**
+   * The error message shown at the top of the page in an error banner
+   *
+   * @uiName General error text
+   */
   @Prop() generalErrorDescription: string =
     docusignFormText.error.generalDescription;
   /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 027d946084..0ddfaad886 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -24,20 +24,74 @@ import { isDemo } from "@saasquatch/component-boilerplate";
   shadow: true,
 })
 export class IndirectTaxForm {
+  /**
+   * Sub text shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Indirect tax form step text
+   */
   @Prop() formStep: string = indirectTaxFormText.formStep;
+  /**
+   * Heading text shown at the top of the page
+   * @uiName Indirect tax heading text
+   */
   @Prop() indirectTax: string = indirectTaxFormText.indirectTax;
+  /**
+   * Subtext shown at the top of the page
+   * @uiName Indirect tax sub text
+   */
   @Prop() indirectTaxDescription: string =
     indirectTaxFormText.indirectTaxDescription;
+  /**
+   * Heading text shown above the tax details radio buttons
+   * @uiName Indirect tax details heading
+   */
   @Prop() indirectTaxDetails: string = indirectTaxFormText.indirectTaxDetails;
+  /**
+   * Sub text shown above the tax details radio buttons
+   * @uiName Indirect tax details sub text
+   */
   @Prop() indirectTaxDetailsDescription: string =
     indirectTaxFormText.indirectTaxDetailsDescription;
+  /**
+   * Label text for the HST Canada radio button
+   * @uiName HST Canada radio button label
+   */
   @Prop() hstCanada: string = indirectTaxFormText.hstCanada;
+  /**
+   * Label text for the other region radio button
+   * @uiName Other region radio button label
+   */
   @Prop() otherRegion: string = indirectTaxFormText.otherRegion;
+  /**
+   * Label text for the not registered radio button
+   * @uiName Not registered radio button label
+   */
   @Prop() notRegistered: string = indirectTaxFormText.notRegistered;
+  /**
+   * Text shown inside of submit button
+   * @uiName Submit button text
+   */
   @Prop() submitButton: string = indirectTaxFormText.submitButton;
+  /**
+   * Text shown inside of back button
+   * @uiName Back button text
+   */
   @Prop() backButton: string = indirectTaxFormText.backButton;
+  /**
+   * Error text shown below the tax details radio buttons
+   * @uiName Indirect tax details error text
+   */
   @Prop() taxDetailsError: string = indirectTaxFormText.error.taxDetails;
+  /**
+   * The title for error message shown at the top of the page in an error banner
+   *
+   * @uiName General error title
+   */
   @Prop() generalErrorTitle: string = indirectTaxFormText.error.generalTitle;
+  /**
+   * The error message shown at the top of the page in an error banner
+   *
+   * @uiName General error text
+   */
   @Prop() generalErrorDescription: string =
     indirectTaxFormText.error.generalDescription;
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 48664a1dbb..1b2e0e50c6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -182,6 +182,7 @@ const documentSubmittedLoadingProps: TaxDocumentSubmittedProps = {
 
 const docusignFormProps: DocusignFormViewProps = {
   states: {
+    documentType: "W9",
     loading: false,
     disabled: false,
     submitDisabled: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 62692a34e0..3c7d5f35ee 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -27,48 +27,123 @@ export class TaxForm {
    * @uiType object
    */
   @Prop() demoData?: DemoData<UserNameViewProps>;
-
+  /**
+   * Label text for first name input
+   * @uiName First name label
+   */
   @Prop()
   firstName: string = userInfoText.firstName;
+  /**
+   * Label text for last name input
+   * @uiName Last name label
+   */
   @Prop() lastName: string = userInfoText.lastName;
+  /**
+   * Label text for email input
+   * @uiName Email label
+   */
   @Prop() email: string = userInfoText.email;
+  /**
+   * Label text for country input
+   * @uiName Country label
+   */
   @Prop() country: string = userInfoText.country;
+  /**
+   * Label text for currency input
+   * @uiName Currency label
+   */
   @Prop() currency: string = userInfoText.currency;
+  /**
+   * Label text for tax and banking collection checkbox
+   * @uiName Tax and banking label
+   */
   @Prop() allowBankingCollection: string = userInfoText.allowBankingCollection;
+  /**
+   * Heading text for the tax and banking collection checkbox
+   * @uiName Tax and banking collection checkbox heading
+   */
+  @Prop() taxAndBankingCollection: string =
+    userInfoText.taxAndBankingCollection;
+  /**
+   * Sub text shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Tax form step text
+   */
   @Prop() formStep: string = userInfoText.formStep;
+  /**
+   * Heading text shown above the forms inputs.
+   * @uiName Form heading text
+   */
   @Prop() personalInformation: string = userInfoText.personalInformation;
+  /**
+   * Label text for the business entity radio button
+   * @uiName Business entity radio button label
+   */
   @Prop() businessEntity: string = userInfoText.businessEntity;
-  @Prop() participantType: string = userInfoText.participantType;
+  /**
+   * Label text for the individual participant radio button
+   * @uiName Individual participant radio button label
+   */
   @Prop() individualParticipant: string = userInfoText.individualParticipant;
-  @Prop() taxAndBankingCollection: string =
-    userInfoText.taxAndBankingCollection;
+  /**
+   * Heading text for the participant type radio buttons
+   * @uiName Participant type radio buttons heading
+   */
+  @Prop() participantType: string = userInfoText.participantType;
+  /**
+   * Text shown inside of submit button
+   * @uiName Submit button text
+   */
   @Prop() submitButton: string = userInfoText.submitButton;
+  /**
+   * Error text shown at the bottom of the first name input
+   * @uiName First name input error text
+   */
   @Prop() firstNameError: string = userInfoText.error.firstName;
+  /**
+   * Error text shown at the bottom of the last name input
+   * @uiName Last name input error text
+   */
   @Prop() lastNameError: string = userInfoText.error.lastName;
+  /**
+   * Error text shown at the bottom of the email input
+   * @uiName Email input error text
+   */
   @Prop() emailError: string = userInfoText.error.email;
+  /**
+   * Error text shown at the bottom of the country input
+   * @uiName Country input error text
+   */
   @Prop() countryError: string = userInfoText.error.countryCode;
+  /**
+   * Error text shown at the bottom of the currency input
+   * @uiName Currency input error text
+   */
   @Prop() currencyError: string = userInfoText.error.currency;
+  /**
+   * Error text shown at the bottom of the tax and banking collection checkbox
+   * @uiName Tax and banking collection checkbox error text
+   */
   @Prop() allowBankingCollectionError: string =
     userInfoText.error.allowBankingCollection;
+  /**
+   * Error text shown at the bottom of the participant type checkbox
+   * @uiName Participant type checkbox error text
+   */
   @Prop() participantTypeError: string = userInfoText.error.participantType;
 
   /**
-   * The message to be displayed when a required field is not filled.
+   * The title for error message shown at the top of the page in an error banner
    *
-   * @uiName Required field message
-   * @uiWidget textArea
+   * @uiName General error title
    */
   @Prop() generalErrorTitle: string = userInfoText.error.generalTitle;
-  @Prop() generalErrorDescription: string =
-    userInfoText.error.generalDescription;
-
   /**
-   * The message to be displayed when a the form submission fails unexpectedly.
+   * The error message shown at the top of the page in an error banner
    *
-   * @uiName Network error message
-   * @uiWidget textArea
+   * @uiName General error text
    */
-  @Prop() networkErrorMessage: string = "Network request failed.";
+  @Prop() generalErrorDescription: string =
+    userInfoText.error.generalDescription;
 
   constructor() {
     withHooks(this);

From 9044c210ae4d5daa0ad6de8649bdda32b1bde4b3 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 31 Jan 2024 16:39:28 -0800
Subject: [PATCH 119/753] Fix type errors

---
 .../sqm-document-type-form/sqm-document-type-form-view.tsx      | 1 -
 .../tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx | 1 -
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.tsx             | 2 +-
 .../tax-and-cash/sqm-user-info-form/defaultTextCopy.ts          | 1 -
 4 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
index 96b3b4d35d..dff739414d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
@@ -29,7 +29,6 @@ export interface DocumentTypeFormViewProps {
     error: {
       generalTitle: string;
       generalDescription: string;
-      formSubmission: string;
     };
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
index 129ce343f6..d014c09372 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
@@ -45,7 +45,6 @@ export function useDocumentTypeForm(props: DocumentTypeForm) {
     text: {
       ...props,
       error: {
-        formSubmission: props.formSubmissionError,
         generalTitle: props.generalErrorTitle,
         generalDescription: props.generalErrorDescription,
       },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 0ddfaad886..069e25fbe3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -180,7 +180,7 @@ function useDemoIndirectTaxForm(
   props: IndirectTaxForm
 ): ReturnType<typeof useIndirectTaxForm> {
   const [option, setOption] = useState(null);
-
+  //@ts-ignore
   return deepmerge(
     {
       loading: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 39bf211d1f..2df0073ce3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -106,7 +106,6 @@ export const documentTypeFormText: DocumentTypeFormViewProps["text"] = {
     generalTitle: "There was a problem submitting your information",
     generalDescription:
       "Please review your information and try again. If this problem continues, contact Support.",
-    formSubmission: "error",
   },
 };
 

From 6df07abd0dcc5cbadf30c51c775a8c0eae063578 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 31 Jan 2024 17:03:20 -0800
Subject: [PATCH 120/753] Cleanup docusign form view

---
 packages/mint-components/src/components.d.ts  | 10 ++++++
 .../sqm-docusign-form-view.tsx                | 32 +++++++++----------
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  6 ++++
 .../sqm-docusign-form/useDocusignForm.tsx     |  4 +--
 .../sqm-user-info-form/TaxForm.stories.tsx    | 26 +++++++++++++--
 .../sqm-user-info-form/defaultTextCopy.ts     |  4 ++-
 6 files changed, 60 insertions(+), 22 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index aed522c02b..0da41250bd 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -386,6 +386,11 @@ export namespace Components {
           * @uiName Tax form step text
          */
         "formStep": string;
+        /**
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
+         */
+        "formSubmissionError": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
@@ -4322,6 +4327,11 @@ declare namespace LocalJSX {
           * @uiName Tax form step text
          */
         "formStep"?: string;
+        /**
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
+         */
+        "formSubmissionError"?: string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 41ffb2bedf..d33ebe5050 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -11,7 +11,6 @@ export interface DocusignFormViewProps {
     formState: {
       completedTaxForm: boolean;
       taxFormExpired: boolean;
-      taxFormTime: string;
       errors?: any;
     };
     documentType: TaxDocumentType;
@@ -36,6 +35,7 @@ export interface DocusignFormViewProps {
     error: {
       generalTitle: string;
       generalDescription: string;
+      formSubmission: string;
     };
   };
 }
@@ -100,10 +100,19 @@ const style = {
   },
   InfoAlert: {
     "&::part(base)": {
-      backgroundColor: "var(--sl-color-sky-100)",
+      backgroundColor: "transparent",
       borderTop: "none",
-      padding: "0 16px",
+      padding: "0px",
       marginBottom: "16px",
+      border: "none",
+    },
+
+    "&::part(message)": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      padding: "10px",
+      height: "max-content",
     },
 
     "& sl-icon::part(base)": {
@@ -127,7 +136,6 @@ const style = {
       textDecoration: "underline",
     },
   },
-  Dialog: {},
 };
 
 const sheet = createStyleSheet(style);
@@ -172,13 +180,6 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
         {styleString}
         {vanillaStyle}
       </style>
-      <sl-dialog
-        class={classes.Dialog}
-        open={formState.taxFormExpired}
-        // onSl-hide={() => callbacks.setOpen(false)}
-      >
-        <sl-icon name="clock"></sl-icon>
-      </sl-dialog>
       <div class={classes.TextContainer}>
         <div>
           <p>{text.formStep}</p>
@@ -222,11 +223,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             open
             class={classes.InfoAlert}
           >
-            <sl-icon slot="icon" name="clock"></sl-icon>
-            <strong style={{ fontSize: "20px" }}>
-              {formState.taxFormTime}
-            </strong>
-            <br />
+            <sl-icon slot="icon" name="info-circle"></sl-icon>
             {text.banner}
           </sl-alert>
           <slot name="docusign-iframe"></slot>
@@ -239,6 +236,9 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             >
               {text.checkboxDescription}
             </sl-checkbox>
+            {formState.errors?.formSubmission && (
+              <p class={classes.ErrorText}>{text.error.formSubmission}</p>
+            )}
           </div>
 
           <div class={classes.BtnContainer}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 0a6f4021dc..1f2765235e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -87,6 +87,12 @@ export class DocusignForm {
    */
   @Prop() generalErrorDescription: string =
     docusignFormText.error.generalDescription;
+  /**
+   * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+   *
+   * @uiName Form submission error text
+   */
+  @Prop() formSubmissionError: string = docusignFormText.error.formSubmission;
   /**
    * @undocumented
    * @uiType object
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index c385f4404d..264ba50fa6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -81,8 +81,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
       error: {
         generalTitle: props.generalErrorTitle,
         generalDescription: props.generalErrorDescription,
-        // TODO: this prop was removed from the controller/view
-        // formSubmission: props.formSubmissionError,
+        formSubmission: props.formSubmissionError,
       },
     },
     states: {
@@ -92,7 +91,6 @@ export function useDocusignForm(props: DocusignForm, el: any) {
       formState: {
         completedTaxForm: formSubmitted,
         taxFormExpired: false, // TODO: Unhardcode this
-        taxFormTime: "4:30", // TODO: Unhardcode this
         errors,
       },
       documentType: taxInfo.taxForm?.toUpperCase() as TaxDocumentType,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 1b2e0e50c6..fe23e5d762 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -189,7 +189,6 @@ const docusignFormProps: DocusignFormViewProps = {
     formState: {
       completedTaxForm: true,
       taxFormExpired: false,
-      taxFormTime: "4:25",
     },
   },
   callbacks: {
@@ -425,7 +424,11 @@ export const StepTwoNotRegisteredChecked = () => {
 // STEP THREE
 export const StepThreeWithDocusign = () => {
   // @ts-ignore TODO: fix this
-  return <DocusignFormView {...docusignFormProps} />;
+  return (
+    <DocusignFormView {...docusignFormProps}>
+      <div slot="docusign-iframe">Hey</div>
+    </DocusignFormView>
+  );
 };
 
 export const StepThreeDocusignWithGeneralError = () => {
@@ -446,6 +449,25 @@ export const StepThreeDocusignWithGeneralError = () => {
   );
 };
 
+export const StepThreeDocusignWithFormSubmissionError = () => {
+  // @ts-ignore TODO: fix this
+  return (
+    <DocusignFormView
+      {...docusignFormProps}
+      states={{
+        ...docusignFormProps.states,
+        formState: {
+          ...docusignFormProps.states.formState,
+          completedTaxForm: false,
+          errors: {
+            formSubmission: true,
+          },
+        },
+      }}
+    />
+  );
+};
+
 export const StepThreeDocusignLoading = () => {
   // @ts-ignore TODO: fix this
   return (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 2df0073ce3..c25a29ec71 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -75,7 +75,8 @@ export const docusignFormText: DocusignFormViewProps["text"] = {
   taxFormDescription:
     "Participants based in the US and partnering with US-based brands need to submit a {documentType} form.",
   notBasedInUS: "Not based in the US?",
-  banner: "Complete and submit your tax form to save your information",
+  banner:
+    "For your security, we automatically end your session when you have not interacted with the form after 20 minutes.",
   checkboxLabel: "Form submission",
   checkboxDescription: "I have completed and submitted my tax form",
   submitButton: "Continue",
@@ -84,6 +85,7 @@ export const docusignFormText: DocusignFormViewProps["text"] = {
     generalTitle: "There was a problem submitting your information",
     generalDescription:
       "Please review your information and try again. If this problem continues, contact Support.",
+    formSubmission: "This field is required",
   },
 };
 

From a2fb874f7a6719097699a4232b65fa5c9ecde982 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 31 Jan 2024 17:42:56 -0800
Subject: [PATCH 121/753] Revised tax specs, pushing for transparency

---
 packages/mint-components/src/components.d.ts  |  64 ++++
 .../sqm-tax-document-submitted.tsx            |  48 +++
 .../tax-and-cash/sqm-tax-form.feature         | 338 +++++++++++++++---
 3 files changed, 402 insertions(+), 48 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index f622a9c196..0ba61c8399 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -2875,18 +2875,50 @@ export namespace Components {
         "demoData"?: DemoData<UserNameViewProps>;
     }
     interface SqmTaxDocumentSubmitted {
+        /**
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
+         */
         "badgeTextAwaitingReview"?: string;
+        /**
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
+         */
         "badgeTextExpiredOn"?: string;
+        /**
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
+         */
         "badgeTextExpiringSoon"?: string;
+        /**
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+         */
         "badgeTextSubmittedOn"?: string;
         "bankingInformationSectionHeader": string;
         "generalErrorDescription": string;
         "generalErrorTitle": string;
         "invalidForm"?: string;
         "newFormButton": string;
+        /**
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
+         */
         "statusTextActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
+         */
         "statusTextExpired"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
+         */
         "statusTextNotActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
+         */
         "statusTextNotVerified"?: string;
         "taxAlertHeaderExpiredOn"?: string;
         "taxAlertHeaderExpiringSoon"?: string;
@@ -6554,18 +6586,50 @@ declare namespace LocalJSX {
         "demoData"?: DemoData<UserNameViewProps>;
     }
     interface SqmTaxDocumentSubmitted {
+        /**
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
+         */
         "badgeTextAwaitingReview"?: string;
+        /**
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
+         */
         "badgeTextExpiredOn"?: string;
+        /**
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
+         */
         "badgeTextExpiringSoon"?: string;
+        /**
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+         */
         "badgeTextSubmittedOn"?: string;
         "bankingInformationSectionHeader"?: string;
         "generalErrorDescription"?: string;
         "generalErrorTitle"?: string;
         "invalidForm"?: string;
         "newFormButton"?: string;
+        /**
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
+         */
         "statusTextActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
+         */
         "statusTextExpired"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
+         */
         "statusTextNotActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
+         */
         "statusTextNotVerified"?: string;
         "taxAlertHeaderExpiredOn"?: string;
         "taxAlertHeaderExpiringSoon"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index e3b1abddf5..7deda4c1c2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -7,14 +7,62 @@ import { useTaxDocumentSubmitted } from "./useTaxDocumentSubmitted";
 
 @Component({ tag: "sqm-tax-document-submitted", shadow: true })
 export class TaxDocumentSubmitted {
+  /**
+   * Status text displayed in badge when tax document is Active
+   *
+   * @uiName Status text
+   */
   @Prop() statusTextActive?: string = defaults.statusTextActive;
+
+  /**
+   * Status text displayed in badge when tax document is Not Active
+   *
+   * @uiName Status text
+   */
   @Prop() statusTextNotActive?: string = defaults.statusTextNotActive;
+
+  /**
+   * Status text displayed in badge when tax document is Not Verified
+   *
+   * @uiName Status text
+   */
   @Prop() statusTextNotVerified?: string = defaults.statusTextNotVerified;
+
+  /**
+   * Status text displayed in badge when tax document is Expired
+   *
+   * @uiName Status text
+   */
   @Prop() statusTextExpired?: string = defaults.statusTextExpired;
+
+  /**
+   * Description text which appears beside badge showing when the form was submitted
+   *
+   * @uiName Badge description text
+   */
   @Prop() badgeTextSubmittedOn?: string = defaults.badgeTextSubmittedOn;
+
+  /**
+   * Description text which appears beside badge showing the form is awaiting review
+   *
+   * @uiName Badge description text
+   */
   @Prop() badgeTextAwaitingReview?: string = defaults.badgeTextAwaitingReview;
+
+  /**
+   * Description text which appears beside badge showing the form has expired
+   *
+   * @uiName Badge description text
+   */
   @Prop() badgeTextExpiredOn?: string = defaults.badgeTextExpiredOn;
+
+  /**
+   * Description text which appears beside badge showing the form expiring soon
+   *
+   * @uiName Badge description text
+   */
   @Prop() badgeTextExpiringSoon?: string = defaults.badgeTextExpiringSoon;
+
   @Prop() taxAlertHeaderNotActive?: string = defaults.taxAlertHeaderNotActive;
   @Prop() taxAlertHeaderExpiredOn?: string = defaults.taxAlertHeaderExpiredOn;
   @Prop() taxAlertHeaderExpiringSoon?: string =
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 5e41e57aea..9c5012871b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -1,59 +1,301 @@
-@owner:andy
-@author:andy
-
+@owner:andy @author:andy
 Feature: Tax Form Flow
- 
-Background: A user submits their Tax information
+
+  Background: A user submits their Tax information
+# Cases:
+# US Brand 
+## US participant - Requires W9
+## Canadian participant - Requires W8
+## Other country participant - Requires W8
+# Non US Brand
+## US participant - Requires W9
+## Canadian participant - Doesn't require a tax form
+## Other country participant - Doesn't requore a tax form
+
+  @minutia
+  Scenario Outline: Participants can register as branded partners, provide indirect tax information and submit their tax forms
+    Given they are on step 1
+    When they input the following information into the form fields
+      | First Name               | <firstName>              |
+      | Last Name                | <lastName>               |
+      | Email                    | <email>                  |
+      | Country Code             | <countryCode>            |
+      | Currency                 | <currency>               |
+      | Participant Type         | <participantType>        |
+      | Allow Banking Collection | <allowBankingCollection> |
+    And press "Continue"
+    Then they proceed to step 2
+    And they see three options
+    | I am registered for HST in Canada                                |
+    | I am registered for Indirect Tax in a different Country / Region |
+    | I am not registered for Indirect Tax                             |
+    But <option> is selected by default
+    When they complete filling out their indirect tax information
+    And press "Continue" 
+    Then they proceed to <stepX>
+    Examples: 
+      | firstName | lastName | email                 | countryCode | currency | participantType       | allowBankingCollection | option                                                           | stepX |
+      | Bob       | Johnson  | bob.johnson@email.com | CA          | CAD      | businessEntity        | true                   | I am registered for HST in Canada                                | 3     |
+      | Jane      | Moe      | jane.moe@email.com    | CA          | CAD      | individualParticipant | true                   | I am registered for HST in Canada                                | 3     |
+      | Dane      | Coe      | dane.coe@email.com    | US          | USD      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | 3     |
+      | David     | Renar    | david.renar@email.com | US          | USD      | businessEntity        | true                   | I am registered for Indirect Tax in a different Country / Region | 3     |
+      | Jose      | Querv    | jose.querv@email.com  | MX          | MEX      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | 3     |
+      | Charle    | Buck     | charle.buck@email.com | UK          | GBP      | businessEntity        | true                   | I am not registered for Indirect Tax                             | 3     |
+    #Come in here and add more examples for countries and currencies beyond canada
+    
+    
+    Scenario Outline: {talk more about indirect tax and how that works}
 
     @minutia
-    Scenario Outline: A user completes the User Info and Indirect Tax steps
-    When they are on the User Info Form step
-    Then they fill out the following form fields with their personal information:
-        | First Name               | <firstName>             |
-        | Last Name                | <lastName>              |
-        | Email                    | <email>                 |
-        | Country Code             | <countryCode>           |
-        | Currency                 | <currency>              |
-        | Participant Type         | <participantType>       |
-        | Allow Banking Collection | <allowBankingCollection>|
-    And  they agree to the terms which sets <allowBankingCollection> to true
-    Then they can press "Continue" to move on to the Indirect Tax Form
-    When they are redirected to the Indrect Tax Form step
-    Then they select <hstCanada>, <otherRegion>, or <notRegistered> and fill out one of the following information:
-        | <hstCanada>       | I am registered for HST in Canada 								| <province> | <indirectTaxNumber> |
-        | <otherRegion>     | I am registered for Indirect Tax in a different Country / Region  | <country>  | <vatNumber> 		   |
-        | <notRegistered>   | I am not registered for Indirect Tax 								| N/A 		 | N/A				   |
-    Then press "Continue" to be redirected to the Document Type Form
+    Scenario Outline: Participants based in the US or working with US brands have to fillout docusign forms
+    Given a brand based in <brandCountry> 
+    And the user selects <country> and <participantType> in step 1
+    When they view step 3
+    Then the <autoSelectedForm> is displayed
+    ##Finish the spec here
     Examples:
-        | firstName | lastName | email                | countryCode | currency | participantType         | allowBankingCollection | hstCanada | otherRegion | notRegistered | province         | country       | indirectTaxNumber | vatNumber |
-        | John      | Doe      | john.doe@email.com   | US          | USD      | individualParticipant   | true                   | true      | false       | false         | N/A              | United Stated | N/A               | 10829     |
-        | Bob       | Johnson  | bob.johnson@email.com| CA          | CAD      | businessEntity          | true                   | false     | true        | false         | British Columbia | N/A           | 412321            | N/A       |
-        | Martin    | Renny    | bob.johnson@email.com| UK          | GBP      | individualParticipant   | true                   | false     | false       | false         | N/A              | N/A           | N/A               | N/A       |
+    | brandCountry | country | participantType       | autoSelectedForm | 
+    | US           | US      | individualParticipant | W9               |
+    | CA           | US      | businessEntity        | W9               |
+    | US           | CA      | individualParticipant | W8-BEN           |
+    | US           | CA      | businessEntity        | W8-BEN-E         |
+    | US           | MX      | individualParticipant | W8-BEN           |
+    | US           | MX      | businessEntity        | W8-BEN-E         |
 
     @minutia
-    Scenario Outline: A user completes the Document Type Form step
+    Scenario Outline: Participants based in the US working with non-US brands have to fillout the W9 docusign form
+    Given a brand based in <brandCountry> 
+    And the user selects <country> and <participantType> in step 1
+    When they view step 3
+    Then the <autoSelectedForm> is displayed
+    Examples:
+    | brandCountry | country | participantType       | autoSelectedForm | 
+    | MX           | US      | individualParticipant | W9               |
+    | UK           | US      | businessEntity        | W9               |
+
+    @minutia
+    Scenario Outline: Participants based another country working with non-US brands do not have to fillout docusign forms
+    Given a brand based in <brandCountry>
+    And the brand is not in the US 
+    And the user selects a <country> not in the US and <participantType> in step 1
+    Then they skip step 3
+    Examples:
+    | brandCountry | country | participantType       |
+    | MX           | UK      | individualParticipant |
+    | AUS          | EGP     | businessEntity        |
+
+    ##Finish the spec here
+
+    #provide more examples    
+
+    #######################################################
+    
+    
+  @minutia
+  Scenario Outline: A Canadian user completes the User Info and Indirect Tax steps
+    Given they are on the User Info Form step
+    And they fill out the following form fields with their personal information:
+      | First Name               | <firstName>              |
+      | Last Name                | <lastName>               |
+      | Email                    | <email>                  |
+      | Country Code             | <countryCode>            |
+      | Currency                 | <currency>               |
+      | Participant Type         | <participantType>        |
+      | Allow Banking Collection | <allowBankingCollection> |
+    When they select "Individual Participant" or "Business Entity" for <participantType>
+    And they agree to the terms which sets <allowBankingCollection> to true
+    When they press "Continue" to move on to the Indirect Tax Form
+    Then they are redirected to the Indirect Tax Form step
+    When they are the Indirect Tax Form Step
+    Then three options <hstCanada>, <otherRegion>, or <notRegistered> will be presented:
+      | <hstCanada>     | I am registered for HST in Canada                                | <province> | <indirectTaxNumber> |
+      | <otherRegion>   | I am registered for Indirect Tax in a different Country / Region | <country>  | <vatNumber>         |
+      | <notRegistered> | I am not registered for Indirect Tax                             | N/A        | N/A                 |
+    And the <hstCanada> radio option is auto-selected
+    Then the user enters their <province> and <indirectTaxNumber>
+    And they press "Continue"
+    Then they are redirected to the Docusign Form step
+
+    Examples: 
+      | firstName | lastName | email                 | countryCode | currency | participantType       | allowBankingCollection | hstCanada | otherRegion | notRegistered | province         | country | indirectTaxNumber | vatNumber |
+      | Bob       | Johnson  | bob.johnson@email.com | CA          | CAD      | businessEntity        | true                   | true      | false       | false         | British Columbia | Canada  |            412321 | N/A       |
+      | Jane      | Moe      | jane.moe@email.com    | CA          | CAD      | individualParticipant | true                   | true      | false       | false         | British Columbia | Canada  |            412321 | N/A       |
+
+  @minutia
+  Scenario Outline: A Canadian user completes the Docusign Form Step
+    Given they completed the User Info and Indirect Tax form steps
+    When they are on the Docusign Form Step
+    And in the User Info Form they selected "Individual Participant" for <participantType>
+    Then they must sign and fill out a "W8-BEN" Tax Form as their <selectedTaxForm>
+    But if they selected "Business Entity" for <participantType>
+    Then they must sign and fill out a "W8-BEN-E" Tax Form as their <selectedTaxForm>
+    And they agree to the terms which sets <completedTaxForm> to true
+    Then they can press "Continue" and complete the form
+    And they are redirected to the Document Submitted Form screen
+
+    Examples: 
+      | participantType       | countryCode | country | selectedTaxForm | completedTaxForm |
+      | individualParticipant | CA          | Canada  | W8-BEN          | true             |
+      | businessEntity        | CA          | Canada  | W8-BEN-E        | true             |
+
+  @minutia
+  Scenario Outline: An United States user completes the User Info and Indirect Tax steps
+    Given they are on the User Info Form step
+    And they fill out the following form fields with their personal information:
+      | First Name               | <firstName>              |
+      | Last Name                | <lastName>               |
+      | Email                    | <email>                  |
+      | Country Code             | <countryCode>            |
+      | Currency                 | <currency>               |
+      | Participant Type         | <participantType>        |
+      | Allow Banking Collection | <allowBankingCollection> |
+    When they select "Individual Participant" or "Business Entity" for <participantType>
+    And they agree to the terms which sets <allowBankingCollection> to true
+    When they press "Continue" to move on to the Indirect Tax Form
+    Then they are redirected to the Indirect Tax Form step
+    When they are the Indirect Tax Form Step
+    Then three options <hstCanada>, <otherRegion>, or <notRegistered> will be presented:
+      | <hstCanada>     | I am registered for HST in Canada                                | <province> | <indirectTaxNumber> |
+      | <otherRegion>   | I am registered for Indirect Tax in a different Country / Region | <country>  | <vatNumber>         |
+      | <notRegistered> | I am not registered for Indirect Tax                             | N/A        | N/A                 |
+    And the <otherRegion> radio-option is auto-selected
+    And the <country> is auto-filled with the <countryCode> from the User Info Form
+    And the user fills out the <vatNumber>
+    And they press "Continue"
+    Then they are redirected to the Docusign Form step
+
+    Examples: 
+      | firstName | lastName | email                 | countryCode | currency | participantType       | allowBankingCollection | hstCanada | otherRegion | notRegistered | province | country       | indirectTaxNumber | vatNumber |
+      | Bob       | Johnson  | bob.johnson@email.com | US          | USD      | businessEntity        | true                   | false     | true        | false         | N/A      | United States | N/A               |     90232 |
+      | Jane      | Moe      | jane.moe@email.com    | US          | USD      | individualParticipant | true                   | false     | true        | false         | N/A      | United States | N/A               |     11920 |
+
+  @minutia
+  Scenario Outline: An United States user completes the Docusign Form Step
+    Given they completed the User Info and Indirect Tax form steps
+    When they are on the Docusign Form Step
+    And in the User Info Form they selected either "Business Entity" or "Individual Participant" for <participantType>
+    Then they must sign and fill out a "W9" Tax Form as their <selectedTaxForm>
+    And they agree to the terms which sets <completedTaxForm> to true
+    Then they can press "Continue" and complete the form
+    And they are redirected to the Document Submitted Form screen
+
+    Examples: 
+      | participantType       | countryCode | country       | selectedTaxForm | completedTaxForm |
+      | individualParticipant | US          | United States | W9              | true             |
+      | businessEntity        | US          | United States | W9              | true             |
+
+  @minutia
+  Scenario Outline: A user from Another Country completes the User Info and Indirect Tax steps
+    Given they are on the User Info Form step
+    And they fill out the following form fields with their personal information:
+      | First Name               | <firstName>              |
+      | Last Name                | <lastName>               |
+      | Email                    | <email>                  |
+      | Country Code             | <countryCode>            |
+      | Currency                 | <currency>               |
+      | Participant Type         | <participantType>        |
+      | Allow Banking Collection | <allowBankingCollection> |
+    When they select "Individual Participant" or "Business Entity" for <participantType>
+    And they agree to the terms which sets <allowBankingCollection> to true
+    When they press "Continue" to move on to the Indirect Tax Form
+    Then they are redirected to the Indirect Tax Form step
+    When they are the Indirect Tax Form Step
+    Then three options <hstCanada>, <otherRegion>, or <notRegistered> will be presented:
+      | <hstCanada>     | I am registered for HST in Canada                                | <province> | <indirectTaxNumber> |
+      | <otherRegion>   | I am registered for Indirect Tax in a different Country / Region | <country>  | <vatNumber>         |
+      | <notRegistered> | I am not registered for Indirect Tax                             | N/A        | N/A                 |
+    And the <otherRegion> radio-option is auto-selected
+    Then the <country> is auto-filled with the <countryCode> from the User Info Form
+    But if the <country> from the User Info Form is not available in the <country> select
+    Then the user selects the <notRegistered> radio option
+    And the user fills out the <vatNumber>
+    And they press "Continue"
+    Then they are redirected to the Docusign Form step
+
+    Examples: 
+      | firstName | lastName | email                | countryCode | currency | participantType       | allowBankingCollection | hstCanada | otherRegion | notRegistered | province | country          | indirectTaxNumber | vatNumber |
+      | Poe       | Smith    | poe.smith@email.com  | UK          | GBP      | businessEntity        | true                   | false     | true        | false         | N/A      | United Kingdom   | N/A               |     90232 |
+      | Andy      | Jones    | andy.jones@email.com | UK          | GBP      | individualParticipant | true                   | false     | true        | false         | N/A      | United Kingdom   | N/A               |     11920 |
+      | Mang      | Choon    | mang.choon@email.com | MX          | MEX      | individualParticipant | true                   | false     | true        | true          | N/A      | Mexico           | N/A               |     56201 |
+      | Mang      | Choon    | mang.choon@email.com | PNG         | PGK      | businessEntity        | true                   | false     | true        | true          | N/A      | Papua New Guinea | N/A               |     72913 |
+
+  @minutia
+  Scenario Outline: A user from Another Country completes the Docusign Form Step
+    Given they completed the User Info and Indirect Tax form steps
+    When they are on the Docusign Form Step
+    And in the User Info Form they selected "Individual Participant" for <participantType>
+    Then they must sign and fill out a "W8-BEN" Tax Form as their <selectedTaxForm>
+    But if they selected "Business Entity" for <participantType>
+    Then they must sign and fill out a "W8-BEN-E" Tax Form as their <selectedTaxForm>
+    And they agree to the terms which sets <completedTaxForm> to true
+    Then they can press "Continue" and complete the form
+    And they are redirected to the Document Submitted Form screen
+
+    Examples: 
+      | participantType       | countryCode | country        | selectedTaxForm | completedTaxForm |
+      | individualParticipant | UK          | United Kingdom | W8-BEN          | true             |
+      | businessEntity        | MX          | Mexico         | W8-BEN-E        | true             |
+
+  @TODO @minutia
+  Scenario Outline: A user from Another Country completes the User Info and Indirect Tax steps with different countries
+    Given they are on the User Info Form step
+    And they fill out the following form fields with their personal information:
+      | First Name               | <firstName>              |
+      | Last Name                | <lastName>               |
+      | Email                    | <email>                  |
+      | Country Code             | <countryCode>            |
+      | Currency                 | <currency>               |
+      | Participant Type         | <participantType>        |
+      | Allow Banking Collection | <allowBankingCollection> |
+    When they select "Individual Participant" or "Business Entity" for <participantType>
+    And they agree to the terms which sets <allowBankingCollection> to true
+    When they press "Continue" to move on to the Indirect Tax Form
+    Then they are redirected to the Indirect Tax Form step
+    When they are the Indirect Tax Form Step
+    Then three options <hstCanada>, <otherRegion>, or <notRegistered> will be presented:
+      | <hstCanada>     | I am registered for HST in Canada                                | <province> | <indirectTaxNumber> |
+      | <otherRegion>   | I am registered for Indirect Tax in a different Country / Region | <country>  | <vatNumber>         |
+      | <notRegistered> | I am not registered for Indirect Tax                             | N/A        | N/A                 |
+    And the <otherRegion> radio-option is auto-selected
+    And the <country> is auto-filled with the <countryCode> from the User Info Form
+    But if the user changes the auto-filled <country> ---------- What happens?
+    And the user fills out the <vatNumber>
+    And they press "Continue"
+    Then they are redirected to the Docusign Form step
+
+    Examples: 
+      | firstName | lastName | email                | countryCode | currency | participantType       | allowBankingCollection | hstCanada | otherRegion | notRegistered | province | country | indirectTaxNumber | vatNumber |
+      | Poe       | Smith    | poe.smith@email.com  | UK          | GBP      | businessEntity        | true                   | false     | true        | false         | N/A      | Mexico  | N/A               |     90232 |
+      | Andy      | Jones    | andy.jones@email.com | UK          | GBP      | individualParticipant | true                   | false     | true        | false         | N/A      | Mexico  | N/A               |     11920 |
+
+  @TODO @minutia
+  Scenario Outline: A user from Another Country completes the Docusign Form Step with different countries
+    Given they completed the User Info and Indirect Tax form steps
+    When they are on the Docusign Form Step
+    And in the User Info Form they selected "Individual Participant" for <participantType>
+    Then they must sign and fill out a "W8-BEN" Tax Form as their <selectedTaxForm>
+    But if they selected "Business Entity" for <participantType>
+    Then they must sign and fill out a "W8-BEN-E" Tax Form as their <selectedTaxForm>
+    And they agree to the terms which sets <completedTaxForm> to true
+    Then they can press "Continue" and complete the form
+    And they are redirected to the Document Submitted Form screen
+
+    Examples: 
+      | participantType       | countryCode | country | selectedTaxForm | completedTaxForm |
+      | individualParticipant | CA          | Canada  | W8-BEN          | true             |
+      | businessEntity        | CA          | Canada  | W8-BEN-E        | true             |
+    # Not registered - skip to document submitted
+    # Dependent on which country they choose and what participanttype they are
+
+  @minutia
+  Scenario Outline: A user completes the Document Type Form step
     Given they completed the User Info and Indirect Tax form steps
     When they are on the Document Type Form step
     Then they choose the <selectedTaxForm> type they wish to fill out in the next step:
     And press "Continue" to be redirected to the Docusign Form.
-        Examples:
-        | selectedTaxForm |
-        | W9              |
-        | W8-BEN          |
-        | W8-BEN-E        |
-
-    @minutia
-    Scenario Outline: A user completes the Docusign Form Step
-    Given they completed the User Info, Indirect Tax, and Document Type Form steps
-    When they are redirected to the Docusign Form step
-    Then a Docusign iframe appears with the specified <selectedTaxForm> from the last step
-    Then they must complete and sign the form in the Docusign iframe
-    And  they agree to the terms which sets <completedTaxForm> to true
-    Then they can press "Continue" and complete the form.
-        Examples:
-        | selectedTaxForm | completedTaxForm |
-        | W9              | true             |
-        | W8-BEN          | true             |
-        | W8-BEN-E        | true             |
-
 
+    Examples: 
+      | selectedTaxForm |
+      | W9              |
+      | W8-BEN          |
+      | W8-BEN-E        |

From 33aa0bb8e87d20cff0d577ab1049d835f75119da Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 1 Feb 2024 11:05:01 -0800
Subject: [PATCH 122/753] Updated specs

---
 .../sqm-indirect-tax-form.feature             |  45 +--
 .../tax-and-cash/sqm-tax-form.feature         | 259 +++---------------
 .../sqm-tax-document-step-1.feature           |  32 +--
 3 files changed, 73 insertions(+), 263 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 1e42d30bb8..c2d5f598f9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -7,11 +7,25 @@ Feature: Indirect Tax Form
 	Background: A user has submitted their personal information in Tax Form Step One
 		Given a user is on the Indirect Tax Form
 
+	
+	@minutia
+	Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
+	When <option> is selected based on based the participant <country> from step 1
+	Then different <inputs> appear
+	Examples:
+		| country        | option                                                           | inputs                        |
+		| Canada         | I am registered for HST in Canada		                        | Province, Indirect Tax Number |
+		| United States  | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
+        | United Kingdom | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
+        | Egypt          | I am not registered for Indirect tax                             | N/A, N/A                      |
+
 	@minutia
 	@ui
-	Scenario: Different selects appear based on which Indirect Tax Detail radio option the user checks
-	When they check "I am registered for HST in Canada"
-	Then A "Province" select appears and they choose one of the following options:
+	Scenario: The province select should display applicable indirect tax provinces
+	When the "I am registered for HST in Canada" option is selected
+	Then A Province select appears with the available <provinces>
+	Examples:
+		| provinces				|
 		| Ontario 				|
 		| Alberta 				|
 		| British Columbia 		|
@@ -25,33 +39,26 @@ Feature: Indirect Tax Form
 		| Northwest Territories |
 		| Nunavut 				|
 		| Yukon 				|
-	But if they check "I am registered for Indirect Tax in a different Country / Region"
-	Then a "Country / Region of Indirect Tax" select appears and they choose one <country>
-	But if they check "I am not registered for Indirect Tax"
-	Then no select appears
+
 
 	@minutia
 	@ui
-	Scenario Outline: A user fills out the Indirect Tax Form with invalid values
+	Scenario Outline: A participant fills out the Indirect Tax Form with invalid values
 	When they fill out the form with invalid values for the following fields:
-		| Province     					 | <province>     |
-		| Indirect Tax 					 | <indirectTax>  |
-		| Country/Region of Indirect Tax | <country>      |
-		| VAT Number   					 | <vatNumber>    |
+		| Province     			   | <province>     |
+		| Indirect Tax 			   | <indirectTax>  |
+		| VAT Number   			   | <vatNumber>    |
 	Then the form displays the respective errors for each field:
-        | <province>               |          |
-        | <indirectTax>            |          |
-        | <country>                |          |
-        | <vatNumber>              |          |
+        | <province>               | Province is required            |
+        | <indirectTax>            | Indirect tax number is required |
+        | <vatNumber>              | VAT number is required          |
 
 	@minutia
 	Scenario: A general error banner appears upon form submission request failing
-	When the user completes the form with their information
+	When the participant completes the form with their information
 	And they press "Continue" to submit the form
 	Then a request is sent to the backend with the form data
 	But if the request fails
 	Then a general error banner appears with <generalTitle> and <generalDescription>
 	
 
-    # Scenario Outline: Different inputs are shown depending on the registered region of a user
-
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 9c5012871b..dcdbd0716e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -32,19 +32,31 @@ Feature: Tax Form Flow
     But <option> is selected by default
     When they complete filling out their indirect tax information
     And press "Continue" 
-    Then they proceed to <stepX>
+    Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
     Examples: 
-      | firstName | lastName | email                 | countryCode | currency | participantType       | allowBankingCollection | option                                                           | stepX |
-      | Bob       | Johnson  | bob.johnson@email.com | CA          | CAD      | businessEntity        | true                   | I am registered for HST in Canada                                | 3     |
-      | Jane      | Moe      | jane.moe@email.com    | CA          | CAD      | individualParticipant | true                   | I am registered for HST in Canada                                | 3     |
-      | Dane      | Coe      | dane.coe@email.com    | US          | USD      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | 3     |
-      | David     | Renar    | david.renar@email.com | US          | USD      | businessEntity        | true                   | I am registered for Indirect Tax in a different Country / Region | 3     |
-      | Jose      | Querv    | jose.querv@email.com  | MX          | MEX      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | 3     |
-      | Charle    | Buck     | charle.buck@email.com | UK          | GBP      | businessEntity        | true                   | I am not registered for Indirect Tax                             | 3     |
-    #Come in here and add more examples for countries and currencies beyond canada
+      | firstName | lastName | email                 | countryCode | brandCountry | currency | participantType       | allowBankingCollection | option                                                           | stepX |
+      | Bob       | Johnson  | bob.johnson@email.com | CA          | US           | CAD      | businessEntity        | true                   | I am registered for HST in Canada                                | 3     |
+      | Jane      | Moe      | jane.moe@email.com    | CA          | MX           | CAD      | individualParticipant | true                   | I am registered for HST in Canada                                | 4     |
+      | Dane      | Coe      | dane.coe@email.com    | US          | CA           | USD      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | 3     |
+      | David     | Renar    | david.renar@email.com | US          | MX           | USD      | businessEntity        | true                   | I am registered for Indirect Tax in a different Country / Region | 3     |
+      | Jose      | Querv    | jose.querv@email.com  | UK          | US           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | 3     |
+      | David     | Blaine   | david.blaine@email.com| UK          | MX           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | 4     |
+      | Charle    | Buck     | charle.buck@email.com | EG          | US           | EGP      | businessEntity        | true                   | I am not registered for Indirect Tax                             | 3     |
+      | Pam       | Herd     | pam.herd@email.com    | EG          | MX           | BMD      | businessEntity        | true                   | I am not registered for Indirect Tax                             | 4     |
     
     
-    Scenario Outline: {talk more about indirect tax and how that works}
+
+    @minutia
+	Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
+	When <option> is selected based on based the participant <country> from step 1
+	Then different <inputs> appear
+	Examples:
+		| country        | option                                                           | inputs                        |
+		| Canada         | I am registered for HST in Canada		                        | Province, Indirect Tax Number |
+		| United States  | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
+        | United Kingdom | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
+        | Egypt          | I am not registered for Indirect tax                             | N/A, N/A                      |
+
 
     @minutia
     Scenario Outline: Participants based in the US or working with US brands have to fillout docusign forms
@@ -52,7 +64,6 @@ Feature: Tax Form Flow
     And the user selects <country> and <participantType> in step 1
     When they view step 3
     Then the <autoSelectedForm> is displayed
-    ##Finish the spec here
     Examples:
     | brandCountry | country | participantType       | autoSelectedForm | 
     | US           | US      | individualParticipant | W9               |
@@ -72,6 +83,7 @@ Feature: Tax Form Flow
     | brandCountry | country | participantType       | autoSelectedForm | 
     | MX           | US      | individualParticipant | W9               |
     | UK           | US      | businessEntity        | W9               |
+    | AUS          | US      | businessEntity        | W9               |
 
     @minutia
     Scenario Outline: Participants based another country working with non-US brands do not have to fillout docusign forms
@@ -84,218 +96,13 @@ Feature: Tax Form Flow
     | MX           | UK      | individualParticipant |
     | AUS          | EGP     | businessEntity        |
 
-    ##Finish the spec here
-
-    #provide more examples    
-
-    #######################################################
-    
-    
-  @minutia
-  Scenario Outline: A Canadian user completes the User Info and Indirect Tax steps
-    Given they are on the User Info Form step
-    And they fill out the following form fields with their personal information:
-      | First Name               | <firstName>              |
-      | Last Name                | <lastName>               |
-      | Email                    | <email>                  |
-      | Country Code             | <countryCode>            |
-      | Currency                 | <currency>               |
-      | Participant Type         | <participantType>        |
-      | Allow Banking Collection | <allowBankingCollection> |
-    When they select "Individual Participant" or "Business Entity" for <participantType>
-    And they agree to the terms which sets <allowBankingCollection> to true
-    When they press "Continue" to move on to the Indirect Tax Form
-    Then they are redirected to the Indirect Tax Form step
-    When they are the Indirect Tax Form Step
-    Then three options <hstCanada>, <otherRegion>, or <notRegistered> will be presented:
-      | <hstCanada>     | I am registered for HST in Canada                                | <province> | <indirectTaxNumber> |
-      | <otherRegion>   | I am registered for Indirect Tax in a different Country / Region | <country>  | <vatNumber>         |
-      | <notRegistered> | I am not registered for Indirect Tax                             | N/A        | N/A                 |
-    And the <hstCanada> radio option is auto-selected
-    Then the user enters their <province> and <indirectTaxNumber>
-    And they press "Continue"
-    Then they are redirected to the Docusign Form step
-
-    Examples: 
-      | firstName | lastName | email                 | countryCode | currency | participantType       | allowBankingCollection | hstCanada | otherRegion | notRegistered | province         | country | indirectTaxNumber | vatNumber |
-      | Bob       | Johnson  | bob.johnson@email.com | CA          | CAD      | businessEntity        | true                   | true      | false       | false         | British Columbia | Canada  |            412321 | N/A       |
-      | Jane      | Moe      | jane.moe@email.com    | CA          | CAD      | individualParticipant | true                   | true      | false       | false         | British Columbia | Canada  |            412321 | N/A       |
-
-  @minutia
-  Scenario Outline: A Canadian user completes the Docusign Form Step
-    Given they completed the User Info and Indirect Tax form steps
-    When they are on the Docusign Form Step
-    And in the User Info Form they selected "Individual Participant" for <participantType>
-    Then they must sign and fill out a "W8-BEN" Tax Form as their <selectedTaxForm>
-    But if they selected "Business Entity" for <participantType>
-    Then they must sign and fill out a "W8-BEN-E" Tax Form as their <selectedTaxForm>
-    And they agree to the terms which sets <completedTaxForm> to true
-    Then they can press "Continue" and complete the form
-    And they are redirected to the Document Submitted Form screen
-
-    Examples: 
-      | participantType       | countryCode | country | selectedTaxForm | completedTaxForm |
-      | individualParticipant | CA          | Canada  | W8-BEN          | true             |
-      | businessEntity        | CA          | Canada  | W8-BEN-E        | true             |
-
-  @minutia
-  Scenario Outline: An United States user completes the User Info and Indirect Tax steps
-    Given they are on the User Info Form step
-    And they fill out the following form fields with their personal information:
-      | First Name               | <firstName>              |
-      | Last Name                | <lastName>               |
-      | Email                    | <email>                  |
-      | Country Code             | <countryCode>            |
-      | Currency                 | <currency>               |
-      | Participant Type         | <participantType>        |
-      | Allow Banking Collection | <allowBankingCollection> |
-    When they select "Individual Participant" or "Business Entity" for <participantType>
-    And they agree to the terms which sets <allowBankingCollection> to true
-    When they press "Continue" to move on to the Indirect Tax Form
-    Then they are redirected to the Indirect Tax Form step
-    When they are the Indirect Tax Form Step
-    Then three options <hstCanada>, <otherRegion>, or <notRegistered> will be presented:
-      | <hstCanada>     | I am registered for HST in Canada                                | <province> | <indirectTaxNumber> |
-      | <otherRegion>   | I am registered for Indirect Tax in a different Country / Region | <country>  | <vatNumber>         |
-      | <notRegistered> | I am not registered for Indirect Tax                             | N/A        | N/A                 |
-    And the <otherRegion> radio-option is auto-selected
-    And the <country> is auto-filled with the <countryCode> from the User Info Form
-    And the user fills out the <vatNumber>
-    And they press "Continue"
-    Then they are redirected to the Docusign Form step
-
-    Examples: 
-      | firstName | lastName | email                 | countryCode | currency | participantType       | allowBankingCollection | hstCanada | otherRegion | notRegistered | province | country       | indirectTaxNumber | vatNumber |
-      | Bob       | Johnson  | bob.johnson@email.com | US          | USD      | businessEntity        | true                   | false     | true        | false         | N/A      | United States | N/A               |     90232 |
-      | Jane      | Moe      | jane.moe@email.com    | US          | USD      | individualParticipant | true                   | false     | true        | false         | N/A      | United States | N/A               |     11920 |
-
-  @minutia
-  Scenario Outline: An United States user completes the Docusign Form Step
-    Given they completed the User Info and Indirect Tax form steps
-    When they are on the Docusign Form Step
-    And in the User Info Form they selected either "Business Entity" or "Individual Participant" for <participantType>
-    Then they must sign and fill out a "W9" Tax Form as their <selectedTaxForm>
-    And they agree to the terms which sets <completedTaxForm> to true
-    Then they can press "Continue" and complete the form
-    And they are redirected to the Document Submitted Form screen
-
-    Examples: 
-      | participantType       | countryCode | country       | selectedTaxForm | completedTaxForm |
-      | individualParticipant | US          | United States | W9              | true             |
-      | businessEntity        | US          | United States | W9              | true             |
-
-  @minutia
-  Scenario Outline: A user from Another Country completes the User Info and Indirect Tax steps
-    Given they are on the User Info Form step
-    And they fill out the following form fields with their personal information:
-      | First Name               | <firstName>              |
-      | Last Name                | <lastName>               |
-      | Email                    | <email>                  |
-      | Country Code             | <countryCode>            |
-      | Currency                 | <currency>               |
-      | Participant Type         | <participantType>        |
-      | Allow Banking Collection | <allowBankingCollection> |
-    When they select "Individual Participant" or "Business Entity" for <participantType>
-    And they agree to the terms which sets <allowBankingCollection> to true
-    When they press "Continue" to move on to the Indirect Tax Form
-    Then they are redirected to the Indirect Tax Form step
-    When they are the Indirect Tax Form Step
-    Then three options <hstCanada>, <otherRegion>, or <notRegistered> will be presented:
-      | <hstCanada>     | I am registered for HST in Canada                                | <province> | <indirectTaxNumber> |
-      | <otherRegion>   | I am registered for Indirect Tax in a different Country / Region | <country>  | <vatNumber>         |
-      | <notRegistered> | I am not registered for Indirect Tax                             | N/A        | N/A                 |
-    And the <otherRegion> radio-option is auto-selected
-    Then the <country> is auto-filled with the <countryCode> from the User Info Form
-    But if the <country> from the User Info Form is not available in the <country> select
-    Then the user selects the <notRegistered> radio option
-    And the user fills out the <vatNumber>
-    And they press "Continue"
-    Then they are redirected to the Docusign Form step
-
-    Examples: 
-      | firstName | lastName | email                | countryCode | currency | participantType       | allowBankingCollection | hstCanada | otherRegion | notRegistered | province | country          | indirectTaxNumber | vatNumber |
-      | Poe       | Smith    | poe.smith@email.com  | UK          | GBP      | businessEntity        | true                   | false     | true        | false         | N/A      | United Kingdom   | N/A               |     90232 |
-      | Andy      | Jones    | andy.jones@email.com | UK          | GBP      | individualParticipant | true                   | false     | true        | false         | N/A      | United Kingdom   | N/A               |     11920 |
-      | Mang      | Choon    | mang.choon@email.com | MX          | MEX      | individualParticipant | true                   | false     | true        | true          | N/A      | Mexico           | N/A               |     56201 |
-      | Mang      | Choon    | mang.choon@email.com | PNG         | PGK      | businessEntity        | true                   | false     | true        | true          | N/A      | Papua New Guinea | N/A               |     72913 |
-
-  @minutia
-  Scenario Outline: A user from Another Country completes the Docusign Form Step
-    Given they completed the User Info and Indirect Tax form steps
-    When they are on the Docusign Form Step
-    And in the User Info Form they selected "Individual Participant" for <participantType>
-    Then they must sign and fill out a "W8-BEN" Tax Form as their <selectedTaxForm>
-    But if they selected "Business Entity" for <participantType>
-    Then they must sign and fill out a "W8-BEN-E" Tax Form as their <selectedTaxForm>
-    And they agree to the terms which sets <completedTaxForm> to true
-    Then they can press "Continue" and complete the form
-    And they are redirected to the Document Submitted Form screen
-
-    Examples: 
-      | participantType       | countryCode | country        | selectedTaxForm | completedTaxForm |
-      | individualParticipant | UK          | United Kingdom | W8-BEN          | true             |
-      | businessEntity        | MX          | Mexico         | W8-BEN-E        | true             |
-
-  @TODO @minutia
-  Scenario Outline: A user from Another Country completes the User Info and Indirect Tax steps with different countries
-    Given they are on the User Info Form step
-    And they fill out the following form fields with their personal information:
-      | First Name               | <firstName>              |
-      | Last Name                | <lastName>               |
-      | Email                    | <email>                  |
-      | Country Code             | <countryCode>            |
-      | Currency                 | <currency>               |
-      | Participant Type         | <participantType>        |
-      | Allow Banking Collection | <allowBankingCollection> |
-    When they select "Individual Participant" or "Business Entity" for <participantType>
-    And they agree to the terms which sets <allowBankingCollection> to true
-    When they press "Continue" to move on to the Indirect Tax Form
-    Then they are redirected to the Indirect Tax Form step
-    When they are the Indirect Tax Form Step
-    Then three options <hstCanada>, <otherRegion>, or <notRegistered> will be presented:
-      | <hstCanada>     | I am registered for HST in Canada                                | <province> | <indirectTaxNumber> |
-      | <otherRegion>   | I am registered for Indirect Tax in a different Country / Region | <country>  | <vatNumber>         |
-      | <notRegistered> | I am not registered for Indirect Tax                             | N/A        | N/A                 |
-    And the <otherRegion> radio-option is auto-selected
-    And the <country> is auto-filled with the <countryCode> from the User Info Form
-    But if the user changes the auto-filled <country> ---------- What happens?
-    And the user fills out the <vatNumber>
-    And they press "Continue"
-    Then they are redirected to the Docusign Form step
-
-    Examples: 
-      | firstName | lastName | email                | countryCode | currency | participantType       | allowBankingCollection | hstCanada | otherRegion | notRegistered | province | country | indirectTaxNumber | vatNumber |
-      | Poe       | Smith    | poe.smith@email.com  | UK          | GBP      | businessEntity        | true                   | false     | true        | false         | N/A      | Mexico  | N/A               |     90232 |
-      | Andy      | Jones    | andy.jones@email.com | UK          | GBP      | individualParticipant | true                   | false     | true        | false         | N/A      | Mexico  | N/A               |     11920 |
-
-  @TODO @minutia
-  Scenario Outline: A user from Another Country completes the Docusign Form Step with different countries
-    Given they completed the User Info and Indirect Tax form steps
-    When they are on the Docusign Form Step
-    And in the User Info Form they selected "Individual Participant" for <participantType>
-    Then they must sign and fill out a "W8-BEN" Tax Form as their <selectedTaxForm>
-    But if they selected "Business Entity" for <participantType>
-    Then they must sign and fill out a "W8-BEN-E" Tax Form as their <selectedTaxForm>
-    And they agree to the terms which sets <completedTaxForm> to true
-    Then they can press "Continue" and complete the form
-    And they are redirected to the Document Submitted Form screen
-
-    Examples: 
-      | participantType       | countryCode | country | selectedTaxForm | completedTaxForm |
-      | individualParticipant | CA          | Canada  | W8-BEN          | true             |
-      | businessEntity        | CA          | Canada  | W8-BEN-E        | true             |
-    # Not registered - skip to document submitted
-    # Dependent on which country they choose and what participanttype they are
-
-  @minutia
-  Scenario Outline: A user completes the Document Type Form step
-    Given they completed the User Info and Indirect Tax form steps
-    When they are on the Document Type Form step
-    Then they choose the <selectedTaxForm> type they wish to fill out in the next step:
-    And press "Continue" to be redirected to the Docusign Form.
-
-    Examples: 
-      | selectedTaxForm |
-      | W9              |
-      | W8-BEN          |
-      | W8-BEN-E        |
+    @minutia
+	Scenario: A general error banner appears upon form submission request failing
+	When the user completes a form with their information
+	And they press "Continue" to submit the form
+	Then a request is made to save the form data
+	But the request fails
+	Then a general error banner appears with <generalTitle> and <generalDescription>
+        Examples:
+        | generalTitle                                    | generalDescription                                                                     |
+        | There was a problem submitting your information | Please rview your information and try again. If this problem continus, contact Support |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-tax-document-step-1.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-tax-document-step-1.feature
index 593b281d8b..f72c82cb3f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-tax-document-step-1.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-tax-document-step-1.feature
@@ -7,11 +7,17 @@ Feature: Tax Form Step One
 	Background: A user is prompted to enter their personal and initial tax information
 		Given a user is on Tax Form Step One
 
+    @minutia
+    Scenario: The email input is pre-filled and cannot be changed
+    When the user is filling out the form
+    Then they see the email input has already been filled with their email
+    And the field is disabled
+
 
     # AL: Need full list of countries
     @minutia
     Scenario: A user is filling out the form and selects their country
-    And the available options are:
+    And the available options are the list of countries provided by Impact:
         | United States  |
         | Canada         |
         | Australia      |
@@ -20,7 +26,7 @@ Feature: Tax Form Step One
     # AL: Need full list of currencies
     @minutia
     Scenario: A user is filling out the form and selects their currency
-    And the available options are:
+    And he available options are the list of currencies provided by Impact:
         | CAD |
         | USD |
         | GBP |
@@ -30,29 +36,19 @@ Feature: Tax Form Step One
     @ui
     Scenario Outline: A user fills out Tax Form Step One with invalid values
     When they fill out the form with invalid values for the following fields:
-        | First Name               | <firstName>             |
-        | Last Name                | <lastName>              |
-        | Email                    | <email>                 |
-        | Country Code             | <countryCode>           |
-        | Currency                 | <currency>              |
-        | Participant Type         | <participantType>       |
-        | Allow Banking Collection | <allowBankingCollection>|
+        | First Name                 | <firstName>             |
+        | Last Name                  | <lastName>              |
+        | Country Code               | <countryCode>           |
+        | Currency                   | <currency>              |
+        | Participant Type           | <participantType>       |
+        | Tax and Banking Collection | <allowBankingCollection>|
     Then the form displays the respective errors for each field:
         | <firstName>               | Enter a first name        |
         | <lastName>                | Enter a last name         |
-        | <email>                   | Enter a valid email       |
         | <countryCode>             | Select a country          |
         | <currency>                | Select a currency         |
         | <participantType>         | Select a participant type |
         | <allowBankingCollection>  | This field is required    |
-
-    @minutia
-	Scenario: A general error banner appears upon form submission request failing
-	When the user completes the form with their information
-	And they press "Continue" to submit the form
-	Then a request is sent to the backend with the form data
-	But if the request fails
-	Then a general error banner appears with <generalTitle> and <generalDescription>
     
     @minutia
     @ui

From a8deebc3a41344a0cc285d393f3d5e9bfa058cf0 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 1 Feb 2024 14:34:43 -0800
Subject: [PATCH 123/753] Align default states with specs

---
 .../sqm-document-type-form-view.tsx           |   1 +
 .../useDocumentTypeForm.tsx                   |  53 +++++++-
 .../sqm-indirect-tax-form.tsx                 |  18 ++-
 .../useIndirectTaxForm.tsx                    | 105 +++++++++++-----
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  25 ++--
 .../tax-and-cash/sqm-tax-form.feature         |  64 +++++-----
 .../small-views/IndirectTaxDetailsView.tsx    |  14 +--
 .../small-views/SlotViews.stories.tsx         |   2 -
 .../sqm-user-info-form-view.tsx               |   1 +
 .../sqm-user-info-form/useUserInfoForm.tsx    | 114 ++++++++++++------
 packages/mint-components/src/index.html       |   7 +-
 11 files changed, 261 insertions(+), 143 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
index 96b3b4d35d..9e10dbb428 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
@@ -196,6 +196,7 @@ export const DocumentTypeFormView = (props: DocumentTypeFormViewProps) => {
           <div class={classes.BtnContainer}>
             <sl-button
               type="primary"
+              loading={states.loading}
               disabled={states.disabled}
               submit
               exportparts="base: primarybutton-base"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
index 129ce343f6..5848327664 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
@@ -1,13 +1,36 @@
 import { useState } from "@saasquatch/universal-hooks";
 import { useParent } from "../../../utils/useParentState";
-import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
+import {
+  TAX_CONTEXT_NAMESPACE,
+  USER_QUERY_NAMESPACE,
+  UserQuery,
+} from "../sqm-tax-and-cash/data";
 import { DocumentTypeForm } from "./sqm-document-type-form";
+import {
+  useMutation,
+  useUserIdentity,
+} from "@saasquatch/component-boilerplate";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
+import { gql } from "graphql-request";
+
+const UPSERT_USER = gql`
+  mutation ($userInput: UserInput!) {
+    upsertUser(userInput: $userInput) {
+      firstName
+      lastName
+    }
+  }
+`;
 
 export function useDocumentTypeForm(props: DocumentTypeForm) {
   const [path, setPath] = useParent(TAX_CONTEXT_NAMESPACE);
+  const [loading, setLoading] = useState(false);
+  const [upsertUser] = useMutation(UPSERT_USER);
   const [errors, setErrors] = useState({});
+  const user = useUserIdentity();
+  const { refetch } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
 
-  const onSubmit = (e) => {
+  const onSubmit = async (e) => {
     const controls = e.target.getFormControls();
 
     let selectedDocumentType: string = null;
@@ -21,11 +44,29 @@ export function useDocumentTypeForm(props: DocumentTypeForm) {
     });
 
     if (selectedDocumentType === null) {
-      setErrors({ documentType: { status: "required" } });
+      setErrors({ documentType: true });
       return;
     }
 
-    setPath(`/3/${selectedDocumentType}`);
+    setLoading(true);
+    try {
+      await upsertUser({
+        userInput: {
+          id: user.id,
+          accountId: user.accountId,
+          customFields: {
+            __taxDocumentType: selectedDocumentType.toUpperCase(),
+          },
+        },
+      });
+      await refetch();
+
+      setPath(`/3/${selectedDocumentType}`);
+    } catch (e) {
+      setErrors({ general: true });
+    } finally {
+      setLoading(false);
+    }
   };
 
   return {
@@ -34,8 +75,8 @@ export function useDocumentTypeForm(props: DocumentTypeForm) {
       onBack: () => setPath("/2"),
     },
     states: {
-      loading: false,
-      disabled: false,
+      loading,
+      disabled: loading,
       formState: {
         formSubmission: false,
         selectedTaxForm: "w9" as const,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 027d946084..717d1f1512 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -58,20 +58,13 @@ export class IndirectTaxForm {
       ? useDemoIndirectTaxForm(getProps(this))
       : useIndirectTaxForm(getProps(this));
 
-    const registeredIn =
-      props.option === "hstCanada"
-        ? "canada"
-        : props.option === "otherRegion"
-        ? "otherRegion"
-        : null;
-
     console.log({ props });
 
     const hstSlot = (
       <IndirectDetailsSlotView
         states={{
           formState: {
-            registeredIn,
+            ...props.formState,
             errors: props.errors,
           },
           loading: props.loading,
@@ -87,8 +80,7 @@ export class IndirectTaxForm {
         states={{
           hide: props.option !== "otherRegion",
           formState: {
-            registeredIn,
-            countryCode: props.countryCode,
+            ...props.formState,
             errors: props.errors,
           },
           loading: props.loading,
@@ -146,6 +138,12 @@ function useDemoIndirectTaxForm(
       option: option,
       onChange: setOption,
       formRef: { current: null },
+      formState: {
+        countryCode: "CA",
+        indirectTaxNumber: "1234",
+        province: "BC",
+        vatNumber: undefined,
+      },
     },
     props.demoData || {},
     { arrayMerge: (_, a) => a }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index eab403e9c1..b2cf30606b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -2,7 +2,7 @@ import {
   useMutation,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
-import { useRef, useState } from "@saasquatch/universal-hooks";
+import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
 import { optional } from "../../../utilities";
@@ -19,17 +19,6 @@ import {
 import { FormState } from "../sqm-user-info-form/useUserInfoForm";
 import { IndirectTaxForm } from "./sqm-indirect-tax-form";
 
-const GET_COUNTRIES = gql`
-  query getCurrencies {
-    countries(limit: 1000) {
-      data {
-        countryCode
-        displayName
-      }
-    }
-  }
-`;
-
 const UPSERT_USER = gql`
   mutation ($userInput: UserInput!) {
     upsertUser(userInput: $userInput) {
@@ -42,9 +31,9 @@ const UPSERT_USER = gql`
 export function useIndirectTaxForm(props: IndirectTaxForm) {
   const formRef = useRef<HTMLFormElement>(null);
   const [loading, setLoading] = useState(false);
-  const [upsertUser, upsertUserResponse] = useMutation(UPSERT_USER);
-  const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
-  const userFormData = useParentValue<FormState>(USER_INFO_NAMESPACE);
+  const [formState, setFormState] = useState({});
+  const [upsertUser] = useMutation(UPSERT_USER);
+  const [_, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
   const user = useUserIdentity();
 
   const { data: userData, refetch } =
@@ -52,14 +41,38 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
   const { data: _countries, loading: countriesLoading } =
     useParentQueryValue<CountriesQuery>(COUNTRIES_NAMESPACE);
 
-  // from step 1
-  console.log({ userFormData, _countries });
-
   const [option, setOption] = useState<
     "hstCanada" | "otherRegion" | "notRegistered"
   >(null);
   const [errors, setErrors] = useState({});
 
+  useEffect(() => {
+    if (!userData?.user) return;
+    const { countryCode, customFields } = userData.user;
+
+    console.log({ customFields });
+    if (customFields?.__taxProvince || customFields?.__taxIndirectTaxNumber) {
+      setOption("hstCanada");
+    } else if (customFields?.__taxCountry || customFields?.__taxVatNumber) {
+      setOption("otherRegion");
+    } else {
+      if (countryCode === "CA") {
+        setOption("hstCanada");
+      } else if (countryCode !== "US") {
+        setOption("otherRegion");
+      } else {
+        setOption("notRegistered");
+      }
+    }
+
+    setFormState({
+      province: userData?.user?.customFields?.__taxProvince,
+      vatNumber: userData?.user?.customFields?.__taxVatNumber,
+      countryCode,
+      indirectTaxNumber: userData?.user?.customFields?.__taxIndirectTaxNumber,
+    });
+  }, [userData]);
+
   const countries = _countries?.countries.data;
 
   const onSubmit = async (event: any) => {
@@ -98,28 +111,56 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
 
     setLoading(true);
 
-    const { currency, participantType, ...userData } = userFormData;
-
     try {
+      // TODO: Confirm these mappings
+      let defaultDocumentType: string;
+      if (formData.taxOption === "hstCanada") {
+        defaultDocumentType = undefined;
+      } else if (
+        formData.taxOption === "otherRegion" &&
+        userData?.user?.customFields?.participantType
+      ) {
+        if (formData.selectedRegion === "US") {
+          defaultDocumentType = "W9";
+        } else if (
+          userData.user.customFields.participantType === "businessEntity"
+        ) {
+          defaultDocumentType = "W8-BEN-E";
+        } else {
+          defaultDocumentType = "W8-BEN";
+        }
+      } else {
+        defaultDocumentType = undefined;
+      }
+
+      const customFields = {
+        __taxDocumentType: defaultDocumentType || null,
+        __taxProvince: formData.province || null,
+        __taxCountry: formData.selectedRegion || null,
+        __taxVatNumber: formData.vatNumber || null,
+        __taxIndirectTaxNumber: formData.indirectTaxNumber || null,
+      };
+
+      console.log({ formData, customFields });
+
       // Backend request
       await upsertUser({
         userInput: {
           id: user.id,
           accountId: user.accountId,
-          ...userData,
-          customFields: {
-            currency,
-            participantType,
-            ...optional("__taxOption", formData.taxOption),
-            ...optional("__taxProvince", formData.province),
-            ...optional("__taxCountry", formData.selectedRegion),
-            ...optional("__taxVatNumber", formData.vatNumber),
-            ...optional("__taxIndirectTaxNumber", formData.indirectTaxNumber),
-          },
+          customFields,
         },
       });
       await refetch();
-      setStep("/3/W9");
+
+      if (defaultDocumentType) {
+        setStep(`/3/${defaultDocumentType}`);
+      } else {
+        if (formData.taxOption === "hstCanada") setStep("/submitted");
+        else {
+          setStep("/3b");
+        }
+      }
     } catch (e) {
       setErrors({ general: true });
     } finally {
@@ -150,6 +191,6 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     option,
     onChange: setOption,
     formRef,
-    countryCode: userFormData.countryCode || userData?.user?.countryCode,
+    formState,
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 95c474f348..d64cf9cd01 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -25,8 +25,12 @@ import {
 } from "./data";
 
 function getCurrentStep(user: UserQuery["user"]) {
-  // return "/submitted";
-  // @ts-ignore
+  // TODO: From impact - whether a document has already been submitted
+  if (user.customFields.w9Submitted || user.customFields.__taxProvince) {
+    return "/submitted";
+  }
+
+  // TODO: From partner information
   if (
     !user.countryCode ||
     !user.customFields?.currency ||
@@ -35,16 +39,19 @@ function getCurrentStep(user: UserQuery["user"]) {
     return "/1";
   }
 
-  if (!user.customFields.w9Type) {
+  // TODO: Get indirect tax info from impact
+  if (!user.customFields.__taxDocumentType) {
     return "/2";
   }
 
-  if (!user.customFields.w9Submitted) {
-    return `/3/${user.customFields.w9Type}`;
-  }
-
-  if (user.customFields.w9Submitted) {
-    return "/submitted";
+  // Land on specific docusign document
+  // TODO: From brand info and partner info
+  if (user.customFields.__taxCountry === "US") {
+    return "/3/W9";
+  } else if (user.customFields.participantType === "businessEntity") {
+    return "3/W8-BEN-E";
+  } else if (user.customFields.participantType === "individualParticipant") {
+    return "/3/W8-BEN";
   }
 
   return "/1";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 5e41e57aea..1a7857b5a0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -2,58 +2,58 @@
 @author:andy
 
 Feature: Tax Form Flow
- 
-Background: A user submits their Tax information
 
-    @minutia
-    Scenario Outline: A user completes the User Info and Indirect Tax steps
+  Background: A user submits their Tax information
+
+  @minutia
+  Scenario Outline: A user completes the User Info and Indirect Tax steps
     When they are on the User Info Form step
     Then they fill out the following form fields with their personal information:
-        | First Name               | <firstName>             |
-        | Last Name                | <lastName>              |
-        | Email                    | <email>                 |
-        | Country Code             | <countryCode>           |
-        | Currency                 | <currency>              |
-        | Participant Type         | <participantType>       |
-        | Allow Banking Collection | <allowBankingCollection>|
+      | First Name               | <firstName>              |
+      | Last Name                | <lastName>               |
+      | Email                    | <email>                  |
+      | Country Code             | <countryCode>            |
+      | Currency                 | <currency>               |
+      | Participant Type         | <participantType>        |
+      | Allow Banking Collection | <allowBankingCollection> |
     And  they agree to the terms which sets <allowBankingCollection> to true
     Then they can press "Continue" to move on to the Indirect Tax Form
     When they are redirected to the Indrect Tax Form step
     Then they select <hstCanada>, <otherRegion>, or <notRegistered> and fill out one of the following information:
-        | <hstCanada>       | I am registered for HST in Canada 								| <province> | <indirectTaxNumber> |
-        | <otherRegion>     | I am registered for Indirect Tax in a different Country / Region  | <country>  | <vatNumber> 		   |
-        | <notRegistered>   | I am not registered for Indirect Tax 								| N/A 		 | N/A				   |
+      | <hstCanada>     | I am registered for HST in Canada                                | <province> | <indirectTaxNumber> |
+      | <otherRegion>   | I am registered for Indirect Tax in a different Country / Region | <country>  | <vatNumber>         |
+      | <notRegistered> | I am not registered for Indirect Tax                             | N/A        | N/A                 |
     Then press "Continue" to be redirected to the Document Type Form
     Examples:
-        | firstName | lastName | email                | countryCode | currency | participantType         | allowBankingCollection | hstCanada | otherRegion | notRegistered | province         | country       | indirectTaxNumber | vatNumber |
-        | John      | Doe      | john.doe@email.com   | US          | USD      | individualParticipant   | true                   | true      | false       | false         | N/A              | United Stated | N/A               | 10829     |
-        | Bob       | Johnson  | bob.johnson@email.com| CA          | CAD      | businessEntity          | true                   | false     | true        | false         | British Columbia | N/A           | 412321            | N/A       |
-        | Martin    | Renny    | bob.johnson@email.com| UK          | GBP      | individualParticipant   | true                   | false     | false       | false         | N/A              | N/A           | N/A               | N/A       |
+      | firstName | lastName | email                 | countryCode | currency | participantType       | allowBankingCollection | hstCanada | otherRegion | notRegistered | province         | country       | indirectTaxNumber | vatNumber |
+      | John      | Doe      | john.doe@email.com    | US          | USD      | individualParticipant | true                   | true      | false       | false         | N/A              | United Stated | N/A               | 10829     |
+      | Bob       | Johnson  | bob.johnson@email.com | CA          | CAD      | businessEntity        | true                   | false     | true        | false         | British Columbia | N/A           | 412321            | N/A       |
+      | Martin    | Renny    | bob.johnson@email.com | UK          | GBP      | individualParticipant | true                   | false     | false       | false         | N/A              | N/A           | N/A               | N/A       |
 
-    @minutia
-    Scenario Outline: A user completes the Document Type Form step
+  @minutia
+  Scenario Outline: A user completes the Document Type Form step
     Given they completed the User Info and Indirect Tax form steps
     When they are on the Document Type Form step
     Then they choose the <selectedTaxForm> type they wish to fill out in the next step:
     And press "Continue" to be redirected to the Docusign Form.
-        Examples:
-        | selectedTaxForm |
-        | W9              |
-        | W8-BEN          |
-        | W8-BEN-E        |
+    Examples:
+      | selectedTaxForm |
+      | W9              |
+      | W8-BEN          |
+      | W8-BEN-E        |
 
-    @minutia
-    Scenario Outline: A user completes the Docusign Form Step
+  @minutia
+  Scenario Outline: A user completes the Docusign Form Step
     Given they completed the User Info, Indirect Tax, and Document Type Form steps
     When they are redirected to the Docusign Form step
     Then a Docusign iframe appears with the specified <selectedTaxForm> from the last step
     Then they must complete and sign the form in the Docusign iframe
     And  they agree to the terms which sets <completedTaxForm> to true
     Then they can press "Continue" and complete the form.
-        Examples:
-        | selectedTaxForm | completedTaxForm |
-        | W9              | true             |
-        | W8-BEN          | true             |
-        | W8-BEN-E        | true             |
+    Examples:
+      | selectedTaxForm | completedTaxForm |
+      | W9              | true             |
+      | W8-BEN          | true             |
+      | W8-BEN-E        | true             |
 
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index e4d1efc3d8..b547faf7c7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -8,7 +8,6 @@ export interface IndirectDetailsSlotViewProps {
     hide: boolean;
     formState: {
       countryCode?: string;
-      registeredIn: "canada" | "otherRegion";
       selectedRegion?: string;
       vatNumber?: number;
       province?: string;
@@ -90,7 +89,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
   } = props;
 
   const { classes } = sheet;
-  console.log({ formState });
+  console.log("regions", { formState });
   return (
     <div style={states.hide ? { display: "none" } : {}}>
       <form class={classes.Container}>
@@ -103,6 +102,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
           <sl-select
             required
             class={classes.Input}
+            value={formState.countryCode}
             exportparts="label: input-label"
             label={text.selectedRegion}
             disabled={states.loading}
@@ -112,7 +112,6 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             })}
             id="selectedRegion"
             name="/selectedRegion"
-            value={formState.countryCode}
           >
             {props.data.countries?.map((c) => (
               <sl-menu-item value={c.countryCode}>{c.displayName}</sl-menu-item>
@@ -122,6 +121,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             required
             exportparts="label: input-label"
             class={classes.Input}
+            value={formState.vatNumber}
             label={text.vatNumber}
             disabled={states.loading}
             {...(formState.errors?.vatNumber && {
@@ -149,6 +149,7 @@ export const IndirectDetailsSlotView = (
 
   const { classes } = sheet;
 
+  console.log("regions", { formState });
   return (
     <div style={states.hide ? { display: "none" } : {}}>
       <form class={classes.Container}>
@@ -160,11 +161,7 @@ export const IndirectDetailsSlotView = (
         <div class={classes.InputContainer}>
           <sl-select
             required
-            onSl-hide={() => {
-              const event = new Event("sl-after-hide");
-              dispatchEvent(event);
-            }}
-            onSl-after-hide={() => console.log("after hide")}
+            value={formState.province}
             exportparts="label: input-label"
             class={classes.Input}
             label={text.province}
@@ -196,6 +193,7 @@ export const IndirectDetailsSlotView = (
             class={classes.Input}
             label={text.indirectTaxNumber}
             disabled={states.loading}
+            value={formState.indirectTaxNumber}
             {...(formState.errors?.indirectTaxNumber && {
               class: classes.ErrorInput,
               helpText: text.error.indirectTaxNumber,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
index 9b9ef0a5c8..03ea687f9f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
@@ -15,7 +15,6 @@ const registeredInOtherRegion: IndirectDetailsSlotViewProps = {
     loading: false,
     hide: false,
     formState: {
-      registeredIn: "otherRegion",
       selectedRegion: "United Kindom",
       vatNumber: 12345,
     },
@@ -31,7 +30,6 @@ const registeredInCanada: IndirectDetailsSlotViewProps = {
     loading: false,
     hide: false,
     formState: {
-      registeredIn: "canada",
       province: "British Columbia",
       indirectTaxNumber: 1234,
     },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 0f6ce97ade..a2cfb09974 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -343,6 +343,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
           <sl-button
             type="primary"
             disabled={states.disabled}
+            loading={states.loading}
             submit
             exportparts="base: primarybutton-base"
           >
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index ecbaf6cd0e..bfaa8ed761 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef } from "@saasquatch/universal-hooks";
+import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import jsonpointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useParent } from "../../../utils/useParentState";
@@ -13,6 +13,11 @@ import {
   UserQuery,
 } from "../sqm-tax-and-cash/data";
 import { TaxForm } from "./sqm-user-info-form";
+import {
+  useMutation,
+  useUserIdentity,
+} from "@saasquatch/component-boilerplate";
+import { gql } from "graphql-request";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
@@ -41,13 +46,26 @@ export type InitialData = {
   [key: string]: string;
 };
 
+const UPSERT_USER = gql`
+  mutation ($userInput: UserInput!) {
+    upsertUser(userInput: $userInput) {
+      firstName
+      lastName
+    }
+  }
+`;
+
 export function useUserInfoForm(props: TaxForm) {
+  const user = useUserIdentity();
+
   const formRef = useRef<HTMLFormElement>(null);
 
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
-  const [formState, setFormState] = useParent<FormState>(USER_INFO_NAMESPACE);
+  const [formState, setFormState] = useState<FormState>({});
+  const [mutationLoading, setMutationLoading] = useState(false);
 
-  const { data, loading } =
+  const [upsertUser] = useMutation(UPSERT_USER);
+  const { data, loading, refetch } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
   const { data: _countries, loading: countriesLoading } =
     useParentQueryValue<CountriesQuery>(COUNTRIES_NAMESPACE);
@@ -80,51 +98,67 @@ export function useUserInfoForm(props: TaxForm) {
     let formData: Record<string, any> = {};
     let errors: Record<string, string> = {};
 
-    try {
-      formControls?.forEach((control) => {
-        if (!control.name) return;
-
-        const key = control.name;
-        const value = control.value;
-
-        if (control.name === "/participantType") {
-          control.checked && jsonpointer.set(formData, key, value);
-        } else {
-          jsonpointer.set(formData, key, value);
-        }
-
-        // required validation
-        if (control.required && !value) {
-          jsonpointer.set(errors, key, props.allowBankingCollectionError);
-        }
-
-        // custom validation
-        if (typeof control.validationError === "function") {
-          const validate = control.validationError as ValidationErrorFunction;
-          const validationError = validate({ control, key, value });
-          if (validationError) jsonpointer.set(errors, key, validationError);
-        }
-      });
+    formControls?.forEach((control) => {
+      if (!control.name) return;
+
+      const key = control.name;
+      const value = control.value;
 
-      // participant type validation
-      if (!formData.participantType) {
-        jsonpointer.set(errors, "/participantType", props.participantTypeError);
+      if (control.name === "/participantType") {
+        control.checked && jsonpointer.set(formData, key, value);
+      } else {
+        jsonpointer.set(formData, key, value);
       }
 
-      if (Object.keys(errors).length) {
-        setFormState({ ...formState, error: "", errors });
-        // early return for validation errors
-        return;
+      // required validation
+      if (control.required && !value) {
+        jsonpointer.set(errors, key, props.allowBankingCollectionError);
       }
 
-      const { allowBankingCollection, ...cleanData } = formData;
+      // custom validation
+      if (typeof control.validationError === "function") {
+        const validate = control.validationError as ValidationErrorFunction;
+        const validationError = validate({ control, key, value });
+        if (validationError) jsonpointer.set(errors, key, validationError);
+      }
+    });
+
+    // participant type validation
+    if (!formData.participantType) {
+      jsonpointer.set(errors, "/participantType", props.participantTypeError);
+    }
 
-      setFormState(cleanData);
+    if (Object.keys(errors).length) {
+      setFormState({ ...formState, error: "", errors });
+      // early return for validation errors
+      return;
+    }
 
-      console.log({ cleanData });
+    const { allowBankingCollection, ...userData } = formData;
+
+    try {
+      setMutationLoading(true);
+
+      await upsertUser({
+        userInput: {
+          id: user.id,
+          accountId: user.accountId,
+          countryCode: userData.countryCode,
+          customFields: {
+            currency: userData.currency,
+            participantType: userData.participantType,
+          },
+        },
+      });
+      await refetch();
 
       setStep("/2");
-    } catch {}
+    } catch (e) {
+      // TODO: Double check
+      setFormState((p) => ({ ...p, errors: { general: true } }));
+    } finally {
+      setMutationLoading(false);
+    }
   }
 
   console.log({ _countries });
@@ -154,7 +188,7 @@ export function useUserInfoForm(props: TaxForm) {
       countries: _countries?.countries?.data,
     },
     states: {
-      loading,
+      loading: loading || mutationLoading,
     },
     formState: { ...formState },
   };
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index e3f1d5bbf8..27e9df907f 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,8 +12,8 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash>
       <template path="/1">
         <sqm-user-info-form />
       </template>
@@ -31,8 +31,7 @@
       <template path="/submitted">
         <sqm-tax-document-submitted />
       </template>
-      <template path="/4">confirmation screen</template>
-    </sqm-tax-and-cash> -->
+    </sqm-tax-and-cash>
     <!-- <template path="/4">
         <sqm-cash-form />
       </template> -->

From 05cc8ff302bf07e63b28d07db96c43dfd634fb1c Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 1 Feb 2024 14:34:51 -0800
Subject: [PATCH 124/753] Added tax specs

---
 .../sqm-document-type-form.feature            |  20 +-
 .../sqm-docusign-form.feature                 |  65 ++++--
 .../sqm-indirect-tax-form.feature             | 139 +++++++-----
 .../sqm-tax-document-submitted.feature        | 129 ++++++-----
 .../tax-and-cash/sqm-tax-form.feature         | 201 ++++++++++++------
 5 files changed, 340 insertions(+), 214 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
index 6c6c2b278c..d1d331cc8b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
@@ -1,15 +1,11 @@
-@owner:andy
-@author:andy
-
+@owner:andy @author:andy
 Feature: Document Type Form
 
-    Background: A user has submitted their personal information in User Info Form and filled out the Indirect Tax Form
-		Given a user is on the Document Type Form
+  Background: A user has submitted their information in step 1, step2, is on step 3 and wishes to change the Tax Form they submit
+    Given a user is on the Document Type Form
 
-    @minutia
-    Scenario: A general error banner appears upon form submission request failing
-    When the user completes the form with their information
-    And they press "Continue" to submit the form
-    Then a request is sent to the backend with the form data
-    But if the request fails
-    Then a general error banner appears with <generalTitle> and <generalDescription>
\ No newline at end of file
+  @minutia
+  Scenario Outline: Participant presses back button
+    When they press the Back button
+    Then they will arrive at step 3
+    And the Docusign form does not change
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index f29984aead..8c785d3f80 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -1,17 +1,56 @@
-@owner:andy
-@author:andy
-
+@owner:andy @author:andy
 Feature: Docusign Form
 
-    Background: A user has submitted their information in User Info Form, Indirect Tax Form, and Document Type Form
-		Given a user is on the Docusign Form
+  Background: A user has submitted their information in Step 1 and Step 2
+    Given a user is on the Docusign Form
+
+  @minutia @ui
+  Scenario Outline: Text copies change based on tax form participant fills out
+    When they are required to fill out <typeTaxForm>
+    Then the <taxFormSubHeader> displays with "<typeTaxForm>"
+    And the <taxFormDescriptionCopy> / <changeTaxFormCopy> changes depending on the <typeTaxForm>
+
+    Examples: 
+      | typeTaxForm | taxFormSubHeader  | taxFormDescriptionCopy                                                                                                   | changeTaxFormCopy                                                |
+      | W9          | W9 Tax Form       | Participants based in the US and partnering with US-based brands need to submit a W9 form.                               | Not based in the US?                                             |
+      | W8-BEN      | W8-BEN Tax Form   | Individuals residing outside of the US, joining the referral program of a US-based cmpany, need to submit a W8-BEN form. | Represent a business entity or you're based in the US?           |
+      | W8-BEN-E    | W8-BEN-E Tax Form | Participants residing outside of the US who represent a business enttiy need to submit a W8-BEN-E form.                  | Joining this program as an individual or you're based in the US? |
+#   @minutia
+#   Scenario Outline: Participant changes Tax Form Type
+#     When they want to change the Tax Form to be submitted
+#     Then they press the <changeTaxFormCopy> text
+#     And they are redirected to the Document Type Change form
+#     Examples: 
+#       | changeTaxFormCopy                                                |
+#       | Not based in the US?                                             |
+#       | Represent a business entity or you're based in the US?           |
+#       | Joining this program as an individual or you're based in the US? |
+
+  @minutia
+  Scenario: Docusign iframe is loading
+    When the Docusign iframe is loading the Tax Form
+    Then the iframe displays a Docusign APIs loader
+    When the Docusign iframe loads in the Tax Form
+    Then the loader dissapers and the participant can see the Tax Form
+
+  @minutia
+  Scenario: Participant sees success notification in iframe after completing Docusign form
+    When they fillout the Docusign form
+    And submit the form inside the iframe
+    Then they will see a Docusigns success notification inside the iframe
+
+  @minutia
+  Scenario: Participant's Docusign session expires
+    When they have the Docusign form open for more than 20 minutes
+    Then the Docusign iframe session expires
+    And the Tax Form dissapers
+    Then they will see a Docusigns expired session notification and must refresh the page to fillout the form
 
-    @minutia
-    Scenario: A general error banner appears upon form submission request failing
-    When the user completes the form with their information
-    And they press "Continue" to submit the form
-    Then a request is sent to the backend with the form data
-    But if the request fails
-    Then a general error banner appears with <generalTitle> and <generalDescription>
+  @minutia
+  Scenario Outline: Participant decides to go back to step 2
+    When they press the Back button
+    Then the they are sent back to step 2
+    And they arrive at the step 2 form with original information initially submitted
 
-    Scenario: Docusign iframe Fails to load
+  @TODO
+  Scenario: Docusign iframe Fails to load
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index c2d5f598f9..00d7cf42de 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -1,64 +1,93 @@
-@owner:andy
-@author:andy
-
+@owner:andy @author:andy
 Feature: Indirect Tax Form
 
+  Background: A user has submitted their personal information in Tax Form Step One
+    Given a user is on the Indirect Tax Form
+
+  @minutia
+  Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
+    When <option> is selected based on based the participant <country> from step 1
+    Then different <inputs> appear
+
+    Examples: 
+      | country        | option                                                           | inputs                        |
+      | Canada         | I am registered for HST in Canada                                | Province, Indirect Tax Number |
+      | United States  | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
+      | United Kingdom | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
+      | Egypt          | I am not registered for Indirect tax                             | N/A, N/A                      |
+
+  @minutia @ui
+  Scenario: The province select displays applicable indirect tax provinces
+    When the "I am registered for HST in Canada" option is selected
+    Then A Province select appears with the available <provinces>
+
+    Examples: 
+      | provinces             |
+      | Ontario               |
+      | Alberta               |
+      | British Columbia      |
+      | Manitoba              |
+      | New Brunswick         |
+      | Newfoundland          |
+      | Nova Scotia           |
+      | Prince Edward Island  |
+      | Quebec                |
+      | Saskatchewan          |
+      | Northwest Territories |
+      | Nunavut               |
+      | Yukon                 |
+
+  @minutia @ui
+  Scenario: The country select displays applicable indirect tax countries from Impact
+    When the "I am registered for Indirect Tax in a different Country / Region" option is selected
+    Then A Country select appears with the available <countries> provided by Impact
+
+    Examples: 
+      | countries                  |
+      | A whole bunch of countries |
 
-	Background: A user has submitted their personal information in Tax Form Step One
-		Given a user is on the Indirect Tax Form
+  @minutia @ui
+  Scenario Outline: Participant from another country has their country value auto selected
+    When the "I am registered for Indirect Tax in a different Country / Region" is selected
+    Then the Country <countryAutoSelectValue> selected with their <country> from step 1
 
-	
-	@minutia
-	Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
-	When <option> is selected based on based the participant <country> from step 1
-	Then different <inputs> appear
-	Examples:
-		| country        | option                                                           | inputs                        |
-		| Canada         | I am registered for HST in Canada		                        | Province, Indirect Tax Number |
-		| United States  | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
-        | United Kingdom | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
-        | Egypt          | I am not registered for Indirect tax                             | N/A, N/A                      |
+    Examples: 
+      | country | <countryAutoSelectValue> |
+      | US      | United States            |
+      | AUS     | Australia                |
 
-	@minutia
-	@ui
-	Scenario: The province select should display applicable indirect tax provinces
-	When the "I am registered for HST in Canada" option is selected
-	Then A Province select appears with the available <provinces>
-	Examples:
-		| provinces				|
-		| Ontario 				|
-		| Alberta 				|
-		| British Columbia 		|
-		| Manitoba 				|
-		| New Brunswick 		|
-		| Newfoundland 			|
-		| Nova Scotia 			|
-		| Prince Edward Island  |
-		| Quebec 				|
-		| Saskatchewan 			|
-		| Northwest Territories |
-		| Nunavut 				|
-		| Yukon 				|
+  @minutia
+  Scenario Outline: Participant from another country can change the auto selected country
+    When the Country <countryAutoSelectValue> selected with their <country> from step 1
+    And they change the Country <countryAutoSelectValue>
+    Then the Country <countryAutoSelectValue> changes to the <newCountrySelectValue>
 
+    Examples: 
+      | country | countryAutoSelectValue | newCountrySelectValue |
+      | US      | United States          | Australia             |
+      | UK      | United Kingdom         | Egypt                 |
 
-	@minutia
-	@ui
-	Scenario Outline: A participant fills out the Indirect Tax Form with invalid values
-	When they fill out the form with invalid values for the following fields:
-		| Province     			   | <province>     |
-		| Indirect Tax 			   | <indirectTax>  |
-		| VAT Number   			   | <vatNumber>    |
-	Then the form displays the respective errors for each field:
-        | <province>               | Province is required            |
-        | <indirectTax>            | Indirect tax number is required |
-        | <vatNumber>              | VAT number is required          |
+  @minutia @ui
+  Scenario Outline: Participant fills out the Indirect Tax Form with invalid values
+    When they fill out the form with invalid values for the following fields:
+      | Province     | <province>    |
+      | Indirect Tax | <indirectTax> |
+      | VAT Number   | <vatNumber>   |
+    Then the form displays the respective errors for each field:
+      | <province>    | Province is required            |
+      | <indirectTax> | Indirect tax number is required |
+      | <vatNumber>   | VAT number is required          |
 
-	@minutia
-	Scenario: A general error banner appears upon form submission request failing
-	When the participant completes the form with their information
-	And they press "Continue" to submit the form
-	Then a request is sent to the backend with the form data
-	But if the request fails
-	Then a general error banner appears with <generalTitle> and <generalDescription>
-	
+  @minutia
+  Scenario Outline: Participant decides to go back to step 1
+    When they press the Back button
+    Then the they are sent back to step 1
+    And they arrive at the step 1 form filled with the information initially submitted
 
+  @minutia
+  Scenario: A general error banner appears upon form submission request failing
+    When the participant completes the form with their information
+    And they press "Continue" to submit the form
+    Then a request is sent to the backend with the form data
+    But if the request fails
+    Then a general error banner appears with <generalTitle> and <generalDescription>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
index 6e01e52842..3a1aeff225 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
@@ -1,73 +1,70 @@
-@owner:andy
-@author:andy
-
-
+@owner:andy @author:andy
 Feature: Tax Document Submitted View
         View that informs the user of their Tax Document submission status.
 
-	Background: A user has submitted their Tax Document
-		Given a user is on the Tax Document Submitted view
+  Background: A user has submitted their Tax Document
+    Given a user is on the Tax Document Submitted view
+
+  @motivating
+  Scenario: View Tax Document Submitted
+    Given the user has submitted a tax document
+    When they view Document Submitted
+    Then they see the status of their Tax Document and Banking Information
+
+  @motivating
+  Scenario: View Tax Document Submitted is loading
+    Given the user has submitted a tax document
+    When they view Document Submitted
+    Then they see a skeleton loaders until the end users Tax Document/Banking information data is available
+
+  @minutia @ui
+  Scenario Outline: The Tax Form header is displayed to the end users
+    Given the user has submitted a W9/W8-BEN/W8-BEN-E Tax form
+    Then the Tax Form header displays "<documentType> Tax Form"
+
+    Examples: 
+      | documentType |
+      | W9           |
+      | W8-BEN       |
+      | W8-BEN-E     |
+
+  @minutia @ui
+  Scenario Outline: The date submitted and status of a Tax Form is displayed to end users
+    Given the Tax Document is currently <status>
+    When they view the Tax Document Submitted
+    Then they see a badge with <status> text and a respective <badgeVariant>
+    Then they see a message indicating "<taxStatusMessage> on <dateSubmitted>"
+
+    Examples: 
+      | status       | badgeVariant | taxStatusMessage                                                          | dateSubmitted |
+      | ACTIVE       | success      | Submitted on                                                              | Jan 17, 2024  |
+      | NOT_VERIFIED | neutral      | Awaiting Review. Submitted on                                             | Jan 17, 2024  |
+      | NOT_ACTIVE   | danger       | Ensure your information matches your profile and resubmit a new document. | Jan 17, 2024  |
+      | EXPIRED      | danger       | Expired on                                                                | Jan 17, 2024  |
+
+  @minutia @ui
+  Scenario Outline: A Danger Alert is displayed if the end users tax form is invalid
+    Given the <status> is "NOT_ACTIVE" or "EXPIRED"
+    Then a danger alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> appears
 
-	@motivating
-	Scenario: View Tax Document Submitted
-		Given the user has submitted a tax document
-		When they view Document Submitted
-		Then they see the status of their Tax Document and Banking Information
+    Examples: 
+      | status     | documentType | taxAlertHeader                                                             | taxAlertMessage                      |
+      | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile. | Please resubmit a new W9 form.       |
+      | EXPIRED    | W8-BEN-E     | Your W8-BEN-E tax form has expired.                                        | Please resubmit a new W8-BEN-E form. |
 
-	@motivating
-	Scenario: View Tax Document Submitted is loading
-		Given the user has submitted a tax document
-		When they view Document Submitted
-		Then they see a skeleton loaders until the end users Tax Document/Banking information data is available
-	
-	@minutia
-	@ui
-	Scenario Outline: The Tax Form header is displayed to the end users
-	Given the user has submitted a W9/W8-BEN/W8-BEN-E Tax form
-	Then the Tax Form header displays "<documentType> Tax Form"
-	Examples:
-		| documentType |
-		| W9 		   |
-		| W8-BEN       |
-		| W8-BEN-E     |
+  @minutia @ui
+  Scenario Outline: A Warning Alert is displayed if the end users tax form is expiring soon
+    Given the <status> is ACTIVE
+    And the <dateExpired> is 30 days away from the current date
+    Then a warning alert indicating the <documentType> with a <taxAlertHeader>, <taxAlertMessage>, and <dateExpired> appears
 
-	@minutia
-	@ui
-	Scenario Outline: The date submitted and status of a Tax Form is displayed to end users
-		Given the Tax Document is currently <status>
-		When they view the Tax Document Submitted
-		Then they see a badge with <status> text and a respective <badgeVariant>
-		Then they see a message indicating "<taxStatusMessage> on <dateSubmitted>"
-		Examples: 
-			| status       | badgeVariant | taxStatusMessage       													 | dateSubmitted   |
-			| ACTIVE       | success 	  | Submitted on                  											 | Jan 17, 2024    |
-			| NOT_VERIFIED | neutral      | Awaiting Review. Submitted on 											 | Jan 17, 2024    |
-			| NOT_ACTIVE   | danger       | Ensure your information matches your profile and resubmit a new document.| Jan 17, 2024    |
-			| EXPIRED      | danger       | Expired on                    											 | Jan 17, 2024    |
+    Examples: 
+      | status | documentType | taxAlertHeader              | dateExpired    | taxAlertMessage                |
+      | ACTIVE | W9           | Your W9 tax form expires on | Dec 30th, 2024 | Please resubmit a new W9 form. |
 
-	@minutia
-	@ui
-	Scenario Outline: A Danger Alert is displayed if the end users tax form is invalid
-	Given the <status> is "NOT_ACTIVE" or "EXPIRED"
-	Then a danger alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> appears
-	Examples:
-		| status 	 | documentType | taxAlertHeader 															 		| taxAlertMessage 				  				|
-		| NOT_ACTIVE | W9       	| Your W9 tax form has personal information that doesn't match your profile. 		| Please resubmit a new W9 form. 				|
-		| EXPIRED    | W8-BEN-E     | Your W8-BEN-E tax form has expired. 												| Please resubmit a new W8-BEN-E form. 			|
-	
-	@minutia
-	@ui
-	Scenario Outline: A Warning Alert is displayed if the end users tax form is expiring soon
-	Given the <status> is ACTIVE
-	And the <dateExpired> is 30 days away from the current date
-	Then a warning alert indicating the <documentType> with a <taxAlertHeader>, <taxAlertMessage>, and <dateExpired> appears
-	Examples:
-		| status 	 | documentType | taxAlertHeader 					| dateExpired     | taxAlertMessage 			   |
-		| ACTIVE     | W9       	| Your W9 tax form expires on		| "Dec 30th, 2024 | Please resubmit a new W9 form. |
-	
-	@unknown
-	Scenario: Submit New Tax Document Form
-		Given the user is viewing the Tax Document Submission
-		When they click the "Submit New Form" button
-		Then the system should trigger the callback
-		Then they are redirected to the first step to submit a new form
+  @unknown
+  Scenario: Submit New Tax Document Form
+    Given the user is viewing the Tax Document Submission
+    When they click the "Submit New Form" button
+    Then the system should trigger the callback
+    Then they are redirected to the first step to submit a new form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index dcdbd0716e..f6efad5765 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -26,83 +26,148 @@ Feature: Tax Form Flow
     And press "Continue"
     Then they proceed to step 2
     And they see three options
-    | I am registered for HST in Canada                                |
-    | I am registered for Indirect Tax in a different Country / Region |
-    | I am not registered for Indirect Tax                             |
+      | I am registered for HST in Canada                                |
+      | I am registered for Indirect Tax in a different Country / Region |
+      | I am not registered for Indirect Tax                             |
     But <option> is selected by default
     When they complete filling out their indirect tax information
-    And press "Continue" 
+    And press "Continue"
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
+
+    Examples: 
+      | firstName | lastName | email                  | countryCode | brandCountry | currency | participantType       | allowBankingCollection | option                                                           | stepX |
+      | Bob       | Johnson  | bob.johnson@email.com  | CA          | US           | CAD      | businessEntity        | true                   | I am registered for HST in Canada                                |     3 |
+      | Jane      | Moe      | jane.moe@email.com     | CA          | MX           | CAD      | individualParticipant | true                   | I am registered for HST in Canada                                |     4 |
+      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region |     3 |
+      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | businessEntity        | true                   | I am registered for Indirect Tax in a different Country / Region |     3 |
+      | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region |     3 |
+      | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region |     4 |
+      | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | businessEntity        | true                   | I am not registered for Indirect Tax                             |     3 |
+      | Pam       | Herd     | pam.herd@email.com     | EG          | MX           | BMD      | businessEntity        | true                   | I am not registered for Indirect Tax                             |     4 |
+
+  @minutia
+  Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
+    When <option> is selected based on based the participant <country> from step 1
+    Then different <inputs> appear
+
     Examples: 
-      | firstName | lastName | email                 | countryCode | brandCountry | currency | participantType       | allowBankingCollection | option                                                           | stepX |
-      | Bob       | Johnson  | bob.johnson@email.com | CA          | US           | CAD      | businessEntity        | true                   | I am registered for HST in Canada                                | 3     |
-      | Jane      | Moe      | jane.moe@email.com    | CA          | MX           | CAD      | individualParticipant | true                   | I am registered for HST in Canada                                | 4     |
-      | Dane      | Coe      | dane.coe@email.com    | US          | CA           | USD      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | 3     |
-      | David     | Renar    | david.renar@email.com | US          | MX           | USD      | businessEntity        | true                   | I am registered for Indirect Tax in a different Country / Region | 3     |
-      | Jose      | Querv    | jose.querv@email.com  | UK          | US           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | 3     |
-      | David     | Blaine   | david.blaine@email.com| UK          | MX           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | 4     |
-      | Charle    | Buck     | charle.buck@email.com | EG          | US           | EGP      | businessEntity        | true                   | I am not registered for Indirect Tax                             | 3     |
-      | Pam       | Herd     | pam.herd@email.com    | EG          | MX           | BMD      | businessEntity        | true                   | I am not registered for Indirect Tax                             | 4     |
-    
-    
-
-    @minutia
-	Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
-	When <option> is selected based on based the participant <country> from step 1
-	Then different <inputs> appear
-	Examples:
-		| country        | option                                                           | inputs                        |
-		| Canada         | I am registered for HST in Canada		                        | Province, Indirect Tax Number |
-		| United States  | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
-        | United Kingdom | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
-        | Egypt          | I am not registered for Indirect tax                             | N/A, N/A                      |
-
-
-    @minutia
-    Scenario Outline: Participants based in the US or working with US brands have to fillout docusign forms
-    Given a brand based in <brandCountry> 
+      | country | option                                                           | inputs                        |
+      | CA      | I am registered for HST in Canada                                | Province, Indirect Tax Number |
+      | US      | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
+      | UK      | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
+      | EG      | I am not registered for Indirect tax                             | N/A, N/A                      |
+
+  @minutia
+  Scenario Outline: Participants based in the US or working with US brands have to fillout docusign forms
+    Given a brand based in <brandCountry>
     And the user selects <country> and <participantType> in step 1
     When they view step 3
     Then the <autoSelectedForm> is displayed
-    Examples:
-    | brandCountry | country | participantType       | autoSelectedForm | 
-    | US           | US      | individualParticipant | W9               |
-    | CA           | US      | businessEntity        | W9               |
-    | US           | CA      | individualParticipant | W8-BEN           |
-    | US           | CA      | businessEntity        | W8-BEN-E         |
-    | US           | MX      | individualParticipant | W8-BEN           |
-    | US           | MX      | businessEntity        | W8-BEN-E         |
-
-    @minutia
-    Scenario Outline: Participants based in the US working with non-US brands have to fillout the W9 docusign form
-    Given a brand based in <brandCountry> 
+
+    Examples: 
+      | brandCountry | country | participantType       | autoSelectedForm |
+      | US           | US      | individualParticipant | W9               |
+      | CA           | US      | businessEntity        | W9               |
+      | US           | CA      | individualParticipant | W8-BEN           |
+      | US           | CA      | businessEntity        | W8-BEN-E         |
+      | US           | MX      | individualParticipant | W8-BEN           |
+      | US           | MX      | businessEntity        | W8-BEN-E         |
+
+  @minutia
+  Scenario Outline: Participants based in the US working with non-US brands have to fillout the W9 docusign form
+    Given a brand based in <brandCountry>
     And the user selects <country> and <participantType> in step 1
     When they view step 3
     Then the <autoSelectedForm> is displayed
-    Examples:
-    | brandCountry | country | participantType       | autoSelectedForm | 
-    | MX           | US      | individualParticipant | W9               |
-    | UK           | US      | businessEntity        | W9               |
-    | AUS          | US      | businessEntity        | W9               |
-
-    @minutia
-    Scenario Outline: Participants based another country working with non-US brands do not have to fillout docusign forms
+
+    Examples: 
+      | brandCountry | country | participantType       | autoSelectedForm |
+      | MX           | US      | individualParticipant | W9               |
+      | UK           | US      | businessEntity        | W9               |
+      | AUS          | US      | businessEntity        | W9               |
+
+  @minutia
+  Scenario Outline: Participants based another country working with non-US brands do not have to fillout docusign forms
     Given a brand based in <brandCountry>
-    And the brand is not in the US 
+    And the brand is not in the US
     And the user selects a <country> not in the US and <participantType> in step 1
-    Then they skip step 3
-    Examples:
-    | brandCountry | country | participantType       |
-    | MX           | UK      | individualParticipant |
-    | AUS          | EGP     | businessEntity        |
-
-    @minutia
-	Scenario: A general error banner appears upon form submission request failing
-	When the user completes a form with their information
-	And they press "Continue" to submit the form
-	Then a request is made to save the form data
-	But the request fails
-	Then a general error banner appears with <generalTitle> and <generalDescription>
-        Examples:
-        | generalTitle                                    | generalDescription                                                                     |
-        | There was a problem submitting your information | Please rview your information and try again. If this problem continus, contact Support |
+    Then they skip to step 4
+
+    Examples: 
+      | brandCountry | country | participantType       |
+      | MX           | UK      | individualParticipant |
+      | AUS          | EGP     | businessEntity        |
+
+  @minutia
+  Scenario Outline: Participant changes Tax Form to fillout in step 3
+    Given they are on step 3
+    And they press the <changeTaxFormCopy> text
+    Then they will procced to the Document Type Change form
+    And they see three <taxFormTypeOption>
+    When they select a <taxFormTypeOption>
+    And press "Continue"
+    Then they will be sent back to step 3
+    And the Docusign iframe will load the <newTaxForm> to fillout
+
+    Examples: 
+      | changeTaxFormCopy                                                | taxFormTypeOption | newTaxForm |
+      | Not based in the US?                                             | W8-BEN-E          | W8-BEN-E   |
+      | Represent a business entity or you're based in the US?           | W9                | W9         |
+      | Joining this program as an individual or you're based in the US? | W8-BEN            | W8-BEN     |
+
+  @minutia @ui
+  Scenario Outline: Participant finishes tax form flow and sees status of their tax form submission
+    Given they are on step 3
+    And finishes filling out the Docusign form
+    And they check <completedTaxForm>
+    And they press Continue
+    Then they proceed to step 4
+    When they view the Tax Document Submitted
+    Then they see a badge with <status> text and a respective <badgeVariant>
+    Then they see a message indicating "<taxStatusMessage> on <dateSubmitted>"
+
+    Examples: 
+      | status       | badgeVariant | taxStatusMessage                                                          | completedTaxForm | dateSubmitted |
+      | ACTIVE       | success      | Submitted on                                                              | true             | Jan 17, 2024  |
+      | NOT_VERIFIED | neutral      | Awaiting Review. Submitted on                                             | true             | Jan 17, 2024  |
+      | NOT_ACTIVE   | danger       | Ensure your information matches your profile and resubmit a new document. | true             | Jan 17, 2024  |
+      | EXPIRED      | danger       | Expired on                                                                | true             | Jan 17, 2024  |
+
+  @minutia
+  Scenario: A general error banner appears upon form submission request failing
+    When the participant completes a form with their information
+    And they press "Continue" to submit the form
+    Then a request is made to save the form data
+    But the request fails
+    Then a general error banner appears with <generalTitle> and <generalDescription>
+
+    Examples: 
+      | generalTitle                                    | generalDescription                                                                       |
+      | There was a problem submitting your information | Please review your information and try again. If this problem continues, contact Support |
+
+  @TODO @minutia
+  Scenario Outline: A user from Another Country completes the User Info and Indirect Tax steps with different countries
+    Given they are on the User Info Form step
+    And they fill out the following form fields with their personal information:
+      | First Name               | <firstName>              |
+      | Last Name                | <lastName>               |
+      | Email                    | <email>                  |
+      | Country Code             | <countryCode>            |
+      | Currency                 | <currency>               |
+      | Participant Type         | <participantType>        |
+      | Allow Banking Collection | <allowBankingCollection> |
+    When they select "Individual Participant" or "Business Entity" for <participantType>
+    And they agree to the terms which sets <allowBankingCollection> to true
+    When they press "Continue" to move on to the Indirect Tax Form
+    Then they are redirected to the Indirect Tax Form step
+    When they are the Indirect Tax Form Step
+    Then three options <hstCanada>, <otherRegion>, or <notRegistered> will be presented:
+      | <hstCanada>     | I am registered for HST in Canada                                | <province> | <indirectTaxNumber> |
+      | <otherRegion>   | I am registered for Indirect Tax in a different Country / Region | <country>  | <vatNumber>         |
+      | <notRegistered> | I am not registered for Indirect Tax                             | N/A        | N/A                 |
+    And the <otherRegion> radio-option is auto-selected
+    And the <country> is auto-filled with the <countryCode> from the User Info Form
+    But if the user changes the auto-filled <country> ---------- What happens?
+    And the user fills out the <vatNumber>
+    And they press "Continue"
+    Then they are redirected to the Docusign Form step

From f5ba1af48e6b14cbcfe23b3de605543f1a88da8f Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 1 Feb 2024 15:08:51 -0800
Subject: [PATCH 125/753] Minor changes

---
 .../useIndirectTaxForm.tsx                    |  2 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  9 +++----
 .../tax-and-cash/sqm-tax-form.feature         | 27 +++++++++----------
 3 files changed, 17 insertions(+), 21 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index b2cf30606b..b5c3a218d2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -156,7 +156,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       if (defaultDocumentType) {
         setStep(`/3/${defaultDocumentType}`);
       } else {
-        if (formData.taxOption === "hstCanada") setStep("/submitted");
+        if (formData.selectedRegion !== "US") setStep("/submitted");
         else {
           setStep("/3b");
         }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 97c34c05be..d901523ec8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -25,11 +25,6 @@ import {
 } from "./data";
 
 function getCurrentStep(user: UserQuery["user"]) {
-  // TODO: From impact - whether a document has already been submitted
-  if (user.customFields.w9Submitted || user.customFields.__taxProvince) {
-    return "/submitted";
-  }
-
   // TODO: From partner information
   if (
     !user.countryCode ||
@@ -54,6 +49,10 @@ function getCurrentStep(user: UserQuery["user"]) {
     return "/3/W8-BEN";
   }
 
+  if (user.customFields.__taxCountry !== "US" && user.countryCode !== "US") {
+    return "/submitted";
+  }
+
   return "/1";
 }
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index b55ffe0eb0..e5bb853837 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -2,6 +2,7 @@
 Feature: Tax Form Flow
 
   Background: A user submits their Tax information
+
   # Cases:
   # US Brand
   ## US participant - Requires W9
@@ -102,12 +103,12 @@ Feature: Tax Form Flow
   Scenario Outline: Participant changes Tax Form to fillout in step 3
     Given they are on step 3
     And they press the <changeTaxFormCopy> text
-    Then they will procced to the Document Type Change form
-    And they see three <taxFormTypeOption>
-    When they select a <taxFormTypeOption>
+    Then they will proceed to the Document Type Change form
+    And they see three tax form type options
+    When they select the <taxFormTypeOption> option
     And press "Continue"
     Then they will be sent back to step 3
-    And the Docusign iframe will load the <newTaxForm> to fillout
+    And the Docusign iframe will load the <newTaxForm> to fill out
 
     Examples:
       | changeTaxFormCopy                                                | taxFormTypeOption | newTaxForm |
@@ -115,23 +116,19 @@ Feature: Tax Form Flow
       | Represent a business entity or you're based in the US?           | W9                | W9         |
       | Joining this program as an individual or you're based in the US? | W8-BEN            | W8-BEN     |
 
+  # Undecided behaviour
+  # Scenario: Returning to the docusign iframe page shows the previously selected option from the document type page
+
   @minutia @ui
-  Scenario Outline: Participant finishes tax form flow and sees status of their tax form submission
+  Scenario: Participant finishes tax form flow and sees status of their tax form submission
     Given they are on step 3
     And finishes filling out the Docusign form
-    And they check <completedTaxForm>
+    And they check the "completedTaxForm" checkbox
     And they press Continue
     Then they proceed to step 4
-    When they view the Tax Document Submitted
-    Then they see a badge with <status> text and a respective <badgeVariant>
-    Then they see a message indicating "<taxStatusMessage> on <dateSubmitted>"
+    And they see the Tax Document Submitted page
 
-    Examples:
-      | status       | badgeVariant | taxStatusMessage                                                          | completedTaxForm | dateSubmitted |
-      | ACTIVE       | success      | Submitted on                                                              | true             | Jan 17, 2024  |
-      | NOT_VERIFIED | neutral      | Awaiting Review. Submitted on                                             | true             | Jan 17, 2024  |
-      | NOT_ACTIVE   | danger       | Ensure your information matches your profile and resubmit a new document. | true             | Jan 17, 2024  |
-      | EXPIRED      | danger       | Expired on                                                                | true             | Jan 17, 2024  |
+  # Scenario: Skipping the docusign page (some users don't need to sign a tax form) - Submission page spec
 
   @minutia
   Scenario: A general error banner appears upon form submission request failing

From 36732e8f16ea5b137834aa28eacd03335594c8a8 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 1 Feb 2024 15:28:06 -0800
Subject: [PATCH 126/753] Cleanup code and add new states and stories

---
 packages/mint-components/src/components.d.ts  | 106 ++++++++++++++++
 .../sqm-docusign-form-view.tsx                |   4 +-
 .../sqm-indirect-tax-form-view.tsx            |   5 +-
 .../sqm-tax-document-submitted-view.tsx       |  63 +++++-----
 .../sqm-tax-document-submitted.tsx            |  68 ++++++++++-
 .../sqm-user-info-form/TaxForm.stories.tsx    |  48 +++++---
 .../sqm-user-info-form/defaultTextCopy.ts     |   4 +-
 .../small-views/DocusignCompletedView.tsx     |  42 +++++++
 .../small-views/DocusignExpiredView.tsx       |  44 +++++++
 .../small-views/DocusignWrapperView.tsx       | 115 ------------------
 .../small-views/SlotViews.stories.tsx         |  11 ++
 .../small-views/TaxFormSelectionView.tsx      | 112 -----------------
 .../sqm-user-info-form-view.tsx               |  11 +-
 13 files changed, 341 insertions(+), 292 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignCompletedView.tsx
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx
 delete mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignWrapperView.tsx
 delete mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/TaxFormSelectionView.tsx

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 43697f7044..2d46136975 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3057,11 +3057,36 @@ export namespace Components {
           * @uiName Badge description text
          */
         "badgeTextSubmittedOn"?: string;
+        /**
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
+         */
         "bankingInformationSectionHeader": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
         "generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
         "generalErrorTitle": string;
+        /**
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
+         */
         "invalidForm"?: string;
+        /**
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
+         */
         "newFormButton": string;
+        /**
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
+         */
+        "noFormNeededSubtext": string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
@@ -3082,12 +3107,40 @@ export namespace Components {
           * @uiName Status text
          */
         "statusTextNotVerified"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
+         */
         "taxAlertHeaderExpiredOn"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
+         */
         "taxAlertHeaderExpiringSoon"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
+         */
         "taxAlertHeaderNotActive"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
+         */
         "taxAlertMessage"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
+         */
         "taxAlertMessageExpiringSoon": string;
+        /**
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+         */
         "taxDocumentSectionHeader": string;
+        /**
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
+         */
         "taxDocumentSectionSubHeader": string;
     }
     interface SqmText {
@@ -7006,11 +7059,36 @@ declare namespace LocalJSX {
           * @uiName Badge description text
          */
         "badgeTextSubmittedOn"?: string;
+        /**
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
+         */
         "bankingInformationSectionHeader"?: string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
         "generalErrorDescription"?: string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
         "generalErrorTitle"?: string;
+        /**
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
+         */
         "invalidForm"?: string;
+        /**
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
+         */
         "newFormButton"?: string;
+        /**
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
+         */
+        "noFormNeededSubtext"?: string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
@@ -7031,12 +7109,40 @@ declare namespace LocalJSX {
           * @uiName Status text
          */
         "statusTextNotVerified"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
+         */
         "taxAlertHeaderExpiredOn"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
+         */
         "taxAlertHeaderExpiringSoon"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
+         */
         "taxAlertHeaderNotActive"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
+         */
         "taxAlertMessage"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
+         */
         "taxAlertMessageExpiringSoon"?: string;
+        /**
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+         */
         "taxDocumentSectionHeader"?: string;
+        /**
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
+         */
         "taxDocumentSectionSubHeader"?: string;
     }
     interface SqmText {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index d33ebe5050..e82c1a5ea0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -127,10 +127,10 @@ const style = {
     gap: "16px",
   },
   Link: {
-    color: "#14B1F7",
+    color: "var(--sl-color-sky-500)",
     textDecoration: "none",
     "&:visited": {
-      color: "#14B1F7",
+      color: "var(--sl-color-sky-500)",
     },
     "&:hover": {
       textDecoration: "underline",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 42b2084910..1f8d519504 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -201,9 +201,10 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
               >
                 {text.notRegistered}
               </sl-checkbox>
-              {formState.errors?.taxDetails && (
+              {/* ZH: Commenting for now, not sure if we still need it or not */}
+              {/* {formState.errors?.taxDetails && (
                 <p class={classes.ErrorText}>{text.error.taxDetails}</p>
-              )}
+              )} */}
             </div>
           </div>
           <div class={classes.BtnContainer}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 388be03bc2..40d759f2e1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -15,6 +15,7 @@ export interface TaxDocumentSubmittedProps {
     dateSubmitted: string;
     dateExpired?: string;
     expiresSoon?: boolean;
+    noFormNeeded?: boolean;
     loading?: boolean;
     errors?: any;
   };
@@ -38,6 +39,7 @@ export interface TaxDocumentSubmittedProps {
     taxDocumentSectionSubHeader: string;
     newFormButton: string;
     invalidForm?: string;
+    noFormNeededSubtext: string;
     error: {
       generalTitle: string;
       generalDescription: string;
@@ -96,6 +98,11 @@ const style = {
     top: "-8px",
     marginBottom: "var(--sl-spacing-xx-small)",
   },
+  TaxDocSubtext: {
+    margin: "0",
+    color: "var(--sl-color-neutral-500)",
+    lineHeight: "24px",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -321,43 +328,43 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         </div>
         <div class={sheet.classes.TaxDocumentsContainer}>
           <div class={sheet.classes.TaxDocumentsHeaderContainer}>
-            <h3>{text.taxDocumentSectionHeader}</h3>
-            {states.loading ? (
+            <h3 style={{ marginBottom: "5px" }}>
+              {text.taxDocumentSectionHeader}
+            </h3>
+            {states.loading && (
               <h4>
                 <sl-skeleton class={sheet.classes.SkeletonOne}></sl-skeleton>
               </h4>
-            ) : (
-              <h4>
-                {intl.formatMessage(
-                  {
-                    id: "section-subheader",
-                    defaultMessage: text.taxDocumentSectionSubHeader,
-                  },
-                  {
-                    documentType: states.documentType,
-                  }
-                )}
-              </h4>
             )}
-          </div>
-          <div>
-            {states.loading ? (
+            {states.noFormNeeded ? (
+              <p class={sheet.classes.TaxDocSubtext}>
+                {text.noFormNeededSubtext}
+              </p>
+            ) : (
               <div>
-                <sl-skeleton class={sheet.classes.SkeletonTwo}></sl-skeleton>
+                <h4>
+                  {intl.formatMessage(
+                    {
+                      id: "section-subheader",
+                      defaultMessage: text.taxDocumentSectionSubHeader,
+                    },
+                    {
+                      documentType: states.documentType,
+                    }
+                  )}
+                </h4>
+                <sl-button
+                  disabled={states.disabled || states.loading}
+                  onClick={callbacks.onClick}
+                  type="default"
+                  class={sheet.classes.NewFormButton}
+                >
+                  {text.newFormButton}
+                </sl-button>
               </div>
-            ) : (
-              <span>{statusMap[states.status]}</span>
             )}
           </div>
         </div>
-        <sl-button
-          disabled={states.disabled || states.loading}
-          onClick={callbacks.onClick}
-          type="default"
-          class={sheet.classes.NewFormButton}
-        >
-          {text.newFormButton}
-        </sl-button>
       </div>
     </div>
   );
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 7deda4c1c2..af52a54c64 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -62,23 +62,87 @@ export class TaxDocumentSubmitted {
    * @uiName Badge description text
    */
   @Prop() badgeTextExpiringSoon?: string = defaults.badgeTextExpiringSoon;
-
+  /**
+   * Header displayed in alert header at the top of the page.
+   *
+   * @uiName Not active alert header
+   */
   @Prop() taxAlertHeaderNotActive?: string = defaults.taxAlertHeaderNotActive;
+  /**
+   * Header displayed in alert header at the top of the page.
+   *
+   * @uiName Expired alert header
+   */
   @Prop() taxAlertHeaderExpiredOn?: string = defaults.taxAlertHeaderExpiredOn;
+  /**
+   * Header displayed in alert header at the top of the page.
+   *
+   * @uiName Expiring soon alert header
+   */
   @Prop() taxAlertHeaderExpiringSoon?: string =
     defaults.taxAlertHeaderExpiringSoon;
+  /**
+   * Description text displayed in alert body at the top of the page.
+   *
+   * @uiName Tax alert message
+   */
   @Prop() taxAlertMessage?: string = defaults.taxAlertMessage;
+  /**
+   * Description text displayed in alert body at the top of the page.
+   *
+   * @uiName Expiring soon tax alert message
+   */
   @Prop() taxAlertMessageExpiringSoon: string =
     defaults.taxAlertMessageExpiringSoon;
+  /**
+   * Description text displayed next to the badge in the tax documents status
+   *
+   * @uiName Invalid form description text
+   */
   @Prop() invalidForm?: string = defaults.invalidForm;
+  /**
+   * Header text displayed above the banking information card
+   *
+   * @uiName Banking information header
+   */
   @Prop() bankingInformationSectionHeader: string =
     defaults.bankingInformationSectionHeader;
-
+  /**
+   * Header text displayed above the tax documents status
+   *
+   * @uiName Tax document section header
+   */
   @Prop() taxDocumentSectionHeader: string = defaults.taxDocumentSectionHeader;
+  /**
+   * Sub header text displayed above the tax documents status
+   *
+   * @uiName Tax documents sub header
+   */
   @Prop() taxDocumentSectionSubHeader: string =
     defaults.taxDocumentSectionSubHeader;
+  /**
+   * Subtext displayed at the bottom of the page if there are no tax documents to show
+   *
+   * @uiName No form needed subtext
+   */
+  @Prop() noFormNeededSubtext: string = defaults.noFormNeededSubtext;
+  /**
+   * Text displayed in the submit new document button at the bottom of the page
+   *
+   * @uiName No form needed subtext
+   */
   @Prop() newFormButton: string = defaults.newFormButton;
+  /**
+   * The title for error message shown at the top of the page in an error banner
+   *
+   * @uiName General error title
+   */
   @Prop() generalErrorTitle: string = defaults.error.generalTitle;
+  /**
+   * The error message shown at the top of the page in an error banner
+   *
+   * @uiName General error text
+   */
   @Prop() generalErrorDescription: string = defaults.error.generalDescription;
   constructor() {
     withHooks(this);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index fe23e5d762..fe57cebfa1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -279,26 +279,22 @@ export const StepOneWithGeneralError = () => {
 };
 
 // STEP TWO
-export const StepTwo = () => {
-  return <IndirectTaxFormView {...stepTwoProps} />;
-};
-
-export const StepTwoWithError = () => {
-  return (
-    <IndirectTaxFormView
-      {...stepTwoProps}
-      states={{
-        ...stepTwoProps.states,
-        formState: {
-          ...stepTwoProps.states.formState,
-          errors: {
-            taxDetails: true,
-          },
-        },
-      }}
-    />
-  );
-};
+// export const StepTwoWithError = () => {
+//   return (
+//     <IndirectTaxFormView
+//       {...stepTwoProps}
+//       states={{
+//         ...stepTwoProps.states,
+//         formState: {
+//           ...stepTwoProps.states.formState,
+//           errors: {
+//             taxDetails: true,
+//           },
+//         },
+//       }}
+//     />
+//   );
+// };
 
 export const StepTwoLoading = () => {
   return (
@@ -593,6 +589,18 @@ export const TaxDocumentSubmittedWithGeneralError = () => {
   );
 };
 
+export const TaxDocumentSubmittedNoFormNeeded = () => {
+  return (
+    <TaxDocumentSubmittedView
+      {...documentSubmittedActiveProps}
+      states={{
+        ...documentSubmittedActiveProps.states,
+        noFormNeeded: true,
+      }}
+    />
+  );
+};
+
 export const TaxDocumentSubmittedDisabled = () => {
   return (
     <TaxDocumentSubmittedView
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index c25a29ec71..93a299d29d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -133,7 +133,9 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   bankingInformationSectionHeader: "Banking Information",
   taxDocumentSectionHeader: "Tax documents",
   taxDocumentSectionSubHeader: "{documentType} Tax Documents",
-  newFormButton: "Submit New Form",
+  newFormButton: "Submit New document",
+  noFormNeededSubtext:
+    "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support.",
   error: {
     generalTitle: "There was a problem submitting your information",
     generalDescription:
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignCompletedView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignCompletedView.tsx
new file mode 100644
index 0000000000..4a2a40abe7
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignCompletedView.tsx
@@ -0,0 +1,42 @@
+import { h } from "@stencil/core";
+import { createStyleSheet } from "../../../../styling/JSS";
+
+const style = {
+  Container: {
+    width: "100%",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    padding: "20px",
+    gap: "10px",
+    maxWidth: "500px",
+    margin: "auto",
+    textAlign: "center",
+  },
+};
+
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+
+export const DocusignCompletedView = () => {
+  const { classes } = sheet;
+  return (
+    <div>
+      <style type="text/css">{styleString}</style>
+      {/* ZH: Need to figure out how to propify this text */}
+      <div class={classes.Container}>
+        <sl-icon
+          style={{
+            width: "50px",
+            height: "50px",
+            color: "var(--sl-color-success-600)",
+          }}
+          name="check2-circle"
+        ></sl-icon>
+        <p style={{ margin: "0" }}>
+          Your document has been completed and submitted
+        </p>
+      </div>
+    </div>
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx
new file mode 100644
index 0000000000..ad33e00599
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx
@@ -0,0 +1,44 @@
+import { h } from "@stencil/core";
+import { createStyleSheet } from "../../../../styling/JSS";
+
+const style = {
+  Container: {
+    width: "100%",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    padding: "20px",
+    gap: "10px",
+    maxWidth: "500px",
+    margin: "auto",
+    textAlign: "center",
+  },
+};
+
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+
+export const DocusignExpiredView = () => {
+  const { classes } = sheet;
+  return (
+    <div>
+      <style type="text/css">{styleString}</style>
+      {/* ZH: Need to figure out how to propify this text */}
+      <div class={classes.Container}>
+        <sl-icon
+          style={{
+            width: "50px",
+            height: "50px",
+            color: "var(--sl-color-neutral-500)",
+          }}
+          name="clock"
+        ></sl-icon>
+        <p style={{ margin: "0" }}>
+          For your security and privacy, we automatically end your session after
+          20 minutes of inactivity. Please refresh and re-enter your tax
+          information to continue.
+        </p>
+      </div>
+    </div>
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignWrapperView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignWrapperView.tsx
deleted file mode 100644
index 9057cedabf..0000000000
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignWrapperView.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import { VNode, h } from "@stencil/core";
-import { createStyleSheet } from "../../../../styling/JSS";
-
-export interface DocusignWrapperSlotViewProps {
-  states: {
-    loading: boolean;
-    formState: {
-      docusignSlot: VNode;
-      completedTaxForm: boolean;
-      errors?: any;
-    };
-  };
-  callbacks: {
-    onChange: (e) => void;
-  };
-  text: {};
-}
-
-const style = {
-  Container: {
-    width: "100%",
-    display: "flex",
-    justifyContent: "flex-start",
-    flexDirection: "column",
-    gap: "16px",
-  },
-  RadioContainer: {
-    width: "100%",
-    display: "flex",
-    justifyContent: "flex-start",
-    flexDirection: "column",
-    gap: "16px",
-    padding: "16px",
-  },
-  DescriptionText: {
-    color: "var(--sl-color-neutral-500)",
-    lineHeight: "22px",
-  },
-  BoldText: {
-    fontWeight: "bold",
-  },
-
-  Link: {
-    color: "#14B1F7",
-    textDecoration: "none",
-    "&:visited": {
-      color: "#14B1F7",
-    },
-    "&:hover": {
-      textDecoration: "underline",
-    },
-  },
-};
-
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-
-const vanillaStyle = `
-    :host{
-      display: block;   
-    }
-    * {
-       margin: 0;
-       padding: 0;
-       box-sizing: border-box;
-    }
-
-    sl-radio::part(base) {
-        align-items: flex-start;
-    }
-    sl-radio::part(label) {
-        display: flex;
-        flex-direction: column;
-        gap: 6px;
-        max-width: 600px;
-    }
-  `;
-
-export const DocusignWrapperSlotView = (
-  props: DocusignWrapperSlotViewProps
-) => {
-  const {
-    states,
-    states: { formState },
-    callbacks,
-    text,
-  } = props;
-
-  const { classes } = sheet;
-
-  return (
-    <div class={classes.Container}>
-      <style type="text/css">
-        {styleString}
-        {vanillaStyle}
-      </style>
-
-      <h5 class={classes.BoldText}>W9 Tax Form</h5>
-      <p>
-        Participants based in the US and partnering with US-based brands need to
-        submit a W9 form.{" "}
-        <a href="#" class={classes.Link}>
-          Not based in the US?
-        </a>
-      </p>
-      {formState.docusignSlot}
-      <div>
-        <p class={classes.BoldText}>Form submission</p>
-        <sl-checkbox checked={formState.completedTaxForm}>
-          I have completed and submitted my tax form
-        </sl-checkbox>
-      </div>
-    </div>
-  );
-};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
index 03ea687f9f..43b4870043 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
@@ -5,6 +5,8 @@ import {
   IndirectDetailsSlotViewProps,
   OtherRegionSlotView,
 } from "./IndirectTaxDetailsView";
+import { DocusignExpiredView } from "./DocusignExpiredView";
+import { DocusignCompletedView } from "./DocusignCompletedView";
 
 export default {
   title: "Components/Tax Form Slot Views",
@@ -17,6 +19,7 @@ const registeredInOtherRegion: IndirectDetailsSlotViewProps = {
     formState: {
       selectedRegion: "United Kindom",
       vatNumber: 12345,
+      countryCode: "UK",
     },
   },
   data: {
@@ -83,3 +86,11 @@ export const RegisteredInCanadaWithErrors = () => {
     />
   );
 };
+
+export const DocusignExpired = () => {
+  return <DocusignExpiredView />;
+};
+
+export const DocusignCompleted = () => {
+  return <DocusignCompletedView />;
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/TaxFormSelectionView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/TaxFormSelectionView.tsx
deleted file mode 100644
index 767f8ba29b..0000000000
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/TaxFormSelectionView.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import { VNode, h } from "@stencil/core";
-import { createStyleSheet } from "../../../../styling/JSS";
-
-export interface TaxFormSelectionSlotViewProps {
-  states: {
-    loading: boolean;
-    formState: {
-      selectedTaxForm: "w9" | "w8-ben" | "w8-ben-e" | undefined;
-      errors?: any;
-    };
-  };
-  callbacks: {
-    onChange: (e) => void;
-  };
-  text: {};
-}
-
-const style = {
-  Container: {
-    width: "100%",
-  },
-  RadioContainer: {
-    width: "100%",
-    display: "flex",
-    justifyContent: "flex-start",
-    flexDirection: "column",
-    gap: "16px",
-    padding: "16px",
-  },
-  DescriptionText: {
-    color: "var(--sl-color-neutral-500)",
-    lineHeight: "22px",
-  },
-  BoldText: {
-    fontWeight: "bold",
-  },
-};
-
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-
-const vanillaStyle = `
-    :host{
-      display: block;   
-    }
-    * {
-       margin: 0;
-       padding: 0;
-       box-sizing: border-box;
-    }
-
-    sl-radio::part(base) {
-        align-items: flex-start;
-    }
-    sl-radio::part(label) {
-        display: flex;
-        flex-direction: column;
-        gap: 6px;
-        max-width: 600px;
-    }
-  `;
-
-export const TaxFormSelectionSlotView = (
-  props: TaxFormSelectionSlotViewProps
-) => {
-  const {
-    states,
-    states: { formState },
-    callbacks,
-    text,
-  } = props;
-
-  const { classes } = sheet;
-
-  return (
-    <form class={classes.Container}>
-      <style type="text/css">
-        {styleString}
-        {vanillaStyle}
-      </style>
-
-      <p class={classes.BoldText}>Select a tax form</p>
-
-      <sl-radio-group value={formState.selectedTaxForm} slon>
-        <div class={classes.RadioContainer}>
-          <sl-radio value="w9">
-            <p class={classes.BoldText}>W9</p>
-            <p class={classes.DescriptionText}>
-              W9 For participants based in the US, joining the referral program
-              of a US-based company.
-            </p>
-          </sl-radio>
-          <sl-radio value="w8-ben">
-            <p class={classes.BoldText}> W8-BEN</p>
-            <p class={classes.DescriptionText}>
-              W8-BEN For individuals residing outside of the US, joining the
-              referral program of a US-based company.
-            </p>
-          </sl-radio>
-          <sl-radio value="w8-ben-e">
-            <p class={classes.BoldText}>W8-BEN-E</p>
-            <p class={classes.DescriptionText}>
-              W8-BEN-E For participants residing outside of the US who represent
-              a business entity, joining the referral program of a US-based
-              company.
-            </p>
-          </sl-radio>
-        </div>
-      </sl-radio-group>
-    </form>
-  );
-};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index a2cfb09974..25628a2c11 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -231,14 +231,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               exportparts="label: input-label"
               value={formState.email}
               label={text.email}
-              disabled={states.disabled}
-              {...(formState.errors?.email
-                ? {
-                    class: classes.ErrorInput,
-                    helpText: text.error.email,
-                  }
-                : {})}
-              // {...{ helpText: formState.errors.email }}
+              disabled={true}
               id="email"
               name="/email"
               required
@@ -354,5 +347,3 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
     </sl-form>
   );
 };
-
-// export default TaxFormStepOneView;

From 239e68c14fcaba0f0f16338344687f87f9d712e6 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 1 Feb 2024 16:45:21 -0800
Subject: [PATCH 127/753] Updated specs. Added tax form not required view,
 state, and props to Document Submitted view

---
 packages/mint-components/src/components.d.ts  | 10 +++++
 .../sqm-document-type-form.feature            | 15 ++++++-
 .../sqm-docusign-form.feature                 | 29 +++++++------
 .../sqm-indirect-tax-form.feature             | 36 ++++++----------
 .../sqm-tax-document-submitted-view.tsx       | 43 +++++++++++++------
 .../sqm-tax-document-submitted.feature        | 13 ++++--
 .../sqm-tax-document-submitted.tsx            |  7 +++
 .../useTaxDocumentSubmitted.tsx               |  2 +
 .../tax-and-cash/sqm-tax-form.feature         |  4 +-
 .../sqm-user-info-form/TaxForm.stories.tsx    | 42 ++++++++++++++++++
 .../sqm-user-info-form/defaultTextCopy.ts     |  1 +
 11 files changed, 147 insertions(+), 55 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 43697f7044..1f6e5ad4cd 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3062,6 +3062,11 @@ export namespace Components {
         "generalErrorTitle": string;
         "invalidForm"?: string;
         "newFormButton": string;
+        /**
+          * Description text which appears in place of badge if no tax form is required
+          * @uiName Badge description text
+         */
+        "noTaxFormRequired"?: string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
@@ -7011,6 +7016,11 @@ declare namespace LocalJSX {
         "generalErrorTitle"?: string;
         "invalidForm"?: string;
         "newFormButton"?: string;
+        /**
+          * Description text which appears in place of badge if no tax form is required
+          * @uiName Badge description text
+         */
+        "noTaxFormRequired"?: string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
index d1d331cc8b..e7b0a13371 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
@@ -1,9 +1,22 @@
 @owner:andy @author:andy
 Feature: Document Type Form
 
-  Background: A user has submitted their information in step 1, step2, is on step 3 and wishes to change the Tax Form they submit
+  Background: A user has submitted their information in step 1, step2, and wants to change the Tax Form to submit
     Given a user is on the Document Type Form
 
+  @minutia
+  Scenario Outline: Participant changes Tax Form to fillout
+    When the participant sees three <taxFormType> options with <taxFormDescription>
+    And they select a <taxFormType>
+    And press Continue
+    Then they will be sent back to step 3 with the new <taxFormType> to fillout
+
+    Examples: 
+      | taxFormType | <taxFormDescription                                                                                                              |
+      | W9          | For participantsbased in the US, joining the referral program of a US-based company.                                             |
+      | W8-BEN      | For individuals residing outside of the US, joining the referral program of a US-based company                                   |
+      | W8-BEN-E    | For participants residing outside of the US who represent a business entity, joining the referral prorgram of a US-based company |
+
   @minutia
   Scenario Outline: Participant presses back button
     When they press the Back button
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index 8c785d3f80..2bcd75c240 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -4,6 +4,20 @@ Feature: Docusign Form
   Background: A user has submitted their information in Step 1 and Step 2
     Given a user is on the Docusign Form
 
+  @minutia
+  Scenario: Docusign URL is set in iframe on page load
+    When the Docusign Form loads
+    And the Docusign URL has been fetched
+    Then the URL set is set on the Docusign iframe
+    And the iframe loads based on the URL
+
+  @minutia
+  Scenario: Web-page fails when Docusign URL cannot be fetched
+    When the Docusign Form loads
+    And the Docusign URL cannot be fetched
+    Then the URL is not set on the Docusign iframe
+    And the iframe fails to load
+
   @minutia @ui
   Scenario Outline: Text copies change based on tax form participant fills out
     When they are required to fill out <typeTaxForm>
@@ -15,16 +29,6 @@ Feature: Docusign Form
       | W9          | W9 Tax Form       | Participants based in the US and partnering with US-based brands need to submit a W9 form.                               | Not based in the US?                                             |
       | W8-BEN      | W8-BEN Tax Form   | Individuals residing outside of the US, joining the referral program of a US-based cmpany, need to submit a W8-BEN form. | Represent a business entity or you're based in the US?           |
       | W8-BEN-E    | W8-BEN-E Tax Form | Participants residing outside of the US who represent a business enttiy need to submit a W8-BEN-E form.                  | Joining this program as an individual or you're based in the US? |
-#   @minutia
-#   Scenario Outline: Participant changes Tax Form Type
-#     When they want to change the Tax Form to be submitted
-#     Then they press the <changeTaxFormCopy> text
-#     And they are redirected to the Document Type Change form
-#     Examples: 
-#       | changeTaxFormCopy                                                |
-#       | Not based in the US?                                             |
-#       | Represent a business entity or you're based in the US?           |
-#       | Joining this program as an individual or you're based in the US? |
 
   @minutia
   Scenario: Docusign iframe is loading
@@ -44,10 +48,11 @@ Feature: Docusign Form
     When they have the Docusign form open for more than 20 minutes
     Then the Docusign iframe session expires
     And the Tax Form dissapers
-    Then they will see a Docusigns expired session notification and must refresh the page to fillout the form
+    Then they will see a Docusigns expired session notification
+    And must refresh the page to start a new Docusign session
 
   @minutia
-  Scenario Outline: Participant decides to go back to step 2
+  Scenario: Participant decides to go back to step 2
     When they press the Back button
     Then the they are sent back to step 2
     And they arrive at the step 2 form with original information initially submitted
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 00d7cf42de..8d3b747a2f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -37,29 +37,25 @@ Feature: Indirect Tax Form
       | Nunavut               |
       | Yukon                 |
 
-  @minutia @ui
-  Scenario: The country select displays applicable indirect tax countries from Impact
+  @minutia
+  Scenario: The country select displays applicable indirect tax countries from Impacts API
     When the "I am registered for Indirect Tax in a different Country / Region" option is selected
-    Then A Country select appears with the available <countries> provided by Impact
-
-    Examples: 
-      | countries                  |
-      | A whole bunch of countries |
+    Then A Country select appears with the available countries provided by Impacts API
 
   @minutia @ui
   Scenario Outline: Participant from another country has their country value auto selected
-    When the "I am registered for Indirect Tax in a different Country / Region" is selected
-    Then the Country <countryAutoSelectValue> selected with their <country> from step 1
+    When "I am registered for Indirect Tax in a different Country / Region" is selected
+    Then the Country <countryAutoSelectValue> is initialized with their <country> from step 1
 
     Examples: 
-      | country | <countryAutoSelectValue> |
-      | US      | United States            |
-      | AUS     | Australia                |
+      | country | countryAutoSelectValue |
+      | US      | United States          |
+      | AUS     | Australia              |
 
   @minutia
   Scenario Outline: Participant from another country can change the auto selected country
-    When the Country <countryAutoSelectValue> selected with their <country> from step 1
-    And they change the Country <countryAutoSelectValue>
+    When the Country <countryAutoSelectValue> is selected with their <country> from step 1
+    And they change the Country to <newCountrySelectValue>
     Then the Country <countryAutoSelectValue> changes to the <newCountrySelectValue>
 
     Examples: 
@@ -68,7 +64,7 @@ Feature: Indirect Tax Form
       | UK      | United Kingdom         | Egypt                 |
 
   @minutia @ui
-  Scenario Outline: Participant fills out the Indirect Tax Form with invalid values
+  Scenario: Participant fills out the Indirect Tax Form with invalid values
     When they fill out the form with invalid values for the following fields:
       | Province     | <province>    |
       | Indirect Tax | <indirectTax> |
@@ -79,15 +75,7 @@ Feature: Indirect Tax Form
       | <vatNumber>   | VAT number is required          |
 
   @minutia
-  Scenario Outline: Participant decides to go back to step 1
+  Scenario: Participant decides to go back to step 1
     When they press the Back button
     Then the they are sent back to step 1
     And they arrive at the step 1 form filled with the information initially submitted
-
-  @minutia
-  Scenario: A general error banner appears upon form submission request failing
-    When the participant completes the form with their information
-    And they press "Continue" to submit the form
-    Then a request is sent to the backend with the form data
-    But if the request fails
-    Then a general error banner appears with <generalTitle> and <generalDescription>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 388be03bc2..f8d2ea2014 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -9,10 +9,11 @@ import {
 export type TaxDocumentType = "W9" | "W8-BEN-E" | "W8-BEN";
 export interface TaxDocumentSubmittedProps {
   states: {
-    status: string;
-    documentType: TaxDocumentType;
-    disabled: boolean;
-    dateSubmitted: string;
+    status?: string;
+    documentType: TaxDocumentType | undefined;
+    noTaxDocument?: boolean;
+    disabled?: boolean;
+    dateSubmitted?: string;
     dateExpired?: string;
     expiresSoon?: boolean;
     loading?: boolean;
@@ -28,6 +29,7 @@ export interface TaxDocumentSubmittedProps {
     badgeTextAwaitingReview?: string;
     badgeTextExpiredOn?: string;
     badgeTextExpiringSoon?: string;
+    noTaxFormRequired?: string;
     taxAlertMessageExpiringSoon?: string;
     taxAlertHeaderNotActive?: string;
     taxAlertHeaderExpiredOn: string;
@@ -80,6 +82,11 @@ const style = {
       padding: "var(--sl-spacing-x-small)",
     },
   },
+  NoTaxFormText: {
+    marginTop: "-20px",
+    marginBottom: "var(--sl-spacing-small)",
+    display: "flex",
+  },
   NewFormButton: {
     marginTop: "var(--sl-spacing-x-small)",
   },
@@ -346,18 +353,28 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                 <sl-skeleton class={sheet.classes.SkeletonTwo}></sl-skeleton>
               </div>
             ) : (
-              <span>{statusMap[states.status]}</span>
+              <span>
+                {states.noTaxDocument ? (
+                  <span class={sheet.classes.NoTaxFormText}>
+                    {text.noTaxFormRequired}
+                  </span>
+                ) : (
+                  statusMap[states.status]
+                )}
+              </span>
             )}
           </div>
         </div>
-        <sl-button
-          disabled={states.disabled || states.loading}
-          onClick={callbacks.onClick}
-          type="default"
-          class={sheet.classes.NewFormButton}
-        >
-          {text.newFormButton}
-        </sl-button>
+        {!states.noTaxDocument && (
+          <sl-button
+            disabled={states.disabled || states.loading}
+            onClick={callbacks.onClick}
+            type="default"
+            class={sheet.classes.NewFormButton}
+          >
+            {text.newFormButton}
+          </sl-button>
+        )}
       </div>
     </div>
   );
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
index 3a1aeff225..d1b7c6600a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
@@ -29,7 +29,7 @@ Feature: Tax Document Submitted View
       | W8-BEN-E     |
 
   @minutia @ui
-  Scenario Outline: The date submitted and status of a Tax Form is displayed to end users
+  Scenario Outline: The date submitted and status of a Tax Form is displayed to the user
     Given the Tax Document is currently <status>
     When they view the Tax Document Submitted
     Then they see a badge with <status> text and a respective <badgeVariant>
@@ -43,7 +43,14 @@ Feature: Tax Document Submitted View
       | EXPIRED      | danger       | Expired on                                                                | Jan 17, 2024  |
 
   @minutia @ui
-  Scenario Outline: A Danger Alert is displayed if the end users tax form is invalid
+  Scenario: Status badge and text does not appear if participant is not required to submit tax form
+    When a tax document is not required
+    Then tax document header does not include a document type
+    And the description text under the header displays "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support"
+    And the "Submit new document" is not available
+
+  @minutia @ui
+  Scenario Outline: A Danger Alert is displayed if the users tax form is invalid
     Given the <status> is "NOT_ACTIVE" or "EXPIRED"
     Then a danger alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> appears
 
@@ -53,7 +60,7 @@ Feature: Tax Document Submitted View
       | EXPIRED    | W8-BEN-E     | Your W8-BEN-E tax form has expired.                                        | Please resubmit a new W8-BEN-E form. |
 
   @minutia @ui
-  Scenario Outline: A Warning Alert is displayed if the end users tax form is expiring soon
+  Scenario Outline: A Warning Alert is displayed if the users tax form is expiring soon
     Given the <status> is ACTIVE
     And the <dateExpired> is 30 days away from the current date
     Then a warning alert indicating the <documentType> with a <taxAlertHeader>, <taxAlertMessage>, and <dateExpired> appears
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 7deda4c1c2..0e7c646898 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -63,6 +63,13 @@ export class TaxDocumentSubmitted {
    */
   @Prop() badgeTextExpiringSoon?: string = defaults.badgeTextExpiringSoon;
 
+  /**
+   * Description text which appears in place of badge if no tax form is required
+   *
+   * @uiName Badge description text
+   */
+  @Prop() noTaxFormRequired?: string = defaults.noTaxFormRequired;
+
   @Prop() taxAlertHeaderNotActive?: string = defaults.taxAlertHeaderNotActive;
   @Prop() taxAlertHeaderExpiredOn?: string = defaults.taxAlertHeaderExpiredOn;
   @Prop() taxAlertHeaderExpiringSoon?: string =
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 8a2a58e117..7818305813 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -61,6 +61,8 @@ export const useTaxDocumentSubmitted = (props: any) => {
       dateSubmitted,
       documentType,
       status: "NOT_VERIFIED",
+      // AL: todo handle noTaxDocument submitted case
+      noTaxDocument: false,
       dateExpired,
       expiresSoon,
       disabled: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index f6efad5765..79750cfa87 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -87,7 +87,7 @@ Feature: Tax Form Flow
       | AUS          | US      | businessEntity        | W9               |
 
   @minutia
-  Scenario Outline: Participants based another country working with non-US brands do not have to fillout docusign forms
+  Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms
     Given a brand based in <brandCountry>
     And the brand is not in the US
     And the user selects a <country> not in the US and <participantType> in step 1
@@ -103,7 +103,7 @@ Feature: Tax Form Flow
     Given they are on step 3
     And they press the <changeTaxFormCopy> text
     Then they will procced to the Document Type Change form
-    And they see three <taxFormTypeOption>
+    And they see three tax form options
     When they select a <taxFormTypeOption>
     And press "Continue"
     Then they will be sent back to step 3
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index fe23e5d762..63e0e81fd5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -166,6 +166,34 @@ const documentSubmittedExpiringSoonProps: TaxDocumentSubmittedProps = {
   },
 };
 
+const documentSubmittedTaxFormNotRequiredProps: TaxDocumentSubmittedProps = {
+  states: {
+    documentType: undefined,
+    noTaxDocument: true,
+    disabled: false,
+    expiresSoon: true,
+  },
+  callbacks: { onClick: () => console.log("Submit new Form") },
+  text: {
+    ...taxFormDocumentSubmittedText,
+  },
+};
+
+const documentSubmittedTaxFormNotRequiredLoadingProps: TaxDocumentSubmittedProps =
+  {
+    states: {
+      documentType: undefined,
+      noTaxDocument: true,
+      disabled: false,
+      expiresSoon: true,
+      loading: true,
+    },
+    callbacks: { onClick: () => console.log("Submit new Form") },
+    text: {
+      ...taxFormDocumentSubmittedText,
+    },
+  };
+
 const documentSubmittedLoadingProps: TaxDocumentSubmittedProps = {
   states: {
     disabled: false,
@@ -575,10 +603,24 @@ export const TaxDocumentSubmittedExpiringSoon = () => {
   return <TaxDocumentSubmittedView {...documentSubmittedExpiringSoonProps} />;
 };
 
+export const TaxDocumentNotRequired = () => {
+  return (
+    <TaxDocumentSubmittedView {...documentSubmittedTaxFormNotRequiredProps} />
+  );
+};
+
 export const TaxDocumentSubmittedLoading = () => {
   return <TaxDocumentSubmittedView {...documentSubmittedLoadingProps} />;
 };
 
+export const TaxDocumentNotRequiredLoading = () => {
+  return (
+    <TaxDocumentSubmittedView
+      {...documentSubmittedTaxFormNotRequiredLoadingProps}
+    />
+  );
+};
+
 export const TaxDocumentSubmittedWithGeneralError = () => {
   return (
     <TaxDocumentSubmittedView
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index c25a29ec71..b487ca1e78 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -120,6 +120,7 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   badgeTextAwaitingReview: "Awaiting review. Submitted on {dateSubmitted}.",
   badgeTextExpiredOn: "Expired on {dateExpired}.",
   badgeTextExpiringSoon: ", expiring on {dateExpired}.",
+  noTaxFormRequired: "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support",
   invalidForm:
     "Ensure your information matches your profile and resubmit a new document.",
   taxAlertHeaderNotActive:

From ccc807dd3ea314524436b0074568ed7d97dbff89 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 1 Feb 2024 17:29:57 -0800
Subject: [PATCH 128/753] updated props and text copy

---
 .../sqm-tax-document-submitted.tsx                         | 7 -------
 .../sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx | 4 ++--
 .../tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx    | 6 ++++--
 .../tax-and-cash/sqm-user-info-form/defaultTextCopy.ts     | 2 +-
 4 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 2333c55af9..2b29072b92 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -63,13 +63,6 @@ export class TaxDocumentSubmitted {
    */
   @Prop() badgeTextExpiringSoon?: string = defaults.badgeTextExpiringSoon;
 
-  /**
-   * Description text which appears in place of badge if no tax form is required
-   *
-   * @uiName Badge description text
-   */
-  @Prop() noTaxFormRequired?: string = defaults.noTaxFormRequired;
-
   /**
    * Header displayed in alert header at the top of the page.
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 7818305813..e9b474cc1b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -61,8 +61,8 @@ export const useTaxDocumentSubmitted = (props: any) => {
       dateSubmitted,
       documentType,
       status: "NOT_VERIFIED",
-      // AL: todo handle noTaxDocument submitted case
-      noTaxDocument: false,
+      // AL: todo handle noFormNeeded submitted case
+      noFormNeeded: false,
       dateExpired,
       expiresSoon,
       disabled: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index bfb952631f..81aecf5797 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -32,6 +32,8 @@ import {
   UserInfoFormViewProps,
   UserInfoFormView,
 } from "./sqm-user-info-form-view";
+// import sqmUserInfoSpecs from "./sqm-tax-document-step-1.feature";
+// import sqmIndirectTaxFormSpecs from "../sqm-indirect-tax-form/sqm-indirect-tax-form.feature";
 
 export default {
   title: "Components/Tax Form",
@@ -169,7 +171,7 @@ const documentSubmittedExpiringSoonProps: TaxDocumentSubmittedProps = {
 const documentSubmittedTaxFormNotRequiredProps: TaxDocumentSubmittedProps = {
   states: {
     documentType: undefined,
-    noTaxDocument: true,
+    noFormNeeded: true,
     disabled: false,
     expiresSoon: true,
   },
@@ -183,7 +185,7 @@ const documentSubmittedTaxFormNotRequiredLoadingProps: TaxDocumentSubmittedProps
   {
     states: {
       documentType: undefined,
-      noTaxDocument: true,
+      noFormNeeded: true,
       disabled: false,
       expiresSoon: true,
       loading: true,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 5de01cf5a6..75a9065ac7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -133,7 +133,7 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
     "Please submit a new {documentType} form to continue receiving your rewards",
   bankingInformationSectionHeader: "Banking Information",
   taxDocumentSectionHeader: "Tax documents",
-  taxDocumentSectionSubHeader: "{documentType} Tax Documents",
+  taxDocumentSectionSubHeader: "{documentType} Tax Form",
   newFormButton: "Submit New document",
   noFormNeededSubtext:
     "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support.",

From 5ab5402730cf18dbd233718a0595dab093edcf3c Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 1 Feb 2024 17:39:11 -0800
Subject: [PATCH 129/753] Renamed spec file

---
 ...sqm-tax-document-step-1.feature => sqm-user-info-form.feature} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/{sqm-tax-document-step-1.feature => sqm-user-info-form.feature} (100%)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-tax-document-step-1.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
similarity index 100%
rename from packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-tax-document-step-1.feature
rename to packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature

From ea6fdfaa8c9d93fde0cc06a66763461f607ea748 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 2 Feb 2024 10:03:03 -0800
Subject: [PATCH 130/753] Added spec to sqm-tax-form.feature

---
 .../sqm-payout-details-card.tsx               |  2 +-
 .../tax-and-cash/sqm-tax-form.feature         | 37 +++++++++++--------
 2 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 1e65f0e896..f6d6b958f9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -224,7 +224,7 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
         ) : (
           <div style={{ display: "flex", gap: "var(--sl-spacing-small)" }}>
             <span>Card ***2381</span>
-            <span>Bank Name</span>
+            <span>Toronto Dominion Bank</span>
           </div>
         )}
       </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 6d0ab90242..3e164a4e30 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -38,6 +38,7 @@ Feature: Tax Form Flow
 
   @minutia
   Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
+    Given they are on step 2
     When <option> is selected based on based the participant <country> from step 1
     Then different <inputs> appear
 
@@ -48,6 +49,18 @@ Feature: Tax Form Flow
       | UK      | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
       | EG      | I am not registered for Indirect tax                             | N/A, N/A                      |
 
+  @minutia
+  Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms
+    Given a brand based in <brandCountry>
+    And the brand is not in the US
+    And the user selects a <country> not in the US and <participantType> in step 1
+    Then they skip to step 4
+
+    Examples: 
+      | brandCountry | country | participantType       |
+      | MX           | UK      | individualParticipant |
+      | AUS          | EGP     | businessEntity        |
+
   @minutia
   Scenario Outline: Participants based in the US or working with US brands have to fillout docusign forms
     Given a brand based in <brandCountry>
@@ -77,18 +90,6 @@ Feature: Tax Form Flow
       | UK           | US      | businessEntity        | W9               |
       | AUS          | US      | businessEntity        | W9               |
 
-  @minutia
-  Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms
-    Given a brand based in <brandCountry>
-    And the brand is not in the US
-    And the user selects a <country> not in the US and <participantType> in step 1
-    Then they skip to step 4
-
-    Examples: 
-      | brandCountry | country | participantType       |
-      | MX           | UK      | individualParticipant |
-      | AUS          | EGP     | businessEntity        |
-
   @minutia
   Scenario Outline: Participant changes Tax Form to fillout in step 3
     Given they are on step 3
@@ -106,7 +107,15 @@ Feature: Tax Form Flow
       | Represent a business entity or you're based in the US?           | W9                | W9         |
       | Joining this program as an individual or you're based in the US? | W8-BEN            | W8-BEN     |
 
-  @unknown @minutia @ui
+  @minutia
+  Scenario: Participant finishes tax form flow and skipped Docusign form
+    Given they are on step 2
+    And they were not required to fillout a tax form
+    And they press Continue
+    Then they proceed to step 4
+    And they see the Tax Document Submitted page with no Tax Document present
+
+  @minutia
   Scenario: Participant finishes tax form flow and sees status of their tax form submission
     Given they are on step 3
     And finishes filling out the Docusign form
@@ -128,8 +137,6 @@ Feature: Tax Form Flow
       | There was a problem submitting your information | Please review your information and try again. If this problem continues, contact Support |
   # Undecided behaviour
   # Scenario: Returning to the docusign iframe page shows the previously selected option from the document type page
-  # Undecided behaviour
-  # Scenario: Skipping the docusign page (some users don't need to sign a tax form) - Submission page spec
 
   @TODO @minutia
   Scenario Outline: A user from Another Country completes the User Info and Indirect Tax steps with different countries

From 885d1c3815aafc3f6c539dea0e05663edcb79d53 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 2 Feb 2024 10:15:59 -0800
Subject: [PATCH 131/753] fix auto tax document cases

---
 .../sqm-docusign-form/useDocusignForm.tsx     |  4 +--
 .../useIndirectTaxForm.tsx                    | 35 ++++++++-----------
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 14 ++++----
 .../sqm-user-info-form/sqm-user-info-form.tsx | 10 +++---
 .../sqm-user-info-form/useUserInfoForm.tsx    |  9 ++---
 5 files changed, 34 insertions(+), 38 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 264ba50fa6..2bb7a5625d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -85,9 +85,9 @@ export function useDocusignForm(props: DocusignForm, el: any) {
       },
     },
     states: {
-      disabled: taxInfoLoading,
+      disabled: taxInfoLoading || loading,
       submitDisabled: !formSubmitted,
-      loading: taxInfoLoading,
+      loading: taxInfoLoading || loading,
       formState: {
         completedTaxForm: formSubmitted,
         taxFormExpired: false, // TODO: Unhardcode this
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index b5c3a218d2..d406bf0959 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -50,7 +50,6 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     if (!userData?.user) return;
     const { countryCode, customFields } = userData.user;
 
-    console.log({ customFields });
     if (customFields?.__taxProvince || customFields?.__taxIndirectTaxNumber) {
       setOption("hstCanada");
     } else if (customFields?.__taxCountry || customFields?.__taxVatNumber) {
@@ -58,7 +57,8 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     } else {
       if (countryCode === "CA") {
         setOption("hstCanada");
-      } else if (countryCode !== "US") {
+        // TODO: Check against list of countries from backend
+      } else if (countryCode) {
         setOption("otherRegion");
       } else {
         setOption("notRegistered");
@@ -68,7 +68,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     setFormState({
       province: userData?.user?.customFields?.__taxProvince,
       vatNumber: userData?.user?.customFields?.__taxVatNumber,
-      countryCode,
+      countryCode: userData?.user?.customFields?.__taxCountry || countryCode,
       indirectTaxNumber: userData?.user?.customFields?.__taxIndirectTaxNumber,
     });
   }, [userData]);
@@ -114,23 +114,21 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     try {
       // TODO: Confirm these mappings
       let defaultDocumentType: string;
-      if (formData.taxOption === "hstCanada") {
-        defaultDocumentType = undefined;
-      } else if (
-        formData.taxOption === "otherRegion" &&
-        userData?.user?.customFields?.participantType
-      ) {
-        if (formData.selectedRegion === "US") {
-          defaultDocumentType = "W9";
-        } else if (
-          userData.user.customFields.participantType === "businessEntity"
+      if (formData.selectedRegion === "US") {
+        if (
+          userData?.user?.customFields?.participantType === "businessEntity"
         ) {
           defaultDocumentType = "W8-BEN-E";
-        } else {
+        } else if (
+          userData?.user?.customFields?.participantType ===
+          "individualParticipant"
+        ) {
           defaultDocumentType = "W8-BEN";
         }
-      } else {
-        defaultDocumentType = undefined;
+      }
+
+      if (userData.user.countryCode === "US") {
+        defaultDocumentType = "W9";
       }
 
       const customFields = {
@@ -156,10 +154,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       if (defaultDocumentType) {
         setStep(`/3/${defaultDocumentType}`);
       } else {
-        if (formData.selectedRegion !== "US") setStep("/submitted");
-        else {
-          setStep("/3b");
-        }
+        setStep("/submitted");
       }
     } catch (e) {
       setErrors({ general: true });
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index d901523ec8..e67ff7bf36 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -41,15 +41,17 @@ function getCurrentStep(user: UserQuery["user"]) {
 
   // Land on specific docusign document
   // TODO: From brand info and partner info
-  if (user.customFields.__taxCountry === "US") {
+  if (user.countryCode === "US") {
     return "/3/W9";
-  } else if (user.customFields.participantType === "businessEntity") {
-    return "3/W8-BEN-E";
-  } else if (user.customFields.participantType === "individualParticipant") {
-    return "/3/W8-BEN";
+  } else if (user.customFields.__taxCountry === "US") {
+    if (user.customFields.participantType === "businessEntity") {
+      return "/3/W8-BEN-E";
+    } else if (user.customFields.participantType === "individualParticipant") {
+      return "/3/W8-BEN";
+    }
   }
 
-  if (user.customFields.__taxCountry !== "US" && user.countryCode !== "US") {
+  if (user.customFields.__taxDocumentType) {
     return "/submitted";
   }
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 3c7d5f35ee..18f28208a9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -160,11 +160,8 @@ export class TaxForm {
       <Host>
         <UserInfoFormView
           data={props.data}
-          states={{
-            disabled: false,
-            //@ts-ignore
-            formState: props.formState,
-          }}
+          // @ts-ignore
+          states={props.states}
           callbacks={{
             onSubmit: props.onSubmit,
             onRadioClick: props.onRadioClick,
@@ -209,9 +206,10 @@ function useDemoUserInfoForm(props: TaxForm) {
         countries: [{ countryCode: "CA", displayName: "Canada" }],
       },
       states: {
+        disabled: false,
+        formState: { participantType },
         loading: false,
       },
-      formState: { participantType },
     },
     props.demoData || {},
     { arrayMerge: (_, a) => a }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 2b37177302..0cda0426ab 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -18,6 +18,7 @@ import {
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { gql } from "graphql-request";
+import { HasFirstNameLastName } from "../../views/EmailRegistration.stories";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
@@ -61,7 +62,7 @@ export function useUserInfoForm(props: TaxForm) {
   const formRef = useRef<HTMLFormElement>(null);
 
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
-  const [formState, setFormState] = useState<FormState>({});
+  const [formState, setFormState] = useParent<FormState>(USER_INFO_NAMESPACE);
   const [mutationLoading, setMutationLoading] = useState(false);
 
   const [upsertUser] = useMutation(UPSERT_USER);
@@ -73,7 +74,6 @@ export function useUserInfoForm(props: TaxForm) {
     useParentQueryValue<CurrenciesQuery>(CURRENCIES_NAMESPACE);
 
   useEffect(() => {
-    console.log({ data });
     const user = data?.user;
     if (!user || step !== "/1") return;
   }, [data, step]);
@@ -145,7 +145,7 @@ export function useUserInfoForm(props: TaxForm) {
       setStep("/2");
     } catch (e) {
       // TODO: Double check
-      setFormState((p) => ({ ...p, errors: { general: true } }));
+      setFormState({ ...formState, errors: { general: true } });
     } finally {
       setMutationLoading(false);
     }
@@ -178,8 +178,9 @@ export function useUserInfoForm(props: TaxForm) {
       countries: _countries?.countries?.data,
     },
     states: {
+      disabled: loading,
       loading: loading || mutationLoading,
+      formState: { ...formState },
     },
-    formState: { ...formState },
   };
 }

From d6223de542dfd0daa893106f19d4126dd73bdeae Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 2 Feb 2024 10:40:46 -0800
Subject: [PATCH 132/753] Add no form required state and fix form logic

---
 .../useIndirectTaxForm.tsx                    | 71 ++++++++++---------
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 31 ++++----
 .../sqm-tax-document-submitted-view.tsx       |  2 +-
 .../sqm-tax-document-submitted.tsx            | 37 +++++++++-
 .../useTaxDocumentSubmitted.tsx               | 35 ++++++---
 .../sqm-user-info-form/useUserInfoForm.tsx    |  2 -
 6 files changed, 116 insertions(+), 62 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index d406bf0959..7acfe13e32 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -12,12 +12,31 @@ import {
   COUNTRIES_NAMESPACE,
   CountriesQuery,
   TAX_CONTEXT_NAMESPACE,
-  USER_INFO_NAMESPACE,
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
-import { FormState } from "../sqm-user-info-form/useUserInfoForm";
 import { IndirectTaxForm } from "./sqm-indirect-tax-form";
+import { getDocumentType } from "../sqm-tax-document-submitted/useTaxDocumentSubmitted";
+
+function getOption(user: UserQuery["user"]) {
+  if (!user) return;
+  const { countryCode, customFields } = user;
+
+  if (customFields?.__taxProvince || customFields?.__taxIndirectTaxNumber) {
+    return "hstCanada";
+  } else if (customFields?.__taxCountry || customFields?.__taxVatNumber) {
+    return "otherRegion";
+  } else {
+    if (countryCode === "CA") {
+      return "hstCanada";
+      // TODO: Check against list of countries from backend
+    } else if (countryCode) {
+      return "otherRegion";
+    } else {
+      return "notRegistered";
+    }
+  }
+}
 
 const UPSERT_USER = gql`
   mutation ($userInput: UserInput!) {
@@ -47,29 +66,17 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
   const [errors, setErrors] = useState({});
 
   useEffect(() => {
-    if (!userData?.user) return;
-    const { countryCode, customFields } = userData.user;
+    const user = userData?.user;
+    if (!user) return;
 
-    if (customFields?.__taxProvince || customFields?.__taxIndirectTaxNumber) {
-      setOption("hstCanada");
-    } else if (customFields?.__taxCountry || customFields?.__taxVatNumber) {
-      setOption("otherRegion");
-    } else {
-      if (countryCode === "CA") {
-        setOption("hstCanada");
-        // TODO: Check against list of countries from backend
-      } else if (countryCode) {
-        setOption("otherRegion");
-      } else {
-        setOption("notRegistered");
-      }
-    }
+    const _option = getOption(user);
+    setOption(_option);
 
     setFormState({
-      province: userData?.user?.customFields?.__taxProvince,
-      vatNumber: userData?.user?.customFields?.__taxVatNumber,
-      countryCode: userData?.user?.customFields?.__taxCountry || countryCode,
-      indirectTaxNumber: userData?.user?.customFields?.__taxIndirectTaxNumber,
+      province: user.customFields?.__taxProvince,
+      vatNumber: user.customFields?.__taxVatNumber,
+      countryCode: user.customFields?.__taxCountry || user.countryCode,
+      indirectTaxNumber: user.customFields?.__taxIndirectTaxNumber,
     });
   }, [userData]);
 
@@ -112,26 +119,22 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     setLoading(true);
 
     try {
-      // TODO: Confirm these mappings
       let defaultDocumentType: string;
+      if (userData?.user?.countryCode === "US") defaultDocumentType = "W9";
       if (formData.selectedRegion === "US") {
         if (
-          userData?.user?.customFields?.participantType === "businessEntity"
-        ) {
-          defaultDocumentType = "W8-BEN-E";
-        } else if (
-          userData?.user?.customFields?.participantType ===
+          userData?.user.customFields.participantType ===
           "individualParticipant"
-        ) {
+        )
           defaultDocumentType = "W8-BEN";
-        }
-      }
-
-      if (userData.user.countryCode === "US") {
-        defaultDocumentType = "W9";
+        else if (
+          userData?.user.customFields.participantType === "businessEntity"
+        )
+          defaultDocumentType = "W8-BEN-E";
       }
 
       const customFields = {
+        __taxOption: option,
         __taxDocumentType: defaultDocumentType || null,
         __taxProvince: formData.province || null,
         __taxCountry: formData.selectedRegion || null,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index e67ff7bf36..50f5bd9e43 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -35,27 +35,32 @@ function getCurrentStep(user: UserQuery["user"]) {
   }
 
   // TODO: Get indirect tax info from impact
-  if (!user.customFields.__taxDocumentType) {
+  // Right now, this is just set on submit in step 2 to flag it as being completed
+  if (!user.customFields.__taxOption) {
     return "/2";
   }
 
   // Land on specific docusign document
   // TODO: From brand info and partner info
-  if (user.countryCode === "US") {
-    return "/3/W9";
-  } else if (user.customFields.__taxCountry === "US") {
-    if (user.customFields.participantType === "businessEntity") {
-      return "/3/W8-BEN-E";
-    } else if (user.customFields.participantType === "individualParticipant") {
-      return "/3/W8-BEN";
+  // If document hasn't been submitted but their settings require a tax doc
+  if (
+    !user.customFields?.__taxDocumentSubmitted &&
+    user.customFields?.__taxDocumentType
+  ) {
+    if (user.countryCode === "US") {
+      return "/3/W9";
+    } else if (user.customFields.__taxCountry === "US") {
+      if (user.customFields.participantType === "businessEntity") {
+        return "/3/W8-BEN-E";
+      } else if (
+        user.customFields.participantType === "individualParticipant"
+      ) {
+        return "/3/W8-BEN";
+      }
     }
   }
 
-  if (user.customFields.__taxDocumentType) {
-    return "/submitted";
-  }
-
-  return "/1";
+  return "/submitted";
 }
 
 export function useTaxAndCash() {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 94bdc9e18e..79c32d67e3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -32,7 +32,7 @@ export interface TaxDocumentSubmittedProps {
     noTaxFormRequired?: string;
     taxAlertMessageExpiringSoon?: string;
     taxAlertHeaderNotActive?: string;
-    taxAlertHeaderExpiredOn: string;
+    taxAlertHeaderExpiredOn?: string;
     taxAlertHeaderExpiringSoon?: string;
     taxAlertMessage?: string;
     bankingInformationSectionHeader: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 2b29072b92..a842acea59 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -2,8 +2,12 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Host, Prop, h } from "@stencil/core";
 import { getProps } from "../../../utils/utils";
 import { taxFormDocumentSubmittedText as defaults } from "../sqm-user-info-form/defaultTextCopy";
-import { TaxDocumentSubmittedView } from "./sqm-tax-document-submitted-view";
+import {
+  TaxDocumentSubmittedProps,
+  TaxDocumentSubmittedView,
+} from "./sqm-tax-document-submitted-view";
 import { useTaxDocumentSubmitted } from "./useTaxDocumentSubmitted";
+import { isDemo } from "@saasquatch/component-boilerplate";
 
 @Component({ tag: "sqm-tax-document-submitted", shadow: true })
 export class TaxDocumentSubmitted {
@@ -152,7 +156,9 @@ export class TaxDocumentSubmitted {
   disconnectedCallback() {}
 
   render() {
-    const props = useTaxDocumentSubmitted(getProps(this));
+    const props = isDemo
+      ? useDemoTaxDocumentSubmitted(getProps(this))
+      : useTaxDocumentSubmitted(getProps(this));
 
     return (
       <Host>
@@ -165,3 +171,30 @@ export class TaxDocumentSubmitted {
     );
   }
 }
+
+function useDemoTaxDocumentSubmitted(
+  props: TaxDocumentSubmitted
+): TaxDocumentSubmittedProps {
+  return {
+    states: {
+      dateSubmitted: undefined,
+      documentType: undefined,
+      status: undefined,
+      noFormNeeded: true,
+      dateExpired: undefined,
+      expiresSoon: false,
+      disabled: false,
+      loading: false,
+    },
+    callbacks: {
+      onClick: () => console.debug("check step"),
+    },
+    text: {
+      ...props,
+      error: {
+        generalDescription: props.generalErrorDescription,
+        generalTitle: props.generalErrorTitle,
+      },
+    },
+  };
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index e9b474cc1b..54ad7ce249 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -6,14 +6,21 @@ import {
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
-import { TaxDocumentType } from "./sqm-tax-document-submitted-view";
+import {
+  TaxDocumentSubmittedProps,
+  TaxDocumentType,
+} from "./sqm-tax-document-submitted-view";
+import { TaxDocumentSubmitted } from "./sqm-tax-document-submitted";
 
 export function getDocumentType(user): TaxDocumentType {
   if (!user) return;
   if (user.countryCode === "US") return "W9";
-  if (user.customFields.participantType === "individualParticipant")
-    return "W8-BEN";
-  return "W8-BEN-E";
+  if (user.customFields.__taxCountry === "US") {
+    if (user.customFields.participantType === "individualParticipant")
+      return "W8-BEN";
+    else if (user.customFields.participantType === "businessEntity")
+      return "W8-BEN-E";
+  }
 }
 
 function getExpiresSoon(submissionDate: number, expiryDate: number) {
@@ -26,7 +33,9 @@ function getExpiresSoon(submissionDate: number, expiryDate: number) {
   );
 }
 
-export const useTaxDocumentSubmitted = (props: any) => {
+export const useTaxDocumentSubmitted = (
+  props: TaxDocumentSubmitted
+): TaxDocumentSubmittedProps => {
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
 
   const { data, loading } =
@@ -60,17 +69,23 @@ export const useTaxDocumentSubmitted = (props: any) => {
     states: {
       dateSubmitted,
       documentType,
-      status: "NOT_VERIFIED",
-      // AL: todo handle noFormNeeded submitted case
-      noFormNeeded: false,
+      // TODO: Hook up to API
+      status: documentType ? "NOT_VERIFIED" : undefined,
+      noFormNeeded: !documentType,
       dateExpired,
       expiresSoon,
-      disabled: false,
+      disabled: loading,
       loading,
     },
     callbacks: {
       onClick: () => setStep(`/3/${documentType}`),
     },
-    text: props,
+    text: {
+      ...props,
+      error: {
+        generalDescription: props.generalErrorDescription,
+        generalTitle: props.generalErrorTitle,
+      },
+    },
   };
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 0cda0426ab..68767d214c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -151,8 +151,6 @@ export function useUserInfoForm(props: TaxForm) {
     }
   }
 
-  console.log({ _countries });
-
   return {
     step: step,
     setStep: setStep,

From 6c6cb92452c228af709128d6910217ba1ac2af05 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 2 Feb 2024 10:43:07 -0800
Subject: [PATCH 133/753] fix docusign iframe

---
 .../src/components/sqm-docusign-embed/sqm-docusign-embed.tsx  | 1 +
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx        | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx b/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
index 8375bf2a53..f883fd6526 100644
--- a/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
+++ b/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
@@ -24,6 +24,7 @@ export class DocusignEmbedComponent {
   // }
 
   render() {
+    console.debug("SQM-DOCUSIGN-EMBED -- URL:", this.url);
     return (
       <iframe
         // ref={(el) => (this.iframe = el)}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 2bb7a5625d..264ba50fa6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -85,9 +85,9 @@ export function useDocusignForm(props: DocusignForm, el: any) {
       },
     },
     states: {
-      disabled: taxInfoLoading || loading,
+      disabled: taxInfoLoading,
       submitDisabled: !formSubmitted,
-      loading: taxInfoLoading || loading,
+      loading: taxInfoLoading,
       formState: {
         completedTaxForm: formSubmitted,
         taxFormExpired: false, // TODO: Unhardcode this

From b66675644c71f400d0b62f8c4e893988a0b9981d Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 2 Feb 2024 10:58:48 -0800
Subject: [PATCH 134/753] Fixes to loading states

---
 .../sqm-docusign-form/useDocusignForm.tsx     | 41 ++++++++++++++++---
 .../sqm-tax-document-submitted.tsx            |  2 +-
 2 files changed, 36 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 264ba50fa6..0ea6a9d512 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -9,6 +9,10 @@ import {
 } from "../sqm-tax-and-cash/data";
 import { TaxDocumentType } from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
 import { DocusignForm } from "./sqm-docusign-form";
+import {
+  useMutation,
+  useUserIdentity,
+} from "@saasquatch/component-boilerplate";
 
 // TODO: Fill out when API is released
 const GET_TAX_DOCUMENT = gql`
@@ -20,12 +24,24 @@ const CHECK_DOCUMENT_STATUS = gql`
   query checkDocumentStatus ($vars: CheckDocumentStatusInput) {}
 `;
 
+const UPSERT_USER = gql`
+  mutation ($userInput: UserInput!) {
+    upsertUser(userInput: $userInput) {
+      firstName
+      lastName
+    }
+  }
+`;
+
 export function useDocusignForm(props: DocusignForm, el: any) {
+  const user = useUserIdentity();
   const [path, setPath] = useParent<string>(TAX_CONTEXT_NAMESPACE);
-  const { data, loading } =
+  const { data, refetch } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+  const [upsertUser] = useMutation(UPSERT_USER);
   const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
   const [errors, setErrors] = useState({});
+  const [loading, setLoading] = useState(false);
 
   const splitPath = path.split("/");
   const pathedDocumentType = splitPath.length === 3 ? splitPath[2] : undefined;
@@ -67,11 +83,24 @@ export function useDocusignForm(props: DocusignForm, el: any) {
 
     // TODO: Check document is actually registered in the backend
     try {
-      const documentResult = true;
-      if (documentResult) setPath("/submitted");
-      else throw Error();
+      setLoading(true);
+      // Backend request
+      await upsertUser({
+        userInput: {
+          id: user.id,
+          accountId: user.accountId,
+          customFields: {
+            __taxDocumentSubmitted: true,
+          },
+        },
+      });
+      await refetch();
+
+      setPath("/submitted");
     } catch (e) {
       setErrors({ formSubission: { status: "document-error" } });
+    } finally {
+      setLoading(false);
     }
   };
 
@@ -85,9 +114,9 @@ export function useDocusignForm(props: DocusignForm, el: any) {
       },
     },
     states: {
-      disabled: taxInfoLoading,
+      disabled: taxInfoLoading || loading,
       submitDisabled: !formSubmitted,
-      loading: taxInfoLoading,
+      loading: taxInfoLoading || loading,
       formState: {
         completedTaxForm: formSubmitted,
         taxFormExpired: false, // TODO: Unhardcode this
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index a842acea59..7975a2484b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -156,7 +156,7 @@ export class TaxDocumentSubmitted {
   disconnectedCallback() {}
 
   render() {
-    const props = isDemo
+    const props = isDemo()
       ? useDemoTaxDocumentSubmitted(getProps(this))
       : useTaxDocumentSubmitted(getProps(this));
 

From b7f1a2e01d737d7ef6236854ba2c2dcaf0dcc90a Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 2 Feb 2024 11:09:56 -0800
Subject: [PATCH 135/753] 1.8.0-12 prerelease

---
 packages/mint-components/package.json         |  2 +-
 .../components/sqm-context-router/readme.md   | 13 +++++--
 .../components/sqm-docusign-embed/readme.md   |  7 ++++
 .../src/components/sqm-table-cell/readme.md   |  2 +
 .../src/components/sqm-table-row/readme.md    |  2 +
 .../src/components/sqm-text/readme.md         |  2 +
 .../tax-and-cash/sqm-cash-form/readme.md      | 17 ++++++++
 .../sqm-document-type-form/readme.md          | 29 ++++++++++++++
 .../tax-and-cash/sqm-docusign-form/readme.md  | 30 ++++++++++++++
 .../sqm-indirect-tax-form/readme.md           | 30 ++++++++++++++
 .../tax-and-cash/sqm-tax-and-cash/readme.md   | 22 ++++++-----
 .../sqm-tax-document-submitted/readme.md      | 37 ++++++++++++++++++
 .../sqm-user-info-form/TaxForm.stories.tsx    |  4 ++
 .../tax-and-cash/sqm-user-info-form/readme.md | 39 +++++++++++++++++++
 14 files changed, 223 insertions(+), 13 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-cash-form/readme.md
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 2871b5c4c3..0f6ad9cc36 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.7.2",
+  "version": "1.8.0-12",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-context-router/readme.md b/packages/mint-components/src/components/sqm-context-router/readme.md
index 366f4e036e..8a6f949be9 100644
--- a/packages/mint-components/src/components/sqm-context-router/readme.md
+++ b/packages/mint-components/src/components/sqm-context-router/readme.md
@@ -5,17 +5,24 @@
 <!-- Auto Generated Below -->
 
 
+## Properties
+
+| Property      | Attribute      | Description | Type     | Default     |
+| ------------- | -------------- | ----------- | -------- | ----------- |
+| `contextName` | `context-name` |             | `string` | `undefined` |
+
+
 ## Dependencies
 
 ### Used by
 
- - [sqm-stencilbook](../sqm-stencilbook)
+ - [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
 graph TD;
-  sqm-stencilbook --> sqm-router
-  style sqm-router fill:#f9f,stroke:#333,stroke-width:4px
+  sqm-tax-and-cash --> sqm-context-router
+  style sqm-context-router fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------
diff --git a/packages/mint-components/src/components/sqm-docusign-embed/readme.md b/packages/mint-components/src/components/sqm-docusign-embed/readme.md
index 176760b73f..4b54df8aed 100644
--- a/packages/mint-components/src/components/sqm-docusign-embed/readme.md
+++ b/packages/mint-components/src/components/sqm-docusign-embed/readme.md
@@ -5,6 +5,13 @@
 <!-- Auto Generated Below -->
 
 
+## Properties
+
+| Property | Attribute | Description | Type     | Default     |
+| -------- | --------- | ----------- | -------- | ----------- |
+| `url`    | `url`     |             | `string` | `undefined` |
+
+
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/sqm-table-cell/readme.md b/packages/mint-components/src/components/sqm-table-cell/readme.md
index a92d67f39d..e558e4994e 100644
--- a/packages/mint-components/src/components/sqm-table-cell/readme.md
+++ b/packages/mint-components/src/components/sqm-table-cell/readme.md
@@ -18,6 +18,7 @@
  - [sqm-referral-table](../sqm-referral-table)
  - [sqm-rewards-table](../sqm-rewards-table)
  - [sqm-stencilbook](../sqm-stencilbook)
+ - [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
@@ -25,6 +26,7 @@ graph TD;
   sqm-referral-table --> sqm-table-cell
   sqm-rewards-table --> sqm-table-cell
   sqm-stencilbook --> sqm-table-cell
+  sqm-tax-and-cash --> sqm-table-cell
   style sqm-table-cell fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/sqm-table-row/readme.md b/packages/mint-components/src/components/sqm-table-row/readme.md
index 683b3e60af..44f9752b43 100644
--- a/packages/mint-components/src/components/sqm-table-row/readme.md
+++ b/packages/mint-components/src/components/sqm-table-row/readme.md
@@ -19,6 +19,7 @@
  - [sqm-referral-table](../sqm-referral-table)
  - [sqm-rewards-table](../sqm-rewards-table)
  - [sqm-stencilbook](../sqm-stencilbook)
+ - [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
@@ -26,6 +27,7 @@ graph TD;
   sqm-referral-table --> sqm-table-row
   sqm-rewards-table --> sqm-table-row
   sqm-stencilbook --> sqm-table-row
+  sqm-tax-and-cash --> sqm-table-row
   style sqm-table-row fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/sqm-text/readme.md b/packages/mint-components/src/components/sqm-text/readme.md
index 85b61c3945..73b17e0a26 100644
--- a/packages/mint-components/src/components/sqm-text/readme.md
+++ b/packages/mint-components/src/components/sqm-text/readme.md
@@ -11,12 +11,14 @@
 
  - [sqm-empty](../sqm-empty)
  - [sqm-stencilbook](../sqm-stencilbook)
+ - [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-empty --> sqm-text
   sqm-stencilbook --> sqm-text
+  sqm-tax-and-cash --> sqm-text
   style sqm-text fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/readme.md
new file mode 100644
index 0000000000..95a99f159e
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/readme.md
@@ -0,0 +1,17 @@
+# sqm-cash-form
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property   | Attribute | Description | Type                                                              | Default     |
+| ---------- | --------- | ----------- | ----------------------------------------------------------------- | ----------- |
+| `demoData` | --        |             | `{ loading?: boolean; loadingText?: string; username?: string; }` | `undefined` |
+
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
new file mode 100644
index 0000000000..ddab13ce6a
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
@@ -0,0 +1,29 @@
+# sqm-document-type-form
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property                  | Attribute                   | Description                                                                           | Type     | Default                                         |
+| ------------------------- | --------------------------- | ------------------------------------------------------------------------------------- | -------- | ----------------------------------------------- |
+| `backButton`              | `back-button`               | Text shown inside of back button                                                      | `string` | `documentTypeFormText.backButton`               |
+| `formLabel`               | `form-label`                | Sub text shown above form selection radio buttons                                     | `string` | `documentTypeFormText.formLabel`                |
+| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form. | `string` | `documentTypeFormText.formStep`                 |
+| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                     | `string` | `documentTypeFormText.error.generalDescription` |
+| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner           | `string` | `documentTypeFormText.error.generalTitle`       |
+| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                    | `string` | `documentTypeFormText.submitButton`             |
+| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the top of page                                      | `string` | `documentTypeFormText.taxForm`                  |
+| `w8Description`           | `w-8-description`           | Subtext for the W8 radio button                                                       | `string` | `documentTypeFormText.w8Description`            |
+| `w8EDescription`          | `w-8-e-description`         | Subtext for the W8E radio button                                                      | `string` | `documentTypeFormText.w8EDescription`           |
+| `w8ELabel`                | `w-8-e-label`               | Label text for the W8E radio button                                                   | `string` | `documentTypeFormText.w8ELabel`                 |
+| `w8Label`                 | `w-8-label`                 | Label text for the W8 radio button                                                    | `string` | `documentTypeFormText.w8Label`                  |
+| `w9Description`           | `w-9-description`           | Subtext for the W9 radio button                                                       | `string` | `documentTypeFormText.w9Description`            |
+| `w9Label`                 | `w-9-label`                 | Label text for the W9 radio button                                                    | `string` | `documentTypeFormText.w9Label`                  |
+
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
new file mode 100644
index 0000000000..97271c8622
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -0,0 +1,30 @@
+# sqm-docusign-form
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Default                                     |
+| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- |
+| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.backButton`               |
+| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.banner`                   |
+| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.checkboxDescription`      |
+| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.checkboxLabel`            |
+| `demoData`                | --                          |                                                                                                            | `{ states?: { loading: boolean; submitDisabled: boolean; disabled: boolean; formState: { completedTaxForm: boolean; taxFormExpired: boolean; errors?: any; }; documentType: TaxDocumentType; }; text?: { formStep: string; taxForm: string; taxFormLabel: string; taxFormDescription: string; notBasedInUS: string; banner: string; checkboxLabel: string; checkboxDescription: string; submitButton: string; backButton: string; error: { generalTitle: string; generalDescription: string; formSubmission: string; }; }; }` | `undefined`                                 |
+| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.formStep`                 |
+| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.error.formSubmission`     |
+| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.error.generalDescription` |
+| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.error.generalTitle`       |
+| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.notBasedInUS`             |
+| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.submitButton`             |
+| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.taxForm`                  |
+| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.taxFormDescription`       |
+| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.taxFormLabel`             |
+
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
new file mode 100644
index 0000000000..1fd492fc05
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -0,0 +1,30 @@
+# sqm-indirect-tax-form
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property                        | Attribute                          | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default                                             |
+| ------------------------------- | ---------------------------------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------- |
+| `backButton`                    | `back-button`                      | Text shown inside of back button                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.backButton`                    |
+| `demoData`                      | --                                 |                                                                                       | `{ states?: { loading: boolean; disabled: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors?: any; }; registeredInCanadaDetailsSlot?: VNode; registeredInDifferentCountryDetailsSlot?: VNode; }; refs?: { formRef: any; }; text?: { formStep: string; indirectTax: string; indirectTaxDescription: string; indirectTaxDetails: string; indirectTaxDetailsDescription: string; hstCanada: string; otherRegion: string; notRegistered: string; submitButton: string; backButton: string; error: { generalTitle: string; generalDescription: string; taxDetails: string; }; }; }` | `undefined`                                         |
+| `formStep`                      | `form-step`                        | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.formStep`                      |
+| `generalErrorDescription`       | `general-error-description`        | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.error.generalDescription`      |
+| `generalErrorTitle`             | `general-error-title`              | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.error.generalTitle`            |
+| `hstCanada`                     | `hst-canada`                       | Label text for the HST Canada radio button                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.hstCanada`                     |
+| `indirectTax`                   | `indirect-tax`                     | Heading text shown at the top of the page                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.indirectTax`                   |
+| `indirectTaxDescription`        | `indirect-tax-description`         | Subtext shown at the top of the page                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.indirectTaxDescription`        |
+| `indirectTaxDetails`            | `indirect-tax-details`             | Heading text shown above the tax details radio buttons                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.indirectTaxDetails`            |
+| `indirectTaxDetailsDescription` | `indirect-tax-details-description` | Sub text shown above the tax details radio buttons                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.indirectTaxDetailsDescription` |
+| `notRegistered`                 | `not-registered`                   | Label text for the not registered radio button                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.notRegistered`                 |
+| `otherRegion`                   | `other-region`                     | Label text for the other region radio button                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.otherRegion`                   |
+| `submitButton`                  | `submit-button`                    | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.submitButton`                  |
+| `taxDetailsError`               | `tax-details-error`                | Error text shown below the tax details radio buttons                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.error.taxDetails`              |
+
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index caaa8a6593..9205a6748c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -7,24 +7,28 @@
 
 ## Properties
 
-| Property      | Attribute      | Description                                             | Type                                                              | Default            |
-| ------------- | -------------- | ------------------------------------------------------- | ----------------------------------------------------------------- | ------------------ |
-| `demoData`    | --             |                                                         | `{ loading?: boolean; loadingText?: string; username?: string; }` | `undefined`        |
-| `fallback`    | `fallback`     |                                                         | `string`                                                          | `"Anonymous User"` |
-| `loadingText` | `loading-text` | Text displayed while the participant’s name is loading. | `string`                                                          | `"..."`            |
+| Property   | Attribute | Description | Type                                                              | Default     |
+| ---------- | --------- | ----------- | ----------------------------------------------------------------- | ----------- |
+| `demoData` | --        |             | `{ loading?: boolean; loadingText?: string; username?: string; }` | `undefined` |
 
 
 ## Dependencies
 
-### Used by
+### Depends on
 
- - [sqm-stencilbook](../sqm-stencilbook)
+- [sqm-context-router](../../sqm-context-router)
+- [sqm-table-row](../../sqm-table-row)
+- [sqm-table-cell](../../sqm-table-cell)
+- [sqm-text](../../sqm-text)
 
 ### Graph
 ```mermaid
 graph TD;
-  sqm-stencilbook --> sqm-user-name
-  style sqm-user-name fill:#f9f,stroke:#333,stroke-width:4px
+  sqm-tax-and-cash --> sqm-context-router
+  sqm-tax-and-cash --> sqm-table-row
+  sqm-tax-and-cash --> sqm-table-cell
+  sqm-tax-and-cash --> sqm-text
+  style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
new file mode 100644
index 0000000000..a347619585
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
@@ -0,0 +1,37 @@
+# sqm-tax-document-submitted
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property                          | Attribute                            | Description                                                                       | Type     | Default                                    |
+| --------------------------------- | ------------------------------------ | --------------------------------------------------------------------------------- | -------- | ------------------------------------------ |
+| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review   | `string` | `defaults.badgeTextAwaitingReview`         |
+| `badgeTextExpiredOn`              | `badge-text-expired-on`              | Description text which appears beside badge showing the form has expired          | `string` | `defaults.badgeTextExpiredOn`              |
+| `badgeTextExpiringSoon`           | `badge-text-expiring-soon`           | Description text which appears beside badge showing the form expiring soon        | `string` | `defaults.badgeTextExpiringSoon`           |
+| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted   | `string` | `defaults.badgeTextSubmittedOn`            |
+| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                          | `string` | `defaults.bankingInformationSectionHeader` |
+| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                 | `string` | `defaults.error.generalDescription`        |
+| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner       | `string` | `defaults.error.generalTitle`              |
+| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status          | `string` | `defaults.invalidForm`                     |
+| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page        | `string` | `defaults.newFormButton`                   |
+| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show | `string` | `defaults.noFormNeededSubtext`             |
+| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                        | `string` | `defaults.statusTextActive`                |
+| `statusTextExpired`               | `status-text-expired`                | Status text displayed in badge when tax document is Expired                       | `string` | `defaults.statusTextExpired`               |
+| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                    | `string` | `defaults.statusTextNotActive`             |
+| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                  | `string` | `defaults.statusTextNotVerified`           |
+| `taxAlertHeaderExpiredOn`         | `tax-alert-header-expired-on`        | Header displayed in alert header at the top of the page.                          | `string` | `defaults.taxAlertHeaderExpiredOn`         |
+| `taxAlertHeaderExpiringSoon`      | `tax-alert-header-expiring-soon`     | Header displayed in alert header at the top of the page.                          | `string` | `defaults.taxAlertHeaderExpiringSoon`      |
+| `taxAlertHeaderNotActive`         | `tax-alert-header-not-active`        | Header displayed in alert header at the top of the page.                          | `string` | `defaults.taxAlertHeaderNotActive`         |
+| `taxAlertMessage`                 | `tax-alert-message`                  | Description text displayed in alert body at the top of the page.                  | `string` | `defaults.taxAlertMessage`                 |
+| `taxAlertMessageExpiringSoon`     | `tax-alert-message-expiring-soon`    | Description text displayed in alert body at the top of the page.                  | `string` | `defaults.taxAlertMessageExpiringSoon`     |
+| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                              | `string` | `defaults.taxDocumentSectionHeader`        |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                          | `string` | `defaults.taxDocumentSectionSubHeader`     |
+
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 81aecf5797..add28d786b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -70,8 +70,10 @@ const stepOneProps: UserInfoFormViewProps = {
   },
   callbacks: {
     // TODO: fix type
+    // @ts-ignore
     onSubmit: (props: any) => console.log("Submit"),
     // TODO: fix type
+    // @ts-ignore
     onRadioClick: (props: any) => console.log("Radio Click"),
   },
   text: userInfoText,
@@ -90,8 +92,10 @@ const stepTwoProps: IndirectTaxFormViewProps = {
   },
   callbacks: {
     // TODO: fix type
+    // @ts-ignore
     onSubmit: (props: any) => console.log("Submit"),
     // TODO: fix type
+    // @ts-ignore
     onChange: (e) => console.log("Submit"),
     onBack: () => console.log("Submit"),
   },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
new file mode 100644
index 0000000000..072da842c5
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -0,0 +1,39 @@
+# sqm-user-info-form
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property                      | Attribute                        | Description                                                                           | Type                                                              | Default                                     |
+| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | ------------------------------------------- |
+| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                          | `userInfoText.allowBankingCollection`       |
+| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                          | `userInfoText.error.allowBankingCollection` |
+| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                          | `userInfoText.businessEntity`               |
+| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                          | `userInfoText.country`                      |
+| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                          | `userInfoText.error.countryCode`            |
+| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                          | `userInfoText.currency`                     |
+| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                          | `userInfoText.error.currency`               |
+| `demoData`                    | --                               |                                                                                       | `{ loading?: boolean; loadingText?: string; username?: string; }` | `undefined`                                 |
+| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                          | `userInfoText.email`                        |
+| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                          | `userInfoText.error.email`                  |
+| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                          | `userInfoText.firstName`                    |
+| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                          | `userInfoText.error.firstName`              |
+| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                          | `userInfoText.formStep`                     |
+| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                          | `userInfoText.error.generalDescription`     |
+| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                          | `userInfoText.error.generalTitle`           |
+| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                          | `userInfoText.individualParticipant`        |
+| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                          | `userInfoText.lastName`                     |
+| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                          | `userInfoText.error.lastName`               |
+| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                          | `userInfoText.participantType`              |
+| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                          | `userInfoText.error.participantType`        |
+| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                          | `userInfoText.personalInformation`          |
+| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                          | `userInfoText.submitButton`                 |
+| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                          | `userInfoText.taxAndBankingCollection`      |
+
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*

From 889a39ab0810e1a14b5de4029f3a3001e4312ab1 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 2 Feb 2024 11:39:37 -0800
Subject: [PATCH 136/753] 1.8.13 prerelease

---
 packages/mint-components/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 0f6ad9cc36..714a32caa6 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-12",
+  "version": "1.8.0-13",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

From 75090f8c19c14fc1f057da15eeed815a6aeadf3f Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 2 Feb 2024 11:42:56 -0800
Subject: [PATCH 137/753] Adjusted DocumentSubmittedView for mobile screens

---
 .../sqm-docusign-form.feature                 |  2 +-
 .../sqm-tax-document-submitted-view.tsx       | 60 +++++++++++++------
 .../sqm-user-info-form/TaxForm.stories.tsx    |  3 +-
 3 files changed, 44 insertions(+), 21 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index 2bcd75c240..d7ff6bf4f8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -48,7 +48,7 @@ Feature: Docusign Form
     When they have the Docusign form open for more than 20 minutes
     Then the Docusign iframe session expires
     And the Tax Form dissapers
-    Then they will see a Docusigns expired session notification
+    Then they will see a Docusigns expired session notification inside the iframe
     And must refresh the page to start a new Docusign session
 
   @minutia
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 94bdc9e18e..2851a1a3e9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -71,12 +71,22 @@ const style = {
   TaxDocumentsHeaderContainer: {
     marginTop: "var(--sl-spacing-x-large)",
   },
+  StatusContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-x-small)",
+    "& h4": {
+      margin: "0",
+    },
+    "& p": {
+      margin: "0",
+    },
+  },
   TaxFormDetailsContainer: {
     display: "flex",
-    flexDirection: "row",
     gap: "var(--sl-spacing-small)",
     alignItems: "baseline",
-    marginTop: "-30px",
+    flexFlow: "row wrap",
   },
   BadgeContainer: {
     "&::part(base)": {
@@ -84,7 +94,8 @@ const style = {
     },
   },
   NewFormButton: {
-    marginTop: "var(--sl-spacing-x-small)",
+    marginTop: "var(--sl-spacing-medium)",
+    maxWidth: "179px",
   },
   EditBankDetailsButton: {
     marginTop: "var(--sl-spacing-x-large)",
@@ -96,8 +107,12 @@ const style = {
   SkeletonTwo: {
     width: "25%",
     height: "24px",
-    top: "-8px",
-    marginBottom: "var(--sl-spacing-xx-small)",
+    top: "var(--sl-spacing-small)",
+    marginBottom: "var(--sl-spacing-x-small)",
+  },
+  TaxSectionSkeletonContainer: {
+    display: "flex",
+    flexDirection: "column",
   },
   TaxDocSubtext: {
     margin: "0",
@@ -328,20 +343,23 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
           </div>
         </div>
         <div class={sheet.classes.TaxDocumentsContainer}>
-          <div class={sheet.classes.TaxDocumentsHeaderContainer}>
-            <h3>{text.taxDocumentSectionHeader}</h3>
+          <h3 class={sheet.classes.TaxDocumentsHeaderContainer}>
+            {text.taxDocumentSectionHeader}
+          </h3>
+          <div>
             {states.loading ? (
-              <h4>
+              <div class={sheet.classes.TaxSectionSkeletonContainer}>
                 <sl-skeleton class={sheet.classes.SkeletonOne}></sl-skeleton>
-              </h4>
+                <sl-skeleton class={sheet.classes.SkeletonTwo}></sl-skeleton>
+              </div>
             ) : (
-              <span>
+              <span class={sheet.classes.TaxFormDetailsContainer}>
                 {states.noFormNeeded ? (
                   <p class={sheet.classes.TaxDocSubtext}>
                     {text.noFormNeededSubtext}
                   </p>
                 ) : (
-                  <div>
+                  <div class={sheet.classes.StatusContainer}>
                     <h4>
                       {intl.formatMessage(
                         {
@@ -354,18 +372,22 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                       )}
                     </h4>
                     {statusMap[states.status]}
-                    <sl-button
-                      disabled={states.disabled || states.loading}
-                      onClick={callbacks.onClick}
-                      type="default"
-                      class={sheet.classes.NewFormButton}
-                    >
-                      {text.newFormButton}
-                    </sl-button>
                   </div>
                 )}
               </span>
             )}
+            {states.noFormNeeded ? (
+              ""
+            ) : (
+              <sl-button
+                disabled={states.disabled || states.loading}
+                onClick={callbacks.onClick}
+                type="default"
+                class={sheet.classes.NewFormButton}
+              >
+                {text.newFormButton}
+              </sl-button>
+            )}
           </div>
         </div>
       </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 81aecf5797..c8f5afd7b4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -198,10 +198,11 @@ const documentSubmittedTaxFormNotRequiredLoadingProps: TaxDocumentSubmittedProps
 
 const documentSubmittedLoadingProps: TaxDocumentSubmittedProps = {
   states: {
-    disabled: false,
+    disabled: true,
     status: "ACTIVE",
     documentType: "W8-BEN-E",
     dateSubmitted: "Jan 18th, 2025",
+    noFormNeeded: false,
     loading: true,
   },
   callbacks: { onClick: () => console.log("Submit new Form") },

From add8bdaabe03b475586b2a4a65e7c62d1e9e450d Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 5 Feb 2024 09:31:32 -0800
Subject: [PATCH 138/753] Fix stencil component text props for raisins

---
 packages/mint-components/package.json         |   2 +-
 packages/mint-components/src/components.d.ts  | 107 ++++++++++++++-
 .../sqm-document-type-form/readme.md          |  31 ++---
 .../sqm-document-type-form.tsx                |  91 ++++++++++---
 .../useDocumentTypeForm.tsx                   |   8 +-
 .../tax-and-cash/sqm-docusign-form/readme.md  |  32 ++---
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  61 +++++----
 .../sqm-docusign-form/useDocusignForm.tsx     |   9 +-
 .../sqm-indirect-tax-form/readme.md           |  40 +++---
 .../sqm-indirect-tax-form.tsx                 | 127 +++++++++++++-----
 .../useIndirectTaxForm.tsx                    |   9 +-
 .../sqm-tax-document-submitted/readme.md      |  47 +++----
 .../sqm-tax-document-submitted.tsx            |  86 +++++++-----
 .../useTaxDocumentSubmitted.tsx               |   8 +-
 .../sqm-user-info-form/defaultTextCopy.ts     |   6 +-
 .../tax-and-cash/sqm-user-info-form/readme.md |  50 +++----
 .../sqm-user-info-form/sqm-user-info-form.tsx | 105 ++++++++-------
 .../sqm-user-info-form/useUserInfoForm.tsx    |  13 +-
 packages/mint-components/src/index.html       |   6 +-
 19 files changed, 532 insertions(+), 306 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 714a32caa6..0d26f79258 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-13",
+  "version": "1.8.0-18",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 2d46136975..f457984d47 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -11,6 +11,7 @@ import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { UserNameViewProps } from "./components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
 import { CouponCodeViewProps } from "./components/sqm-coupon-code/sqm-coupon-code-view";
+import { DocumentTypeFormViewProps } from "./components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view";
 import { DocusignFormViewProps } from "./components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view";
 import { DropdownFieldViewProps } from "./components/sqm-dropdown-field/sqm-dropdown-field-view";
 import { EditProfileViewProps } from "./components/sqm-edit-profile/sqm-edit-profile-view";
@@ -42,6 +43,8 @@ import { ReferralDates } from "./components/sqm-referral-table/useReferralTable"
 import { RewardExchangeViewProps } from "./components/sqm-reward-exchange-list/sqm-reward-exchange-list-view";
 import { ShareButtonViewProps } from "./components/sqm-share-button/sqm-share-button-view";
 import { TaskCardViewProps } from "./components/sqm-task-card/sqm-task-card-view";
+import { TaxDocumentSubmittedProps } from "./components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view";
+import { UserInfoFormViewProps } from "./components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view";
 import { UserNameViewProps as UserNameViewProps1 } from "./components/sqm-user-name/sqm-user-name-view";
 export namespace Components {
     interface RaisinsPlopTarget {
@@ -291,6 +294,11 @@ export namespace Components {
           * @uiName Back button text
          */
         "backButton": string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<DocumentTypeFormViewProps>;
         /**
           * Sub text shown above form selection radio buttons
           * @uiName Tax form selection heading text
@@ -758,6 +766,16 @@ export namespace Components {
           * @uiName Indirect tax details sub text
          */
         "indirectTaxDetailsDescription": string;
+        /**
+          * Label text for the Indirect Tax Number input
+          * @uiName Indirect Tax Number input label
+         */
+        "indirectTaxNumber": string;
+        /**
+          * Error text shown below the Indirect Tax Number select input
+          * @uiName Indirect Tax Number error text
+         */
+        "indirectTaxNumberError": string;
         /**
           * Label text for the not registered radio button
           * @uiName Not registered radio button label
@@ -768,6 +786,26 @@ export namespace Components {
           * @uiName Other region radio button label
          */
         "otherRegion": string;
+        /**
+          * Label text for the Province select input
+          * @uiName Province select input label
+         */
+        "province": string;
+        /**
+          * Error text shown below the Selected Region select input
+          * @uiName Province error text
+         */
+        "provinceError": string;
+        /**
+          * Label text for the Selected Region select input
+          * @uiName Selected region select input label
+         */
+        "selectedRegion": string;
+        /**
+          * Error text shown below the Selected Region select input
+          * @uiName Selected Region error text
+         */
+        "selectedRegionError": string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
@@ -778,6 +816,16 @@ export namespace Components {
           * @uiName Indirect tax details error text
          */
         "taxDetailsError": string;
+        /**
+          * Label text for the VAT Number input
+          * @uiName VAT Number input label
+         */
+        "vatNumber": string;
+        /**
+          * Error text shown below the VAT Number input
+          * @uiName VAT Number error text
+         */
+        "vatNumberError": string;
     }
     interface SqmInputField {
         /**
@@ -3062,6 +3110,11 @@ export namespace Components {
           * @uiName Banking information header
          */
         "bankingInformationSectionHeader": string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<TaxDocumentSubmittedProps>;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
@@ -3259,7 +3312,7 @@ export namespace Components {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UserNameViewProps>;
+        "demoData"?: DemoData<UserInfoFormViewProps>;
         /**
           * Label text for email input
           * @uiName Email label
@@ -4317,6 +4370,11 @@ declare namespace LocalJSX {
           * @uiName Back button text
          */
         "backButton"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<DocumentTypeFormViewProps>;
         /**
           * Sub text shown above form selection radio buttons
           * @uiName Tax form selection heading text
@@ -4784,6 +4842,16 @@ declare namespace LocalJSX {
           * @uiName Indirect tax details sub text
          */
         "indirectTaxDetailsDescription"?: string;
+        /**
+          * Label text for the Indirect Tax Number input
+          * @uiName Indirect Tax Number input label
+         */
+        "indirectTaxNumber"?: string;
+        /**
+          * Error text shown below the Indirect Tax Number select input
+          * @uiName Indirect Tax Number error text
+         */
+        "indirectTaxNumberError"?: string;
         /**
           * Label text for the not registered radio button
           * @uiName Not registered radio button label
@@ -4794,6 +4862,26 @@ declare namespace LocalJSX {
           * @uiName Other region radio button label
          */
         "otherRegion"?: string;
+        /**
+          * Label text for the Province select input
+          * @uiName Province select input label
+         */
+        "province"?: string;
+        /**
+          * Error text shown below the Selected Region select input
+          * @uiName Province error text
+         */
+        "provinceError"?: string;
+        /**
+          * Label text for the Selected Region select input
+          * @uiName Selected region select input label
+         */
+        "selectedRegion"?: string;
+        /**
+          * Error text shown below the Selected Region select input
+          * @uiName Selected Region error text
+         */
+        "selectedRegionError"?: string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
@@ -4804,6 +4892,16 @@ declare namespace LocalJSX {
           * @uiName Indirect tax details error text
          */
         "taxDetailsError"?: string;
+        /**
+          * Label text for the VAT Number input
+          * @uiName VAT Number input label
+         */
+        "vatNumber"?: string;
+        /**
+          * Error text shown below the VAT Number input
+          * @uiName VAT Number error text
+         */
+        "vatNumberError"?: string;
     }
     interface SqmInputField {
         /**
@@ -7064,6 +7162,11 @@ declare namespace LocalJSX {
           * @uiName Banking information header
          */
         "bankingInformationSectionHeader"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<TaxDocumentSubmittedProps>;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
@@ -7260,7 +7363,7 @@ declare namespace LocalJSX {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UserNameViewProps>;
+        "demoData"?: DemoData<UserInfoFormViewProps>;
         /**
           * Label text for email input
           * @uiName Email label
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
index ddab13ce6a..4b24782b7e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
@@ -7,21 +7,22 @@
 
 ## Properties
 
-| Property                  | Attribute                   | Description                                                                           | Type     | Default                                         |
-| ------------------------- | --------------------------- | ------------------------------------------------------------------------------------- | -------- | ----------------------------------------------- |
-| `backButton`              | `back-button`               | Text shown inside of back button                                                      | `string` | `documentTypeFormText.backButton`               |
-| `formLabel`               | `form-label`                | Sub text shown above form selection radio buttons                                     | `string` | `documentTypeFormText.formLabel`                |
-| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form. | `string` | `documentTypeFormText.formStep`                 |
-| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                     | `string` | `documentTypeFormText.error.generalDescription` |
-| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner           | `string` | `documentTypeFormText.error.generalTitle`       |
-| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                    | `string` | `documentTypeFormText.submitButton`             |
-| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the top of page                                      | `string` | `documentTypeFormText.taxForm`                  |
-| `w8Description`           | `w-8-description`           | Subtext for the W8 radio button                                                       | `string` | `documentTypeFormText.w8Description`            |
-| `w8EDescription`          | `w-8-e-description`         | Subtext for the W8E radio button                                                      | `string` | `documentTypeFormText.w8EDescription`           |
-| `w8ELabel`                | `w-8-e-label`               | Label text for the W8E radio button                                                   | `string` | `documentTypeFormText.w8ELabel`                 |
-| `w8Label`                 | `w-8-label`                 | Label text for the W8 radio button                                                    | `string` | `documentTypeFormText.w8Label`                  |
-| `w9Description`           | `w-9-description`           | Subtext for the W9 radio button                                                       | `string` | `documentTypeFormText.w9Description`            |
-| `w9Label`                 | `w-9-label`                 | Label text for the W9 radio button                                                    | `string` | `documentTypeFormText.w9Label`                  |
+| Property                  | Attribute                   | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                        | Default                                                                                                                                       |
+| ------------------------- | --------------------------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`              | `back-button`               | Text shown inside of back button                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Back"`                                                                                                                                      |
+| `demoData`                | --                          |                                                                                       | `{ states?: { loading: boolean; disabled: boolean; formState: { selectedTaxForm: "w9" \| "w8-ben" \| "w8-ben-e"; errors?: any; }; }; text?: { formStep: string; taxForm: string; formLabel: string; w9Label: string; w9Description: string; w8Label: string; w8Description: string; w8ELabel: string; w8EDescription: string; submitButton: string; backButton: string; error: { generalTitle: string; generalDescription: string; }; }; }` | `undefined`                                                                                                                                   |
+| `formLabel`               | `form-label`                | Sub text shown above form selection radio buttons                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Select a tax form"`                                                                                                                         |
+| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Step 3 of 4"`                                                                                                                               |
+| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Please review your information and try again. If this problem continues, contact Support."`                                                 |
+| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem submitting your information"`                                                                                           |
+| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Continue"`                                                                                                                                  |
+| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the top of page                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Tax form"`                                                                                                                                  |
+| `w8Description`           | `w-8-description`           | Subtext for the W8 radio button                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                    |
+| `w8EDescription`          | `w-8-e-description`         | Subtext for the W8E radio button                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."` |
+| `w8ELabel`                | `w-8-e-label`               | Label text for the W8E radio button                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"W8-BEN-E"`                                                                                                                                  |
+| `w8Label`                 | `w-8-label`                 | Label text for the W8 radio button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"W8-Ben"`                                                                                                                                    |
+| `w9Description`           | `w-9-description`           | Subtext for the W9 radio button                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                  |
+| `w9Label`                 | `w-9-label`                 | Label text for the W9 radio button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"W9"`                                                                                                                                        |
 
 
 ----------------------------------------------
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
index 849956b762..3106a9e81a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
@@ -1,9 +1,16 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Prop, h } from "@stencil/core";
-import { DocumentTypeFormView } from "./sqm-document-type-form-view";
 import { getProps } from "../../../utils/utils";
+import {
+  DocumentTypeFormView,
+  DocumentTypeFormViewProps,
+} from "./sqm-document-type-form-view";
 import { useDocumentTypeForm } from "./useDocumentTypeForm";
-import { documentTypeFormText } from "../sqm-user-info-form/defaultTextCopy";
+import deepmerge from "deepmerge";
+import { DemoData } from "../../../global/demo";
+import { useParent } from "../../../utils/useParentState";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
+import { isDemo } from "@saasquatch/component-boilerplate";
 
 @Component({
   tag: "sqm-document-type-form",
@@ -14,70 +21,79 @@ export class DocumentTypeForm {
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Tax form step text
    */
-  @Prop() formStep: string = documentTypeFormText.formStep;
+  @Prop() formStep: string = "Step 3 of 4";
   /**
    * Sub text shown above form selection radio buttons
    * @uiName Tax form selection heading text
    */
-  @Prop() formLabel: string = documentTypeFormText.formLabel;
+  @Prop() formLabel: string = "Select a tax form";
   /**
    * Heading text shown at the top of the top of page
    * @uiName Tax form heading text
    */
-  @Prop() taxForm: string = documentTypeFormText.taxForm;
+  @Prop() taxForm: string = "Tax form";
   /**
    * Label text for the W9 radio button
    * @uiName W9 radio button label
    */
-  @Prop() w9Label: string = documentTypeFormText.w9Label;
+  @Prop() w9Label: string = "W9";
   /**
    * Subtext for the W9 radio button
    * @uiName W9 radio button subtext
    */
-  @Prop() w9Description: string = documentTypeFormText.w9Description;
+  @Prop() w9Description: string =
+    "W9 For participants based in the US, joining the referral program of a US-based company.";
   /**
    * Label text for the W8 radio button
    * @uiName W8 radio button label
    */
-  @Prop() w8Label: string = documentTypeFormText.w8Label;
+  @Prop() w8Label: string = "W8-Ben";
   /**
    * Subtext for the W8 radio button
    * @uiName W8 radio button subtext
    */
-  @Prop() w8Description: string = documentTypeFormText.w8Description;
+  @Prop() w8Description: string =
+    "W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company.";
   /**
    * Label text for the W8E radio button
    * @uiName W8E radio button label
    */
-  @Prop() w8ELabel: string = documentTypeFormText.w8ELabel;
+  @Prop() w8ELabel: string = "W8-BEN-E";
   /**
    * Subtext for the W8E radio button
    * @uiName W8E radio button subtext
    */
-  @Prop() w8EDescription: string = documentTypeFormText.w8EDescription;
+  @Prop() w8EDescription: string =
+    "W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company.";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
    */
-  @Prop() submitButton: string = documentTypeFormText.submitButton;
+  @Prop() submitButton: string = "Continue";
   /**
    * Text shown inside of back button
    * @uiName Back button text
    */
-  @Prop() backButton: string = documentTypeFormText.backButton;
+  @Prop() backButton: string = "Back";
   /**
    * The title for error message shown at the top of the page in an error banner
    *
    * @uiName General error title
    */
-  @Prop() generalErrorTitle: string = documentTypeFormText.error.generalTitle;
+  @Prop() generalErrorTitle: string =
+    "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
    */
   @Prop() generalErrorDescription: string =
-    documentTypeFormText.error.generalDescription;
+    "Please review your information and try again. If this problem continues, contact Support.";
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  @Prop() demoData?: DemoData<DocumentTypeFormViewProps>;
 
   constructor() {
     withHooks(this);
@@ -85,9 +101,23 @@ export class DocumentTypeForm {
 
   disconnectedCallback() {}
 
+  getTextProps() {
+    const props = getProps(this);
+
+    return {
+      ...props,
+      error: {
+        generalTitle: props.generalErrorTitle,
+        generalDescription: props.generalErrorDescription,
+      },
+    };
+  }
+
   render() {
-    const props = useDocumentTypeForm(getProps(this));
-    console.log("3b");
+    const props = isDemo()
+      ? useDemoDocumentTypeForm(this)
+      : useDocumentTypeForm(this);
+
     return (
       <DocumentTypeFormView
         callbacks={props.callbacks}
@@ -97,3 +127,30 @@ export class DocumentTypeForm {
     );
   }
 }
+
+function useDemoDocumentTypeForm(
+  props: DocumentTypeForm
+): ReturnType<typeof useDocumentTypeForm> {
+  const [_, setPath] = useParent(TAX_CONTEXT_NAMESPACE);
+
+  return deepmerge(
+    {
+      text: props.getTextProps(),
+      callbacks: {
+        onSubmit: async () => {},
+        onBack: () => setPath("/2"),
+      },
+      states: {
+        loading: false,
+        disabled: false,
+        formState: {
+          formSubmission: false,
+          selectedTaxForm: "w9" as const,
+          errors: {},
+        },
+      },
+    },
+    props.demoData || {},
+    { arrayMerge: (_, a) => a }
+  );
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
index 6e848c0ed1..4428ba3c5f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
@@ -70,6 +70,7 @@ export function useDocumentTypeForm(props: DocumentTypeForm) {
   };
 
   return {
+    text: props.getTextProps(),
     callbacks: {
       onSubmit,
       onBack: () => setPath("/2"),
@@ -83,12 +84,5 @@ export function useDocumentTypeForm(props: DocumentTypeForm) {
         errors,
       },
     },
-    text: {
-      ...props,
-      error: {
-        generalTitle: props.generalErrorTitle,
-        generalDescription: props.generalErrorDescription,
-      },
-    },
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index 97271c8622..a3581f4fae 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,22 +7,22 @@
 
 ## Properties
 
-| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Default                                     |
-| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- |
-| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.backButton`               |
-| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.banner`                   |
-| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.checkboxDescription`      |
-| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.checkboxLabel`            |
-| `demoData`                | --                          |                                                                                                            | `{ states?: { loading: boolean; submitDisabled: boolean; disabled: boolean; formState: { completedTaxForm: boolean; taxFormExpired: boolean; errors?: any; }; documentType: TaxDocumentType; }; text?: { formStep: string; taxForm: string; taxFormLabel: string; taxFormDescription: string; notBasedInUS: string; banner: string; checkboxLabel: string; checkboxDescription: string; submitButton: string; backButton: string; error: { generalTitle: string; generalDescription: string; formSubmission: string; }; }; }` | `undefined`                                 |
-| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.formStep`                 |
-| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.error.formSubmission`     |
-| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.error.generalDescription` |
-| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.error.generalTitle`       |
-| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.notBasedInUS`             |
-| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.submitButton`             |
-| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.taxForm`                  |
-| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.taxFormDescription`       |
-| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `docusignFormText.taxFormLabel`             |
+| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Default                                                                                                               |
+| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
+| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Back"`                                                                                                              |
+| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."` |
+| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"I have completed and submitted my tax form"`                                                                        |
+| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Form submission"`                                                                                                   |
+| `demoData`                | --                          |                                                                                                            | `{ states?: { loading: boolean; submitDisabled: boolean; disabled: boolean; formState: { completedTaxForm: boolean; taxFormExpired: boolean; errors?: any; }; documentType: TaxDocumentType; }; text?: { formStep: string; taxForm: string; taxFormLabel: string; taxFormDescription: string; notBasedInUS: string; banner: string; checkboxLabel: string; checkboxDescription: string; submitButton: string; backButton: string; error: { generalTitle: string; generalDescription: string; formSubmission: string; }; }; }` | `undefined`                                                                                                           |
+| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Step 3 of 4"`                                                                                                       |
+| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"This field is required"`                                                                                            |
+| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please review your information and try again. If this problem continues, contact Support."`                         |
+| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem submitting your information"`                                                                   |
+| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Not based in the US?"`                                                                                              |
+| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Continue"`                                                                                                          |
+| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Tax form"`                                                                                                          |
+| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`            |
+| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{documentType} Tax Form"`                                                                                           |
 
 
 ----------------------------------------------
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 1f2765235e..0d03391c5c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -1,16 +1,14 @@
+import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Element, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
-import { IndirectTaxFormViewProps } from "../sqm-indirect-tax-form/sqm-indirect-tax-form-view";
-import { useDocusignForm } from "./useDocusignForm";
 import {
   DocusignFormView,
   DocusignFormViewProps,
 } from "./sqm-docusign-form-view";
-import { docusignFormText } from "../sqm-user-info-form/defaultTextCopy";
-import { isDemo } from "@saasquatch/component-boilerplate";
+import { useDocusignForm } from "./useDocusignForm";
 
 /**
  * @uiName Tax And Cash
@@ -28,71 +26,75 @@ export class DocusignForm {
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Tax form step text
    */
-  @Prop() formStep: string = docusignFormText.formStep;
+  @Prop() formStep: string = "Step 3 of 4";
   /**
    * Heading text shown at the top of the page
    * @uiName Tax form heading text
    */
-  @Prop() taxForm: string = docusignFormText.taxForm;
+  @Prop() taxForm: string = "Tax form";
   /**
    * Text shown at the top of the page next to the document type text
    * @uiName Tax form label text
    */
-  @Prop() taxFormLabel: string = docusignFormText.taxFormLabel;
+  @Prop() taxFormLabel: string = "{documentType} Tax Form";
   /**
    * Subtext shown at the top of the page next to the document type text
    * @uiName Tax form subtext
    */
-  @Prop() taxFormDescription: string = docusignFormText.taxFormDescription;
+  @Prop() taxFormDescription: string =
+    "Participants based in the US and partnering with US-based brands need to submit a {documentType} form.";
   /**
    * Text shown in the link to the form for non US residents
    * @uiName Not based in US link text
    */
-  @Prop() notBasedInUS: string = docusignFormText.notBasedInUS;
+  @Prop() notBasedInUS: string = "Not based in the US?";
   /**
    * Text shown in the banner above the document
    * @uiName Banner text
    */
-  @Prop() banner: string = docusignFormText.banner;
+  @Prop() banner: string =
+    "For your security, we automatically end your session when you have not interacted with the form after 20 minutes.";
   /**
    * Heading text for the form submission checkbox
    * @uiName Form submission checkbox heading
    */
-  @Prop() checkboxLabel: string = docusignFormText.checkboxLabel;
+  @Prop() checkboxLabel: string = "Form submission";
   /**
    * Label text for the form submission checkbox
    * @uiName Form submission checkbox label
    */
-  @Prop() checkboxDescription: string = docusignFormText.checkboxDescription;
+  @Prop() checkboxDescription: string =
+    "I have completed and submitted my tax form";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
    */
-  @Prop() submitButton: string = docusignFormText.submitButton;
+  @Prop() submitButton: string = "Continue";
   /**
    * Text shown inside of back button
    * @uiName Back button text
    */
-  @Prop() backButton: string = docusignFormText.backButton;
+  @Prop() backButton: string = "Back";
   /**
    * The title for error message shown at the top of the page in an error banner
    *
    * @uiName General error title
    */
-  @Prop() generalErrorTitle: string = docusignFormText.error.generalTitle;
+  @Prop() generalErrorTitle: string =
+    "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
    */
   @Prop() generalErrorDescription: string =
-    docusignFormText.error.generalDescription;
+    "Please review your information and try again. If this problem continues, contact Support.";
   /**
    * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
    *
    * @uiName Form submission error text
    */
-  @Prop() formSubmissionError: string = docusignFormText.error.formSubmission;
+  @Prop() formSubmissionError: string = "This field is required";
   /**
    * @undocumented
    * @uiType object
@@ -105,10 +107,23 @@ export class DocusignForm {
 
   disconnectedCallback() {}
 
+  getTextProps() {
+    const props = getProps(this);
+
+    return {
+      ...props,
+      error: {
+        generalTitle: props.generalErrorTitle,
+        generalDescription: props.generalErrorDescription,
+        formSubmission: props.formSubmissionError,
+      },
+    };
+  }
+
   render() {
     const props = isDemo()
-      ? useDocusignFormDemo(getProps(this))
-      : useDocusignForm(getProps(this), this.el);
+      ? useDocusignFormDemo(this)
+      : useDocusignForm(this, this.el);
 
     return (
       <Host>
@@ -127,13 +142,7 @@ function useDocusignFormDemo(
 ): Partial<DocusignFormViewProps> {
   return deepmerge(
     {
-      text: {
-        ...props,
-        error: {
-          generalTitle: props.generalErrorTitle,
-          generalDescription: props.generalErrorDescription,
-        },
-      },
+      text: props.getTextProps(),
       states: {
         disabled: false,
         submitDisabled: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 0ea6a9d512..72381a3873 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -105,14 +105,6 @@ export function useDocusignForm(props: DocusignForm, el: any) {
   };
 
   return {
-    text: {
-      ...props,
-      error: {
-        generalTitle: props.generalErrorTitle,
-        generalDescription: props.generalErrorDescription,
-        formSubmission: props.formSubmissionError,
-      },
-    },
     states: {
       disabled: taxInfoLoading || loading,
       submitDisabled: !formSubmitted,
@@ -134,5 +126,6 @@ export function useDocusignForm(props: DocusignForm, el: any) {
       toggleFormSubmitted: () => setFormSubmitted((x) => !x),
       onBack: () => setPath("/2"),
     },
+    text: props.getTextProps(),
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 1fd492fc05..4887bd2347 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -7,22 +7,30 @@
 
 ## Properties
 
-| Property                        | Attribute                          | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default                                             |
-| ------------------------------- | ---------------------------------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------- |
-| `backButton`                    | `back-button`                      | Text shown inside of back button                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.backButton`                    |
-| `demoData`                      | --                                 |                                                                                       | `{ states?: { loading: boolean; disabled: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors?: any; }; registeredInCanadaDetailsSlot?: VNode; registeredInDifferentCountryDetailsSlot?: VNode; }; refs?: { formRef: any; }; text?: { formStep: string; indirectTax: string; indirectTaxDescription: string; indirectTaxDetails: string; indirectTaxDetailsDescription: string; hstCanada: string; otherRegion: string; notRegistered: string; submitButton: string; backButton: string; error: { generalTitle: string; generalDescription: string; taxDetails: string; }; }; }` | `undefined`                                         |
-| `formStep`                      | `form-step`                        | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.formStep`                      |
-| `generalErrorDescription`       | `general-error-description`        | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.error.generalDescription`      |
-| `generalErrorTitle`             | `general-error-title`              | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.error.generalTitle`            |
-| `hstCanada`                     | `hst-canada`                       | Label text for the HST Canada radio button                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.hstCanada`                     |
-| `indirectTax`                   | `indirect-tax`                     | Heading text shown at the top of the page                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.indirectTax`                   |
-| `indirectTaxDescription`        | `indirect-tax-description`         | Subtext shown at the top of the page                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.indirectTaxDescription`        |
-| `indirectTaxDetails`            | `indirect-tax-details`             | Heading text shown above the tax details radio buttons                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.indirectTaxDetails`            |
-| `indirectTaxDetailsDescription` | `indirect-tax-details-description` | Sub text shown above the tax details radio buttons                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.indirectTaxDetailsDescription` |
-| `notRegistered`                 | `not-registered`                   | Label text for the not registered radio button                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.notRegistered`                 |
-| `otherRegion`                   | `other-region`                     | Label text for the other region radio button                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.otherRegion`                   |
-| `submitButton`                  | `submit-button`                    | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.submitButton`                  |
-| `taxDetailsError`               | `tax-details-error`                | Error text shown below the tax details radio buttons                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `indirectTaxFormText.error.taxDetails`              |
+| Property                        | Attribute                          | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default                                                                                                                                            |
+| ------------------------------- | ---------------------------------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`                    | `back-button`                      | Text shown inside of back button                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Back"`                                                                                                                                           |
+| `demoData`                      | --                                 |                                                                                       | `{ states?: { loading: boolean; disabled: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors?: any; }; registeredInCanadaDetailsSlot?: VNode; registeredInDifferentCountryDetailsSlot?: VNode; }; refs?: { formRef: any; }; text?: { formStep: string; indirectTax: string; indirectTaxDescription: string; indirectTaxDetails: string; indirectTaxDetailsDescription: string; hstCanada: string; otherRegion: string; notRegistered: string; submitButton: string; backButton: string; error: { generalTitle: string; generalDescription: string; taxDetails: string; }; }; }` | `undefined`                                                                                                                                        |
+| `formStep`                      | `form-step`                        | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Step 2 of 4"`                                                                                                                                    |
+| `generalErrorDescription`       | `general-error-description`        | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please review your information and try again. If this problem continues, contact Support."`                                                      |
+| `generalErrorTitle`             | `general-error-title`              | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem submitting your information"`                                                                                                |
+| `hstCanada`                     | `hst-canada`                       | Label text for the HST Canada radio button                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"I am registered for HST in Canada"`                                                                                                              |
+| `indirectTax`                   | `indirect-tax`                     | Heading text shown at the top of the page                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Indirect Tax"`                                                                                                                                   |
+| `indirectTaxDescription`        | `indirect-tax-description`         | Subtext shown at the top of the page                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."` |
+| `indirectTaxDetails`            | `indirect-tax-details`             | Heading text shown above the tax details radio buttons                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Indirect Tax Details"`                                                                                                                           |
+| `indirectTaxDetailsDescription` | `indirect-tax-details-description` | Sub text shown above the tax details radio buttons                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                    |
+| `indirectTaxNumber`             | `indirect-tax-number`              | Label text for the Indirect Tax Number input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Indirect Tax"`                                                                                                                                   |
+| `indirectTaxNumberError`        | `indirect-tax-number-error`        | Error text shown below the Indirect Tax Number select input                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Indirect Tax is required"`                                                                                                                       |
+| `notRegistered`                 | `not-registered`                   | Label text for the not registered radio button                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"I am not registered for Indirect Tax"`                                                                                                           |
+| `otherRegion`                   | `other-region`                     | Label text for the other region radio button                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"I am registered for Indirect Tax in a different Country / Region"`                                                                               |
+| `province`                      | `province`                         | Label text for the Province select input                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Province"`                                                                                                                                       |
+| `provinceError`                 | `province-error`                   | Error text shown below the Selected Region select input                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Province is required"`                                                                                                                           |
+| `selectedRegion`                | `selected-region`                  | Label text for the Selected Region select input                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Country / Region of Indirect Tax"`                                                                                                               |
+| `selectedRegionError`           | `selected-region-error`            | Error text shown below the Selected Region select input                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Country is required"`                                                                                                                            |
+| `submitButton`                  | `submit-button`                    | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Continue"`                                                                                                                                       |
+| `taxDetailsError`               | `tax-details-error`                | Error text shown below the tax details radio buttons                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"This field is required"`                                                                                                                         |
+| `vatNumber`                     | `vat-number`                       | Label text for the VAT Number input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"VAT number"`                                                                                                                                     |
+| `vatNumberError`                | `vat-number-error`                 | Error text shown below the VAT Number input                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"VAT number is required"`                                                                                                                         |
 
 
 ----------------------------------------------
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index a020e3248b..b08418518a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -1,10 +1,10 @@
+import { isDemo } 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 { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
-import {
-  indirectDetailsSlotText,
-  indirectTaxFormText,
-} from "../sqm-user-info-form/defaultTextCopy";
 import {
   IndirectDetailsSlotView,
   OtherRegionSlotView,
@@ -14,10 +14,6 @@ import {
   IndirectTaxFormViewProps,
 } from "./sqm-indirect-tax-form-view";
 import { useIndirectTaxForm } from "./useIndirectTaxForm";
-import { DemoData } from "../../../global/demo";
-import deepmerge from "deepmerge";
-import { useState } from "@saasquatch/universal-hooks";
-import { isDemo } from "@saasquatch/component-boilerplate";
 
 @Component({
   tag: "sqm-indirect-tax-form",
@@ -28,72 +24,116 @@ export class IndirectTaxForm {
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Indirect tax form step text
    */
-  @Prop() formStep: string = indirectTaxFormText.formStep;
+  @Prop() formStep: string = "Step 2 of 4";
   /**
    * Heading text shown at the top of the page
    * @uiName Indirect tax heading text
    */
-  @Prop() indirectTax: string = indirectTaxFormText.indirectTax;
+  @Prop() indirectTax: string = "Indirect Tax";
   /**
    * Subtext shown at the top of the page
    * @uiName Indirect tax sub text
    */
   @Prop() indirectTaxDescription: string =
-    indirectTaxFormText.indirectTaxDescription;
+    "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.";
   /**
    * Heading text shown above the tax details radio buttons
    * @uiName Indirect tax details heading
    */
-  @Prop() indirectTaxDetails: string = indirectTaxFormText.indirectTaxDetails;
+  @Prop() indirectTaxDetails: string = "Indirect Tax Details";
   /**
    * Sub text shown above the tax details radio buttons
    * @uiName Indirect tax details sub text
    */
   @Prop() indirectTaxDetailsDescription: string =
-    indirectTaxFormText.indirectTaxDetailsDescription;
+    "Not sure if you are registered for indirect tax? Contact our Support team to find out more.";
   /**
    * Label text for the HST Canada radio button
    * @uiName HST Canada radio button label
    */
-  @Prop() hstCanada: string = indirectTaxFormText.hstCanada;
+  @Prop() hstCanada: string = "I am registered for HST in Canada";
   /**
    * Label text for the other region radio button
    * @uiName Other region radio button label
    */
-  @Prop() otherRegion: string = indirectTaxFormText.otherRegion;
+  @Prop() otherRegion: string =
+    "I am registered for Indirect Tax in a different Country / Region";
   /**
    * Label text for the not registered radio button
    * @uiName Not registered radio button label
    */
-  @Prop() notRegistered: string = indirectTaxFormText.notRegistered;
+  @Prop() notRegistered: string = "I am not registered for Indirect Tax";
+  /**
+   * Label text for the Selected Region select input
+   * @uiName Selected region select input label
+   */
+  @Prop() selectedRegion: string = "Country / Region of Indirect Tax";
+  /**
+   * Label text for the VAT Number input
+   * @uiName VAT Number input label
+   */
+  @Prop() vatNumber: string = "VAT number";
+  /**
+   * Label text for the Province select input
+   * @uiName Province select input label
+   */
+  @Prop() province: string = "Province";
+
+  /**
+   * Label text for the Indirect Tax Number input
+   * @uiName Indirect Tax Number input label
+   */
+  @Prop() indirectTaxNumber: string = "Indirect Tax";
+
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
    */
-  @Prop() submitButton: string = indirectTaxFormText.submitButton;
+  @Prop() submitButton: string = "Continue";
   /**
    * Text shown inside of back button
    * @uiName Back button text
    */
-  @Prop() backButton: string = indirectTaxFormText.backButton;
+  @Prop() backButton: string = "Back";
   /**
    * Error text shown below the tax details radio buttons
    * @uiName Indirect tax details error text
    */
-  @Prop() taxDetailsError: string = indirectTaxFormText.error.taxDetails;
+  @Prop() taxDetailsError: string = "This field is required";
   /**
    * The title for error message shown at the top of the page in an error banner
    *
    * @uiName General error title
    */
-  @Prop() generalErrorTitle: string = indirectTaxFormText.error.generalTitle;
+  @Prop() generalErrorTitle: string =
+    "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
    */
   @Prop() generalErrorDescription: string =
-    indirectTaxFormText.error.generalDescription;
+    "Please review your information and try again. If this problem continues, contact Support.";
+  /**
+   * Error text shown below the Selected Region select input
+   * @uiName Selected Region error text
+   */
+  @Prop() selectedRegionError: string = "Country is required";
+  /**
+   * Error text shown below the VAT Number input
+   * @uiName VAT Number error text
+   */
+  @Prop() vatNumberError: string = "VAT number is required";
+  /**
+   * Error text shown below the Selected Region select input
+   * @uiName Province error text
+   */
+  @Prop() provinceError: string = "Province is required";
+  /**
+   * Error text shown below the Indirect Tax Number select input
+   * @uiName Indirect Tax Number error text
+   */
+  @Prop() indirectTaxNumberError: string = "Indirect Tax is required";
 
   /**
    * @undocumented
@@ -107,10 +147,35 @@ export class IndirectTaxForm {
 
   disconnectedCallback() {}
 
+  getTextProps() {
+    const props = getProps(this);
+
+    return {
+      ...props,
+      error: {
+        generalTitle: props.generalErrorTitle,
+        generalDescription: props.generalErrorDescription,
+        taxDetails: props.taxDetailsError,
+      },
+      slotText: {
+        selectedRegion: props.selectedRegion,
+        vatNumber: props.vatNumber,
+        province: props.province,
+        indirectTaxNumber: props.indirectTaxNumber,
+        error: {
+          selectedRegion: props.selectedRegionError,
+          vatNumber: props.vatNumberError,
+          province: props.provinceError,
+          indirectTaxNumber: props.indirectTaxNumberError,
+        },
+      },
+    };
+  }
+
   render() {
     const props = isDemo()
-      ? useDemoIndirectTaxForm(getProps(this))
-      : useIndirectTaxForm(getProps(this));
+      ? useDemoIndirectTaxForm(this)
+      : useIndirectTaxForm(this);
 
     console.log({ props });
 
@@ -125,7 +190,7 @@ export class IndirectTaxForm {
           hide: props.option !== "hstCanada",
         }}
         data={{ countries: props.countries }}
-        text={indirectDetailsSlotText}
+        text={props.text.slotText}
       ></IndirectDetailsSlotView>
     );
 
@@ -140,7 +205,7 @@ export class IndirectTaxForm {
           loading: props.loading,
         }}
         data={{ countries: props.countries }}
-        text={indirectDetailsSlotText}
+        text={this.getTextProps().slotText}
       />
     );
 
@@ -159,8 +224,7 @@ export class IndirectTaxForm {
             registeredInDifferentCountryDetailsSlot: otherRegionSlot,
             disabled: props.loading,
           }}
-          //@ts-ignore
-          text={props.text}
+          text={this.getTextProps()}
           refs={{ formRef: props.formRef }}
         />
       </Host>
@@ -177,20 +241,13 @@ function useDemoIndirectTaxForm(
     {
       loading: false,
       countries: [{ countryCode: "CA", displayName: "Canada" }],
-      text: {
-        ...props,
-        error: {
-          generalTitle: props.generalErrorTitle,
-          generalDescription: props.generalErrorDescription,
-          taxDetails: props.taxDetailsError,
-        },
-      },
       errors: {},
       onBack: () => {},
       onSubmit: async () => {},
       submitDisabled: false,
       option: option,
       onChange: setOption,
+      text: props.getTextProps(),
       formRef: { current: null },
       formState: {
         countryCode: "CA",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 7acfe13e32..0fe40e643a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -173,17 +173,10 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
   return {
     loading: loading || countriesLoading,
     countries,
-    text: {
-      ...props,
-      error: {
-        generalTitle: props.generalErrorTitle,
-        generalDescription: props.generalErrorDescription,
-        taxDetails: props.taxDetailsError,
-      },
-    },
     errors,
     onBack,
     onSubmit,
+    text: props.getTextProps(),
     // submitDisabled: !option,
     submitDisabled: false,
     option,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
index a347619585..7ff47584de 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
@@ -7,29 +7,30 @@
 
 ## Properties
 
-| Property                          | Attribute                            | Description                                                                       | Type     | Default                                    |
-| --------------------------------- | ------------------------------------ | --------------------------------------------------------------------------------- | -------- | ------------------------------------------ |
-| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review   | `string` | `defaults.badgeTextAwaitingReview`         |
-| `badgeTextExpiredOn`              | `badge-text-expired-on`              | Description text which appears beside badge showing the form has expired          | `string` | `defaults.badgeTextExpiredOn`              |
-| `badgeTextExpiringSoon`           | `badge-text-expiring-soon`           | Description text which appears beside badge showing the form expiring soon        | `string` | `defaults.badgeTextExpiringSoon`           |
-| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted   | `string` | `defaults.badgeTextSubmittedOn`            |
-| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                          | `string` | `defaults.bankingInformationSectionHeader` |
-| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                 | `string` | `defaults.error.generalDescription`        |
-| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner       | `string` | `defaults.error.generalTitle`              |
-| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status          | `string` | `defaults.invalidForm`                     |
-| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page        | `string` | `defaults.newFormButton`                   |
-| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show | `string` | `defaults.noFormNeededSubtext`             |
-| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                        | `string` | `defaults.statusTextActive`                |
-| `statusTextExpired`               | `status-text-expired`                | Status text displayed in badge when tax document is Expired                       | `string` | `defaults.statusTextExpired`               |
-| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                    | `string` | `defaults.statusTextNotActive`             |
-| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                  | `string` | `defaults.statusTextNotVerified`           |
-| `taxAlertHeaderExpiredOn`         | `tax-alert-header-expired-on`        | Header displayed in alert header at the top of the page.                          | `string` | `defaults.taxAlertHeaderExpiredOn`         |
-| `taxAlertHeaderExpiringSoon`      | `tax-alert-header-expiring-soon`     | Header displayed in alert header at the top of the page.                          | `string` | `defaults.taxAlertHeaderExpiringSoon`      |
-| `taxAlertHeaderNotActive`         | `tax-alert-header-not-active`        | Header displayed in alert header at the top of the page.                          | `string` | `defaults.taxAlertHeaderNotActive`         |
-| `taxAlertMessage`                 | `tax-alert-message`                  | Description text displayed in alert body at the top of the page.                  | `string` | `defaults.taxAlertMessage`                 |
-| `taxAlertMessageExpiringSoon`     | `tax-alert-message-expiring-soon`    | Description text displayed in alert body at the top of the page.                  | `string` | `defaults.taxAlertMessageExpiringSoon`     |
-| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                              | `string` | `defaults.taxDocumentSectionHeader`        |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                          | `string` | `defaults.taxDocumentSectionSubHeader`     |
+| Property                          | Attribute                            | Description                                                                       | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default                                                                                                                           |
+| --------------------------------- | ------------------------------------ | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
+| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                |
+| `badgeTextExpiredOn`              | `badge-text-expired-on`              | Description text which appears beside badge showing the form has expired          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Expired on {dateExpired}."`                                                                                                     |
+| `badgeTextExpiringSoon`           | `badge-text-expiring-soon`           | Description text which appears beside badge showing the form expiring soon        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `", expiring on {dateExpired}."`                                                                                                  |
+| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Submitted on {dateSubmitted}"`                                                                                                  |
+| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Banking Information"`                                                                                                           |
+| `demoData`                        | --                                   |                                                                                   | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; dateExpired?: string; expiresSoon?: boolean; noFormNeeded?: boolean; loading?: boolean; errors?: any; }; text?: { statusTextActive?: string; statusTextNotActive?: string; statusTextNotVerified?: string; statusTextExpired?: string; badgeTextSubmittedOn?: string; badgeTextAwaitingReview?: string; badgeTextExpiredOn?: string; badgeTextExpiringSoon?: string; noTaxFormRequired?: string; taxAlertMessageExpiringSoon?: string; taxAlertHeaderNotActive?: string; taxAlertHeaderExpiredOn?: string; taxAlertHeaderExpiringSoon?: string; taxAlertMessage?: string; bankingInformationSectionHeader: string; taxDocumentSectionHeader: string; taxDocumentSectionSubHeader: string; newFormButton: string; invalidForm?: string; noFormNeededSubtext: string; error: { generalTitle: string; generalDescription: string; }; }; }` | `undefined`                                                                                                                       |
+| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please review your information and try again. If this problem continues, contact Support."`                                     |
+| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"There was a problem submitting your information"`                                                                               |
+| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Ensure your information matches your profile and resubmit a new document."`                                                     |
+| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Submit New document"`                                                                                                           |
+| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."` |
+| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Active"`                                                                                                                        |
+| `statusTextExpired`               | `status-text-expired`                | Status text displayed in badge when tax document is Expired                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Expired"`                                                                                                                       |
+| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Invalid Tax Form"`                                                                                                              |
+| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Not Verified"`                                                                                                                  |
+| `taxAlertHeaderExpiredOn`         | `tax-alert-header-expired-on`        | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Your {documentType} tax form has expired."`                                                                                     |
+| `taxAlertHeaderExpiringSoon`      | `tax-alert-header-expiring-soon`     | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Your {documentType} tax form expires on {dateExpired}"`                                                                         |
+| `taxAlertHeaderNotActive`         | `tax-alert-header-not-active`        | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                        |
+| `taxAlertMessage`                 | `tax-alert-message`                  | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please resubmit a new {documentType} form."`                                                                                    |
+| `taxAlertMessageExpiringSoon`     | `tax-alert-message-expiring-soon`    | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                    |
+| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Tax documents"`                                                                                                                 |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"{documentType} Tax Form"`                                                                                                       |
 
 
 ----------------------------------------------
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 7975a2484b..d9fca8adc4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -1,13 +1,13 @@
+import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Host, Prop, h } from "@stencil/core";
 import { getProps } from "../../../utils/utils";
-import { taxFormDocumentSubmittedText as defaults } from "../sqm-user-info-form/defaultTextCopy";
 import {
   TaxDocumentSubmittedProps,
   TaxDocumentSubmittedView,
 } from "./sqm-tax-document-submitted-view";
 import { useTaxDocumentSubmitted } from "./useTaxDocumentSubmitted";
-import { isDemo } from "@saasquatch/component-boilerplate";
+import { DemoData } from "../../../global/demo";
 
 @Component({ tag: "sqm-tax-document-submitted", shadow: true })
 export class TaxDocumentSubmitted {
@@ -16,149 +16,173 @@ export class TaxDocumentSubmitted {
    *
    * @uiName Status text
    */
-  @Prop() statusTextActive?: string = defaults.statusTextActive;
+  @Prop() statusTextActive?: string = "Active";
 
   /**
    * Status text displayed in badge when tax document is Not Active
    *
    * @uiName Status text
    */
-  @Prop() statusTextNotActive?: string = defaults.statusTextNotActive;
+  @Prop() statusTextNotActive?: string = "Invalid Tax Form";
 
   /**
    * Status text displayed in badge when tax document is Not Verified
    *
    * @uiName Status text
    */
-  @Prop() statusTextNotVerified?: string = defaults.statusTextNotVerified;
+  @Prop() statusTextNotVerified?: string = "Not Verified";
 
   /**
    * Status text displayed in badge when tax document is Expired
    *
    * @uiName Status text
    */
-  @Prop() statusTextExpired?: string = defaults.statusTextExpired;
+  @Prop() statusTextExpired?: string = "Expired";
 
   /**
    * Description text which appears beside badge showing when the form was submitted
    *
    * @uiName Badge description text
    */
-  @Prop() badgeTextSubmittedOn?: string = defaults.badgeTextSubmittedOn;
+  @Prop() badgeTextSubmittedOn?: string = "Submitted on {dateSubmitted}";
 
   /**
    * Description text which appears beside badge showing the form is awaiting review
    *
    * @uiName Badge description text
    */
-  @Prop() badgeTextAwaitingReview?: string = defaults.badgeTextAwaitingReview;
+  @Prop() badgeTextAwaitingReview?: string =
+    "Awaiting review. Submitted on {dateSubmitted}.";
 
   /**
    * Description text which appears beside badge showing the form has expired
    *
    * @uiName Badge description text
    */
-  @Prop() badgeTextExpiredOn?: string = defaults.badgeTextExpiredOn;
+  @Prop() badgeTextExpiredOn?: string = "Expired on {dateExpired}.";
 
   /**
    * Description text which appears beside badge showing the form expiring soon
    *
    * @uiName Badge description text
    */
-  @Prop() badgeTextExpiringSoon?: string = defaults.badgeTextExpiringSoon;
+  @Prop() badgeTextExpiringSoon?: string = ", expiring on {dateExpired}.";
 
   /**
    * Header displayed in alert header at the top of the page.
    *
    * @uiName Not active alert header
    */
-  @Prop() taxAlertHeaderNotActive?: string = defaults.taxAlertHeaderNotActive;
+  @Prop() taxAlertHeaderNotActive?: string =
+    "Your {documentType} tax form has personal information that doesn't match your profile.";
   /**
    * Header displayed in alert header at the top of the page.
    *
    * @uiName Expired alert header
    */
-  @Prop() taxAlertHeaderExpiredOn?: string = defaults.taxAlertHeaderExpiredOn;
+  @Prop() taxAlertHeaderExpiredOn?: string =
+    "Your {documentType} tax form has expired.";
   /**
    * Header displayed in alert header at the top of the page.
    *
    * @uiName Expiring soon alert header
    */
   @Prop() taxAlertHeaderExpiringSoon?: string =
-    defaults.taxAlertHeaderExpiringSoon;
+    "Your {documentType} tax form expires on {dateExpired}";
   /**
    * Description text displayed in alert body at the top of the page.
    *
    * @uiName Tax alert message
    */
-  @Prop() taxAlertMessage?: string = defaults.taxAlertMessage;
+  @Prop() taxAlertMessage?: string =
+    "Please resubmit a new {documentType} form.";
   /**
    * Description text displayed in alert body at the top of the page.
    *
    * @uiName Expiring soon tax alert message
    */
   @Prop() taxAlertMessageExpiringSoon: string =
-    defaults.taxAlertMessageExpiringSoon;
+    "Please submit a new {documentType} form to continue receiving your rewards";
   /**
    * Description text displayed next to the badge in the tax documents status
    *
    * @uiName Invalid form description text
    */
-  @Prop() invalidForm?: string = defaults.invalidForm;
+  @Prop() invalidForm?: string =
+    "Ensure your information matches your profile and resubmit a new document.";
   /**
    * Header text displayed above the banking information card
    *
    * @uiName Banking information header
    */
-  @Prop() bankingInformationSectionHeader: string =
-    defaults.bankingInformationSectionHeader;
+  @Prop() bankingInformationSectionHeader: string = "Banking Information";
   /**
    * Header text displayed above the tax documents status
    *
    * @uiName Tax document section header
    */
-  @Prop() taxDocumentSectionHeader: string = defaults.taxDocumentSectionHeader;
+  @Prop() taxDocumentSectionHeader: string = "Tax documents";
   /**
    * Sub header text displayed above the tax documents status
    *
    * @uiName Tax documents sub header
    */
-  @Prop() taxDocumentSectionSubHeader: string =
-    defaults.taxDocumentSectionSubHeader;
+  @Prop() taxDocumentSectionSubHeader: string = "{documentType} Tax Form";
   /**
    * Subtext displayed at the bottom of the page if there are no tax documents to show
    *
    * @uiName No form needed subtext
    */
-  @Prop() noFormNeededSubtext: string = defaults.noFormNeededSubtext;
+  @Prop() noFormNeededSubtext: string =
+    "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support.";
   /**
    * Text displayed in the submit new document button at the bottom of the page
    *
    * @uiName No form needed subtext
    */
-  @Prop() newFormButton: string = defaults.newFormButton;
+  @Prop() newFormButton: string = "Submit New document";
   /**
    * The title for error message shown at the top of the page in an error banner
    *
    * @uiName General error title
    */
-  @Prop() generalErrorTitle: string = defaults.error.generalTitle;
+  @Prop() generalErrorTitle: string =
+    "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
    */
-  @Prop() generalErrorDescription: string = defaults.error.generalDescription;
+  @Prop() generalErrorDescription: string =
+    "Please review your information and try again. If this problem continues, contact Support.";
+
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  @Prop() demoData?: DemoData<TaxDocumentSubmittedProps>;
+
   constructor() {
     withHooks(this);
   }
 
   disconnectedCallback() {}
 
+  getTextProps() {
+    const props = getProps(this);
+    return {
+      ...props,
+      error: {
+        generalDescription: props.generalErrorDescription,
+        generalTitle: props.generalErrorTitle,
+      },
+    };
+  }
+
   render() {
     const props = isDemo()
-      ? useDemoTaxDocumentSubmitted(getProps(this))
-      : useTaxDocumentSubmitted(getProps(this));
+      ? useDemoTaxDocumentSubmitted(this)
+      : useTaxDocumentSubmitted(this);
 
     return (
       <Host>
@@ -189,12 +213,6 @@ function useDemoTaxDocumentSubmitted(
     callbacks: {
       onClick: () => console.debug("check step"),
     },
-    text: {
-      ...props,
-      error: {
-        generalDescription: props.generalErrorDescription,
-        generalTitle: props.generalErrorTitle,
-      },
-    },
+    text: props.getTextProps(),
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 54ad7ce249..38ad8138ad 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -80,12 +80,6 @@ export const useTaxDocumentSubmitted = (
     callbacks: {
       onClick: () => setStep(`/3/${documentType}`),
     },
-    text: {
-      ...props,
-      error: {
-        generalDescription: props.generalErrorDescription,
-        generalTitle: props.generalErrorTitle,
-      },
-    },
+    text: props.getTextProps(),
   };
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 75a9065ac7..26e9fc17ba 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -5,6 +5,9 @@ import { IndirectTaxFormViewProps } from "../sqm-indirect-tax-form/sqm-indirect-
 import { DocumentTypeFormViewProps } from "../sqm-document-type-form/sqm-document-type-form-view";
 import { DocusignFormViewProps } from "../sqm-docusign-form/sqm-docusign-form-view";
 
+// ! IMPORTANT: These objects cannot be used as default values for component props
+// !            Stencil doesn't handle the import when passing the prop default to raisins for editability.
+
 export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
   selectedRegion: "Country / Region of Indirect Tax",
   vatNumber: "VAT number",
@@ -120,7 +123,8 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   badgeTextAwaitingReview: "Awaiting review. Submitted on {dateSubmitted}.",
   badgeTextExpiredOn: "Expired on {dateExpired}.",
   badgeTextExpiringSoon: ", expiring on {dateExpired}.",
-  noTaxFormRequired: "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support",
+  noTaxFormRequired:
+    "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support",
   invalidForm:
     "Ensure your information matches your profile and resubmit a new document.",
   taxAlertHeaderNotActive:
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index 072da842c5..b9161673e3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,31 +7,31 @@
 
 ## Properties
 
-| Property                      | Attribute                        | Description                                                                           | Type                                                              | Default                                     |
-| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | ------------------------------------------- |
-| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                          | `userInfoText.allowBankingCollection`       |
-| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                          | `userInfoText.error.allowBankingCollection` |
-| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                          | `userInfoText.businessEntity`               |
-| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                          | `userInfoText.country`                      |
-| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                          | `userInfoText.error.countryCode`            |
-| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                          | `userInfoText.currency`                     |
-| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                          | `userInfoText.error.currency`               |
-| `demoData`                    | --                               |                                                                                       | `{ loading?: boolean; loadingText?: string; username?: string; }` | `undefined`                                 |
-| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                          | `userInfoText.email`                        |
-| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                          | `userInfoText.error.email`                  |
-| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                          | `userInfoText.firstName`                    |
-| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                          | `userInfoText.error.firstName`              |
-| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                          | `userInfoText.formStep`                     |
-| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                          | `userInfoText.error.generalDescription`     |
-| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                          | `userInfoText.error.generalTitle`           |
-| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                          | `userInfoText.individualParticipant`        |
-| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                          | `userInfoText.lastName`                     |
-| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                          | `userInfoText.error.lastName`               |
-| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                          | `userInfoText.participantType`              |
-| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                          | `userInfoText.error.participantType`        |
-| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                          | `userInfoText.personalInformation`          |
-| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                          | `userInfoText.submitButton`                 |
-| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                          | `userInfoText.taxAndBankingCollection`      |
+| Property                      | Attribute                        | Description                                                                           | Type                                                              | Default                                                                                       |
+| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                          | `"I agree to the terms"`                                                                      |
+| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                          | `"This field is required"`                                                                    |
+| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                          | `"I represent a business entity"`                                                             |
+| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                          | `"Country"`                                                                                   |
+| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                          | `"Select a country"`                                                                          |
+| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                          | `"Currency"`                                                                                  |
+| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                          | `"Select a currency"`                                                                         |
+| `demoData`                    | --                               |                                                                                       | `{ loading?: boolean; loadingText?: string; username?: string; }` | `undefined`                                                                                   |
+| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                          | `"Email"`                                                                                     |
+| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                          | `"Enter a valid email"`                                                                       |
+| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                          | `"First name"`                                                                                |
+| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                          | `"Enter a first name"`                                                                        |
+| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                          | `"Step 1 of 4"`                                                                               |
+| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                          | `"Please review your information and try again. If this problem continues, contact Support."` |
+| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                          | `"There was a problem submitting your information"`                                           |
+| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                          | `"I am an individual participant"`                                                            |
+| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                          | `"Last name"`                                                                                 |
+| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                          | `"Enter a last name"`                                                                         |
+| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                          | `"Participant type"`                                                                          |
+| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                          | `"Select a participant type"`                                                                 |
+| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                          | `"Personal Information"`                                                                      |
+| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                          | `"Continue"`                                                                                  |
+| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                          | `"Continue"`                                                                                  |
 
 
 ----------------------------------------------
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 18f28208a9..2d5fcdafdb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -1,14 +1,16 @@
+import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
+import { useState } from "@saasquatch/universal-hooks";
 import { Component, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
-import { userInfoText } from "./defaultTextCopy";
-import { UserInfoFormView } from "./sqm-user-info-form-view";
+import {
+  UserInfoFormView,
+  UserInfoFormViewProps,
+} from "./sqm-user-info-form-view";
 import { useUserInfoForm } from "./useUserInfoForm";
-import { useState } from "@saasquatch/universal-hooks";
-import { isDemo } from "@saasquatch/component-boilerplate";
 
 /**
  * @uiName Tax And Cash
@@ -21,129 +23,128 @@ import { isDemo } from "@saasquatch/component-boilerplate";
 })
 export class TaxForm {
   @State() ignored = true;
-
-  /**
-   * @undocumented
-   * @uiType object
-   */
-  @Prop() demoData?: DemoData<UserNameViewProps>;
   /**
    * Label text for first name input
    * @uiName First name label
    */
   @Prop()
-  firstName: string = userInfoText.firstName;
+  firstName: string = "First name";
   /**
    * Label text for last name input
    * @uiName Last name label
    */
-  @Prop() lastName: string = userInfoText.lastName;
+  @Prop() lastName: string = "Last name";
   /**
    * Label text for email input
    * @uiName Email label
    */
-  @Prop() email: string = userInfoText.email;
+  @Prop() email: string = "Email";
   /**
    * Label text for country input
    * @uiName Country label
    */
-  @Prop() country: string = userInfoText.country;
+  @Prop() country: string = "Country";
   /**
    * Label text for currency input
    * @uiName Currency label
    */
-  @Prop() currency: string = userInfoText.currency;
+  @Prop() currency: string = "Currency";
   /**
    * Label text for tax and banking collection checkbox
    * @uiName Tax and banking label
    */
-  @Prop() allowBankingCollection: string = userInfoText.allowBankingCollection;
+  @Prop() allowBankingCollection: string = "I agree to the terms";
   /**
    * Heading text for the tax and banking collection checkbox
    * @uiName Tax and banking collection checkbox heading
    */
-  @Prop() taxAndBankingCollection: string =
-    userInfoText.taxAndBankingCollection;
+  @Prop() taxAndBankingCollection: string = "Continue";
   /**
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Tax form step text
    */
-  @Prop() formStep: string = userInfoText.formStep;
+  @Prop() formStep: string = "Step 1 of 4";
   /**
    * Heading text shown above the forms inputs.
    * @uiName Form heading text
    */
-  @Prop() personalInformation: string = userInfoText.personalInformation;
+  @Prop() personalInformation: string = "Personal Information";
   /**
    * Label text for the business entity radio button
    * @uiName Business entity radio button label
    */
-  @Prop() businessEntity: string = userInfoText.businessEntity;
+  @Prop() businessEntity: string = "I represent a business entity";
   /**
    * Label text for the individual participant radio button
    * @uiName Individual participant radio button label
    */
-  @Prop() individualParticipant: string = userInfoText.individualParticipant;
+  @Prop() individualParticipant: string = "I am an individual participant";
   /**
    * Heading text for the participant type radio buttons
    * @uiName Participant type radio buttons heading
    */
-  @Prop() participantType: string = userInfoText.participantType;
+  @Prop() participantType: string = "Participant type";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
    */
-  @Prop() submitButton: string = userInfoText.submitButton;
+  @Prop() submitButton: string = "Continue";
   /**
    * Error text shown at the bottom of the first name input
    * @uiName First name input error text
    */
-  @Prop() firstNameError: string = userInfoText.error.firstName;
+  @Prop() firstNameError: string = "Enter a first name";
   /**
    * Error text shown at the bottom of the last name input
    * @uiName Last name input error text
    */
-  @Prop() lastNameError: string = userInfoText.error.lastName;
+  @Prop() lastNameError: string = "Enter a last name";
   /**
    * Error text shown at the bottom of the email input
    * @uiName Email input error text
    */
-  @Prop() emailError: string = userInfoText.error.email;
+  @Prop() emailError: string = "Enter a valid email";
   /**
    * Error text shown at the bottom of the country input
    * @uiName Country input error text
    */
-  @Prop() countryError: string = userInfoText.error.countryCode;
+  @Prop() countryError: string = "Select a country";
   /**
    * Error text shown at the bottom of the currency input
    * @uiName Currency input error text
    */
-  @Prop() currencyError: string = userInfoText.error.currency;
+  @Prop() currencyError: string = "Select a currency";
   /**
    * Error text shown at the bottom of the tax and banking collection checkbox
    * @uiName Tax and banking collection checkbox error text
    */
-  @Prop() allowBankingCollectionError: string =
-    userInfoText.error.allowBankingCollection;
+  @Prop() allowBankingCollectionError: string = "This field is required";
   /**
    * Error text shown at the bottom of the participant type checkbox
    * @uiName Participant type checkbox error text
    */
-  @Prop() participantTypeError: string = userInfoText.error.participantType;
+  @Prop() participantTypeError: string = "Select a participant type";
 
   /**
    * The title for error message shown at the top of the page in an error banner
    *
    * @uiName General error title
    */
-  @Prop() generalErrorTitle: string = userInfoText.error.generalTitle;
+  @Prop() generalErrorTitle: string =
+    "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
    */
   @Prop() generalErrorDescription: string =
-    userInfoText.error.generalDescription;
+    "Please review your information and try again. If this problem continues, contact Support.";
+
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  @Prop() demoData?: DemoData<UserInfoFormViewProps>;
 
   constructor() {
     withHooks(this);
@@ -151,10 +152,26 @@ export class TaxForm {
 
   disconnectedCallback() {}
 
+  getTextProps() {
+    const props = getProps(this);
+    return {
+      ...props,
+      error: {
+        firstName: props.firstNameError,
+        lastName: props.lastNameError,
+        email: props.emailError,
+        countryCode: props.countryError,
+        currency: props.currencyError,
+        allowBankingCollection: props.allowBankingCollectionError,
+        participantType: props.participantTypeError,
+        generalTitle: props.generalErrorTitle,
+        generalDescription: props.generalErrorDescription,
+      },
+    };
+  }
+
   render() {
-    const props = isDemo()
-      ? useDemoUserInfoForm(getProps(this))
-      : useUserInfoForm(getProps(this));
+    const props = isDemo() ? useDemoUserInfoForm(this) : useUserInfoForm(this);
 
     return (
       <Host>
@@ -166,7 +183,6 @@ export class TaxForm {
             onSubmit: props.onSubmit,
             onRadioClick: props.onRadioClick,
           }}
-          //@ts-ignore
           text={props.text}
           refs={props.refs}
         />
@@ -186,18 +202,7 @@ function useDemoUserInfoForm(props: TaxForm) {
       onRadioClick: (value: string) => {
         setParticipantType(value);
       },
-      text: {
-        ...props,
-        error: {
-          firstName: props.firstNameError,
-          lastName: props.lastNameError,
-          email: props.emailError,
-          countryCode: props.countryError,
-          currency: props.currencyError,
-          allowBankingCollection: props.allowBankingCollectionError,
-          participantType: props.participantTypeError,
-        },
-      },
+      text: props.getTextProps(),
       refs: {
         formRef: { current: null },
       },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 68767d214c..ea6715f1a5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -156,18 +156,7 @@ export function useUserInfoForm(props: TaxForm) {
     setStep: setStep,
     onSubmit,
     onRadioClick,
-    text: {
-      ...props,
-      error: {
-        firstName: props.firstNameError,
-        lastName: props.lastNameError,
-        email: props.emailError,
-        countryCode: props.countryError,
-        currency: props.currencyError,
-        allowBankingCollection: props.allowBankingCollectionError,
-        participantType: props.participantTypeError,
-      },
-    },
+    text: props.getTextProps(),
     refs: {
       formRef,
     },
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 27e9df907f..293d4be7ae 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,8 +12,8 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash>
       <template path="/1">
         <sqm-user-info-form />
       </template>
@@ -31,7 +31,7 @@
       <template path="/submitted">
         <sqm-tax-document-submitted />
       </template>
-    </sqm-tax-and-cash>
+    </sqm-tax-and-cash> -->
     <!-- <template path="/4">
         <sqm-cash-form />
       </template> -->

From c4787e2555f117bd3c2b54f9b0379751792db4fd Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 5 Feb 2024 10:46:22 -0800
Subject: [PATCH 139/753] proper demo hook

---
 .../sqm-tax-document-submitted.tsx            | 35 +++++++++++--------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index d9fca8adc4..bdeb648b7a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -8,6 +8,7 @@ import {
 } from "./sqm-tax-document-submitted-view";
 import { useTaxDocumentSubmitted } from "./useTaxDocumentSubmitted";
 import { DemoData } from "../../../global/demo";
+import deepmerge from "deepmerge";
 
 @Component({ tag: "sqm-tax-document-submitted", shadow: true })
 export class TaxDocumentSubmitted {
@@ -199,20 +200,24 @@ export class TaxDocumentSubmitted {
 function useDemoTaxDocumentSubmitted(
   props: TaxDocumentSubmitted
 ): TaxDocumentSubmittedProps {
-  return {
-    states: {
-      dateSubmitted: undefined,
-      documentType: undefined,
-      status: undefined,
-      noFormNeeded: true,
-      dateExpired: undefined,
-      expiresSoon: false,
-      disabled: false,
-      loading: false,
-    },
-    callbacks: {
-      onClick: () => console.debug("check step"),
+  return deepmerge(
+    {
+      states: {
+        dateSubmitted: undefined,
+        documentType: undefined,
+        status: undefined,
+        noFormNeeded: true,
+        dateExpired: undefined,
+        expiresSoon: false,
+        disabled: false,
+        loading: false,
+      },
+      callbacks: {
+        onClick: () => console.debug("check step"),
+      },
+      text: props.getTextProps(),
     },
-    text: props.getTextProps(),
-  };
+    props.demoData || {},
+    { arrayMerge: (_, a) => a }
+  );
 }

From 2ad06a8f9ed4681e297e5ad38cbae8bd3e74febe Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 5 Feb 2024 11:24:40 -0800
Subject: [PATCH 140/753] prerelease 1.8.0-19

---
 packages/mint-components/package-lock.json    |  4 +-
 packages/mint-components/package.json         |  2 +-
 .../tax-and-cash/sqm-user-info-form/readme.md | 50 +++++++++----------
 3 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 3dc5b59c60..01d975332c 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.7.2",
+  "version": "1.8.0-19",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.7.2",
+      "version": "1.8.0-19",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 0d26f79258..ce2fcc1a14 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-18",
+  "version": "1.8.0-19",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index b9161673e3..e34ee4c115 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,31 +7,31 @@
 
 ## Properties
 
-| Property                      | Attribute                        | Description                                                                           | Type                                                              | Default                                                                                       |
-| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                          | `"I agree to the terms"`                                                                      |
-| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                          | `"This field is required"`                                                                    |
-| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                          | `"I represent a business entity"`                                                             |
-| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                          | `"Country"`                                                                                   |
-| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                          | `"Select a country"`                                                                          |
-| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                          | `"Currency"`                                                                                  |
-| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                          | `"Select a currency"`                                                                         |
-| `demoData`                    | --                               |                                                                                       | `{ loading?: boolean; loadingText?: string; username?: string; }` | `undefined`                                                                                   |
-| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                          | `"Email"`                                                                                     |
-| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                          | `"Enter a valid email"`                                                                       |
-| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                          | `"First name"`                                                                                |
-| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                          | `"Enter a first name"`                                                                        |
-| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                          | `"Step 1 of 4"`                                                                               |
-| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                          | `"Please review your information and try again. If this problem continues, contact Support."` |
-| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                          | `"There was a problem submitting your information"`                                           |
-| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                          | `"I am an individual participant"`                                                            |
-| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                          | `"Last name"`                                                                                 |
-| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                          | `"Enter a last name"`                                                                         |
-| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                          | `"Participant type"`                                                                          |
-| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                          | `"Select a participant type"`                                                                 |
-| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                          | `"Personal Information"`                                                                      |
-| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                          | `"Continue"`                                                                                  |
-| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                          | `"Continue"`                                                                                  |
+| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default                                                                                       |
+| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I agree to the terms"`                                                                      |
+| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"This field is required"`                                                                    |
+| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I represent a business entity"`                                                             |
+| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Country"`                                                                                   |
+| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a country"`                                                                          |
+| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Currency"`                                                                                  |
+| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a currency"`                                                                         |
+| `demoData`                    | --                               |                                                                                       | `{ states?: { loading: boolean; disabled: boolean; formState: { firstName?: string; lastName?: string; email?: string; countryCode?: string; currency?: string; allowBankingCollection?: boolean; participantType: "individualParticipant" \| "businessEntity"; errors?: any; error?: string; }; }; data?: { countries: { countryCode: string; displayName: string; }[]; currencies: { currencyCode: string; displayName: string; }[]; }; refs?: { formRef: any; }; text?: { formStep: string; firstName: string; lastName: string; email: string; country: string; currency: string; allowBankingCollection: string; personalInformation: string; individualParticipant: string; businessEntity: string; participantType: string; taxAndBankingCollection: string; submitButton: string; error: { generalTitle: string; generalDescription: string; firstName: string; lastName: string; email: string; countryCode: string; currency: string; allowBankingCollection: string; participantType: string; }; }; }` | `undefined`                                                                                   |
+| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Email"`                                                                                     |
+| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a valid email"`                                                                       |
+| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"First name"`                                                                                |
+| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a first name"`                                                                        |
+| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Step 1 of 4"`                                                                               |
+| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please review your information and try again. If this problem continues, contact Support."` |
+| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"There was a problem submitting your information"`                                           |
+| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I am an individual participant"`                                                            |
+| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Last name"`                                                                                 |
+| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a last name"`                                                                         |
+| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Participant type"`                                                                          |
+| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a participant type"`                                                                 |
+| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Personal Information"`                                                                      |
+| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                  |
+| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                  |
 
 
 ----------------------------------------------

From 279b37dc641696f60bd74d6b1bc39a96b1426a71 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 5 Feb 2024 11:25:29 -0800
Subject: [PATCH 141/753] Refactored DocumentSubmitted stories to call stencil
 components rather than view

---
 .../sqm-tax-document-submitted-view.tsx       |   2 +-
 .../sqm-tax-document-submitted.tsx            |   3 +-
 .../sqm-user-info-form/TaxForm.stories.tsx    | 146 ++++++++++++++----
 3 files changed, 120 insertions(+), 31 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 97a3cdbb34..f14b1a0c80 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -117,7 +117,7 @@ const style = {
   TaxDocSubtext: {
     margin: "0",
     color: "var(--sl-color-neutral-500)",
-    lineHeight: "2px",
+    lineHeight: "var(--sl-spacing-medium)",
   },
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index bdeb648b7a..aa877cc2bd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -185,6 +185,8 @@ export class TaxDocumentSubmitted {
       ? useDemoTaxDocumentSubmitted(this)
       : useTaxDocumentSubmitted(this);
 
+    console.log(props);
+
     return (
       <Host>
         <TaxDocumentSubmittedView
@@ -196,7 +198,6 @@ export class TaxDocumentSubmitted {
     );
   }
 }
-
 function useDemoTaxDocumentSubmitted(
   props: TaxDocumentSubmitted
 ): TaxDocumentSubmittedProps {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 31919a2582..ad2cfac54d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -587,66 +587,154 @@ export const StepThreeFormSelectorWithGeneralError = () => {
 };
 
 export const TaxDocumentSubmittedActive = () => {
-  return <TaxDocumentSubmittedView {...documentSubmittedActiveProps} />;
+  return (
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          disabled: false,
+          status: "ACTIVE",
+          documentType: "W9",
+          dateSubmitted: "Jan 18th, 2025",
+          dateExpired: "Dec 18th, 2025",
+          noFormNeeded: false,
+        },
+      }}
+    ></sqm-tax-document-submitted>
+  );
 };
 
 export const TaxDocumentSubmittedNotVerified = () => {
-  return <TaxDocumentSubmittedView {...documentSubmittedNotVerifiedProps} />;
+  return (
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          disabled: false,
+          status: "NOT_ACTIVE",
+          documentType: "W8-BEN",
+          dateSubmitted: "Jan 18th, 2025",
+          noFormNeeded: false,
+        },
+      }}
+    ></sqm-tax-document-submitted>
+  );
 };
 
 export const TaxDocumentSubmittedNotActive = () => {
-  return <TaxDocumentSubmittedView {...documentSubmittedNotActiveProps} />;
+  return (
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          disabled: false,
+          status: "NOT_ACTIVE",
+          documentType: "W8-BEN-E",
+          dateSubmitted: "Jan 18th, 2025",
+          noFormNeeded: false,
+        },
+      }}
+    ></sqm-tax-document-submitted>
+  );
 };
 
 export const TaxDocumentSubmittedExpired = () => {
-  return <TaxDocumentSubmittedView {...documentSubmittedExpiredProps} />;
+  return (
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          disabled: false,
+          status: "EXPIRED",
+          documentType: "W8-BEN-E",
+          dateSubmitted: "Jan 18th, 2025",
+          dateExpired: "Dec 25th, 2025",
+          noFormNeeded: false,
+        },
+      }}
+    ></sqm-tax-document-submitted>
+  );
 };
 
 export const TaxDocumentSubmittedExpiringSoon = () => {
-  return <TaxDocumentSubmittedView {...documentSubmittedExpiringSoonProps} />;
+  return (
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          disabled: false,
+          status: "ACTIVE",
+          documentType: "W8-BEN-E",
+          dateSubmitted: "Jan 18th, 2025",
+          dateExpired: "Feb 18th, 2025",
+          expiresSoon: true,
+          noFormNeeded: false,
+        },
+      }}
+    ></sqm-tax-document-submitted>
+  );
 };
 
-export const TaxDocumentNotRequired = () => {
+export const TaxDocumentNoFormNeeded = () => {
   return (
-    <TaxDocumentSubmittedView {...documentSubmittedTaxFormNotRequiredProps} />
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          disabled: false,
+          documentType: "W8-BEN-E",
+          dateSubmitted: "Jan 18th, 2025",
+          noFormNeeded: true,
+        },
+      }}
+    ></sqm-tax-document-submitted>
   );
 };
 
 export const TaxDocumentSubmittedLoading = () => {
-  return <TaxDocumentSubmittedView {...documentSubmittedLoadingProps} />;
-};
-
-export const TaxDocumentNotRequiredLoading = () => {
   return (
-    <TaxDocumentSubmittedView
-      {...documentSubmittedTaxFormNotRequiredLoadingProps}
-    />
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          disabled: false,
+          status: "ACTIVE",
+          documentType: "W9",
+          dateSubmitted: "Jan 18th, 2025",
+          dateExpired: "Dec 18th, 2025",
+          noFormNeeded: false,
+          loading: true,
+        },
+      }}
+    ></sqm-tax-document-submitted>
   );
 };
 
-export const TaxDocumentSubmittedWithGeneralError = () => {
+export const TaxDocumentNoFormNeededLoading = () => {
   return (
-    <TaxDocumentSubmittedView
-      {...documentSubmittedActiveProps}
-      states={{
-        ...documentSubmittedActiveProps.states,
-        errors: {
-          general: true,
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          disabled: false,
+          documentType: undefined,
+          noFormNeeded: true,
+          loading: true,
         },
       }}
-    />
+    ></sqm-tax-document-submitted>
   );
 };
 
-export const TaxDocumentSubmittedNoFormNeeded = () => {
+export const TaxDocumentSubmittedWithGeneralError = () => {
   return (
-    <TaxDocumentSubmittedView
-      {...documentSubmittedActiveProps}
-      states={{
-        ...documentSubmittedActiveProps.states,
-        noFormNeeded: true,
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          disabled: false,
+          status: "ACTIVE",
+          documentType: "W9",
+          dateSubmitted: "Jan 18th, 2025",
+          dateExpired: "Dec 18th, 2025",
+          noFormNeeded: false,
+          errors: {
+            general: true,
+          },
+        },
       }}
-    />
+    ></sqm-tax-document-submitted>
   );
 };
 

From cf7c4c59c82ad38829dd99c53ed073f139062f0f Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 5 Feb 2024 14:31:55 -0800
Subject: [PATCH 142/753] spec review updates

---
 packages/mint-components/src/components.d.ts  |  2 ++
 .../PortalRegister.stories.tsx                |  2 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  1 +
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  2 ++
 .../sqm-tax-document-submitted.feature        | 32 +++++++++++--------
 5 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index f457984d47..f4baff7899 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3083,6 +3083,7 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UserNameViewProps>;
+        "step": string;
     }
     interface SqmTaxDocumentSubmitted {
         /**
@@ -7135,6 +7136,7 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UserNameViewProps>;
+        "step"?: string;
     }
     interface SqmTaxDocumentSubmitted {
         /**
diff --git a/packages/mint-components/src/components/sqm-portal-register/PortalRegister.stories.tsx b/packages/mint-components/src/components/sqm-portal-register/PortalRegister.stories.tsx
index 57ec065c22..0b2e910111 100644
--- a/packages/mint-components/src/components/sqm-portal-register/PortalRegister.stories.tsx
+++ b/packages/mint-components/src/components/sqm-portal-register/PortalRegister.stories.tsx
@@ -5,7 +5,7 @@ import {
 } from "./sqm-portal-register-view";
 
 export default {
-  title: "Components/Microstite Register",
+  title: "Components/Microsite Register",
 };
 
 const defaultProps: PortalRegisterViewProps = {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 9205a6748c..e63ae8f903 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -10,6 +10,7 @@
 | Property   | Attribute | Description | Type                                                              | Default     |
 | ---------- | --------- | ----------- | ----------------------------------------------------------------- | ----------- |
 | `demoData` | --        |             | `{ loading?: boolean; loadingText?: string; username?: string; }` | `undefined` |
+| `step`     | `step`    |             | `string`                                                          | `"/1"`      |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index fe004140e7..52be6ba8da 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -24,6 +24,8 @@ import { TAX_CONTEXT_NAMESPACE } from "./data";
 export class TaxAndCash {
   @State() ignored = true;
 
+  @Prop({ attribute: "" }) step: string = "/1";
+
   /**
    * @undocumented
    * @uiType object
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
index d1b7c6600a..7152c1143a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
@@ -1,6 +1,6 @@
 @owner:andy @author:andy
 Feature: Tax Document Submitted View
-        View that informs the user of their Tax Document submission status.
+  View that informs the user of their Tax Document submission status.
 
   Background: A user has submitted their Tax Document
     Given a user is on the Tax Document Submitted view
@@ -22,7 +22,7 @@ Feature: Tax Document Submitted View
     Given the user has submitted a W9/W8-BEN/W8-BEN-E Tax form
     Then the Tax Form header displays "<documentType> Tax Form"
 
-    Examples: 
+    Examples:
       | documentType |
       | W9           |
       | W8-BEN       |
@@ -35,7 +35,7 @@ Feature: Tax Document Submitted View
     Then they see a badge with <status> text and a respective <badgeVariant>
     Then they see a message indicating "<taxStatusMessage> on <dateSubmitted>"
 
-    Examples: 
+    Examples:
       | status       | badgeVariant | taxStatusMessage                                                          | dateSubmitted |
       | ACTIVE       | success      | Submitted on                                                              | Jan 17, 2024  |
       | NOT_VERIFIED | neutral      | Awaiting Review. Submitted on                                             | Jan 17, 2024  |
@@ -51,23 +51,29 @@ Feature: Tax Document Submitted View
 
   @minutia @ui
   Scenario Outline: A Danger Alert is displayed if the users tax form is invalid
-    Given the <status> is "NOT_ACTIVE" or "EXPIRED"
+    Given the document has status <status>
     Then a danger alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> appears
 
-    Examples: 
-      | status     | documentType | taxAlertHeader                                                             | taxAlertMessage                      |
-      | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile. | Please resubmit a new W9 form.       |
-      | EXPIRED    | W8-BEN-E     | Your W8-BEN-E tax form has expired.                                        | Please resubmit a new W8-BEN-E form. |
+    Examples:
+      | status     | documentType | taxAlertHeader                                                                 | taxAlertMessage                      |
+      | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile.     | Please resubmit a new W9 form.       |
+      | NOT_ACTIVE | W8-BEN       | Your W8-BEN tax form has personal information that doesn't match your profile. | Please resubmit a new W8-BEN form.   |
+      | EXPIRED    | W8-BEN-E     | Your W8-BEN-E tax form has expired.                                            | Please resubmit a new W8-BEN-E form. |
 
   @minutia @ui
   Scenario Outline: A Warning Alert is displayed if the users tax form is expiring soon
     Given the <status> is ACTIVE
-    And the <dateExpired> is 30 days away from the current date
-    Then a warning alert indicating the <documentType> with a <taxAlertHeader>, <taxAlertMessage>, and <dateExpired> appears
+    And the document type is <documentType>
+    And the <dateExpired> of the document is within 30 days of the current date
+    Then a warning alert <may> be displayed
+    And it indicates the <documentType> with a <taxAlertHeader>, <taxAlertMessage>, and <dateExpired> appears
+    And
 
-    Examples: 
-      | status | documentType | taxAlertHeader              | dateExpired    | taxAlertMessage                |
-      | ACTIVE | W9           | Your W9 tax form expires on | Dec 30th, 2024 | Please resubmit a new W9 form. |
+    Examples:
+      | status | documentType | may    | taxAlertHeader                    | dateExpired    | taxAlertMessage                      |
+      | ACTIVE | W9           | is not | N/A                               | N/A            | N/A                                  |
+      | ACTIVE | W8-BEN       | may    | Your W8-BEN tax form expires on   | Dec 30th, 2024 | Please resubmit a new W8-BEN form.   |
+      | ACTIVE | W8-BEN-E     | may    | Your W8-BEN-E tax form expires on | Dec 30th, 2024 | Please resubmit a new W8-BEN-E form. |
 
   @unknown
   Scenario: Submit New Tax Document Form

From c05c1fca55f8ae0c29eed40b86da999412b91946 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 5 Feb 2024 14:32:18 -0800
Subject: [PATCH 143/753] Updated specs

---
 .../sqm-document-type-form.feature            |   2 +-
 .../sqm-docusign-form.feature                 |  12 +-
 .../sqm-indirect-tax-form.feature             |  34 +--
 .../sqm-indirect-tax-form.tsx                 |   2 +-
 .../sqm-tax-document-submitted.tsx            |   2 -
 .../tax-and-cash/sqm-tax-form.feature         |  41 +++-
 .../sqm-user-info-form/TaxForm.stories.tsx    | 199 +++++-------------
 7 files changed, 123 insertions(+), 169 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
index e7b0a13371..bc558af651 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
@@ -12,7 +12,7 @@ Feature: Document Type Form
     Then they will be sent back to step 3 with the new <taxFormType> to fillout
 
     Examples: 
-      | taxFormType | <taxFormDescription                                                                                                              |
+      | taxFormType | taxFormDescription                                                                                                               |
       | W9          | For participantsbased in the US, joining the referral program of a US-based company.                                             |
       | W8-BEN      | For individuals residing outside of the US, joining the referral program of a US-based company                                   |
       | W8-BEN-E    | For participants residing outside of the US who represent a business entity, joining the referral prorgram of a US-based company |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index d7ff6bf4f8..298db247b6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -21,7 +21,7 @@ Feature: Docusign Form
   @minutia @ui
   Scenario Outline: Text copies change based on tax form participant fills out
     When they are required to fill out <typeTaxForm>
-    Then the <taxFormSubHeader> displays with "<typeTaxForm>"
+    Then the <taxFormSubHeader> displays with <typeTaxForm>
     And the <taxFormDescriptionCopy> / <changeTaxFormCopy> changes depending on the <typeTaxForm>
 
     Examples: 
@@ -30,6 +30,12 @@ Feature: Docusign Form
       | W8-BEN      | W8-BEN Tax Form   | Individuals residing outside of the US, joining the referral program of a US-based cmpany, need to submit a W8-BEN form. | Represent a business entity or you're based in the US?           |
       | W8-BEN-E    | W8-BEN-E Tax Form | Participants residing outside of the US who represent a business enttiy need to submit a W8-BEN-E form.                  | Joining this program as an individual or you're based in the US? |
 
+  @minutia
+  Scenario: Participant successfully submits Docusign document and is directed to summary page
+    When they successfully fillout and submit the Docusign document within the iframe
+    And they press "Continue" or refresh the page
+    Then they will be directed to the Document Submitted page
+
   @minutia
   Scenario: Docusign iframe is loading
     When the Docusign iframe is loading the Tax Form
@@ -57,5 +63,7 @@ Feature: Docusign Form
     Then the they are sent back to step 2
     And they arrive at the step 2 form with original information initially submitted
 
-  @TODO
+  @minutia
   Scenario: Docusign iframe Fails to load
+    When the Docusign iframe does not load the form successfully
+    Then inside the iframe will display a failed to load error
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 8d3b747a2f..d73ce72c69 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -3,6 +3,7 @@ Feature: Indirect Tax Form
 
   Background: A user has submitted their personal information in Tax Form Step One
     Given a user is on the Indirect Tax Form
+#   Break into 3 specs
 
   @minutia
   Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
@@ -12,7 +13,6 @@ Feature: Indirect Tax Form
     Examples: 
       | country        | option                                                           | inputs                        |
       | Canada         | I am registered for HST in Canada                                | Province, Indirect Tax Number |
-      | United States  | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
       | United Kingdom | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
       | Egypt          | I am not registered for Indirect tax                             | N/A, N/A                      |
 
@@ -22,20 +22,13 @@ Feature: Indirect Tax Form
     Then A Province select appears with the available <provinces>
 
     Examples: 
-      | provinces             |
-      | Ontario               |
-      | Alberta               |
-      | British Columbia      |
-      | Manitoba              |
-      | New Brunswick         |
-      | Newfoundland          |
-      | Nova Scotia           |
-      | Prince Edward Island  |
-      | Quebec                |
-      | Saskatchewan          |
-      | Northwest Territories |
-      | Nunavut               |
-      | Yukon                 |
+      | provinces            |
+      | Ontario              |
+      | New Brunswick        |
+      | Newfoundland         |
+      | Nova Scotia          |
+      | Prince Edward Island |
+# AL: Need to get list of countries
 
   @minutia
   Scenario: The country select displays applicable indirect tax countries from Impacts API
@@ -64,8 +57,8 @@ Feature: Indirect Tax Form
       | UK      | United Kingdom         | Egypt                 |
 
   @minutia @ui
-  Scenario: Participant fills out the Indirect Tax Form with invalid values
-    When they fill out the form with invalid values for the following fields:
+  Scenario: Participant fills out the Indirect Tax Form with invalid or empty values
+    When they fill out the form with invalid or empty for the following fields:
       | Province     | <province>    |
       | Indirect Tax | <indirectTax> |
       | VAT Number   | <vatNumber>   |
@@ -73,6 +66,13 @@ Feature: Indirect Tax Form
       | <province>    | Province is required            |
       | <indirectTax> | Indirect tax number is required |
       | <vatNumber>   | VAT number is required          |
+	#   AL: Add case that handles errors thrown by backend, depends on the backend if they are doing that validation
+
+  @minutia
+  Scenario: Participant is not registered for indirect tax
+    When they select "I am not regisitred for Indirect Tax"
+    Then no inputs will appear
+    And they can press "Continue"
 
   @minutia
   Scenario: Participant decides to go back to step 1
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index b08418518a..b2f0ccfcc7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -177,7 +177,7 @@ export class IndirectTaxForm {
       ? useDemoIndirectTaxForm(this)
       : useIndirectTaxForm(this);
 
-    console.log({ props });
+    console.log(props);
 
     const hstSlot = (
       <IndirectDetailsSlotView
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index aa877cc2bd..79698593d6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -185,8 +185,6 @@ export class TaxDocumentSubmitted {
       ? useDemoTaxDocumentSubmitted(this)
       : useTaxDocumentSubmitted(this);
 
-    console.log(props);
-
     return (
       <Host>
         <TaxDocumentSubmittedView
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 3e164a4e30..a971f66f78 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -29,12 +29,45 @@ Feature: Tax Form Flow
       | firstName | lastName | email                  | countryCode | brandCountry | currency | participantType       | allowBankingCollection | option                                                           | stepX |
       | Bob       | Johnson  | bob.johnson@email.com  | CA          | US           | CAD      | businessEntity        | true                   | I am registered for HST in Canada                                |     3 |
       | Jane      | Moe      | jane.moe@email.com     | CA          | MX           | CAD      | individualParticipant | true                   | I am registered for HST in Canada                                |     4 |
-      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region |     3 |
-      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | businessEntity        | true                   | I am registered for Indirect Tax in a different Country / Region |     3 |
+      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | individualParticipant | true                   | I am not registered for Indirect Tax                             |     4 |
+      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | businessEntity        | true                   | I am not registered for Indirect Tax                             |     4 |
       | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region |     3 |
       | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region |     4 |
       | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | businessEntity        | true                   | I am not registered for Indirect Tax                             |     3 |
-      | Pam       | Herd     | pam.herd@email.com     | EG          | MX           | BMD      | businessEntity        | true                   | I am not registered for Indirect Tax                             |     4 |
+
+  @minutia
+  Scenario: Participant is already registered as partner, provides indirect tax information, and submit their tax forms
+    Given the they are already registered as a partner
+    Then step 1 displays a banner with "An account with this email already exists with our referral program provider, impact.com" notifying that they are a partner
+    And the following fields are pre-filled:
+      | First Name       |
+      | Last Name        |
+      | Email            |
+      | Country Code     |
+      | Currency         |
+      | Participant Type |
+    And they check "Allow Banking Collection"
+    And press "Continue"
+    Then they proceed to step 2
+    And they see three options
+      | I am registered for HST in Canada                                |
+      | I am registered for Indirect Tax in a different Country / Region |
+      | I am not registered for Indirect Tax                             |
+    But <option> is selected by default
+    And the <fields> are pre-filled
+    And press "Continue"
+    Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
+
+    Examples: 
+      | countryCode | brandCountry | currency | participantType       | allowBankingCollection | option                                                           | fields                        | stepX |
+      | CA          | US           | CAD      | businessEntity        | true                   | I am registered for HST in Canada                                | Province, Indirect Tax Number |     3 |
+      | CA          | MX           | CAD      | individualParticipant | true                   | I am registered for HST in Canada                                | Province, Indirect Tax Number |     4 |
+      | US          | CA           | USD      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | N/A                           |     3 |
+      | US          | MX           | USD      | businessEntity        | true                   | I am registered for Indirect Tax in a different Country / Region | N/A                           |     3 |
+      | UK          | US           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |     3 |
+      | UK          | MX           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |     3 |
+      | EG          | US           | EGP      | businessEntity        | true                   | I am not registered for Indirect Tax                             | Country, VAT Number           |     3 |
+      | EG          | MX           | BMD      | businessEntity        | true                   | I am not registered for Indirect Tax                             | N/A                           |     4 |
 
   @minutia
   Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
@@ -45,7 +78,7 @@ Feature: Tax Form Flow
     Examples: 
       | country | option                                                           | inputs                        |
       | CA      | I am registered for HST in Canada                                | Province, Indirect Tax Number |
-      | US      | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
+      | US      | I am not registered for Indirect tax                             | N/A                           |
       | UK      | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
       | EG      | I am not registered for Indirect tax                             | N/A, N/A                      |
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index ad2cfac54d..4f32ece807 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -117,104 +117,6 @@ const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
   },
 };
 
-const documentSubmittedNotVerifiedProps: TaxDocumentSubmittedProps = {
-  states: {
-    disabled: false,
-    status: "NOT_VERIFIED",
-    documentType: "W9",
-    dateSubmitted: "Jan 18th, 2025",
-  },
-  callbacks: { onClick: () => console.log("Submit new Form") },
-  text: {
-    ...taxFormDocumentSubmittedText,
-  },
-};
-const documentSubmittedNotActiveProps: TaxDocumentSubmittedProps = {
-  states: {
-    disabled: false,
-    status: "NOT_ACTIVE",
-    documentType: "W8-BEN-E",
-    dateSubmitted: "Jan 18th, 2025",
-  },
-  callbacks: { onClick: () => console.log("Submit new Form") },
-  text: {
-    ...taxFormDocumentSubmittedText,
-  },
-};
-
-const documentSubmittedExpiredProps: TaxDocumentSubmittedProps = {
-  states: {
-    disabled: false,
-    status: "EXPIRED",
-    documentType: "W8-BEN-E",
-    dateSubmitted: "Jan 18th, 2025",
-    dateExpired: "Dec 18th, 2025",
-    expiresSoon: true,
-  },
-  callbacks: { onClick: () => console.log("Submit new Form") },
-  text: {
-    ...taxFormDocumentSubmittedText,
-  },
-};
-
-const documentSubmittedExpiringSoonProps: TaxDocumentSubmittedProps = {
-  states: {
-    disabled: false,
-    status: "ACTIVE",
-    documentType: "W8-BEN-E",
-    dateSubmitted: "Jan 18th, 2025",
-    dateExpired: "Feb 18th, 2025",
-    expiresSoon: true,
-  },
-  callbacks: { onClick: () => console.log("Submit new Form") },
-  text: {
-    ...taxFormDocumentSubmittedText,
-  },
-};
-
-const documentSubmittedTaxFormNotRequiredProps: TaxDocumentSubmittedProps = {
-  states: {
-    documentType: undefined,
-    noFormNeeded: true,
-    disabled: false,
-    expiresSoon: true,
-  },
-  callbacks: { onClick: () => console.log("Submit new Form") },
-  text: {
-    ...taxFormDocumentSubmittedText,
-  },
-};
-
-const documentSubmittedTaxFormNotRequiredLoadingProps: TaxDocumentSubmittedProps =
-  {
-    states: {
-      documentType: undefined,
-      noFormNeeded: true,
-      disabled: false,
-      expiresSoon: true,
-      loading: true,
-    },
-    callbacks: { onClick: () => console.log("Submit new Form") },
-    text: {
-      ...taxFormDocumentSubmittedText,
-    },
-  };
-
-const documentSubmittedLoadingProps: TaxDocumentSubmittedProps = {
-  states: {
-    disabled: true,
-    status: "ACTIVE",
-    documentType: "W8-BEN-E",
-    dateSubmitted: "Jan 18th, 2025",
-    noFormNeeded: false,
-    loading: true,
-  },
-  callbacks: { onClick: () => console.log("Submit new Form") },
-  text: {
-    ...taxFormDocumentSubmittedText,
-  },
-};
-
 const docusignFormProps: DocusignFormViewProps = {
   states: {
     documentType: "W9",
@@ -257,59 +159,63 @@ export const StepOne = () => {
 
 export const StepOneLoading = () => {
   return (
-    <UserInfoFormView
-      {...stepOneProps}
-      states={{ ...stepOneProps.states, loading: true }}
-    />
+    <sqm-user-info-form
+      demoData={{
+        states: { ...stepOneProps.states, loading: true },
+      }}
+    ></sqm-user-info-form>
   );
 };
 
 export const StepOneDisabled = () => {
   return (
-    <UserInfoFormView
-      {...stepOneProps}
-      states={{ ...stepOneProps.states, disabled: true }}
-    />
+    <sqm-user-info-form
+      demoData={{
+        states: { ...stepOneProps.states, disabled: true },
+      }}
+    ></sqm-user-info-form>
   );
 };
 
 export const StepOneWithErrors = () => {
   return (
-    <UserInfoFormView
-      {...stepOneProps}
-      states={{
-        ...stepOneProps.states,
-        formState: {
-          ...stepOneProps.states.formState,
-          errors: {
-            firstName: true,
-            lastName: true,
-            email: true,
-            countryCode: true,
-            currency: true,
-            participantType: true,
-            allowBankingCollection: true,
+    <sqm-user-info-form
+      demoData={{
+        states: {
+          ...stepOneProps.states,
+          formState: {
+            ...stepOneProps.states.formState,
+            errors: {
+              firstName: true,
+              lastName: true,
+              email: true,
+              countryCode: true,
+              currency: true,
+              participantType: true,
+              allowBankingCollection: true,
+            },
           },
         },
       }}
-    />
+    ></sqm-user-info-form>
   );
 };
 
 export const StepOneWithGeneralError = () => {
   return (
-    <UserInfoFormView
-      {...stepOneProps}
-      states={{
-        ...stepOneProps.states,
-        formState: {
-          ...stepOneProps.states.formState,
-          errors: {
-            general: true,
+    <sqm-user-info-form
+      demoData={{
+        states: {
+          ...stepOneProps.states,
+          formState: {
+            ...stepOneProps.states.formState,
+            errors: {
+              general: true,
+            },
           },
         },
       }}
-    />
+    ></sqm-user-info-form>
   );
 };
 
@@ -333,25 +239,34 @@ export const StepOneWithGeneralError = () => {
 
 export const StepTwoLoading = () => {
   return (
-    <IndirectTaxFormView
-      {...stepTwoProps}
-      states={{
-        ...stepTwoProps.states,
-        loading: true,
+    <sqm-indirect-tax-form
+      demoData={{
+        states: {
+          ...stepTwoProps.states,
+          loading: true,
+        },
       }}
-    />
+    ></sqm-indirect-tax-form>
+    // <IndirectTaxFormView
+    //   {...stepTwoProps}
+    //   states={{
+    //     ...stepTwoProps.states,
+    //     loading: true,
+    //   }}
+    // />
   );
 };
 
 export const StepTwoDisabled = () => {
   return (
-    <IndirectTaxFormView
-      {...stepTwoProps}
-      states={{
-        ...stepTwoProps.states,
-        disabled: true,
+    <sqm-indirect-tax-form
+      demoData={{
+        states: {
+          ...stepTwoProps.states,
+          disabled: true,
+        },
       }}
-    />
+    ></sqm-indirect-tax-form>
   );
 };
 export const StepTwoWithGeneralError = () => {

From d4af36918182b1eaf715e651aba75fd84264fc5e Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 5 Feb 2024 14:56:03 -0800
Subject: [PATCH 144/753] update indirect tax form hook return value

---
 .../sqm-indirect-tax-form-view.tsx            |  7 +-
 .../sqm-indirect-tax-form.tsx                 | 87 +++++++++----------
 .../useIndirectTaxForm.tsx                    | 38 +++++---
 .../sqm-user-info-form/TaxForm.stories.tsx    | 22 +++--
 4 files changed, 90 insertions(+), 64 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 1f8d519504..80ed2df444 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -9,6 +9,8 @@ export interface IndirectTaxFormViewProps {
       checked: "hstCanada" | "otherRegion" | "notRegistered" | undefined;
       errors?: any;
     };
+  };
+  slots: {
     registeredInCanadaDetailsSlot?: VNode;
     registeredInDifferentCountryDetailsSlot?: VNode;
   };
@@ -127,6 +129,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
     callbacks,
     text,
     refs,
+    slots,
   } = props;
 
   const { classes } = sheet;
@@ -179,7 +182,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
               >
                 {text.hstCanada}
               </sl-checkbox>
-              {states.registeredInCanadaDetailsSlot}
+              {slots.registeredInCanadaDetailsSlot}
               <sl-checkbox
                 exportparts="label: input-label"
                 checked={formState.checked === "otherRegion"}
@@ -190,7 +193,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
               >
                 {text.otherRegion}
               </sl-checkbox>
-              {states.registeredInDifferentCountryDetailsSlot}
+              {slots.registeredInDifferentCountryDetailsSlot}
               <sl-checkbox
                 exportparts="label: input-label"
                 checked={formState.checked === "notRegistered"}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index b08418518a..36355e72c5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -177,55 +177,40 @@ export class IndirectTaxForm {
       ? useDemoIndirectTaxForm(this)
       : useIndirectTaxForm(this);
 
-    console.log({ props });
-
-    const hstSlot = (
+    const registeredInCanadaDetailsSlot = (
       <IndirectDetailsSlotView
         states={{
-          formState: {
-            ...props.formState,
-            errors: props.errors,
-          },
-          loading: props.loading,
-          hide: props.option !== "hstCanada",
+          formState: props.slotProps.formState,
+          hide: props.slotProps.hideHst,
+          loading: props.states.loading,
         }}
-        data={{ countries: props.countries }}
+        data={{ countries: props.data.countries }}
         text={props.text.slotText}
       ></IndirectDetailsSlotView>
     );
 
-    const otherRegionSlot = (
+    const registeredInDifferentCountryDetailsSlot = (
       <OtherRegionSlotView
         states={{
-          hide: props.option !== "otherRegion",
-          formState: {
-            ...props.formState,
-            errors: props.errors,
-          },
-          loading: props.loading,
+          hide: props.slotProps.hideOther,
+          formState: props.slotProps.formState,
+          loading: props.states.loading,
         }}
-        data={{ countries: props.countries }}
-        text={this.getTextProps().slotText}
+        data={{ countries: props.data.countries }}
+        text={props.text.slotText}
       />
     );
 
     return (
       <Host>
         <IndirectTaxFormView
-          callbacks={{
-            onBack: props.onBack,
-            onChange: props.onChange,
-            onSubmit: props.onSubmit,
+          {...props}
+          {...{
+            slots: {
+              registeredInCanadaDetailsSlot,
+              registeredInDifferentCountryDetailsSlot,
+            },
           }}
-          states={{
-            formState: { checked: props.option },
-            loading: props.loading,
-            registeredInCanadaDetailsSlot: hstSlot,
-            registeredInDifferentCountryDetailsSlot: otherRegionSlot,
-            disabled: props.loading,
-          }}
-          text={this.getTextProps()}
-          refs={{ formRef: props.formRef }}
         />
       </Host>
     );
@@ -239,21 +224,31 @@ function useDemoIndirectTaxForm(
   //@ts-ignore
   return deepmerge(
     {
-      loading: false,
-      countries: [{ countryCode: "CA", displayName: "Canada" }],
-      errors: {},
-      onBack: () => {},
-      onSubmit: async () => {},
-      submitDisabled: false,
-      option: option,
-      onChange: setOption,
+      states: {
+        option,
+        disabled: false,
+        loading: false,
+        errors: {},
+        formState: {
+          checked: option,
+        },
+      },
+      callbacks: {
+        onBack: () => {},
+        onSubmit: () => {},
+        onChange: setOption,
+      },
+      data: {
+        countries: [{ displayName: "United Kingdom", countryCode: "UK" }],
+      },
       text: props.getTextProps(),
-      formRef: { current: null },
-      formState: {
-        countryCode: "CA",
-        indirectTaxNumber: "1234",
-        province: "BC",
-        vatNumber: undefined,
+      refs: {
+        formRef: { current: null },
+      },
+      slotProps: {
+        formState: {},
+        hideHst: option !== "hstCanada",
+        hideOther: option !== "otherRegion",
       },
     },
     props.demoData || {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 0fe40e643a..d4dc182a45 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -17,6 +17,8 @@ import {
 } from "../sqm-tax-and-cash/data";
 import { IndirectTaxForm } from "./sqm-indirect-tax-form";
 import { getDocumentType } from "../sqm-tax-document-submitted/useTaxDocumentSubmitted";
+import { UserInfoFormViewProps } from "../sqm-user-info-form/sqm-user-info-form-view";
+import { IndirectTaxFormViewProps } from "./sqm-indirect-tax-form-view";
 
 function getOption(user: UserQuery["user"]) {
   if (!user) return;
@@ -171,17 +173,31 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
   };
 
   return {
-    loading: loading || countriesLoading,
-    countries,
-    errors,
-    onBack,
-    onSubmit,
+    states: {
+      disabled: loading || countriesLoading,
+      loading: loading || countriesLoading,
+      option,
+      errors,
+      formState: {
+        checked: option,
+      },
+    },
+    callbacks: {
+      onBack,
+      onSubmit,
+      onChange: setOption,
+    },
+    data: {
+      countries,
+    },
     text: props.getTextProps(),
-    // submitDisabled: !option,
-    submitDisabled: false,
-    option,
-    onChange: setOption,
-    formRef,
-    formState,
+    refs: {
+      formRef,
+    },
+    slotProps: {
+      formState: { ...formState, errors },
+      hideHst: option !== "hstCanada",
+      hideOther: option !== "otherRegion",
+    },
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index ad2cfac54d..82798ca763 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -101,6 +101,10 @@ const stepTwoProps: IndirectTaxFormViewProps = {
   },
   refs: { formRef: { current: null } },
   text: indirectTaxFormText,
+  slots: {
+    registeredInCanadaDetailsSlot: <div></div>,
+    registeredInDifferentCountryDetailsSlot: <div></div>,
+  },
 };
 
 const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
@@ -375,9 +379,13 @@ export const StepTwoHSTChecked = () => {
   return (
     <IndirectTaxFormView
       {...stepTwoProps}
+      {...{
+        slots: {
+          registeredInCanadaDetailsSlot: <RegisteredInCanada />,
+        },
+      }}
       states={{
         ...stepTwoProps.states,
-        registeredInCanadaDetailsSlot: <RegisteredInCanada />,
         formState: {
           ...stepTwoProps.states.formState,
           checked: "hstCanada",
@@ -391,9 +399,12 @@ export const StepTwoHSTCheckedWithInputErrors = () => {
   return (
     <IndirectTaxFormView
       {...stepTwoProps}
+      slots={{
+        registeredInCanadaDetailsSlot: <RegisteredInCanadaWithErrors />,
+        registeredInDifferentCountryDetailsSlot: <RegisteredInOtherRegion />,
+      }}
       states={{
         ...stepTwoProps.states,
-        registeredInCanadaDetailsSlot: <RegisteredInCanadaWithErrors />,
         formState: {
           ...stepTwoProps.states.formState,
           checked: "hstCanada",
@@ -409,7 +420,6 @@ export const StepTwoOtherRegionChecked = () => {
       {...stepTwoProps}
       states={{
         ...stepTwoProps.states,
-        registeredInDifferentCountryDetailsSlot: <RegisteredInOtherRegion />,
         formState: {
           ...stepTwoProps.states.formState,
           checked: "otherRegion",
@@ -423,11 +433,13 @@ export const StepTwoOtherRegionCheckedWithInputErrors = () => {
   return (
     <IndirectTaxFormView
       {...stepTwoProps}
-      states={{
-        ...stepTwoProps.states,
+      slots={{
         registeredInDifferentCountryDetailsSlot: (
           <RegisteredInOtherRegionWithErrors />
         ),
+      }}
+      states={{
+        ...stepTwoProps.states,
         formState: {
           ...stepTwoProps.states.formState,
           checked: "otherRegion",

From 54ca04ed77fc93cece18497f4d10819fd4f88652 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 5 Feb 2024 14:57:55 -0800
Subject: [PATCH 145/753] Updated specs, added isPartner prop and blue banner
 in user-info-form

---
 packages/mint-components/src/components.d.ts  | 20 +++++++++++++++++++
 .../sqm-indirect-tax-form.feature             |  2 +-
 .../sqm-indirect-tax-form.tsx                 |  2 --
 .../sqm-tax-document-submitted.feature        | 15 +++++++-------
 .../sqm-user-info-form/TaxForm.stories.tsx    | 10 ++--------
 .../sqm-user-info-form/defaultTextCopy.ts     |  2 ++
 .../sqm-user-info-form-view.tsx               | 11 ++++++++++
 .../sqm-user-info-form/sqm-user-info-form.tsx | 15 ++++++++++++++
 .../sqm-user-info-form/useUserInfoForm.tsx    |  2 ++
 9 files changed, 60 insertions(+), 19 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index f4baff7899..7b40d3c28e 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3354,6 +3354,16 @@ export namespace Components {
           * @uiName Individual participant radio button label
          */
         "individualParticipant": string;
+        /**
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+         */
+        "isPartnerAlertDescription": string;
+        /**
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+         */
+        "isPartnerAlertHeader": string;
         /**
           * Label text for last name input
           * @uiName Last name label
@@ -7406,6 +7416,16 @@ declare namespace LocalJSX {
           * @uiName Individual participant radio button label
          */
         "individualParticipant"?: string;
+        /**
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+         */
+        "isPartnerAlertDescription"?: string;
+        /**
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+         */
+        "isPartnerAlertHeader"?: string;
         /**
           * Label text for last name input
           * @uiName Last name label
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index d73ce72c69..965ae33274 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -33,7 +33,7 @@ Feature: Indirect Tax Form
   @minutia
   Scenario: The country select displays applicable indirect tax countries from Impacts API
     When the "I am registered for Indirect Tax in a different Country / Region" option is selected
-    Then A Country select appears with the available countries provided by Impacts API
+    Then A Country select appears with the available countries for indirect tax provided by Impacts API
 
   @minutia @ui
   Scenario Outline: Participant from another country has their country value auto selected
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index b2f0ccfcc7..6f3f969373 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -177,8 +177,6 @@ export class IndirectTaxForm {
       ? useDemoIndirectTaxForm(this)
       : useIndirectTaxForm(this);
 
-    console.log(props);
-
     const hstSlot = (
       <IndirectDetailsSlotView
         states={{
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
index 7152c1143a..30c275a0ef 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
@@ -22,7 +22,7 @@ Feature: Tax Document Submitted View
     Given the user has submitted a W9/W8-BEN/W8-BEN-E Tax form
     Then the Tax Form header displays "<documentType> Tax Form"
 
-    Examples:
+    Examples: 
       | documentType |
       | W9           |
       | W8-BEN       |
@@ -35,7 +35,7 @@ Feature: Tax Document Submitted View
     Then they see a badge with <status> text and a respective <badgeVariant>
     Then they see a message indicating "<taxStatusMessage> on <dateSubmitted>"
 
-    Examples:
+    Examples: 
       | status       | badgeVariant | taxStatusMessage                                                          | dateSubmitted |
       | ACTIVE       | success      | Submitted on                                                              | Jan 17, 2024  |
       | NOT_VERIFIED | neutral      | Awaiting Review. Submitted on                                             | Jan 17, 2024  |
@@ -54,7 +54,7 @@ Feature: Tax Document Submitted View
     Given the document has status <status>
     Then a danger alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> appears
 
-    Examples:
+    Examples: 
       | status     | documentType | taxAlertHeader                                                                 | taxAlertMessage                      |
       | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile.     | Please resubmit a new W9 form.       |
       | NOT_ACTIVE | W8-BEN       | Your W8-BEN tax form has personal information that doesn't match your profile. | Please resubmit a new W8-BEN form.   |
@@ -65,15 +65,14 @@ Feature: Tax Document Submitted View
     Given the <status> is ACTIVE
     And the document type is <documentType>
     And the <dateExpired> of the document is within 30 days of the current date
-    Then a warning alert <may> be displayed
+    Then a warning alert <may> displayed
     And it indicates the <documentType> with a <taxAlertHeader>, <taxAlertMessage>, and <dateExpired> appears
-    And
 
-    Examples:
+    Examples: 
       | status | documentType | may    | taxAlertHeader                    | dateExpired    | taxAlertMessage                      |
       | ACTIVE | W9           | is not | N/A                               | N/A            | N/A                                  |
-      | ACTIVE | W8-BEN       | may    | Your W8-BEN tax form expires on   | Dec 30th, 2024 | Please resubmit a new W8-BEN form.   |
-      | ACTIVE | W8-BEN-E     | may    | Your W8-BEN-E tax form expires on | Dec 30th, 2024 | Please resubmit a new W8-BEN-E form. |
+      | ACTIVE | W8-BEN       | is     | Your W8-BEN tax form expires on   | Dec 30th, 2024 | Please resubmit a new W8-BEN form.   |
+      | ACTIVE | W8-BEN-E     | is     | Your W8-BEN-E tax form expires on | Dec 30th, 2024 | Please resubmit a new W8-BEN-E form. |
 
   @unknown
   Scenario: Submit New Tax Document Form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 4f32ece807..8e73dc1138 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -43,6 +43,7 @@ const stepOneProps: UserInfoFormViewProps = {
   states: {
     loading: false,
     disabled: false,
+    isPartner: true,
 
     formState: {
       firstName: "Bob",
@@ -171,7 +172,7 @@ export const StepOneDisabled = () => {
   return (
     <sqm-user-info-form
       demoData={{
-        states: { ...stepOneProps.states, disabled: true },
+        states: { ...stepOneProps.states, disabled: true, isPartner: true },
       }}
     ></sqm-user-info-form>
   );
@@ -247,13 +248,6 @@ export const StepTwoLoading = () => {
         },
       }}
     ></sqm-indirect-tax-form>
-    // <IndirectTaxFormView
-    //   {...stepTwoProps}
-    //   states={{
-    //     ...stepTwoProps.states,
-    //     loading: true,
-    //   }}
-    // />
   );
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 26e9fc17ba..0b78ac1294 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -23,6 +23,8 @@ export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
 
 export const userInfoText: UserInfoFormViewProps["text"] = {
   firstName: "First name",
+  isPartnerAlertHeader: "dsadas",
+  isPartnerAlertDescription: "dsadas",
   lastName: "Last name",
   email: "Email",
   country: "Country",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 25628a2c11..4ea744e6bd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -5,6 +5,7 @@ export interface UserInfoFormViewProps {
   states: {
     loading: boolean;
     disabled: boolean;
+    isPartner: boolean;
     formState: {
       firstName?: string;
       lastName?: string;
@@ -45,6 +46,8 @@ export interface UserInfoFormViewProps {
     participantType: string;
     taxAndBankingCollection: string;
     submitButton: string;
+    isPartnerAlertHeader: string;
+    isPartnerAlertDescription: string;
     error: {
       generalTitle: string;
       generalDescription: string;
@@ -192,6 +195,14 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
           {text.error.generalDescription}
         </sl-alert>
       )}
+      {states.isPartner && (
+        <sl-alert type="primary" open class={sheet.classes.AlertContainer}>
+          <sl-icon slot="icon" name="info-circle"></sl-icon>
+          <strong>{text.error.generalTitle}</strong>
+          <br />
+          {text.error.generalDescription}
+        </sl-alert>
+      )}
       {states.loading ? (
         <sl-spinner style={{ fontSize: "50px", margin: "40px" }}></sl-spinner>
       ) : (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 2d5fcdafdb..3c51946edb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -125,6 +125,20 @@ export class TaxForm {
    */
   @Prop() participantTypeError: string = "Select a participant type";
 
+  /**
+   * Alert header text shown in alert if user is already a registered partner
+   * @uiName Participant is partner title
+   */
+  @Prop() isPartnerAlertHeader: string =
+    "An account with this email already exists with our referral program provider, impact.com";
+
+  /**
+   * Alert description text shown in alert if user is already a registered partner
+   * @uiName Participant is partner description
+   */
+  @Prop() isPartnerAlertDescription: string =
+    "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.";
+
   /**
    * The title for error message shown at the top of the page in an error banner
    *
@@ -214,6 +228,7 @@ function useDemoUserInfoForm(props: TaxForm) {
         disabled: false,
         formState: { participantType },
         loading: false,
+        isPartner: false,
       },
     },
     props.demoData || {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index ea6715f1a5..f9e7887beb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -167,6 +167,8 @@ export function useUserInfoForm(props: TaxForm) {
     states: {
       disabled: loading,
       loading: loading || mutationLoading,
+      //AL: TODO hook up if user is partner
+      isPartner: true,
       formState: { ...formState },
     },
   };

From 0bcf1d466218e853ea0726864845b040cdb8dd72 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 5 Feb 2024 14:59:20 -0800
Subject: [PATCH 146/753] better indirect tax props

---
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 36355e72c5..287d394844 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -204,12 +204,13 @@ export class IndirectTaxForm {
     return (
       <Host>
         <IndirectTaxFormView
-          {...props}
-          {...{
-            slots: {
-              registeredInCanadaDetailsSlot,
-              registeredInDifferentCountryDetailsSlot,
-            },
+          callbacks={props.callbacks}
+          states={props.states}
+          refs={props.refs}
+          text={props.text}
+          slots={{
+            registeredInCanadaDetailsSlot,
+            registeredInDifferentCountryDetailsSlot,
           }}
         />
       </Host>

From 46927a6cb91fdc659462a3c12602867d78b79f22 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 5 Feb 2024 17:17:05 -0800
Subject: [PATCH 147/753] Refactored TaxForm StepTwo stories. Refactored some
 tax demo hooks. Added isPartner alert in indirect-tax-form-view and isPartner
 state prop

---
 packages/mint-components/src/components.d.ts  |  20 ++
 .../sqm-docusign-form/sqm-docusign-form.tsx   |   4 +-
 .../sqm-indirect-tax-form-view.tsx            |  29 ++-
 .../sqm-indirect-tax-form.tsx                 |  33 +++-
 .../useIndirectTaxForm.tsx                    |   2 +
 .../sqm-user-info-form/TaxForm.stories.tsx    | 180 +++++++++++-------
 .../sqm-user-info-form/defaultTextCopy.ts     |   2 +
 .../sqm-user-info-form-view.tsx               |  20 +-
 .../sqm-user-info-form/useUserInfoForm.tsx    |   2 +-
 9 files changed, 214 insertions(+), 78 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 7b40d3c28e..e73baa2d94 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -776,6 +776,16 @@ export namespace Components {
           * @uiName Indirect Tax Number error text
          */
         "indirectTaxNumberError": string;
+        /**
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+         */
+        "isPartnerAlertDescription": string;
+        /**
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+         */
+        "isPartnerAlertHeader": string;
         /**
           * Label text for the not registered radio button
           * @uiName Not registered radio button label
@@ -4863,6 +4873,16 @@ declare namespace LocalJSX {
           * @uiName Indirect Tax Number error text
          */
         "indirectTaxNumberError"?: string;
+        /**
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+         */
+        "isPartnerAlertDescription"?: string;
+        /**
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+         */
+        "isPartnerAlertHeader"?: string;
         /**
           * Label text for the not registered radio button
           * @uiName Not registered radio button label
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 0d03391c5c..84683a783c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -122,9 +122,11 @@ export class DocusignForm {
 
   render() {
     const props = isDemo()
-      ? useDocusignFormDemo(this)
+      ? useDocusignFormDemo(getProps(this))
       : useDocusignForm(this, this.el);
 
+    console.log(props);
+
     return (
       <Host>
         <DocusignFormView
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 80ed2df444..519501b2eb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -5,6 +5,7 @@ export interface IndirectTaxFormViewProps {
   states: {
     loading: boolean;
     disabled: boolean;
+    isPartner: boolean;
     formState: {
       checked: "hstCanada" | "otherRegion" | "notRegistered" | undefined;
       errors?: any;
@@ -15,7 +16,7 @@ export interface IndirectTaxFormViewProps {
     registeredInDifferentCountryDetailsSlot?: VNode;
   };
   callbacks: {
-    onSubmit: (props: any) => void;
+    onSubmit: (props: any) => Promise<void>;
     onChange: (e) => void;
     onBack: () => void;
   };
@@ -25,6 +26,8 @@ export interface IndirectTaxFormViewProps {
     indirectTaxDescription: string;
     indirectTaxDetails: string;
     indirectTaxDetailsDescription: string;
+    isPartnerAlertHeader: string;
+    isPartnerAlertDescription: string;
     hstCanada: string;
     otherRegion: string;
     notRegistered: string;
@@ -96,6 +99,16 @@ const style = {
       color: "var(--sl-color-danger-500)",
     },
   },
+  PartnerAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-sky-100)",
+      borderTop: "none",
+      padding: "0 16px",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-blue-500)",
+    },
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -134,6 +147,8 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
 
   const { classes } = sheet;
 
+  console.log(states, "states");
+
   return (
     <sl-form
       class={classes.FormWrapper}
@@ -159,6 +174,18 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
             {text.error.generalDescription}
           </sl-alert>
         )}
+        {states.isPartner && (
+          <sl-alert
+            type="primary"
+            open
+            class={sheet.classes.PartnerAlertContainer}
+          >
+            <sl-icon slot="icon" name="info-circle"></sl-icon>
+            <strong>{text.isPartnerAlertHeader}</strong>
+            <br />
+            {text.isPartnerAlertDescription}
+          </sl-alert>
+        )}
         <div>
           <h4>{text.indirectTaxDetails}</h4>
           <p class={classes.DescriptionText}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 287d394844..f9de819aea 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -85,6 +85,20 @@ export class IndirectTaxForm {
    */
   @Prop() indirectTaxNumber: string = "Indirect Tax";
 
+  /**
+   * Alert header text shown in alert if user is already a registered partner
+   * @uiName Participant is partner title
+   */
+  @Prop() isPartnerAlertHeader: string =
+    "An account with this email already exists with our referral program provider, impact.com";
+
+  /**
+   * Alert description text shown in alert if user is already a registered partner
+   * @uiName Participant is partner description
+   */
+  @Prop() isPartnerAlertDescription: string =
+    "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 shown inside of submit button
    * @uiName Submit button text
@@ -177,6 +191,8 @@ export class IndirectTaxForm {
       ? useDemoIndirectTaxForm(this)
       : useIndirectTaxForm(this);
 
+    console.log(props);
+
     const registeredInCanadaDetailsSlot = (
       <IndirectDetailsSlotView
         states={{
@@ -223,15 +239,20 @@ function useDemoIndirectTaxForm(
 ): ReturnType<typeof useIndirectTaxForm> {
   const [option, setOption] = useState(null);
   //@ts-ignore
+  const checked = option || props.demoData.states.formState.checked;
+
+  // @ts-ignore
   return deepmerge(
     {
       states: {
         option,
         disabled: false,
         loading: false,
-        errors: {},
+        //AL: TODO hook up if user is partner
+        isPartner: false,
         formState: {
-          checked: option,
+          checked,
+          errors: props.demoData.states.formState.errors,
         },
       },
       callbacks: {
@@ -247,9 +268,11 @@ function useDemoIndirectTaxForm(
         formRef: { current: null },
       },
       slotProps: {
-        formState: {},
-        hideHst: option !== "hstCanada",
-        hideOther: option !== "otherRegion",
+        formState: {
+          errors: props.demoData.states.formState.errors,
+        },
+        hideHst: checked !== "hstCanada",
+        hideOther: checked !== "otherRegion",
       },
     },
     props.demoData || {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index d4dc182a45..1064bece8c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -176,6 +176,8 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     states: {
       disabled: loading || countriesLoading,
       loading: loading || countriesLoading,
+      //AL: TODO hook up if user is partner
+      isPartner: false,
       option,
       errors,
       formState: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index a33c31db01..11fa3c8bd3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -43,7 +43,7 @@ const stepOneProps: UserInfoFormViewProps = {
   states: {
     loading: false,
     disabled: false,
-    isPartner: true,
+    isPartner: false,
 
     formState: {
       firstName: "Bob",
@@ -72,7 +72,7 @@ const stepOneProps: UserInfoFormViewProps = {
   callbacks: {
     // TODO: fix type
     // @ts-ignore
-    onSubmit: (props: any) => console.log("Submit"),
+    onSubmit: async (props: any) => console.log("Submit"),
     // TODO: fix type
     // @ts-ignore
     onRadioClick: (props: any) => console.log("Radio Click"),
@@ -83,10 +83,11 @@ const stepOneProps: UserInfoFormViewProps = {
   },
 };
 
-const stepTwoProps: IndirectTaxFormViewProps = {
+const stepTwoProps = {
   states: {
     loading: false,
     disabled: false,
+    isPartner: false,
     formState: {
       checked: undefined,
     },
@@ -94,18 +95,18 @@ const stepTwoProps: IndirectTaxFormViewProps = {
   callbacks: {
     // TODO: fix type
     // @ts-ignore
-    onSubmit: (props: any) => console.log("Submit"),
+    onSubmit: async (props: any) => console.log("Submit"),
     // TODO: fix type
     // @ts-ignore
     onChange: (e) => console.log("Submit"),
     onBack: () => console.log("Submit"),
   },
   refs: { formRef: { current: null } },
-  text: indirectTaxFormText,
   slots: {
     registeredInCanadaDetailsSlot: <div></div>,
     registeredInDifferentCountryDetailsSlot: <div></div>,
   },
+  text: indirectTaxFormText,
 };
 
 const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
@@ -173,6 +174,16 @@ export const StepOneLoading = () => {
 };
 
 export const StepOneDisabled = () => {
+  return (
+    <sqm-user-info-form
+      demoData={{
+        states: { ...stepOneProps.states, disabled: true },
+      }}
+    ></sqm-user-info-form>
+  );
+};
+
+export const StepOneIsPartner = () => {
   return (
     <sqm-user-info-form
       demoData={{
@@ -267,109 +278,135 @@ export const StepTwoDisabled = () => {
     ></sqm-indirect-tax-form>
   );
 };
+
+export const StepTwoIsPartner = () => {
+  return (
+    <sqm-indirect-tax-form
+      demoData={{
+        states: {
+          ...stepTwoProps.states,
+          isPartner: true,
+        },
+      }}
+    ></sqm-indirect-tax-form>
+  );
+};
+
 export const StepTwoWithGeneralError = () => {
   return (
-    <IndirectTaxFormView
-      {...stepTwoProps}
-      states={{
-        ...stepTwoProps.states,
-        formState: {
-          ...stepTwoProps.states.formState,
-          errors: {
-            general: true,
+    <sqm-indirect-tax-form
+      demoData={{
+        states: {
+          ...stepTwoProps.states,
+          formState: {
+            ...stepTwoProps.states.formState,
+            errors: {
+              general: true,
+            },
           },
         },
       }}
-    />
+    ></sqm-indirect-tax-form>
   );
 };
 
 export const StepTwoHSTChecked = () => {
   return (
-    <IndirectTaxFormView
-      {...stepTwoProps}
-      {...{
+    <sqm-indirect-tax-form
+      demoData={{
         slots: {
           registeredInCanadaDetailsSlot: <RegisteredInCanada />,
         },
-      }}
-      states={{
-        ...stepTwoProps.states,
-        formState: {
-          ...stepTwoProps.states.formState,
-          checked: "hstCanada",
+        states: {
+          ...stepTwoProps.states,
+          formState: {
+            ...stepTwoProps.states.formState,
+            checked: "hstCanada",
+          },
         },
       }}
-    />
+    ></sqm-indirect-tax-form>
   );
 };
 
 export const StepTwoHSTCheckedWithInputErrors = () => {
   return (
-    <IndirectTaxFormView
-      {...stepTwoProps}
-      slots={{
-        registeredInCanadaDetailsSlot: <RegisteredInCanadaWithErrors />,
-        registeredInDifferentCountryDetailsSlot: <RegisteredInOtherRegion />,
-      }}
-      states={{
-        ...stepTwoProps.states,
-        formState: {
-          ...stepTwoProps.states.formState,
-          checked: "hstCanada",
+    <sqm-indirect-tax-form
+      demoData={{
+        slots: {
+          registeredInCanadaDetailsSlot: <RegisteredInCanadaWithErrors />,
+          registeredInDifferentCountryDetailsSlot: <RegisteredInOtherRegion />,
+        },
+        states: {
+          ...stepTwoProps.states,
+          formState: {
+            ...stepTwoProps.states.formState,
+            checked: "hstCanada",
+            errors: {
+              province: true,
+              indirectTaxNumber: true,
+            },
+          },
         },
       }}
-    />
+    ></sqm-indirect-tax-form>
   );
 };
 
 export const StepTwoOtherRegionChecked = () => {
   return (
-    <IndirectTaxFormView
-      {...stepTwoProps}
-      states={{
-        ...stepTwoProps.states,
-        formState: {
-          ...stepTwoProps.states.formState,
-          checked: "otherRegion",
+    <sqm-indirect-tax-form
+      demoData={{
+        states: {
+          ...stepTwoProps.states,
+          formState: {
+            ...stepTwoProps.states.formState,
+            checked: "otherRegion",
+          },
         },
       }}
-    />
+    ></sqm-indirect-tax-form>
   );
 };
 
 export const StepTwoOtherRegionCheckedWithInputErrors = () => {
   return (
-    <IndirectTaxFormView
-      {...stepTwoProps}
-      slots={{
-        registeredInDifferentCountryDetailsSlot: (
-          <RegisteredInOtherRegionWithErrors />
-        ),
-      }}
-      states={{
-        ...stepTwoProps.states,
-        formState: {
-          ...stepTwoProps.states.formState,
-          checked: "otherRegion",
+    <sqm-indirect-tax-form
+      demoData={{
+        slots: {
+          registeredInDifferentCountryDetailsSlot: (
+            <RegisteredInOtherRegionWithErrors />
+          ),
+        },
+        states: {
+          ...stepTwoProps.states,
+          formState: {
+            ...stepTwoProps.states.formState,
+            checked: "otherRegion",
+            errors: {
+              selectedRegion: true,
+              vatNumber: true,
+            },
+          },
         },
       }}
-    />
+    ></sqm-indirect-tax-form>
   );
 };
 
 export const StepTwoNotRegisteredChecked = () => {
   return (
-    <IndirectTaxFormView
-      {...stepTwoProps}
-      states={{
-        ...stepTwoProps.states,
-        formState: {
-          ...stepTwoProps.states.formState,
-          checked: "notRegistered",
+    <sqm-indirect-tax-form
+      demoData={{
+        states: {
+          ...stepTwoProps.states,
+          formState: {
+            ...stepTwoProps.states.formState,
+            checked: "notRegistered",
+          },
         },
       }}
-    />
+    ></sqm-indirect-tax-form>
   );
 };
 
@@ -377,9 +414,18 @@ export const StepTwoNotRegisteredChecked = () => {
 export const StepThreeWithDocusign = () => {
   // @ts-ignore TODO: fix this
   return (
-    <DocusignFormView {...docusignFormProps}>
+    <sqm-docusign-form
+      demoData={{
+        states: {
+          ...docusignFormProps.states,
+        },
+      }}
+    >
       <div slot="docusign-iframe">Hey</div>
-    </DocusignFormView>
+    </sqm-docusign-form>
+    // <DocusignFormView {...docusignFormProps}>
+    //   <div slot="docusign-iframe">Hey</div>
+    // </DocusignFormView>
   );
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 0b78ac1294..ef36f50080 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -54,6 +54,8 @@ export const userInfoText: UserInfoFormViewProps["text"] = {
 export const indirectTaxFormText: IndirectTaxFormViewProps["text"] = {
   formStep: "Step 2 of 4",
   indirectTax: "Indirect Tax",
+  isPartnerAlertHeader: "dsadas",
+  isPartnerAlertDescription: "dsadas",
   indirectTaxDescription:
     "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.",
   indirectTaxDetails: "Indirect Tax Details",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 4ea744e6bd..345521f8f6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -130,6 +130,16 @@ const style = {
       color: "var(--sl-color-danger-500)",
     },
   },
+  PartnerAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-sky-100)",
+      borderTop: "none",
+      padding: "0 16px",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-blue-500)",
+    },
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -196,11 +206,15 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
         </sl-alert>
       )}
       {states.isPartner && (
-        <sl-alert type="primary" open class={sheet.classes.AlertContainer}>
+        <sl-alert
+          type="primary"
+          open
+          class={sheet.classes.PartnerAlertContainer}
+        >
           <sl-icon slot="icon" name="info-circle"></sl-icon>
-          <strong>{text.error.generalTitle}</strong>
+          <strong>{text.isPartnerAlertHeader}</strong>
           <br />
-          {text.error.generalDescription}
+          {text.isPartnerAlertDescription}
         </sl-alert>
       )}
       {states.loading ? (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index f9e7887beb..9a07f2f433 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -168,7 +168,7 @@ export function useUserInfoForm(props: TaxForm) {
       disabled: loading,
       loading: loading || mutationLoading,
       //AL: TODO hook up if user is partner
-      isPartner: true,
+      isPartner: false,
       formState: { ...formState },
     },
   };

From 8422ad162ebdf2b11d6e26333ad9f1ae597160a8 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 6 Feb 2024 08:16:27 -0800
Subject: [PATCH 148/753] Fix step 2 stories

---
 packages/mint-components/src/components.d.ts  |  6 +--
 .../sqm-indirect-tax-form.tsx                 | 25 +++++------
 .../useIndirectTaxForm.tsx                    |  5 +--
 .../sqm-user-info-form/TaxForm.stories.tsx    | 44 ++++++++-----------
 packages/mint-components/src/global/demo.d.ts |  7 ++-
 5 files changed, 40 insertions(+), 47 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index e73baa2d94..ff7f38b352 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -17,7 +17,7 @@ import { DropdownFieldViewProps } from "./components/sqm-dropdown-field/sqm-drop
 import { EditProfileViewProps } from "./components/sqm-edit-profile/sqm-edit-profile-view";
 import { Spacing } from "./global/mixins";
 import { FunctionalComponent } from "@stencil/core";
-import { IndirectTaxFormViewProps } from "./components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view";
+import { UseIndirectTaxFormResult } from "./components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm";
 import { InputFieldViewProps } from "./components/sqm-input-field/sqm-input-field-view";
 import { EmailRegistrationViewProps } from "./components/views/email-registration-view";
 import { LeaderboardViewProps } from "./components/sqm-leaderboard/sqm-leaderboard-view";
@@ -725,7 +725,7 @@ export namespace Components {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<IndirectTaxFormViewProps>;
+        "demoData"?: DemoData<UseIndirectTaxFormResult>;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Indirect tax form step text
@@ -4822,7 +4822,7 @@ declare namespace LocalJSX {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<IndirectTaxFormViewProps>;
+        "demoData"?: DemoData<UseIndirectTaxFormResult>;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Indirect tax form step text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index f9de819aea..be88838b07 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -13,7 +13,10 @@ import {
   IndirectTaxFormView,
   IndirectTaxFormViewProps,
 } from "./sqm-indirect-tax-form-view";
-import { useIndirectTaxForm } from "./useIndirectTaxForm";
+import {
+  UseIndirectTaxFormResult,
+  useIndirectTaxForm,
+} from "./useIndirectTaxForm";
 
 @Component({
   tag: "sqm-indirect-tax-form",
@@ -153,7 +156,7 @@ export class IndirectTaxForm {
    * @undocumented
    * @uiType object
    */
-  @Prop() demoData?: DemoData<IndirectTaxFormViewProps>;
+  @Prop() demoData?: DemoData<UseIndirectTaxFormResult>;
 
   constructor() {
     withHooks(this);
@@ -197,7 +200,7 @@ export class IndirectTaxForm {
       <IndirectDetailsSlotView
         states={{
           formState: props.slotProps.formState,
-          hide: props.slotProps.hideHst,
+          hide: props.states.formState.checked !== "hstCanada",
           loading: props.states.loading,
         }}
         data={{ countries: props.data.countries }}
@@ -208,7 +211,7 @@ export class IndirectTaxForm {
     const registeredInDifferentCountryDetailsSlot = (
       <OtherRegionSlotView
         states={{
-          hide: props.slotProps.hideOther,
+          hide: props.states.formState.checked !== "otherRegion",
           formState: props.slotProps.formState,
           loading: props.states.loading,
         }}
@@ -238,26 +241,22 @@ function useDemoIndirectTaxForm(
   props: IndirectTaxForm
 ): ReturnType<typeof useIndirectTaxForm> {
   const [option, setOption] = useState(null);
-  //@ts-ignore
-  const checked = option || props.demoData.states.formState.checked;
 
-  // @ts-ignore
   return deepmerge(
     {
       states: {
-        option,
         disabled: false,
         loading: false,
         //AL: TODO hook up if user is partner
         isPartner: false,
+        errors: {},
         formState: {
-          checked,
-          errors: props.demoData.states.formState.errors,
+          checked: option,
         },
       },
       callbacks: {
         onBack: () => {},
-        onSubmit: () => {},
+        onSubmit: async () => {},
         onChange: setOption,
       },
       data: {
@@ -269,10 +268,8 @@ function useDemoIndirectTaxForm(
       },
       slotProps: {
         formState: {
-          errors: props.demoData.states.formState.errors,
+          errors: {},
         },
-        hideHst: checked !== "hstCanada",
-        hideOther: checked !== "otherRegion",
       },
     },
     props.demoData || {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 1064bece8c..f9247dae48 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -178,7 +178,6 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       loading: loading || countriesLoading,
       //AL: TODO hook up if user is partner
       isPartner: false,
-      option,
       errors,
       formState: {
         checked: option,
@@ -198,8 +197,8 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     },
     slotProps: {
       formState: { ...formState, errors },
-      hideHst: option !== "hstCanada",
-      hideOther: option !== "otherRegion",
     },
   };
 }
+
+export type UseIndirectTaxFormResult = ReturnType<typeof useIndirectTaxForm>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 11fa3c8bd3..332d41e4fc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -91,21 +91,18 @@ const stepTwoProps = {
     formState: {
       checked: undefined,
     },
+    errors: {},
   },
   callbacks: {
-    // TODO: fix type
-    // @ts-ignore
-    onSubmit: async (props: any) => console.log("Submit"),
-    // TODO: fix type
-    // @ts-ignore
-    onChange: (e) => console.log("Submit"),
+    onSubmit: async () => console.log("Submit"),
+    onChange: () => console.log("Submit"),
     onBack: () => console.log("Submit"),
   },
   refs: { formRef: { current: null } },
-  slots: {
-    registeredInCanadaDetailsSlot: <div></div>,
-    registeredInDifferentCountryDetailsSlot: <div></div>,
-  },
+  // slots: {
+  //   registeredInCanadaDetailsSlot: <div></div>,
+  //   registeredInDifferentCountryDetailsSlot: <div></div>,
+  // },
   text: indirectTaxFormText,
 };
 
@@ -298,11 +295,11 @@ export const StepTwoWithGeneralError = () => {
       demoData={{
         states: {
           ...stepTwoProps.states,
+          errors: {
+            general: true,
+          },
           formState: {
             ...stepTwoProps.states.formState,
-            errors: {
-              general: true,
-            },
           },
         },
       }}
@@ -314,9 +311,6 @@ export const StepTwoHSTChecked = () => {
   return (
     <sqm-indirect-tax-form
       demoData={{
-        slots: {
-          registeredInCanadaDetailsSlot: <RegisteredInCanada />,
-        },
         states: {
           ...stepTwoProps.states,
           formState: {
@@ -333,15 +327,15 @@ export const StepTwoHSTCheckedWithInputErrors = () => {
   return (
     <sqm-indirect-tax-form
       demoData={{
-        slots: {
-          registeredInCanadaDetailsSlot: <RegisteredInCanadaWithErrors />,
-          registeredInDifferentCountryDetailsSlot: <RegisteredInOtherRegion />,
-        },
         states: {
           ...stepTwoProps.states,
           formState: {
             ...stepTwoProps.states.formState,
             checked: "hstCanada",
+          },
+        },
+        slotProps: {
+          formState: {
             errors: {
               province: true,
               indirectTaxNumber: true,
@@ -373,16 +367,14 @@ export const StepTwoOtherRegionCheckedWithInputErrors = () => {
   return (
     <sqm-indirect-tax-form
       demoData={{
-        slots: {
-          registeredInDifferentCountryDetailsSlot: (
-            <RegisteredInOtherRegionWithErrors />
-          ),
-        },
         states: {
           ...stepTwoProps.states,
           formState: {
-            ...stepTwoProps.states.formState,
             checked: "otherRegion",
+          },
+        },
+        slotProps: {
+          formState: {
             errors: {
               selectedRegion: true,
               vatNumber: true,
diff --git a/packages/mint-components/src/global/demo.d.ts b/packages/mint-components/src/global/demo.d.ts
index 4577cdfc38..a6d3bae726 100644
--- a/packages/mint-components/src/global/demo.d.ts
+++ b/packages/mint-components/src/global/demo.d.ts
@@ -1 +1,6 @@
-export type DemoData<T extends {}> = Partial<Omit<T, "callbacks">>;
\ No newline at end of file
+type DeepPartial<T> = T extends object
+  ? {
+      [K in keyof T]?: DeepPartial<T[K]>;
+    }
+  : T;
+export type DemoData<T extends {}> = Partial<Omit<T, "callbacks">>;

From 6a1afc675c13b6576e546b51ee6d0cc18732cc19 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 6 Feb 2024 08:31:58 -0800
Subject: [PATCH 149/753] Fix stories

---
 packages/mint-components/src/components.d.ts  | 24 +++++-----
 .../sqm-document-type-form.tsx                |  9 ++--
 .../useDocumentTypeForm.tsx                   |  2 +
 .../sqm-docusign-form/sqm-docusign-form.tsx   | 12 ++---
 .../sqm-docusign-form/useDocusignForm.tsx     | 10 ++--
 .../sqm-tax-document-submitted.tsx            |  9 ++--
 .../useTaxDocumentSubmitted.tsx               |  4 ++
 .../sqm-user-info-form/TaxForm.stories.tsx    | 46 +++++++++----------
 .../sqm-user-info-form/sqm-user-info-form.tsx |  6 +--
 .../sqm-user-info-form/useUserInfoForm.tsx    |  2 +
 packages/mint-components/src/global/demo.d.ts |  2 +-
 11 files changed, 70 insertions(+), 56 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index ff7f38b352..c479b6937a 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -11,8 +11,8 @@ import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { UserNameViewProps } from "./components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
 import { CouponCodeViewProps } from "./components/sqm-coupon-code/sqm-coupon-code-view";
-import { DocumentTypeFormViewProps } from "./components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view";
-import { DocusignFormViewProps } from "./components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view";
+import { UseDocumentTypeFormResult } from "./components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm";
+import { UseDocusignFormResult } from "./components/tax-and-cash/sqm-docusign-form/useDocusignForm";
 import { DropdownFieldViewProps } from "./components/sqm-dropdown-field/sqm-dropdown-field-view";
 import { EditProfileViewProps } from "./components/sqm-edit-profile/sqm-edit-profile-view";
 import { Spacing } from "./global/mixins";
@@ -43,8 +43,8 @@ import { ReferralDates } from "./components/sqm-referral-table/useReferralTable"
 import { RewardExchangeViewProps } from "./components/sqm-reward-exchange-list/sqm-reward-exchange-list-view";
 import { ShareButtonViewProps } from "./components/sqm-share-button/sqm-share-button-view";
 import { TaskCardViewProps } from "./components/sqm-task-card/sqm-task-card-view";
-import { TaxDocumentSubmittedProps } from "./components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view";
-import { UserInfoFormViewProps } from "./components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view";
+import { UseTaxDocumentSubmittedResult } from "./components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted";
+import { UseUserInfoFormResult } from "./components/tax-and-cash/sqm-user-info-form/useUserInfoForm";
 import { UserNameViewProps as UserNameViewProps1 } from "./components/sqm-user-name/sqm-user-name-view";
 export namespace Components {
     interface RaisinsPlopTarget {
@@ -298,7 +298,7 @@ export namespace Components {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<DocumentTypeFormViewProps>;
+        "demoData"?: DemoData<UseDocumentTypeFormResult>;
         /**
           * Sub text shown above form selection radio buttons
           * @uiName Tax form selection heading text
@@ -388,7 +388,7 @@ export namespace Components {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<DocusignFormViewProps>;
+        "demoData"?: DemoData<UseDocusignFormResult>;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
@@ -3125,7 +3125,7 @@ export namespace Components {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<TaxDocumentSubmittedProps>;
+        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
@@ -3323,7 +3323,7 @@ export namespace Components {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UserInfoFormViewProps>;
+        "demoData"?: DemoData<UseUserInfoFormResult>;
         /**
           * Label text for email input
           * @uiName Email label
@@ -4395,7 +4395,7 @@ declare namespace LocalJSX {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<DocumentTypeFormViewProps>;
+        "demoData"?: DemoData<UseDocumentTypeFormResult>;
         /**
           * Sub text shown above form selection radio buttons
           * @uiName Tax form selection heading text
@@ -4485,7 +4485,7 @@ declare namespace LocalJSX {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<DocusignFormViewProps>;
+        "demoData"?: DemoData<UseDocusignFormResult>;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
@@ -7198,7 +7198,7 @@ declare namespace LocalJSX {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<TaxDocumentSubmittedProps>;
+        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
@@ -7395,7 +7395,7 @@ declare namespace LocalJSX {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UserInfoFormViewProps>;
+        "demoData"?: DemoData<UseUserInfoFormResult>;
         /**
           * Label text for email input
           * @uiName Email label
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
index 3106a9e81a..afa9c12448 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
@@ -5,7 +5,10 @@ import {
   DocumentTypeFormView,
   DocumentTypeFormViewProps,
 } from "./sqm-document-type-form-view";
-import { useDocumentTypeForm } from "./useDocumentTypeForm";
+import {
+  UseDocumentTypeFormResult,
+  useDocumentTypeForm,
+} from "./useDocumentTypeForm";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { useParent } from "../../../utils/useParentState";
@@ -93,7 +96,7 @@ export class DocumentTypeForm {
    * @undocumented
    * @uiType object
    */
-  @Prop() demoData?: DemoData<DocumentTypeFormViewProps>;
+  @Prop() demoData?: DemoData<UseDocumentTypeFormResult>;
 
   constructor() {
     withHooks(this);
@@ -130,7 +133,7 @@ export class DocumentTypeForm {
 
 function useDemoDocumentTypeForm(
   props: DocumentTypeForm
-): ReturnType<typeof useDocumentTypeForm> {
+): UseDocumentTypeFormResult {
   const [_, setPath] = useParent(TAX_CONTEXT_NAMESPACE);
 
   return deepmerge(
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
index 4428ba3c5f..ae1d086dc9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
@@ -86,3 +86,5 @@ export function useDocumentTypeForm(props: DocumentTypeForm) {
     },
   };
 }
+
+export type UseDocumentTypeFormResult = ReturnType<typeof useDocumentTypeForm>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 84683a783c..bf6f79d292 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -8,7 +8,7 @@ import {
   DocusignFormView,
   DocusignFormViewProps,
 } from "./sqm-docusign-form-view";
-import { useDocusignForm } from "./useDocusignForm";
+import { useDocusignForm, UseDocusignFormResult } from "./useDocusignForm";
 
 /**
  * @uiName Tax And Cash
@@ -99,7 +99,7 @@ export class DocusignForm {
    * @undocumented
    * @uiType object
    */
-  @Prop() demoData?: DemoData<DocusignFormViewProps>;
+  @Prop() demoData?: DemoData<UseDocusignFormResult>;
 
   constructor() {
     withHooks(this);
@@ -122,7 +122,7 @@ export class DocusignForm {
 
   render() {
     const props = isDemo()
-      ? useDocusignFormDemo(getProps(this))
+      ? useDocusignFormDemo(this)
       : useDocusignForm(this, this.el);
 
     console.log(props);
@@ -139,9 +139,7 @@ export class DocusignForm {
   }
 }
 
-function useDocusignFormDemo(
-  props: DocusignForm
-): Partial<DocusignFormViewProps> {
+function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
   return deepmerge(
     {
       text: props.getTextProps(),
@@ -161,7 +159,7 @@ function useDocusignFormDemo(
       },
       callbacks: {
         onShowDocumentType: () => {},
-        onSubmit: () => {},
+        onSubmit: async () => {},
         toggleFormSubmitted: () => {},
         onBack: () => {},
       },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 72381a3873..9174231a9e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -1,3 +1,7 @@
+import {
+  useMutation,
+  useUserIdentity,
+} from "@saasquatch/component-boilerplate";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
@@ -9,10 +13,6 @@ import {
 } from "../sqm-tax-and-cash/data";
 import { TaxDocumentType } from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
 import { DocusignForm } from "./sqm-docusign-form";
-import {
-  useMutation,
-  useUserIdentity,
-} from "@saasquatch/component-boilerplate";
 
 // TODO: Fill out when API is released
 const GET_TAX_DOCUMENT = gql`
@@ -129,3 +129,5 @@ export function useDocusignForm(props: DocusignForm, el: any) {
     text: props.getTextProps(),
   };
 }
+
+export type UseDocusignFormResult = ReturnType<typeof useDocusignForm>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 79698593d6..2a228271aa 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -6,7 +6,10 @@ import {
   TaxDocumentSubmittedProps,
   TaxDocumentSubmittedView,
 } from "./sqm-tax-document-submitted-view";
-import { useTaxDocumentSubmitted } from "./useTaxDocumentSubmitted";
+import {
+  UseTaxDocumentSubmittedResult,
+  useTaxDocumentSubmitted,
+} from "./useTaxDocumentSubmitted";
 import { DemoData } from "../../../global/demo";
 import deepmerge from "deepmerge";
 
@@ -161,7 +164,7 @@ export class TaxDocumentSubmitted {
    * @undocumented
    * @uiType object
    */
-  @Prop() demoData?: DemoData<TaxDocumentSubmittedProps>;
+  @Prop() demoData?: DemoData<UseTaxDocumentSubmittedResult>;
 
   constructor() {
     withHooks(this);
@@ -198,7 +201,7 @@ export class TaxDocumentSubmitted {
 }
 function useDemoTaxDocumentSubmitted(
   props: TaxDocumentSubmitted
-): TaxDocumentSubmittedProps {
+): UseTaxDocumentSubmittedResult {
   return deepmerge(
     {
       states: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 38ad8138ad..65c3f2d0bc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -83,3 +83,7 @@ export const useTaxDocumentSubmitted = (
     text: props.getTextProps(),
   };
 };
+
+export type UseTaxDocumentSubmittedResult = ReturnType<
+  typeof useTaxDocumentSubmitted
+>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 332d41e4fc..88677a73a0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -32,6 +32,10 @@ import {
   UserInfoFormViewProps,
   UserInfoFormView,
 } from "./sqm-user-info-form-view";
+import { UseDocusignFormResult } from "../sqm-docusign-form/useDocusignForm";
+import { DemoData } from "../../../global/demo";
+import { UseDocumentTypeFormResult } from "../sqm-document-type-form/useDocumentTypeForm";
+import { UseTaxDocumentSubmittedResult } from "../sqm-tax-document-submitted/useTaxDocumentSubmitted";
 // import sqmUserInfoSpecs from "./sqm-tax-document-step-1.feature";
 // import sqmIndirectTaxFormSpecs from "../sqm-indirect-tax-form/sqm-indirect-tax-form.feature";
 
@@ -106,7 +110,7 @@ const stepTwoProps = {
   text: indirectTaxFormText,
 };
 
-const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
+const documentSubmittedActiveProps: DemoData<UseTaxDocumentSubmittedResult> = {
   states: {
     disabled: false,
     status: "ACTIVE",
@@ -115,18 +119,16 @@ const documentSubmittedActiveProps: TaxDocumentSubmittedProps = {
     dateExpired: "Dec 18th, 2025",
   },
   callbacks: { onClick: () => console.log("Submit new Form") },
-  text: {
-    ...taxFormDocumentSubmittedText,
-  },
 };
 
-const docusignFormProps: DocusignFormViewProps = {
+const docusignFormProps: DemoData<UseDocusignFormResult> = {
   states: {
     documentType: "W9",
     loading: false,
     disabled: false,
     submitDisabled: false,
     formState: {
+      errors: {},
       completedTaxForm: true,
       taxFormExpired: false,
     },
@@ -134,25 +136,25 @@ const docusignFormProps: DocusignFormViewProps = {
   callbacks: {
     toggleFormSubmitted: () => console.log("Toggle checkbox"),
     onShowDocumentType: () => console.log("To other form"),
-    onSubmit: (props: any) => console.log(props),
+    onSubmit: async () => console.log("submit"),
     onBack: () => console.log("Back"),
   },
-  text: docusignFormText,
 };
 
-const documentTypeFormProps: DocumentTypeFormViewProps = {
+const documentTypeFormProps: DemoData<UseDocumentTypeFormResult> = {
   states: {
     loading: false,
     disabled: false,
     formState: {
+      errors: {},
+      formSubmission: false,
       selectedTaxForm: undefined,
     },
   },
   callbacks: {
-    onSubmit: (props: any) => console.log(props),
+    onSubmit: async () => console.log("Submit"),
     onBack: () => console.log("Back"),
   },
-  text: documentTypeFormText,
 };
 
 // STEP ONE
@@ -404,15 +406,8 @@ export const StepTwoNotRegisteredChecked = () => {
 
 // STEP THREE
 export const StepThreeWithDocusign = () => {
-  // @ts-ignore TODO: fix this
   return (
-    <sqm-docusign-form
-      demoData={{
-        states: {
-          ...docusignFormProps.states,
-        },
-      }}
-    >
+    <sqm-docusign-form demoData={docusignFormProps}>
       <div slot="docusign-iframe">Hey</div>
     </sqm-docusign-form>
     // <DocusignFormView {...docusignFormProps}>
@@ -422,8 +417,8 @@ export const StepThreeWithDocusign = () => {
 };
 
 export const StepThreeDocusignWithGeneralError = () => {
-  // @ts-ignore TODO: fix this
   return (
+    // @ts-ignore TODO: fix this
     <DocusignFormView
       {...docusignFormProps}
       states={{
@@ -440,8 +435,8 @@ export const StepThreeDocusignWithGeneralError = () => {
 };
 
 export const StepThreeDocusignWithFormSubmissionError = () => {
-  // @ts-ignore TODO: fix this
   return (
+    // @ts-ignore TODO: fix this
     <DocusignFormView
       {...docusignFormProps}
       states={{
@@ -459,8 +454,8 @@ export const StepThreeDocusignWithFormSubmissionError = () => {
 };
 
 export const StepThreeDocusignLoading = () => {
-  // @ts-ignore TODO: fix this
   return (
+    // @ts-ignore TODO: fix this
     <DocusignFormView
       {...docusignFormProps}
       states={{
@@ -472,8 +467,8 @@ export const StepThreeDocusignLoading = () => {
 };
 
 export const StepThreeDocusignDisabled = () => {
-  // @ts-ignore TODO: fix this
   return (
+    // @ts-ignore TODO: fix this
     <DocusignFormView
       {...docusignFormProps}
       states={{
@@ -485,8 +480,8 @@ export const StepThreeDocusignDisabled = () => {
 };
 
 export const StepThreeDocusignTimeExpired = () => {
-  // @ts-ignore TODO: fix this
   return (
+    // @ts-ignore TODO: fix this
     <DocusignFormView
       {...docusignFormProps}
       states={{
@@ -501,11 +496,13 @@ export const StepThreeDocusignTimeExpired = () => {
 };
 
 export const StepThreeWithFormSelector = () => {
+  // @ts-ignore: TODO: Fix this
   return <DocumentTypeFormView {...documentTypeFormProps} />;
 };
 
 export const StepThreeWithFormSelectorLoading = () => {
   return (
+    // @ts-ignore: TODO: Fix this
     <DocumentTypeFormView
       {...documentTypeFormProps}
       states={{
@@ -518,6 +515,7 @@ export const StepThreeWithFormSelectorLoading = () => {
 
 export const StepThreeWithFormSelectorDisabled = () => {
   return (
+    // @ts-ignore: TODO: Fix this
     <DocumentTypeFormView
       {...documentTypeFormProps}
       states={{
@@ -530,6 +528,7 @@ export const StepThreeWithFormSelectorDisabled = () => {
 
 export const StepThreeFormSelectorWithGeneralError = () => {
   return (
+    // @ts-ignore: TODO: Fix this
     <DocumentTypeFormView
       {...documentTypeFormProps}
       states={{
@@ -699,6 +698,7 @@ export const TaxDocumentSubmittedWithGeneralError = () => {
 
 export const TaxDocumentSubmittedDisabled = () => {
   return (
+    // @ts-ignore: TODO: Fix this
     <TaxDocumentSubmittedView
       {...documentSubmittedActiveProps}
       states={{
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 3c51946edb..53c0bb9e66 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -10,7 +10,7 @@ import {
   UserInfoFormView,
   UserInfoFormViewProps,
 } from "./sqm-user-info-form-view";
-import { useUserInfoForm } from "./useUserInfoForm";
+import { useUserInfoForm, UseUserInfoFormResult } from "./useUserInfoForm";
 
 /**
  * @uiName Tax And Cash
@@ -158,7 +158,7 @@ export class TaxForm {
    * @undocumented
    * @uiType object
    */
-  @Prop() demoData?: DemoData<UserInfoFormViewProps>;
+  @Prop() demoData?: DemoData<UseUserInfoFormResult>;
 
   constructor() {
     withHooks(this);
@@ -205,7 +205,7 @@ export class TaxForm {
   }
 }
 
-function useDemoUserInfoForm(props: TaxForm) {
+function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
   const [participantType, setParticipantType] = useState(null);
 
   return deepmerge(
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 9a07f2f433..c5130f5d42 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -173,3 +173,5 @@ export function useUserInfoForm(props: TaxForm) {
     },
   };
 }
+
+export type UseUserInfoFormResult = ReturnType<typeof useUserInfoForm>;
diff --git a/packages/mint-components/src/global/demo.d.ts b/packages/mint-components/src/global/demo.d.ts
index a6d3bae726..76b2fc70c8 100644
--- a/packages/mint-components/src/global/demo.d.ts
+++ b/packages/mint-components/src/global/demo.d.ts
@@ -3,4 +3,4 @@ type DeepPartial<T> = T extends object
       [K in keyof T]?: DeepPartial<T[K]>;
     }
   : T;
-export type DemoData<T extends {}> = Partial<Omit<T, "callbacks">>;
+export type DemoData<T extends {}> = Partial<Omit<T, "text">>;

From db5ab12b83728620f9329680dcba4f03dacd9aeb Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 6 Feb 2024 08:39:05 -0800
Subject: [PATCH 150/753] uiNames

---
 .../sqm-document-type-form/sqm-document-type-form.tsx       | 3 +++
 .../tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx    | 5 ++---
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.tsx         | 6 ++++--
 .../sqm-tax-document-submitted.tsx                          | 3 +++
 .../tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx  | 5 ++---
 5 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
index afa9c12448..fc04dd8fad 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
@@ -15,6 +15,9 @@ import { useParent } from "../../../utils/useParentState";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import { isDemo } from "@saasquatch/component-boilerplate";
 
+/**
+ * @uiName Tax Document Type Selection Form
+ */
 @Component({
   tag: "sqm-document-type-form",
   shadow: true,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index bf6f79d292..b30dc42f48 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -11,9 +11,8 @@ import {
 import { useDocusignForm, UseDocusignFormResult } from "./useDocusignForm";
 
 /**
- * @uiName Tax And Cash
- * @exampleGroup Common Components
- * @example User Name Display - <sqm-user-name fallback="Anonymous User" loading-text="..."></sqm-user-name>
+ * @uiName DocuSign Document Submission
+ * @exampleGroup Tax and Cash Components
  */
 @Component({
   tag: "sqm-docusign-form",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index be88838b07..ea8ad0810a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -18,6 +18,10 @@ import {
   useIndirectTaxForm,
 } from "./useIndirectTaxForm";
 
+/**
+ * @uiName Indirect Tax Form
+ * @exampleGroup Tax and Cash Components
+ */
 @Component({
   tag: "sqm-indirect-tax-form",
   shadow: true,
@@ -194,8 +198,6 @@ export class IndirectTaxForm {
       ? useDemoIndirectTaxForm(this)
       : useIndirectTaxForm(this);
 
-    console.log(props);
-
     const registeredInCanadaDetailsSlot = (
       <IndirectDetailsSlotView
         states={{
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 2a228271aa..a1215fb4d7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -13,6 +13,9 @@ import {
 import { DemoData } from "../../../global/demo";
 import deepmerge from "deepmerge";
 
+/**
+ * @uiName Tax and Cash Status Dashboard
+ */
 @Component({ tag: "sqm-tax-document-submitted", shadow: true })
 export class TaxDocumentSubmitted {
   /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 53c0bb9e66..9071c50c46 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -13,9 +13,8 @@ import {
 import { useUserInfoForm, UseUserInfoFormResult } from "./useUserInfoForm";
 
 /**
- * @uiName Tax And Cash
- * @exampleGroup Common Components
- * @example User Name Display - <sqm-user-name fallback="Anonymous User" loading-text="..."></sqm-user-name>
+ * @uiName User Information Form
+ * @exampleGroup Tax and Cash Components
  */
 @Component({
   tag: "sqm-user-info-form",

From 7597e7ff29e726db8349ec18112fb1b210873eaa Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 6 Feb 2024 09:05:33 -0800
Subject: [PATCH 151/753] demo hook for tax and cash component

---
 packages/mint-components/src/components.d.ts             | 2 --
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx   | 8 ++------
 .../sqm-tax-document-submitted.tsx                       | 9 +++------
 3 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index c479b6937a..6cf564159a 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3093,7 +3093,6 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UserNameViewProps>;
-        "step": string;
     }
     interface SqmTaxDocumentSubmitted {
         /**
@@ -7166,7 +7165,6 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UserNameViewProps>;
-        "step"?: string;
     }
     interface SqmTaxDocumentSubmitted {
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 52be6ba8da..2e853a42cb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -14,8 +14,7 @@ import { TAX_CONTEXT_NAMESPACE } from "./data";
 
 /**
  * @uiName Tax And Cash
- * @exampleGroup Common Components
- * @example User Name Display - <sqm-user-name fallback="Anonymous User" loading-text="..."></sqm-user-name>
+ * @exampleGroup Tax and Cash Components
  */
 @Component({
   tag: "sqm-tax-and-cash",
@@ -24,8 +23,6 @@ import { TAX_CONTEXT_NAMESPACE } from "./data";
 export class TaxAndCash {
   @State() ignored = true;
 
-  @Prop({ attribute: "" }) step: string = "/1";
-
   /**
    * @undocumented
    * @uiType object
@@ -39,8 +36,7 @@ export class TaxAndCash {
   disconnectedCallback() {}
 
   render() {
-    // const props = isDemo() ? useTaxAndCashDemo(this) : useTaxAndCash();
-    const props = useTaxAndCash();
+    const props = isDemo() ? useTaxAndCashDemo(this) : useTaxAndCash();
 
     console.log({ props, step: props.step, isDemo: isDemo() });
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index a1215fb4d7..fd3bf09810 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -1,17 +1,14 @@
 import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Host, Prop, h } from "@stencil/core";
+import deepmerge from "deepmerge";
+import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
-import {
-  TaxDocumentSubmittedProps,
-  TaxDocumentSubmittedView,
-} from "./sqm-tax-document-submitted-view";
+import { TaxDocumentSubmittedView } from "./sqm-tax-document-submitted-view";
 import {
   UseTaxDocumentSubmittedResult,
   useTaxDocumentSubmitted,
 } from "./useTaxDocumentSubmitted";
-import { DemoData } from "../../../global/demo";
-import deepmerge from "deepmerge";
 
 /**
  * @uiName Tax and Cash Status Dashboard

From cb3bc358e5a2d80a7daaf043843d51e755768f91 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 6 Feb 2024 10:26:28 -0800
Subject: [PATCH 152/753] Finished refactoring TaxForm stories, added ternary
 in user-info-form

---
 .../sqm-docusign-form/sqm-docusign-form.tsx   |   2 -
 .../sqm-user-info-form/TaxForm.stories.tsx    | 173 +++++++++---------
 .../sqm-user-info-form-view.tsx               |   4 +-
 3 files changed, 90 insertions(+), 89 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index b30dc42f48..ec600bcdfe 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -124,8 +124,6 @@ export class DocusignForm {
       ? useDocusignFormDemo(this)
       : useDocusignForm(this, this.el);
 
-    console.log(props);
-
     return (
       <Host>
         <DocusignFormView
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 88677a73a0..b64d5dd852 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -407,140 +407,140 @@ export const StepTwoNotRegisteredChecked = () => {
 // STEP THREE
 export const StepThreeWithDocusign = () => {
   return (
-    <sqm-docusign-form demoData={docusignFormProps}>
+    <sqm-docusign-form
+      demoData={{
+        states: {
+          ...docusignFormProps.states,
+        },
+      }}
+    >
       <div slot="docusign-iframe">Hey</div>
     </sqm-docusign-form>
-    // <DocusignFormView {...docusignFormProps}>
-    //   <div slot="docusign-iframe">Hey</div>
-    // </DocusignFormView>
   );
 };
 
 export const StepThreeDocusignWithGeneralError = () => {
   return (
-    // @ts-ignore TODO: fix this
-    <DocusignFormView
-      {...docusignFormProps}
-      states={{
-        ...docusignFormProps.states,
-        formState: {
-          ...docusignFormProps.states.formState,
-          errors: {
-            general: true,
+    <sqm-docusign-form
+      demoData={{
+        states: {
+          ...docusignFormProps.states,
+          formState: {
+            ...docusignFormProps.states.formState,
+            errors: {
+              general: true,
+            },
           },
         },
       }}
-    />
+    >
+      <div slot="docusign-iframe">Hey</div>
+    </sqm-docusign-form>
   );
 };
 
 export const StepThreeDocusignWithFormSubmissionError = () => {
   return (
-    // @ts-ignore TODO: fix this
-    <DocusignFormView
-      {...docusignFormProps}
-      states={{
-        ...docusignFormProps.states,
-        formState: {
-          ...docusignFormProps.states.formState,
-          completedTaxForm: false,
-          errors: {
-            formSubmission: true,
+    <sqm-docusign-form
+      demoData={{
+        states: {
+          ...docusignFormProps.states,
+          formState: {
+            ...docusignFormProps.states.formState,
+            completedTaxForm: false,
+            errors: {
+              formSubmission: true,
+            },
           },
         },
       }}
-    />
+    >
+      <div slot="docusign-iframe">Hey</div>
+    </sqm-docusign-form>
   );
 };
 
 export const StepThreeDocusignLoading = () => {
   return (
-    // @ts-ignore TODO: fix this
-    <DocusignFormView
-      {...docusignFormProps}
-      states={{
-        ...docusignFormProps.states,
-        loading: true,
+    <sqm-docusign-form
+      demoData={{
+        states: {
+          ...docusignFormProps.states,
+          loading: true,
+        },
       }}
-    />
+    >
+      <div slot="docusign-iframe">Hey</div>
+    </sqm-docusign-form>
   );
 };
 
 export const StepThreeDocusignDisabled = () => {
   return (
-    // @ts-ignore TODO: fix this
-    <DocusignFormView
-      {...docusignFormProps}
-      states={{
-        ...docusignFormProps.states,
-        disabled: true,
+    <sqm-docusign-form
+      demoData={{
+        states: {
+          ...docusignFormProps.states,
+          disabled: true,
+        },
       }}
-    />
+    ></sqm-docusign-form>
   );
 };
 
-export const StepThreeDocusignTimeExpired = () => {
+export const StepThreeWithFormSelector = () => {
   return (
-    // @ts-ignore TODO: fix this
-    <DocusignFormView
-      {...docusignFormProps}
-      states={{
-        ...docusignFormProps.states,
-        formState: {
-          ...docusignFormProps.states.formState,
-          taxFormExpired: true,
+    <sqm-document-type-form
+      demoData={{
+        states: {
+          ...documentTypeFormProps.states,
         },
       }}
-    />
+    ></sqm-document-type-form>
   );
 };
 
-export const StepThreeWithFormSelector = () => {
-  // @ts-ignore: TODO: Fix this
-  return <DocumentTypeFormView {...documentTypeFormProps} />;
-};
-
 export const StepThreeWithFormSelectorLoading = () => {
   return (
-    // @ts-ignore: TODO: Fix this
-    <DocumentTypeFormView
-      {...documentTypeFormProps}
-      states={{
-        ...documentTypeFormProps.states,
-        loading: true,
+    <sqm-document-type-form
+      demoData={{
+        states: {
+          ...documentTypeFormProps.states,
+          loading: true,
+        },
       }}
-    />
+    ></sqm-document-type-form>
   );
 };
 
 export const StepThreeWithFormSelectorDisabled = () => {
   return (
-    // @ts-ignore: TODO: Fix this
-    <DocumentTypeFormView
-      {...documentTypeFormProps}
-      states={{
-        ...documentTypeFormProps.states,
-        disabled: true,
+    <sqm-document-type-form
+      demoData={{
+        states: {
+          ...documentTypeFormProps.states,
+          disabled: true,
+        },
       }}
-    />
+    ></sqm-document-type-form>
   );
 };
 
 export const StepThreeFormSelectorWithGeneralError = () => {
   return (
-    // @ts-ignore: TODO: Fix this
-    <DocumentTypeFormView
-      {...documentTypeFormProps}
-      states={{
-        ...documentTypeFormProps.states,
-        formState: {
-          ...documentTypeFormProps.states.formState,
-          errors: {
-            general: true,
+    <sqm-document-type-form
+      demoData={{
+        states: {
+          ...documentTypeFormProps.states,
+          formState: {
+            ...documentTypeFormProps.states.formState,
+            errors: {
+              general: true,
+            },
           },
         },
       }}
-    />
+    ></sqm-document-type-form>
   );
 };
 
@@ -698,13 +698,16 @@ export const TaxDocumentSubmittedWithGeneralError = () => {
 
 export const TaxDocumentSubmittedDisabled = () => {
   return (
-    // @ts-ignore: TODO: Fix this
-    <TaxDocumentSubmittedView
-      {...documentSubmittedActiveProps}
-      states={{
-        ...documentSubmittedActiveProps.states,
-        disabled: true,
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          disabled: true,
+          status: "NOT_ACTIVE",
+          documentType: "W8-BEN",
+          dateSubmitted: "Jan 18th, 2025",
+          noFormNeeded: false,
+        },
       }}
-    />
+    ></sqm-tax-document-submitted>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 345521f8f6..77974f30c0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -343,7 +343,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                 onSl-change={(e) => {
                   e.target.value = e.target.checked;
                 }}
-                disabled={states.disabled}
+                disabled={states.isPartner ? false : states.disabled}
                 required
                 value={formState.allowBankingCollection}
                 id="allowBankingCollection"
@@ -360,7 +360,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
           </div>
           <sl-button
             type="primary"
-            disabled={states.disabled}
+            disabled={states.isPartner ? false : states.disabled}
             loading={states.loading}
             submit
             exportparts="base: primarybutton-base"

From 7735dda9aa6d39cf43a6627e41d1a416c3b89c4a Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 6 Feb 2024 10:57:31 -0800
Subject: [PATCH 153/753] prerelease 1.8.0-20

---
 packages/mint-components/package.json         |  2 +-
 .../src/components/sqm-asset-card/readme.md   | 10 +--
 .../src/components/sqm-big-stat/readme.md     |  2 +-
 .../sqm-docusign-embed/sqm-docusign-embed.tsx |  3 +
 .../src/components/sqm-stencilbook/readme.md  |  8 +++
 .../sqm-document-type-form/readme.md          | 32 ++++-----
 .../tax-and-cash/sqm-docusign-form/readme.md  | 47 ++++++++-----
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  1 +
 .../sqm-indirect-tax-form/readme.md           | 65 +++++++++++-------
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  1 -
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 21 +++---
 .../sqm-tax-document-submitted/readme.md      | 63 ++++++++++-------
 .../sqm-user-info-form/TaxForm.stories.tsx    | 27 ++++----
 .../tax-and-cash/sqm-user-info-form/readme.md | 67 ++++++++++++-------
 packages/mint-components/src/global/demo.d.ts |  8 +--
 packages/mint-components/src/index.html       |  6 +-
 16 files changed, 215 insertions(+), 148 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index ce2fcc1a14..d004783f9a 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-19",
+  "version": "1.8.0-20",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-asset-card/readme.md b/packages/mint-components/src/components/sqm-asset-card/readme.md
index fc56c3a150..bae1dd3ddb 100644
--- a/packages/mint-components/src/components/sqm-asset-card/readme.md
+++ b/packages/mint-components/src/components/sqm-asset-card/readme.md
@@ -7,11 +7,11 @@
 
 ## Properties
 
-| Property    | Attribute    | Description | Type                                                  | Default     |
-| ----------- | ------------ | ----------- | ----------------------------------------------------- | ----------- |
-| `demoData`  | --           |             | `{ text?: { titleText: string; }; imgUrl?: string; }` | `undefined` |
-| `imgUrl`    | `img-url`    |             | `string`                                              | `undefined` |
-| `titleText` | `title-text` |             | `string`                                              | `undefined` |
+| Property    | Attribute    | Description | Type                   | Default     |
+| ----------- | ------------ | ----------- | ---------------------- | ----------- |
+| `demoData`  | --           |             | `{ imgUrl?: string; }` | `undefined` |
+| `imgUrl`    | `img-url`    |             | `string`               | `undefined` |
+| `titleText` | `title-text` |             | `string`               | `undefined` |
 
 
 ----------------------------------------------
diff --git a/packages/mint-components/src/components/sqm-big-stat/readme.md b/packages/mint-components/src/components/sqm-big-stat/readme.md
index e228e2cb85..452c413eec 100644
--- a/packages/mint-components/src/components/sqm-big-stat/readme.md
+++ b/packages/mint-components/src/components/sqm-big-stat/readme.md
@@ -10,7 +10,7 @@
 | Property      | Attribute      | Description                                                                                                 | Type                                                                                                                                              | Default     |
 | ------------- | -------------- | ----------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
 | `alignment`   | `alignment`    | Controls the alignment of the flexbox                                                                       | `"center" \| "left" \| "right"`                                                                                                                   | `undefined` |
-| `demoData`    | --             |                                                                                                             | `{ value?: number; statvalue?: string; loading?: boolean; flexReverse?: boolean; alignment?: "left" \| "right" \| "center"; labelSlot?: VNode; }` | `undefined` |
+| `demoData`    | --             |                                                                                                             | `{ loading?: boolean; value?: number; statvalue?: string; flexReverse?: boolean; alignment?: "left" \| "right" \| "center"; labelSlot?: VNode; }` | `undefined` |
 | `flexReverse` | `flex-reverse` | Controls the order of the stat value & description column                                                   | `boolean`                                                                                                                                         | `false`     |
 | `programId`   | `program-id`   | The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified. | `string`                                                                                                                                          | `undefined` |
 | `statType`    | `stat-type`    | Select what type of stat to display. Manual paths are also supported.                                       | `string`                                                                                                                                          | `undefined` |
diff --git a/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx b/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
index f883fd6526..c7834a1fee 100644
--- a/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
+++ b/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
@@ -6,6 +6,9 @@ declare global {
   }
 }
 
+/**
+ * @uiName DocuSign Embedded IFrame
+ */
 @Component({
   tag: "sqm-docusign-embed",
   shadow: true,
diff --git a/packages/mint-components/src/components/sqm-stencilbook/readme.md b/packages/mint-components/src/components/sqm-stencilbook/readme.md
index b18b539b63..02b6e8456a 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/readme.md
+++ b/packages/mint-components/src/components/sqm-stencilbook/readme.md
@@ -75,6 +75,10 @@
 - [sqm-titled-section](../sqm-titled-section)
 - [sqm-coupon-code](../sqm-coupon-code)
 - [sqm-link-button](../sqm-link-button)
+- [sqm-user-info-form](../tax-and-cash/sqm-user-info-form)
+- [sqm-indirect-tax-form](../tax-and-cash/sqm-indirect-tax-form)
+- [sqm-docusign-form](../tax-and-cash/sqm-docusign-form)
+- [sqm-tax-document-submitted](../tax-and-cash/sqm-tax-document-submitted)
 
 ### Graph
 ```mermaid
@@ -145,6 +149,10 @@ graph TD;
   sqm-stencilbook --> sqm-titled-section
   sqm-stencilbook --> sqm-coupon-code
   sqm-stencilbook --> sqm-link-button
+  sqm-stencilbook --> sqm-user-info-form
+  sqm-stencilbook --> sqm-indirect-tax-form
+  sqm-stencilbook --> sqm-docusign-form
+  sqm-stencilbook --> sqm-tax-document-submitted
   sqm-empty --> sqm-portal-container
   sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
index 4b24782b7e..dbe3590461 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
@@ -7,22 +7,22 @@
 
 ## Properties
 
-| Property                  | Attribute                   | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                        | Default                                                                                                                                       |
-| ------------------------- | --------------------------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`              | `back-button`               | Text shown inside of back button                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Back"`                                                                                                                                      |
-| `demoData`                | --                          |                                                                                       | `{ states?: { loading: boolean; disabled: boolean; formState: { selectedTaxForm: "w9" \| "w8-ben" \| "w8-ben-e"; errors?: any; }; }; text?: { formStep: string; taxForm: string; formLabel: string; w9Label: string; w9Description: string; w8Label: string; w8Description: string; w8ELabel: string; w8EDescription: string; submitButton: string; backButton: string; error: { generalTitle: string; generalDescription: string; }; }; }` | `undefined`                                                                                                                                   |
-| `formLabel`               | `form-label`                | Sub text shown above form selection radio buttons                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Select a tax form"`                                                                                                                         |
-| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Step 3 of 4"`                                                                                                                               |
-| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Please review your information and try again. If this problem continues, contact Support."`                                                 |
-| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem submitting your information"`                                                                                           |
-| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Continue"`                                                                                                                                  |
-| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the top of page                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Tax form"`                                                                                                                                  |
-| `w8Description`           | `w-8-description`           | Subtext for the W8 radio button                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                    |
-| `w8EDescription`          | `w-8-e-description`         | Subtext for the W8E radio button                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."` |
-| `w8ELabel`                | `w-8-e-label`               | Label text for the W8E radio button                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"W8-BEN-E"`                                                                                                                                  |
-| `w8Label`                 | `w-8-label`                 | Label text for the W8 radio button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"W8-Ben"`                                                                                                                                    |
-| `w9Description`           | `w-9-description`           | Subtext for the W9 radio button                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                  |
-| `w9Label`                 | `w-9-label`                 | Label text for the W9 radio button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"W9"`                                                                                                                                        |
+| Property                  | Attribute                   | Description                                                                           | Type                                                                                                                                 | Default                                                                                                                                       |
+| ------------------------- | --------------------------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`              | `back-button`               | Text shown inside of back button                                                      | `string`                                                                                                                             | `"Back"`                                                                                                                                      |
+| `demoData`                | --                          |                                                                                       | `{ states?: { loading: boolean; disabled: boolean; formState: { formSubmission: boolean; selectedTaxForm: "w9"; errors: {}; }; }; }` | `undefined`                                                                                                                                   |
+| `formLabel`               | `form-label`                | Sub text shown above form selection radio buttons                                     | `string`                                                                                                                             | `"Select a tax form"`                                                                                                                         |
+| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                             | `"Step 3 of 4"`                                                                                                                               |
+| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                 |
+| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                             | `"There was a problem submitting your information"`                                                                                           |
+| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                    | `string`                                                                                                                             | `"Continue"`                                                                                                                                  |
+| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the top of page                                      | `string`                                                                                                                             | `"Tax form"`                                                                                                                                  |
+| `w8Description`           | `w-8-description`           | Subtext for the W8 radio button                                                       | `string`                                                                                                                             | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                    |
+| `w8EDescription`          | `w-8-e-description`         | Subtext for the W8E radio button                                                      | `string`                                                                                                                             | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."` |
+| `w8ELabel`                | `w-8-e-label`               | Label text for the W8E radio button                                                   | `string`                                                                                                                             | `"W8-BEN-E"`                                                                                                                                  |
+| `w8Label`                 | `w-8-label`                 | Label text for the W8 radio button                                                    | `string`                                                                                                                             | `"W8-Ben"`                                                                                                                                    |
+| `w9Description`           | `w-9-description`           | Subtext for the W9 radio button                                                       | `string`                                                                                                                             | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                  |
+| `w9Label`                 | `w-9-label`                 | Label text for the W9 radio button                                                    | `string`                                                                                                                             | `"W9"`                                                                                                                                        |
 
 
 ----------------------------------------------
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index a3581f4fae..085bae6e0f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,23 +7,36 @@
 
 ## Properties
 
-| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Default                                                                                                               |
-| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
-| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Back"`                                                                                                              |
-| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."` |
-| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"I have completed and submitted my tax form"`                                                                        |
-| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Form submission"`                                                                                                   |
-| `demoData`                | --                          |                                                                                                            | `{ states?: { loading: boolean; submitDisabled: boolean; disabled: boolean; formState: { completedTaxForm: boolean; taxFormExpired: boolean; errors?: any; }; documentType: TaxDocumentType; }; text?: { formStep: string; taxForm: string; taxFormLabel: string; taxFormDescription: string; notBasedInUS: string; banner: string; checkboxLabel: string; checkboxDescription: string; submitButton: string; backButton: string; error: { generalTitle: string; generalDescription: string; formSubmission: string; }; }; }` | `undefined`                                                                                                           |
-| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Step 3 of 4"`                                                                                                       |
-| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"This field is required"`                                                                                            |
-| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please review your information and try again. If this problem continues, contact Support."`                         |
-| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem submitting your information"`                                                                   |
-| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Not based in the US?"`                                                                                              |
-| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Continue"`                                                                                                          |
-| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Tax form"`                                                                                                          |
-| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`            |
-| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{documentType} Tax Form"`                                                                                           |
-
+| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                               | Default                                                                                                               |
+| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
+| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                           | `"Back"`                                                                                                              |
+| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                           | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."` |
+| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                           | `"I have completed and submitted my tax form"`                                                                        |
+| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                           | `"Form submission"`                                                                                                   |
+| `demoData`                | --                          |                                                                                                            | `{ states?: { disabled: boolean; submitDisabled: boolean; loading: boolean; formState: { completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; documentType: TaxDocumentType; }; data?: { taxForm: string; documentUrl: string; }; }` | `undefined`                                                                                                           |
+| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                           | `"Step 3 of 4"`                                                                                                       |
+| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                           | `"This field is required"`                                                                                            |
+| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                         |
+| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                   |
+| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                           | `"Not based in the US?"`                                                                                              |
+| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                           | `"Continue"`                                                                                                          |
+| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                           | `"Tax form"`                                                                                                          |
+| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                           | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`            |
+| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                           | `"{documentType} Tax Form"`                                                                                           |
+
+
+## Dependencies
+
+### Used by
+
+ - [sqm-stencilbook](../../sqm-stencilbook)
+
+### Graph
+```mermaid
+graph TD;
+  sqm-stencilbook --> sqm-docusign-form
+  style sqm-docusign-form fill:#f9f,stroke:#333,stroke-width:4px
+```
 
 ----------------------------------------------
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index b30dc42f48..d1ecb4605f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -13,6 +13,7 @@ import { useDocusignForm, UseDocusignFormResult } from "./useDocusignForm";
 /**
  * @uiName DocuSign Document Submission
  * @exampleGroup Tax and Cash Components
+ * @slots [{name:"docusign-iframe", title: "DocuSign IFrame Slot"}]
  */
 @Component({
   tag: "sqm-docusign-form",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 4887bd2347..4e10ecd0e3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -7,31 +7,46 @@
 
 ## Properties
 
-| Property                        | Attribute                          | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default                                                                                                                                            |
-| ------------------------------- | ---------------------------------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`                    | `back-button`                      | Text shown inside of back button                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Back"`                                                                                                                                           |
-| `demoData`                      | --                                 |                                                                                       | `{ states?: { loading: boolean; disabled: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors?: any; }; registeredInCanadaDetailsSlot?: VNode; registeredInDifferentCountryDetailsSlot?: VNode; }; refs?: { formRef: any; }; text?: { formStep: string; indirectTax: string; indirectTaxDescription: string; indirectTaxDetails: string; indirectTaxDetailsDescription: string; hstCanada: string; otherRegion: string; notRegistered: string; submitButton: string; backButton: string; error: { generalTitle: string; generalDescription: string; taxDetails: string; }; }; }` | `undefined`                                                                                                                                        |
-| `formStep`                      | `form-step`                        | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Step 2 of 4"`                                                                                                                                    |
-| `generalErrorDescription`       | `general-error-description`        | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please review your information and try again. If this problem continues, contact Support."`                                                      |
-| `generalErrorTitle`             | `general-error-title`              | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem submitting your information"`                                                                                                |
-| `hstCanada`                     | `hst-canada`                       | Label text for the HST Canada radio button                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"I am registered for HST in Canada"`                                                                                                              |
-| `indirectTax`                   | `indirect-tax`                     | Heading text shown at the top of the page                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Indirect Tax"`                                                                                                                                   |
-| `indirectTaxDescription`        | `indirect-tax-description`         | Subtext shown at the top of the page                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."` |
-| `indirectTaxDetails`            | `indirect-tax-details`             | Heading text shown above the tax details radio buttons                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Indirect Tax Details"`                                                                                                                           |
-| `indirectTaxDetailsDescription` | `indirect-tax-details-description` | Sub text shown above the tax details radio buttons                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                    |
-| `indirectTaxNumber`             | `indirect-tax-number`              | Label text for the Indirect Tax Number input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Indirect Tax"`                                                                                                                                   |
-| `indirectTaxNumberError`        | `indirect-tax-number-error`        | Error text shown below the Indirect Tax Number select input                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Indirect Tax is required"`                                                                                                                       |
-| `notRegistered`                 | `not-registered`                   | Label text for the not registered radio button                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"I am not registered for Indirect Tax"`                                                                                                           |
-| `otherRegion`                   | `other-region`                     | Label text for the other region radio button                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"I am registered for Indirect Tax in a different Country / Region"`                                                                               |
-| `province`                      | `province`                         | Label text for the Province select input                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Province"`                                                                                                                                       |
-| `provinceError`                 | `province-error`                   | Error text shown below the Selected Region select input                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Province is required"`                                                                                                                           |
-| `selectedRegion`                | `selected-region`                  | Label text for the Selected Region select input                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Country / Region of Indirect Tax"`                                                                                                               |
-| `selectedRegionError`           | `selected-region-error`            | Error text shown below the Selected Region select input                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Country is required"`                                                                                                                            |
-| `submitButton`                  | `submit-button`                    | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Continue"`                                                                                                                                       |
-| `taxDetailsError`               | `tax-details-error`                | Error text shown below the tax details radio buttons                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"This field is required"`                                                                                                                         |
-| `vatNumber`                     | `vat-number`                       | Label text for the VAT Number input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"VAT number"`                                                                                                                                     |
-| `vatNumberError`                | `vat-number-error`                 | Error text shown below the VAT Number input                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"VAT number is required"`                                                                                                                         |
-
+| Property                        | Attribute                          | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                               | Default                                                                                                                                                                     |
+| ------------------------------- | ---------------------------------- | ------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`                    | `back-button`                      | Text shown inside of back button                                                      | `string`                                                                                                                                                                                                                                                                                                                           | `"Back"`                                                                                                                                                                    |
+| `demoData`                      | --                                 |                                                                                       | `{ states?: { disabled: boolean; loading: boolean; isPartner: boolean; errors: {}; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; }; }; data?: { countries: { countryCode: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { errors: {}; }; }; }` | `undefined`                                                                                                                                                                 |
+| `formStep`                      | `form-step`                        | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                           | `"Step 2 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`       | `general-error-description`        | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`             | `general-error-title`              | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                                                                         |
+| `hstCanada`                     | `hst-canada`                       | Label text for the HST Canada radio button                                            | `string`                                                                                                                                                                                                                                                                                                                           | `"I am registered for HST in Canada"`                                                                                                                                       |
+| `indirectTax`                   | `indirect-tax`                     | Heading text shown at the top of the page                                             | `string`                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax"`                                                                                                                                                            |
+| `indirectTaxDescription`        | `indirect-tax-description`         | Subtext shown at the top of the page                                                  | `string`                                                                                                                                                                                                                                                                                                                           | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
+| `indirectTaxDetails`            | `indirect-tax-details`             | Heading text shown above the tax details radio buttons                                | `string`                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax Details"`                                                                                                                                                    |
+| `indirectTaxDetailsDescription` | `indirect-tax-details-description` | Sub text shown above the tax details radio buttons                                    | `string`                                                                                                                                                                                                                                                                                                                           | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
+| `indirectTaxNumber`             | `indirect-tax-number`              | Label text for the Indirect Tax Number input                                          | `string`                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax"`                                                                                                                                                            |
+| `indirectTaxNumberError`        | `indirect-tax-number-error`        | Error text shown below the Indirect Tax Number select input                           | `string`                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax is required"`                                                                                                                                                |
+| `isPartnerAlertDescription`     | `is-partner-alert-description`     | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                           | `"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."` |
+| `isPartnerAlertHeader`          | `is-partner-alert-header`          | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                           | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `notRegistered`                 | `not-registered`                   | Label text for the not registered radio button                                        | `string`                                                                                                                                                                                                                                                                                                                           | `"I am not registered for Indirect Tax"`                                                                                                                                    |
+| `otherRegion`                   | `other-region`                     | Label text for the other region radio button                                          | `string`                                                                                                                                                                                                                                                                                                                           | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
+| `province`                      | `province`                         | Label text for the Province select input                                              | `string`                                                                                                                                                                                                                                                                                                                           | `"Province"`                                                                                                                                                                |
+| `provinceError`                 | `province-error`                   | Error text shown below the Selected Region select input                               | `string`                                                                                                                                                                                                                                                                                                                           | `"Province is required"`                                                                                                                                                    |
+| `selectedRegion`                | `selected-region`                  | Label text for the Selected Region select input                                       | `string`                                                                                                                                                                                                                                                                                                                           | `"Country / Region of Indirect Tax"`                                                                                                                                        |
+| `selectedRegionError`           | `selected-region-error`            | Error text shown below the Selected Region select input                               | `string`                                                                                                                                                                                                                                                                                                                           | `"Country is required"`                                                                                                                                                     |
+| `submitButton`                  | `submit-button`                    | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                           | `"Continue"`                                                                                                                                                                |
+| `taxDetailsError`               | `tax-details-error`                | Error text shown below the tax details radio buttons                                  | `string`                                                                                                                                                                                                                                                                                                                           | `"This field is required"`                                                                                                                                                  |
+| `vatNumber`                     | `vat-number`                       | Label text for the VAT Number input                                                   | `string`                                                                                                                                                                                                                                                                                                                           | `"VAT number"`                                                                                                                                                              |
+| `vatNumberError`                | `vat-number-error`                 | Error text shown below the VAT Number input                                           | `string`                                                                                                                                                                                                                                                                                                                           | `"VAT number is required"`                                                                                                                                                  |
+
+
+## Dependencies
+
+### Used by
+
+ - [sqm-stencilbook](../../sqm-stencilbook)
+
+### Graph
+```mermaid
+graph TD;
+  sqm-stencilbook --> sqm-indirect-tax-form
+  style sqm-indirect-tax-form fill:#f9f,stroke:#333,stroke-width:4px
+```
 
 ----------------------------------------------
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index e63ae8f903..9205a6748c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -10,7 +10,6 @@
 | Property   | Attribute | Description | Type                                                              | Default     |
 | ---------- | --------- | ----------- | ----------------------------------------------------------------- | ----------- |
 | `demoData` | --        |             | `{ loading?: boolean; loadingText?: string; username?: string; }` | `undefined` |
-| `step`     | `step`    |             | `string`                                                          | `"/1"`      |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 2e853a42cb..fa295cf87b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -36,20 +36,23 @@ export class TaxAndCash {
   disconnectedCallback() {}
 
   render() {
-    const props = isDemo() ? useTaxAndCashDemo(this) : useTaxAndCash();
-
-    console.log({ props, step: props.step, isDemo: isDemo() });
+    const inDemoMode = isDemo();
+    const props = inDemoMode ? useTaxAndCashDemo(this) : useTaxAndCash();
 
     if (props.loading) return <LoadingSkeleton />;
 
     return (
       <Host>
-        <button onClick={() => props.setStep(getPrevStep(props.step))}>
-          prev
-        </button>{" "}
-        <button onClick={() => props.setStep(getNextStep(props.step))}>
-          next
-        </button>
+        {inDemoMode && (
+          <div>
+            <button onClick={() => props.setStep(getPrevStep(props.step))}>
+              Preview preview step
+            </button>{" "}
+            <button onClick={() => props.setStep(getNextStep(props.step))}>
+              Preview next step
+            </button>
+          </div>
+        )}
         <sqm-context-router contextName={props.namespace}>
           <slot />
         </sqm-context-router>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
index 7ff47584de..10868d35f9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
@@ -7,31 +7,44 @@
 
 ## Properties
 
-| Property                          | Attribute                            | Description                                                                       | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default                                                                                                                           |
-| --------------------------------- | ------------------------------------ | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
-| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                |
-| `badgeTextExpiredOn`              | `badge-text-expired-on`              | Description text which appears beside badge showing the form has expired          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Expired on {dateExpired}."`                                                                                                     |
-| `badgeTextExpiringSoon`           | `badge-text-expiring-soon`           | Description text which appears beside badge showing the form expiring soon        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `", expiring on {dateExpired}."`                                                                                                  |
-| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Submitted on {dateSubmitted}"`                                                                                                  |
-| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Banking Information"`                                                                                                           |
-| `demoData`                        | --                                   |                                                                                   | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; dateExpired?: string; expiresSoon?: boolean; noFormNeeded?: boolean; loading?: boolean; errors?: any; }; text?: { statusTextActive?: string; statusTextNotActive?: string; statusTextNotVerified?: string; statusTextExpired?: string; badgeTextSubmittedOn?: string; badgeTextAwaitingReview?: string; badgeTextExpiredOn?: string; badgeTextExpiringSoon?: string; noTaxFormRequired?: string; taxAlertMessageExpiringSoon?: string; taxAlertHeaderNotActive?: string; taxAlertHeaderExpiredOn?: string; taxAlertHeaderExpiringSoon?: string; taxAlertMessage?: string; bankingInformationSectionHeader: string; taxDocumentSectionHeader: string; taxDocumentSectionSubHeader: string; newFormButton: string; invalidForm?: string; noFormNeededSubtext: string; error: { generalTitle: string; generalDescription: string; }; }; }` | `undefined`                                                                                                                       |
-| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please review your information and try again. If this problem continues, contact Support."`                                     |
-| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"There was a problem submitting your information"`                                                                               |
-| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Ensure your information matches your profile and resubmit a new document."`                                                     |
-| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Submit New document"`                                                                                                           |
-| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."` |
-| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Active"`                                                                                                                        |
-| `statusTextExpired`               | `status-text-expired`                | Status text displayed in badge when tax document is Expired                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Expired"`                                                                                                                       |
-| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Invalid Tax Form"`                                                                                                              |
-| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Not Verified"`                                                                                                                  |
-| `taxAlertHeaderExpiredOn`         | `tax-alert-header-expired-on`        | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Your {documentType} tax form has expired."`                                                                                     |
-| `taxAlertHeaderExpiringSoon`      | `tax-alert-header-expiring-soon`     | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Your {documentType} tax form expires on {dateExpired}"`                                                                         |
-| `taxAlertHeaderNotActive`         | `tax-alert-header-not-active`        | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                        |
-| `taxAlertMessage`                 | `tax-alert-message`                  | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please resubmit a new {documentType} form."`                                                                                    |
-| `taxAlertMessageExpiringSoon`     | `tax-alert-message-expiring-soon`    | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                    |
-| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Tax documents"`                                                                                                                 |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"{documentType} Tax Form"`                                                                                                       |
-
+| Property                          | Attribute                            | Description                                                                       | Type                                                                                                                                                                                                                  | Default                                                                                                                           |
+| --------------------------------- | ------------------------------------ | --------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
+| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review   | `string`                                                                                                                                                                                                              | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                |
+| `badgeTextExpiredOn`              | `badge-text-expired-on`              | Description text which appears beside badge showing the form has expired          | `string`                                                                                                                                                                                                              | `"Expired on {dateExpired}."`                                                                                                     |
+| `badgeTextExpiringSoon`           | `badge-text-expiring-soon`           | Description text which appears beside badge showing the form expiring soon        | `string`                                                                                                                                                                                                              | `", expiring on {dateExpired}."`                                                                                                  |
+| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted   | `string`                                                                                                                                                                                                              | `"Submitted on {dateSubmitted}"`                                                                                                  |
+| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                          | `string`                                                                                                                                                                                                              | `"Banking Information"`                                                                                                           |
+| `demoData`                        | --                                   |                                                                                   | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; dateExpired?: string; expiresSoon?: boolean; noFormNeeded?: boolean; loading?: boolean; errors?: any; }; }` | `undefined`                                                                                                                       |
+| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                 | `string`                                                                                                                                                                                                              | `"Please review your information and try again. If this problem continues, contact Support."`                                     |
+| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner       | `string`                                                                                                                                                                                                              | `"There was a problem submitting your information"`                                                                               |
+| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status          | `string`                                                                                                                                                                                                              | `"Ensure your information matches your profile and resubmit a new document."`                                                     |
+| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page        | `string`                                                                                                                                                                                                              | `"Submit New document"`                                                                                                           |
+| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show | `string`                                                                                                                                                                                                              | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."` |
+| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                        | `string`                                                                                                                                                                                                              | `"Active"`                                                                                                                        |
+| `statusTextExpired`               | `status-text-expired`                | Status text displayed in badge when tax document is Expired                       | `string`                                                                                                                                                                                                              | `"Expired"`                                                                                                                       |
+| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                    | `string`                                                                                                                                                                                                              | `"Invalid Tax Form"`                                                                                                              |
+| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                  | `string`                                                                                                                                                                                                              | `"Not Verified"`                                                                                                                  |
+| `taxAlertHeaderExpiredOn`         | `tax-alert-header-expired-on`        | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                              | `"Your {documentType} tax form has expired."`                                                                                     |
+| `taxAlertHeaderExpiringSoon`      | `tax-alert-header-expiring-soon`     | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                              | `"Your {documentType} tax form expires on {dateExpired}"`                                                                         |
+| `taxAlertHeaderNotActive`         | `tax-alert-header-not-active`        | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                              | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                        |
+| `taxAlertMessage`                 | `tax-alert-message`                  | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                              | `"Please resubmit a new {documentType} form."`                                                                                    |
+| `taxAlertMessageExpiringSoon`     | `tax-alert-message-expiring-soon`    | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                              | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                    |
+| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                              | `string`                                                                                                                                                                                                              | `"Tax documents"`                                                                                                                 |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                          | `string`                                                                                                                                                                                                              | `"{documentType} Tax Form"`                                                                                                       |
+
+
+## Dependencies
+
+### Used by
+
+ - [sqm-stencilbook](../../sqm-stencilbook)
+
+### Graph
+```mermaid
+graph TD;
+  sqm-stencilbook --> sqm-tax-document-submitted
+  style sqm-tax-document-submitted fill:#f9f,stroke:#333,stroke-width:4px
+```
 
 ----------------------------------------------
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 88677a73a0..f17c06eb99 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -33,7 +33,7 @@ import {
   UserInfoFormView,
 } from "./sqm-user-info-form-view";
 import { UseDocusignFormResult } from "../sqm-docusign-form/useDocusignForm";
-import { DemoData } from "../../../global/demo";
+import { DemoData, StoryDemoData } from "../../../global/demo";
 import { UseDocumentTypeFormResult } from "../sqm-document-type-form/useDocumentTypeForm";
 import { UseTaxDocumentSubmittedResult } from "../sqm-tax-document-submitted/useTaxDocumentSubmitted";
 // import sqmUserInfoSpecs from "./sqm-tax-document-step-1.feature";
@@ -110,18 +110,19 @@ const stepTwoProps = {
   text: indirectTaxFormText,
 };
 
-const documentSubmittedActiveProps: DemoData<UseTaxDocumentSubmittedResult> = {
-  states: {
-    disabled: false,
-    status: "ACTIVE",
-    documentType: "W9",
-    dateSubmitted: "Jan 18th, 2025",
-    dateExpired: "Dec 18th, 2025",
-  },
-  callbacks: { onClick: () => console.log("Submit new Form") },
-};
+const documentSubmittedActiveProps: StoryDemoData<UseTaxDocumentSubmittedResult> =
+  {
+    states: {
+      disabled: false,
+      status: "ACTIVE",
+      documentType: "W9",
+      dateSubmitted: "Jan 18th, 2025",
+      dateExpired: "Dec 18th, 2025",
+    },
+    callbacks: { onClick: () => console.log("Submit new Form") },
+  };
 
-const docusignFormProps: DemoData<UseDocusignFormResult> = {
+const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
   states: {
     documentType: "W9",
     loading: false,
@@ -141,7 +142,7 @@ const docusignFormProps: DemoData<UseDocusignFormResult> = {
   },
 };
 
-const documentTypeFormProps: DemoData<UseDocumentTypeFormResult> = {
+const documentTypeFormProps: StoryDemoData<UseDocumentTypeFormResult> = {
   states: {
     loading: false,
     disabled: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index e34ee4c115..4a09b546be 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,32 +7,47 @@
 
 ## Properties
 
-| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default                                                                                       |
-| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I agree to the terms"`                                                                      |
-| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"This field is required"`                                                                    |
-| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I represent a business entity"`                                                             |
-| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Country"`                                                                                   |
-| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a country"`                                                                          |
-| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Currency"`                                                                                  |
-| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a currency"`                                                                         |
-| `demoData`                    | --                               |                                                                                       | `{ states?: { loading: boolean; disabled: boolean; formState: { firstName?: string; lastName?: string; email?: string; countryCode?: string; currency?: string; allowBankingCollection?: boolean; participantType: "individualParticipant" \| "businessEntity"; errors?: any; error?: string; }; }; data?: { countries: { countryCode: string; displayName: string; }[]; currencies: { currencyCode: string; displayName: string; }[]; }; refs?: { formRef: any; }; text?: { formStep: string; firstName: string; lastName: string; email: string; country: string; currency: string; allowBankingCollection: string; personalInformation: string; individualParticipant: string; businessEntity: string; participantType: string; taxAndBankingCollection: string; submitButton: string; error: { generalTitle: string; generalDescription: string; firstName: string; lastName: string; email: string; countryCode: string; currency: string; allowBankingCollection: string; participantType: string; }; }; }` | `undefined`                                                                                   |
-| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Email"`                                                                                     |
-| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a valid email"`                                                                       |
-| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"First name"`                                                                                |
-| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a first name"`                                                                        |
-| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Step 1 of 4"`                                                                               |
-| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please review your information and try again. If this problem continues, contact Support."` |
-| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"There was a problem submitting your information"`                                           |
-| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I am an individual participant"`                                                            |
-| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Last name"`                                                                                 |
-| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a last name"`                                                                         |
-| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Participant type"`                                                                          |
-| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a participant type"`                                                                 |
-| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Personal Information"`                                                                      |
-| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                  |
-| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                  |
-
+| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Default                                                                                                                                                                     |
+| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"I agree to the terms"`                                                                                                                                                    |
+| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"This field is required"`                                                                                                                                                  |
+| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"I represent a business entity"`                                                                                                                                           |
+| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Country"`                                                                                                                                                                 |
+| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Select a country"`                                                                                                                                                        |
+| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Currency"`                                                                                                                                                                |
+| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Select a currency"`                                                                                                                                                       |
+| `demoData`                    | --                               |                                                                                       | `{ states?: { disabled: boolean; loading: boolean; isPartner: boolean; formState: { firstName?: string; lastName?: string; email?: string; countryCode?: string; currency?: string; participantType?: string; allowBankingCollection?: boolean; errors?: any; error?: string; }; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: { countryCode: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; onRadioClick?: (value: string) => void; }` | `undefined`                                                                                                                                                                 |
+| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Email"`                                                                                                                                                                   |
+| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Enter a valid email"`                                                                                                                                                     |
+| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"First name"`                                                                                                                                                              |
+| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Enter a first name"`                                                                                                                                                      |
+| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Step 1 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem submitting your information"`                                                                                                                         |
+| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"I am an individual participant"`                                                                                                                                          |
+| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"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."` |
+| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Last name"`                                                                                                                                                               |
+| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Enter a last name"`                                                                                                                                                       |
+| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Participant type"`                                                                                                                                                        |
+| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Select a participant type"`                                                                                                                                               |
+| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Personal Information"`                                                                                                                                                    |
+| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Continue"`                                                                                                                                                                |
+| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Continue"`                                                                                                                                                                |
+
+
+## Dependencies
+
+### Used by
+
+ - [sqm-stencilbook](../../sqm-stencilbook)
+
+### Graph
+```mermaid
+graph TD;
+  sqm-stencilbook --> sqm-user-info-form
+  style sqm-user-info-form fill:#f9f,stroke:#333,stroke-width:4px
+```
 
 ----------------------------------------------
 
diff --git a/packages/mint-components/src/global/demo.d.ts b/packages/mint-components/src/global/demo.d.ts
index 76b2fc70c8..4cc7137763 100644
--- a/packages/mint-components/src/global/demo.d.ts
+++ b/packages/mint-components/src/global/demo.d.ts
@@ -1,6 +1,2 @@
-type DeepPartial<T> = T extends object
-  ? {
-      [K in keyof T]?: DeepPartial<T[K]>;
-    }
-  : T;
-export type DemoData<T extends {}> = Partial<Omit<T, "text">>;
+export type DemoData<T extends {}> = Partial<Omit<T, "callbacks" | "text">>;
+export type StoryDemoData<T extends {}> = Partial<Omit<T, "text">>;
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 293d4be7ae..27e9df907f 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,8 +12,8 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash>
       <template path="/1">
         <sqm-user-info-form />
       </template>
@@ -31,7 +31,7 @@
       <template path="/submitted">
         <sqm-tax-document-submitted />
       </template>
-    </sqm-tax-and-cash> -->
+    </sqm-tax-and-cash>
     <!-- <template path="/4">
         <sqm-cash-form />
       </template> -->

From 331226694b6e14e7364d9453008ac0b3a0552a2f Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 6 Feb 2024 11:16:46 -0800
Subject: [PATCH 154/753] fix preview step buttons

---
 packages/mint-components/package.json               |  2 +-
 .../src/components/sqm-stencilbook/readme.md        |  2 ++
 .../tax-and-cash/sqm-document-type-form/readme.md   | 13 +++++++++++++
 .../sqm-docusign-form/sqm-docusign-form.tsx         |  2 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx           | 11 ++++++-----
 5 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index d004783f9a..0bb3d4fd0e 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-20",
+  "version": "1.8.0-22",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-stencilbook/readme.md b/packages/mint-components/src/components/sqm-stencilbook/readme.md
index 02b6e8456a..1e68841085 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/readme.md
+++ b/packages/mint-components/src/components/sqm-stencilbook/readme.md
@@ -78,6 +78,7 @@
 - [sqm-user-info-form](../tax-and-cash/sqm-user-info-form)
 - [sqm-indirect-tax-form](../tax-and-cash/sqm-indirect-tax-form)
 - [sqm-docusign-form](../tax-and-cash/sqm-docusign-form)
+- [sqm-document-type-form](../tax-and-cash/sqm-document-type-form)
 - [sqm-tax-document-submitted](../tax-and-cash/sqm-tax-document-submitted)
 
 ### Graph
@@ -152,6 +153,7 @@ graph TD;
   sqm-stencilbook --> sqm-user-info-form
   sqm-stencilbook --> sqm-indirect-tax-form
   sqm-stencilbook --> sqm-docusign-form
+  sqm-stencilbook --> sqm-document-type-form
   sqm-stencilbook --> sqm-tax-document-submitted
   sqm-empty --> sqm-portal-container
   sqm-empty --> sqm-image
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
index dbe3590461..54c10fdcef 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
@@ -25,6 +25,19 @@
 | `w9Label`                 | `w-9-label`                 | Label text for the W9 radio button                                                    | `string`                                                                                                                             | `"W9"`                                                                                                                                        |
 
 
+## Dependencies
+
+### Used by
+
+ - [sqm-stencilbook](../../sqm-stencilbook)
+
+### Graph
+```mermaid
+graph TD;
+  sqm-stencilbook --> sqm-document-type-form
+  style sqm-document-type-form fill:#f9f,stroke:#333,stroke-width:4px
+```
+
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 01913d8261..658080865e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -13,7 +13,7 @@ import { useDocusignForm, UseDocusignFormResult } from "./useDocusignForm";
 /**
  * @uiName DocuSign Document Submission
  * @exampleGroup Tax and Cash Components
- * @slots [{name:"docusign-iframe", title: "DocuSign IFrame Slot"}]
+ * @slots [{"name": "docusign-iframe", "title": "DocuSign IFrame Slot"}]
  */
 @Component({
   tag: "sqm-docusign-form",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index fa295cf87b..1df9ec42a4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -38,6 +38,7 @@ export class TaxAndCash {
   render() {
     const inDemoMode = isDemo();
     const props = inDemoMode ? useTaxAndCashDemo(this) : useTaxAndCash();
+    // const props = useTaxAndCash();
 
     if (props.loading) return <LoadingSkeleton />;
 
@@ -46,7 +47,7 @@ export class TaxAndCash {
         {inDemoMode && (
           <div>
             <button onClick={() => props.setStep(getPrevStep(props.step))}>
-              Preview preview step
+              Preview previous step
             </button>{" "}
             <button onClick={() => props.setStep(getNextStep(props.step))}>
               Preview next step
@@ -64,8 +65,8 @@ export class TaxAndCash {
 function getNextStep(step: string) {
   if (step === "/1") return "/2";
   if (step === "/2") return "/3/W9";
-  if (step.includes("/3")) return "/4";
-  if (step === "/4") return "/submitted";
+  if (step.includes("/3/")) return "/3b";
+  if (step === "/3b") return "/submitted";
   if (step === "/loading") return "/1";
   return "/loading";
 }
@@ -74,8 +75,8 @@ function getPrevStep(step: string) {
   if (step === "/1") return "/1";
   if (step === "/2") return "/1";
   if (step.includes("/3")) return "/2";
-  if (step === "/4") return "/3/W9";
-  if (step === "/submitted") return "/4";
+  if (step === "/3b") return "/3/W9";
+  if (step === "/submitted") return "/3b";
   if (step === "/loading") return "/1";
   return "/loading";
 }

From 54cb7b0ec7e9c9c0c7fa60ecbe5249dfae61caec Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 6 Feb 2024 13:31:09 -0800
Subject: [PATCH 155/753] monolith tax and cash component

---
 packages/mint-components/package.json         |    2 +-
 packages/mint-components/src/components.d.ts  | 5599 ++++++++++-------
 .../components/sqm-docusign-embed/readme.md   |   13 +
 .../sqm-tax-and-cash-monolith/readme.md       |  139 +
 .../sqm-tax-and-cash-monolith.tsx             |  611 ++
 .../sqm-document-type-form/readme.md          |    2 +
 .../tax-and-cash/sqm-docusign-form/readme.md  |    2 +
 .../sqm-indirect-tax-form/readme.md           |    2 +
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |    5 +
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |    4 +-
 .../sqm-tax-document-submitted/readme.md      |    2 +
 .../tax-and-cash/sqm-user-info-form/readme.md |    2 +
 12 files changed, 4057 insertions(+), 2326 deletions(-)
 create mode 100644 packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md
 create mode 100644 packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 0bb3d4fd0e..f493c3f468 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-22",
+  "version": "1.8.0-23",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 6cf564159a..b38a40a00c 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3094,195 +3094,7 @@ export namespace Components {
          */
         "demoData"?: DemoData<UserNameViewProps>;
     }
-    interface SqmTaxDocumentSubmitted {
-        /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-         */
-        "badgeTextAwaitingReview"?: string;
-        /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-         */
-        "badgeTextExpiredOn"?: string;
-        /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-         */
-        "badgeTextExpiringSoon"?: string;
-        /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-         */
-        "badgeTextSubmittedOn"?: string;
-        /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-         */
-        "bankingInformationSectionHeader": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle": string;
-        /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-         */
-        "invalidForm"?: string;
-        /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName No form needed subtext
-         */
-        "newFormButton": string;
-        /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-         */
-        "noFormNeededSubtext": string;
-        /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-         */
-        "statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-         */
-        "statusTextExpired"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-         */
-        "statusTextNotActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-         */
-        "statusTextNotVerified"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-         */
-        "taxAlertHeaderExpiredOn"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-         */
-        "taxAlertHeaderExpiringSoon"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-         */
-        "taxAlertHeaderNotActive"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-         */
-        "taxAlertMessage"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-         */
-        "taxAlertMessageExpiringSoon": string;
-        /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-         */
-        "taxDocumentSectionHeader": string;
-        /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-         */
-        "taxDocumentSectionSubHeader": string;
-    }
-    interface SqmText {
-    }
-    interface SqmTextSpan {
-        /**
-          * @uiName Text
-         */
-        "text": string;
-        /**
-          * @uiName Type
-          * @uiType string
-          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
-          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
-         */
-        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
-    }
-    interface SqmTimeline {
-        /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
-         */
-        "icon": "gift" | "circle";
-    }
-    interface SqmTimelineEntry {
-        /**
-          * @uiName Description
-         */
-        "desc": string;
-        /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
-         */
-        "icon": "gift" | "circle";
-        /**
-          * @uiName Reward amount
-         */
-        "reward": string;
-        "setIcon": (value: "gift" | "circle") => Promise<void>;
-        /**
-          * @uiName Reward unit
-         */
-        "unit": string;
-    }
-    interface SqmTitledSection {
-        /**
-          * Text value shown when there is no label slot declared.
-          * @uiName Label
-         */
-        "label": string;
-        /**
-          * Margin applied to the bottom of the label slot
-          * @uiName Label bottom margin
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "labelMargin": Spacing;
-        /**
-          * Padding applied to all 4 sides of the container
-          * @uiName Section padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "padding": Spacing;
-        /**
-          * @uiName Text alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "textAlign": "left" | "center" | "right";
-    }
-    interface SqmUserInfoForm {
+    interface SqmTaxAndCashMonolith {
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -3293,6 +3105,11 @@ export namespace Components {
           * @uiName Tax and banking collection checkbox error text
          */
         "allowBankingCollectionError": string;
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
+        "backButton": string;
         /**
           * Label text for the business entity radio button
           * @uiName Business entity radio button label
@@ -3318,11 +3135,6 @@ export namespace Components {
           * @uiName Currency input error text
          */
         "currencyError": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseUserInfoFormResult>;
         /**
           * Label text for email input
           * @uiName Email label
@@ -3399,62 +3211,722 @@ export namespace Components {
          */
         "personalInformation": string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "submitButton": string;
+        "step2BackButton": string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Indirect tax form step text
          */
-        "taxAndBankingCollection": string;
-    }
-    interface SqmUserName {
+        "step2FormStep": string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "demoData"?: DemoData<UserNameViewProps>;
+        "step2GeneralErrorDescription": string;
         /**
-          * @uiName Unknown user name
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "fallback": string;
+        "step2GeneralErrorTitle": string;
         /**
-          * Text displayed while the participant’s name is loading.
-          * @uiName Loading text
+          * Label text for the HST Canada radio button
+          * @uiName HST Canada radio button label
          */
-        "loadingText": string;
-    }
-}
-declare global {
-    interface HTMLRaisinsPlopTargetElement extends Components.RaisinsPlopTarget, HTMLStencilElement {
-    }
-    var HTMLRaisinsPlopTargetElement: {
-        prototype: HTMLRaisinsPlopTargetElement;
-        new (): HTMLRaisinsPlopTargetElement;
-    };
-    interface HTMLSqmAssetCardElement extends Components.SqmAssetCard, HTMLStencilElement {
-    }
-    var HTMLSqmAssetCardElement: {
-        prototype: HTMLSqmAssetCardElement;
-        new (): HTMLSqmAssetCardElement;
-    };
-    interface HTMLSqmBigStatElement extends Components.SqmBigStat, HTMLStencilElement {
-    }
-    var HTMLSqmBigStatElement: {
-        prototype: HTMLSqmBigStatElement;
-        new (): HTMLSqmBigStatElement;
-    };
-    interface HTMLSqmBrandElement extends Components.SqmBrand, HTMLStencilElement {
-    }
-    var HTMLSqmBrandElement: {
-        prototype: HTMLSqmBrandElement;
-        new (): HTMLSqmBrandElement;
-    };
-    interface HTMLSqmCardFeedElement extends Components.SqmCardFeed, HTMLStencilElement {
-    }
-    var HTMLSqmCardFeedElement: {
-        prototype: HTMLSqmCardFeedElement;
+        "step2HstCanada": string;
+        /**
+          * Heading text shown at the top of the page
+          * @uiName Indirect tax heading text
+         */
+        "step2IndirectTax": string;
+        /**
+          * Subtext shown at the top of the page
+          * @uiName Indirect tax sub text
+         */
+        "step2IndirectTaxDescription": string;
+        /**
+          * Heading text shown above the tax details radio buttons
+          * @uiName Indirect tax details heading
+         */
+        "step2IndirectTaxDetails": string;
+        /**
+          * Sub text shown above the tax details radio buttons
+          * @uiName Indirect tax details sub text
+         */
+        "step2IndirectTaxDetailsDescription": string;
+        /**
+          * Label text for the Indirect Tax Number input
+          * @uiName Indirect Tax Number input label
+         */
+        "step2IndirectTaxNumber": string;
+        /**
+          * Error text shown below the Indirect Tax Number select input
+          * @uiName Indirect Tax Number error text
+         */
+        "step2IndirectTaxNumberError": string;
+        /**
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+         */
+        "step2IsPartnerAlertDescription": string;
+        /**
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+         */
+        "step2IsPartnerAlertHeader": string;
+        /**
+          * Label text for the not registered radio button
+          * @uiName Not registered radio button label
+         */
+        "step2NotRegistered": string;
+        /**
+          * Label text for the other region radio button
+          * @uiName Other region radio button label
+         */
+        "step2OtherRegion": string;
+        /**
+          * Label text for the Province select input
+          * @uiName Province select input label
+         */
+        "step2Province": string;
+        /**
+          * Error text shown below the Selected Region select input
+          * @uiName Province error text
+         */
+        "step2ProvinceError": string;
+        /**
+          * Label text for the Selected Region select input
+          * @uiName Selected region select input label
+         */
+        "step2SelectedRegion": string;
+        /**
+          * Error text shown below the Selected Region select input
+          * @uiName Selected Region error text
+         */
+        "step2SelectedRegionError": string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "step2SubmitButton": string;
+        /**
+          * Error text shown below the tax details radio buttons
+          * @uiName Indirect tax details error text
+         */
+        "step2TaxDetailsError": string;
+        /**
+          * Label text for the VAT Number input
+          * @uiName VAT Number input label
+         */
+        "step2VatNumber": string;
+        /**
+          * Error text shown below the VAT Number input
+          * @uiName VAT Number error text
+         */
+        "step2VatNumberError": string;
+        /**
+          * Text shown in the banner above the document
+          * @uiName Banner text
+         */
+        "step3Banner": string;
+        /**
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+         */
+        "step3CheckboxDescription": string;
+        /**
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
+         */
+        "step3CheckboxLabel": string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
+        "step3FormStep": string;
+        /**
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
+         */
+        "step3FormSubmissionError": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "step3GeneralErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "step3GeneralErrorTitle": string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "step3SubmitButton": string;
+        /**
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
+         */
+        "step3TaxForm": string;
+        /**
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
+         */
+        "step3TaxFormDescription": string;
+        /**
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
+         */
+        "step3TaxFormLabel": string;
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
+        "step3bBackButton": string;
+        /**
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
+         */
+        "step3bFormLabel": string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
+        "step3bFormStep": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "step3bGeneralErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "step3bGeneralErrorTitle": string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "step3bSubmitButton": string;
+        /**
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
+         */
+        "step3bTaxForm": string;
+        /**
+          * Subtext for the W8 radio button
+          * @uiName W8 radio button subtext
+         */
+        "step3bW8Description": string;
+        /**
+          * Subtext for the W8E radio button
+          * @uiName W8E radio button subtext
+         */
+        "step3bW8EDescription": string;
+        /**
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
+         */
+        "step3bW8ELabel": string;
+        /**
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
+         */
+        "step3bW8Label": string;
+        /**
+          * Subtext for the W9 radio button
+          * @uiName W9 radio button subtext
+         */
+        "step3bW9Description": string;
+        /**
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
+         */
+        "step3bW9Label": string;
+        /**
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
+         */
+        "step4BadgeTextAwaitingReview"?: string;
+        /**
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
+         */
+        "step4BadgeTextExpiredOn"?: string;
+        /**
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
+         */
+        "step4BadgeTextExpiringSoon"?: string;
+        /**
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+         */
+        "step4BadgeTextSubmittedOn"?: string;
+        /**
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
+         */
+        "step4BankingInformationSectionHeader": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "step4GeneralErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "step4GeneralErrorTitle": string;
+        /**
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
+         */
+        "step4InvalidForm"?: string;
+        /**
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
+         */
+        "step4NewFormButton": string;
+        /**
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
+         */
+        "step4NoFormNeededSubtext": string;
+        /**
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
+         */
+        "step4StatusTextActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
+         */
+        "step4StatusTextExpired"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
+         */
+        "step4StatusTextNotActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
+         */
+        "step4StatusTextNotVerified"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
+         */
+        "step4TaxAlertHeaderExpiredOn"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
+         */
+        "step4TaxAlertHeaderExpiringSoon"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
+         */
+        "step4TaxAlertHeaderNotActive"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
+         */
+        "step4TaxAlertMessage"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
+         */
+        "step4TaxAlertMessageExpiringSoon": string;
+        /**
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+         */
+        "step4TaxDocumentSectionHeader": string;
+        /**
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
+         */
+        "step4TaxDocumentSectionSubHeader": string;
+        /**
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
+         */
+        "stop3NotBasedInUS": string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "submitButton": string;
+        /**
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
+         */
+        "taxAndBankingCollection": string;
+    }
+    interface SqmTaxDocumentSubmitted {
+        /**
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
+         */
+        "badgeTextAwaitingReview"?: string;
+        /**
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
+         */
+        "badgeTextExpiredOn"?: string;
+        /**
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
+         */
+        "badgeTextExpiringSoon"?: string;
+        /**
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+         */
+        "badgeTextSubmittedOn"?: string;
+        /**
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
+         */
+        "bankingInformationSectionHeader": string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle": string;
+        /**
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
+         */
+        "invalidForm"?: string;
+        /**
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
+         */
+        "newFormButton": string;
+        /**
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
+         */
+        "noFormNeededSubtext": string;
+        /**
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
+         */
+        "statusTextActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
+         */
+        "statusTextExpired"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
+         */
+        "statusTextNotActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
+         */
+        "statusTextNotVerified"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
+         */
+        "taxAlertHeaderExpiredOn"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
+         */
+        "taxAlertHeaderExpiringSoon"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
+         */
+        "taxAlertHeaderNotActive"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
+         */
+        "taxAlertMessage"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
+         */
+        "taxAlertMessageExpiringSoon": string;
+        /**
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+         */
+        "taxDocumentSectionHeader": string;
+        /**
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
+         */
+        "taxDocumentSectionSubHeader": string;
+    }
+    interface SqmText {
+    }
+    interface SqmTextSpan {
+        /**
+          * @uiName Text
+         */
+        "text": string;
+        /**
+          * @uiName Type
+          * @uiType string
+          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
+          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
+         */
+        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+    }
+    interface SqmTimeline {
+        /**
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
+         */
+        "icon": "gift" | "circle";
+    }
+    interface SqmTimelineEntry {
+        /**
+          * @uiName Description
+         */
+        "desc": string;
+        /**
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
+         */
+        "icon": "gift" | "circle";
+        /**
+          * @uiName Reward amount
+         */
+        "reward": string;
+        "setIcon": (value: "gift" | "circle") => Promise<void>;
+        /**
+          * @uiName Reward unit
+         */
+        "unit": string;
+    }
+    interface SqmTitledSection {
+        /**
+          * Text value shown when there is no label slot declared.
+          * @uiName Label
+         */
+        "label": string;
+        /**
+          * Margin applied to the bottom of the label slot
+          * @uiName Label bottom margin
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "labelMargin": Spacing;
+        /**
+          * Padding applied to all 4 sides of the container
+          * @uiName Section padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "padding": Spacing;
+        /**
+          * @uiName Text alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "textAlign": "left" | "center" | "right";
+    }
+    interface SqmUserInfoForm {
+        /**
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
+         */
+        "allowBankingCollection": string;
+        /**
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
+         */
+        "allowBankingCollectionError": string;
+        /**
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+         */
+        "businessEntity": string;
+        /**
+          * Label text for country input
+          * @uiName Country label
+         */
+        "country": string;
+        /**
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
+         */
+        "countryError": string;
+        /**
+          * Label text for currency input
+          * @uiName Currency label
+         */
+        "currency": string;
+        /**
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
+         */
+        "currencyError": string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseUserInfoFormResult>;
+        /**
+          * Label text for email input
+          * @uiName Email label
+         */
+        "email": string;
+        /**
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
+         */
+        "emailError": string;
+        /**
+          * Label text for first name input
+          * @uiName First name label
+         */
+        "firstName": string;
+        /**
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
+         */
+        "firstNameError": string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
+        "formStep": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle": string;
+        /**
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+         */
+        "individualParticipant": string;
+        /**
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+         */
+        "isPartnerAlertDescription": string;
+        /**
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+         */
+        "isPartnerAlertHeader": string;
+        /**
+          * Label text for last name input
+          * @uiName Last name label
+         */
+        "lastName": string;
+        /**
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
+         */
+        "lastNameError": string;
+        /**
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
+         */
+        "participantType": string;
+        /**
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
+         */
+        "participantTypeError": string;
+        /**
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
+         */
+        "personalInformation": string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "submitButton": string;
+        /**
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
+         */
+        "taxAndBankingCollection": string;
+    }
+    interface SqmUserName {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+        /**
+          * @uiName Unknown user name
+         */
+        "fallback": string;
+        /**
+          * Text displayed while the participant’s name is loading.
+          * @uiName Loading text
+         */
+        "loadingText": string;
+    }
+}
+declare global {
+    interface HTMLRaisinsPlopTargetElement extends Components.RaisinsPlopTarget, HTMLStencilElement {
+    }
+    var HTMLRaisinsPlopTargetElement: {
+        prototype: HTMLRaisinsPlopTargetElement;
+        new (): HTMLRaisinsPlopTargetElement;
+    };
+    interface HTMLSqmAssetCardElement extends Components.SqmAssetCard, HTMLStencilElement {
+    }
+    var HTMLSqmAssetCardElement: {
+        prototype: HTMLSqmAssetCardElement;
+        new (): HTMLSqmAssetCardElement;
+    };
+    interface HTMLSqmBigStatElement extends Components.SqmBigStat, HTMLStencilElement {
+    }
+    var HTMLSqmBigStatElement: {
+        prototype: HTMLSqmBigStatElement;
+        new (): HTMLSqmBigStatElement;
+    };
+    interface HTMLSqmBrandElement extends Components.SqmBrand, HTMLStencilElement {
+    }
+    var HTMLSqmBrandElement: {
+        prototype: HTMLSqmBrandElement;
+        new (): HTMLSqmBrandElement;
+    };
+    interface HTMLSqmCardFeedElement extends Components.SqmCardFeed, HTMLStencilElement {
+    }
+    var HTMLSqmCardFeedElement: {
+        prototype: HTMLSqmCardFeedElement;
         new (): HTMLSqmCardFeedElement;
     };
     interface HTMLSqmCashFormElement extends Components.SqmCashForm, HTMLStencilElement {
@@ -3981,1497 +4453,2038 @@ declare global {
     };
     interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
     }
-    var HTMLSqmTaskCardElement: {
-        prototype: HTMLSqmTaskCardElement;
-        new (): HTMLSqmTaskCardElement;
-    };
-    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    var HTMLSqmTaskCardElement: {
+        prototype: HTMLSqmTaskCardElement;
+        new (): HTMLSqmTaskCardElement;
+    };
+    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    }
+    var HTMLSqmTaxAndCashElement: {
+        prototype: HTMLSqmTaxAndCashElement;
+        new (): HTMLSqmTaxAndCashElement;
+    };
+    interface HTMLSqmTaxAndCashMonolithElement extends Components.SqmTaxAndCashMonolith, HTMLStencilElement {
+    }
+    var HTMLSqmTaxAndCashMonolithElement: {
+        prototype: HTMLSqmTaxAndCashMonolithElement;
+        new (): HTMLSqmTaxAndCashMonolithElement;
+    };
+    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
+    }
+    var HTMLSqmTaxDocumentSubmittedElement: {
+        prototype: HTMLSqmTaxDocumentSubmittedElement;
+        new (): HTMLSqmTaxDocumentSubmittedElement;
+    };
+    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
+    }
+    var HTMLSqmTextElement: {
+        prototype: HTMLSqmTextElement;
+        new (): HTMLSqmTextElement;
+    };
+    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
+    }
+    var HTMLSqmTextSpanElement: {
+        prototype: HTMLSqmTextSpanElement;
+        new (): HTMLSqmTextSpanElement;
+    };
+    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
+    }
+    var HTMLSqmTimelineElement: {
+        prototype: HTMLSqmTimelineElement;
+        new (): HTMLSqmTimelineElement;
+    };
+    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
+    }
+    var HTMLSqmTimelineEntryElement: {
+        prototype: HTMLSqmTimelineEntryElement;
+        new (): HTMLSqmTimelineEntryElement;
+    };
+    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
+    }
+    var HTMLSqmTitledSectionElement: {
+        prototype: HTMLSqmTitledSectionElement;
+        new (): HTMLSqmTitledSectionElement;
+    };
+    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    }
+    var HTMLSqmUserInfoFormElement: {
+        prototype: HTMLSqmUserInfoFormElement;
+        new (): HTMLSqmUserInfoFormElement;
+    };
+    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    }
+    var HTMLSqmUserNameElement: {
+        prototype: HTMLSqmUserNameElement;
+        new (): HTMLSqmUserNameElement;
+    };
+    interface HTMLElementTagNameMap {
+        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
+        "sqm-asset-card": HTMLSqmAssetCardElement;
+        "sqm-big-stat": HTMLSqmBigStatElement;
+        "sqm-brand": HTMLSqmBrandElement;
+        "sqm-card-feed": HTMLSqmCardFeedElement;
+        "sqm-cash-form": HTMLSqmCashFormElement;
+        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
+        "sqm-close-button": HTMLSqmCloseButtonElement;
+        "sqm-context-router": HTMLSqmContextRouterElement;
+        "sqm-coupon-code": HTMLSqmCouponCodeElement;
+        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
+        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
+        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
+        "sqm-docusign-form": HTMLSqmDocusignFormElement;
+        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
+        "sqm-edit-profile": HTMLSqmEditProfileElement;
+        "sqm-empty": HTMLSqmEmptyElement;
+        "sqm-form-message": HTMLSqmFormMessageElement;
+        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
+        "sqm-header-logo": HTMLSqmHeaderLogoElement;
+        "sqm-hero": HTMLSqmHeroElement;
+        "sqm-hero-image": HTMLSqmHeroImageElement;
+        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
+        "sqm-image": HTMLSqmImageElement;
+        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
+        "sqm-input-field": HTMLSqmInputFieldElement;
+        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
+        "sqm-leaderboard": HTMLSqmLeaderboardElement;
+        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
+        "sqm-link-button": HTMLSqmLinkButtonElement;
+        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
+        "sqm-name-fields": HTMLSqmNameFieldsElement;
+        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
+        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
+        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
+        "sqm-password-field": HTMLSqmPasswordFieldElement;
+        "sqm-popup-container": HTMLSqmPopupContainerElement;
+        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
+        "sqm-portal-container": HTMLSqmPortalContainerElement;
+        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
+        "sqm-portal-footer": HTMLSqmPortalFooterElement;
+        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
+        "sqm-portal-frame": HTMLSqmPortalFrameElement;
+        "sqm-portal-login": HTMLSqmPortalLoginElement;
+        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
+        "sqm-portal-profile": HTMLSqmPortalProfileElement;
+        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
+        "sqm-portal-register": HTMLSqmPortalRegisterElement;
+        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
+        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
+        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
+        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
+        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
+        "sqm-program-menu": HTMLSqmProgramMenuElement;
+        "sqm-referral-card": HTMLSqmReferralCardElement;
+        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
+        "sqm-referral-table": HTMLSqmReferralTableElement;
+        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
+        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
+        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
+        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
+        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
+        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
+        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
+        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
+        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
+        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
+        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
+        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
+        "sqm-rewards-table": HTMLSqmRewardsTableElement;
+        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
+        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
+        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
+        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
+        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
+        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
+        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
+        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
+        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
+        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
+        "sqm-route": HTMLSqmRouteElement;
+        "sqm-router": HTMLSqmRouterElement;
+        "sqm-scroll": HTMLSqmScrollElement;
+        "sqm-share-button": HTMLSqmShareButtonElement;
+        "sqm-share-code": HTMLSqmShareCodeElement;
+        "sqm-share-link": HTMLSqmShareLinkElement;
+        "sqm-stat-container": HTMLSqmStatContainerElement;
+        "sqm-stencilbook": HTMLSqmStencilbookElement;
+        "sqm-tab": HTMLSqmTabElement;
+        "sqm-table-cell": HTMLSqmTableCellElement;
+        "sqm-table-row": HTMLSqmTableRowElement;
+        "sqm-tabs": HTMLSqmTabsElement;
+        "sqm-task-card": HTMLSqmTaskCardElement;
+        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
+        "sqm-tax-and-cash-monolith": HTMLSqmTaxAndCashMonolithElement;
+        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
+        "sqm-text": HTMLSqmTextElement;
+        "sqm-text-span": HTMLSqmTextSpanElement;
+        "sqm-timeline": HTMLSqmTimelineElement;
+        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
+        "sqm-titled-section": HTMLSqmTitledSectionElement;
+        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
+        "sqm-user-name": HTMLSqmUserNameElement;
+    }
+}
+declare namespace LocalJSX {
+    interface RaisinsPlopTarget {
+    }
+    interface SqmAssetCard {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<AssetCardViewProps>;
+        /**
+          * @uiName Banner image
+         */
+        "imgUrl"?: string;
+        /**
+          * @uiName Banner title
+         */
+        "titleText"?: string;
+    }
+    interface SqmBigStat {
+        /**
+          * Controls the alignment of the flexbox
+          * @uiName Alignment
+          * @uiType string
+          * @uiEnum ["left", "right", "center"]
+          * @uiEnumNames ["Left", "Right", "Center"]
+         */
+        "alignment"?: "left" | "right" | "center";
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<BigStatViewProps>;
+        /**
+          * Controls the order of the stat value & description column
+          * @uiName Flex reverse
+          * @default
+         */
+        "flexReverse"?: boolean;
+        /**
+          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
+          * @uiName Program ID
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * Select what type of stat to display. Manual paths are also supported.
+          * @uiWidget statTypeSelectWidget
+          * @uiName Stat type
+          * @required 
+          * @uiWidgetOptions {"version": 1.1}
+         */
+        "statType"?: string;
+    }
+    interface SqmBrand {
+        /**
+          * Controls the primary brand color used in the Mint Components library.
+          * @uiName Brand color
+          * @uiWidget color
+          * @format color
+         */
+        "brandColor"?: string;
+        /**
+          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
+          * @uiName Brand font
+          * @default "Nunito Sans"
+         */
+        "brandFont"?: string;
     }
-    var HTMLSqmTaxAndCashElement: {
-        prototype: HTMLSqmTaxAndCashElement;
-        new (): HTMLSqmTaxAndCashElement;
-    };
-    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
+    interface SqmCardFeed {
+        /**
+          * @uiName Column gap
+          * @uiType number
+         */
+        "gap"?: number;
+        /**
+          * @uiName Card width
+         */
+        "width"?: number;
     }
-    var HTMLSqmTaxDocumentSubmittedElement: {
-        prototype: HTMLSqmTaxDocumentSubmittedElement;
-        new (): HTMLSqmTaxDocumentSubmittedElement;
-    };
-    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
+    interface SqmCashForm {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
     }
-    var HTMLSqmTextElement: {
-        prototype: HTMLSqmTextElement;
-        new (): HTMLSqmTextElement;
-    };
-    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
+    interface SqmCheckboxField {
+        /**
+          * @uiName Checkbox label
+          * @uiWidget textArea
+         */
+        "checkboxLabel"?: string;
+        /**
+          * Used with link text if the checkbox label contains {labelLink}
+          * @uiName Checkbox label link
+         */
+        "checkboxLabelLink"?: string;
+        /**
+          * @uiName Checkbox label link lext
+         */
+        "checkboxLabelLinkText"?: string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Checkbox name attribute
+          * @required
+         */
+        "checkboxName"?: string;
+        /**
+          * @uiName Optional
+         */
+        "checkboxOptional"?: boolean;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<CheckboxFieldViewProps>;
+        /**
+          * @uiName Unchecked error message
+         */
+        "errorMessage"?: string;
     }
-    var HTMLSqmTextSpanElement: {
-        prototype: HTMLSqmTextSpanElement;
-        new (): HTMLSqmTextSpanElement;
-    };
-    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
+    interface SqmCloseButton {
+        /**
+          * @uiName Color
+          * @uiWidget color
+          * @uiType string
+         */
+        "color"?: string;
     }
-    var HTMLSqmTimelineElement: {
-        prototype: HTMLSqmTimelineElement;
-        new (): HTMLSqmTimelineElement;
-    };
-    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
+    interface SqmContextRouter {
+        "contextName"?: string;
     }
-    var HTMLSqmTimelineEntryElement: {
-        prototype: HTMLSqmTimelineEntryElement;
-        new (): HTMLSqmTimelineEntryElement;
-    };
-    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
+    interface SqmCouponCode {
+        /**
+          * Set the copy button style and placement.
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+         */
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * Display this message when the coupon code has been cancelled.
+          * @uiWidget textArea
+          * @uiName Cancelled code error message
+          * @uiGroup Coupon code error
+         */
+        "cancelledErrorText"?: string;
+        /**
+          * @uiName Copy button label
+         */
+        "copyButtonLabel"?: string;
+        /**
+          * @uiName Coupon code label
+         */
+        "couponCodeLabel"?: string;
+        /**
+          * Display this text when the coupon code can’t be retrieved.
+          * @uiName Coupon code placeholder
+          * @uiGroup Coupon code error
+         */
+        "couponCodePlaceholder"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<CouponCodeViewProps>;
+        /**
+          * Display this message when the coupon code has expired.
+          * @uiWidget textArea
+          * @uiName Expired code error message
+          * @uiGroup Coupon code error
+         */
+        "expiredErrorText"?: string;
+        /**
+          * Display this message when the code fails to load due to a fulfillment error.
+          * @uiWidget textArea
+          * @uiName Code fulfillment error message
+          * @uiGroup Coupon code error
+         */
+        "fullfillmentErrorText"?: string;
+        /**
+          * Display this message when the code fails to load due to an unspecified error.
+          * @uiWidget textArea
+          * @uiName Code retrieval error message
+          * @uiGroup Coupon code error
+         */
+        "genericErrorText"?: string;
+        /**
+          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
+          * @uiWidget textArea
+          * @uiName Code pending error message
+          * @uiGroup Coupon code error
+         */
+        "pendingErrorText"?: string;
+        /**
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * Display this message when the coupon code has already been redeemed.
+          * @uiWidget textArea
+          * @uiName Redeemed code error message
+          * @uiGroup Coupon code error
+         */
+        "redeemedErrorText"?: string;
+        /**
+          * @uiName Coupon code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "textAlign"?: "left" | "center" | "right";
+        /**
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
+         */
+        "tooltiplifespan"?: number;
+        /**
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
+          * @uiName Tooltip text
+         */
+        "tooltiptext"?: string;
     }
-    var HTMLSqmTitledSectionElement: {
-        prototype: HTMLSqmTitledSectionElement;
-        new (): HTMLSqmTitledSectionElement;
-    };
-    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    interface SqmDividedLayout {
+        /**
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
+         */
+        "direction"?: "row" | "column";
+        /**
+          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
+          * @uiName Border style
+         */
+        "dividerStyle"?: string;
+    }
+    interface SqmDocumentTypeForm {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
+        "backButton"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseDocumentTypeFormResult>;
+        /**
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
+         */
+        "formLabel"?: string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
+        "formStep"?: string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription"?: string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle"?: string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "submitButton"?: string;
+        /**
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
+         */
+        "taxForm"?: string;
+        /**
+          * Subtext for the W8 radio button
+          * @uiName W8 radio button subtext
+         */
+        "w8Description"?: string;
+        /**
+          * Subtext for the W8E radio button
+          * @uiName W8E radio button subtext
+         */
+        "w8EDescription"?: string;
+        /**
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
+         */
+        "w8ELabel"?: string;
+        /**
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
+         */
+        "w8Label"?: string;
+        /**
+          * Subtext for the W9 radio button
+          * @uiName W9 radio button subtext
+         */
+        "w9Description"?: string;
+        /**
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
+         */
+        "w9Label"?: string;
     }
-    var HTMLSqmUserInfoFormElement: {
-        prototype: HTMLSqmUserInfoFormElement;
-        new (): HTMLSqmUserInfoFormElement;
-    };
-    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    interface SqmDocusignEmbed {
+        "url"?: string;
     }
-    var HTMLSqmUserNameElement: {
-        prototype: HTMLSqmUserNameElement;
-        new (): HTMLSqmUserNameElement;
-    };
-    interface HTMLElementTagNameMap {
-        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
-        "sqm-asset-card": HTMLSqmAssetCardElement;
-        "sqm-big-stat": HTMLSqmBigStatElement;
-        "sqm-brand": HTMLSqmBrandElement;
-        "sqm-card-feed": HTMLSqmCardFeedElement;
-        "sqm-cash-form": HTMLSqmCashFormElement;
-        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
-        "sqm-close-button": HTMLSqmCloseButtonElement;
-        "sqm-context-router": HTMLSqmContextRouterElement;
-        "sqm-coupon-code": HTMLSqmCouponCodeElement;
-        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
-        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
-        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
-        "sqm-docusign-form": HTMLSqmDocusignFormElement;
-        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
-        "sqm-edit-profile": HTMLSqmEditProfileElement;
-        "sqm-empty": HTMLSqmEmptyElement;
-        "sqm-form-message": HTMLSqmFormMessageElement;
-        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
-        "sqm-header-logo": HTMLSqmHeaderLogoElement;
-        "sqm-hero": HTMLSqmHeroElement;
-        "sqm-hero-image": HTMLSqmHeroImageElement;
-        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
-        "sqm-image": HTMLSqmImageElement;
-        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
-        "sqm-input-field": HTMLSqmInputFieldElement;
-        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
-        "sqm-leaderboard": HTMLSqmLeaderboardElement;
-        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
-        "sqm-link-button": HTMLSqmLinkButtonElement;
-        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
-        "sqm-name-fields": HTMLSqmNameFieldsElement;
-        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
-        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
-        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
-        "sqm-password-field": HTMLSqmPasswordFieldElement;
-        "sqm-popup-container": HTMLSqmPopupContainerElement;
-        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
-        "sqm-portal-container": HTMLSqmPortalContainerElement;
-        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
-        "sqm-portal-footer": HTMLSqmPortalFooterElement;
-        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
-        "sqm-portal-frame": HTMLSqmPortalFrameElement;
-        "sqm-portal-login": HTMLSqmPortalLoginElement;
-        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
-        "sqm-portal-profile": HTMLSqmPortalProfileElement;
-        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
-        "sqm-portal-register": HTMLSqmPortalRegisterElement;
-        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
-        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
-        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
-        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
-        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
-        "sqm-program-menu": HTMLSqmProgramMenuElement;
-        "sqm-referral-card": HTMLSqmReferralCardElement;
-        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
-        "sqm-referral-table": HTMLSqmReferralTableElement;
-        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
-        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
-        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
-        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
-        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
-        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
-        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
-        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
-        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
-        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
-        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
-        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
-        "sqm-rewards-table": HTMLSqmRewardsTableElement;
-        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
-        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
-        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
-        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
-        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
-        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
-        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
-        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
-        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
-        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
-        "sqm-route": HTMLSqmRouteElement;
-        "sqm-router": HTMLSqmRouterElement;
-        "sqm-scroll": HTMLSqmScrollElement;
-        "sqm-share-button": HTMLSqmShareButtonElement;
-        "sqm-share-code": HTMLSqmShareCodeElement;
-        "sqm-share-link": HTMLSqmShareLinkElement;
-        "sqm-stat-container": HTMLSqmStatContainerElement;
-        "sqm-stencilbook": HTMLSqmStencilbookElement;
-        "sqm-tab": HTMLSqmTabElement;
-        "sqm-table-cell": HTMLSqmTableCellElement;
-        "sqm-table-row": HTMLSqmTableRowElement;
-        "sqm-tabs": HTMLSqmTabsElement;
-        "sqm-task-card": HTMLSqmTaskCardElement;
-        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
-        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
-        "sqm-text": HTMLSqmTextElement;
-        "sqm-text-span": HTMLSqmTextSpanElement;
-        "sqm-timeline": HTMLSqmTimelineElement;
-        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
-        "sqm-titled-section": HTMLSqmTitledSectionElement;
-        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
-        "sqm-user-name": HTMLSqmUserNameElement;
+    interface SqmDocusignForm {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
+        "backButton"?: string;
+        /**
+          * Text shown in the banner above the document
+          * @uiName Banner text
+         */
+        "banner"?: string;
+        /**
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+         */
+        "checkboxDescription"?: string;
+        /**
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
+         */
+        "checkboxLabel"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseDocusignFormResult>;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
+        "formStep"?: string;
+        /**
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
+         */
+        "formSubmissionError"?: string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription"?: string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle"?: string;
+        /**
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
+         */
+        "notBasedInUS"?: string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "submitButton"?: string;
+        /**
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
+         */
+        "taxForm"?: string;
+        /**
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
+         */
+        "taxFormDescription"?: string;
+        /**
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
+         */
+        "taxFormLabel"?: string;
     }
-}
-declare namespace LocalJSX {
-    interface RaisinsPlopTarget {
+    interface SqmDropdownField {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<DropdownFieldViewProps>;
+        /**
+          * @uiName Dropdown label
+         */
+        "dropdownLabel"?: string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Dropdown name attribute
+          * @required
+         */
+        "dropdownName"?: string;
+        /**
+          * @uiName Optional
+          * @default
+         */
+        "dropdownOptional"?: boolean;
+        /**
+          * @uiName Unselected error message
+         */
+        "errorMessage"?: string;
     }
-    interface SqmAssetCard {
+    interface SqmEditProfile {
+        /**
+          * @uiName Cancel button text
+         */
+        "canceltext"?: string;
+        /**
+          * @uiName Region field label
+         */
+        "currentregiontext"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<AssetCardViewProps>;
+        "demoData"?: DemoData<EditProfileViewProps>;
         /**
-          * @uiName Banner image
+          * @uiName Heading
          */
-        "imgUrl"?: string;
+        "editprofileheader"?: string;
         /**
-          * @uiName Banner title
+          * Enable editing button text
+          * @uiName Edit profile text
          */
-        "titleText"?: string;
+        "editprofiletext"?: string;
+        /**
+          * @uiName First name label
+         */
+        "firstnametext"?: string;
+        /**
+          * @uiName Last name label
+         */
+        "lastnametext"?: string;
+        /**
+          * Show or hide current region
+          * @uiName Show region
+         */
+        "showregion"?: boolean;
+        /**
+          * @uiName Info button text
+         */
+        "updatetext"?: string;
     }
-    interface SqmBigStat {
+    interface SqmEmpty {
         /**
-          * Controls the alignment of the flexbox
-          * @uiName Alignment
-          * @uiType string
-          * @uiEnum ["left", "right", "center"]
-          * @uiEnumNames ["Left", "Right", "Center"]
+          * @uiName Title
          */
-        "alignment"?: "left" | "right" | "center";
+        "emptyStateHeader"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
          */
-        "demoData"?: DemoData<BigStatViewProps>;
+        "emptyStateImage"?: string;
         /**
-          * Controls the order of the stat value & description column
-          * @uiName Flex reverse
+          * @uiName Description
+          * @uiWidget textArea
+         */
+        "emptyStateText"?: string;
+    }
+    interface SqmFormMessage {
+        /**
+          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
+          * @uiName Icon
+         */
+        "icon"?: string;
+        /**
+          * Options include "success", "info", "warning", and "error"
+          * @uiName Alert type
+         */
+        "type"?: string;
+    }
+    interface SqmGraphqlClientProvider {
+        /**
+          * @uiName Domain
+         */
+        "domain"?: string;
+    }
+    interface SqmHeaderLogo {
+        /**
+          * @uiName Logo height
+         */
+        "height"?: number;
+        /**
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Logo image
+         */
+        "imageUrl"?: string;
+        /**
+          * Page participants are navigated to after clicking the header logo.
+          * @uiName Redirect path
+          * @uiWidget pageSelect
+         */
+        "nextPage"?: string;
+    }
+    interface SqmHero {
+        /**
+          * Can be an image url, colour or Shoelace variable.
+          * @uiName Background
+          * @uiWidget Background
+         */
+        "background"?: string;
+        /**
+          * @uiName Columns
+          * @uiEnum [1, 2]
+          * @uiEnumNames ["One", "Two"]
+         */
+        "columns"?: 1 | 2;
+        /**
+          * Minimum height of each column including when they are stacked on mobile
+          * @uiName Minimum height (in px)
+         */
+        "minHeight"?: number;
+        /**
+          * @uiName Padding size
+          * @uiEnum ["none", "small", "medium","large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+         */
+        "paddingSize"?: "none" | "small" | "medium" | "large";
+        /**
+          * Secondary background image or color (for use in the right column)
+          * @uiName Secondary background
+          * @uiWidget Background
+         */
+        "secondaryBackground"?: string;
+        /**
+          * Flexbox wrap direction, accepts wrap or wrap-reverse
+          * @uiName Wrap direction
+          * @uiEnum ["wrap", "wrap-reverse"]
+          * @uiEnumNames ["Wrap", "Wrap Reverse"]
+         */
+        "wrapDirection"?: "wrap" | "wrap-reverse";
+    }
+    interface SqmHeroImage {
+        /**
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Button link
+         */
+        "buttonLink"?: string;
+        /**
+          * @uiName Open link in new tab
           * @default
          */
-        "flexReverse"?: boolean;
+        "buttonNewTab"?: boolean;
         /**
-          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiName Button text
          */
-        "programId"?: string;
+        "buttonText"?: string;
         /**
-          * Select what type of stat to display. Manual paths are also supported.
-          * @uiWidget statTypeSelectWidget
-          * @uiName Stat type
+          * @uiName Description
+          * @uiWidget textArea
+         */
+        "description"?: string;
+        /**
+          * @uiName Title
+         */
+        "header"?: string;
+        /**
+          * @uiName Image mobile position
+          * @uiType string
+          * @uiEnum ["top", "bottom"]
+          * @uiEnumNames ["Top", "Bottom"]
+         */
+        "imageMobilePos"?: "top" | "bottom";
+        /**
+          * @uiName Image percentage
+          * @uiType number
+         */
+        "imagePercentage"?: number;
+        /**
+          * @uiName Image position
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "imagePos"?: "left" | "center" | "right";
+        /**
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
+         */
+        "imageUrl"?: string;
+        /**
+          * @uiName Image layout
+          * @uiType string
+          * @uiEnum ["overlay", "columns"]
+          * @uiEnumNames ["Overlay", "Two-column"]
+         */
+        "layout"?: "overlay" | "columns";
+        /**
+          * @uiName Overlay color
+          * @uiWidget color
+          * @format color
+         */
+        "overlayColor"?: string;
+        /**
+          * @uiName Overlay opacity
+         */
+        "overlayOpacity"?: string;
+        /**
+          * @uiName Image padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "paddingImage"?: Spacing;
+        /**
+          * @uiName Text padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "paddingText"?: Spacing;
+        /**
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+         */
+        "textColor"?: string;
+    }
+    interface SqmHookStoryContainer {
+        "hookStory"?: FunctionalComponent;
+    }
+    interface SqmImage {
+        /**
+          * @uiName Position alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "alignment"?: "left" | "center" | "right";
+        /**
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiWidget ImageUpload
+          * @format url
           * @required 
-          * @uiWidgetOptions {"version": 1.1}
+          * @uiName Image link
          */
-        "statType"?: string;
+        "imageUrl"?: string;
+        /**
+          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
+          * @uiName Minimum height
+         */
+        "minHeight"?: string;
     }
-    interface SqmBrand {
+    interface SqmIndirectTaxForm {
         /**
-          * Controls the primary brand color used in the Mint Components library.
-          * @uiName Brand color
-          * @uiWidget color
-          * @format color
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "brandColor"?: string;
+        "backButton"?: string;
         /**
-          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
-          * @uiName Brand font
-          * @default "Nunito Sans"
+          * @undocumented 
+          * @uiType object
          */
-        "brandFont"?: string;
-    }
-    interface SqmCardFeed {
+        "demoData"?: DemoData<UseIndirectTaxFormResult>;
         /**
-          * @uiName Column gap
-          * @uiType number
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Indirect tax form step text
          */
-        "gap"?: number;
+        "formStep"?: string;
         /**
-          * @uiName Card width
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "width"?: number;
-    }
-    interface SqmCashForm {
+        "generalErrorDescription"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "demoData"?: DemoData<UserNameViewProps>;
-    }
-    interface SqmCheckboxField {
+        "generalErrorTitle"?: string;
         /**
-          * @uiName Checkbox label
-          * @uiWidget textArea
+          * Label text for the HST Canada radio button
+          * @uiName HST Canada radio button label
          */
-        "checkboxLabel"?: string;
+        "hstCanada"?: string;
         /**
-          * Used with link text if the checkbox label contains {labelLink}
-          * @uiName Checkbox label link
+          * Heading text shown at the top of the page
+          * @uiName Indirect tax heading text
          */
-        "checkboxLabelLink"?: string;
+        "indirectTax"?: string;
         /**
-          * @uiName Checkbox label link lext
+          * Subtext shown at the top of the page
+          * @uiName Indirect tax sub text
          */
-        "checkboxLabelLinkText"?: string;
+        "indirectTaxDescription"?: string;
         /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Checkbox name attribute
-          * @required
+          * Heading text shown above the tax details radio buttons
+          * @uiName Indirect tax details heading
          */
-        "checkboxName"?: string;
+        "indirectTaxDetails"?: string;
         /**
-          * @uiName Optional
+          * Sub text shown above the tax details radio buttons
+          * @uiName Indirect tax details sub text
          */
-        "checkboxOptional"?: boolean;
+        "indirectTaxDetailsDescription"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Label text for the Indirect Tax Number input
+          * @uiName Indirect Tax Number input label
          */
-        "demoData"?: DemoData<CheckboxFieldViewProps>;
+        "indirectTaxNumber"?: string;
         /**
-          * @uiName Unchecked error message
+          * Error text shown below the Indirect Tax Number select input
+          * @uiName Indirect Tax Number error text
          */
-        "errorMessage"?: string;
-    }
-    interface SqmCloseButton {
+        "indirectTaxNumberError"?: string;
         /**
-          * @uiName Color
-          * @uiWidget color
-          * @uiType string
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
          */
-        "color"?: string;
-    }
-    interface SqmContextRouter {
-        "contextName"?: string;
-    }
-    interface SqmCouponCode {
+        "isPartnerAlertDescription"?: string;
         /**
-          * Set the copy button style and placement.
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "isPartnerAlertHeader"?: string;
         /**
-          * Display this message when the coupon code has been cancelled.
-          * @uiWidget textArea
-          * @uiName Cancelled code error message
-          * @uiGroup Coupon code error
+          * Label text for the not registered radio button
+          * @uiName Not registered radio button label
          */
-        "cancelledErrorText"?: string;
+        "notRegistered"?: string;
         /**
-          * @uiName Copy button label
+          * Label text for the other region radio button
+          * @uiName Other region radio button label
          */
-        "copyButtonLabel"?: string;
+        "otherRegion"?: string;
         /**
-          * @uiName Coupon code label
+          * Label text for the Province select input
+          * @uiName Province select input label
          */
-        "couponCodeLabel"?: string;
+        "province"?: string;
         /**
-          * Display this text when the coupon code can’t be retrieved.
-          * @uiName Coupon code placeholder
-          * @uiGroup Coupon code error
+          * Error text shown below the Selected Region select input
+          * @uiName Province error text
          */
-        "couponCodePlaceholder"?: string;
+        "provinceError"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Label text for the Selected Region select input
+          * @uiName Selected region select input label
          */
-        "demoData"?: DemoData<CouponCodeViewProps>;
+        "selectedRegion"?: string;
         /**
-          * Display this message when the coupon code has expired.
-          * @uiWidget textArea
-          * @uiName Expired code error message
-          * @uiGroup Coupon code error
+          * Error text shown below the Selected Region select input
+          * @uiName Selected Region error text
          */
-        "expiredErrorText"?: string;
+        "selectedRegionError"?: string;
         /**
-          * Display this message when the code fails to load due to a fulfillment error.
-          * @uiWidget textArea
-          * @uiName Code fulfillment error message
-          * @uiGroup Coupon code error
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "fullfillmentErrorText"?: string;
+        "submitButton"?: string;
         /**
-          * Display this message when the code fails to load due to an unspecified error.
-          * @uiWidget textArea
-          * @uiName Code retrieval error message
-          * @uiGroup Coupon code error
+          * Error text shown below the tax details radio buttons
+          * @uiName Indirect tax details error text
          */
-        "genericErrorText"?: string;
+        "taxDetailsError"?: string;
         /**
-          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
-          * @uiWidget textArea
-          * @uiName Code pending error message
-          * @uiGroup Coupon code error
+          * Label text for the VAT Number input
+          * @uiName VAT Number input label
          */
-        "pendingErrorText"?: string;
+        "vatNumber"?: string;
         /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Error text shown below the VAT Number input
+          * @uiName VAT Number error text
          */
-        "programId"?: string;
+        "vatNumberError"?: string;
+    }
+    interface SqmInputField {
         /**
-          * Display this message when the coupon code has already been redeemed.
-          * @uiWidget textArea
-          * @uiName Redeemed code error message
-          * @uiGroup Coupon code error
+          * @undocumented 
+          * @uiType object
          */
-        "redeemedErrorText"?: string;
+        "demoData"?: DemoData<InputFieldViewProps>;
         /**
-          * @uiName Coupon code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName Required error message
          */
-        "textAlign"?: "left" | "center" | "right";
+        "errorMessage"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * @uiName Input label
          */
-        "tooltiplifespan"?: number;
+        "fieldLabel"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
-          * @uiName Tooltip text
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Input name attribute
+          * @required
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmDividedLayout {
+        "fieldName"?: string;
         /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
+          * @uiName Optional
+          * @default
          */
-        "direction"?: "row" | "column";
+        "fieldOptional"?: boolean;
         /**
-          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
-          * @uiName Border style
+          * @uiName Input type
+          * @uiType string
+          * @uiEnum ["text", "date", "tel"]
+          * @uiEnumNames ["Text", "Date", "Phone Number"]
          */
-        "dividerStyle"?: string;
+        "fieldType"?: "text" | "date" | "tel";
     }
-    interface SqmDocumentTypeForm {
+    interface SqmInstantAccessRegistration {
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "backButton"?: string;
+        "backgroundColor"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UseDocumentTypeFormResult>;
-        /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-         */
-        "formLabel"?: string;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
+          * @uiName Email field label
          */
-        "formStep"?: string;
+        "emailLabel"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
+          * @uiName First name field label
          */
-        "generalErrorDescription"?: string;
+        "firstNameLabel"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "generalErrorTitle"?: string;
+        "hideBorder"?: boolean;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
+          * @undocumented 
+          * @uiType boolean
          */
-        "submitButton"?: string;
+        "includeCookies"?: boolean;
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "taxForm"?: string;
+        "includeName"?: boolean;
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "w8Description"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
+          * @uiName Last name field label
          */
-        "w8EDescription"?: string;
+        "lastNameLabel"?: string;
         /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "w8ELabel"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "w8Label"?: string;
+        "paddingBottom"?: string;
         /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "w9Description"?: string;
+        "paddingLeft"?: string;
         /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "w9Label"?: string;
-    }
-    interface SqmDocusignEmbed {
-        "url"?: string;
-    }
-    interface SqmDocusignForm {
+        "paddingRight"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "backButton"?: string;
+        "paddingTop"?: string;
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
+          * @uiName Register button text
          */
-        "banner"?: string;
+        "registerLabel"?: string;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "checkboxDescription"?: string;
+        "requiredFieldErrorMessage"?: string;
+    }
+    interface SqmLeaderboard {
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
+          * Title displayed for users without names
+          * @uiName Unknown user text
          */
-        "checkboxLabel"?: string;
+        "anonymousUser"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UseDocusignFormResult>;
+        "demoData"?: DemoData<LeaderboardViewProps>;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
+          * Hide the viewer's leaderboard row if not in the top results.
+          * @uiName Hide viewing user
+          * @default
          */
-        "formStep"?: string;
+        "hideViewer"?: boolean;
         /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "formSubmissionError"?: string;
+        "interval"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "generalErrorDescription"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * Control the maximum amount of rows displayed on the leaderboard.
+          * @uiName Maximum rows number
          */
-        "generalErrorTitle"?: string;
+        "maxRows"?: number;
         /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "notBasedInUS"?: string;
+        "programId"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
+          * @uiName Rank type
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "submitButton"?: string;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
+          * @uiName Rank column heading
          */
-        "taxForm"?: string;
+        "rankheading"?: string;
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
+          * @uiName Show leaderboard rank
          */
-        "taxFormDescription"?: string;
+        "showRank"?: boolean;
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
+          * @uiName Stats column heading
          */
-        "taxFormLabel"?: string;
+        "statsheading"?: string;
+        /**
+          * @uiName User column heading
+         */
+        "usersheading"?: string;
     }
-    interface SqmDropdownField {
+    interface SqmLeaderboardRank {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<DropdownFieldViewProps>;
+        "demoData"?: DemoData<LeaderboardRankViewProps>;
         /**
-          * @uiName Dropdown label
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "dropdownLabel"?: string;
+        "interval"?: string;
         /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Dropdown name attribute
-          * @required
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "dropdownName"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * @uiName Optional
-          * @default
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "dropdownOptional"?: boolean;
+        "programId"?: string;
         /**
-          * @uiName Unselected error message
+          * @uiName Rank text
+          * @uiWidget textArea
          */
-        "errorMessage"?: string;
+        "rankText"?: string;
+        /**
+          * @uiName Default rank
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+         */
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        /**
+          * @uiName Unranked text
+         */
+        "unrankedText"?: string;
     }
-    interface SqmEditProfile {
+    interface SqmLinkButton {
         /**
-          * @uiName Cancel button text
+          * @uiName Button text
+          * @uiType string
          */
-        "canceltext"?: string;
+        "buttonText"?: string;
         /**
-          * @uiName Region field label
+          * Enter the URL where you want your participants redirected. Example: https://www.example.com
+          * @required 
+          * @uiName Link
          */
-        "currentregiontext"?: string;
+        "link"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Open link in new tab
          */
-        "demoData"?: DemoData<EditProfileViewProps>;
+        "openInNewTab"?: boolean;
+    }
+    interface SqmLogoutCurrentUser {
         /**
-          * @uiName Heading
+          * @required 
+          * @uiName Switch user button link
          */
-        "editprofileheader"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * Enable editing button text
-          * @uiName Edit profile text
+          * @required 
+          * @uiName Switch user button label
          */
-        "editprofiletext"?: string;
+        "switchUserText"?: string;
         /**
-          * @uiName First name label
+          * @required 
+          * @uiName User identification text
          */
-        "firstnametext"?: string;
+        "userIdentificationText"?: string;
+    }
+    interface SqmNameFields {
         /**
-          * @uiName Last name label
+          * @undocumented 
+          * @uiType object
          */
-        "lastnametext"?: string;
+        "demoData"?: DemoData<NameFieldsViewProps>;
         /**
-          * Show or hide current region
-          * @uiName Show region
+          * @uiName First name label
          */
-        "showregion"?: boolean;
+        "firstNameLabel"?: string;
         /**
-          * @uiName Info button text
+          * @uiName Last name label
          */
-        "updatetext"?: string;
+        "lastNameLabel"?: string;
     }
-    interface SqmEmpty {
+    interface SqmNavigationMenu {
         /**
-          * @uiName Title
+          * @undocumented 
+          * @uiType object
          */
-        "emptyStateHeader"?: string;
+        "demoData"?: DemoData<NavigationMenuViewProps>;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
+          * @uiName Include dropdown menu
          */
-        "emptyStateImage"?: string;
+        "includeDropdown"?: boolean;
         /**
-          * @uiName Description
-          * @uiWidget textArea
+          * Label on the header menu
+          * @uiName Menu label
          */
-        "emptyStateText"?: string;
+        "menuLabel"?: string;
     }
-    interface SqmFormMessage {
+    interface SqmNavigationSidebar {
+    }
+    interface SqmNavigationSidebarItem {
         /**
-          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
+        /**
+          * Options available at https://shoelace.style/components/icon
           * @uiName Icon
          */
         "icon"?: string;
         /**
-          * Options include "success", "info", "warning", and "error"
-          * @uiName Alert type
+          * @uiName Label
          */
-        "type"?: string;
-    }
-    interface SqmGraphqlClientProvider {
+        "label"?: string;
         /**
-          * @uiName Domain
+          * @uiName Navigation path
+          * @uiWidget pageSelect
          */
-        "domain"?: string;
+        "path"?: string;
     }
-    interface SqmHeaderLogo {
+    interface SqmPasswordField {
         /**
-          * @uiName Logo height
+          * @undocumented 
+          * @uiType object
          */
-        "height"?: number;
+        "demoData"?: PasswordFieldViewDemoProps;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Logo image
+          * Disable live password validation
+          * @uiName Disable validation
          */
-        "imageUrl"?: string;
+        "disableValidation"?: boolean;
         /**
-          * Page participants are navigated to after clicking the header logo.
-          * @uiName Redirect path
-          * @uiWidget pageSelect
+          * Label for password field
+          * @uiName Password label
          */
-        "nextPage"?: string;
+        "fieldLabel"?: string;
     }
-    interface SqmHero {
-        /**
-          * Can be an image url, colour or Shoelace variable.
-          * @uiName Background
-          * @uiWidget Background
-         */
-        "background"?: string;
+    interface SqmPopupContainer {
         /**
-          * @uiName Columns
-          * @uiEnum [1, 2]
-          * @uiEnumNames ["One", "Two"]
+          * Display a close button on the popup
+          * @uiName Show close button
          */
-        "columns"?: 1 | 2;
+        "closeButton"?: boolean;
         /**
-          * Minimum height of each column including when they are stacked on mobile
-          * @uiName Minimum height (in px)
+          * Text inside the close button
+          * @uiName Close button text
          */
-        "minHeight"?: number;
+        "closeButtonText"?: string;
         /**
-          * @uiName Padding size
-          * @uiEnum ["none", "small", "medium","large"]
+          * Specify padding on the popup contents when in embedded mode
+          * @uiName Embed padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
           * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "paddingSize"?: "none" | "small" | "medium" | "large";
+        "embedPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * Secondary background image or color (for use in the right column)
-          * @uiName Secondary background
-          * @uiWidget Background
+          * Specify padding on the popup contents when in popup mode
+          * @uiName Popup padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "secondaryBackground"?: string;
+        "popupPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * Flexbox wrap direction, accepts wrap or wrap-reverse
-          * @uiName Wrap direction
-          * @uiEnum ["wrap", "wrap-reverse"]
-          * @uiEnumNames ["Wrap", "Wrap Reverse"]
+          * Show Powered with SaaSquatch by Impact.com link
+          * @uiName Show powered by
          */
-        "wrapDirection"?: "wrap" | "wrap-reverse";
+        "poweredBy"?: boolean;
     }
-    interface SqmHeroImage {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-         */
-        "backgroundColor"?: string;
+    interface SqmPortalChangePassword {
         /**
-          * @uiName Button link
+          * Found in modal
+          * @uiName Cancel button text
          */
-        "buttonLink"?: string;
+        "cancelText"?: string;
         /**
-          * @uiName Open link in new tab
-          * @default
+          * Found in modal
+          * @uiName Change password button text
          */
-        "buttonNewTab"?: boolean;
+        "changePasswordButtonText"?: string;
         /**
-          * @uiName Button text
+          * Found in modal
+          * @uiName Confirm password Label
          */
-        "buttonText"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * @uiName Description
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "description"?: string;
+        "demoData"?: DemoData<PortalChangePasswordViewProps>;
         /**
-          * @uiName Title
+          * @uiName Change password modal header
          */
-        "header"?: string;
+        "modalChangePasswordHeader"?: string;
         /**
-          * @uiName Image mobile position
-          * @uiType string
-          * @uiEnum ["top", "bottom"]
-          * @uiEnumNames ["Top", "Bottom"]
+          * Found in modal
+          * @uiName New password field label
          */
-        "imageMobilePos"?: "top" | "bottom";
+        "passwordFieldLabel"?: string;
         /**
-          * @uiName Image percentage
-          * @uiType number
+          * @uiName Change password button text
          */
-        "imagePercentage"?: number;
+        "portalChangePasswordButtonText"?: string;
         /**
-          * @uiName Image position
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * Portal change password section header
+          * @uiName Change password header
          */
-        "imagePos"?: "left" | "center" | "right";
+        "portalChangePasswordHeader"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
+          * Successful password change message
+          * @uiName Successful password change message
+          * @uiWidget textArea
          */
-        "imageUrl"?: string;
+        "successMessage"?: string;
+    }
+    interface SqmPortalContainer {
         /**
-          * @uiName Image layout
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
           * @uiType string
-          * @uiEnum ["overlay", "columns"]
-          * @uiEnumNames ["Overlay", "Two-column"]
          */
-        "layout"?: "overlay" | "columns";
+        "backgroundColor"?: string;
         /**
-          * @uiName Overlay color
-          * @uiWidget color
-          * @format color
+          * @uiName Center content
          */
-        "overlayColor"?: string;
+        "center"?: boolean;
         /**
-          * @uiName Overlay opacity
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
          */
-        "overlayOpacity"?: string;
+        "direction"?: "row" | "column";
         /**
-          * @uiName Image padding
+          * @uiName Display
           * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "paddingImage"?: Spacing;
+        "display"?: "grid" | "flex";
         /**
-          * @uiName Text padding
+          * @uiName Gap
           * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingText"?: Spacing;
-        /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
-         */
-        "textColor"?: string;
-    }
-    interface SqmHookStoryContainer {
-        "hookStory"?: FunctionalComponent;
-    }
-    interface SqmImage {
+        "gap"?: Spacing;
         /**
-          * @uiName Position alignment
+          * Define how this container distributes its contents along the main-axis.
+          * @uiName Justify content
           * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "alignment"?: "left" | "center" | "right";
-        /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-         */
-        "backgroundColor"?: string;
-        /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @required 
-          * @uiName Image link
-         */
-        "imageUrl"?: string;
-        /**
-          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
-          * @uiName Minimum height
-         */
-        "minHeight"?: string;
-    }
-    interface SqmIndirectTaxForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
+          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
+          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
          */
-        "backButton"?: string;
+        "justifyContent"?: | "start"
+    | "center"
+    | "end"
+    | "space-between"
+    | "space-around"
+    | "space-evenly";
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Maximum width
          */
-        "demoData"?: DemoData<UseIndirectTaxFormResult>;
+        "maxWidth"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
+          * @uiName Minimum width
          */
-        "formStep"?: string;
+        "minWidth"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
+          * @uiName Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "generalErrorDescription"?: string;
+        "padding"?: Spacing;
+    }
+    interface SqmPortalEmailVerification {
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * @undocumented 
+          * @uiType object
          */
-        "generalErrorTitle"?: string;
+        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
         /**
-          * Label text for the HST Canada radio button
-          * @uiName HST Canada radio button label
+          * @uiName Email verification header text
          */
-        "hstCanada"?: string;
+        "emailVerificationHeader"?: string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
+          * Redirect participants to this page from their verification email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "indirectTax"?: string;
+        "redirectPath"?: string;
         /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
+          * @uiName Re-send email button text
          */
-        "indirectTaxDescription"?: string;
+        "resendEmailButtonText"?: string;
         /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
+          * @uiName Email verification checking text
+          * @uiWidget textArea
          */
-        "indirectTaxDetails"?: string;
+        "verificationLoadingMessage"?: string;
         /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
+          * @uiName Email verification status text
+          * @uiWidget textArea
          */
-        "indirectTaxDetailsDescription"?: string;
+        "verificationStatusMessage"?: string;
         /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
+          * @uiName Email verification body text
+          * @uiWidget textArea
          */
-        "indirectTaxNumber"?: string;
+        "verifyMessage"?: string;
+    }
+    interface SqmPortalFooter {
         /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
+          * @uiName FAQ link
          */
-        "indirectTaxNumberError"?: string;
+        "faqLink"?: string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
+          * @uiName FAQ text
          */
-        "isPartnerAlertDescription"?: string;
+        "faqText"?: string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
+          * @uiName Hide powered with SaaSquatch by Impact.com
          */
-        "isPartnerAlertHeader"?: string;
+        "hidePoweredBy"?: boolean;
         /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
+          * @uiName Hide support message
          */
-        "notRegistered"?: string;
+        "hideSupportText"?: boolean;
         /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
+          * @uiName Bottom padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "otherRegion"?: string;
+        "paddingBottom"?: string;
         /**
-          * Label text for the Province select input
-          * @uiName Province select input label
+          * @uiName Left padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "province"?: string;
+        "paddingLeft"?: string;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
+          * @uiName Right padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "provinceError"?: string;
+        "paddingRight"?: string;
         /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
+          * @uiName Top padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "selectedRegion"?: string;
+        "paddingTop"?: string;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
+          * @uiName Powered By link
          */
-        "selectedRegionError"?: string;
+        "poweredByLink"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
+          * @uiName Support email
          */
-        "submitButton"?: string;
+        "supportEmail"?: string;
         /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
+          * @uiName Support message
+          * @uiWidget textArea
          */
-        "taxDetailsError"?: string;
+        "supportText"?: string;
         /**
-          * Label text for the VAT Number input
-          * @uiName VAT Number input label
+          * @uiName Terms and conditions link
          */
-        "vatNumber"?: string;
+        "termsLink"?: string;
         /**
-          * Error text shown below the VAT Number input
-          * @uiName VAT Number error text
+          * @uiName Terms and conditions text
          */
-        "vatNumberError"?: string;
+        "termsText"?: string;
     }
-    interface SqmInputField {
+    interface SqmPortalForgotPassword {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<InputFieldViewProps>;
+        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
         /**
-          * @uiName Required error message
+          * @uiName Email field label
          */
-        "errorMessage"?: string;
+        "emailLabel"?: string;
         /**
-          * @uiName Input label
+          * @uiName Header text
+          * @uiWidget textArea
          */
-        "fieldLabel"?: string;
+        "headerText"?: string;
         /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Input name attribute
-          * @required
+          * @uiName Login redirect path
+          * @uiWidget pageSelect
          */
-        "fieldName"?: string;
+        "loginPath"?: string;
         /**
-          * @uiName Optional
-          * @default
+          * Sign in link text
          */
-        "fieldOptional"?: boolean;
+        "loginText"?: string;
         /**
-          * @uiName Input type
-          * @uiType string
-          * @uiEnum ["text", "date", "tel"]
-          * @uiEnumNames ["Text", "Date", "Phone Number"]
+          * Redirect participants to this page after they verify their email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "fieldType"?: "text" | "date" | "tel";
-    }
-    interface SqmInstantAccessRegistration {
+        "redirectPath"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * @uiName Password reset button text
          */
-        "backgroundColor"?: string;
+        "submitLabel"?: string;
+    }
+    interface SqmPortalFrame {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
-        /**
-          * @uiName Email field label
-         */
-        "emailLabel"?: string;
-        /**
-          * @uiName First name field label
-         */
-        "firstNameLabel"?: string;
+        "demoData"?: DemoData<PortalFrameViewProps>;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * @undocumented
          */
-        "hideBorder"?: boolean;
+        "notFullScreen"?: boolean;
+    }
+    interface SqmPortalLogin {
         /**
           * @undocumented 
-          * @uiType boolean
-         */
-        "includeCookies"?: boolean;
-        /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
-         */
-        "includeName"?: boolean;
-        /**
-          * Display this message when the given email is invalid.
-          * @uiName Invalid email message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiType object
          */
-        "invalidEmailErrorMessage"?: string;
+        "demoData"?: DemoData<PortalLoginViewProps>;
         /**
-          * @uiName Last name field label
+          * @uiName Email field label
          */
-        "lastNameLabel"?: string;
+        "emailLabel"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
-          * @uiName Network error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Forgot password text
          */
-        "networkErrorMessage"?: string;
+        "forgotPasswordLabel"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page to reset their password
+          * @uiName Forgot password redirect
+          * @uiWidget pageSelect
          */
-        "paddingBottom"?: string;
+        "forgotPasswordPath"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page after they successfully login.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "paddingLeft"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Heading label
+          * @uiWidget textArea
          */
-        "paddingRight"?: string;
-        /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+        "pageLabel"?: string;
+        /**
+          * @uiName Password field label
          */
-        "paddingTop"?: string;
+        "passwordLabel"?: string;
         /**
           * @uiName Register button text
          */
         "registerLabel"?: string;
         /**
-          * Display this message when a required field has not been filled out.
-          * @uiName Required field message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * Redirect participants to this page to start registration.
+          * @uiName Register button redirect
+          * @uiWidget pageSelect
          */
-        "requiredFieldErrorMessage"?: string;
+        "registerPath"?: string;
+        /**
+          * @uiName Submit button text
+         */
+        "submitLabel"?: string;
     }
-    interface SqmLeaderboard {
+    interface SqmPortalLogout {
         /**
-          * Title displayed for users without names
-          * @uiName Unknown user text
+          * Redirect participants to this page when they log out.
+          * @uiName Logout redirect path
+          * @uiWidget pageSelect
          */
-        "anonymousUser"?: string;
+        "nextPage"?: string;
+    }
+    interface SqmPortalProfile {
+        /**
+          * @uiName Country field label
+         */
+        "countrytext"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<LeaderboardViewProps>;
+        "demoData"?: DemoData<PortalProfileViewProps>;
         /**
-          * Hide the viewer's leaderboard row if not in the top results.
-          * @uiName Hide viewing user
-          * @default
+          * @uiName Edit profile header
          */
-        "hideViewer"?: boolean;
+        "editProfileHeader"?: string;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiName Edit profile sub header
          */
-        "interval"?: string;
+        "editProfileSubHeader"?: string;
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * @uiName Email field label
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "emailtext"?: string;
         /**
-          * Control the maximum amount of rows displayed on the leaderboard.
-          * @uiName Maximum rows number
+          * @uiName First name label
          */
-        "maxRows"?: number;
+        "firstnametext"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * @uiName Hide country field
          */
-        "programId"?: string;
+        "hideCountry"?: boolean;
         /**
-          * @uiName Rank type
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * @uiName Last name field label
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "lastnametext"?: string;
         /**
-          * @uiName Rank column heading
+          * @uiName Submit changes button text
          */
-        "rankheading"?: string;
+        "submitChangeButtonText"?: string;
+    }
+    interface SqmPortalProtectedRoute {
         /**
-          * @uiName Show leaderboard rank
+          * Redirect participants to this page they are not logged in.
+          * @uiName Unauthenticated participant redirect
          */
-        "showRank"?: boolean;
+        "redirectTo"?: string;
         /**
-          * @uiName Stats column heading
+          * Redirect participants to this page when email verification is required but they have not verified their email.
+          * @uiName Unverified participant redirect
          */
-        "statsheading"?: string;
+        "redirectToUnverified"?: string;
         /**
-          * @uiName User column heading
+          * @uiName Require email verification
          */
-        "usersheading"?: string;
+        "requireEmailVerification"?: boolean;
     }
-    interface SqmLeaderboardRank {
+    interface SqmPortalRegister {
+        /**
+          * @uiName Show confirm password field
+         */
+        "confirmPassword"?: boolean;
+        /**
+          * @uiName Confirm password field label
+         */
+        "confirmPasswordLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<LeaderboardRankViewProps>;
+        "demoData"?: DemoData<PortalRegisterViewProps>;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiName Disable password validation
          */
-        "interval"?: string;
+        "disablePasswordValidation"?: boolean;
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * @uiName Email field label
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "emailLabel"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "programId"?: string;
+        "hideInputs"?: boolean;
         /**
-          * @uiName Rank text
+          * The message to be displayed when the email used is invalid or blocked.
+          * @uiName Invalid email message
           * @uiWidget textArea
          */
-        "rankText"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * @uiName Default rank
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * @uiName Login button text
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "loginLabel"?: string;
         /**
-          * @uiName Unranked text
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "unrankedText"?: string;
-    }
-    interface SqmLinkButton {
+        "loginPath"?: string;
         /**
-          * @uiName Button text
-          * @uiType string
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
          */
-        "buttonText"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * Enter the URL where you want your participants redirected. Example: https://www.example.com
-          * @required 
-          * @uiName Link
+          * Redirect participants to this page from their verification email
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "link"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Open link in new tab
+          * @uiName Header text
          */
-        "openInNewTab"?: boolean;
-    }
-    interface SqmLogoutCurrentUser {
+        "pageLabel"?: string;
         /**
-          * @required 
-          * @uiName Switch user button link
+          * @uiName Password field label
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "passwordLabel"?: string;
         /**
-          * @required 
-          * @uiName Switch user button label
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
+          * @uiWidget textArea
          */
-        "switchUserText"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * @required 
-          * @uiName User identification text
+          * The page that participants are redirected to from the verification email.
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "userIdentificationText"?: string;
-    }
-    interface SqmNameFields {
+        "redirectPath"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
          */
-        "demoData"?: DemoData<NameFieldsViewProps>;
+        "requiredFieldErrorMessage"?: string;
         /**
-          * @uiName First name label
+          * @uiName Submit button text
          */
-        "firstNameLabel"?: string;
+        "submitLabel"?: string;
+    }
+    interface SqmPortalRegistrationForm {
         /**
-          * @uiName Last name label
+          * @uiName Show confirm password field
          */
-        "lastNameLabel"?: string;
-    }
-    interface SqmNavigationMenu {
+        "confirmPassword"?: boolean;
+        /**
+          * @uiName Confirm password field label
+         */
+        "confirmPasswordLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<NavigationMenuViewProps>;
+        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
         /**
-          * @uiName Include dropdown menu
+          * @uiName Disable password validation
          */
-        "includeDropdown"?: boolean;
+        "disablePasswordValidation"?: boolean;
         /**
-          * Label on the header menu
-          * @uiName Menu label
+          * @uiName Email field label
          */
-        "menuLabel"?: string;
-    }
-    interface SqmNavigationSidebar {
-    }
-    interface SqmNavigationSidebarItem {
+        "emailLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The message to be displayed when the registration form is disabled.
+          * @uiName Form disabled message
+          * @uiWidget textArea
          */
-        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
+        "formDisabledErrorMessage"?: string;
         /**
-          * Options available at https://shoelace.style/components/icon
-          * @uiName Icon
+          * The key of the registration form used for this microsite.
+          * @uiName Form key
+          * @required
          */
-        "icon"?: string;
+        "formKey"?: string;
         /**
-          * @uiName Label
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
+         */
+        "hideInputs"?: boolean;
+        /**
+          * The message to be displayed when the email used is invalid or blocked.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+         */
+        "invalidEmailErrorMessage"?: string;
+        /**
+          * @uiName Login button text
          */
-        "label"?: string;
+        "loginLabel"?: string;
         /**
-          * @uiName Navigation path
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
           * @uiWidget pageSelect
          */
-        "path"?: string;
-    }
-    interface SqmPasswordField {
+        "loginPath"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
          */
-        "demoData"?: PasswordFieldViewDemoProps;
+        "networkErrorMessage"?: string;
         /**
-          * Disable live password validation
-          * @uiName Disable validation
+          * Redirect participants to this page after they successfully register.
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "disableValidation"?: boolean;
+        "nextPage"?: string;
         /**
-          * Label for password field
-          * @uiName Password label
+          * @uiName Header text
          */
-        "fieldLabel"?: string;
-    }
-    interface SqmPopupContainer {
+        "pageLabel"?: string;
         /**
-          * Display a close button on the popup
-          * @uiName Show close button
+          * @uiName Password field label
          */
-        "closeButton"?: boolean;
+        "passwordLabel"?: string;
         /**
-          * Text inside the close button
-          * @uiName Close button text
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
+          * @uiWidget textArea
          */
-        "closeButtonText"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * Specify padding on the popup contents when in embedded mode
-          * @uiName Embed padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * Redirect participants to this page from their verification email
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "embedPadding"?: "none" | "small" | "medium" | "large";
+        "redirectPath"?: string;
         /**
-          * Specify padding on the popup contents when in popup mode
-          * @uiName Popup padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
          */
-        "popupPadding"?: "none" | "small" | "medium" | "large";
+        "requiredFieldErrorMessage"?: string;
         /**
-          * Show Powered with SaaSquatch by Impact.com link
-          * @uiName Show powered by
+          * @uiName Submit button text
          */
-        "poweredBy"?: boolean;
+        "submitLabel"?: string;
     }
-    interface SqmPortalChangePassword {
+    interface SqmPortalResetPassword {
         /**
-          * Found in modal
-          * @uiName Cancel button text
+          * @uiName Show confirm password field
          */
-        "cancelText"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * Found in modal
-          * @uiName Change password button text
+          * @uiName Password confirmation field label
          */
-        "changePasswordButtonText"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * Found in modal
-          * @uiName Confirm password Label
+          * Button text displayed after a successful password reset.
+          * @uiName Continue button text
          */
-        "confirmPasswordFieldLabel"?: string;
+        "continueButtonText"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalChangePasswordViewProps>;
-        /**
-          * @uiName Change password modal header
-         */
-        "modalChangePasswordHeader"?: string;
+        "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
-          * Found in modal
-          * @uiName New password field label
+          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
+          * @uiName Failed reset redirect
+          * @uiWidget pageSelect
          */
-        "passwordFieldLabel"?: string;
+        "failedPage"?: string;
         /**
-          * @uiName Change password button text
+          * Redirect participants to this page when they successfully reset their password.
+          * @uiName Successful reset redirect
+          * @uiWidget pageSelect
          */
-        "portalChangePasswordButtonText"?: string;
+        "nextPage"?: string;
         /**
-          * Portal change password section header
-          * @uiName Change password header
+          * @uiName Password field label
          */
-        "portalChangePasswordHeader"?: string;
+        "passwordFieldLabel"?: string;
         /**
-          * Successful password change message
-          * @uiName Successful password change message
+          * Displayed after a successful password reset.
+          * @uiName Successful password reset text
           * @uiWidget textArea
          */
-        "successMessage"?: string;
-    }
-    interface SqmPortalContainer {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
-         */
-        "backgroundColor"?: string;
+        "passwordResetHeader"?: string;
         /**
-          * @uiName Center content
+          * @uiName Password reset button text
          */
-        "center"?: boolean;
+        "resetPasswordButtonText"?: string;
         /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
+          * @uiName Reset password header text
          */
-        "direction"?: "row" | "column";
+        "resetPasswordHeader"?: string;
+    }
+    interface SqmPortalVerifyEmail {
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * @undocumented 
+          * @uiType object
          */
-        "display"?: "grid" | "flex";
+        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
-          * @uiName Gap
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page if verification fails due to an outdated verification attempt.
+          * @uiName Failed verification redirect
+          * @uiWidget pageSelect
          */
-        "gap"?: Spacing;
+        "failedPage"?: string;
         /**
-          * Define how this container distributes its contents along the main-axis.
-          * @uiName Justify content
-          * @uiType string
-          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
-          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
+          * Redirect participants to this page when they successfully verify their email.
+          * @uiName Successful verification redirect
+          * @uiWidget pageSelect
          */
-        "justifyContent"?: | "start"
-    | "center"
-    | "end"
-    | "space-between"
-    | "space-around"
-    | "space-evenly";
+        "nextPage"?: string;
+    }
+    interface SqmProgramExplainer {
         /**
-          * @uiName Maximum width
+          * @uiName Header background color
+          * @uiWidget color
+          * @format color
          */
-        "maxWidth"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Minimum width
+          * @uiName Header text
          */
-        "minWidth"?: string;
+        "header"?: string;
         /**
-          * @uiName Padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Header text color
+          * @uiWidget color
+          * @format color
          */
-        "padding"?: Spacing;
+        "textColor"?: string;
     }
-    interface SqmPortalEmailVerification {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
+    interface SqmProgramExplainerStep {
         /**
-          * @uiName Email verification header text
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "emailVerificationHeader"?: string;
+        "backgroundColor"?: string;
         /**
-          * Redirect participants to this page from their verification email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @uiName Description
+          * @uiWidget textArea
          */
-        "redirectPath"?: string;
+        "description"?: string;
         /**
-          * @uiName Re-send email button text
+          * @uiName Title
          */
-        "resendEmailButtonText"?: string;
+        "header"?: string;
         /**
-          * @uiName Email verification checking text
-          * @uiWidget textArea
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "verificationLoadingMessage"?: string;
+        "icon"?: string;
         /**
-          * @uiName Email verification status text
-          * @uiWidget textArea
+          * Displayed in place of an icon
+          * @uiName Image URL
+          * @uiWidget imageUpload
+          * @format url
          */
-        "verificationStatusMessage"?: string;
+        "imageUrl"?: string;
         /**
-          * @uiName Email verification body text
-          * @uiWidget textArea
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "verifyMessage"?: string;
+        "textColor"?: string;
     }
-    interface SqmPortalFooter {
-        /**
-          * @uiName FAQ link
-         */
-        "faqLink"?: string;
+    interface SqmProgramMenu {
+    }
+    interface SqmReferralCard {
         /**
-          * @uiName FAQ text
+          * @uiName Background color
+          * @uiWidget color
+          * @uiType string
          */
-        "faqText"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Hide powered with SaaSquatch by Impact.com
+          * @uiName Hide border
+          * @uiType boolean
          */
-        "hidePoweredBy"?: boolean;
+        "hideBorder"?: boolean;
         /**
-          * @uiName Hide support message
+          * @uiName Limit width
+          * @uiType boolean
          */
-        "hideSupportText"?: boolean;
+        "limitWidth"?: boolean;
         /**
           * @uiName Bottom padding
           * @uiGroup Padding
@@ -5501,571 +6514,463 @@ declare namespace LocalJSX {
          */
         "paddingTop"?: string;
         /**
-          * @uiName Powered By link
-         */
-        "poweredByLink"?: string;
-        /**
-          * @uiName Support email
-         */
-        "supportEmail"?: string;
-        /**
-          * @uiName Support message
-          * @uiWidget textArea
-         */
-        "supportText"?: string;
-        /**
-          * @uiName Terms and conditions link
-         */
-        "termsLink"?: string;
-        /**
-          * @uiName Terms and conditions text
+          * @uiName Vertical alignment
+          * @uiType string
+          * @uiEnum ["start", "center", "end"]
+          * @uiEnumNames ["Top", "Center", "Bottom"]
          */
-        "termsText"?: string;
+        "verticalAlignment"?: "start" | "center" | "end";
     }
-    interface SqmPortalForgotPassword {
+    interface SqmReferralIframe {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
-        /**
-          * @uiName Email field label
-         */
-        "emailLabel"?: string;
-        /**
-          * @uiName Header text
-          * @uiWidget textArea
-         */
-        "headerText"?: string;
-        /**
-          * @uiName Login redirect path
-          * @uiWidget pageSelect
-         */
-        "loginPath"?: string;
-        /**
-          * Sign in link text
-         */
-        "loginText"?: string;
-        /**
-          * Redirect participants to this page after they verify their email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
-         */
-        "redirectPath"?: string;
+        "demoData"?: DemoData<ReferralIframeViewProps>;
         /**
-          * @uiName Password reset button text
+          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame height
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalFrame {
+        "iframeHeight"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * URL of iframe to display
+          * @uiName IFrame source
+          * @required
          */
-        "demoData"?: DemoData<PortalFrameViewProps>;
+        "iframeSrc"?: string;
         /**
-          * @undocumented
+          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame width
          */
-        "notFullScreen"?: boolean;
+        "iframeWidth"?: string;
     }
-    interface SqmPortalLogin {
+    interface SqmReferralTable {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalLoginViewProps>;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * @uiName Email field label
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Hidden mobile columns
          */
-        "emailLabel"?: string;
+        "hiddenColumns"?: string;
         /**
-          * @uiName Forgot password text
+          * @uiName Hide column labels
          */
-        "forgotPasswordLabel"?: string;
+        "hideLabels"?: boolean;
         /**
-          * Redirect participants to this page to reset their password
-          * @uiName Forgot password redirect
-          * @uiWidget pageSelect
+          * @uiName Tablet breakpoint
          */
-        "forgotPasswordPath"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * Redirect participants to this page after they successfully login.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * @uiName View More button text
          */
-        "nextPage"?: string;
+        "moreLabel"?: string;
         /**
-          * @uiName Heading label
-          * @uiWidget textArea
+          * Number of referrals displayed per page
+          * @uiName Referrals per page
          */
-        "pageLabel"?: string;
+        "perPage"?: number;
         /**
-          * @uiName Password field label
+          * @uiName Previous button text
          */
-        "passwordLabel"?: string;
+        "prevLabel"?: string;
         /**
-          * @uiName Register button text
+          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "registerLabel"?: string;
+        "programId"?: string;
         /**
-          * Redirect participants to this page to start registration.
-          * @uiName Register button redirect
-          * @uiWidget pageSelect
+          * Show referred by user in table
+          * @uiName Show referrer
+          * @default
          */
-        "registerPath"?: string;
+        "showReferrer"?: boolean;
         /**
-          * @uiName Submit button text
+          * @uiName Mobile breakpoint
          */
-        "submitLabel"?: string;
+        "smBreakpoint"?: number;
     }
-    interface SqmPortalLogout {
-        /**
-          * Redirect participants to this page when they log out.
-          * @uiName Logout redirect path
-          * @uiWidget pageSelect
-         */
-        "nextPage"?: string;
+    interface SqmReferralTableCell {
+        "innerTemplate"?: string;
     }
-    interface SqmPortalProfile {
-        /**
-          * @uiName Country field label
-         */
-        "countrytext"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<PortalProfileViewProps>;
-        /**
-          * @uiName Edit profile header
-         */
-        "editProfileHeader"?: string;
-        /**
-          * @uiName Edit profile sub header
-         */
-        "editProfileSubHeader"?: string;
-        /**
-          * @uiName Email field label
-         */
-        "emailtext"?: string;
-        /**
-          * @uiName First name label
-         */
-        "firstnametext"?: string;
-        /**
-          * @uiName Hide country field
-         */
-        "hideCountry"?: boolean;
-        /**
-          * @uiName Last name field label
-         */
-        "lastnametext"?: string;
+    interface SqmReferralTableColumn {
         /**
-          * @uiName Submit changes button text
+          * @uiName Column title
          */
-        "submitChangeButtonText"?: string;
+        "columnTitle"?: string;
     }
-    interface SqmPortalProtectedRoute {
-        /**
-          * Redirect participants to this page they are not logged in.
-          * @uiName Unauthenticated participant redirect
-         */
-        "redirectTo"?: string;
-        /**
-          * Redirect participants to this page when email verification is required but they have not verified their email.
-          * @uiName Unverified participant redirect
-         */
-        "redirectToUnverified"?: string;
-        /**
-          * @uiName Require email verification
-         */
-        "requireEmailVerification"?: boolean;
+    interface SqmReferralTableDateCell {
+        "date"?: number;
+        "locale"?: string;
     }
-    interface SqmPortalRegister {
-        /**
-          * @uiName Show confirm password field
-         */
-        "confirmPassword"?: boolean;
-        /**
-          * @uiName Confirm password field label
-         */
-        "confirmPasswordLabel"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<PortalRegisterViewProps>;
-        /**
-          * @uiName Disable password validation
-         */
-        "disablePasswordValidation"?: boolean;
-        /**
-          * @uiName Email field label
-         */
-        "emailLabel"?: string;
-        /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
-         */
-        "hideInputs"?: boolean;
+    interface SqmReferralTableDateColumn {
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
-          * @uiWidget textArea
+          * @uiName Date column title
          */
-        "invalidEmailErrorMessage"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiName Login button text
+          * @uiName Date displayed
+          * @uiType string
+          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
+          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
          */
-        "loginLabel"?: string;
+        "dateShown"?: ReferralDates;
+    }
+    interface SqmReferralTableRewardsCell {
+        "deniedHelpText"?: string;
+        "expiringText"?: string;
+        "fuelTankText"?: string;
+        "hideDetails"?: boolean;
+        "locale"?: string;
+        "pendingForText"?: string;
+        "rewardReceivedText"?: string;
+        "rewards"?: Reward[];
+        "statusLongText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableRewardsColumn {
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * @uiName Reward column title
          */
-        "loginPath"?: string;
+        "columnTitle"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
+          * Shown in the dropdown details when a reward was denied.
+          * @uiName Reward denied help text
          */
-        "networkErrorMessage"?: string;
+        "deniedHelpText"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * Shown in the dropdown details when a reward has an expiry date.
+          * @uiName Reward expiring text
          */
-        "nextPage"?: string;
+        "expiringText"?: string;
         /**
-          * @uiName Header text
+          * Shown in the dropdown details when a reward has an associated fuel tank code.
+          * @uiName Fuel tank code text
          */
-        "pageLabel"?: string;
+        "fuelTankText"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Hide dropdown details of reward
+          * @default
          */
-        "passwordLabel"?: string;
+        "hideDetails"?: boolean;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * Shown in the dropdown details when a reward is pending.
+          * @uiName Reward pending text
          */
-        "passwordMismatchErrorMessage"?: string;
+        "pendingForText"?: string;
         /**
-          * The page that participants are redirected to from the verification email.
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * Shown in the dropdown details when a reward has been received.’
+          * @uiName Reward received text
          */
-        "redirectPath"?: string;
+        "rewardReceivedText"?: string;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
+          * Additional status text shown in the details drop down.
+          * @uiName Reward status long text
           * @uiWidget textArea
          */
-        "requiredFieldErrorMessage"?: string;
+        "statusLongText"?: string;
         /**
-          * @uiName Submit button text
+          * Text shown in the reward status badge.
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "submitLabel"?: string;
+        "statusText"?: string;
     }
-    interface SqmPortalRegistrationForm {
+    interface SqmReferralTableStatusCell {
+        "converted"?: boolean;
+        "fraudStatus"?: FraudStatus;
+        "statusSubText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusColumn {
         /**
-          * @uiName Show confirm password field
+          * @uiName Column title
          */
-        "confirmPassword"?: boolean;
+        "columnTitle"?: string;
         /**
-          * @uiName Confirm password field label
+          * @uiName Converted status text
          */
-        "confirmPasswordLabel"?: string;
+        "convertedStatusText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Denied status sub-text
          */
-        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
+        "deniedStatusSubText"?: string;
         /**
-          * @uiName Disable password validation
+          * @uiName Denied status text
          */
-        "disablePasswordValidation"?: boolean;
+        "deniedStatusText"?: string;
         /**
-          * @uiName Email field label
+          * @uiName In progress status text
          */
-        "emailLabel"?: string;
+        "inProgressStatusText"?: string;
         /**
-          * The message to be displayed when the registration form is disabled.
-          * @uiName Form disabled message
-          * @uiWidget textArea
+          * @uiName Pending review status sub-text
          */
-        "formDisabledErrorMessage"?: string;
+        "pendingReviewStatusSubText"?: string;
         /**
-          * The key of the registration form used for this microsite.
-          * @uiName Form key
-          * @required
+          * @uiName Pending review status text
          */
-        "formKey"?: string;
+        "pendingReviewStatusText"?: string;
+    }
+    interface SqmReferralTableUserCell {
+        "name"?: string;
+    }
+    interface SqmReferralTableUserColumn {
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "hideInputs"?: boolean;
+        "anonymousUser"?: string;
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
-          * @uiWidget textArea
+          * @uiName User column title
          */
-        "invalidEmailErrorMessage"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiName Login button text
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "loginLabel"?: string;
+        "deletedUser"?: string;
+    }
+    interface SqmReferredRegistration {
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "loginPath"?: string;
+        "backgroundColor"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "networkErrorMessage"?: string;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * Redirect participants to this page after they successfully register.
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * @uiName Email field label
          */
-        "nextPage"?: string;
+        "emailLabel"?: string;
         /**
-          * @uiName Header text
+          * @uiName First name field label
          */
-        "pageLabel"?: string;
+        "firstNameLabel"?: string;
         /**
-          * @uiName Password field label
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "passwordLabel"?: string;
+        "fraudErrorMessage"?: string;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message title
           * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "passwordMismatchErrorMessage"?: string;
+        "fraudErrorMessageTitle"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "redirectPath"?: string;
+        "hideBorder"?: boolean;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType boolean
          */
-        "requiredFieldErrorMessage"?: string;
+        "includeCookies"?: boolean;
         /**
-          * @uiName Submit button text
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalResetPassword {
+        "includeName"?: boolean;
         /**
-          * @uiName Show confirm password field
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "confirmPassword"?: boolean;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * @uiName Password confirmation field label
+          * @uiName Last name field label
          */
-        "confirmPasswordFieldLabel"?: string;
+        "lastNameLabel"?: string;
         /**
-          * Button text displayed after a successful password reset.
-          * @uiName Continue button text
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "continueButtonText"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "demoData"?: DemoData<PortalResetPasswordViewProps>;
+        "paddingBottom"?: string;
         /**
-          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
-          * @uiName Failed reset redirect
-          * @uiWidget pageSelect
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "failedPage"?: string;
+        "paddingLeft"?: string;
         /**
-          * Redirect participants to this page when they successfully reset their password.
-          * @uiName Successful reset redirect
-          * @uiWidget pageSelect
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "nextPage"?: string;
+        "paddingRight"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "passwordFieldLabel"?: string;
+        "paddingTop"?: string;
         /**
-          * Displayed after a successful password reset.
-          * @uiName Successful password reset text
+          * @uiName Register button text
+         */
+        "registerLabel"?: string;
+        /**
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
           * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "passwordResetHeader"?: string;
+        "requiredFieldErrorMessage"?: string;
+    }
+    interface SqmRewardExchangeList {
         /**
-          * @uiName Password reset button text
+          * @uiName Back button text
          */
-        "resetPasswordButtonText"?: string;
+        "backText"?: string;
         /**
-          * @uiName Reset password header text
+          * @uiName Cancel button text
          */
-        "resetPasswordHeader"?: string;
-    }
-    interface SqmPortalVerifyEmail {
+        "cancelText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Choose amount progress title
          */
-        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
+        "chooseAmountTitle"?: string;
         /**
-          * Redirect participants to this page if verification fails due to an outdated verification attempt.
-          * @uiName Failed verification redirect
-          * @uiWidget pageSelect
+          * @uiName Choose reward progress title
          */
-        "failedPage"?: string;
+        "chooseRewardTitle"?: string;
         /**
-          * Redirect participants to this page when they successfully verify their email.
-          * @uiName Successful verification redirect
-          * @uiWidget pageSelect
+          * @uiName Confirmation progress title
          */
-        "nextPage"?: string;
-    }
-    interface SqmProgramExplainer {
+        "confirmationTitle"?: string;
         /**
-          * @uiName Header background color
-          * @uiWidget color
-          * @format color
+          * @uiName Continue button text
          */
-        "backgroundColor"?: string;
+        "continueText"?: string;
         /**
-          * @uiName Header text
+          * Displayed on the reward selection page.
+          * @uiName Continue to confirmation button text
          */
-        "header"?: string;
+        "continueToConfirmationText"?: string;
         /**
-          * @uiName Header text color
-          * @uiWidget color
-          * @format color
+          * Shown in the confirmation state.
+          * @uiName Cost row title
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramExplainerStep {
+        "costTitle"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * @undocumented 
+          * @uiType object
          */
-        "backgroundColor"?: string;
+        "demoData"?: DemoData<RewardExchangeViewProps>;
         /**
-          * @uiName Description
-          * @uiWidget textArea
+          * @uiName Done text
          */
-        "description"?: string;
+        "doneText"?: string;
         /**
-          * @uiName Title
+          * Error message shown when reward is not available
+          * @uiName Not available error
+          * @uiWidget textArea
          */
-        "header"?: string;
+        "notAvailableError"?: string;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * @uiName Not enough error message
+          * @uiWidget textArea
          */
-        "icon"?: string;
+        "notEnoughError"?: string;
         /**
-          * Displayed in place of an icon
-          * @uiName Image URL
-          * @uiWidget imageUpload
-          * @format url
+          * @uiName Promo code text
          */
-        "imageUrl"?: string;
+        "promoCode"?: string;
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * Shown if an error occurs when loading the reward exchange.
+          * @uiName Reward list error message
+          * @uiWidget textArea
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramMenu {
-    }
-    interface SqmReferralCard {
+        "queryError"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiType string
+          * @uiName Redeem button text
          */
-        "backgroundColor"?: string;
+        "redeemText"?: string;
         /**
-          * @uiName Hide border
-          * @uiType boolean
+          * Displayed as the header for the confirmation page.
+          * @uiName Confirmation title text
          */
-        "hideBorder"?: boolean;
+        "redeemTitle"?: string;
         /**
-          * @uiName Limit width
-          * @uiType boolean
+          * Shown if an error occurs during the reward exchange.
+          * @uiName Redemption error message
+          * @uiWidget textArea
          */
-        "limitWidth"?: boolean;
+        "redemptionError"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Displayed on the success screen when a user successfully exchanges for a reward.
+          * @uiName Redemption success message
+          * @uiWidget textArea
          */
-        "paddingBottom"?: string;
+        "redemptionSuccessText"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Shown in the confirmation state.
+          * @uiName Reward amount row title
          */
-        "paddingLeft"?: string;
+        "rewardAmountTitle"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Shown in the confirmation state.
+          * @uiName Reward row title
          */
-        "paddingRight"?: string;
+        "rewardNameTitle"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Reward redeemed text
          */
-        "paddingTop"?: string;
+        "rewardRedeemedText"?: string;
         /**
-          * @uiName Vertical alignment
-          * @uiType string
-          * @uiEnum ["start", "center", "end"]
-          * @uiEnumNames ["Top", "Center", "Bottom"]
+          * @uiName Reward title text
          */
-        "verticalAlignment"?: "start" | "center" | "end";
-    }
-    interface SqmReferralIframe {
+        "rewardTitle"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Select amount text
+          * @uiWidget textArea
          */
-        "demoData"?: DemoData<ReferralIframeViewProps>;
+        "selectText"?: string;
         /**
-          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame height
+          * Set the number of placeholder cards to be shown in loading state.
+          * @uiName Loading cards
          */
-        "iframeHeight"?: string;
+        "skeletonCardNum"?: number;
         /**
-          * URL of iframe to display
-          * @uiName IFrame source
-          * @required
+          * Displayed on the reward exchange cards.
+          * @uiName Reward exchange amount text
+          * @uiWidget textArea
          */
-        "iframeSrc"?: string;
+        "sourceAmountMessage"?: string;
         /**
-          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame width
+          * Shown when a user copies a fuel tank code
+          * @uiName Tooltip text
          */
-        "iframeWidth"?: string;
+        "tooltipText"?: string;
     }
-    interface SqmReferralTable {
+    interface SqmRewardsTable {
         /**
           * @undocumented 
           * @uiType object
@@ -6075,7 +6980,7 @@ declare namespace LocalJSX {
   };
         /**
           * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Hidden mobile columns
+          * @uiName Mobile hidden columns
          */
         "hiddenColumns"?: string;
         /**
@@ -6087,12 +6992,11 @@ declare namespace LocalJSX {
          */
         "mdBreakpoint"?: number;
         /**
-          * @uiName View More button text
+          * @uiName View more button text
          */
         "moreLabel"?: string;
         /**
-          * Number of referrals displayed per page
-          * @uiName Referrals per page
+          * @uiName Rewards per page
          */
         "perPage"?: number;
         /**
@@ -6100,1071 +7004,1118 @@ declare namespace LocalJSX {
          */
         "prevLabel"?: string;
         /**
-          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
+          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
           * @uiName Program
           * @uiWidget programSelector
          */
         "programId"?: string;
-        /**
-          * Show referred by user in table
-          * @uiName Show referrer
-          * @default
-         */
-        "showReferrer"?: boolean;
         /**
           * @uiName Mobile breakpoint
          */
         "smBreakpoint"?: number;
     }
-    interface SqmReferralTableCell {
-        "innerTemplate"?: string;
+    interface SqmRewardsTableCustomerNoteCell {
+        "locale"?: string;
+        "note"?: string;
     }
-    interface SqmReferralTableColumn {
+    interface SqmRewardsTableCustomerNoteColumn {
         /**
           * @uiName Column title
          */
         "columnTitle"?: string;
     }
-    interface SqmReferralTableDateCell {
+    interface SqmRewardsTableDateCell {
         "date"?: number;
         "locale"?: string;
     }
-    interface SqmReferralTableDateColumn {
+    interface SqmRewardsTableDateColumn {
+        /**
+          * @uiName Date column title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Date displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
+          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
+         */
+        "dateShown"?: string;
+    }
+    interface SqmRewardsTableRewardCell {
+        "availableText"?: string;
+        "copyText"?: string;
+        "locale"?: string;
+        "redeemedText"?: string;
+        "reward"?: Reward;
+    }
+    interface SqmRewardsTableRewardColumn {
+        /**
+          * @uiName Remaining amount text
+         */
+        "availableText"?: string;
+        /**
+          * @uiName Reward column title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Copied fuel tank text
+         */
+        "copyText"?: string;
+        /**
+          * @uiName Redeemed amount text
+         */
+        "redeemedText"?: string;
+    }
+    interface SqmRewardsTableSourceCell {
+        "anonymousUserText"?: string;
+        "deletedUserText"?: string;
+        "locale"?: string;
+        "referralText"?: string;
+        "reward"?: Reward;
+        "rewardExchangeText"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableSourceColumn {
+        /**
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
+         */
+        "anonymousUser"?: string;
+        /**
+          * @uiName Soruce column title
+         */
+        "columnTitle"?: string;
+        /**
+          * Name displayed for deleted users
+          * @uiName Deleted user text
+         */
+        "deletedUser"?: string;
+        /**
+          * Shown when a reward has been created by a referral
+          * @uiName Referral text
+          * @uiWidget textArea
+         */
+        "referralText"?: string;
         /**
-          * @uiName Date column title
+          * @uiName Reward exchange label
          */
-        "columnTitle"?: string;
+        "rewardExchangeText"?: string;
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
-          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
+          * Shown when a reward has been created by a source other than a referral.
+          * @uiName Reward source text
+          * @uiWidget textArea
          */
-        "dateShown"?: ReferralDates;
+        "rewardSourceText"?: string;
     }
-    interface SqmReferralTableRewardsCell {
-        "deniedHelpText"?: string;
-        "expiringText"?: string;
-        "fuelTankText"?: string;
-        "hideDetails"?: boolean;
+    interface SqmRewardsTableStatusCell {
+        "deniedText"?: string;
+        "expiryText"?: string;
         "locale"?: string;
-        "pendingForText"?: string;
-        "rewardReceivedText"?: string;
-        "rewards"?: Reward[];
-        "statusLongText"?: string;
+        "pendingReviewText"?: string;
+        "pendingScheduled"?: string;
+        "pendingUnhandled"?: string;
+        "pendingUsTax"?: string;
+        "reward"?: Reward;
         "statusText"?: string;
     }
-    interface SqmReferralTableRewardsColumn {
+    interface SqmRewardsTableStatusColumn {
         /**
-          * @uiName Reward column title
+          * @uiName Column title
          */
         "columnTitle"?: string;
         /**
-          * Shown in the dropdown details when a reward was denied.
-          * @uiName Reward denied help text
-         */
-        "deniedHelpText"?: string;
-        /**
-          * Shown in the dropdown details when a reward has an expiry date.
-          * @uiName Reward expiring text
+          * Displayed when denied for fraud.
+          * @uiName Denied text
          */
-        "expiringText"?: string;
+        "deniedText"?: string;
         /**
-          * Shown in the dropdown details when a reward has an associated fuel tank code.
-          * @uiName Fuel tank code text
+          * Text shown before the date of an expiring reward.
+          * @uiName Expiry date prefix
          */
-        "fuelTankText"?: string;
+        "expiryText"?: string;
         /**
-          * @uiName Hide dropdown details of reward
-          * @default
+          * Displayed when flagged for fraud.
+          * @uiName Pending review text
          */
-        "hideDetails"?: boolean;
+        "pendingReviewText"?: string;
         /**
-          * Shown in the dropdown details when a reward is pending.
-          * @uiName Reward pending text
+          * Text shown before the available date of a pending reward.
+          * @uiName Pending date prefix
          */
-        "pendingForText"?: string;
+        "pendingScheduled"?: string;
         /**
-          * Shown in the dropdown details when a reward has been received.’
-          * @uiName Reward received text
+          * Displayed when fulfillment error occured when creating a reward.
+          * @uiName Unhandled error text
          */
-        "rewardReceivedText"?: string;
+        "pendingUnhandled"?: string;
         /**
-          * Additional status text shown in the details drop down.
-          * @uiName Reward status long text
-          * @uiWidget textArea
+          * Displayed when a reward is pending due to W9 compliance.
+          * @uiName W9 pending text
          */
-        "statusLongText"?: string;
+        "pendingUsTax"?: string;
         /**
-          * Text shown in the reward status badge.
           * @uiName Reward status text
           * @uiWidget textArea
          */
         "statusText"?: string;
     }
-    interface SqmReferralTableStatusCell {
-        "converted"?: boolean;
-        "fraudStatus"?: FraudStatus;
-        "statusSubText"?: string;
-        "statusText"?: string;
+    interface SqmRoute {
+        /**
+          * Page Path URL for this route.
+          * @uiName Navigation path name
+         */
+        "path"?: string;
     }
-    interface SqmReferralTableStatusColumn {
+    interface SqmRouter {
+    }
+    interface SqmScroll {
         /**
-          * @uiName Column title
+          * @uiName Button text
          */
-        "columnTitle"?: string;
+        "buttonText"?: string;
         /**
-          * @uiName Converted status text
+          * @uiName Button type
+          * @uiType string
+          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
+          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
          */
-        "convertedStatusText"?: string;
+        "buttonType"?: | "default"
+    | "primary"
+    | "success"
+    | "neutral"
+    | "warning"
+    | "danger"
+    | "text";
         /**
-          * @uiName Denied status sub-text
+          * Draws a circle button.
+          * @uiName Circle
          */
-        "deniedStatusSubText"?: string;
+        "circle"?: boolean;
         /**
-          * @uiName Denied status text
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "deniedStatusText"?: string;
+        "iconName"?: string;
         /**
-          * @uiName In progress status text
+          * @uiName Icon slot
+          * @uiType string
+          * @uiEnum ["prefix", "suffix"]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "inProgressStatusText"?: string;
+        "iconSlot"?: string;
         /**
-          * @uiName Pending review status sub-text
+          * The button becomes full width if the screen size is smaller than 500px
+          * @uiName Full width on mobile
          */
-        "pendingReviewStatusSubText"?: string;
+        "mobile"?: boolean;
         /**
-          * @uiName Pending review status text
+          * Draws an outlined button.
+          * @uiName Outline
          */
-        "pendingReviewStatusText"?: string;
-    }
-    interface SqmReferralTableUserCell {
-        "name"?: string;
-    }
-    interface SqmReferralTableUserColumn {
+        "outline"?: boolean;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * Draws a pill-style button with rounded edges.
+          * @uiName Pill
          */
-        "anonymousUser"?: string;
+        "pill"?: boolean;
         /**
-          * @uiName User column title
+          * @uiName Scroll animation style
+          * @uiType string
+          * @uiEnum ["smooth", "auto"]
+          * @uiEnumNames ["Smooth", "Auto"]
          */
-        "columnTitle"?: string;
+        "scrollAnimation"?: "smooth" | "auto";
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
+          * @uiName Scroll ID
          */
-        "deletedUser"?: string;
+        "scrollId"?: string;
+        /**
+          * The name of the HTML tag you would like to scroll to. E.g referral-table
+          * @uiName Scroll tag name
+         */
+        "scrollTagName"?: string;
+        /**
+          * @uiName Size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large"]
+          * @uiEnumNames ["Small", "Medium", "Large"]
+         */
+        "size"?: string;
     }
-    interface SqmReferredRegistration {
+    interface SqmShareButton {
         /**
-          * @uiName Background color
+          * @uiName Button background color
           * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * @format color
          */
-        "backgroundColor"?: string;
+        "backgroundcolor"?: string;
+        /**
+          * Configure border radius with pixel amount
+          * @uiName Border radius
+         */
+        "borderradius"?: number;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "demoData"?: DemoData<ShareButtonViewProps>;
         /**
-          * @uiName Email field label
+          * @uiName Disabled
          */
-        "emailLabel"?: string;
+        "disabled"?: boolean;
         /**
-          * @uiName First name field label
+          * @uiName Hide icon
+          * @default
          */
-        "firstNameLabel"?: string;
+        "hideicon"?: boolean;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Hide text
+          * @default
          */
-        "fraudErrorMessage"?: string;
+        "hidetext"?: boolean;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message title
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
+          * @uiName Icon
+         */
+        "icon"?: string;
+        /**
+          * @uiName Icon location
+          * @uiType string
+          * @uiEnum ["prefix", "suffix" ]
+          * @uiEnumNames ["Prefix", "Suffix"]
+         */
+        "iconslot"?: "prefix" | "suffix";
+        /**
+          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
+          * @uiName Share medium
+          * @uiType string
+          * @required 
+          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
+          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
+         */
+        "medium"?: | "facebook"
+    | "twitter"
+    | "email"
+    | "direct"
+    | "linkedin"
+    | "sms"
+    | "fbmessenger"
+    | "whatsapp"
+    | "linemessenger"
+    | "pinterest"
+    | "reminder"
+    | "unknown";
+        /**
+          * @uiName Display pill
+         */
+        "pill"?: boolean;
+        /**
+          * Optional programId, or uses the programId context where this button is rendered.
+          * @uiName Program ID
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * Text used for native sharing (mobile only)
+          * @uiName Share text
          */
-        "fraudErrorMessageTitle"?: string;
+        "sharetext"?: string;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * Title used for native sharing (mobile only)
+          * @uiName Share title
          */
-        "hideBorder"?: boolean;
+        "sharetitle"?: string;
         /**
-          * @undocumented 
-          * @uiType boolean
+          * @uiName Button size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large" ]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "includeCookies"?: boolean;
+        "size"?: "small" | "medium" | "large";
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * @uiName Button text color
+          * @uiWidget color
+          * @format color
          */
-        "includeName"?: boolean;
+        "textcolor"?: string;
         /**
-          * Display this message when the given email is invalid.
-          * @uiName Invalid email message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiType string
+          * @uiName Button style
+          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
+          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
-        "invalidEmailErrorMessage"?: string;
+        "type"?: | "primary"
+    | "success"
+    | "info"
+    | "warning"
+    | "danger"
+    | "default"
+    | "text";
+    }
+    interface SqmShareCode {
         /**
-          * @uiName Last name field label
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "lastNameLabel"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Display this message when the form submission unexpectedly fails.
-          * @uiName Network error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Copy button label
          */
-        "networkErrorMessage"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @undocumented 
+          * @uiType object
          */
-        "paddingBottom"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "paddingLeft"?: string;
+        "programId"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Change the text alignment
+          * @uiName Share code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "paddingRight"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "paddingTop"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * @uiName Register button text
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "registerLabel"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmShareLink {
         /**
-          * Display this message when a required field has not been filled out.
-          * @uiName Required field message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "requiredFieldErrorMessage"?: string;
-    }
-    interface SqmRewardExchangeList {
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * @uiName Back button text
+          * @uiName Copy button label
          */
-        "backText"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * @uiName Cancel button text
+          * @undocumented 
+          * @uiType object
          */
-        "cancelText"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * @uiName Choose amount progress title
+          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "chooseAmountTitle"?: string;
+        "programId"?: string;
         /**
-          * @uiName Choose reward progress title
+          * Change the text alignment
+          * @uiName Share link alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "chooseRewardTitle"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * @uiName Confirmation progress title
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "confirmationTitle"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * @uiName Continue button text
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "continueText"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmStatContainer {
         /**
-          * Displayed on the reward selection page.
-          * @uiName Continue to confirmation button text
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "continueToConfirmationText"?: string;
+        "display"?: "grid" | "flex";
         /**
-          * Shown in the confirmation state.
-          * @uiName Cost row title
+          * @uiName Space between stats
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "costTitle"?: string;
+        "space"?: Spacing;
+    }
+    interface SqmStencilbook {
+    }
+    interface SqmTab {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Tab title
          */
-        "demoData"?: DemoData<RewardExchangeViewProps>;
+        "header"?: string;
+    }
+    interface SqmTableCell {
         /**
-          * @uiName Done text
+          * @uiName Column span
          */
-        "doneText"?: string;
+        "colspan"?: number;
         /**
-          * Error message shown when reward is not available
-          * @uiName Not available error
-          * @uiWidget textArea
+          * @uiName Padding
          */
-        "notAvailableError"?: string;
+        "padding"?: string;
+    }
+    interface SqmTableRow {
         /**
-          * @uiName Not enough error message
-          * @uiWidget textArea
+          * @uiName Border
          */
-        "notEnoughError"?: string;
+        "border"?: string;
+    }
+    interface SqmTabs {
         /**
-          * @uiName Promo code text
+          * Used to specify the placement of the tabs
+          * @uiName Tabs placement
+          * @uiType string
+          * @uiEnum ["left", "right", "bottom", "top"]
+          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
          */
-        "promoCode"?: string;
+        "placement"?: "left" | "right" | "bottom" | "top";
+    }
+    interface SqmTaskCard {
         /**
-          * Shown if an error occurs when loading the reward exchange.
-          * @uiName Reward list error message
-          * @uiWidget textArea
+          * @uiName Button link
+          * @uiGroup Button
          */
-        "queryError"?: string;
+        "buttonLink"?: string;
         /**
-          * @uiName Redeem button text
+          * @uiName Button text
+          * @uiGroup Button
          */
-        "redeemText"?: string;
+        "buttonText"?: string;
         /**
-          * Displayed as the header for the confirmation page.
-          * @uiName Confirmation title text
+          * @uiName Title
+          * @uiGroup Task
          */
-        "redeemTitle"?: string;
+        "cardTitle"?: string;
         /**
-          * Shown if an error occurs during the reward exchange.
-          * @uiName Redemption error message
+          * Displays the amount of times that a user has completed a repeatable task.
+          * @uiName Completed count text
+          * @uiGroup Task
           * @uiWidget textArea
          */
-        "redemptionError"?: string;
+        "completedText"?: string;
         /**
-          * Displayed on the success screen when a user successfully exchanges for a reward.
-          * @uiName Redemption success message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "redemptionSuccessText"?: string;
+        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward amount row title
+          * @uiName Description
+          * @uiGroup Task
          */
-        "rewardAmountTitle"?: string;
+        "description"?: string;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward row title
+          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
+          * @uiName Display duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Task
          */
-        "rewardNameTitle"?: string;
+        "displayDuration"?: string;
+        /**
+          * Shown to users after the end of the task duration.
+          * @uiName Ended date message
+          * @uiGroup Task
+         */
+        "endedMessage"?: string;
         /**
-          * @uiName Reward redeemed text
+          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
+          * @uiName Task card button event key
+          * @uiGroup Button
          */
-        "rewardRedeemedText"?: string;
+        "eventKey"?: string;
         /**
-          * @uiName Reward title text
+          * Displayed when a user views a task card after the reward duration interval.
+          * @uiName Expiry date message
+          * @uiGroup Task
          */
-        "rewardTitle"?: string;
+        "expiryMessage"?: string;
         /**
-          * @uiName Select amount text
-          * @uiWidget textArea
+          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
+          * @uiName Repeat amount
+          * @uiGroup Reward
          */
-        "selectText"?: string;
+        "finite"?: number;
         /**
-          * Set the number of placeholder cards to be shown in loading state.
-          * @uiName Loading cards
+          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
+          * @uiName Goal completion number
+          * @uiGroup Goal
          */
-        "skeletonCardNum"?: number;
+        "goal"?: number;
         /**
-          * Displayed on the reward exchange cards.
-          * @uiName Reward exchange amount text
-          * @uiWidget textArea
+          * @uiName Hide CTA button
+          * @uiGroup Button
          */
-        "sourceAmountMessage"?: string;
+        "hideButton"?: boolean;
         /**
-          * Shown when a user copies a fuel tank code
-          * @uiName Tooltip text
+          * Button link opens in new tab
+          * @uiName Open in new tab
+          * @uiGroup Button
+          * @default
          */
-        "tooltipText"?: string;
-    }
-    interface SqmRewardsTable {
+        "openNewTab"?: boolean;
         /**
-          * @undocumented 
-          * @uiType object
+          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
+          * @uiName Program ID override
+          * @uiWidget programSelector
+          * @uiGroup Goal
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
+        "programId"?: string;
         /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Mobile hidden columns
+          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
+          * @uiName Progress bar unit
+          * @uiGroup Goal
          */
-        "hiddenColumns"?: string;
+        "progressBarUnit"?: string;
         /**
-          * @uiName Hide column labels
+          * @uiName Goal repeatable
+          * @uiGroup Goal
+          * @default
          */
-        "hideLabels"?: boolean;
+        "repeatable"?: boolean;
         /**
-          * @uiName Tablet breakpoint
+          * @uiName Reward amount
+          * @uiGroup Reward
          */
-        "mdBreakpoint"?: number;
+        "rewardAmount"?: string;
         /**
-          * @uiName View more button text
+          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
+          * @uiName Reward duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Reward
          */
-        "moreLabel"?: string;
+        "rewardDuration"?: string;
         /**
-          * @uiName Rewards per page
+          * @uiName Reward unit
+          * @uiGroup Reward
          */
-        "perPage"?: number;
+        "rewardUnit"?: string;
         /**
-          * @uiName Previous button text
+          * @uiName Show progress bar
+          * @uiGroup Goal
+          * @default
          */
-        "prevLabel"?: string;
+        "showProgressBar"?: boolean;
         /**
-          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Shown to users before the start of the task duration.
+          * @uiName Start date message
+          * @uiGroup Task
          */
-        "programId"?: string;
+        "startsOnMessage"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * Select what type of stat to display for the goal. Manual paths are also supported.
+          * @uiName Goal progress source
+          * @required 
+          * @minLength 1
+          * @uiWidget statTypeSelectWidget
+          * @uiWidgetOptions {"version": 1.1}
+          * @uiGroup Goal
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmRewardsTableCustomerNoteCell {
-        "locale"?: string;
-        "note"?: string;
-    }
-    interface SqmRewardsTableCustomerNoteColumn {
+        "statType"?: string;
         /**
-          * @uiName Column title
+          * @uiName Progress bar steps
+          * @uiGroup Goal
+          * @default
          */
-        "columnTitle"?: string;
-    }
-    interface SqmRewardsTableDateCell {
-        "date"?: number;
-        "locale"?: string;
+        "steps"?: boolean;
     }
-    interface SqmRewardsTableDateColumn {
+    interface SqmTaxAndCash {
         /**
-          * @uiName Date column title
+          * @undocumented 
+          * @uiType object
          */
-        "columnTitle"?: string;
+        "demoData"?: DemoData<UserNameViewProps>;
+    }
+    interface SqmTaxAndCashMonolith {
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
-          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
          */
-        "dateShown"?: string;
-    }
-    interface SqmRewardsTableRewardCell {
-        "availableText"?: string;
-        "copyText"?: string;
-        "locale"?: string;
-        "redeemedText"?: string;
-        "reward"?: Reward;
-    }
-    interface SqmRewardsTableRewardColumn {
+        "allowBankingCollection"?: string;
         /**
-          * @uiName Remaining amount text
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
          */
-        "availableText"?: string;
+        "allowBankingCollectionError"?: string;
         /**
-          * @uiName Reward column title
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "columnTitle"?: string;
+        "backButton"?: string;
         /**
-          * @uiName Copied fuel tank text
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
          */
-        "copyText"?: string;
+        "businessEntity"?: string;
         /**
-          * @uiName Redeemed amount text
+          * Label text for country input
+          * @uiName Country label
          */
-        "redeemedText"?: string;
-    }
-    interface SqmRewardsTableSourceCell {
-        "anonymousUserText"?: string;
-        "deletedUserText"?: string;
-        "locale"?: string;
-        "referralText"?: string;
-        "reward"?: Reward;
-        "rewardExchangeText"?: string;
-        "rewardSourceText"?: string;
-    }
-    interface SqmRewardsTableSourceColumn {
+        "country"?: string;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
          */
-        "anonymousUser"?: string;
+        "countryError"?: string;
         /**
-          * @uiName Soruce column title
+          * Label text for currency input
+          * @uiName Currency label
          */
-        "columnTitle"?: string;
+        "currency"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
          */
-        "deletedUser"?: string;
+        "currencyError"?: string;
         /**
-          * Shown when a reward has been created by a referral
-          * @uiName Referral text
-          * @uiWidget textArea
+          * Label text for email input
+          * @uiName Email label
          */
-        "referralText"?: string;
+        "email"?: string;
         /**
-          * @uiName Reward exchange label
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
          */
-        "rewardExchangeText"?: string;
+        "emailError"?: string;
         /**
-          * Shown when a reward has been created by a source other than a referral.
-          * @uiName Reward source text
-          * @uiWidget textArea
+          * Label text for first name input
+          * @uiName First name label
          */
-        "rewardSourceText"?: string;
-    }
-    interface SqmRewardsTableStatusCell {
-        "deniedText"?: string;
-        "expiryText"?: string;
-        "locale"?: string;
-        "pendingReviewText"?: string;
-        "pendingScheduled"?: string;
-        "pendingUnhandled"?: string;
-        "pendingUsTax"?: string;
-        "reward"?: Reward;
-        "statusText"?: string;
-    }
-    interface SqmRewardsTableStatusColumn {
+        "firstName"?: string;
         /**
-          * @uiName Column title
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
          */
-        "columnTitle"?: string;
+        "firstNameError"?: string;
         /**
-          * Displayed when denied for fraud.
-          * @uiName Denied text
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
          */
-        "deniedText"?: string;
+        "formStep"?: string;
         /**
-          * Text shown before the date of an expiring reward.
-          * @uiName Expiry date prefix
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "expiryText"?: string;
+        "generalErrorDescription"?: string;
         /**
-          * Displayed when flagged for fraud.
-          * @uiName Pending review text
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "pendingReviewText"?: string;
+        "generalErrorTitle"?: string;
         /**
-          * Text shown before the available date of a pending reward.
-          * @uiName Pending date prefix
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
          */
-        "pendingScheduled"?: string;
+        "individualParticipant"?: string;
         /**
-          * Displayed when fulfillment error occured when creating a reward.
-          * @uiName Unhandled error text
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
          */
-        "pendingUnhandled"?: string;
+        "isPartnerAlertDescription"?: string;
         /**
-          * Displayed when a reward is pending due to W9 compliance.
-          * @uiName W9 pending text
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
          */
-        "pendingUsTax"?: string;
+        "isPartnerAlertHeader"?: string;
         /**
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * Label text for last name input
+          * @uiName Last name label
          */
-        "statusText"?: string;
-    }
-    interface SqmRoute {
+        "lastName"?: string;
         /**
-          * Page Path URL for this route.
-          * @uiName Navigation path name
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
          */
-        "path"?: string;
-    }
-    interface SqmRouter {
-    }
-    interface SqmScroll {
+        "lastNameError"?: string;
         /**
-          * @uiName Button text
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
          */
-        "buttonText"?: string;
+        "participantType"?: string;
         /**
-          * @uiName Button type
-          * @uiType string
-          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
-          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
          */
-        "buttonType"?: | "default"
-    | "primary"
-    | "success"
-    | "neutral"
-    | "warning"
-    | "danger"
-    | "text";
+        "participantTypeError"?: string;
         /**
-          * Draws a circle button.
-          * @uiName Circle
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
          */
-        "circle"?: boolean;
+        "personalInformation"?: string;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "iconName"?: string;
+        "step2BackButton"?: string;
         /**
-          * @uiName Icon slot
-          * @uiType string
-          * @uiEnum ["prefix", "suffix"]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Indirect tax form step text
          */
-        "iconSlot"?: string;
+        "step2FormStep"?: string;
         /**
-          * The button becomes full width if the screen size is smaller than 500px
-          * @uiName Full width on mobile
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "mobile"?: boolean;
+        "step2GeneralErrorDescription"?: string;
         /**
-          * Draws an outlined button.
-          * @uiName Outline
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "outline"?: boolean;
+        "step2GeneralErrorTitle"?: string;
         /**
-          * Draws a pill-style button with rounded edges.
-          * @uiName Pill
+          * Label text for the HST Canada radio button
+          * @uiName HST Canada radio button label
          */
-        "pill"?: boolean;
+        "step2HstCanada"?: string;
         /**
-          * @uiName Scroll animation style
-          * @uiType string
-          * @uiEnum ["smooth", "auto"]
-          * @uiEnumNames ["Smooth", "Auto"]
+          * Heading text shown at the top of the page
+          * @uiName Indirect tax heading text
          */
-        "scrollAnimation"?: "smooth" | "auto";
+        "step2IndirectTax"?: string;
         /**
-          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
-          * @uiName Scroll ID
+          * Subtext shown at the top of the page
+          * @uiName Indirect tax sub text
          */
-        "scrollId"?: string;
+        "step2IndirectTaxDescription"?: string;
         /**
-          * The name of the HTML tag you would like to scroll to. E.g referral-table
-          * @uiName Scroll tag name
+          * Heading text shown above the tax details radio buttons
+          * @uiName Indirect tax details heading
          */
-        "scrollTagName"?: string;
+        "step2IndirectTaxDetails"?: string;
         /**
-          * @uiName Size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large"]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * Sub text shown above the tax details radio buttons
+          * @uiName Indirect tax details sub text
          */
-        "size"?: string;
-    }
-    interface SqmShareButton {
+        "step2IndirectTaxDetailsDescription"?: string;
         /**
-          * @uiName Button background color
-          * @uiWidget color
-          * @format color
+          * Label text for the Indirect Tax Number input
+          * @uiName Indirect Tax Number input label
          */
-        "backgroundcolor"?: string;
+        "step2IndirectTaxNumber"?: string;
         /**
-          * Configure border radius with pixel amount
-          * @uiName Border radius
+          * Error text shown below the Indirect Tax Number select input
+          * @uiName Indirect Tax Number error text
          */
-        "borderradius"?: number;
+        "step2IndirectTaxNumberError"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
          */
-        "demoData"?: DemoData<ShareButtonViewProps>;
+        "step2IsPartnerAlertDescription"?: string;
         /**
-          * @uiName Disabled
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
          */
-        "disabled"?: boolean;
+        "step2IsPartnerAlertHeader"?: string;
         /**
-          * @uiName Hide icon
-          * @default
+          * Label text for the not registered radio button
+          * @uiName Not registered radio button label
          */
-        "hideicon"?: boolean;
+        "step2NotRegistered"?: string;
         /**
-          * @uiName Hide text
-          * @default
+          * Label text for the other region radio button
+          * @uiName Other region radio button label
          */
-        "hidetext"?: boolean;
+        "step2OtherRegion"?: string;
         /**
-          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
-          * @uiName Icon
+          * Label text for the Province select input
+          * @uiName Province select input label
          */
-        "icon"?: string;
+        "step2Province"?: string;
         /**
-          * @uiName Icon location
-          * @uiType string
-          * @uiEnum ["prefix", "suffix" ]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * Error text shown below the Selected Region select input
+          * @uiName Province error text
          */
-        "iconslot"?: "prefix" | "suffix";
+        "step2ProvinceError"?: string;
         /**
-          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
-          * @uiName Share medium
-          * @uiType string
-          * @required 
-          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
-          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
+          * Label text for the Selected Region select input
+          * @uiName Selected region select input label
          */
-        "medium"?: | "facebook"
-    | "twitter"
-    | "email"
-    | "direct"
-    | "linkedin"
-    | "sms"
-    | "fbmessenger"
-    | "whatsapp"
-    | "linemessenger"
-    | "pinterest"
-    | "reminder"
-    | "unknown";
+        "step2SelectedRegion"?: string;
         /**
-          * @uiName Display pill
+          * Error text shown below the Selected Region select input
+          * @uiName Selected Region error text
          */
-        "pill"?: boolean;
+        "step2SelectedRegionError"?: string;
         /**
-          * Optional programId, or uses the programId context where this button is rendered.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "programId"?: string;
+        "step2SubmitButton"?: string;
         /**
-          * Text used for native sharing (mobile only)
-          * @uiName Share text
+          * Error text shown below the tax details radio buttons
+          * @uiName Indirect tax details error text
          */
-        "sharetext"?: string;
+        "step2TaxDetailsError"?: string;
         /**
-          * Title used for native sharing (mobile only)
-          * @uiName Share title
+          * Label text for the VAT Number input
+          * @uiName VAT Number input label
          */
-        "sharetitle"?: string;
+        "step2VatNumber"?: string;
         /**
-          * @uiName Button size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large" ]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * Error text shown below the VAT Number input
+          * @uiName VAT Number error text
          */
-        "size"?: "small" | "medium" | "large";
+        "step2VatNumberError"?: string;
         /**
-          * @uiName Button text color
-          * @uiWidget color
-          * @format color
+          * Text shown in the banner above the document
+          * @uiName Banner text
          */
-        "textcolor"?: string;
+        "step3Banner"?: string;
         /**
-          * @uiType string
-          * @uiName Button style
-          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
-          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
          */
-        "type"?: | "primary"
-    | "success"
-    | "info"
-    | "warning"
-    | "danger"
-    | "default"
-    | "text";
-    }
-    interface SqmShareCode {
+        "step3CheckboxDescription"?: string;
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "step3CheckboxLabel"?: string;
         /**
-          * @uiName Copy button label
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
          */
-        "copyButtonLabel"?: string;
+        "step3FormStep"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "step3FormSubmissionError"?: string;
         /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "programId"?: string;
+        "step3GeneralErrorDescription"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "textAlign"?: "left" | "center" | "right";
+        "step3GeneralErrorTitle"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "tooltiplifespan"?: number;
+        "step3SubmitButton"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmShareLink {
+        "step3TaxForm"?: string;
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "step3TaxFormDescription"?: string;
         /**
-          * @uiName Copy button label
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
          */
-        "copyButtonLabel"?: string;
+        "step3TaxFormLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "step3bBackButton"?: string;
         /**
-          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
          */
-        "programId"?: string;
+        "step3bFormLabel"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share link alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
          */
-        "textAlign"?: "left" | "center" | "right";
+        "step3bFormStep"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "tooltiplifespan"?: number;
+        "step3bGeneralErrorDescription"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmStatContainer {
+        "step3bGeneralErrorTitle"?: string;
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "display"?: "grid" | "flex";
+        "step3bSubmitButton"?: string;
         /**
-          * @uiName Space between stats
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
          */
-        "space"?: Spacing;
-    }
-    interface SqmStencilbook {
-    }
-    interface SqmTab {
+        "step3bTaxForm"?: string;
         /**
-          * @uiName Tab title
+          * Subtext for the W8 radio button
+          * @uiName W8 radio button subtext
          */
-        "header"?: string;
-    }
-    interface SqmTableCell {
+        "step3bW8Description"?: string;
         /**
-          * @uiName Column span
+          * Subtext for the W8E radio button
+          * @uiName W8E radio button subtext
          */
-        "colspan"?: number;
+        "step3bW8EDescription"?: string;
         /**
-          * @uiName Padding
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
          */
-        "padding"?: string;
-    }
-    interface SqmTableRow {
+        "step3bW8ELabel"?: string;
         /**
-          * @uiName Border
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
          */
-        "border"?: string;
-    }
-    interface SqmTabs {
+        "step3bW8Label"?: string;
         /**
-          * Used to specify the placement of the tabs
-          * @uiName Tabs placement
-          * @uiType string
-          * @uiEnum ["left", "right", "bottom", "top"]
-          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
+          * Subtext for the W9 radio button
+          * @uiName W9 radio button subtext
          */
-        "placement"?: "left" | "right" | "bottom" | "top";
-    }
-    interface SqmTaskCard {
+        "step3bW9Description"?: string;
         /**
-          * @uiName Button link
-          * @uiGroup Button
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
          */
-        "buttonLink"?: string;
+        "step3bW9Label"?: string;
         /**
-          * @uiName Button text
-          * @uiGroup Button
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
          */
-        "buttonText"?: string;
+        "step4BadgeTextAwaitingReview"?: string;
         /**
-          * @uiName Title
-          * @uiGroup Task
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
          */
-        "cardTitle"?: string;
+        "step4BadgeTextExpiredOn"?: string;
         /**
-          * Displays the amount of times that a user has completed a repeatable task.
-          * @uiName Completed count text
-          * @uiGroup Task
-          * @uiWidget textArea
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
          */
-        "completedText"?: string;
+        "step4BadgeTextExpiringSoon"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
          */
-        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
+        "step4BadgeTextSubmittedOn"?: string;
         /**
-          * @uiName Description
-          * @uiGroup Task
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
          */
-        "description"?: string;
+        "step4BankingInformationSectionHeader"?: string;
         /**
-          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
-          * @uiName Display duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Task
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "displayDuration"?: string;
+        "step4GeneralErrorDescription"?: string;
         /**
-          * Shown to users after the end of the task duration.
-          * @uiName Ended date message
-          * @uiGroup Task
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "endedMessage"?: string;
+        "step4GeneralErrorTitle"?: string;
         /**
-          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
-          * @uiName Task card button event key
-          * @uiGroup Button
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
          */
-        "eventKey"?: string;
+        "step4InvalidForm"?: string;
         /**
-          * Displayed when a user views a task card after the reward duration interval.
-          * @uiName Expiry date message
-          * @uiGroup Task
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
          */
-        "expiryMessage"?: string;
+        "step4NewFormButton"?: string;
         /**
-          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
-          * @uiName Repeat amount
-          * @uiGroup Reward
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
          */
-        "finite"?: number;
+        "step4NoFormNeededSubtext"?: string;
         /**
-          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
-          * @uiName Goal completion number
-          * @uiGroup Goal
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
          */
-        "goal"?: number;
+        "step4StatusTextActive"?: string;
         /**
-          * @uiName Hide CTA button
-          * @uiGroup Button
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
          */
-        "hideButton"?: boolean;
+        "step4StatusTextExpired"?: string;
         /**
-          * Button link opens in new tab
-          * @uiName Open in new tab
-          * @uiGroup Button
-          * @default
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
          */
-        "openNewTab"?: boolean;
+        "step4StatusTextNotActive"?: string;
         /**
-          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
-          * @uiName Program ID override
-          * @uiWidget programSelector
-          * @uiGroup Goal
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
          */
-        "programId"?: string;
+        "step4StatusTextNotVerified"?: string;
         /**
-          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
-          * @uiName Progress bar unit
-          * @uiGroup Goal
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
          */
-        "progressBarUnit"?: string;
+        "step4TaxAlertHeaderExpiredOn"?: string;
         /**
-          * @uiName Goal repeatable
-          * @uiGroup Goal
-          * @default
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
          */
-        "repeatable"?: boolean;
+        "step4TaxAlertHeaderExpiringSoon"?: string;
         /**
-          * @uiName Reward amount
-          * @uiGroup Reward
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
          */
-        "rewardAmount"?: string;
+        "step4TaxAlertHeaderNotActive"?: string;
         /**
-          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
-          * @uiName Reward duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Reward
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
          */
-        "rewardDuration"?: string;
+        "step4TaxAlertMessage"?: string;
         /**
-          * @uiName Reward unit
-          * @uiGroup Reward
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
          */
-        "rewardUnit"?: string;
+        "step4TaxAlertMessageExpiringSoon"?: string;
         /**
-          * @uiName Show progress bar
-          * @uiGroup Goal
-          * @default
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
          */
-        "showProgressBar"?: boolean;
+        "step4TaxDocumentSectionHeader"?: string;
         /**
-          * Shown to users before the start of the task duration.
-          * @uiName Start date message
-          * @uiGroup Task
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
          */
-        "startsOnMessage"?: string;
+        "step4TaxDocumentSectionSubHeader"?: string;
         /**
-          * Select what type of stat to display for the goal. Manual paths are also supported.
-          * @uiName Goal progress source
-          * @required 
-          * @minLength 1
-          * @uiWidget statTypeSelectWidget
-          * @uiWidgetOptions {"version": 1.1}
-          * @uiGroup Goal
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
          */
-        "statType"?: string;
+        "stop3NotBasedInUS"?: string;
         /**
-          * @uiName Progress bar steps
-          * @uiGroup Goal
-          * @default
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "steps"?: boolean;
-    }
-    interface SqmTaxAndCash {
+        "submitButton"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
          */
-        "demoData"?: DemoData<UserNameViewProps>;
+        "taxAndBankingCollection"?: string;
     }
     interface SqmTaxDocumentSubmitted {
         /**
@@ -7591,6 +8542,7 @@ declare namespace LocalJSX {
         "sqm-tabs": SqmTabs;
         "sqm-task-card": SqmTaskCard;
         "sqm-tax-and-cash": SqmTaxAndCash;
+        "sqm-tax-and-cash-monolith": SqmTaxAndCashMonolith;
         "sqm-tax-document-submitted": SqmTaxDocumentSubmitted;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
@@ -7699,6 +8651,7 @@ declare module "@stencil/core" {
             "sqm-tabs": LocalJSX.SqmTabs & JSXBase.HTMLAttributes<HTMLSqmTabsElement>;
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
+            "sqm-tax-and-cash-monolith": LocalJSX.SqmTaxAndCashMonolith & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashMonolithElement>;
             "sqm-tax-document-submitted": LocalJSX.SqmTaxDocumentSubmitted & JSXBase.HTMLAttributes<HTMLSqmTaxDocumentSubmittedElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
diff --git a/packages/mint-components/src/components/sqm-docusign-embed/readme.md b/packages/mint-components/src/components/sqm-docusign-embed/readme.md
index 4b54df8aed..281c71d3b4 100644
--- a/packages/mint-components/src/components/sqm-docusign-embed/readme.md
+++ b/packages/mint-components/src/components/sqm-docusign-embed/readme.md
@@ -12,6 +12,19 @@
 | `url`    | `url`     |             | `string` | `undefined` |
 
 
+## Dependencies
+
+### Used by
+
+ - [sqm-tax-and-cash-monolith](../sqm-tax-and-cash-monolith)
+
+### Graph
+```mermaid
+graph TD;
+  sqm-tax-and-cash-monolith --> sqm-docusign-embed
+  style sqm-docusign-embed fill:#f9f,stroke:#333,stroke-width:4px
+```
+
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md
new file mode 100644
index 0000000000..40a1face02
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md
@@ -0,0 +1,139 @@
+# sqm-tax-and-cash-monolith
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property                               | Attribute                                   | Description                                                                                                | Type     | Default                                                                                                                                                                     |
+| -------------------------------------- | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`               | `allow-banking-collection`                  | Label text for tax and banking collection checkbox                                                         | `string` | `"I agree to the terms"`                                                                                                                                                    |
+| `allowBankingCollectionError`          | `allow-banking-collection-error`            | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string` | `"This field is required"`                                                                                                                                                  |
+| `backButton`                           | `back-button`                               | Text shown inside of back button                                                                           | `string` | `"Back"`                                                                                                                                                                    |
+| `businessEntity`                       | `business-entity`                           | Label text for the business entity radio button                                                            | `string` | `"I represent a business entity"`                                                                                                                                           |
+| `country`                              | `country`                                   | Label text for country input                                                                               | `string` | `"Country"`                                                                                                                                                                 |
+| `countryError`                         | `country-error`                             | Error text shown at the bottom of the country input                                                        | `string` | `"Select a country"`                                                                                                                                                        |
+| `currency`                             | `currency`                                  | Label text for currency input                                                                              | `string` | `"Currency"`                                                                                                                                                                |
+| `currencyError`                        | `currency-error`                            | Error text shown at the bottom of the currency input                                                       | `string` | `"Select a currency"`                                                                                                                                                       |
+| `email`                                | `email`                                     | Label text for email input                                                                                 | `string` | `"Email"`                                                                                                                                                                   |
+| `emailError`                           | `email-error`                               | Error text shown at the bottom of the email input                                                          | `string` | `"Enter a valid email"`                                                                                                                                                     |
+| `firstName`                            | `first-name`                                | Label text for first name input                                                                            | `string` | `"First name"`                                                                                                                                                              |
+| `firstNameError`                       | `first-name-error`                          | Error text shown at the bottom of the first name input                                                     | `string` | `"Enter a first name"`                                                                                                                                                      |
+| `formStep`                             | `form-step`                                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 1 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`              | `general-error-description`                 | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`                    | `general-error-title`                       | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
+| `individualParticipant`                | `individual-participant`                    | Label text for the individual participant radio button                                                     | `string` | `"I am an individual participant"`                                                                                                                                          |
+| `isPartnerAlertDescription`            | `is-partner-alert-description`              | Alert description text shown in alert if user is already a registered partner                              | `string` | `"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."` |
+| `isPartnerAlertHeader`                 | `is-partner-alert-header`                   | Alert header text shown in alert if user is already a registered partner                                   | `string` | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                             | `last-name`                                 | Label text for last name input                                                                             | `string` | `"Last name"`                                                                                                                                                               |
+| `lastNameError`                        | `last-name-error`                           | Error text shown at the bottom of the last name input                                                      | `string` | `"Enter a last name"`                                                                                                                                                       |
+| `participantType`                      | `participant-type`                          | Heading text for the participant type radio buttons                                                        | `string` | `"Participant type"`                                                                                                                                                        |
+| `participantTypeError`                 | `participant-type-error`                    | Error text shown at the bottom of the participant type checkbox                                            | `string` | `"Select a participant type"`                                                                                                                                               |
+| `personalInformation`                  | `personal-information`                      | Heading text shown above the forms inputs.                                                                 | `string` | `"Personal Information"`                                                                                                                                                    |
+| `step2BackButton`                      | `step-2-back-button`                        | Text shown inside of back button                                                                           | `string` | `"Back"`                                                                                                                                                                    |
+| `step2FormStep`                        | `step-2-form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 2 of 4"`                                                                                                                                                             |
+| `step2GeneralErrorDescription`         | `step-2-general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step2GeneralErrorTitle`               | `step-2-general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
+| `step2HstCanada`                       | `step-2-hst-canada`                         | Label text for the HST Canada radio button                                                                 | `string` | `"I am registered for HST in Canada"`                                                                                                                                       |
+| `step2IndirectTax`                     | `step-2-indirect-tax`                       | Heading text shown at the top of the page                                                                  | `string` | `"Indirect Tax"`                                                                                                                                                            |
+| `step2IndirectTaxDescription`          | `step-2-indirect-tax-description`           | Subtext shown at the top of the page                                                                       | `string` | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
+| `step2IndirectTaxDetails`              | `step-2-indirect-tax-details`               | Heading text shown above the tax details radio buttons                                                     | `string` | `"Indirect Tax Details"`                                                                                                                                                    |
+| `step2IndirectTaxDetailsDescription`   | `step-2-indirect-tax-details-description`   | Sub text shown above the tax details radio buttons                                                         | `string` | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
+| `step2IndirectTaxNumber`               | `step-2-indirect-tax-number`                | Label text for the Indirect Tax Number input                                                               | `string` | `"Indirect Tax"`                                                                                                                                                            |
+| `step2IndirectTaxNumberError`          | `step-2-indirect-tax-number-error`          | Error text shown below the Indirect Tax Number select input                                                | `string` | `"Indirect Tax is required"`                                                                                                                                                |
+| `step2IsPartnerAlertDescription`       | `step-2-is-partner-alert-description`       | Alert description text shown in alert if user is already a registered partner                              | `string` | `"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."` |
+| `step2IsPartnerAlertHeader`            | `step-2-is-partner-alert-header`            | Alert header text shown in alert if user is already a registered partner                                   | `string` | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `step2NotRegistered`                   | `step-2-not-registered`                     | Label text for the not registered radio button                                                             | `string` | `"I am not registered for Indirect Tax"`                                                                                                                                    |
+| `step2OtherRegion`                     | `step-2-other-region`                       | Label text for the other region radio button                                                               | `string` | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
+| `step2Province`                        | `step-2-province`                           | Label text for the Province select input                                                                   | `string` | `"Province"`                                                                                                                                                                |
+| `step2ProvinceError`                   | `step-2-province-error`                     | Error text shown below the Selected Region select input                                                    | `string` | `"Province is required"`                                                                                                                                                    |
+| `step2SelectedRegion`                  | `step-2-selected-region`                    | Label text for the Selected Region select input                                                            | `string` | `"Country / Region of Indirect Tax"`                                                                                                                                        |
+| `step2SelectedRegionError`             | `step-2-selected-region-error`              | Error text shown below the Selected Region select input                                                    | `string` | `"Country is required"`                                                                                                                                                     |
+| `step2SubmitButton`                    | `step-2-submit-button`                      | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
+| `step2TaxDetailsError`                 | `step-2-tax-details-error`                  | Error text shown below the tax details radio buttons                                                       | `string` | `"This field is required"`                                                                                                                                                  |
+| `step2VatNumber`                       | `step-2-vat-number`                         | Label text for the VAT Number input                                                                        | `string` | `"VAT number"`                                                                                                                                                              |
+| `step2VatNumberError`                  | `step-2-vat-number-error`                   | Error text shown below the VAT Number input                                                                | `string` | `"VAT number is required"`                                                                                                                                                  |
+| `step3Banner`                          | `step-3-banner`                             | Text shown in the banner above the document                                                                | `string` | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
+| `step3CheckboxDescription`             | `step-3-checkbox-description`               | Label text for the form submission checkbox                                                                | `string` | `"I have completed and submitted my tax form"`                                                                                                                              |
+| `step3CheckboxLabel`                   | `step-3-checkbox-label`                     | Heading text for the form submission checkbox                                                              | `string` | `"Form submission"`                                                                                                                                                         |
+| `step3FormStep`                        | `step-3-form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 3 of 4"`                                                                                                                                                             |
+| `step3FormSubmissionError`             | `step-3-form-submission-error`              | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string` | `"This field is required"`                                                                                                                                                  |
+| `step3GeneralErrorDescription`         | `step-3-general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step3GeneralErrorTitle`               | `step-3-general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
+| `step3SubmitButton`                    | `step-3-submit-button`                      | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
+| `step3TaxForm`                         | `step-3-tax-form`                           | Heading text shown at the top of the page                                                                  | `string` | `"Tax form"`                                                                                                                                                                |
+| `step3TaxFormDescription`              | `step-3-tax-form-description`               | Subtext shown at the top of the page next to the document type text                                        | `string` | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                  |
+| `step3TaxFormLabel`                    | `step-3-tax-form-label`                     | Text shown at the top of the page next to the document type text                                           | `string` | `"{documentType} Tax Form"`                                                                                                                                                 |
+| `step3bBackButton`                     | `step-3b-back-button`                       | Text shown inside of back button                                                                           | `string` | `"Back"`                                                                                                                                                                    |
+| `step3bFormLabel`                      | `step-3b-form-label`                        | Sub text shown above form selection radio buttons                                                          | `string` | `"Select a tax form"`                                                                                                                                                       |
+| `step3bFormStep`                       | `step-3b-form-step`                         | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 3 of 4"`                                                                                                                                                             |
+| `step3bGeneralErrorDescription`        | `step-3b-general-error-description`         | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step3bGeneralErrorTitle`              | `step-3b-general-error-title`               | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
+| `step3bSubmitButton`                   | `step-3b-submit-button`                     | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
+| `step3bTaxForm`                        | `step-3b-tax-form`                          | Heading text shown at the top of the top of page                                                           | `string` | `"Tax form"`                                                                                                                                                                |
+| `step3bW8Description`                  | `step-3b-w-8-description`                   | Subtext for the W8 radio button                                                                            | `string` | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                                                  |
+| `step3bW8EDescription`                 | `step-3b-w-8-e-description`                 | Subtext for the W8E radio button                                                                           | `string` | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."`                               |
+| `step3bW8ELabel`                       | `step-3b-w-8-e-label`                       | Label text for the W8E radio button                                                                        | `string` | `"W8-BEN-E"`                                                                                                                                                                |
+| `step3bW8Label`                        | `step-3b-w-8-label`                         | Label text for the W8 radio button                                                                         | `string` | `"W8-Ben"`                                                                                                                                                                  |
+| `step3bW9Description`                  | `step-3b-w-9-description`                   | Subtext for the W9 radio button                                                                            | `string` | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                                                |
+| `step3bW9Label`                        | `step-3b-w-9-label`                         | Label text for the W9 radio button                                                                         | `string` | `"W9"`                                                                                                                                                                      |
+| `step4BadgeTextAwaitingReview`         | `step-4-badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review                            | `string` | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                          |
+| `step4BadgeTextExpiredOn`              | `step-4-badge-text-expired-on`              | Description text which appears beside badge showing the form has expired                                   | `string` | `"Expired on {dateExpired}."`                                                                                                                                               |
+| `step4BadgeTextExpiringSoon`           | `step-4-badge-text-expiring-soon`           | Description text which appears beside badge showing the form expiring soon                                 | `string` | `", expiring on {dateExpired}."`                                                                                                                                            |
+| `step4BadgeTextSubmittedOn`            | `step-4-badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted                            | `string` | `"Submitted on {dateSubmitted}"`                                                                                                                                            |
+| `step4BankingInformationSectionHeader` | `step-4-banking-information-section-header` | Header text displayed above the banking information card                                                   | `string` | `"Banking Information"`                                                                                                                                                     |
+| `step4GeneralErrorDescription`         | `step-4-general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step4GeneralErrorTitle`               | `step-4-general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
+| `step4InvalidForm`                     | `step-4-invalid-form`                       | Description text displayed next to the badge in the tax documents status                                   | `string` | `"Ensure your information matches your profile and resubmit a new document."`                                                                                               |
+| `step4NewFormButton`                   | `step-4-new-form-button`                    | Text displayed in the submit new document button at the bottom of the page                                 | `string` | `"Submit New document"`                                                                                                                                                     |
+| `step4NoFormNeededSubtext`             | `step-4-no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string` | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                           |
+| `step4StatusTextActive`                | `step-4-status-text-active`                 | Status text displayed in badge when tax document is Active                                                 | `string` | `"Active"`                                                                                                                                                                  |
+| `step4StatusTextExpired`               | `step-4-status-text-expired`                | Status text displayed in badge when tax document is Expired                                                | `string` | `"Expired"`                                                                                                                                                                 |
+| `step4StatusTextNotActive`             | `step-4-status-text-not-active`             | Status text displayed in badge when tax document is Not Active                                             | `string` | `"Invalid Tax Form"`                                                                                                                                                        |
+| `step4StatusTextNotVerified`           | `step-4-status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                                           | `string` | `"Not Verified"`                                                                                                                                                            |
+| `step4TaxAlertHeaderExpiredOn`         | `step-4-tax-alert-header-expired-on`        | Header displayed in alert header at the top of the page.                                                   | `string` | `"Your {documentType} tax form has expired."`                                                                                                                               |
+| `step4TaxAlertHeaderExpiringSoon`      | `step-4-tax-alert-header-expiring-soon`     | Header displayed in alert header at the top of the page.                                                   | `string` | `"Your {documentType} tax form expires on {dateExpired}"`                                                                                                                   |
+| `step4TaxAlertHeaderNotActive`         | `step-4-tax-alert-header-not-active`        | Header displayed in alert header at the top of the page.                                                   | `string` | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                                                                  |
+| `step4TaxAlertMessage`                 | `step-4-tax-alert-message`                  | Description text displayed in alert body at the top of the page.                                           | `string` | `"Please resubmit a new {documentType} form."`                                                                                                                              |
+| `step4TaxAlertMessageExpiringSoon`     | `step-4-tax-alert-message-expiring-soon`    | Description text displayed in alert body at the top of the page.                                           | `string` | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                                                              |
+| `step4TaxDocumentSectionHeader`        | `step-4-tax-document-section-header`        | Header text displayed above the tax documents status                                                       | `string` | `"Tax documents"`                                                                                                                                                           |
+| `step4TaxDocumentSectionSubHeader`     | `step-4-tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                                                   | `string` | `"{documentType} Tax Form"`                                                                                                                                                 |
+| `stop3NotBasedInUS`                    | `stop-3-not-based-in-u-s`                   | Text shown in the link to the form for non US residents                                                    | `string` | `"Not based in the US?"`                                                                                                                                                    |
+| `submitButton`                         | `submit-button`                             | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
+| `taxAndBankingCollection`              | `tax-and-banking-collection`                | Heading text for the tax and banking collection checkbox                                                   | `string` | `"Continue"`                                                                                                                                                                |
+
+
+## Dependencies
+
+### Depends on
+
+- [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
+- [sqm-user-info-form](../tax-and-cash/sqm-user-info-form)
+- [sqm-indirect-tax-form](../tax-and-cash/sqm-indirect-tax-form)
+- [sqm-docusign-form](../tax-and-cash/sqm-docusign-form)
+- [sqm-docusign-embed](../sqm-docusign-embed)
+- [sqm-document-type-form](../tax-and-cash/sqm-document-type-form)
+- [sqm-tax-document-submitted](../tax-and-cash/sqm-tax-document-submitted)
+
+### Graph
+```mermaid
+graph TD;
+  sqm-tax-and-cash-monolith --> sqm-tax-and-cash
+  sqm-tax-and-cash-monolith --> sqm-user-info-form
+  sqm-tax-and-cash-monolith --> sqm-indirect-tax-form
+  sqm-tax-and-cash-monolith --> sqm-docusign-form
+  sqm-tax-and-cash-monolith --> sqm-docusign-embed
+  sqm-tax-and-cash-monolith --> sqm-document-type-form
+  sqm-tax-and-cash-monolith --> sqm-tax-document-submitted
+  sqm-tax-and-cash --> sqm-context-router
+  sqm-tax-and-cash --> sqm-table-row
+  sqm-tax-and-cash --> sqm-table-cell
+  sqm-tax-and-cash --> sqm-text
+  style sqm-tax-and-cash-monolith fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
new file mode 100644
index 0000000000..29b31adbf5
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
@@ -0,0 +1,611 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Prop, h } from "@stencil/core";
+
+@Component({
+  tag: "sqm-tax-and-cash-monolith",
+  shadow: true,
+})
+export class TaxAndCashMonolith {
+  /**
+   * * USER INFO FORM PROPS:
+   **/
+
+  /**
+   * Label text for first name input
+   * @uiName First name label
+   */
+  @Prop() firstName: string = "First name";
+  /**
+   * Label text for last name input
+   * @uiName Last name label
+   */
+  @Prop() lastName: string = "Last name";
+  /**
+   * Label text for email input
+   * @uiName Email label
+   */
+  @Prop() email: string = "Email";
+  /**
+   * Label text for country input
+   * @uiName Country label
+   */
+  @Prop() country: string = "Country";
+  /**
+   * Label text for currency input
+   * @uiName Currency label
+   */
+  @Prop() currency: string = "Currency";
+  /**
+   * Label text for tax and banking collection checkbox
+   * @uiName Tax and banking label
+   */
+  @Prop() allowBankingCollection: string = "I agree to the terms";
+  /**
+   * Heading text for the tax and banking collection checkbox
+   * @uiName Tax and banking collection checkbox heading
+   */
+  @Prop() taxAndBankingCollection: string = "Continue";
+  /**
+   * Sub text shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Tax form step text
+   */
+  @Prop() formStep: string = "Step 1 of 4";
+  /**
+   * Heading text shown above the forms inputs.
+   * @uiName Form heading text
+   */
+  @Prop() personalInformation: string = "Personal Information";
+  /**
+   * Label text for the business entity radio button
+   * @uiName Business entity radio button label
+   */
+  @Prop() businessEntity: string = "I represent a business entity";
+  /**
+   * Label text for the individual participant radio button
+   * @uiName Individual participant radio button label
+   */
+  @Prop() individualParticipant: string = "I am an individual participant";
+  /**
+   * Heading text for the participant type radio buttons
+   * @uiName Participant type radio buttons heading
+   */
+  @Prop() participantType: string = "Participant type";
+  /**
+   * Text shown inside of submit button
+   * @uiName Submit button text
+   */
+  @Prop() submitButton: string = "Continue";
+  /**
+   * Error text shown at the bottom of the first name input
+   * @uiName First name input error text
+   */
+  @Prop() firstNameError: string = "Enter a first name";
+  /**
+   * Error text shown at the bottom of the last name input
+   * @uiName Last name input error text
+   */
+  @Prop() lastNameError: string = "Enter a last name";
+  /**
+   * Error text shown at the bottom of the email input
+   * @uiName Email input error text
+   */
+  @Prop() emailError: string = "Enter a valid email";
+  /**
+   * Error text shown at the bottom of the country input
+   * @uiName Country input error text
+   */
+  @Prop() countryError: string = "Select a country";
+  /**
+   * Error text shown at the bottom of the currency input
+   * @uiName Currency input error text
+   */
+  @Prop() currencyError: string = "Select a currency";
+  /**
+   * Error text shown at the bottom of the tax and banking collection checkbox
+   * @uiName Tax and banking collection checkbox error text
+   */
+  @Prop() allowBankingCollectionError: string = "This field is required";
+  /**
+   * Error text shown at the bottom of the participant type checkbox
+   * @uiName Participant type checkbox error text
+   */
+  @Prop() participantTypeError: string = "Select a participant type";
+
+  /**
+   * Alert header text shown in alert if user is already a registered partner
+   * @uiName Participant is partner title
+   */
+  @Prop() isPartnerAlertHeader: string =
+    "An account with this email already exists with our referral program provider, impact.com";
+
+  /**
+   * Alert description text shown in alert if user is already a registered partner
+   * @uiName Participant is partner description
+   */
+  @Prop() isPartnerAlertDescription: string =
+    "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.";
+
+  /**
+   * The title for error message shown at the top of the page in an error banner
+   *
+   * @uiName General error title
+   */
+  @Prop() generalErrorTitle: string =
+    "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
+   */
+  @Prop() generalErrorDescription: string =
+    "Please review your information and try again. If this problem continues, contact Support.";
+
+  /**
+   * * STEP 2 PROPS:
+   */
+  /**
+   * Sub text shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Indirect tax form step text
+   */
+  @Prop() step2FormStep: string = "Step 2 of 4";
+  /**
+   * Heading text shown at the top of the page
+   * @uiName Indirect tax heading text
+   */
+  @Prop() step2IndirectTax: string = "Indirect Tax";
+  /**
+   * Subtext shown at the top of the page
+   * @uiName Indirect tax sub text
+   */
+  @Prop() step2IndirectTaxDescription: string =
+    "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.";
+  /**
+   * Heading text shown above the tax details radio buttons
+   * @uiName Indirect tax details heading
+   */
+  @Prop() step2IndirectTaxDetails: string = "Indirect Tax Details";
+  /**
+   * Sub text shown above the tax details radio buttons
+   * @uiName Indirect tax details sub text
+   */
+  @Prop() step2IndirectTaxDetailsDescription: string =
+    "Not sure if you are registered for indirect tax? Contact our Support team to find out more.";
+  /**
+   * Label text for the HST Canada radio button
+   * @uiName HST Canada radio button label
+   */
+  @Prop() step2HstCanada: string = "I am registered for HST in Canada";
+  /**
+   * Label text for the other region radio button
+   * @uiName Other region radio button label
+   */
+  @Prop() step2OtherRegion: string =
+    "I am registered for Indirect Tax in a different Country / Region";
+  /**
+   * Label text for the not registered radio button
+   * @uiName Not registered radio button label
+   */
+  @Prop() step2NotRegistered: string = "I am not registered for Indirect Tax";
+  /**
+   * Label text for the Selected Region select input
+   * @uiName Selected region select input label
+   */
+  @Prop() step2SelectedRegion: string = "Country / Region of Indirect Tax";
+  /**
+   * Label text for the VAT Number input
+   * @uiName VAT Number input label
+   */
+  @Prop() step2VatNumber: string = "VAT number";
+  /**
+   * Label text for the Province select input
+   * @uiName Province select input label
+   */
+  @Prop() step2Province: string = "Province";
+
+  /**
+   * Label text for the Indirect Tax Number input
+   * @uiName Indirect Tax Number input label
+   */
+  @Prop() step2IndirectTaxNumber: string = "Indirect Tax";
+
+  /**
+   * Alert header text shown in alert if user is already a registered partner
+   * @uiName Participant is partner title
+   */
+  @Prop() step2IsPartnerAlertHeader: string =
+    "An account with this email already exists with our referral program provider, impact.com";
+
+  /**
+   * Alert description text shown in alert if user is already a registered partner
+   * @uiName Participant is partner description
+   */
+  @Prop() step2IsPartnerAlertDescription: string =
+    "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 shown inside of submit button
+   * @uiName Submit button text
+   */
+  @Prop() step2SubmitButton: string = "Continue";
+  /**
+   * Text shown inside of back button
+   * @uiName Back button text
+   */
+  @Prop() step2BackButton: string = "Back";
+  /**
+   * Error text shown below the tax details radio buttons
+   * @uiName Indirect tax details error text
+   */
+  @Prop() step2TaxDetailsError: string = "This field is required";
+  /**
+   * The title for error message shown at the top of the page in an error banner
+   *
+   * @uiName General error title
+   */
+  @Prop() step2GeneralErrorTitle: string =
+    "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
+   */
+  @Prop() step2GeneralErrorDescription: string =
+    "Please review your information and try again. If this problem continues, contact Support.";
+  /**
+   * Error text shown below the Selected Region select input
+   * @uiName Selected Region error text
+   */
+  @Prop() step2SelectedRegionError: string = "Country is required";
+  /**
+   * Error text shown below the VAT Number input
+   * @uiName VAT Number error text
+   */
+  @Prop() step2VatNumberError: string = "VAT number is required";
+  /**
+   * Error text shown below the Selected Region select input
+   * @uiName Province error text
+   */
+  @Prop() step2ProvinceError: string = "Province is required";
+  /**
+   * Error text shown below the Indirect Tax Number select input
+   * @uiName Indirect Tax Number error text
+   */
+  @Prop() step2IndirectTaxNumberError: string = "Indirect Tax is required";
+
+  /**
+   * * STEP 3 PROPS:
+   */
+  /**
+   * Sub text shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Tax form step text
+   */
+  @Prop() step3FormStep: string = "Step 3 of 4";
+  /**
+   * Heading text shown at the top of the page
+   * @uiName Tax form heading text
+   */
+  @Prop() step3TaxForm: string = "Tax form";
+  /**
+   * Text shown at the top of the page next to the document type text
+   * @uiName Tax form label text
+   */
+  @Prop() step3TaxFormLabel: string = "{documentType} Tax Form";
+  /**
+   * Subtext shown at the top of the page next to the document type text
+   * @uiName Tax form subtext
+   */
+  @Prop() step3TaxFormDescription: string =
+    "Participants based in the US and partnering with US-based brands need to submit a {documentType} form.";
+  /**
+   * Text shown in the link to the form for non US residents
+   * @uiName Not based in US link text
+   */
+  @Prop() stop3NotBasedInUS: string = "Not based in the US?";
+  /**
+   * Text shown in the banner above the document
+   * @uiName Banner text
+   */
+  @Prop() step3Banner: string =
+    "For your security, we automatically end your session when you have not interacted with the form after 20 minutes.";
+  /**
+   * Heading text for the form submission checkbox
+   * @uiName Form submission checkbox heading
+   */
+  @Prop() step3CheckboxLabel: string = "Form submission";
+  /**
+   * Label text for the form submission checkbox
+   * @uiName Form submission checkbox label
+   */
+  @Prop() step3CheckboxDescription: string =
+    "I have completed and submitted my tax form";
+  /**
+   * Text shown inside of submit button
+   * @uiName Submit button text
+   */
+  @Prop() step3SubmitButton: string = "Continue";
+  /**
+   * Text shown inside of back button
+   * @uiName Back button text
+   */
+  @Prop() backButton: string = "Back";
+  /**
+   * The title for error message shown at the top of the page in an error banner
+   *
+   * @uiName General error title
+   */
+  @Prop() step3GeneralErrorTitle: string =
+    "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
+   */
+  @Prop() step3GeneralErrorDescription: string =
+    "Please review your information and try again. If this problem continues, contact Support.";
+  /**
+   * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+   *
+   * @uiName Form submission error text
+   */
+  @Prop() step3FormSubmissionError: string = "This field is required";
+
+  /**
+   * * DOCUMENT TYPE STEP
+   */
+
+  /**
+   * Sub text shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Tax form step text
+   */
+  @Prop() step3bFormStep: string = "Step 3 of 4";
+  /**
+   * Sub text shown above form selection radio buttons
+   * @uiName Tax form selection heading text
+   */
+  @Prop() step3bFormLabel: string = "Select a tax form";
+  /**
+   * Heading text shown at the top of the top of page
+   * @uiName Tax form heading text
+   */
+  @Prop() step3bTaxForm: string = "Tax form";
+  /**
+   * Label text for the W9 radio button
+   * @uiName W9 radio button label
+   */
+  @Prop() step3bW9Label: string = "W9";
+  /**
+   * Subtext for the W9 radio button
+   * @uiName W9 radio button subtext
+   */
+  @Prop() step3bW9Description: string =
+    "W9 For participants based in the US, joining the referral program of a US-based company.";
+  /**
+   * Label text for the W8 radio button
+   * @uiName W8 radio button label
+   */
+  @Prop() step3bW8Label: string = "W8-Ben";
+  /**
+   * Subtext for the W8 radio button
+   * @uiName W8 radio button subtext
+   */
+  @Prop() step3bW8Description: string =
+    "W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company.";
+  /**
+   * Label text for the W8E radio button
+   * @uiName W8E radio button label
+   */
+  @Prop() step3bW8ELabel: string = "W8-BEN-E";
+  /**
+   * Subtext for the W8E radio button
+   * @uiName W8E radio button subtext
+   */
+  @Prop() step3bW8EDescription: string =
+    "W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company.";
+  /**
+   * Text shown inside of submit button
+   * @uiName Submit button text
+   */
+  @Prop() step3bSubmitButton: string = "Continue";
+  /**
+   * Text shown inside of back button
+   * @uiName Back button text
+   */
+  @Prop() step3bBackButton: string = "Back";
+  /**
+   * The title for error message shown at the top of the page in an error banner
+   *
+   * @uiName General error title
+   */
+  @Prop() step3bGeneralErrorTitle: string =
+    "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
+   */
+  @Prop() step3bGeneralErrorDescription: string =
+    "Please review your information and try again. If this problem continues, contact Support.";
+
+  /**
+   * * SUBMITTED VIEW STEP
+   */
+  /**
+   * Status text displayed in badge when tax document is Active
+   *
+   * @uiName Status text
+   */
+  @Prop() step4StatusTextActive?: string = "Active";
+
+  /**
+   * Status text displayed in badge when tax document is Not Active
+   *
+   * @uiName Status text
+   */
+  @Prop() step4StatusTextNotActive?: string = "Invalid Tax Form";
+
+  /**
+   * Status text displayed in badge when tax document is Not Verified
+   *
+   * @uiName Status text
+   */
+  @Prop() step4StatusTextNotVerified?: string = "Not Verified";
+
+  /**
+   * Status text displayed in badge when tax document is Expired
+   *
+   * @uiName Status text
+   */
+  @Prop() step4StatusTextExpired?: string = "Expired";
+
+  /**
+   * Description text which appears beside badge showing when the form was submitted
+   *
+   * @uiName Badge description text
+   */
+  @Prop() step4BadgeTextSubmittedOn?: string = "Submitted on {dateSubmitted}";
+
+  /**
+   * Description text which appears beside badge showing the form is awaiting review
+   *
+   * @uiName Badge description text
+   */
+  @Prop() step4BadgeTextAwaitingReview?: string =
+    "Awaiting review. Submitted on {dateSubmitted}.";
+
+  /**
+   * Description text which appears beside badge showing the form has expired
+   *
+   * @uiName Badge description text
+   */
+  @Prop() step4BadgeTextExpiredOn?: string = "Expired on {dateExpired}.";
+
+  /**
+   * Description text which appears beside badge showing the form expiring soon
+   *
+   * @uiName Badge description text
+   */
+  @Prop() step4BadgeTextExpiringSoon?: string = ", expiring on {dateExpired}.";
+
+  /**
+   * Header displayed in alert header at the top of the page.
+   *
+   * @uiName Not active alert header
+   */
+  @Prop() step4TaxAlertHeaderNotActive?: string =
+    "Your {documentType} tax form has personal information that doesn't match your profile.";
+  /**
+   * Header displayed in alert header at the top of the page.
+   *
+   * @uiName Expired alert header
+   */
+  @Prop() step4TaxAlertHeaderExpiredOn?: string =
+    "Your {documentType} tax form has expired.";
+  /**
+   * Header displayed in alert header at the top of the page.
+   *
+   * @uiName Expiring soon alert header
+   */
+  @Prop() step4TaxAlertHeaderExpiringSoon?: string =
+    "Your {documentType} tax form expires on {dateExpired}";
+  /**
+   * Description text displayed in alert body at the top of the page.
+   *
+   * @uiName Tax alert message
+   */
+  @Prop() step4TaxAlertMessage?: string =
+    "Please resubmit a new {documentType} form.";
+  /**
+   * Description text displayed in alert body at the top of the page.
+   *
+   * @uiName Expiring soon tax alert message
+   */
+  @Prop() step4TaxAlertMessageExpiringSoon: string =
+    "Please submit a new {documentType} form to continue receiving your rewards";
+  /**
+   * Description text displayed next to the badge in the tax documents status
+   *
+   * @uiName Invalid form description text
+   */
+  @Prop() step4InvalidForm?: string =
+    "Ensure your information matches your profile and resubmit a new document.";
+  /**
+   * Header text displayed above the banking information card
+   *
+   * @uiName Banking information header
+   */
+  @Prop() step4BankingInformationSectionHeader: string = "Banking Information";
+  /**
+   * Header text displayed above the tax documents status
+   *
+   * @uiName Tax document section header
+   */
+  @Prop() step4TaxDocumentSectionHeader: string = "Tax documents";
+  /**
+   * Sub header text displayed above the tax documents status
+   *
+   * @uiName Tax documents sub header
+   */
+  @Prop() step4TaxDocumentSectionSubHeader: string = "{documentType} Tax Form";
+  /**
+   * Subtext displayed at the bottom of the page if there are no tax documents to show
+   *
+   * @uiName No form needed subtext
+   */
+  @Prop() step4NoFormNeededSubtext: string =
+    "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support.";
+  /**
+   * Text displayed in the submit new document button at the bottom of the page
+   *
+   * @uiName Step 4 No form needed subtext
+   */
+  @Prop() step4NewFormButton: string = "Submit New document";
+  /**
+   * The title for error message shown at the top of the page in an error banner
+   *
+   * @uiName Step 4 General error title
+   */
+  @Prop() step4GeneralErrorTitle: string =
+    "There was a problem submitting your information";
+  /**
+   * The error message shown at the top of the page in an error banner
+   *
+   * @uiName Step 4 General error text
+   */
+  @Prop() step4GeneralErrorDescription: string =
+    "Please review your information and try again. If this problem continues, contact Support.";
+
+  constructor() {
+    withHooks(this);
+  }
+  disconnectedCallback() {}
+
+  getUserInfoFormTextProps() {}
+  getIndirectTaxFormTextProps() {}
+  getDocuSignFormTextProps() {}
+  getDocumentTypeFormTextProps() {}
+  getSubmittedPageTextProps() {}
+
+  render() {
+    return (
+      <sqm-tax-and-cash>
+        <template path="/1">
+          <sqm-user-info-form />
+        </template>
+        <template path="/2">
+          <sqm-indirect-tax-form />
+        </template>
+        <template path="/3/:documentType">
+          <sqm-docusign-form>
+            <sqm-docusign-embed slot="docusign-iframe"></sqm-docusign-embed>
+          </sqm-docusign-form>
+        </template>
+        <template path="/3b">
+          <sqm-document-type-form />
+        </template>
+        <template path="/submitted">
+          <sqm-tax-document-submitted />
+        </template>
+      </sqm-tax-and-cash>
+    );
+  }
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
index 54c10fdcef..c6d8087599 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
@@ -30,11 +30,13 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
+ - [sqm-tax-and-cash-monolith](../../sqm-tax-and-cash-monolith)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-document-type-form
+  sqm-tax-and-cash-monolith --> sqm-document-type-form
   style sqm-document-type-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index 085bae6e0f..5eb319f696 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -30,11 +30,13 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
+ - [sqm-tax-and-cash-monolith](../../sqm-tax-and-cash-monolith)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-docusign-form
+  sqm-tax-and-cash-monolith --> sqm-docusign-form
   style sqm-docusign-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 4e10ecd0e3..0192db9327 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -40,11 +40,13 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
+ - [sqm-tax-and-cash-monolith](../../sqm-tax-and-cash-monolith)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-indirect-tax-form
+  sqm-tax-and-cash-monolith --> sqm-indirect-tax-form
   style sqm-indirect-tax-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 9205a6748c..3184da4887 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -14,6 +14,10 @@
 
 ## Dependencies
 
+### Used by
+
+ - [sqm-tax-and-cash-monolith](../../sqm-tax-and-cash-monolith)
+
 ### Depends on
 
 - [sqm-context-router](../../sqm-context-router)
@@ -28,6 +32,7 @@ graph TD;
   sqm-tax-and-cash --> sqm-table-row
   sqm-tax-and-cash --> sqm-table-cell
   sqm-tax-and-cash --> sqm-text
+  sqm-tax-and-cash-monolith --> sqm-tax-and-cash
   style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 1df9ec42a4..df38787ac7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -37,8 +37,8 @@ export class TaxAndCash {
 
   render() {
     const inDemoMode = isDemo();
-    const props = inDemoMode ? useTaxAndCashDemo(this) : useTaxAndCash();
-    // const props = useTaxAndCash();
+    // const props = inDemoMode ? useTaxAndCashDemo(this) : useTaxAndCash();
+    const props = useTaxAndCash();
 
     if (props.loading) return <LoadingSkeleton />;
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
index 10868d35f9..bb0551687e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
@@ -38,11 +38,13 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
+ - [sqm-tax-and-cash-monolith](../../sqm-tax-and-cash-monolith)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-tax-document-submitted
+  sqm-tax-and-cash-monolith --> sqm-tax-document-submitted
   style sqm-tax-document-submitted fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index 4a09b546be..577c7f35ed 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -41,11 +41,13 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
+ - [sqm-tax-and-cash-monolith](../../sqm-tax-and-cash-monolith)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-user-info-form
+  sqm-tax-and-cash-monolith --> sqm-user-info-form
   style sqm-user-info-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

From f1356736a5c7578d5f201258676f2492786c7f15 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 6 Feb 2024 14:09:03 -0800
Subject: [PATCH 156/753] Added Indirect Tax Preview in
 TaxDocumentSubmittedView, new states, and created stories

---
 packages/mint-components/src/components.d.ts  | 30 ++++++++
 .../sqm-tax-document-submitted-view.tsx       | 57 ++++++++++++++++
 .../sqm-tax-document-submitted.tsx            | 18 +++++
 .../useTaxDocumentSubmitted.tsx               |  2 +
 .../sqm-user-info-form/TaxForm.stories.tsx    | 68 +++++++++----------
 .../sqm-user-info-form/defaultTextCopy.ts     |  3 +
 6 files changed, 143 insertions(+), 35 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 6cf564159a..fa7312ca2f 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3135,6 +3135,21 @@ export namespace Components {
           * @uiName General error title
          */
         "generalErrorTitle": string;
+        /**
+          * Country/Region description text of indirect tax
+          * @uiName Indirect tax Canada description
+         */
+        "indirectTaxInfoCanada": string;
+        /**
+          * Other country description text of indirect tax
+          * @uiName Indirect tax other country description
+         */
+        "indirectTaxInfoOtherCountry": string;
+        /**
+          * Header text displayed above the indirect tax preview section
+          * @uiName Indirect Tax Information Header
+         */
+        "indirectTaxInfoSectionHeader": string;
         /**
           * Description text displayed next to the badge in the tax documents status
           * @uiName Invalid form description text
@@ -7207,6 +7222,21 @@ declare namespace LocalJSX {
           * @uiName General error title
          */
         "generalErrorTitle"?: string;
+        /**
+          * Country/Region description text of indirect tax
+          * @uiName Indirect tax Canada description
+         */
+        "indirectTaxInfoCanada"?: string;
+        /**
+          * Other country description text of indirect tax
+          * @uiName Indirect tax other country description
+         */
+        "indirectTaxInfoOtherCountry"?: string;
+        /**
+          * Header text displayed above the indirect tax preview section
+          * @uiName Indirect Tax Information Header
+         */
+        "indirectTaxInfoSectionHeader"?: string;
         /**
           * Description text displayed next to the badge in the tax documents status
           * @uiName Invalid form description text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index f14b1a0c80..7e81a2d504 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -16,6 +16,12 @@ export interface TaxDocumentSubmittedProps {
     dateExpired?: string;
     expiresSoon?: boolean;
     noFormNeeded?: boolean;
+    // ---- AL: TODO Hooks
+    indirectTaxNumber?: number;
+    province?: string;
+    country?: string;
+    isIndirectTaxCanada?: boolean;
+    //----
     loading?: boolean;
     errors?: any;
   };
@@ -36,6 +42,9 @@ export interface TaxDocumentSubmittedProps {
     taxAlertHeaderExpiringSoon?: string;
     taxAlertMessage?: string;
     bankingInformationSectionHeader: string;
+    indirectTaxInfoSectionHeader: string;
+    indirectTaxInfoCanada?: string;
+    indirectTaxInfoOtherCountry?: string;
     taxDocumentSectionHeader: string;
     taxDocumentSectionSubHeader: string;
     newFormButton: string;
@@ -64,6 +73,20 @@ const style = {
   BankingInformationContainer: {
     maxWidth: "700px",
   },
+  IndirectTaxPreviewContainer: {
+    marginTop: "var(--sl-spacing-xx-large)",
+    borderTop: "1px solid var(--sl-color-neutral-200)",
+  },
+  IndirectTaxPreviewHeaderContainer: {
+    marginTop: "var(--sl-spacing-x-large)",
+    marginBottom: "var(--sl-spacing-x-small)",
+  },
+  IndirectTaxPreviewDetails: {
+    gap: "var(--sl-spacing-x-small)",
+    display: "flex",
+    flexDirection: "column",
+    lineHeight: "var(--sl-spacing-small)",
+  },
   TaxDocumentsContainer: {
     marginTop: "var(--sl-spacing-xx-large)",
     borderTop: "1px solid var(--sl-color-neutral-200)",
@@ -342,6 +365,40 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
             </sl-button>
           </div>
         </div>
+        {!states.noFormNeeded ? (
+          <div class={sheet.classes.IndirectTaxPreviewContainer}>
+            <h3 class={sheet.classes.IndirectTaxPreviewHeaderContainer}>
+              {text.indirectTaxInfoSectionHeader}
+            </h3>
+            <div class={sheet.classes.IndirectTaxPreviewDetails}>
+              <span>
+                {states.isIndirectTaxCanada
+                  ? intl.formatMessage(
+                      {
+                        id: `indirectTaxInfoCanada`,
+                        defaultMessage: text.indirectTaxInfoCanada,
+                      },
+                      {
+                        country: states.country,
+                        province: states.province,
+                      }
+                    )
+                  : intl.formatMessage(
+                      {
+                        id: `indirectTaxInfoOtherCountry`,
+                        defaultMessage: text.indirectTaxInfoOtherCountry,
+                      },
+                      {
+                        country: states.country,
+                      }
+                    )}
+              </span>
+              <span>{states.indirectTaxNumber}</span>
+            </div>
+          </div>
+        ) : (
+          ""
+        )}
         <div class={sheet.classes.TaxDocumentsContainer}>
           <h3 class={sheet.classes.TaxDocumentsHeaderContainer}>
             {text.taxDocumentSectionHeader}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index fd3bf09810..5b455c35e4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -120,6 +120,24 @@ export class TaxDocumentSubmitted {
    * @uiName Banking information header
    */
   @Prop() bankingInformationSectionHeader: string = "Banking Information";
+  /**
+   * Header text displayed above the indirect tax preview section
+   *
+   * @uiName Indirect Tax Information Header
+   */
+  @Prop() indirectTaxInfoSectionHeader: string = "Indirect Tax";
+  /**
+   * Country/Region description text of indirect tax
+   *
+   * @uiName Indirect tax Canada description
+   */
+  @Prop() indirectTaxInfoCanada: string = "Registered in {province}, {country}";
+  /**
+   * Other country description text of indirect tax
+   *
+   * @uiName Indirect tax other country description
+   */
+  @Prop() indirectTaxInfoOtherCountry: string = "Registered in {country}";
   /**
    * Header text displayed above the tax documents status
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 65c3f2d0bc..b9df6bd4c0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -71,6 +71,8 @@ export const useTaxDocumentSubmitted = (
       documentType,
       // TODO: Hook up to API
       status: documentType ? "NOT_VERIFIED" : undefined,
+      //TODO AL: wire indirectTaxNumber to hooks
+      indirectTaxNumber: 123456,
       noFormNeeded: !documentType,
       dateExpired,
       expiresSoon,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index b64d5dd852..380260f905 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -1,20 +1,4 @@
 import { h } from "@stencil/core";
-import {
-  DocumentTypeFormView,
-  DocumentTypeFormViewProps,
-} from "../sqm-document-type-form/sqm-document-type-form-view";
-import {
-  DocusignFormView,
-  DocusignFormViewProps,
-} from "../sqm-docusign-form/sqm-docusign-form-view";
-import {
-  IndirectTaxFormView,
-  IndirectTaxFormViewProps,
-} from "../sqm-indirect-tax-form/sqm-indirect-tax-form-view";
-import {
-  TaxDocumentSubmittedProps,
-  TaxDocumentSubmittedView,
-} from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
 import {
   documentTypeFormText,
   userInfoText,
@@ -22,12 +6,6 @@ import {
   docusignFormText,
   taxFormDocumentSubmittedText,
 } from "./defaultTextCopy";
-import {
-  RegisteredInCanada,
-  RegisteredInCanadaWithErrors,
-  RegisteredInOtherRegion,
-  RegisteredInOtherRegionWithErrors,
-} from "./small-views/SlotViews.stories";
 import {
   UserInfoFormViewProps,
   UserInfoFormView,
@@ -110,17 +88,6 @@ const stepTwoProps = {
   text: indirectTaxFormText,
 };
 
-const documentSubmittedActiveProps: DemoData<UseTaxDocumentSubmittedResult> = {
-  states: {
-    disabled: false,
-    status: "ACTIVE",
-    documentType: "W9",
-    dateSubmitted: "Jan 18th, 2025",
-    dateExpired: "Dec 18th, 2025",
-  },
-  callbacks: { onClick: () => console.log("Submit new Form") },
-};
-
 const docusignFormProps: DemoData<UseDocusignFormResult> = {
   states: {
     documentType: "W9",
@@ -551,10 +518,12 @@ export const TaxDocumentSubmittedActive = () => {
         states: {
           disabled: false,
           status: "ACTIVE",
-          documentType: "W9",
+          documentType: "W8-BEN",
           dateSubmitted: "Jan 18th, 2025",
           dateExpired: "Dec 18th, 2025",
           noFormNeeded: false,
+          country: "United Kingdom",
+          indirectTaxNumber: 123456,
         },
       }}
     ></sqm-tax-document-submitted>
@@ -571,6 +540,8 @@ export const TaxDocumentSubmittedNotVerified = () => {
           documentType: "W8-BEN",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
+          country: "United Kingdom",
+          indirectTaxNumber: 123456,
         },
       }}
     ></sqm-tax-document-submitted>
@@ -587,6 +558,8 @@ export const TaxDocumentSubmittedNotActive = () => {
           documentType: "W8-BEN-E",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
+          indirectTaxNumber: 123456,
+          country: "Slovania",
         },
       }}
     ></sqm-tax-document-submitted>
@@ -604,6 +577,8 @@ export const TaxDocumentSubmittedExpired = () => {
           dateSubmitted: "Jan 18th, 2025",
           dateExpired: "Dec 25th, 2025",
           noFormNeeded: false,
+          indirectTaxNumber: 123456,
+          country: "United Kingdom",
         },
       }}
     ></sqm-tax-document-submitted>
@@ -622,20 +597,43 @@ export const TaxDocumentSubmittedExpiringSoon = () => {
           dateExpired: "Feb 18th, 2025",
           expiresSoon: true,
           noFormNeeded: false,
+          indirectTaxNumber: 123456,
+          country: "Slovania",
         },
       }}
     ></sqm-tax-document-submitted>
   );
 };
 
-export const TaxDocumentNoFormNeeded = () => {
+export const TaxDocumentSubmittedIndirectTaxCanada = () => {
   return (
     <sqm-tax-document-submitted
       demoData={{
         states: {
+          status: "ACTIVE",
           disabled: false,
           documentType: "W8-BEN-E",
           dateSubmitted: "Jan 18th, 2025",
+          dateExpired: "Dec 20, 2026",
+          noFormNeeded: false,
+          province: "Ontario",
+          country: "Canada",
+          isIndirectTaxCanada: true,
+          indirectTaxNumber: 123456,
+        },
+      }}
+    ></sqm-tax-document-submitted>
+  );
+};
+
+export const TaxDocumentNoFormNeeded = () => {
+  return (
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          disabled: false,
+          documentType: "W9",
+          dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: true,
         },
       }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index ef36f50080..592454a9c6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -142,6 +142,9 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   bankingInformationSectionHeader: "Banking Information",
   taxDocumentSectionHeader: "Tax documents",
   taxDocumentSectionSubHeader: "{documentType} Tax Form",
+  indirectTaxInfoSectionHeader: "dsa",
+    indirectTaxInfoCanada: "dsa",
+    indirectTaxInfoOtherCountry: "dsa",
   newFormButton: "Submit New document",
   noFormNeededSubtext:
     "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support.",

From b89f9bd233bca2d6b95fcdbc8012bf422bd5cd43 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 6 Feb 2024 14:12:43 -0800
Subject: [PATCH 157/753] Removed 'Tax Documents' header

---
 packages/mint-components/src/components.d.ts  | 22 +++++--------------
 .../sqm-tax-document-submitted-view.tsx       |  8 +------
 .../sqm-tax-document-submitted.tsx            |  6 -----
 .../sqm-user-info-form/defaultTextCopy.ts     |  1 -
 4 files changed, 7 insertions(+), 30 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index c266827de3..14d7cbb3f0 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3472,12 +3472,12 @@ export namespace Components {
         "step4BankingInformationSectionHeader": string;
         /**
           * The error message shown at the top of the page in an error banner
-          * @uiName General error text
+          * @uiName Step 4 General error text
          */
         "step4GeneralErrorDescription": string;
         /**
           * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * @uiName Step 4 General error title
          */
         "step4GeneralErrorTitle": string;
         /**
@@ -3487,7 +3487,7 @@ export namespace Components {
         "step4InvalidForm"?: string;
         /**
           * Text displayed in the submit new document button at the bottom of the page
-          * @uiName No form needed subtext
+          * @uiName Step 4 No form needed subtext
          */
         "step4NewFormButton": string;
         /**
@@ -3682,11 +3682,6 @@ export namespace Components {
           * @uiName Expiring soon tax alert message
          */
         "taxAlertMessageExpiringSoon": string;
-        /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-         */
-        "taxDocumentSectionHeader": string;
         /**
           * Sub header text displayed above the tax documents status
           * @uiName Tax documents sub header
@@ -8038,12 +8033,12 @@ declare namespace LocalJSX {
         "step4BankingInformationSectionHeader"?: string;
         /**
           * The error message shown at the top of the page in an error banner
-          * @uiName General error text
+          * @uiName Step 4 General error text
          */
         "step4GeneralErrorDescription"?: string;
         /**
           * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * @uiName Step 4 General error title
          */
         "step4GeneralErrorTitle"?: string;
         /**
@@ -8053,7 +8048,7 @@ declare namespace LocalJSX {
         "step4InvalidForm"?: string;
         /**
           * Text displayed in the submit new document button at the bottom of the page
-          * @uiName No form needed subtext
+          * @uiName Step 4 No form needed subtext
          */
         "step4NewFormButton"?: string;
         /**
@@ -8248,11 +8243,6 @@ declare namespace LocalJSX {
           * @uiName Expiring soon tax alert message
          */
         "taxAlertMessageExpiringSoon"?: string;
-        /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-         */
-        "taxDocumentSectionHeader"?: string;
         /**
           * Sub header text displayed above the tax documents status
           * @uiName Tax documents sub header
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 7e81a2d504..a66bfa7eb5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -45,7 +45,6 @@ export interface TaxDocumentSubmittedProps {
     indirectTaxInfoSectionHeader: string;
     indirectTaxInfoCanada?: string;
     indirectTaxInfoOtherCountry?: string;
-    taxDocumentSectionHeader: string;
     taxDocumentSectionSubHeader: string;
     newFormButton: string;
     invalidForm?: string;
@@ -91,10 +90,8 @@ const style = {
     marginTop: "var(--sl-spacing-xx-large)",
     borderTop: "1px solid var(--sl-color-neutral-200)",
   },
-  TaxDocumentsHeaderContainer: {
-    marginTop: "var(--sl-spacing-x-large)",
-  },
   StatusContainer: {
+    marginTop: "var(--sl-spacing-x-large)",
     display: "flex",
     flexDirection: "column",
     gap: "var(--sl-spacing-x-small)",
@@ -400,9 +397,6 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
           ""
         )}
         <div class={sheet.classes.TaxDocumentsContainer}>
-          <h3 class={sheet.classes.TaxDocumentsHeaderContainer}>
-            {text.taxDocumentSectionHeader}
-          </h3>
           <div>
             {states.loading ? (
               <div class={sheet.classes.TaxSectionSkeletonContainer}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 5b455c35e4..5653c89361 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -138,12 +138,6 @@ export class TaxDocumentSubmitted {
    * @uiName Indirect tax other country description
    */
   @Prop() indirectTaxInfoOtherCountry: string = "Registered in {country}";
-  /**
-   * Header text displayed above the tax documents status
-   *
-   * @uiName Tax document section header
-   */
-  @Prop() taxDocumentSectionHeader: string = "Tax documents";
   /**
    * Sub header text displayed above the tax documents status
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 592454a9c6..0bd552b6ab 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -140,7 +140,6 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   taxAlertMessageExpiringSoon:
     "Please submit a new {documentType} form to continue receiving your rewards",
   bankingInformationSectionHeader: "Banking Information",
-  taxDocumentSectionHeader: "Tax documents",
   taxDocumentSectionSubHeader: "{documentType} Tax Form",
   indirectTaxInfoSectionHeader: "dsa",
     indirectTaxInfoCanada: "dsa",

From 4cb6266f43909f6e1a34b10b4c158ee84ae88972 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 6 Feb 2024 14:54:35 -0800
Subject: [PATCH 158/753] Assumed list of indirect tax countries

---
 .../sqm-indirect-tax-form.tsx                 |  3 +-
 .../useIndirectTaxForm.tsx                    | 48 +++++++++++++++++--
 2 files changed, 47 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index ea8ad0810a..9be96ae1d6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -14,6 +14,7 @@ import {
   IndirectTaxFormViewProps,
 } from "./sqm-indirect-tax-form-view";
 import {
+  INDIRECT_TAX_COUNTRIES,
   UseIndirectTaxFormResult,
   useIndirectTaxForm,
 } from "./useIndirectTaxForm";
@@ -262,7 +263,7 @@ function useDemoIndirectTaxForm(
         onChange: setOption,
       },
       data: {
-        countries: [{ displayName: "United Kingdom", countryCode: "UK" }],
+        countries: INDIRECT_TAX_COUNTRIES,
       },
       text: props.getTextProps(),
       refs: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index f9247dae48..cc43004375 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -49,6 +49,50 @@ const UPSERT_USER = gql`
   }
 `;
 
+export const INDIRECT_TAX_COUNTRIES = [
+  { countryCode: "GB", displayName: "United Kingdom" },
+  { countryCode: "AT", displayName: "Austria" },
+  { countryCode: "BE", displayName: "Belgium" },
+  { countryCode: "BG", displayName: "Bulgaria" },
+  { countryCode: "HR", displayName: "Croatia" },
+  { countryCode: "CY", displayName: "Cyprus" },
+  { countryCode: "CZ", displayName: "Czechia" },
+  { countryCode: "DK", displayName: "Denmark" },
+  { countryCode: "EE", displayName: "Estonia" },
+  { countryCode: "FI", displayName: "Finland" },
+  { countryCode: "FR", displayName: "France" },
+  { countryCode: "DE", displayName: "Germany" },
+  { countryCode: "GR", displayName: "Greece" },
+  { countryCode: "HU", displayName: "Hungary" },
+  { countryCode: "IS", displayName: "Iceland" },
+  { countryCode: "IL", displayName: "Israel" },
+  { countryCode: "IE", displayName: "Ireland" },
+  { countryCode: "IT", displayName: "Italy" },
+  { countryCode: "LV", displayName: "Latvia" },
+  { countryCode: "LT", displayName: "Lithuania" },
+  { countryCode: "LU", displayName: "Luxembourg" },
+  { countryCode: "MT", displayName: "Malta" },
+  { countryCode: "MX", displayName: "Mexico" },
+  { countryCode: "NL", displayName: "Netherlands" },
+  { countryCode: "NO", displayName: "Norway" },
+  { countryCode: "PH", displayName: "Philippines" },
+  { countryCode: "PL", displayName: "Poland" },
+  { countryCode: "PT", displayName: "Portugal" },
+  { countryCode: "RO", displayName: "Romania" },
+  { countryCode: "RU", displayName: "Russia" },
+  { countryCode: "SK", displayName: "Slovakia" },
+  { countryCode: "SI", displayName: "Slovenia" },
+  { countryCode: "ES", displayName: "Spain" },
+  { countryCode: "SE", displayName: "Sweden" },
+  { countryCode: "ZA", displayName: "South Africa" },
+  { countryCode: "KR", displayName: "South Korea" },
+  { countryCode: "CH", displayName: "Switzerland" },
+  { countryCode: "TW", displayName: "Taiwan" },
+  { countryCode: "TH", displayName: "Thailand" },
+  { countryCode: "TR", displayName: "Turkey" },
+  { countryCode: "AE", displayName: "United Arab Emirates" },
+];
+
 export function useIndirectTaxForm(props: IndirectTaxForm) {
   const formRef = useRef<HTMLFormElement>(null);
   const [loading, setLoading] = useState(false);
@@ -82,8 +126,6 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     });
   }, [userData]);
 
-  const countries = _countries?.countries.data;
-
   const onSubmit = async (event: any) => {
     if (!option) {
       setErrors({ taxDetails: true });
@@ -189,7 +231,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       onChange: setOption,
     },
     data: {
-      countries,
+      countries: INDIRECT_TAX_COUNTRIES,
     },
     text: props.getTextProps(),
     refs: {

From ecbbdbe99ba8c4c3175644656933cec5bbfff2d7 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 6 Feb 2024 15:11:32 -0800
Subject: [PATCH 159/753] Refactored documentsubmittedview. Added spec that
 includes list of VAT/GST/CT countries

---
 packages/mint-components/src/components.d.ts  |  10 ++
 .../sqm-indirect-tax-form.feature             |  64 ++++++++-
 .../sqm-tax-document-submitted-view.tsx       | 131 +++++++++++-------
 .../sqm-tax-document-submitted.tsx            |   6 +
 .../sqm-user-info-form/TaxForm.stories.tsx    |   6 +
 .../sqm-user-info-form/defaultTextCopy.ts     |   1 +
 6 files changed, 162 insertions(+), 56 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 14d7cbb3f0..d34db24ba8 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3682,6 +3682,11 @@ export namespace Components {
           * @uiName Expiring soon tax alert message
          */
         "taxAlertMessageExpiringSoon": string;
+        /**
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+         */
+        "taxDocumentSectionHeader": string;
         /**
           * Sub header text displayed above the tax documents status
           * @uiName Tax documents sub header
@@ -8243,6 +8248,11 @@ declare namespace LocalJSX {
           * @uiName Expiring soon tax alert message
          */
         "taxAlertMessageExpiringSoon"?: string;
+        /**
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+         */
+        "taxDocumentSectionHeader"?: string;
         /**
           * Sub header text displayed above the tax documents status
           * @uiName Tax documents sub header
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 965ae33274..64d602e348 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -13,7 +13,7 @@ Feature: Indirect Tax Form
     Examples: 
       | country        | option                                                           | inputs                        |
       | Canada         | I am registered for HST in Canada                                | Province, Indirect Tax Number |
-      | United Kingdom | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
+      | United Kingdom | I am registered for Indirect Tax in a different Country / Region | Country, VAT/CT/GST Number    |
       | Egypt          | I am not registered for Indirect tax                             | N/A, N/A                      |
 
   @minutia @ui
@@ -28,12 +28,68 @@ Feature: Indirect Tax Form
       | Newfoundland         |
       | Nova Scotia          |
       | Prince Edward Island |
-# AL: Need to get list of countries
 
   @minutia
-  Scenario: The country select displays applicable indirect tax countries from Impacts API
+  Scenario Outline: The country select displays applicable indirect tax countries and changes the VAT/GST/CT number input
     When the "I am registered for Indirect Tax in a different Country / Region" option is selected
-    Then A Country select appears with the available countries for indirect tax provided by Impacts API
+    Then A Country select appears with available <country>s and corresponding <vat_acronym>:
+      | vat_acronym | country        |
+      | VAT         | UK             |
+      | GST         | Australia      |
+      | GST         | New Zealand    |
+      | VAT         | Austria        |
+      | VAT         | Belgium        |
+      | VAT         | Bulgaria       |
+      | VAT         | Croatia        |
+      | VAT         | Cyprus         |
+      | VAT         | Czech Republic |
+      | VAT         | Denmark        |
+      | VAT         | Estonia        |
+      | VAT         | Finland        |
+      | VAT         | France         |
+      | VAT         | Germany        |
+      | VAT         | Greece         |
+      | VAT         | Hungary        |
+      | VAT         | Ireland        |
+      | VAT         | Italy          |
+      | VAT         | Latvia         |
+      | VAT         | Lithuania      |
+      | VAT         | Luxembourg     |
+      | VAT         | Malta          |
+      | VAT         | Netherlands    |
+      | VAT         | Poland         |
+      | VAT         | Portugal       |
+      | VAT         | Romania        |
+      | VAT         | Slovakia       |
+      | VAT         | Slovenia       |
+      | VAT         | Spain          |
+      | VAT         | Sweden         |
+      | VAT         | Iceland        |
+      | GST         | India          |
+      | VAT         | Israel         |
+      | CT          | Japan          |
+      | VAT         | Mexico         |
+      | VAT         | Norway         |
+      | GST         | Singapore      |
+      | VAT         | South Africa   |
+      | VAT         | South Korea    |
+      | VAT         | Switzerland    |
+      | VAT         | Taiwan         |
+      | VAT         | Thailand       |
+      | VAT         | Philippines    |
+      | GST         | Malaysia       |
+      | VAT         | UAE            |
+      | VAT         | Turkey         |
+      | VAT         | Russia         |
+    And based on the <country>
+    Then the VAT/GST/CT number input changes to <typeTaxInputHeader>
+
+    Examples: 
+      | vat_acronym | country | typeTaxInputHeader |
+      | VAT         | RUSSIA  | VAT number         |
+      | GST         | India   | GST Number         |
+      | CT          | Japan   | CT Number          |
+      # AL: Confirm if this is the correct list of countries impact supports for VAT/GST/CT
 
   @minutia @ui
   Scenario Outline: Participant from another country has their country value auto selected
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index a66bfa7eb5..39a6e8ff13 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -45,6 +45,7 @@ export interface TaxDocumentSubmittedProps {
     indirectTaxInfoSectionHeader: string;
     indirectTaxInfoCanada?: string;
     indirectTaxInfoOtherCountry?: string;
+    taxDocumentSectionHeader: string;
     taxDocumentSectionSubHeader: string;
     newFormButton: string;
     invalidForm?: string;
@@ -90,6 +91,10 @@ const style = {
     marginTop: "var(--sl-spacing-xx-large)",
     borderTop: "1px solid var(--sl-color-neutral-200)",
   },
+  TaxDocumentsSectionHeaderContainer: {
+    marginTop: "var(--sl-spacing-x-large)",
+    marginBottom: "var(--sl-spacing-xx-small)",
+  },
   StatusContainer: {
     marginTop: "var(--sl-spacing-x-large)",
     display: "flex",
@@ -133,6 +138,7 @@ const style = {
   TaxSectionSkeletonContainer: {
     display: "flex",
     flexDirection: "column",
+    marginTop: "var(--sl-spacing-x-large)",
   },
   TaxDocSubtext: {
     margin: "0",
@@ -362,40 +368,46 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
             </sl-button>
           </div>
         </div>
-        {!states.noFormNeeded ? (
-          <div class={sheet.classes.IndirectTaxPreviewContainer}>
-            <h3 class={sheet.classes.IndirectTaxPreviewHeaderContainer}>
-              {text.indirectTaxInfoSectionHeader}
-            </h3>
-            <div class={sheet.classes.IndirectTaxPreviewDetails}>
-              <span>
-                {states.isIndirectTaxCanada
-                  ? intl.formatMessage(
-                      {
-                        id: `indirectTaxInfoCanada`,
-                        defaultMessage: text.indirectTaxInfoCanada,
-                      },
-                      {
-                        country: states.country,
-                        province: states.province,
-                      }
-                    )
-                  : intl.formatMessage(
-                      {
-                        id: `indirectTaxInfoOtherCountry`,
-                        defaultMessage: text.indirectTaxInfoOtherCountry,
-                      },
-                      {
-                        country: states.country,
-                      }
-                    )}
-              </span>
-              <span>{states.indirectTaxNumber}</span>
+
+        <div class={sheet.classes.IndirectTaxPreviewContainer}>
+          {states.loading ? (
+            <div class={sheet.classes.TaxSectionSkeletonContainer}>
+              <sl-skeleton class={sheet.classes.SkeletonOne}></sl-skeleton>
+              <sl-skeleton class={sheet.classes.SkeletonTwo}></sl-skeleton>
             </div>
-          </div>
-        ) : (
-          ""
-        )}
+          ) : (
+            <div>
+              <h3 class={sheet.classes.IndirectTaxPreviewHeaderContainer}>
+                {text.indirectTaxInfoSectionHeader}
+              </h3>
+              <div class={sheet.classes.IndirectTaxPreviewDetails}>
+                <span>
+                  {states.isIndirectTaxCanada
+                    ? intl.formatMessage(
+                        {
+                          id: `indirectTaxInfoCanada`,
+                          defaultMessage: text.indirectTaxInfoCanada,
+                        },
+                        {
+                          country: states.country,
+                          province: states.province,
+                        }
+                      )
+                    : intl.formatMessage(
+                        {
+                          id: `indirectTaxInfoOtherCountry`,
+                          defaultMessage: text.indirectTaxInfoOtherCountry,
+                        },
+                        {
+                          country: states.country,
+                        }
+                      )}
+                </span>
+                <span>{states.indirectTaxNumber}</span>
+              </div>
+            </div>
+          )}
+        </div>
         <div class={sheet.classes.TaxDocumentsContainer}>
           <div>
             {states.loading ? (
@@ -404,28 +416,43 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                 <sl-skeleton class={sheet.classes.SkeletonTwo}></sl-skeleton>
               </div>
             ) : (
-              <span class={sheet.classes.TaxFormDetailsContainer}>
+              <div>
                 {states.noFormNeeded ? (
-                  <p class={sheet.classes.TaxDocSubtext}>
-                    {text.noFormNeededSubtext}
-                  </p>
-                ) : (
-                  <div class={sheet.classes.StatusContainer}>
-                    <h4>
-                      {intl.formatMessage(
-                        {
-                          id: "section-subheader",
-                          defaultMessage: text.taxDocumentSectionSubHeader,
-                        },
-                        {
-                          documentType: states.documentType,
-                        }
-                      )}
-                    </h4>
-                    {statusMap[states.status]}
+                  <div>
+                    <h3
+                      class={sheet.classes.TaxDocumentsSectionHeaderContainer}
+                    >
+                      {text.taxDocumentSectionHeader}
+                    </h3>
+                    <p class={sheet.classes.TaxDocSubtext}>
+                      {text.noFormNeededSubtext}
+                    </p>
                   </div>
+                ) : (
+                  <span class={sheet.classes.TaxFormDetailsContainer}>
+                    {states.noFormNeeded ? (
+                      <p class={sheet.classes.TaxDocSubtext}>
+                        {text.noFormNeededSubtext}
+                      </p>
+                    ) : (
+                      <div class={sheet.classes.StatusContainer}>
+                        <h4>
+                          {intl.formatMessage(
+                            {
+                              id: "section-subheader",
+                              defaultMessage: text.taxDocumentSectionSubHeader,
+                            },
+                            {
+                              documentType: states.documentType,
+                            }
+                          )}
+                        </h4>
+                        {statusMap[states.status]}
+                      </div>
+                    )}
+                  </span>
                 )}
-              </span>
+              </div>
             )}
             {states.noFormNeeded ? (
               ""
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 5653c89361..5b455c35e4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -138,6 +138,12 @@ export class TaxDocumentSubmitted {
    * @uiName Indirect tax other country description
    */
   @Prop() indirectTaxInfoOtherCountry: string = "Registered in {country}";
+  /**
+   * Header text displayed above the tax documents status
+   *
+   * @uiName Tax document section header
+   */
+  @Prop() taxDocumentSectionHeader: string = "Tax documents";
   /**
    * Sub header text displayed above the tax documents status
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 29f02f9806..7875c0152a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -647,6 +647,10 @@ export const TaxDocumentNoFormNeeded = () => {
           documentType: "W9",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: true,
+          province: "Ontario",
+          country: "Canada",
+          isIndirectTaxCanada: true,
+          indirectTaxNumber: 123456,
         },
       }}
     ></sqm-tax-document-submitted>
@@ -697,6 +701,8 @@ export const TaxDocumentSubmittedWithGeneralError = () => {
           dateSubmitted: "Jan 18th, 2025",
           dateExpired: "Dec 18th, 2025",
           noFormNeeded: false,
+          indirectTaxNumber: 123456,
+          country: "Slovania",
           errors: {
             general: true,
           },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 0bd552b6ab..592454a9c6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -140,6 +140,7 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   taxAlertMessageExpiringSoon:
     "Please submit a new {documentType} form to continue receiving your rewards",
   bankingInformationSectionHeader: "Banking Information",
+  taxDocumentSectionHeader: "Tax documents",
   taxDocumentSectionSubHeader: "{documentType} Tax Form",
   indirectTaxInfoSectionHeader: "dsa",
     indirectTaxInfoCanada: "dsa",

From b186b1336e7e8db7a6cffaae1abc93f66d8e98dc Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 6 Feb 2024 16:08:00 -0800
Subject: [PATCH 160/753] Changed indirect-tax-form-specs

---
 .../sqm-indirect-tax-form.feature             | 68 +++++++++++++++++++
 1 file changed, 68 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 64d602e348..01ed691c86 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -29,6 +29,74 @@ Feature: Indirect Tax Form
       | Nova Scotia          |
       | Prince Edward Island |
 
+  @minutia
+  Scenario: The country select displays applicable indirect tax countries
+    When the "I am registered for Indirect Tax in a different Country / Region" option is selected
+    Then A Country select appears with available <countries>
+      | countries             |
+      | UK                    |
+      | Australia             |
+      | New Zealand           |
+      | Canada                |
+      | Austria               |
+      | Belgium               |
+      | Bulgaria              |
+      | Croatia               |
+      | Cyprus                |
+      | Czech Republic        |
+      | Denmark               |
+      | Estonia               |
+      | Finland               |
+      | France                |
+      | Germany               |
+      | Greece                |
+      | Hungary               |
+      | Ireland               |
+      | Italy                 |
+      | Latvia                |
+      | Lithuania             |
+      | Luxembourg            |
+      | Malta                 |
+      | Netherlands           |
+      | Poland                |
+      | Portugal              |
+      | Romania               |
+      | Slovakia              |
+      | Slovenia              |
+      | Spain                 |
+      | Sweden                |
+      | Alberta               |
+      | British Columbia      |
+      | Manitoba              |
+      | New Brunswick         |
+      | Newfoundland          |
+      | Northwest Territories |
+      | Nova Scotia           |
+      | Nunavut               |
+      | Ontario               |
+      | Prince Edward Island  |
+      | Quebec                |
+      | Saskatchewan          |
+      | Yukon                 |
+      | Iceland               |
+      | India                 |
+      | Israel                |
+      | Japan                 |
+      | Mexico                |
+      | Norway                |
+      | Singapore             |
+      | South Africa          |
+      | South Korea           |
+      | Switzerland           |
+      | Taiwan                |
+      | Thailand              |
+      | Philippines           |
+      | Malaysia              |
+      | UAE                   |
+      | Turkey                |
+      | Russia                |
+# Undecided behaviour
+
   @minutia
   Scenario Outline: The country select displays applicable indirect tax countries and changes the VAT/GST/CT number input
     When the "I am registered for Indirect Tax in a different Country / Region" option is selected

From c0c59294282b3b008421b918cff0db83cd7f88af Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 7 Feb 2024 08:40:18 -0800
Subject: [PATCH 161/753] hooks for indirect tax form info

---
 packages/mint-components/package-lock.json    |  4 +-
 packages/mint-components/src/components.d.ts  | 10 ++++
 .../src/components/tax-and-cash/countries.ts  | 43 ++++++++++++++
 .../src/components/tax-and-cash/provinces.ts  |  7 +++
 .../sqm-indirect-tax-form.tsx                 |  6 +-
 .../useIndirectTaxForm.tsx                    | 58 +++----------------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 18 +++---
 .../sqm-tax-document-submitted-view.tsx       | 47 +++++++--------
 .../sqm-tax-document-submitted.tsx            |  7 +++
 .../useTaxDocumentSubmitted.tsx               |  9 ++-
 .../sqm-user-info-form/TaxForm.stories.tsx    |  5 +-
 .../sqm-user-info-form/defaultTextCopy.ts     |  5 +-
 .../small-views/IndirectTaxDetailsView.tsx    | 29 +++++-----
 13 files changed, 139 insertions(+), 109 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/countries.ts
 create mode 100644 packages/mint-components/src/components/tax-and-cash/provinces.ts

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 01d975332c..5744e5bef5 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-19",
+  "version": "1.8.0-23",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-19",
+      "version": "1.8.0-23",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index d34db24ba8..04995cbe66 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3597,6 +3597,11 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
+        /**
+          * Text displayed in the edit Indirect Tax button
+          * @uiName Edit Indirect Tax button
+         */
+        "editIndirectTaxButton": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
@@ -8163,6 +8168,11 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
+        /**
+          * Text displayed in the edit Indirect Tax button
+          * @uiName Edit Indirect Tax button
+         */
+        "editIndirectTaxButton"?: string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
diff --git a/packages/mint-components/src/components/tax-and-cash/countries.ts b/packages/mint-components/src/components/tax-and-cash/countries.ts
new file mode 100644
index 0000000000..c9255f183e
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/countries.ts
@@ -0,0 +1,43 @@
+export const INDIRECT_TAX_COUNTRIES = [
+  { countryCode: "GB", displayName: "United Kingdom" },
+  { countryCode: "AT", displayName: "Austria" },
+  { countryCode: "BE", displayName: "Belgium" },
+  { countryCode: "BG", displayName: "Bulgaria" },
+  { countryCode: "HR", displayName: "Croatia" },
+  { countryCode: "CY", displayName: "Cyprus" },
+  { countryCode: "CZ", displayName: "Czechia" },
+  { countryCode: "DK", displayName: "Denmark" },
+  { countryCode: "EE", displayName: "Estonia" },
+  { countryCode: "FI", displayName: "Finland" },
+  { countryCode: "FR", displayName: "France" },
+  { countryCode: "DE", displayName: "Germany" },
+  { countryCode: "GR", displayName: "Greece" },
+  { countryCode: "HU", displayName: "Hungary" },
+  { countryCode: "IS", displayName: "Iceland" },
+  { countryCode: "IL", displayName: "Israel" },
+  { countryCode: "IE", displayName: "Ireland" },
+  { countryCode: "IT", displayName: "Italy" },
+  { countryCode: "LV", displayName: "Latvia" },
+  { countryCode: "LT", displayName: "Lithuania" },
+  { countryCode: "LU", displayName: "Luxembourg" },
+  { countryCode: "MT", displayName: "Malta" },
+  { countryCode: "MX", displayName: "Mexico" },
+  { countryCode: "NL", displayName: "Netherlands" },
+  { countryCode: "NO", displayName: "Norway" },
+  { countryCode: "PH", displayName: "Philippines" },
+  { countryCode: "PL", displayName: "Poland" },
+  { countryCode: "PT", displayName: "Portugal" },
+  { countryCode: "RO", displayName: "Romania" },
+  { countryCode: "RU", displayName: "Russia" },
+  { countryCode: "SK", displayName: "Slovakia" },
+  { countryCode: "SI", displayName: "Slovenia" },
+  { countryCode: "ES", displayName: "Spain" },
+  { countryCode: "SE", displayName: "Sweden" },
+  { countryCode: "ZA", displayName: "South Africa" },
+  { countryCode: "KR", displayName: "South Korea" },
+  { countryCode: "CH", displayName: "Switzerland" },
+  { countryCode: "TW", displayName: "Taiwan" },
+  { countryCode: "TH", displayName: "Thailand" },
+  { countryCode: "TR", displayName: "Turkey" },
+  { countryCode: "AE", displayName: "United Arab Emirates" },
+];
diff --git a/packages/mint-components/src/components/tax-and-cash/provinces.ts b/packages/mint-components/src/components/tax-and-cash/provinces.ts
new file mode 100644
index 0000000000..d5a54cd2ad
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/provinces.ts
@@ -0,0 +1,7 @@
+export const INDIRECT_TAX_PROVINCES = [
+  { provinceCode: "ON", displayName: "Ontario" },
+  { provinceCode: "NS", displayName: "Nova Scotia" },
+  { provinceCode: "NB", displayName: "New Brunswick" },
+  { provinceCode: "PE", displayName: "Prince Edward Island" },
+  { provinceCode: "NL", displayName: "Newfoundland" },
+];
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 9be96ae1d6..1f1c6cbe6b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -14,10 +14,11 @@ import {
   IndirectTaxFormViewProps,
 } from "./sqm-indirect-tax-form-view";
 import {
-  INDIRECT_TAX_COUNTRIES,
   UseIndirectTaxFormResult,
   useIndirectTaxForm,
 } from "./useIndirectTaxForm";
+import { INDIRECT_TAX_COUNTRIES } from "../countries";
+import { INDIRECT_TAX_PROVINCES } from "../provinces";
 
 /**
  * @uiName Indirect Tax Form
@@ -206,7 +207,7 @@ export class IndirectTaxForm {
           hide: props.states.formState.checked !== "hstCanada",
           loading: props.states.loading,
         }}
-        data={{ countries: props.data.countries }}
+        data={{ provinces: props.data.provinces }}
         text={props.text.slotText}
       ></IndirectDetailsSlotView>
     );
@@ -264,6 +265,7 @@ function useDemoIndirectTaxForm(
       },
       data: {
         countries: INDIRECT_TAX_COUNTRIES,
+        provinces: INDIRECT_TAX_PROVINCES,
       },
       text: props.getTextProps(),
       refs: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index cc43004375..6d24e6c4ac 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -5,9 +5,8 @@ import {
 import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
-import { optional } from "../../../utilities";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent, useParentValue } from "../../../utils/useParentState";
+import { useParent } from "../../../utils/useParentState";
 import {
   COUNTRIES_NAMESPACE,
   CountriesQuery,
@@ -16,9 +15,8 @@ import {
   UserQuery,
 } from "../sqm-tax-and-cash/data";
 import { IndirectTaxForm } from "./sqm-indirect-tax-form";
-import { getDocumentType } from "../sqm-tax-document-submitted/useTaxDocumentSubmitted";
-import { UserInfoFormViewProps } from "../sqm-user-info-form/sqm-user-info-form-view";
-import { IndirectTaxFormViewProps } from "./sqm-indirect-tax-form-view";
+import { INDIRECT_TAX_COUNTRIES } from "../countries";
+import { INDIRECT_TAX_PROVINCES } from "../provinces";
 
 function getOption(user: UserQuery["user"]) {
   if (!user) return;
@@ -31,8 +29,9 @@ function getOption(user: UserQuery["user"]) {
   } else {
     if (countryCode === "CA") {
       return "hstCanada";
-      // TODO: Check against list of countries from backend
-    } else if (countryCode) {
+    } else if (
+      INDIRECT_TAX_COUNTRIES.find((c) => c.countryCode === countryCode)
+    ) {
       return "otherRegion";
     } else {
       return "notRegistered";
@@ -49,50 +48,6 @@ const UPSERT_USER = gql`
   }
 `;
 
-export const INDIRECT_TAX_COUNTRIES = [
-  { countryCode: "GB", displayName: "United Kingdom" },
-  { countryCode: "AT", displayName: "Austria" },
-  { countryCode: "BE", displayName: "Belgium" },
-  { countryCode: "BG", displayName: "Bulgaria" },
-  { countryCode: "HR", displayName: "Croatia" },
-  { countryCode: "CY", displayName: "Cyprus" },
-  { countryCode: "CZ", displayName: "Czechia" },
-  { countryCode: "DK", displayName: "Denmark" },
-  { countryCode: "EE", displayName: "Estonia" },
-  { countryCode: "FI", displayName: "Finland" },
-  { countryCode: "FR", displayName: "France" },
-  { countryCode: "DE", displayName: "Germany" },
-  { countryCode: "GR", displayName: "Greece" },
-  { countryCode: "HU", displayName: "Hungary" },
-  { countryCode: "IS", displayName: "Iceland" },
-  { countryCode: "IL", displayName: "Israel" },
-  { countryCode: "IE", displayName: "Ireland" },
-  { countryCode: "IT", displayName: "Italy" },
-  { countryCode: "LV", displayName: "Latvia" },
-  { countryCode: "LT", displayName: "Lithuania" },
-  { countryCode: "LU", displayName: "Luxembourg" },
-  { countryCode: "MT", displayName: "Malta" },
-  { countryCode: "MX", displayName: "Mexico" },
-  { countryCode: "NL", displayName: "Netherlands" },
-  { countryCode: "NO", displayName: "Norway" },
-  { countryCode: "PH", displayName: "Philippines" },
-  { countryCode: "PL", displayName: "Poland" },
-  { countryCode: "PT", displayName: "Portugal" },
-  { countryCode: "RO", displayName: "Romania" },
-  { countryCode: "RU", displayName: "Russia" },
-  { countryCode: "SK", displayName: "Slovakia" },
-  { countryCode: "SI", displayName: "Slovenia" },
-  { countryCode: "ES", displayName: "Spain" },
-  { countryCode: "SE", displayName: "Sweden" },
-  { countryCode: "ZA", displayName: "South Africa" },
-  { countryCode: "KR", displayName: "South Korea" },
-  { countryCode: "CH", displayName: "Switzerland" },
-  { countryCode: "TW", displayName: "Taiwan" },
-  { countryCode: "TH", displayName: "Thailand" },
-  { countryCode: "TR", displayName: "Turkey" },
-  { countryCode: "AE", displayName: "United Arab Emirates" },
-];
-
 export function useIndirectTaxForm(props: IndirectTaxForm) {
   const formRef = useRef<HTMLFormElement>(null);
   const [loading, setLoading] = useState(false);
@@ -232,6 +187,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     },
     data: {
       countries: INDIRECT_TAX_COUNTRIES,
+      provinces: INDIRECT_TAX_PROVINCES,
     },
     text: props.getTextProps(),
     refs: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index df38787ac7..6693a4c5d9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -44,16 +44,14 @@ export class TaxAndCash {
 
     return (
       <Host>
-        {inDemoMode && (
-          <div>
-            <button onClick={() => props.setStep(getPrevStep(props.step))}>
-              Preview previous step
-            </button>{" "}
-            <button onClick={() => props.setStep(getNextStep(props.step))}>
-              Preview next step
-            </button>
-          </div>
-        )}
+        <div>
+          <button onClick={() => props.setStep(getPrevStep(props.step))}>
+            Preview previous step
+          </button>{" "}
+          <button onClick={() => props.setStep(getNextStep(props.step))}>
+            Preview next step
+          </button>
+        </div>
         <sqm-context-router contextName={props.namespace}>
           <slot />
         </sqm-context-router>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 39a6e8ff13..3e31acdd74 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -25,7 +25,7 @@ export interface TaxDocumentSubmittedProps {
     loading?: boolean;
     errors?: any;
   };
-  callbacks: { onClick: (props: any) => void };
+  callbacks: { onClick: (props: any) => void; onEditIndirectTax: () => void };
   text: {
     statusTextActive?: string;
     statusTextNotActive?: string;
@@ -48,6 +48,7 @@ export interface TaxDocumentSubmittedProps {
     taxDocumentSectionHeader: string;
     taxDocumentSectionSubHeader: string;
     newFormButton: string;
+    editIndirectTaxButton: string;
     invalidForm?: string;
     noFormNeededSubtext: string;
     error: {
@@ -382,14 +383,14 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
               </h3>
               <div class={sheet.classes.IndirectTaxPreviewDetails}>
                 <span>
-                  {states.isIndirectTaxCanada
+                  {states.province
                     ? intl.formatMessage(
                         {
                           id: `indirectTaxInfoCanada`,
                           defaultMessage: text.indirectTaxInfoCanada,
                         },
                         {
-                          country: states.country,
+                          country: "Canada",
                           province: states.province,
                         }
                       )
@@ -405,6 +406,14 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                 </span>
                 <span>{states.indirectTaxNumber}</span>
               </div>
+              <sl-button
+                disabled={states.disabled || states.loading}
+                onClick={callbacks.onEditIndirectTax}
+                type="default"
+                class={sheet.classes.NewFormButton}
+              >
+                {text.editIndirectTaxButton}
+              </sl-button>
             </div>
           )}
         </div>
@@ -429,12 +438,8 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                     </p>
                   </div>
                 ) : (
-                  <span class={sheet.classes.TaxFormDetailsContainer}>
-                    {states.noFormNeeded ? (
-                      <p class={sheet.classes.TaxDocSubtext}>
-                        {text.noFormNeededSubtext}
-                      </p>
-                    ) : (
+                  <div>
+                    <span class={sheet.classes.TaxFormDetailsContainer}>
                       <div class={sheet.classes.StatusContainer}>
                         <h4>
                           {intl.formatMessage(
@@ -449,23 +454,19 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                         </h4>
                         {statusMap[states.status]}
                       </div>
-                    )}
-                  </span>
+                    </span>
+                    <sl-button
+                      disabled={states.disabled || states.loading}
+                      onClick={callbacks.onClick}
+                      type="default"
+                      class={sheet.classes.NewFormButton}
+                    >
+                      {text.newFormButton}
+                    </sl-button>
+                  </div>
                 )}
               </div>
             )}
-            {states.noFormNeeded ? (
-              ""
-            ) : (
-              <sl-button
-                disabled={states.disabled || states.loading}
-                onClick={callbacks.onClick}
-                type="default"
-                class={sheet.classes.NewFormButton}
-              >
-                {text.newFormButton}
-              </sl-button>
-            )}
           </div>
         </div>
       </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 5b455c35e4..9dcfb9fca7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -163,6 +163,12 @@ export class TaxDocumentSubmitted {
    * @uiName No form needed subtext
    */
   @Prop() newFormButton: string = "Submit New document";
+  /**
+   * Text displayed in the edit Indirect Tax button
+   *
+   * @uiName Edit Indirect Tax button
+   */
+  @Prop() editIndirectTaxButton: string = "Edit Indirect Tax";
   /**
    * The title for error message shown at the top of the page in an error banner
    *
@@ -234,6 +240,7 @@ function useDemoTaxDocumentSubmitted(
       },
       callbacks: {
         onClick: () => console.debug("check step"),
+        onEditIndirectTax: () => console.debug("indirect tax"),
       },
       text: props.getTextProps(),
     },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index b9df6bd4c0..1fff26ec24 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -71,8 +71,12 @@ export const useTaxDocumentSubmitted = (
       documentType,
       // TODO: Hook up to API
       status: documentType ? "NOT_VERIFIED" : undefined,
-      //TODO AL: wire indirectTaxNumber to hooks
-      indirectTaxNumber: 123456,
+      indirectTaxNumber: data.user?.customFields?.__indirectTaxNumber,
+      province: data.user?.customFields?.__taxProvince,
+      // @ts-ignore: DisplayNames does exist on Intl
+      country: new Intl.DisplayNames(["en"], { type: "region" }).of([
+        data.user?.customFields?.__taxCountry,
+      ]),
       noFormNeeded: !documentType,
       dateExpired,
       expiresSoon,
@@ -81,6 +85,7 @@ export const useTaxDocumentSubmitted = (
     },
     callbacks: {
       onClick: () => setStep(`/3/${documentType}`),
+      onEditIndirectTax: () => setStep("/2"),
     },
     text: props.getTextProps(),
   };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 7875c0152a..3eb1285657 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -97,7 +97,10 @@ const documentSubmittedActiveProps: StoryDemoData<UseTaxDocumentSubmittedResult>
       dateSubmitted: "Jan 18th, 2025",
       dateExpired: "Dec 18th, 2025",
     },
-    callbacks: { onClick: () => console.log("Submit new Form") },
+    callbacks: {
+      onClick: () => console.log("Submit new Form"),
+      onEditIndirectTax: () => console.log("Edit indirect tax"),
+    },
   };
 
 const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 592454a9c6..7eb4374bc3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -143,9 +143,10 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   taxDocumentSectionHeader: "Tax documents",
   taxDocumentSectionSubHeader: "{documentType} Tax Form",
   indirectTaxInfoSectionHeader: "dsa",
-    indirectTaxInfoCanada: "dsa",
-    indirectTaxInfoOtherCountry: "dsa",
+  indirectTaxInfoCanada: "dsa",
+  indirectTaxInfoOtherCountry: "dsa",
   newFormButton: "Submit New document",
+  editIndirectTaxButton: "Edit Indirect Tax",
   noFormNeededSubtext:
     "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support.",
   error: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index b547faf7c7..de6b73cf1f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -17,7 +17,11 @@ export interface IndirectDetailsSlotViewProps {
     };
   };
   data: {
-    countries: {
+    provinces?: {
+      provinceCode: string;
+      displayName: string;
+    }[];
+    countries?: {
       countryCode: string;
       displayName: string;
     }[];
@@ -89,7 +93,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
   } = props;
 
   const { classes } = sheet;
-  console.log("regions", { formState });
+
   return (
     <div style={states.hide ? { display: "none" } : {}}>
       <form class={classes.Container}>
@@ -113,7 +117,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             id="selectedRegion"
             name="/selectedRegion"
           >
-            {props.data.countries?.map((c) => (
+            {props.data.countries!.map((c) => (
               <sl-menu-item value={c.countryCode}>{c.displayName}</sl-menu-item>
             ))}
           </sl-select>
@@ -144,6 +148,7 @@ export const IndirectDetailsSlotView = (
   const {
     states,
     states: { formState },
+    data,
     text,
   } = props;
 
@@ -173,19 +178,11 @@ export const IndirectDetailsSlotView = (
             id="province"
             name="/province"
           >
-            <sl-menu-item value="ON">Ontario</sl-menu-item>
-            <sl-menu-item value="QC">Quebec</sl-menu-item>
-            <sl-menu-item value="NS">Nova Scotia</sl-menu-item>
-            <sl-menu-item value="NB">New Brunswick</sl-menu-item>
-            <sl-menu-item value="MB">Manitoba</sl-menu-item>
-            <sl-menu-item value="BC">British Columbia</sl-menu-item>
-            <sl-menu-item value="PE">Prince Edward Island</sl-menu-item>
-            <sl-menu-item value="SK">Saskatchewan</sl-menu-item>
-            <sl-menu-item value="AB">Alberta</sl-menu-item>
-            <sl-menu-item value="NL">Newfoundland</sl-menu-item>
-            <sl-menu-item value="NT">Northwest Territories</sl-menu-item>
-            <sl-menu-item value="YT">Yukon</sl-menu-item>
-            <sl-menu-item value="NU">Nunavut</sl-menu-item>
+            {data.provinces.map((p) => (
+              <sl-menu-item value={p.provinceCode}>
+                {p.displayName}
+              </sl-menu-item>
+            ))}
           </sl-select>
           <sl-input
             required

From 6e5c981403f9ccfe0b45b35cad02dbd9b1b0e1b8 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 7 Feb 2024 08:50:00 -0800
Subject: [PATCH 162/753] cleanup and fake isPartner

---
 .../sqm-docusign-embed/sqm-docusign-embed.tsx        | 12 ------------
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.tsx  |  1 -
 .../sqm-indirect-tax-form/useIndirectTaxForm.tsx     |  3 +--
 .../sqm-tax-document-submitted-view.tsx              |  2 --
 .../useTaxDocumentSubmitted.tsx                      |  2 ++
 .../sqm-user-info-form/TaxForm.stories.tsx           |  8 ++------
 .../small-views/IndirectTaxDetailsView.tsx           |  1 -
 .../sqm-user-info-form/sqm-user-info-form.tsx        |  7 +++++--
 .../sqm-user-info-form/useUserInfoForm.tsx           |  6 ++----
 9 files changed, 12 insertions(+), 30 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx b/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
index c7834a1fee..6b95b02085 100644
--- a/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
+++ b/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
@@ -15,22 +15,10 @@ declare global {
 })
 export class DocusignEmbedComponent {
   @Prop() url: string;
-  // private iframe: HTMLIFrameElement;
-
-  // async componentDidLoad() {
-  //   // TODO: Replace with actual endpoint when it's ready
-  //   const url = await (await fetch("http://localhost:5555/geturl")).text();
-  //   this.iframe.src = url;
-
-  //   // this.iframe.src =
-  //   //   "https://demo.docusign.net/Signing/MTRedeem/v1/81222592-d65d-4d8f-b847-04856779a9f4?slt=eyJ0eXAiOiJNVCIsImFsZyI6IlJTMjU2Iiwia2lkIjoiNjgxODVmZjEtNGU1MS00Y2U5LWFmMWMtNjg5ODEyMjAzMzE3In0.AQYAAAABAAMABwAAIIekfxjcSAgAAMCYK6EY3EgYAAEAAAAAAAAAIQDwAgAAeyJUb2tlbklkIjoiYzMyZjkwZDAtOGYyMy00MzZhLWFlNTctN2Q1MDgxZGRkZjAxIiwiRXhwaXJhdGlvbiI6IjIwMjQtMDEtMThUMjM6NTE6MDgrMDA6MDAiLCJJc3N1ZWRBdCI6IjIwMjQtMDEtMThUMjM6NDY6MDguNDY0OTEwNCswMDowMCIsIlJlc291cmNlSWQiOiIxMGIzZDE3MS1hNGI3LTQ1NDUtYjBmNy00OTEwNGI0ZjJhNTQiLCJSZXNvdXJjZXMiOiJ7XCJFbnZlbG9wZUlkXCI6XCIxMGIzZDE3MS1hNGI3LTQ1NDUtYjBmNy00OTEwNGI0ZjJhNTRcIixcIkFjdG9yVXNlcklkXCI6XCI1ZTg0M2IwMS0wNjUwLTRkZTYtOGJkZS00OTBjYzBkYmFhMDVcIixcIlJlY2lwaWVudElkXCI6XCIwYTMwZDdhNC1iZWYzLTRhYjUtYjg0YS0wMjBiMTllZTgzMjZcIixcIkZha2VRdWVyeVN0cmluZ1wiOlwidD1iN2ZmOGNjZC0yNzE4LTQ1MWEtYmRhYS0zMDk2OTcxYjY3OGJcIixcIkludGVncmF0b3JLZXlcIjpcIklNUEEtMmE1YzM5YWItYTlmNi00NThiLTgzZWYtM2Y3ZGVkOTNhZWE1XCIsXCJDcmVhdGVkQXRcIjpcIjIwMjQtMDEtMThUMjM6NDY6MDguMzY1NTgzWlwifSIsIlRva2VuVHlwZSI6MSwiQXVkaWVuY2UiOiIyNWUwOTM5OC0wMzQ0LTQ5MGMtOGU1My0zYWIyY2E1NjI3YmYiLCJSZWRpcmVjdFVyaSI6Imh0dHBzOi8vZGVtby5kb2N1c2lnbi5uZXQvU2lnbmluZy9TdGFydEluU2Vzc2lvbi5hc3B4IiwiSGFzaEFsZ29yaXRobSI6MCwiSGFzaFJvdW5kcyI6MCwiVG9rZW5TdGF0dXMiOjAsIklzU2luZ2xlVXNlIjpmYWxzZX0_AIDnvlaAGNxI.pz7FN5reKM0PrJ1vCyu8fgCCYBLlzkVnQgbgrrE4errETVxTYz88j51emxqthnUz0MlKvpQ7v8vf09CF22bHtM7jPtriMMILMhhTrii2nUMpYpchgKUIayIZhcvlCgL7hET6DxjsLTcEvuFr11Bumn-1qmNZHh7KJvfBHN3Fve1F031dJUxhxC2XK2EKGcUvM8yXLGWMCFpkYPQBY-m6lfSqdoRIoTUzqFA9H1331kr1zUsfkR8ygyANItyf1a9eTpVuPfpVi9Sv8eRFE1Jvtj8B2Jzi4dghG9IFyBYrRNoKAUP0R2cB8QU-VdPbos5w8Wgp8OXxuqLwXeP9D3WLtA";
-  // }
 
   render() {
-    console.debug("SQM-DOCUSIGN-EMBED -- URL:", this.url);
     return (
       <iframe
-        // ref={(el) => (this.iframe = el)}
         src={this.url}
         width="100%"
         height="100%"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 1f1c6cbe6b..ab5d0649fb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -251,7 +251,6 @@ function useDemoIndirectTaxForm(
       states: {
         disabled: false,
         loading: false,
-        //AL: TODO hook up if user is partner
         isPartner: false,
         errors: {},
         formState: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 6d24e6c4ac..287e88067e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -173,8 +173,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     states: {
       disabled: loading || countriesLoading,
       loading: loading || countriesLoading,
-      //AL: TODO hook up if user is partner
-      isPartner: false,
+      isPartner: userData?.user?.customFields?.__taxIsPartner,
       errors,
       formState: {
         checked: option,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 3e31acdd74..9fb07711a5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -16,12 +16,10 @@ export interface TaxDocumentSubmittedProps {
     dateExpired?: string;
     expiresSoon?: boolean;
     noFormNeeded?: boolean;
-    // ---- AL: TODO Hooks
     indirectTaxNumber?: number;
     province?: string;
     country?: string;
     isIndirectTaxCanada?: boolean;
-    //----
     loading?: boolean;
     errors?: any;
   };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 1fff26ec24..d0345fa77d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -69,8 +69,10 @@ export const useTaxDocumentSubmitted = (
     states: {
       dateSubmitted,
       documentType,
+
       // TODO: Hook up to API
       status: documentType ? "NOT_VERIFIED" : undefined,
+
       indirectTaxNumber: data.user?.customFields?.__indirectTaxNumber,
       province: data.user?.customFields?.__taxProvince,
       // @ts-ignore: DisplayNames does exist on Intl
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 3eb1285657..b19103d341 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -52,12 +52,8 @@ const stepOneProps: UserInfoFormViewProps = {
     ],
   },
   callbacks: {
-    // TODO: fix type
-    // @ts-ignore
-    onSubmit: async (props: any) => console.log("Submit"),
-    // TODO: fix type
-    // @ts-ignore
-    onRadioClick: (props: any) => console.log("Radio Click"),
+    onSubmit: async () => console.log("Submit"),
+    onRadioClick: () => console.log("Radio Click"),
   },
   text: userInfoText,
   refs: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index de6b73cf1f..9b72048c3c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -1,6 +1,5 @@
 import { VNode, h } from "@stencil/core";
 import { createStyleSheet } from "../../../../styling/JSS";
-import { formatDisplayName } from "@formatjs/intl";
 
 export interface IndirectDetailsSlotViewProps {
   states: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 9071c50c46..10e8e5a09d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -11,6 +11,8 @@ import {
   UserInfoFormViewProps,
 } from "./sqm-user-info-form-view";
 import { useUserInfoForm, UseUserInfoFormResult } from "./useUserInfoForm";
+import { useParent } from "../../../utils/useParentState";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 
 /**
  * @uiName User Information Form
@@ -205,12 +207,13 @@ export class TaxForm {
 }
 
 function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
+  const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
   const [participantType, setParticipantType] = useState(null);
 
   return deepmerge(
     {
-      step: "/1",
-      setStep: () => {},
+      step,
+      setStep,
       onSubmit: () => {},
       onRadioClick: (value: string) => {
         setParticipantType(value);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index c5130f5d42..e63b9baa65 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -144,7 +144,6 @@ export function useUserInfoForm(props: TaxForm) {
 
       setStep("/2");
     } catch (e) {
-      // TODO: Double check
       setFormState({ ...formState, errors: { general: true } });
     } finally {
       setMutationLoading(false);
@@ -167,9 +166,8 @@ export function useUserInfoForm(props: TaxForm) {
     states: {
       disabled: loading,
       loading: loading || mutationLoading,
-      //AL: TODO hook up if user is partner
-      isPartner: false,
-      formState: { ...formState },
+      isPartner: data?.user?.customFields?.__taxIsPartner,
+      formState,
     },
   };
 }

From 584b7ea09611942a5abaf79aa4ce973db21128c4 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 7 Feb 2024 09:52:52 -0800
Subject: [PATCH 163/753] Added copy changes, removed an undeeded story

---
 .../sqm-indirect-tax-form.tsx                 |  4 +--
 .../sqm-tax-document-submitted-view.tsx       | 36 +++++++++----------
 .../sqm-tax-document-submitted.tsx            |  2 +-
 .../sqm-user-info-form/TaxForm.stories.tsx    | 17 +--------
 4 files changed, 22 insertions(+), 37 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index ab5d0649fb..2db03f3d70 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -44,7 +44,7 @@ export class IndirectTaxForm {
    * @uiName Indirect tax sub text
    */
   @Prop() indirectTaxDescription: string =
-    "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.";
+    "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.";
   /**
    * Heading text shown above the tax details radio buttons
    * @uiName Indirect tax details heading
@@ -55,7 +55,7 @@ export class IndirectTaxForm {
    * @uiName Indirect tax details sub text
    */
   @Prop() indirectTaxDetailsDescription: string =
-    "Not sure if you are registered for indirect tax? Contact our Support team to find out more.";
+    "If you are in the US, you are most likely not registered for Indirect Tax. Not sure if you are registered for indirect tax? Contact our Support team to find out more.";
   /**
    * Label text for the HST Canada radio button
    * @uiName HST Canada radio button label
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 9fb07711a5..b60b936a59 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -118,11 +118,11 @@ const style = {
     },
   },
   NewFormButton: {
-    marginTop: "var(--sl-spacing-medium)",
+    marginTop: "var(--sl-spacing-large)",
     maxWidth: "179px",
   },
   EditBankDetailsButton: {
-    marginTop: "var(--sl-spacing-x-large)",
+    marginTop: "var(--sl-spacing-large)",
   },
   SkeletonOne: {
     width: "15%",
@@ -404,16 +404,16 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                 </span>
                 <span>{states.indirectTaxNumber}</span>
               </div>
-              <sl-button
-                disabled={states.disabled || states.loading}
-                onClick={callbacks.onEditIndirectTax}
-                type="default"
-                class={sheet.classes.NewFormButton}
-              >
-                {text.editIndirectTaxButton}
-              </sl-button>
             </div>
           )}
+          <sl-button
+            disabled={states.disabled || states.loading}
+            onClick={callbacks.onEditIndirectTax}
+            type="default"
+            class={sheet.classes.NewFormButton}
+          >
+            {text.editIndirectTaxButton}
+          </sl-button>
         </div>
         <div class={sheet.classes.TaxDocumentsContainer}>
           <div>
@@ -453,18 +453,18 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                         {statusMap[states.status]}
                       </div>
                     </span>
-                    <sl-button
-                      disabled={states.disabled || states.loading}
-                      onClick={callbacks.onClick}
-                      type="default"
-                      class={sheet.classes.NewFormButton}
-                    >
-                      {text.newFormButton}
-                    </sl-button>
                   </div>
                 )}
               </div>
             )}
+            <sl-button
+              disabled={states.disabled || states.loading}
+              onClick={callbacks.onClick}
+              type="default"
+              class={sheet.classes.NewFormButton}
+            >
+              {text.newFormButton}
+            </sl-button>
           </div>
         </div>
       </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 9dcfb9fca7..bc8799cc6b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -119,7 +119,7 @@ export class TaxDocumentSubmitted {
    *
    * @uiName Banking information header
    */
-  @Prop() bankingInformationSectionHeader: string = "Banking Information";
+  @Prop() bankingInformationSectionHeader: string = "Payout information";
   /**
    * Header text displayed above the indirect tax preview section
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index b19103d341..7d3aa77be3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -547,7 +547,7 @@ export const TaxDocumentSubmittedNotVerified = () => {
       demoData={{
         states: {
           disabled: false,
-          status: "NOT_ACTIVE",
+          status: "NOT_VERIFIED",
           documentType: "W8-BEN",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
@@ -674,21 +674,6 @@ export const TaxDocumentSubmittedLoading = () => {
   );
 };
 
-export const TaxDocumentNoFormNeededLoading = () => {
-  return (
-    <sqm-tax-document-submitted
-      demoData={{
-        states: {
-          disabled: false,
-          documentType: undefined,
-          noFormNeeded: true,
-          loading: true,
-        },
-      }}
-    ></sqm-tax-document-submitted>
-  );
-};
-
 export const TaxDocumentSubmittedWithGeneralError = () => {
   return (
     <sqm-tax-document-submitted

From 4403454487858c6302345c04abaf1f06daa3b6bd Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 7 Feb 2024 10:07:22 -0800
Subject: [PATCH 164/753] Override next step, better states

---
 .../useDocumentTypeForm.tsx                   |  6 ++-
 .../sqm-docusign-form/useDocusignForm.tsx     |  9 ++++-
 .../useIndirectTaxForm.tsx                    | 25 ++++++++----
 .../tax-and-cash/sqm-tax-and-cash/data.ts     |  8 ++--
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  2 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 20 +++-------
 .../useTaxDocumentSubmitted.tsx               | 39 ++++++++++++++++---
 .../sqm-user-info-form/TaxForm.stories.tsx    | 24 +++++-------
 .../sqm-user-info-form/useUserInfoForm.tsx    | 33 +++++++++++-----
 9 files changed, 105 insertions(+), 61 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
index ae1d086dc9..11204e9280 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
@@ -1,7 +1,9 @@
 import { useState } from "@saasquatch/universal-hooks";
-import { useParent } from "../../../utils/useParentState";
+import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
+  TAX_FORM_CONTEXT_NAMESPACE,
+  TaxContext,
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
@@ -24,6 +26,7 @@ const UPSERT_USER = gql`
 
 export function useDocumentTypeForm(props: DocumentTypeForm) {
   const [path, setPath] = useParent(TAX_CONTEXT_NAMESPACE);
+  const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
   const [loading, setLoading] = useState(false);
   const [upsertUser] = useMutation(UPSERT_USER);
   const [errors, setErrors] = useState({});
@@ -76,6 +79,7 @@ export function useDocumentTypeForm(props: DocumentTypeForm) {
       onBack: () => setPath("/2"),
     },
     states: {
+      hideSteps: context.hideSteps,
       loading,
       disabled: loading,
       formState: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 9174231a9e..b0d54054af 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -5,9 +5,11 @@ import {
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent } from "../../../utils/useParentState";
+import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
+  TAX_FORM_CONTEXT_NAMESPACE,
+  TaxContext,
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
@@ -36,8 +38,10 @@ const UPSERT_USER = gql`
 export function useDocusignForm(props: DocusignForm, el: any) {
   const user = useUserIdentity();
   const [path, setPath] = useParent<string>(TAX_CONTEXT_NAMESPACE);
+  const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
   const { data, refetch } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+
   const [upsertUser] = useMutation(UPSERT_USER);
   const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
   const [errors, setErrors] = useState({});
@@ -96,7 +100,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
       });
       await refetch();
 
-      setPath("/submitted");
+      setPath(context.overrideNextStep || "/submitted");
     } catch (e) {
       setErrors({ formSubission: { status: "document-error" } });
     } finally {
@@ -106,6 +110,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
 
   return {
     states: {
+      hideSteps: context.hideSteps,
       disabled: taxInfoLoading || loading,
       submitDisabled: !formSubmitted,
       loading: taxInfoLoading || loading,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 287e88067e..f46e092eb9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -6,11 +6,17 @@ import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent } from "../../../utils/useParentState";
+import {
+  useParent,
+  useParentValue,
+  useSetParent,
+} from "../../../utils/useParentState";
 import {
   COUNTRIES_NAMESPACE,
   CountriesQuery,
   TAX_CONTEXT_NAMESPACE,
+  TAX_FORM_CONTEXT_NAMESPACE,
+  TaxContext,
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
@@ -49,12 +55,14 @@ const UPSERT_USER = gql`
 `;
 
 export function useIndirectTaxForm(props: IndirectTaxForm) {
+  const user = useUserIdentity();
+  const setStep = useSetParent<string>(TAX_CONTEXT_NAMESPACE);
+  const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
+
   const formRef = useRef<HTMLFormElement>(null);
   const [loading, setLoading] = useState(false);
   const [formState, setFormState] = useState({});
   const [upsertUser] = useMutation(UPSERT_USER);
-  const [_, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
-  const user = useUserIdentity();
 
   const { data: userData, refetch } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
@@ -153,11 +161,11 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       });
       await refetch();
 
-      if (defaultDocumentType) {
-        setStep(`/3/${defaultDocumentType}`);
-      } else {
-        setStep("/submitted");
-      }
+      const nextStep = defaultDocumentType
+        ? `/3/${defaultDocumentType}`
+        : `/submitted`;
+
+      setStep(context.overrideNextStep || nextStep);
     } catch (e) {
       setErrors({ general: true });
     } finally {
@@ -171,6 +179,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
 
   return {
     states: {
+      hideSteps: context.hideSteps,
       disabled: loading || countriesLoading,
       loading: loading || countriesLoading,
       isPartner: userData?.user?.customFields?.__taxIsPartner,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 13632ba0c3..5d9b375678 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -2,7 +2,7 @@ import { gql } from "graphql-request";
 
 export const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
 
-export const USER_INFO_NAMESPACE = "sq:user-info-form";
+export const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
 
 export const USER_QUERY_NAMESPACE = "sq:user-info-query";
 
@@ -10,9 +10,9 @@ export const COUNTRIES_NAMESPACE = "sq:countries-list";
 
 export const CURRENCIES_NAMESPACE = "sq:currencies:list";
 
-export type TaxContextType = {
-  step: string;
-  setStep: (value: string) => void;
+export type TaxContext = {
+  overrideNextStep?: string;
+  hideSteps?: boolean;
 };
 
 export const GET_USER = gql`
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 6693a4c5d9..3d469eb74a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -10,7 +10,7 @@ import {
 } from "../../../utils/useParentState";
 import { UserNameViewProps } from "./sqm-tax-and-cash-view";
 import { useTaxAndCash } from "./useTaxAndCash";
-import { TAX_CONTEXT_NAMESPACE } from "./data";
+import { TAX_CONTEXT_NAMESPACE, TaxContext } from "./data";
 
 /**
  * @uiName Tax And Cash
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 50f5bd9e43..c3db016693 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -19,7 +19,8 @@ import {
   GET_CURRENCIES,
   GET_USER,
   TAX_CONTEXT_NAMESPACE,
-  USER_INFO_NAMESPACE,
+  TAX_FORM_CONTEXT_NAMESPACE,
+  TaxContext,
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "./data";
@@ -101,8 +102,8 @@ export function useTaxAndCash() {
     initialValue: "/loading",
   });
 
-  const [_formState, setFormState] = useParentState<FormState>({
-    namespace: USER_INFO_NAMESPACE,
+  const [context, setContext] = useParentState<TaxContext>({
+    namespace: TAX_FORM_CONTEXT_NAMESPACE,
     initialValue: {},
   });
 
@@ -136,25 +137,14 @@ export function useTaxAndCash() {
       if (!user || step !== "/loading") return;
 
       const currentStep = getCurrentStep(user);
-
-      console.log({ currentStep });
       setStep(currentStep);
-
-      if (currentStep !== "/submitted")
-        setFormState({
-          firstName: user.firstName,
-          lastName: user.lastName,
-          email: user.email,
-          countryCode: user.countryCode,
-          currency: user.customFields?.currency,
-          participantType: user.customFields?.participantType,
-        });
     }
   }, [host, user, data?.user?.email]);
 
   return {
     step,
     setStep,
+    context,
     namespace: getContextValueName(TAX_CONTEXT_NAMESPACE),
     loading: step === "/loading",
   };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index d0345fa77d..cb55967c76 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -1,8 +1,10 @@
 import { DateTime } from "luxon";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useSetParent } from "../../../utils/useParentState";
+import { useParent, useSetParent } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
+  TAX_FORM_CONTEXT_NAMESPACE,
+  TaxContext,
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
@@ -11,6 +13,9 @@ import {
   TaxDocumentType,
 } from "./sqm-tax-document-submitted-view";
 import { TaxDocumentSubmitted } from "./sqm-tax-document-submitted";
+import { useEditProfile } from "../../sqm-edit-profile/useEditProfile";
+import { useEffect } from "@saasquatch/universal-hooks";
+import { INDIRECT_TAX_PROVINCES } from "../provinces";
 
 export function getDocumentType(user): TaxDocumentType {
   if (!user) return;
@@ -37,6 +42,14 @@ export const useTaxDocumentSubmitted = (
   props: TaxDocumentSubmitted
 ): TaxDocumentSubmittedProps => {
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
+  const [context, setContext] = useParent<TaxContext>(
+    TAX_FORM_CONTEXT_NAMESPACE
+  );
+
+  useEffect(() => {
+    // Clear override context once on submitted
+    setContext({});
+  }, []);
 
   const { data, loading } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
@@ -65,6 +78,20 @@ export const useTaxDocumentSubmitted = (
 
   const documentType = getDocumentType(data?.user);
 
+  const onNewDocumentClick = () => {
+    setStep(`/3/${documentType}`);
+    setContext({ overrideNextStep: "/submitted", hideSteps: true });
+  };
+
+  const onEditIndirectTax = () => {
+    setStep("/2");
+    setContext({ overrideNextStep: "/submitted", hideSteps: true });
+  };
+
+  const provinceName = INDIRECT_TAX_PROVINCES.find(
+    (p) => p.provinceCode === data?.user?.customFields?.__taxProvince
+  )?.displayName;
+
   return {
     states: {
       dateSubmitted,
@@ -73,11 +100,11 @@ export const useTaxDocumentSubmitted = (
       // TODO: Hook up to API
       status: documentType ? "NOT_VERIFIED" : undefined,
 
-      indirectTaxNumber: data.user?.customFields?.__indirectTaxNumber,
-      province: data.user?.customFields?.__taxProvince,
+      indirectTaxNumber: data?.user?.customFields?.__indirectTaxNumber,
+      province: provinceName,
       // @ts-ignore: DisplayNames does exist on Intl
       country: new Intl.DisplayNames(["en"], { type: "region" }).of([
-        data.user?.customFields?.__taxCountry,
+        data?.user?.customFields?.__taxCountry,
       ]),
       noFormNeeded: !documentType,
       dateExpired,
@@ -86,8 +113,8 @@ export const useTaxDocumentSubmitted = (
       loading,
     },
     callbacks: {
-      onClick: () => setStep(`/3/${documentType}`),
-      onEditIndirectTax: () => setStep("/2"),
+      onClick: onNewDocumentClick,
+      onEditIndirectTax: onEditIndirectTax,
     },
     text: props.getTextProps(),
   };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index b19103d341..85085bfb03 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -14,6 +14,8 @@ import { UseDocusignFormResult } from "../sqm-docusign-form/useDocusignForm";
 import { DemoData, StoryDemoData } from "../../../global/demo";
 import { UseDocumentTypeFormResult } from "../sqm-document-type-form/useDocumentTypeForm";
 import { UseTaxDocumentSubmittedResult } from "../sqm-tax-document-submitted/useTaxDocumentSubmitted";
+import { UseUserInfoFormResult } from "./useUserInfoForm";
+import { UseIndirectTaxFormResult } from "../sqm-indirect-tax-form/useIndirectTaxForm";
 // import sqmUserInfoSpecs from "./sqm-tax-document-step-1.feature";
 // import sqmIndirectTaxFormSpecs from "../sqm-indirect-tax-form/sqm-indirect-tax-form.feature";
 
@@ -21,8 +23,9 @@ export default {
   title: "Components/Tax Form",
 };
 
-const stepOneProps: UserInfoFormViewProps = {
+const stepOneProps: StoryDemoData<UseUserInfoFormResult> = {
   states: {
+    hideSteps: false,
     loading: false,
     disabled: false,
     isPartner: false,
@@ -51,18 +54,14 @@ const stepOneProps: UserInfoFormViewProps = {
       },
     ],
   },
-  callbacks: {
-    onSubmit: async () => console.log("Submit"),
-    onRadioClick: () => console.log("Radio Click"),
-  },
-  text: userInfoText,
   refs: {
-    formRef: () => {},
+    formRef: { current: null },
   },
 };
 
-const stepTwoProps = {
+const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
   states: {
+    hideSteps: false,
     loading: false,
     disabled: false,
     isPartner: false,
@@ -77,11 +76,6 @@ const stepTwoProps = {
     onBack: () => console.log("Submit"),
   },
   refs: { formRef: { current: null } },
-  // slots: {
-  //   registeredInCanadaDetailsSlot: <div></div>,
-  //   registeredInDifferentCountryDetailsSlot: <div></div>,
-  // },
-  text: indirectTaxFormText,
 };
 
 const documentSubmittedActiveProps: StoryDemoData<UseTaxDocumentSubmittedResult> =
@@ -101,6 +95,7 @@ const documentSubmittedActiveProps: StoryDemoData<UseTaxDocumentSubmittedResult>
 
 const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
   states: {
+    hideSteps: false,
     documentType: "W9",
     loading: false,
     disabled: false,
@@ -121,6 +116,7 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
 
 const documentTypeFormProps: StoryDemoData<UseDocumentTypeFormResult> = {
   states: {
+    hideSteps: false,
     loading: false,
     disabled: false,
     formState: {
@@ -137,7 +133,7 @@ const documentTypeFormProps: StoryDemoData<UseDocumentTypeFormResult> = {
 
 // STEP ONE
 export const StepOne = () => {
-  return <UserInfoFormView {...stepOneProps} />;
+  return <sqm-user-info-form demoData={stepOneProps} />;
 };
 
 export const StepOneLoading = () => {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index e63b9baa65..0fc3d1cefb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -1,24 +1,24 @@
+import {
+  useMutation,
+  useUserIdentity,
+} from "@saasquatch/component-boilerplate";
 import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
+import { gql } from "graphql-request";
 import jsonpointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent } from "../../../utils/useParentState";
+import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   COUNTRIES_NAMESPACE,
   CURRENCIES_NAMESPACE,
   CountriesQuery,
   CurrenciesQuery,
   TAX_CONTEXT_NAMESPACE,
-  USER_INFO_NAMESPACE,
+  TAX_FORM_CONTEXT_NAMESPACE,
+  TaxContext,
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
 import { TaxForm } from "./sqm-user-info-form";
-import {
-  useMutation,
-  useUserIdentity,
-} from "@saasquatch/component-boilerplate";
-import { gql } from "graphql-request";
-import { HasFirstNameLastName } from "../../views/EmailRegistration.stories";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
@@ -62,7 +62,9 @@ export function useUserInfoForm(props: TaxForm) {
   const formRef = useRef<HTMLFormElement>(null);
 
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
-  const [formState, setFormState] = useParent<FormState>(USER_INFO_NAMESPACE);
+  const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
+
+  const [formState, setFormState] = useState<FormState>({});
   const [mutationLoading, setMutationLoading] = useState(false);
 
   const [upsertUser] = useMutation(UPSERT_USER);
@@ -76,6 +78,15 @@ export function useUserInfoForm(props: TaxForm) {
   useEffect(() => {
     const user = data?.user;
     if (!user || step !== "/1") return;
+
+    setFormState({
+      firstName: user.firstName,
+      lastName: user.lastName,
+      email: user.email,
+      countryCode: user.countryCode,
+      currency: user.customFields?.currency,
+      participantType: user.customFields?.participantType,
+    });
   }, [data, step]);
 
   function onRadioClick(value: string) {
@@ -142,7 +153,8 @@ export function useUserInfoForm(props: TaxForm) {
       });
       await refetch();
 
-      setStep("/2");
+      const nextStep = context.overrideNextStep || "/2";
+      setStep(nextStep);
     } catch (e) {
       setFormState({ ...formState, errors: { general: true } });
     } finally {
@@ -164,6 +176,7 @@ export function useUserInfoForm(props: TaxForm) {
       countries: _countries?.countries?.data,
     },
     states: {
+      hideSteps: context.hideSteps,
       disabled: loading,
       loading: loading || mutationLoading,
       isPartner: data?.user?.customFields?.__taxIsPartner,

From ad914d7fcf280190a5437381db686c88a43ad5c8 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 7 Feb 2024 10:12:23 -0800
Subject: [PATCH 165/753] Adjusted vertical spacing between taxFormLabel and
 taxFormDescription

---
 .../sqm-docusign-form-view.tsx                | 38 ++++++++++---------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index e82c1a5ea0..d63f51c525 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -194,24 +194,26 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
           {text.error.generalDescription}
         </sl-alert>
       )}
-      <h5 class={classes.BoldText}>
-        {intl.formatMessage(
-          { id: "tax-form-label", defaultMessage: text.taxFormLabel },
-          { documentType }
-        )}
-      </h5>
-      <p>
-        {intl.formatMessage(
-          {
-            id: "tax-form-description",
-            defaultMessage: text.taxFormDescription,
-          },
-          { documentType }
-        )}{" "}
-        <a onClick={callbacks.onShowDocumentType} class={classes.Link}>
-          {text.notBasedInUS}
-        </a>
-      </p>
+      <div>
+        <h5 class={classes.BoldText}>
+          {intl.formatMessage(
+            { id: "tax-form-label", defaultMessage: text.taxFormLabel },
+            { documentType }
+          )}
+        </h5>
+        <p>
+          {intl.formatMessage(
+            {
+              id: "tax-form-description",
+              defaultMessage: text.taxFormDescription,
+            },
+            { documentType }
+          )}{" "}
+          <a onClick={callbacks.onShowDocumentType} class={classes.Link}>
+            {text.notBasedInUS}
+          </a>
+        </p>
+      </div>
 
       {states.loading ? (
         <sl-spinner style={{ fontSize: "50px", margin: "40px" }}></sl-spinner>

From 4a778f67beec6c624d3454834bc41841367af48b Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 8 Feb 2024 09:04:08 -0800
Subject: [PATCH 166/753] fixes and monolith component

---
 packages/mint-components/src/components.d.ts  | 628 ++++++++++++------
 .../sqm-tax-and-cash-monolith/extractProps.ts |  19 +
 .../sqm-tax-and-cash-monolith.tsx             | 375 +++++++----
 .../sqm-document-type-form-view.tsx           |   8 +-
 .../useDocumentTypeForm.tsx                   |   2 +-
 .../sqm-docusign-form-view.tsx                |   7 +-
 .../sqm-docusign-form/useDocusignForm.tsx     |   6 +-
 .../sqm-indirect-tax-form-view.tsx            |   7 +-
 .../useIndirectTaxForm.tsx                    |   3 +-
 .../tax-and-cash/sqm-tax-and-cash/data.ts     |   1 +
 .../sqm-tax-document-submitted-view.tsx       |   6 +-
 .../sqm-tax-document-submitted.tsx            |   6 +
 .../useTaxDocumentSubmitted.tsx               |  17 +-
 .../sqm-user-info-form/defaultTextCopy.ts     |   1 +
 .../sqm-user-info-form-view.tsx               |   3 +-
 .../sqm-user-info-form/sqm-user-info-form.tsx |   4 +-
 packages/mint-components/src/index.html       |   8 +-
 17 files changed, 747 insertions(+), 354 deletions(-)
 create mode 100644 packages/mint-components/src/components/sqm-tax-and-cash-monolith/extractProps.ts

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 04995cbe66..fc3b5c25be 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3098,473 +3098,572 @@ export namespace Components {
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
+          * @uiGroup Step 1 Properties
          */
-        "allowBankingCollection": string;
+        "step1_allowBankingCollection": string;
         /**
           * Error text shown at the bottom of the tax and banking collection checkbox
           * @uiName Tax and banking collection checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "allowBankingCollectionError": string;
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton": string;
+        "step1_allowBankingCollectionError": string;
         /**
           * Label text for the business entity radio button
           * @uiName Business entity radio button label
+          * @uiGroup Step 1 Properties
          */
-        "businessEntity": string;
+        "step1_businessEntity": string;
         /**
           * Label text for country input
           * @uiName Country label
+          * @uiGroup Step 1 Properties
          */
-        "country": string;
+        "step1_country": string;
         /**
           * Error text shown at the bottom of the country input
           * @uiName Country input error text
+          * @uiGroup Step 1 Properties
          */
-        "countryError": string;
+        "step1_countryError": string;
         /**
           * Label text for currency input
           * @uiName Currency label
+          * @uiGroup Step 1 Properties
          */
-        "currency": string;
+        "step1_currency": string;
         /**
           * Error text shown at the bottom of the currency input
           * @uiName Currency input error text
+          * @uiGroup Step 1 Properties
          */
-        "currencyError": string;
+        "step1_currencyError": string;
         /**
           * Label text for email input
           * @uiName Email label
+          * @uiGroup Step 1 Properties
          */
-        "email": string;
+        "step1_email": string;
         /**
           * Error text shown at the bottom of the email input
           * @uiName Email input error text
+          * @uiGroup Step 1 Properties
          */
-        "emailError": string;
+        "step1_emailError": string;
         /**
           * Label text for first name input
           * @uiName First name label
+          * @uiGroup Step 1 Properties
          */
-        "firstName": string;
+        "step1_firstName": string;
         /**
           * Error text shown at the bottom of the first name input
           * @uiName First name input error text
+          * @uiGroup Step 1 Properties
          */
-        "firstNameError": string;
+        "step1_firstNameError": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
+          * @uiGroup Step 1 Properties
          */
-        "formStep": string;
+        "step1_formStep": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
+          * @uiGroup Step 1 Properties
          */
-        "generalErrorDescription": string;
+        "step1_generalErrorDescription": string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
+          * @uiGroup Step 1 Properties
          */
-        "generalErrorTitle": string;
+        "step1_generalErrorTitle": string;
         /**
           * Label text for the individual participant radio button
           * @uiName Individual participant radio button label
+          * @uiGroup Step 1 Properties
          */
-        "individualParticipant": string;
+        "step1_individualParticipant": string;
         /**
           * Alert description text shown in alert if user is already a registered partner
           * @uiName Participant is partner description
+          * @uiGroup Step 1 Properties
          */
-        "isPartnerAlertDescription": string;
+        "step1_isPartnerAlertDescription": string;
         /**
           * Alert header text shown in alert if user is already a registered partner
           * @uiName Participant is partner title
+          * @uiGroup Step 1 Properties
          */
-        "isPartnerAlertHeader": string;
+        "step1_isPartnerAlertHeader": string;
         /**
           * Label text for last name input
           * @uiName Last name label
+          * @uiGroup Step 1 Properties
          */
-        "lastName": string;
+        "step1_lastName": string;
         /**
           * Error text shown at the bottom of the last name input
           * @uiName Last name input error text
+          * @uiGroup Step 1 Properties
          */
-        "lastNameError": string;
+        "step1_lastNameError": string;
         /**
           * Heading text for the participant type radio buttons
           * @uiName Participant type radio buttons heading
+          * @uiGroup Step 1 Properties
          */
-        "participantType": string;
+        "step1_participantType": string;
         /**
           * Error text shown at the bottom of the participant type checkbox
           * @uiName Participant type checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "participantTypeError": string;
+        "step1_participantTypeError": string;
         /**
           * Heading text shown above the forms inputs.
           * @uiName Form heading text
+          * @uiGroup Step 1 Properties
          */
-        "personalInformation": string;
+        "step1_personalInformation": string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 1 Properties
+         */
+        "step1_submitButton": string;
+        /**
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
+          * @uiGroup Step 1 Properties
+         */
+        "step1_taxAndBankingCollection": string;
         /**
           * Text shown inside of back button
           * @uiName Back button text
+          * @uiGroup Step 2 Properties
          */
-        "step2BackButton": string;
+        "step2_backButton": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Indirect tax form step text
+          * @uiGroup Step 2 Properties
          */
-        "step2FormStep": string;
+        "step2_formStep": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
+          * @uiGroup Step 2 Properties
          */
-        "step2GeneralErrorDescription": string;
+        "step2_generalErrorDescription": string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
+          * @uiGroup Step 2 Properties
          */
-        "step2GeneralErrorTitle": string;
+        "step2_generalErrorTitle": string;
         /**
           * Label text for the HST Canada radio button
           * @uiName HST Canada radio button label
+          * @uiGroup Step 2 Properties
          */
-        "step2HstCanada": string;
+        "step2_hstCanada": string;
         /**
           * Heading text shown at the top of the page
           * @uiName Indirect tax heading text
+          * @uiGroup Step 2 Properties
          */
-        "step2IndirectTax": string;
+        "step2_indirectTax": string;
         /**
           * Subtext shown at the top of the page
           * @uiName Indirect tax sub text
+          * @uiGroup Step 2 Properties
          */
-        "step2IndirectTaxDescription": string;
+        "step2_indirectTaxDescription": string;
         /**
           * Heading text shown above the tax details radio buttons
           * @uiName Indirect tax details heading
+          * @uiGroup Step 2 Properties
          */
-        "step2IndirectTaxDetails": string;
+        "step2_indirectTaxDetails": string;
         /**
           * Sub text shown above the tax details radio buttons
           * @uiName Indirect tax details sub text
+          * @uiGroup Step 2 Properties
          */
-        "step2IndirectTaxDetailsDescription": string;
+        "step2_indirectTaxDetailsDescription": string;
         /**
           * Label text for the Indirect Tax Number input
           * @uiName Indirect Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "step2IndirectTaxNumber": string;
+        "step2_indirectTaxNumber": string;
         /**
           * Error text shown below the Indirect Tax Number select input
           * @uiName Indirect Tax Number error text
+          * @uiGroup Step 2 Properties
          */
-        "step2IndirectTaxNumberError": string;
+        "step2_indirectTaxNumberError": string;
         /**
           * Alert description text shown in alert if user is already a registered partner
           * @uiName Participant is partner description
+          * @uiGroup Step 2 Properties
          */
-        "step2IsPartnerAlertDescription": string;
+        "step2_isPartnerAlertDescription": string;
         /**
           * Alert header text shown in alert if user is already a registered partner
           * @uiName Participant is partner title
+          * @uiGroup Step 2 Properties
          */
-        "step2IsPartnerAlertHeader": string;
+        "step2_isPartnerAlertHeader": string;
         /**
           * Label text for the not registered radio button
           * @uiName Not registered radio button label
+          * @uiGroup Step 2 Properties
          */
-        "step2NotRegistered": string;
+        "step2_notRegistered": string;
         /**
           * Label text for the other region radio button
           * @uiName Other region radio button label
+          * @uiGroup Step 2 Properties
          */
-        "step2OtherRegion": string;
+        "step2_otherRegion": string;
         /**
           * Label text for the Province select input
           * @uiName Province select input label
+          * @uiGroup Step 2 Properties
          */
-        "step2Province": string;
+        "step2_province": string;
         /**
           * Error text shown below the Selected Region select input
           * @uiName Province error text
+          * @uiGroup Step 2 Properties
          */
-        "step2ProvinceError": string;
+        "step2_provinceError": string;
         /**
           * Label text for the Selected Region select input
           * @uiName Selected region select input label
+          * @uiGroup Step 2 Properties
          */
-        "step2SelectedRegion": string;
+        "step2_selectedRegion": string;
         /**
           * Error text shown below the Selected Region select input
           * @uiName Selected Region error text
+          * @uiGroup Step 2 Properties
          */
-        "step2SelectedRegionError": string;
+        "step2_selectedRegionError": string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
+          * @uiGroup Step 2 Properties
          */
-        "step2SubmitButton": string;
+        "step2_submitButton": string;
         /**
           * Error text shown below the tax details radio buttons
           * @uiName Indirect tax details error text
+          * @uiGroup Step 2 Properties
          */
-        "step2TaxDetailsError": string;
+        "step2_taxDetailsError": string;
         /**
           * Label text for the VAT Number input
           * @uiName VAT Number input label
+          * @uiGroup Step 2 Properties
          */
-        "step2VatNumber": string;
+        "step2_vatNumber": string;
         /**
           * Error text shown below the VAT Number input
           * @uiName VAT Number error text
+          * @uiGroup Step 2 Properties
+         */
+        "step2_vatNumberError": string;
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 3 Properties
          */
-        "step2VatNumberError": string;
+        "step3_backButton": string;
         /**
           * Text shown in the banner above the document
           * @uiName Banner text
+          * @uiGroup Step 3 Properties
          */
-        "step3Banner": string;
+        "step3_banner": string;
         /**
           * Label text for the form submission checkbox
           * @uiName Form submission checkbox label
+          * @uiGroup Step 3 Properties
          */
-        "step3CheckboxDescription": string;
+        "step3_checkboxDescription": string;
         /**
           * Heading text for the form submission checkbox
           * @uiName Form submission checkbox heading
+          * @uiGroup Step 3 Properties
          */
-        "step3CheckboxLabel": string;
+        "step3_checkboxLabel": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
+          * @uiGroup Step 3 Properties
          */
-        "step3FormStep": string;
+        "step3_formStep": string;
         /**
           * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
           * @uiName Form submission error text
+          * @uiGroup Step 3 Properties
          */
-        "step3FormSubmissionError": string;
+        "step3_formSubmissionError": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
+          * @uiGroup Step 3 Properties
          */
-        "step3GeneralErrorDescription": string;
+        "step3_generalErrorDescription": string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
+          * @uiGroup Step 3 Properties
          */
-        "step3GeneralErrorTitle": string;
+        "step3_generalErrorTitle": string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
+          * @uiGroup Step 3 Properties
          */
-        "step3SubmitButton": string;
+        "step3_submitButton": string;
         /**
           * Heading text shown at the top of the page
           * @uiName Tax form heading text
+          * @uiGroup Step 3 Properties
          */
-        "step3TaxForm": string;
+        "step3_taxForm": string;
         /**
           * Subtext shown at the top of the page next to the document type text
           * @uiName Tax form subtext
+          * @uiGroup Step 3 Properties
          */
-        "step3TaxFormDescription": string;
+        "step3_taxFormDescription": string;
         /**
           * Text shown at the top of the page next to the document type text
           * @uiName Tax form label text
+          * @uiGroup Step 3 Properties
          */
-        "step3TaxFormLabel": string;
+        "step3_taxFormLabel": string;
         /**
           * Text shown inside of back button
           * @uiName Back button text
+          * @uiGroup Step 3b Properties
          */
-        "step3bBackButton": string;
+        "step3b_backButton": string;
         /**
           * Sub text shown above form selection radio buttons
           * @uiName Tax form selection heading text
+          * @uiGroup Step 3b Properties
          */
-        "step3bFormLabel": string;
+        "step3b_formLabel": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
+          * @uiGroup Step 3b Properties
          */
-        "step3bFormStep": string;
+        "step3b_formStep": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
+          * @uiGroup Step 3b Properties
          */
-        "step3bGeneralErrorDescription": string;
+        "step3b_generalErrorDescription": string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
+          * @uiGroup Step 3b Properties
          */
-        "step3bGeneralErrorTitle": string;
+        "step3b_generalErrorTitle": string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
+          * @uiGroup Step 3b Properties
          */
-        "step3bSubmitButton": string;
+        "step3b_submitButton": string;
         /**
           * Heading text shown at the top of the top of page
           * @uiName Tax form heading text
+          * @uiGroup Step 3b Properties
          */
-        "step3bTaxForm": string;
+        "step3b_taxForm": string;
         /**
           * Subtext for the W8 radio button
           * @uiName W8 radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "step3bW8Description": string;
+        "step3b_w8Description": string;
         /**
           * Subtext for the W8E radio button
           * @uiName W8E radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "step3bW8EDescription": string;
+        "step3b_w8EDescription": string;
         /**
           * Label text for the W8E radio button
           * @uiName W8E radio button label
+          * @uiGroup Step 3b Properties
          */
-        "step3bW8ELabel": string;
+        "step3b_w8ELabel": string;
         /**
           * Label text for the W8 radio button
           * @uiName W8 radio button label
+          * @uiGroup Step 3b Properties
          */
-        "step3bW8Label": string;
+        "step3b_w8Label": string;
         /**
           * Subtext for the W9 radio button
           * @uiName W9 radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "step3bW9Description": string;
+        "step3b_w9Description": string;
         /**
           * Label text for the W9 radio button
           * @uiName W9 radio button label
+          * @uiGroup Step 3b Properties
          */
-        "step3bW9Label": string;
+        "step3b_w9Label": string;
         /**
           * Description text which appears beside badge showing the form is awaiting review
           * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "step4BadgeTextAwaitingReview"?: string;
+        "step4_badgeTextAwaitingReview"?: string;
         /**
           * Description text which appears beside badge showing the form has expired
           * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "step4BadgeTextExpiredOn"?: string;
+        "step4_badgeTextExpiredOn"?: string;
         /**
           * Description text which appears beside badge showing the form expiring soon
           * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "step4BadgeTextExpiringSoon"?: string;
+        "step4_badgeTextExpiringSoon"?: string;
         /**
           * Description text which appears beside badge showing when the form was submitted
           * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "step4BadgeTextSubmittedOn"?: string;
+        "step4_badgeTextSubmittedOn"?: string;
         /**
           * Header text displayed above the banking information card
           * @uiName Banking information header
+          * @uiGroup Step 4 Properties
          */
-        "step4BankingInformationSectionHeader": string;
+        "step4_bankingInformationSectionHeader": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName Step 4 General error text
+          * @uiGroup Step 4 Properties
          */
-        "step4GeneralErrorDescription": string;
+        "step4_generalErrorDescription": string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName Step 4 General error title
+          * @uiGroup Step 4 Properties
          */
-        "step4GeneralErrorTitle": string;
+        "step4_generalErrorTitle": string;
         /**
           * Description text displayed next to the badge in the tax documents status
           * @uiName Invalid form description text
+          * @uiGroup Step 4 Properties
          */
-        "step4InvalidForm"?: string;
+        "step4_invalidForm"?: string;
         /**
           * Text displayed in the submit new document button at the bottom of the page
           * @uiName Step 4 No form needed subtext
+          * @uiGroup Step 4 Properties
          */
-        "step4NewFormButton": string;
+        "step4_newFormButton": string;
         /**
           * Subtext displayed at the bottom of the page if there are no tax documents to show
           * @uiName No form needed subtext
+          * @uiGroup Step 4 Properties
+         */
+        "step4_noFormNeededSubtext": string;
+        /**
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
          */
-        "step4NoFormNeededSubtext": string;
+        "step4_notRegisteredForTax": string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "step4StatusTextActive"?: string;
+        "step4_statusTextActive"?: string;
         /**
           * Status text displayed in badge when tax document is Expired
           * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "step4StatusTextExpired"?: string;
+        "step4_statusTextExpired"?: string;
         /**
           * Status text displayed in badge when tax document is Not Active
           * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "step4StatusTextNotActive"?: string;
+        "step4_statusTextNotActive"?: string;
         /**
           * Status text displayed in badge when tax document is Not Verified
           * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "step4StatusTextNotVerified"?: string;
+        "step4_statusTextNotVerified"?: string;
         /**
           * Header displayed in alert header at the top of the page.
           * @uiName Expired alert header
+          * @uiGroup Step 4 Properties
          */
-        "step4TaxAlertHeaderExpiredOn"?: string;
+        "step4_taxAlertHeaderExpiredOn"?: string;
         /**
           * Header displayed in alert header at the top of the page.
           * @uiName Expiring soon alert header
+          * @uiGroup Step 4 Properties
          */
-        "step4TaxAlertHeaderExpiringSoon"?: string;
+        "step4_taxAlertHeaderExpiringSoon"?: string;
         /**
           * Header displayed in alert header at the top of the page.
           * @uiName Not active alert header
+          * @uiGroup Step 4 Properties
          */
-        "step4TaxAlertHeaderNotActive"?: string;
+        "step4_taxAlertHeaderNotActive"?: string;
         /**
           * Description text displayed in alert body at the top of the page.
           * @uiName Tax alert message
+          * @uiGroup Step 4 Properties
          */
-        "step4TaxAlertMessage"?: string;
+        "step4_taxAlertMessage"?: string;
         /**
           * Description text displayed in alert body at the top of the page.
           * @uiName Expiring soon tax alert message
+          * @uiGroup Step 4 Properties
          */
-        "step4TaxAlertMessageExpiringSoon": string;
+        "step4_taxAlertMessageExpiringSoon": string;
         /**
           * Header text displayed above the tax documents status
           * @uiName Tax document section header
+          * @uiGroup Step 4 Properties
          */
-        "step4TaxDocumentSectionHeader": string;
+        "step4_taxDocumentSectionHeader": string;
         /**
           * Sub header text displayed above the tax documents status
           * @uiName Tax documents sub header
+          * @uiGroup Step 4 Properties
          */
-        "step4TaxDocumentSectionSubHeader": string;
+        "step4_taxDocumentSectionSubHeader": string;
         /**
           * Text shown in the link to the form for non US residents
           * @uiName Not based in US link text
+          * @uiGroup Step 3 Properties
          */
         "stop3NotBasedInUS": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton": string;
-        /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-         */
-        "taxAndBankingCollection": string;
     }
     interface SqmTaxDocumentSubmitted {
         /**
@@ -3642,6 +3741,11 @@ export namespace Components {
           * @uiName No form needed subtext
          */
         "noFormNeededSubtext": string;
+        /**
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
+         */
+        "notRegisteredForTax": string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
@@ -7669,473 +7773,572 @@ declare namespace LocalJSX {
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
+          * @uiGroup Step 1 Properties
          */
-        "allowBankingCollection"?: string;
+        "step1_allowBankingCollection"?: string;
         /**
           * Error text shown at the bottom of the tax and banking collection checkbox
           * @uiName Tax and banking collection checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "allowBankingCollectionError"?: string;
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton"?: string;
+        "step1_allowBankingCollectionError"?: string;
         /**
           * Label text for the business entity radio button
           * @uiName Business entity radio button label
+          * @uiGroup Step 1 Properties
          */
-        "businessEntity"?: string;
+        "step1_businessEntity"?: string;
         /**
           * Label text for country input
           * @uiName Country label
+          * @uiGroup Step 1 Properties
          */
-        "country"?: string;
+        "step1_country"?: string;
         /**
           * Error text shown at the bottom of the country input
           * @uiName Country input error text
+          * @uiGroup Step 1 Properties
          */
-        "countryError"?: string;
+        "step1_countryError"?: string;
         /**
           * Label text for currency input
           * @uiName Currency label
+          * @uiGroup Step 1 Properties
          */
-        "currency"?: string;
+        "step1_currency"?: string;
         /**
           * Error text shown at the bottom of the currency input
           * @uiName Currency input error text
+          * @uiGroup Step 1 Properties
          */
-        "currencyError"?: string;
+        "step1_currencyError"?: string;
         /**
           * Label text for email input
           * @uiName Email label
+          * @uiGroup Step 1 Properties
          */
-        "email"?: string;
+        "step1_email"?: string;
         /**
           * Error text shown at the bottom of the email input
           * @uiName Email input error text
+          * @uiGroup Step 1 Properties
          */
-        "emailError"?: string;
+        "step1_emailError"?: string;
         /**
           * Label text for first name input
           * @uiName First name label
+          * @uiGroup Step 1 Properties
          */
-        "firstName"?: string;
+        "step1_firstName"?: string;
         /**
           * Error text shown at the bottom of the first name input
           * @uiName First name input error text
+          * @uiGroup Step 1 Properties
          */
-        "firstNameError"?: string;
+        "step1_firstNameError"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
+          * @uiGroup Step 1 Properties
          */
-        "formStep"?: string;
+        "step1_formStep"?: string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
+          * @uiGroup Step 1 Properties
          */
-        "generalErrorDescription"?: string;
+        "step1_generalErrorDescription"?: string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
+          * @uiGroup Step 1 Properties
          */
-        "generalErrorTitle"?: string;
+        "step1_generalErrorTitle"?: string;
         /**
           * Label text for the individual participant radio button
           * @uiName Individual participant radio button label
+          * @uiGroup Step 1 Properties
          */
-        "individualParticipant"?: string;
+        "step1_individualParticipant"?: string;
         /**
           * Alert description text shown in alert if user is already a registered partner
           * @uiName Participant is partner description
+          * @uiGroup Step 1 Properties
          */
-        "isPartnerAlertDescription"?: string;
+        "step1_isPartnerAlertDescription"?: string;
         /**
           * Alert header text shown in alert if user is already a registered partner
           * @uiName Participant is partner title
+          * @uiGroup Step 1 Properties
          */
-        "isPartnerAlertHeader"?: string;
+        "step1_isPartnerAlertHeader"?: string;
         /**
           * Label text for last name input
           * @uiName Last name label
+          * @uiGroup Step 1 Properties
          */
-        "lastName"?: string;
+        "step1_lastName"?: string;
         /**
           * Error text shown at the bottom of the last name input
           * @uiName Last name input error text
+          * @uiGroup Step 1 Properties
          */
-        "lastNameError"?: string;
+        "step1_lastNameError"?: string;
         /**
           * Heading text for the participant type radio buttons
           * @uiName Participant type radio buttons heading
+          * @uiGroup Step 1 Properties
          */
-        "participantType"?: string;
+        "step1_participantType"?: string;
         /**
           * Error text shown at the bottom of the participant type checkbox
           * @uiName Participant type checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "participantTypeError"?: string;
+        "step1_participantTypeError"?: string;
         /**
           * Heading text shown above the forms inputs.
           * @uiName Form heading text
+          * @uiGroup Step 1 Properties
          */
-        "personalInformation"?: string;
+        "step1_personalInformation"?: string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 1 Properties
+         */
+        "step1_submitButton"?: string;
+        /**
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
+          * @uiGroup Step 1 Properties
+         */
+        "step1_taxAndBankingCollection"?: string;
         /**
           * Text shown inside of back button
           * @uiName Back button text
+          * @uiGroup Step 2 Properties
          */
-        "step2BackButton"?: string;
+        "step2_backButton"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Indirect tax form step text
+          * @uiGroup Step 2 Properties
          */
-        "step2FormStep"?: string;
+        "step2_formStep"?: string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
+          * @uiGroup Step 2 Properties
          */
-        "step2GeneralErrorDescription"?: string;
+        "step2_generalErrorDescription"?: string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
+          * @uiGroup Step 2 Properties
          */
-        "step2GeneralErrorTitle"?: string;
+        "step2_generalErrorTitle"?: string;
         /**
           * Label text for the HST Canada radio button
           * @uiName HST Canada radio button label
+          * @uiGroup Step 2 Properties
          */
-        "step2HstCanada"?: string;
+        "step2_hstCanada"?: string;
         /**
           * Heading text shown at the top of the page
           * @uiName Indirect tax heading text
+          * @uiGroup Step 2 Properties
          */
-        "step2IndirectTax"?: string;
+        "step2_indirectTax"?: string;
         /**
           * Subtext shown at the top of the page
           * @uiName Indirect tax sub text
+          * @uiGroup Step 2 Properties
          */
-        "step2IndirectTaxDescription"?: string;
+        "step2_indirectTaxDescription"?: string;
         /**
           * Heading text shown above the tax details radio buttons
           * @uiName Indirect tax details heading
+          * @uiGroup Step 2 Properties
          */
-        "step2IndirectTaxDetails"?: string;
+        "step2_indirectTaxDetails"?: string;
         /**
           * Sub text shown above the tax details radio buttons
           * @uiName Indirect tax details sub text
+          * @uiGroup Step 2 Properties
          */
-        "step2IndirectTaxDetailsDescription"?: string;
+        "step2_indirectTaxDetailsDescription"?: string;
         /**
           * Label text for the Indirect Tax Number input
           * @uiName Indirect Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "step2IndirectTaxNumber"?: string;
+        "step2_indirectTaxNumber"?: string;
         /**
           * Error text shown below the Indirect Tax Number select input
           * @uiName Indirect Tax Number error text
+          * @uiGroup Step 2 Properties
          */
-        "step2IndirectTaxNumberError"?: string;
+        "step2_indirectTaxNumberError"?: string;
         /**
           * Alert description text shown in alert if user is already a registered partner
           * @uiName Participant is partner description
+          * @uiGroup Step 2 Properties
          */
-        "step2IsPartnerAlertDescription"?: string;
+        "step2_isPartnerAlertDescription"?: string;
         /**
           * Alert header text shown in alert if user is already a registered partner
           * @uiName Participant is partner title
+          * @uiGroup Step 2 Properties
          */
-        "step2IsPartnerAlertHeader"?: string;
+        "step2_isPartnerAlertHeader"?: string;
         /**
           * Label text for the not registered radio button
           * @uiName Not registered radio button label
+          * @uiGroup Step 2 Properties
          */
-        "step2NotRegistered"?: string;
+        "step2_notRegistered"?: string;
         /**
           * Label text for the other region radio button
           * @uiName Other region radio button label
+          * @uiGroup Step 2 Properties
          */
-        "step2OtherRegion"?: string;
+        "step2_otherRegion"?: string;
         /**
           * Label text for the Province select input
           * @uiName Province select input label
+          * @uiGroup Step 2 Properties
          */
-        "step2Province"?: string;
+        "step2_province"?: string;
         /**
           * Error text shown below the Selected Region select input
           * @uiName Province error text
+          * @uiGroup Step 2 Properties
          */
-        "step2ProvinceError"?: string;
+        "step2_provinceError"?: string;
         /**
           * Label text for the Selected Region select input
           * @uiName Selected region select input label
+          * @uiGroup Step 2 Properties
          */
-        "step2SelectedRegion"?: string;
+        "step2_selectedRegion"?: string;
         /**
           * Error text shown below the Selected Region select input
           * @uiName Selected Region error text
+          * @uiGroup Step 2 Properties
          */
-        "step2SelectedRegionError"?: string;
+        "step2_selectedRegionError"?: string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
+          * @uiGroup Step 2 Properties
          */
-        "step2SubmitButton"?: string;
+        "step2_submitButton"?: string;
         /**
           * Error text shown below the tax details radio buttons
           * @uiName Indirect tax details error text
+          * @uiGroup Step 2 Properties
          */
-        "step2TaxDetailsError"?: string;
+        "step2_taxDetailsError"?: string;
         /**
           * Label text for the VAT Number input
           * @uiName VAT Number input label
+          * @uiGroup Step 2 Properties
          */
-        "step2VatNumber"?: string;
+        "step2_vatNumber"?: string;
         /**
           * Error text shown below the VAT Number input
           * @uiName VAT Number error text
+          * @uiGroup Step 2 Properties
+         */
+        "step2_vatNumberError"?: string;
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 3 Properties
          */
-        "step2VatNumberError"?: string;
+        "step3_backButton"?: string;
         /**
           * Text shown in the banner above the document
           * @uiName Banner text
+          * @uiGroup Step 3 Properties
          */
-        "step3Banner"?: string;
+        "step3_banner"?: string;
         /**
           * Label text for the form submission checkbox
           * @uiName Form submission checkbox label
+          * @uiGroup Step 3 Properties
          */
-        "step3CheckboxDescription"?: string;
+        "step3_checkboxDescription"?: string;
         /**
           * Heading text for the form submission checkbox
           * @uiName Form submission checkbox heading
+          * @uiGroup Step 3 Properties
          */
-        "step3CheckboxLabel"?: string;
+        "step3_checkboxLabel"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
+          * @uiGroup Step 3 Properties
          */
-        "step3FormStep"?: string;
+        "step3_formStep"?: string;
         /**
           * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
           * @uiName Form submission error text
+          * @uiGroup Step 3 Properties
          */
-        "step3FormSubmissionError"?: string;
+        "step3_formSubmissionError"?: string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
+          * @uiGroup Step 3 Properties
          */
-        "step3GeneralErrorDescription"?: string;
+        "step3_generalErrorDescription"?: string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
+          * @uiGroup Step 3 Properties
          */
-        "step3GeneralErrorTitle"?: string;
+        "step3_generalErrorTitle"?: string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
+          * @uiGroup Step 3 Properties
          */
-        "step3SubmitButton"?: string;
+        "step3_submitButton"?: string;
         /**
           * Heading text shown at the top of the page
           * @uiName Tax form heading text
+          * @uiGroup Step 3 Properties
          */
-        "step3TaxForm"?: string;
+        "step3_taxForm"?: string;
         /**
           * Subtext shown at the top of the page next to the document type text
           * @uiName Tax form subtext
+          * @uiGroup Step 3 Properties
          */
-        "step3TaxFormDescription"?: string;
+        "step3_taxFormDescription"?: string;
         /**
           * Text shown at the top of the page next to the document type text
           * @uiName Tax form label text
+          * @uiGroup Step 3 Properties
          */
-        "step3TaxFormLabel"?: string;
+        "step3_taxFormLabel"?: string;
         /**
           * Text shown inside of back button
           * @uiName Back button text
+          * @uiGroup Step 3b Properties
          */
-        "step3bBackButton"?: string;
+        "step3b_backButton"?: string;
         /**
           * Sub text shown above form selection radio buttons
           * @uiName Tax form selection heading text
+          * @uiGroup Step 3b Properties
          */
-        "step3bFormLabel"?: string;
+        "step3b_formLabel"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
+          * @uiGroup Step 3b Properties
          */
-        "step3bFormStep"?: string;
+        "step3b_formStep"?: string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
+          * @uiGroup Step 3b Properties
          */
-        "step3bGeneralErrorDescription"?: string;
+        "step3b_generalErrorDescription"?: string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
+          * @uiGroup Step 3b Properties
          */
-        "step3bGeneralErrorTitle"?: string;
+        "step3b_generalErrorTitle"?: string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
+          * @uiGroup Step 3b Properties
          */
-        "step3bSubmitButton"?: string;
+        "step3b_submitButton"?: string;
         /**
           * Heading text shown at the top of the top of page
           * @uiName Tax form heading text
+          * @uiGroup Step 3b Properties
          */
-        "step3bTaxForm"?: string;
+        "step3b_taxForm"?: string;
         /**
           * Subtext for the W8 radio button
           * @uiName W8 radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "step3bW8Description"?: string;
+        "step3b_w8Description"?: string;
         /**
           * Subtext for the W8E radio button
           * @uiName W8E radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "step3bW8EDescription"?: string;
+        "step3b_w8EDescription"?: string;
         /**
           * Label text for the W8E radio button
           * @uiName W8E radio button label
+          * @uiGroup Step 3b Properties
          */
-        "step3bW8ELabel"?: string;
+        "step3b_w8ELabel"?: string;
         /**
           * Label text for the W8 radio button
           * @uiName W8 radio button label
+          * @uiGroup Step 3b Properties
          */
-        "step3bW8Label"?: string;
+        "step3b_w8Label"?: string;
         /**
           * Subtext for the W9 radio button
           * @uiName W9 radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "step3bW9Description"?: string;
+        "step3b_w9Description"?: string;
         /**
           * Label text for the W9 radio button
           * @uiName W9 radio button label
+          * @uiGroup Step 3b Properties
          */
-        "step3bW9Label"?: string;
+        "step3b_w9Label"?: string;
         /**
           * Description text which appears beside badge showing the form is awaiting review
           * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "step4BadgeTextAwaitingReview"?: string;
+        "step4_badgeTextAwaitingReview"?: string;
         /**
           * Description text which appears beside badge showing the form has expired
           * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "step4BadgeTextExpiredOn"?: string;
+        "step4_badgeTextExpiredOn"?: string;
         /**
           * Description text which appears beside badge showing the form expiring soon
           * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "step4BadgeTextExpiringSoon"?: string;
+        "step4_badgeTextExpiringSoon"?: string;
         /**
           * Description text which appears beside badge showing when the form was submitted
           * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "step4BadgeTextSubmittedOn"?: string;
+        "step4_badgeTextSubmittedOn"?: string;
         /**
           * Header text displayed above the banking information card
           * @uiName Banking information header
+          * @uiGroup Step 4 Properties
          */
-        "step4BankingInformationSectionHeader"?: string;
+        "step4_bankingInformationSectionHeader"?: string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName Step 4 General error text
+          * @uiGroup Step 4 Properties
          */
-        "step4GeneralErrorDescription"?: string;
+        "step4_generalErrorDescription"?: string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName Step 4 General error title
+          * @uiGroup Step 4 Properties
          */
-        "step4GeneralErrorTitle"?: string;
+        "step4_generalErrorTitle"?: string;
         /**
           * Description text displayed next to the badge in the tax documents status
           * @uiName Invalid form description text
+          * @uiGroup Step 4 Properties
          */
-        "step4InvalidForm"?: string;
+        "step4_invalidForm"?: string;
         /**
           * Text displayed in the submit new document button at the bottom of the page
           * @uiName Step 4 No form needed subtext
+          * @uiGroup Step 4 Properties
          */
-        "step4NewFormButton"?: string;
+        "step4_newFormButton"?: string;
         /**
           * Subtext displayed at the bottom of the page if there are no tax documents to show
           * @uiName No form needed subtext
+          * @uiGroup Step 4 Properties
+         */
+        "step4_noFormNeededSubtext"?: string;
+        /**
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
          */
-        "step4NoFormNeededSubtext"?: string;
+        "step4_notRegisteredForTax"?: string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "step4StatusTextActive"?: string;
+        "step4_statusTextActive"?: string;
         /**
           * Status text displayed in badge when tax document is Expired
           * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "step4StatusTextExpired"?: string;
+        "step4_statusTextExpired"?: string;
         /**
           * Status text displayed in badge when tax document is Not Active
           * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "step4StatusTextNotActive"?: string;
+        "step4_statusTextNotActive"?: string;
         /**
           * Status text displayed in badge when tax document is Not Verified
           * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "step4StatusTextNotVerified"?: string;
+        "step4_statusTextNotVerified"?: string;
         /**
           * Header displayed in alert header at the top of the page.
           * @uiName Expired alert header
+          * @uiGroup Step 4 Properties
          */
-        "step4TaxAlertHeaderExpiredOn"?: string;
+        "step4_taxAlertHeaderExpiredOn"?: string;
         /**
           * Header displayed in alert header at the top of the page.
           * @uiName Expiring soon alert header
+          * @uiGroup Step 4 Properties
          */
-        "step4TaxAlertHeaderExpiringSoon"?: string;
+        "step4_taxAlertHeaderExpiringSoon"?: string;
         /**
           * Header displayed in alert header at the top of the page.
           * @uiName Not active alert header
+          * @uiGroup Step 4 Properties
          */
-        "step4TaxAlertHeaderNotActive"?: string;
+        "step4_taxAlertHeaderNotActive"?: string;
         /**
           * Description text displayed in alert body at the top of the page.
           * @uiName Tax alert message
+          * @uiGroup Step 4 Properties
          */
-        "step4TaxAlertMessage"?: string;
+        "step4_taxAlertMessage"?: string;
         /**
           * Description text displayed in alert body at the top of the page.
           * @uiName Expiring soon tax alert message
+          * @uiGroup Step 4 Properties
          */
-        "step4TaxAlertMessageExpiringSoon"?: string;
+        "step4_taxAlertMessageExpiringSoon"?: string;
         /**
           * Header text displayed above the tax documents status
           * @uiName Tax document section header
+          * @uiGroup Step 4 Properties
          */
-        "step4TaxDocumentSectionHeader"?: string;
+        "step4_taxDocumentSectionHeader"?: string;
         /**
           * Sub header text displayed above the tax documents status
           * @uiName Tax documents sub header
+          * @uiGroup Step 4 Properties
          */
-        "step4TaxDocumentSectionSubHeader"?: string;
+        "step4_taxDocumentSectionSubHeader"?: string;
         /**
           * Text shown in the link to the form for non US residents
           * @uiName Not based in US link text
+          * @uiGroup Step 3 Properties
          */
         "stop3NotBasedInUS"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
-        /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-         */
-        "taxAndBankingCollection"?: string;
     }
     interface SqmTaxDocumentSubmitted {
         /**
@@ -8213,6 +8416,11 @@ declare namespace LocalJSX {
           * @uiName No form needed subtext
          */
         "noFormNeededSubtext"?: string;
+        /**
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
+         */
+        "notRegisteredForTax"?: string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/extractProps.ts b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/extractProps.ts
new file mode 100644
index 0000000000..678cb899da
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/extractProps.ts
@@ -0,0 +1,19 @@
+/**
+ * Util function for getting just the props with a certain prefix.
+ * @param props Text props on stencil component
+ * @param prefix Prefix denoting which group the text prop belongs to
+ * @returns A new object with all keys with the prefix provided. The prefix is removed from each key.
+ */
+export function extractProps(props: object, prefix: string) {
+  const keys = Object.keys(props).filter((k) => k.startsWith(prefix));
+
+  const formattedProps = keys.reduce((prev, k) => {
+    const key = k.replace(prefix, "");
+    return {
+      ...prev,
+      [key]: props[k],
+    };
+  }, {});
+
+  return formattedProps;
+}
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
index 29b31adbf5..5825a58ece 100644
--- a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
+++ b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
@@ -1,11 +1,19 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Prop, h } from "@stencil/core";
+import { getProps } from "../../utils/utils";
+import { TaxForm } from "../tax-and-cash/sqm-user-info-form/sqm-user-info-form";
+import { useParentState } from "../../utils/useParentState";
+import { TAX_CONTEXT_NAMESPACE } from "../tax-and-cash/sqm-tax-and-cash/data";
+import { useTaxAndCash } from "../tax-and-cash/sqm-tax-and-cash/useTaxAndCash";
+import { extractProps } from "./extractProps";
 
 @Component({
   tag: "sqm-tax-and-cash-monolith",
   shadow: true,
 })
 export class TaxAndCashMonolith {
+  // !: Make sure to also change the prop names in the respective component
+
   /**
    * * USER INFO FORM PROPS:
    **/
@@ -13,131 +21,156 @@ export class TaxAndCashMonolith {
   /**
    * Label text for first name input
    * @uiName First name label
+   * @uiGroup Step 1 Properties
    */
-  @Prop() firstName: string = "First name";
+  @Prop() step1_firstName: string = "First name";
   /**
    * Label text for last name input
    * @uiName Last name label
+   * @uiGroup Step 1 Properties
    */
-  @Prop() lastName: string = "Last name";
+  @Prop() step1_lastName: string = "Last name";
   /**
    * Label text for email input
    * @uiName Email label
+   * @uiGroup Step 1 Properties
    */
-  @Prop() email: string = "Email";
+  @Prop() step1_email: string = "Email";
   /**
    * Label text for country input
    * @uiName Country label
+   * @uiGroup Step 1 Properties
    */
-  @Prop() country: string = "Country";
+  @Prop() step1_country: string = "Country";
   /**
    * Label text for currency input
    * @uiName Currency label
+   * @uiGroup Step 1 Properties
    */
-  @Prop() currency: string = "Currency";
+  @Prop() step1_currency: string = "Currency";
   /**
    * Label text for tax and banking collection checkbox
    * @uiName Tax and banking label
+   * @uiGroup Step 1 Properties
    */
-  @Prop() allowBankingCollection: string = "I agree to the terms";
+  @Prop() step1_allowBankingCollection: string = "I agree to the terms";
   /**
    * Heading text for the tax and banking collection checkbox
    * @uiName Tax and banking collection checkbox heading
+   * @uiGroup Step 1 Properties
    */
-  @Prop() taxAndBankingCollection: string = "Continue";
+  @Prop() step1_taxAndBankingCollection: string = "Continue";
   /**
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Tax form step text
+   * @uiGroup Step 1 Properties
    */
-  @Prop() formStep: string = "Step 1 of 4";
+  @Prop() step1_formStep: string = "Step 1 of 4";
   /**
    * Heading text shown above the forms inputs.
    * @uiName Form heading text
+   * @uiGroup Step 1 Properties
    */
-  @Prop() personalInformation: string = "Personal Information";
+  @Prop() step1_personalInformation: string = "Personal Information";
   /**
    * Label text for the business entity radio button
    * @uiName Business entity radio button label
+   * @uiGroup Step 1 Properties
    */
-  @Prop() businessEntity: string = "I represent a business entity";
+  @Prop() step1_businessEntity: string = "I represent a business entity";
   /**
    * Label text for the individual participant radio button
    * @uiName Individual participant radio button label
+   * @uiGroup Step 1 Properties
    */
-  @Prop() individualParticipant: string = "I am an individual participant";
+  @Prop() step1_individualParticipant: string =
+    "I am an individual participant";
   /**
    * Heading text for the participant type radio buttons
    * @uiName Participant type radio buttons heading
+   * @uiGroup Step 1 Properties
    */
-  @Prop() participantType: string = "Participant type";
+  @Prop() step1_participantType: string = "Participant type";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
+   * @uiGroup Step 1 Properties
    */
-  @Prop() submitButton: string = "Continue";
+  @Prop() step1_submitButton: string = "Continue";
   /**
    * Error text shown at the bottom of the first name input
    * @uiName First name input error text
+   * @uiGroup Step 1 Properties
    */
-  @Prop() firstNameError: string = "Enter a first name";
+  @Prop() step1_firstNameError: string = "Enter a first name";
   /**
    * Error text shown at the bottom of the last name input
    * @uiName Last name input error text
+   * @uiGroup Step 1 Properties
    */
-  @Prop() lastNameError: string = "Enter a last name";
+  @Prop() step1_lastNameError: string = "Enter a last name";
   /**
    * Error text shown at the bottom of the email input
    * @uiName Email input error text
+   * @uiGroup Step 1 Properties
    */
-  @Prop() emailError: string = "Enter a valid email";
+  @Prop() step1_emailError: string = "Enter a valid email";
   /**
    * Error text shown at the bottom of the country input
    * @uiName Country input error text
+   * @uiGroup Step 1 Properties
    */
-  @Prop() countryError: string = "Select a country";
+  @Prop() step1_countryError: string = "Select a country";
   /**
    * Error text shown at the bottom of the currency input
    * @uiName Currency input error text
+   * @uiGroup Step 1 Properties
    */
-  @Prop() currencyError: string = "Select a currency";
+  @Prop() step1_currencyError: string = "Select a currency";
   /**
    * Error text shown at the bottom of the tax and banking collection checkbox
    * @uiName Tax and banking collection checkbox error text
+   * @uiGroup Step 1 Properties
    */
-  @Prop() allowBankingCollectionError: string = "This field is required";
+  @Prop() step1_allowBankingCollectionError: string = "This field is required";
   /**
    * Error text shown at the bottom of the participant type checkbox
    * @uiName Participant type checkbox error text
+   * @uiGroup Step 1 Properties
    */
-  @Prop() participantTypeError: string = "Select a participant type";
+  @Prop() step1_participantTypeError: string = "Select a participant type";
 
   /**
    * Alert header text shown in alert if user is already a registered partner
    * @uiName Participant is partner title
+   * @uiGroup Step 1 Properties
    */
-  @Prop() isPartnerAlertHeader: string =
+  @Prop() step1_isPartnerAlertHeader: string =
     "An account with this email already exists with our referral program provider, impact.com";
 
   /**
    * Alert description text shown in alert if user is already a registered partner
    * @uiName Participant is partner description
+   * @uiGroup Step 1 Properties
    */
-  @Prop() isPartnerAlertDescription: string =
+  @Prop() step1_isPartnerAlertDescription: string =
     "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.";
 
   /**
    * The title for error message shown at the top of the page in an error banner
    *
    * @uiName General error title
+   * @uiGroup Step 1 Properties
    */
-  @Prop() generalErrorTitle: string =
+  @Prop() step1_generalErrorTitle: string =
     "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
+   * @uiGroup Step 1 Properties
    */
-  @Prop() generalErrorDescription: string =
+  @Prop() step1_generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
 
   /**
@@ -146,131 +179,154 @@ export class TaxAndCashMonolith {
   /**
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Indirect tax form step text
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2FormStep: string = "Step 2 of 4";
+  @Prop() step2_formStep: string = "Step 2 of 4";
   /**
    * Heading text shown at the top of the page
    * @uiName Indirect tax heading text
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2IndirectTax: string = "Indirect Tax";
+  @Prop() step2_indirectTax: string = "Indirect Tax";
   /**
    * Subtext shown at the top of the page
    * @uiName Indirect tax sub text
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2IndirectTaxDescription: string =
+  @Prop() step2_indirectTaxDescription: string =
     "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.";
   /**
    * Heading text shown above the tax details radio buttons
    * @uiName Indirect tax details heading
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2IndirectTaxDetails: string = "Indirect Tax Details";
+  @Prop() step2_indirectTaxDetails: string = "Indirect Tax Details";
   /**
    * Sub text shown above the tax details radio buttons
    * @uiName Indirect tax details sub text
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2IndirectTaxDetailsDescription: string =
+  @Prop() step2_indirectTaxDetailsDescription: string =
     "Not sure if you are registered for indirect tax? Contact our Support team to find out more.";
   /**
    * Label text for the HST Canada radio button
    * @uiName HST Canada radio button label
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2HstCanada: string = "I am registered for HST in Canada";
+  @Prop() step2_hstCanada: string = "I am registered for HST in Canada";
   /**
    * Label text for the other region radio button
    * @uiName Other region radio button label
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2OtherRegion: string =
+  @Prop() step2_otherRegion: string =
     "I am registered for Indirect Tax in a different Country / Region";
   /**
    * Label text for the not registered radio button
    * @uiName Not registered radio button label
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2NotRegistered: string = "I am not registered for Indirect Tax";
+  @Prop() step2_notRegistered: string = "I am not registered for Indirect Tax";
   /**
    * Label text for the Selected Region select input
    * @uiName Selected region select input label
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2SelectedRegion: string = "Country / Region of Indirect Tax";
+  @Prop() step2_selectedRegion: string = "Country / Region of Indirect Tax";
   /**
    * Label text for the VAT Number input
    * @uiName VAT Number input label
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2VatNumber: string = "VAT number";
+  @Prop() step2_vatNumber: string = "VAT number";
   /**
    * Label text for the Province select input
    * @uiName Province select input label
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2Province: string = "Province";
+  @Prop() step2_province: string = "Province";
 
   /**
    * Label text for the Indirect Tax Number input
    * @uiName Indirect Tax Number input label
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2IndirectTaxNumber: string = "Indirect Tax";
+  @Prop() step2_indirectTaxNumber: string = "Indirect Tax";
 
   /**
    * Alert header text shown in alert if user is already a registered partner
    * @uiName Participant is partner title
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2IsPartnerAlertHeader: string =
+  @Prop() step2_isPartnerAlertHeader: string =
     "An account with this email already exists with our referral program provider, impact.com";
 
   /**
    * Alert description text shown in alert if user is already a registered partner
    * @uiName Participant is partner description
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2IsPartnerAlertDescription: string =
+  @Prop() step2_isPartnerAlertDescription: string =
     "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 shown inside of submit button
    * @uiName Submit button text
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2SubmitButton: string = "Continue";
+  @Prop() step2_submitButton: string = "Continue";
   /**
    * Text shown inside of back button
    * @uiName Back button text
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2BackButton: string = "Back";
+  @Prop() step2_backButton: string = "Back";
   /**
    * Error text shown below the tax details radio buttons
    * @uiName Indirect tax details error text
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2TaxDetailsError: string = "This field is required";
+  @Prop() step2_taxDetailsError: string = "This field is required";
   /**
    * The title for error message shown at the top of the page in an error banner
    *
    * @uiName General error title
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2GeneralErrorTitle: string =
+  @Prop() step2_generalErrorTitle: string =
     "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
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2GeneralErrorDescription: string =
+  @Prop() step2_generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
   /**
    * Error text shown below the Selected Region select input
    * @uiName Selected Region error text
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2SelectedRegionError: string = "Country is required";
+  @Prop() step2_selectedRegionError: string = "Country is required";
   /**
    * Error text shown below the VAT Number input
    * @uiName VAT Number error text
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2VatNumberError: string = "VAT number is required";
+  @Prop() step2_vatNumberError: string = "VAT number is required";
   /**
    * Error text shown below the Selected Region select input
    * @uiName Province error text
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2ProvinceError: string = "Province is required";
+  @Prop() step2_provinceError: string = "Province is required";
   /**
    * Error text shown below the Indirect Tax Number select input
    * @uiName Indirect Tax Number error text
+   * @uiGroup Step 2 Properties
    */
-  @Prop() step2IndirectTaxNumberError: string = "Indirect Tax is required";
+  @Prop() step2_indirectTaxNumberError: string = "Indirect Tax is required";
 
   /**
    * * STEP 3 PROPS:
@@ -278,76 +334,89 @@ export class TaxAndCashMonolith {
   /**
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Tax form step text
+   * @uiGroup Step 3 Properties
    */
-  @Prop() step3FormStep: string = "Step 3 of 4";
+  @Prop() step3_formStep: string = "Step 3 of 4";
   /**
    * Heading text shown at the top of the page
    * @uiName Tax form heading text
+   * @uiGroup Step 3 Properties
    */
-  @Prop() step3TaxForm: string = "Tax form";
+  @Prop() step3_taxForm: string = "Tax form";
   /**
    * Text shown at the top of the page next to the document type text
    * @uiName Tax form label text
+   * @uiGroup Step 3 Properties
    */
-  @Prop() step3TaxFormLabel: string = "{documentType} Tax Form";
+  @Prop() step3_taxFormLabel: string = "{documentType} Tax Form";
   /**
    * Subtext shown at the top of the page next to the document type text
    * @uiName Tax form subtext
+   * @uiGroup Step 3 Properties
    */
-  @Prop() step3TaxFormDescription: string =
+  @Prop() step3_taxFormDescription: string =
     "Participants based in the US and partnering with US-based brands need to submit a {documentType} form.";
   /**
    * Text shown in the link to the form for non US residents
    * @uiName Not based in US link text
+   * @uiGroup Step 3 Properties
    */
   @Prop() stop3NotBasedInUS: string = "Not based in the US?";
   /**
    * Text shown in the banner above the document
    * @uiName Banner text
+   * @uiGroup Step 3 Properties
    */
-  @Prop() step3Banner: string =
+  @Prop() step3_banner: string =
     "For your security, we automatically end your session when you have not interacted with the form after 20 minutes.";
   /**
    * Heading text for the form submission checkbox
    * @uiName Form submission checkbox heading
+   * @uiGroup Step 3 Properties
    */
-  @Prop() step3CheckboxLabel: string = "Form submission";
+  @Prop() step3_checkboxLabel: string = "Form submission";
   /**
    * Label text for the form submission checkbox
    * @uiName Form submission checkbox label
+   * @uiGroup Step 3 Properties
    */
-  @Prop() step3CheckboxDescription: string =
+  @Prop() step3_checkboxDescription: string =
     "I have completed and submitted my tax form";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
+   * @uiGroup Step 3 Properties
    */
-  @Prop() step3SubmitButton: string = "Continue";
+  @Prop() step3_submitButton: string = "Continue";
   /**
    * Text shown inside of back button
    * @uiName Back button text
+   * @uiGroup Step 3 Properties
    */
-  @Prop() backButton: string = "Back";
+  @Prop() step3_backButton: string = "Back";
   /**
    * The title for error message shown at the top of the page in an error banner
    *
    * @uiName General error title
+   * @uiGroup Step 3 Properties
    */
-  @Prop() step3GeneralErrorTitle: string =
+  @Prop() step3_generalErrorTitle: string =
     "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
+   * @uiGroup Step 3 Properties
    */
-  @Prop() step3GeneralErrorDescription: string =
+  @Prop() step3_generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
   /**
    * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
    *
    * @uiName Form submission error text
+   * @uiGroup Step 3 Properties
    */
-  @Prop() step3FormSubmissionError: string = "This field is required";
+  @Prop() step3_formSubmissionError: string = "This field is required";
 
   /**
    * * DOCUMENT TYPE STEP
@@ -356,74 +425,87 @@ export class TaxAndCashMonolith {
   /**
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Tax form step text
+   * @uiGroup Step 3b Properties
    */
-  @Prop() step3bFormStep: string = "Step 3 of 4";
+  @Prop() step3b_formStep: string = "Step 3 of 4";
   /**
    * Sub text shown above form selection radio buttons
    * @uiName Tax form selection heading text
+   * @uiGroup Step 3b Properties
    */
-  @Prop() step3bFormLabel: string = "Select a tax form";
+  @Prop() step3b_formLabel: string = "Select a tax form";
   /**
    * Heading text shown at the top of the top of page
    * @uiName Tax form heading text
+   * @uiGroup Step 3b Properties
    */
-  @Prop() step3bTaxForm: string = "Tax form";
+  @Prop() step3b_taxForm: string = "Tax form";
   /**
    * Label text for the W9 radio button
    * @uiName W9 radio button label
+   * @uiGroup Step 3b Properties
    */
-  @Prop() step3bW9Label: string = "W9";
+  @Prop() step3b_w9Label: string = "W9";
   /**
    * Subtext for the W9 radio button
    * @uiName W9 radio button subtext
+   * @uiGroup Step 3b Properties
    */
-  @Prop() step3bW9Description: string =
+  @Prop() step3b_w9Description: string =
     "W9 For participants based in the US, joining the referral program of a US-based company.";
   /**
    * Label text for the W8 radio button
    * @uiName W8 radio button label
+   * @uiGroup Step 3b Properties
    */
-  @Prop() step3bW8Label: string = "W8-Ben";
+  @Prop() step3b_w8Label: string = "W8-Ben";
   /**
    * Subtext for the W8 radio button
    * @uiName W8 radio button subtext
+   * @uiGroup Step 3b Properties
    */
-  @Prop() step3bW8Description: string =
+  @Prop() step3b_w8Description: string =
     "W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company.";
   /**
    * Label text for the W8E radio button
    * @uiName W8E radio button label
+   * @uiGroup Step 3b Properties
    */
-  @Prop() step3bW8ELabel: string = "W8-BEN-E";
+  @Prop() step3b_w8ELabel: string = "W8-BEN-E";
   /**
    * Subtext for the W8E radio button
    * @uiName W8E radio button subtext
+   * @uiGroup Step 3b Properties
    */
-  @Prop() step3bW8EDescription: string =
+  @Prop() step3b_w8EDescription: string =
     "W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company.";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
+   * @uiGroup Step 3b Properties
    */
-  @Prop() step3bSubmitButton: string = "Continue";
+  @Prop() step3b_submitButton: string = "Continue";
   /**
    * Text shown inside of back button
    * @uiName Back button text
+   * @uiGroup Step 3b Properties
    */
-  @Prop() step3bBackButton: string = "Back";
+  @Prop() step3b_backButton: string = "Back";
   /**
    * The title for error message shown at the top of the page in an error banner
    *
    * @uiName General error title
+   * @uiGroup Step 3b Properties
    */
-  @Prop() step3bGeneralErrorTitle: string =
+  @Prop() step3b_generalErrorTitle: string =
     "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
+   * @uiGroup Step 3b Properties
    */
-  @Prop() step3bGeneralErrorDescription: string =
+  @Prop() step3b_generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
 
   /**
@@ -433,145 +515,172 @@ export class TaxAndCashMonolith {
    * Status text displayed in badge when tax document is Active
    *
    * @uiName Status text
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4StatusTextActive?: string = "Active";
+  @Prop() step4_statusTextActive?: string = "Active";
 
   /**
    * Status text displayed in badge when tax document is Not Active
    *
    * @uiName Status text
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4StatusTextNotActive?: string = "Invalid Tax Form";
+  @Prop() step4_statusTextNotActive?: string = "Invalid Tax Form";
 
   /**
    * Status text displayed in badge when tax document is Not Verified
    *
    * @uiName Status text
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4StatusTextNotVerified?: string = "Not Verified";
+  @Prop() step4_statusTextNotVerified?: string = "Not Verified";
 
   /**
    * Status text displayed in badge when tax document is Expired
    *
    * @uiName Status text
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4StatusTextExpired?: string = "Expired";
+  @Prop() step4_statusTextExpired?: string = "Expired";
 
   /**
    * Description text which appears beside badge showing when the form was submitted
    *
    * @uiName Badge description text
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4BadgeTextSubmittedOn?: string = "Submitted on {dateSubmitted}";
+  @Prop() step4_badgeTextSubmittedOn?: string = "Submitted on {dateSubmitted}";
 
   /**
    * Description text which appears beside badge showing the form is awaiting review
    *
    * @uiName Badge description text
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4BadgeTextAwaitingReview?: string =
+  @Prop() step4_badgeTextAwaitingReview?: string =
     "Awaiting review. Submitted on {dateSubmitted}.";
 
   /**
    * Description text which appears beside badge showing the form has expired
    *
    * @uiName Badge description text
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4BadgeTextExpiredOn?: string = "Expired on {dateExpired}.";
+  @Prop() step4_badgeTextExpiredOn?: string = "Expired on {dateExpired}.";
 
   /**
    * Description text which appears beside badge showing the form expiring soon
    *
    * @uiName Badge description text
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4BadgeTextExpiringSoon?: string = ", expiring on {dateExpired}.";
+  @Prop() step4_badgeTextExpiringSoon?: string = ", expiring on {dateExpired}.";
 
   /**
    * Header displayed in alert header at the top of the page.
    *
    * @uiName Not active alert header
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4TaxAlertHeaderNotActive?: string =
+  @Prop() step4_taxAlertHeaderNotActive?: string =
     "Your {documentType} tax form has personal information that doesn't match your profile.";
   /**
    * Header displayed in alert header at the top of the page.
    *
    * @uiName Expired alert header
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4TaxAlertHeaderExpiredOn?: string =
+  @Prop() step4_taxAlertHeaderExpiredOn?: string =
     "Your {documentType} tax form has expired.";
   /**
    * Header displayed in alert header at the top of the page.
    *
    * @uiName Expiring soon alert header
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4TaxAlertHeaderExpiringSoon?: string =
+  @Prop() step4_taxAlertHeaderExpiringSoon?: string =
     "Your {documentType} tax form expires on {dateExpired}";
   /**
    * Description text displayed in alert body at the top of the page.
    *
    * @uiName Tax alert message
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4TaxAlertMessage?: string =
+  @Prop() step4_taxAlertMessage?: string =
     "Please resubmit a new {documentType} form.";
   /**
    * Description text displayed in alert body at the top of the page.
    *
    * @uiName Expiring soon tax alert message
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4TaxAlertMessageExpiringSoon: string =
+  @Prop() step4_taxAlertMessageExpiringSoon: string =
     "Please submit a new {documentType} form to continue receiving your rewards";
   /**
    * Description text displayed next to the badge in the tax documents status
    *
    * @uiName Invalid form description text
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4InvalidForm?: string =
+  @Prop() step4_invalidForm?: string =
     "Ensure your information matches your profile and resubmit a new document.";
   /**
    * Header text displayed above the banking information card
    *
    * @uiName Banking information header
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4BankingInformationSectionHeader: string = "Banking Information";
+  @Prop() step4_bankingInformationSectionHeader: string = "Banking Information";
   /**
    * Header text displayed above the tax documents status
    *
    * @uiName Tax document section header
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4TaxDocumentSectionHeader: string = "Tax documents";
+  @Prop() step4_taxDocumentSectionHeader: string = "Tax documents";
   /**
    * Sub header text displayed above the tax documents status
    *
    * @uiName Tax documents sub header
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4TaxDocumentSectionSubHeader: string = "{documentType} Tax Form";
+  @Prop() step4_taxDocumentSectionSubHeader: string = "{documentType} Tax Form";
   /**
    * Subtext displayed at the bottom of the page if there are no tax documents to show
    *
    * @uiName No form needed subtext
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4NoFormNeededSubtext: string =
+  @Prop() step4_noFormNeededSubtext: string =
     "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support.";
   /**
    * Text displayed in the submit new document button at the bottom of the page
    *
    * @uiName Step 4 No form needed subtext
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_newFormButton: string = "Submit New document";
+  /**
+   * Text displayed when partner is not registered for Indirect Tax
+   *
+   * @uiName Not registered for Indirect Tax
    */
-  @Prop() step4NewFormButton: string = "Submit New document";
+  @Prop() step4_notRegisteredForTax: string = "Not registered for Indirect Tax";
   /**
    * The title for error message shown at the top of the page in an error banner
    *
    * @uiName Step 4 General error title
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4GeneralErrorTitle: string =
+  @Prop() step4_generalErrorTitle: string =
     "There was a problem submitting your information";
   /**
    * The error message shown at the top of the page in an error banner
    *
    * @uiName Step 4 General error text
+   * @uiGroup Step 4 Properties
    */
-  @Prop() step4GeneralErrorDescription: string =
+  @Prop() step4_generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
 
   constructor() {
@@ -579,33 +688,65 @@ export class TaxAndCashMonolith {
   }
   disconnectedCallback() {}
 
-  getUserInfoFormTextProps() {}
-  getIndirectTaxFormTextProps() {}
-  getDocuSignFormTextProps() {}
-  getDocumentTypeFormTextProps() {}
-  getSubmittedPageTextProps() {}
+  getUserInfoFormTextProps() {
+    const props = getProps(this);
+    return extractProps(props, "step1_");
+  }
+  getIndirectTaxFormTextProps() {
+    const props = getProps(this);
+    return extractProps(props, "step2_");
+  }
+  getDocuSignFormTextProps() {
+    const props = getProps(this);
+    return extractProps(props, "step3_");
+  }
+  getDocumentTypeFormTextProps() {
+    const props = getProps(this);
+    return extractProps(props, "step3b_");
+  }
+  getSubmittedPageTextProps() {
+    const props = getProps(this);
+    return extractProps(props, "step4_");
+  }
 
   render() {
-    return (
-      <sqm-tax-and-cash>
-        <template path="/1">
-          <sqm-user-info-form />
-        </template>
-        <template path="/2">
-          <sqm-indirect-tax-form />
-        </template>
-        <template path="/3/:documentType">
-          <sqm-docusign-form>
+    const props = useTaxAndCash();
+
+    switch (props.step) {
+      case "/1":
+        return (
+          <sqm-user-info-form
+            {...this.getUserInfoFormTextProps()}
+          ></sqm-user-info-form>
+        );
+      case "/2":
+        return (
+          <sqm-indirect-tax-form
+            {...this.getIndirectTaxFormTextProps()}
+          ></sqm-indirect-tax-form>
+        );
+      case "/3/W8-BEN":
+      case "/3/W8-BEN-E":
+      case "/3/W9":
+        return (
+          <sqm-docusign-form {...this.getDocuSignFormTextProps()}>
             <sqm-docusign-embed slot="docusign-iframe"></sqm-docusign-embed>
           </sqm-docusign-form>
-        </template>
-        <template path="/3b">
-          <sqm-document-type-form />
-        </template>
-        <template path="/submitted">
-          <sqm-tax-document-submitted />
-        </template>
-      </sqm-tax-and-cash>
-    );
+        );
+      case "/3b":
+        return (
+          <sqm-document-type-form
+            {...this.getDocumentTypeFormTextProps()}
+          ></sqm-document-type-form>
+        );
+      case "/submitted":
+        return (
+          <sqm-tax-document-submitted
+            {...this.getSubmittedPageTextProps()}
+          ></sqm-tax-document-submitted>
+        );
+    }
+
+    return <div></div>;
   }
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
index 977bea6ff7..30d1c9acc5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
@@ -6,7 +6,7 @@ export interface DocumentTypeFormViewProps {
     loading: boolean;
     disabled: boolean;
     formState: {
-      selectedTaxForm: "w9" | "w8-ben" | "w8-ben-e" | undefined;
+      selectedTaxForm: "W9" | "W8-BEN" | "W8-BEN-E" | undefined;
       errors?: any;
     };
   };
@@ -169,7 +169,7 @@ export const DocumentTypeFormView = (props: DocumentTypeFormViewProps) => {
           <div class={classes.RadioContainer}>
             <sl-radio
               disabled={states.disabled}
-              value="w9"
+              value="W9"
               name="/documentType"
             >
               <p class={classes.LabelText}>{text.w9Label}</p>
@@ -177,7 +177,7 @@ export const DocumentTypeFormView = (props: DocumentTypeFormViewProps) => {
             </sl-radio>
             <sl-radio
               disabled={states.disabled}
-              value="w8-ben"
+              value="W8-BEN"
               name="/documentType"
             >
               <p class={classes.LabelText}>{text.w8Label}</p>
@@ -185,7 +185,7 @@ export const DocumentTypeFormView = (props: DocumentTypeFormViewProps) => {
             </sl-radio>
             <sl-radio
               disabled={states.disabled}
-              value="w8-ben-e"
+              value="W8-BEN-E"
               name="/documentType"
             >
               <p class={classes.LabelText}>{text.w8ELabel}</p>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
index 11204e9280..3239857c6d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
@@ -84,7 +84,7 @@ export function useDocumentTypeForm(props: DocumentTypeForm) {
       disabled: loading,
       formState: {
         formSubmission: false,
-        selectedTaxForm: "w9" as const,
+        selectedTaxForm: "W9" as const,
         errors,
       },
     },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index e82c1a5ea0..cfef3b624e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -8,6 +8,7 @@ export interface DocusignFormViewProps {
     loading: boolean;
     submitDisabled: boolean;
     disabled: boolean;
+    hideSteps: boolean;
     formState: {
       completedTaxForm: boolean;
       taxFormExpired: boolean;
@@ -182,7 +183,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
       </style>
       <div class={classes.TextContainer}>
         <div>
-          <p>{text.formStep}</p>
+          {!states.hideSteps && <p>{text.formStep}</p>}
           <h3>{text.taxForm}</h3>
         </div>
       </div>
@@ -257,9 +258,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
               type="text"
               loading={states.loading}
               disabled={states.loading}
-              onClick={() => {
-                callbacks.onBack();
-              }}
+              onClick={callbacks.onBack}
               exportparts="base: secondarybutton-base"
             >
               {text.backButton}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index b0d54054af..c39dd4817f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -108,6 +108,10 @@ export function useDocusignForm(props: DocusignForm, el: any) {
     }
   };
 
+  const onBack = () => {
+    setPath(context.overrideBackStep || "/2");
+  };
+
   return {
     states: {
       hideSteps: context.hideSteps,
@@ -129,7 +133,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
       onShowDocumentType: () => setPath("/3b"),
       onSubmit,
       toggleFormSubmitted: () => setFormSubmitted((x) => !x),
-      onBack: () => setPath("/2"),
+      onBack,
     },
     text: props.getTextProps(),
   };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 519501b2eb..6ccc59e336 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -6,6 +6,7 @@ export interface IndirectTaxFormViewProps {
     loading: boolean;
     disabled: boolean;
     isPartner: boolean;
+    hideSteps: boolean;
     formState: {
       checked: "hstCanada" | "otherRegion" | "notRegistered" | undefined;
       errors?: any;
@@ -162,7 +163,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
       </style>
       <div class={classes.TextContainer}>
         <div>
-          <p>{text.formStep}</p>
+          {!states.hideSteps && <p>{text.formStep}</p>}
           <h3>{text.indirectTax}</h3>
         </div>
         <p>{text.indirectTaxDescription}</p>
@@ -250,9 +251,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
               class={classes.SecondaryBtn}
               type="text"
               disabled={states.disabled}
-              onClick={() => {
-                callbacks.onBack();
-              }}
+              onClick={callbacks.onBack}
               exportparts="base: secondarybutton-base"
             >
               {text.backButton}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index f46e092eb9..068ce09a2d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -28,6 +28,7 @@ function getOption(user: UserQuery["user"]) {
   if (!user) return;
   const { countryCode, customFields } = user;
 
+  if (customFields?.__taxOption) return customFields.__taxOption;
   if (customFields?.__taxProvince || customFields?.__taxIndirectTaxNumber) {
     return "hstCanada";
   } else if (customFields?.__taxCountry || customFields?.__taxVatNumber) {
@@ -174,7 +175,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
   };
 
   const onBack = () => {
-    setStep("/1");
+    setStep(context.overrideBackStep || "/1");
   };
 
   return {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 5d9b375678..ac6711e1b6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -12,6 +12,7 @@ export const CURRENCIES_NAMESPACE = "sq:currencies:list";
 
 export type TaxContext = {
   overrideNextStep?: string;
+  overrideBackStep?: string;
   hideSteps?: boolean;
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index b60b936a59..867573c2b6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -19,6 +19,7 @@ export interface TaxDocumentSubmittedProps {
     indirectTaxNumber?: number;
     province?: string;
     country?: string;
+    notRegistered?: boolean;
     isIndirectTaxCanada?: boolean;
     loading?: boolean;
     errors?: any;
@@ -49,6 +50,7 @@ export interface TaxDocumentSubmittedProps {
     editIndirectTaxButton: string;
     invalidForm?: string;
     noFormNeededSubtext: string;
+    notRegisteredForTax: string;
     error: {
       generalTitle: string;
       generalDescription: string;
@@ -381,7 +383,9 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
               </h3>
               <div class={sheet.classes.IndirectTaxPreviewDetails}>
                 <span>
-                  {states.province
+                  {states.notRegistered
+                    ? text.notRegisteredForTax
+                    : states.province
                     ? intl.formatMessage(
                         {
                           id: `indirectTaxInfoCanada`,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index bc8799cc6b..a0649bacae 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -169,6 +169,12 @@ export class TaxDocumentSubmitted {
    * @uiName Edit Indirect Tax button
    */
   @Prop() editIndirectTaxButton: string = "Edit Indirect Tax";
+  /**
+   * Text displayed when partner is not registered for Indirect Tax
+   *
+   * @uiName Not registered for Indirect Tax
+   */
+  @Prop() notRegisteredForTax: string;
   /**
    * The title for error message shown at the top of the page in an error banner
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index cb55967c76..47b3fa8661 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -76,16 +76,26 @@ export const useTaxDocumentSubmitted = (
     ),
   });
 
-  const documentType = getDocumentType(data?.user);
+  const documentType = getDocumentType(
+    data?.user
+  )?.toUpperCase() as TaxDocumentType;
 
   const onNewDocumentClick = () => {
+    setContext({
+      overrideNextStep: "/submitted",
+      overrideBackStep: "/submitted",
+      hideSteps: true,
+    });
     setStep(`/3/${documentType}`);
-    setContext({ overrideNextStep: "/submitted", hideSteps: true });
   };
 
   const onEditIndirectTax = () => {
+    setContext({
+      overrideNextStep: "/submitted",
+      overrideBackStep: "/submitted",
+      hideSteps: true,
+    });
     setStep("/2");
-    setContext({ overrideNextStep: "/submitted", hideSteps: true });
   };
 
   const provinceName = INDIRECT_TAX_PROVINCES.find(
@@ -106,6 +116,7 @@ export const useTaxDocumentSubmitted = (
       country: new Intl.DisplayNames(["en"], { type: "region" }).of([
         data?.user?.customFields?.__taxCountry,
       ]),
+      notRegistered: data?.user?.customFields?.__taxOption === "notRegistered",
       noFormNeeded: !documentType,
       dateExpired,
       expiresSoon,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 7eb4374bc3..273befc082 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -149,6 +149,7 @@ export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
   editIndirectTaxButton: "Edit Indirect Tax",
   noFormNeededSubtext:
     "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support.",
+  notRegisteredForTax: "Not registered for Indirect Tax",
   error: {
     generalTitle: "There was a problem submitting your information",
     generalDescription:
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 77974f30c0..1bb495e1d1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -6,6 +6,7 @@ export interface UserInfoFormViewProps {
     loading: boolean;
     disabled: boolean;
     isPartner: boolean;
+    hideSteps: boolean;
     formState: {
       firstName?: string;
       lastName?: string;
@@ -193,7 +194,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
       </style>
       <div class={classes.TextContainer}>
         <div>
-          <p>{text.formStep}</p>
+          {!states.hideSteps && <p>{text.formStep}</p>}
           <h3>{text.personalInformation}</h3>
         </div>
       </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 10e8e5a09d..b7716848c4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -28,8 +28,7 @@ export class TaxForm {
    * Label text for first name input
    * @uiName First name label
    */
-  @Prop()
-  firstName: string = "First name";
+  @Prop() firstName: string = "First name";
   /**
    * Label text for last name input
    * @uiName Last name label
@@ -186,6 +185,7 @@ export class TaxForm {
   }
 
   render() {
+    console.debug("Rendering user info form");
     const props = isDemo() ? useDemoUserInfoForm(this) : useUserInfoForm(this);
 
     return (
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 27e9df907f..6e994c3a45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -13,7 +13,7 @@
   </head>
   <body>
     <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash>
+    <!-- <sqm-tax-and-cash>
       <template path="/1">
         <sqm-user-info-form />
       </template>
@@ -31,9 +31,7 @@
       <template path="/submitted">
         <sqm-tax-document-submitted />
       </template>
-    </sqm-tax-and-cash>
-    <!-- <template path="/4">
-        <sqm-cash-form />
-      </template> -->
+    </sqm-tax-and-cash> -->
+    <sqm-tax-and-cash-monolith></sqm-tax-and-cash-monolith>
   </body>
 </html>

From 988eb2bb29da37d9176e1180e690c7bfa53659bc Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 8 Feb 2024 09:13:20 -0800
Subject: [PATCH 167/753] preprelease 1.8.0-24

---
 packages/mint-components/package.json         |   2 +-
 .../sqm-tax-and-cash-monolith/readme.md       | 199 +++++++++---------
 .../sqm-tax-and-cash-monolith.tsx             |   1 +
 .../sqm-document-type-form/readme.md          |  32 +--
 .../tax-and-cash/sqm-docusign-form/readme.md  |  32 +--
 .../sqm-indirect-tax-form/readme.md           |  52 ++---
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |   5 -
 .../sqm-tax-document-submitted/readme.md      |  53 ++---
 .../tax-and-cash/sqm-user-info-form/readme.md |  54 ++---
 9 files changed, 213 insertions(+), 217 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index f493c3f468..8c675817dc 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-23",
+  "version": "1.8.0-24",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md
index 40a1face02..4e12c0b402 100644
--- a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md
+++ b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md
@@ -7,109 +7,109 @@
 
 ## Properties
 
-| Property                               | Attribute                                   | Description                                                                                                | Type     | Default                                                                                                                                                                     |
-| -------------------------------------- | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`               | `allow-banking-collection`                  | Label text for tax and banking collection checkbox                                                         | `string` | `"I agree to the terms"`                                                                                                                                                    |
-| `allowBankingCollectionError`          | `allow-banking-collection-error`            | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string` | `"This field is required"`                                                                                                                                                  |
-| `backButton`                           | `back-button`                               | Text shown inside of back button                                                                           | `string` | `"Back"`                                                                                                                                                                    |
-| `businessEntity`                       | `business-entity`                           | Label text for the business entity radio button                                                            | `string` | `"I represent a business entity"`                                                                                                                                           |
-| `country`                              | `country`                                   | Label text for country input                                                                               | `string` | `"Country"`                                                                                                                                                                 |
-| `countryError`                         | `country-error`                             | Error text shown at the bottom of the country input                                                        | `string` | `"Select a country"`                                                                                                                                                        |
-| `currency`                             | `currency`                                  | Label text for currency input                                                                              | `string` | `"Currency"`                                                                                                                                                                |
-| `currencyError`                        | `currency-error`                            | Error text shown at the bottom of the currency input                                                       | `string` | `"Select a currency"`                                                                                                                                                       |
-| `email`                                | `email`                                     | Label text for email input                                                                                 | `string` | `"Email"`                                                                                                                                                                   |
-| `emailError`                           | `email-error`                               | Error text shown at the bottom of the email input                                                          | `string` | `"Enter a valid email"`                                                                                                                                                     |
-| `firstName`                            | `first-name`                                | Label text for first name input                                                                            | `string` | `"First name"`                                                                                                                                                              |
-| `firstNameError`                       | `first-name-error`                          | Error text shown at the bottom of the first name input                                                     | `string` | `"Enter a first name"`                                                                                                                                                      |
-| `formStep`                             | `form-step`                                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 1 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`              | `general-error-description`                 | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`                    | `general-error-title`                       | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
-| `individualParticipant`                | `individual-participant`                    | Label text for the individual participant radio button                                                     | `string` | `"I am an individual participant"`                                                                                                                                          |
-| `isPartnerAlertDescription`            | `is-partner-alert-description`              | Alert description text shown in alert if user is already a registered partner                              | `string` | `"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."` |
-| `isPartnerAlertHeader`                 | `is-partner-alert-header`                   | Alert header text shown in alert if user is already a registered partner                                   | `string` | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `lastName`                             | `last-name`                                 | Label text for last name input                                                                             | `string` | `"Last name"`                                                                                                                                                               |
-| `lastNameError`                        | `last-name-error`                           | Error text shown at the bottom of the last name input                                                      | `string` | `"Enter a last name"`                                                                                                                                                       |
-| `participantType`                      | `participant-type`                          | Heading text for the participant type radio buttons                                                        | `string` | `"Participant type"`                                                                                                                                                        |
-| `participantTypeError`                 | `participant-type-error`                    | Error text shown at the bottom of the participant type checkbox                                            | `string` | `"Select a participant type"`                                                                                                                                               |
-| `personalInformation`                  | `personal-information`                      | Heading text shown above the forms inputs.                                                                 | `string` | `"Personal Information"`                                                                                                                                                    |
-| `step2BackButton`                      | `step-2-back-button`                        | Text shown inside of back button                                                                           | `string` | `"Back"`                                                                                                                                                                    |
-| `step2FormStep`                        | `step-2-form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 2 of 4"`                                                                                                                                                             |
-| `step2GeneralErrorDescription`         | `step-2-general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step2GeneralErrorTitle`               | `step-2-general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
-| `step2HstCanada`                       | `step-2-hst-canada`                         | Label text for the HST Canada radio button                                                                 | `string` | `"I am registered for HST in Canada"`                                                                                                                                       |
-| `step2IndirectTax`                     | `step-2-indirect-tax`                       | Heading text shown at the top of the page                                                                  | `string` | `"Indirect Tax"`                                                                                                                                                            |
-| `step2IndirectTaxDescription`          | `step-2-indirect-tax-description`           | Subtext shown at the top of the page                                                                       | `string` | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
-| `step2IndirectTaxDetails`              | `step-2-indirect-tax-details`               | Heading text shown above the tax details radio buttons                                                     | `string` | `"Indirect Tax Details"`                                                                                                                                                    |
-| `step2IndirectTaxDetailsDescription`   | `step-2-indirect-tax-details-description`   | Sub text shown above the tax details radio buttons                                                         | `string` | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
-| `step2IndirectTaxNumber`               | `step-2-indirect-tax-number`                | Label text for the Indirect Tax Number input                                                               | `string` | `"Indirect Tax"`                                                                                                                                                            |
-| `step2IndirectTaxNumberError`          | `step-2-indirect-tax-number-error`          | Error text shown below the Indirect Tax Number select input                                                | `string` | `"Indirect Tax is required"`                                                                                                                                                |
-| `step2IsPartnerAlertDescription`       | `step-2-is-partner-alert-description`       | Alert description text shown in alert if user is already a registered partner                              | `string` | `"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."` |
-| `step2IsPartnerAlertHeader`            | `step-2-is-partner-alert-header`            | Alert header text shown in alert if user is already a registered partner                                   | `string` | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `step2NotRegistered`                   | `step-2-not-registered`                     | Label text for the not registered radio button                                                             | `string` | `"I am not registered for Indirect Tax"`                                                                                                                                    |
-| `step2OtherRegion`                     | `step-2-other-region`                       | Label text for the other region radio button                                                               | `string` | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
-| `step2Province`                        | `step-2-province`                           | Label text for the Province select input                                                                   | `string` | `"Province"`                                                                                                                                                                |
-| `step2ProvinceError`                   | `step-2-province-error`                     | Error text shown below the Selected Region select input                                                    | `string` | `"Province is required"`                                                                                                                                                    |
-| `step2SelectedRegion`                  | `step-2-selected-region`                    | Label text for the Selected Region select input                                                            | `string` | `"Country / Region of Indirect Tax"`                                                                                                                                        |
-| `step2SelectedRegionError`             | `step-2-selected-region-error`              | Error text shown below the Selected Region select input                                                    | `string` | `"Country is required"`                                                                                                                                                     |
-| `step2SubmitButton`                    | `step-2-submit-button`                      | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
-| `step2TaxDetailsError`                 | `step-2-tax-details-error`                  | Error text shown below the tax details radio buttons                                                       | `string` | `"This field is required"`                                                                                                                                                  |
-| `step2VatNumber`                       | `step-2-vat-number`                         | Label text for the VAT Number input                                                                        | `string` | `"VAT number"`                                                                                                                                                              |
-| `step2VatNumberError`                  | `step-2-vat-number-error`                   | Error text shown below the VAT Number input                                                                | `string` | `"VAT number is required"`                                                                                                                                                  |
-| `step3Banner`                          | `step-3-banner`                             | Text shown in the banner above the document                                                                | `string` | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
-| `step3CheckboxDescription`             | `step-3-checkbox-description`               | Label text for the form submission checkbox                                                                | `string` | `"I have completed and submitted my tax form"`                                                                                                                              |
-| `step3CheckboxLabel`                   | `step-3-checkbox-label`                     | Heading text for the form submission checkbox                                                              | `string` | `"Form submission"`                                                                                                                                                         |
-| `step3FormStep`                        | `step-3-form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 3 of 4"`                                                                                                                                                             |
-| `step3FormSubmissionError`             | `step-3-form-submission-error`              | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string` | `"This field is required"`                                                                                                                                                  |
-| `step3GeneralErrorDescription`         | `step-3-general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step3GeneralErrorTitle`               | `step-3-general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
-| `step3SubmitButton`                    | `step-3-submit-button`                      | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
-| `step3TaxForm`                         | `step-3-tax-form`                           | Heading text shown at the top of the page                                                                  | `string` | `"Tax form"`                                                                                                                                                                |
-| `step3TaxFormDescription`              | `step-3-tax-form-description`               | Subtext shown at the top of the page next to the document type text                                        | `string` | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                  |
-| `step3TaxFormLabel`                    | `step-3-tax-form-label`                     | Text shown at the top of the page next to the document type text                                           | `string` | `"{documentType} Tax Form"`                                                                                                                                                 |
-| `step3bBackButton`                     | `step-3b-back-button`                       | Text shown inside of back button                                                                           | `string` | `"Back"`                                                                                                                                                                    |
-| `step3bFormLabel`                      | `step-3b-form-label`                        | Sub text shown above form selection radio buttons                                                          | `string` | `"Select a tax form"`                                                                                                                                                       |
-| `step3bFormStep`                       | `step-3b-form-step`                         | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 3 of 4"`                                                                                                                                                             |
-| `step3bGeneralErrorDescription`        | `step-3b-general-error-description`         | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step3bGeneralErrorTitle`              | `step-3b-general-error-title`               | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
-| `step3bSubmitButton`                   | `step-3b-submit-button`                     | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
-| `step3bTaxForm`                        | `step-3b-tax-form`                          | Heading text shown at the top of the top of page                                                           | `string` | `"Tax form"`                                                                                                                                                                |
-| `step3bW8Description`                  | `step-3b-w-8-description`                   | Subtext for the W8 radio button                                                                            | `string` | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                                                  |
-| `step3bW8EDescription`                 | `step-3b-w-8-e-description`                 | Subtext for the W8E radio button                                                                           | `string` | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."`                               |
-| `step3bW8ELabel`                       | `step-3b-w-8-e-label`                       | Label text for the W8E radio button                                                                        | `string` | `"W8-BEN-E"`                                                                                                                                                                |
-| `step3bW8Label`                        | `step-3b-w-8-label`                         | Label text for the W8 radio button                                                                         | `string` | `"W8-Ben"`                                                                                                                                                                  |
-| `step3bW9Description`                  | `step-3b-w-9-description`                   | Subtext for the W9 radio button                                                                            | `string` | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                                                |
-| `step3bW9Label`                        | `step-3b-w-9-label`                         | Label text for the W9 radio button                                                                         | `string` | `"W9"`                                                                                                                                                                      |
-| `step4BadgeTextAwaitingReview`         | `step-4-badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review                            | `string` | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                          |
-| `step4BadgeTextExpiredOn`              | `step-4-badge-text-expired-on`              | Description text which appears beside badge showing the form has expired                                   | `string` | `"Expired on {dateExpired}."`                                                                                                                                               |
-| `step4BadgeTextExpiringSoon`           | `step-4-badge-text-expiring-soon`           | Description text which appears beside badge showing the form expiring soon                                 | `string` | `", expiring on {dateExpired}."`                                                                                                                                            |
-| `step4BadgeTextSubmittedOn`            | `step-4-badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted                            | `string` | `"Submitted on {dateSubmitted}"`                                                                                                                                            |
-| `step4BankingInformationSectionHeader` | `step-4-banking-information-section-header` | Header text displayed above the banking information card                                                   | `string` | `"Banking Information"`                                                                                                                                                     |
-| `step4GeneralErrorDescription`         | `step-4-general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step4GeneralErrorTitle`               | `step-4-general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
-| `step4InvalidForm`                     | `step-4-invalid-form`                       | Description text displayed next to the badge in the tax documents status                                   | `string` | `"Ensure your information matches your profile and resubmit a new document."`                                                                                               |
-| `step4NewFormButton`                   | `step-4-new-form-button`                    | Text displayed in the submit new document button at the bottom of the page                                 | `string` | `"Submit New document"`                                                                                                                                                     |
-| `step4NoFormNeededSubtext`             | `step-4-no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string` | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                           |
-| `step4StatusTextActive`                | `step-4-status-text-active`                 | Status text displayed in badge when tax document is Active                                                 | `string` | `"Active"`                                                                                                                                                                  |
-| `step4StatusTextExpired`               | `step-4-status-text-expired`                | Status text displayed in badge when tax document is Expired                                                | `string` | `"Expired"`                                                                                                                                                                 |
-| `step4StatusTextNotActive`             | `step-4-status-text-not-active`             | Status text displayed in badge when tax document is Not Active                                             | `string` | `"Invalid Tax Form"`                                                                                                                                                        |
-| `step4StatusTextNotVerified`           | `step-4-status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                                           | `string` | `"Not Verified"`                                                                                                                                                            |
-| `step4TaxAlertHeaderExpiredOn`         | `step-4-tax-alert-header-expired-on`        | Header displayed in alert header at the top of the page.                                                   | `string` | `"Your {documentType} tax form has expired."`                                                                                                                               |
-| `step4TaxAlertHeaderExpiringSoon`      | `step-4-tax-alert-header-expiring-soon`     | Header displayed in alert header at the top of the page.                                                   | `string` | `"Your {documentType} tax form expires on {dateExpired}"`                                                                                                                   |
-| `step4TaxAlertHeaderNotActive`         | `step-4-tax-alert-header-not-active`        | Header displayed in alert header at the top of the page.                                                   | `string` | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                                                                  |
-| `step4TaxAlertMessage`                 | `step-4-tax-alert-message`                  | Description text displayed in alert body at the top of the page.                                           | `string` | `"Please resubmit a new {documentType} form."`                                                                                                                              |
-| `step4TaxAlertMessageExpiringSoon`     | `step-4-tax-alert-message-expiring-soon`    | Description text displayed in alert body at the top of the page.                                           | `string` | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                                                              |
-| `step4TaxDocumentSectionHeader`        | `step-4-tax-document-section-header`        | Header text displayed above the tax documents status                                                       | `string` | `"Tax documents"`                                                                                                                                                           |
-| `step4TaxDocumentSectionSubHeader`     | `step-4-tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                                                   | `string` | `"{documentType} Tax Form"`                                                                                                                                                 |
-| `stop3NotBasedInUS`                    | `stop-3-not-based-in-u-s`                   | Text shown in the link to the form for non US residents                                                    | `string` | `"Not based in the US?"`                                                                                                                                                    |
-| `submitButton`                         | `submit-button`                             | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
-| `taxAndBankingCollection`              | `tax-and-banking-collection`                | Heading text for the tax and banking collection checkbox                                                   | `string` | `"Continue"`                                                                                                                                                                |
+| Property                                | Attribute                                   | Description                                                                                                | Type     | Default                                                                                                                                                                     |
+| --------------------------------------- | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `step1_allowBankingCollection`          | `step-1_allow-banking-collection`           | Label text for tax and banking collection checkbox                                                         | `string` | `"I agree to the terms"`                                                                                                                                                    |
+| `step1_allowBankingCollectionError`     | `step-1_allow-banking-collection-error`     | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string` | `"This field is required"`                                                                                                                                                  |
+| `step1_businessEntity`                  | `step-1_business-entity`                    | Label text for the business entity radio button                                                            | `string` | `"I represent a business entity"`                                                                                                                                           |
+| `step1_country`                         | `step-1_country`                            | Label text for country input                                                                               | `string` | `"Country"`                                                                                                                                                                 |
+| `step1_countryError`                    | `step-1_country-error`                      | Error text shown at the bottom of the country input                                                        | `string` | `"Select a country"`                                                                                                                                                        |
+| `step1_currency`                        | `step-1_currency`                           | Label text for currency input                                                                              | `string` | `"Currency"`                                                                                                                                                                |
+| `step1_currencyError`                   | `step-1_currency-error`                     | Error text shown at the bottom of the currency input                                                       | `string` | `"Select a currency"`                                                                                                                                                       |
+| `step1_email`                           | `step-1_email`                              | Label text for email input                                                                                 | `string` | `"Email"`                                                                                                                                                                   |
+| `step1_emailError`                      | `step-1_email-error`                        | Error text shown at the bottom of the email input                                                          | `string` | `"Enter a valid email"`                                                                                                                                                     |
+| `step1_firstName`                       | `step-1_first-name`                         | Label text for first name input                                                                            | `string` | `"First name"`                                                                                                                                                              |
+| `step1_firstNameError`                  | `step-1_first-name-error`                   | Error text shown at the bottom of the first name input                                                     | `string` | `"Enter a first name"`                                                                                                                                                      |
+| `step1_formStep`                        | `step-1_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 1 of 4"`                                                                                                                                                             |
+| `step1_generalErrorDescription`         | `step-1_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step1_generalErrorTitle`               | `step-1_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
+| `step1_individualParticipant`           | `step-1_individual-participant`             | Label text for the individual participant radio button                                                     | `string` | `"I am an individual participant"`                                                                                                                                          |
+| `step1_isPartnerAlertDescription`       | `step-1_is-partner-alert-description`       | Alert description text shown in alert if user is already a registered partner                              | `string` | `"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."` |
+| `step1_isPartnerAlertHeader`            | `step-1_is-partner-alert-header`            | Alert header text shown in alert if user is already a registered partner                                   | `string` | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `step1_lastName`                        | `step-1_last-name`                          | Label text for last name input                                                                             | `string` | `"Last name"`                                                                                                                                                               |
+| `step1_lastNameError`                   | `step-1_last-name-error`                    | Error text shown at the bottom of the last name input                                                      | `string` | `"Enter a last name"`                                                                                                                                                       |
+| `step1_participantType`                 | `step-1_participant-type`                   | Heading text for the participant type radio buttons                                                        | `string` | `"Participant type"`                                                                                                                                                        |
+| `step1_participantTypeError`            | `step-1_participant-type-error`             | Error text shown at the bottom of the participant type checkbox                                            | `string` | `"Select a participant type"`                                                                                                                                               |
+| `step1_personalInformation`             | `step-1_personal-information`               | Heading text shown above the forms inputs.                                                                 | `string` | `"Personal Information"`                                                                                                                                                    |
+| `step1_submitButton`                    | `step-1_submit-button`                      | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
+| `step1_taxAndBankingCollection`         | `step-1_tax-and-banking-collection`         | Heading text for the tax and banking collection checkbox                                                   | `string` | `"Continue"`                                                                                                                                                                |
+| `step2_backButton`                      | `step-2_back-button`                        | Text shown inside of back button                                                                           | `string` | `"Back"`                                                                                                                                                                    |
+| `step2_formStep`                        | `step-2_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 2 of 4"`                                                                                                                                                             |
+| `step2_generalErrorDescription`         | `step-2_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step2_generalErrorTitle`               | `step-2_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
+| `step2_hstCanada`                       | `step-2_hst-canada`                         | Label text for the HST Canada radio button                                                                 | `string` | `"I am registered for HST in Canada"`                                                                                                                                       |
+| `step2_indirectTax`                     | `step-2_indirect-tax`                       | Heading text shown at the top of the page                                                                  | `string` | `"Indirect Tax"`                                                                                                                                                            |
+| `step2_indirectTaxDescription`          | `step-2_indirect-tax-description`           | Subtext shown at the top of the page                                                                       | `string` | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
+| `step2_indirectTaxDetails`              | `step-2_indirect-tax-details`               | Heading text shown above the tax details radio buttons                                                     | `string` | `"Indirect Tax Details"`                                                                                                                                                    |
+| `step2_indirectTaxDetailsDescription`   | `step-2_indirect-tax-details-description`   | Sub text shown above the tax details radio buttons                                                         | `string` | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
+| `step2_indirectTaxNumber`               | `step-2_indirect-tax-number`                | Label text for the Indirect Tax Number input                                                               | `string` | `"Indirect Tax"`                                                                                                                                                            |
+| `step2_indirectTaxNumberError`          | `step-2_indirect-tax-number-error`          | Error text shown below the Indirect Tax Number select input                                                | `string` | `"Indirect Tax is required"`                                                                                                                                                |
+| `step2_isPartnerAlertDescription`       | `step-2_is-partner-alert-description`       | Alert description text shown in alert if user is already a registered partner                              | `string` | `"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."` |
+| `step2_isPartnerAlertHeader`            | `step-2_is-partner-alert-header`            | Alert header text shown in alert if user is already a registered partner                                   | `string` | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `step2_notRegistered`                   | `step-2_not-registered`                     | Label text for the not registered radio button                                                             | `string` | `"I am not registered for Indirect Tax"`                                                                                                                                    |
+| `step2_otherRegion`                     | `step-2_other-region`                       | Label text for the other region radio button                                                               | `string` | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
+| `step2_province`                        | `step-2_province`                           | Label text for the Province select input                                                                   | `string` | `"Province"`                                                                                                                                                                |
+| `step2_provinceError`                   | `step-2_province-error`                     | Error text shown below the Selected Region select input                                                    | `string` | `"Province is required"`                                                                                                                                                    |
+| `step2_selectedRegion`                  | `step-2_selected-region`                    | Label text for the Selected Region select input                                                            | `string` | `"Country / Region of Indirect Tax"`                                                                                                                                        |
+| `step2_selectedRegionError`             | `step-2_selected-region-error`              | Error text shown below the Selected Region select input                                                    | `string` | `"Country is required"`                                                                                                                                                     |
+| `step2_submitButton`                    | `step-2_submit-button`                      | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
+| `step2_taxDetailsError`                 | `step-2_tax-details-error`                  | Error text shown below the tax details radio buttons                                                       | `string` | `"This field is required"`                                                                                                                                                  |
+| `step2_vatNumber`                       | `step-2_vat-number`                         | Label text for the VAT Number input                                                                        | `string` | `"VAT number"`                                                                                                                                                              |
+| `step2_vatNumberError`                  | `step-2_vat-number-error`                   | Error text shown below the VAT Number input                                                                | `string` | `"VAT number is required"`                                                                                                                                                  |
+| `step3_backButton`                      | `step-3_back-button`                        | Text shown inside of back button                                                                           | `string` | `"Back"`                                                                                                                                                                    |
+| `step3_banner`                          | `step-3_banner`                             | Text shown in the banner above the document                                                                | `string` | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
+| `step3_checkboxDescription`             | `step-3_checkbox-description`               | Label text for the form submission checkbox                                                                | `string` | `"I have completed and submitted my tax form"`                                                                                                                              |
+| `step3_checkboxLabel`                   | `step-3_checkbox-label`                     | Heading text for the form submission checkbox                                                              | `string` | `"Form submission"`                                                                                                                                                         |
+| `step3_formStep`                        | `step-3_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 3 of 4"`                                                                                                                                                             |
+| `step3_formSubmissionError`             | `step-3_form-submission-error`              | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string` | `"This field is required"`                                                                                                                                                  |
+| `step3_generalErrorDescription`         | `step-3_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step3_generalErrorTitle`               | `step-3_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
+| `step3_submitButton`                    | `step-3_submit-button`                      | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
+| `step3_taxForm`                         | `step-3_tax-form`                           | Heading text shown at the top of the page                                                                  | `string` | `"Tax form"`                                                                                                                                                                |
+| `step3_taxFormDescription`              | `step-3_tax-form-description`               | Subtext shown at the top of the page next to the document type text                                        | `string` | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                  |
+| `step3_taxFormLabel`                    | `step-3_tax-form-label`                     | Text shown at the top of the page next to the document type text                                           | `string` | `"{documentType} Tax Form"`                                                                                                                                                 |
+| `step3b_backButton`                     | `step-3b_back-button`                       | Text shown inside of back button                                                                           | `string` | `"Back"`                                                                                                                                                                    |
+| `step3b_formLabel`                      | `step-3b_form-label`                        | Sub text shown above form selection radio buttons                                                          | `string` | `"Select a tax form"`                                                                                                                                                       |
+| `step3b_formStep`                       | `step-3b_form-step`                         | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 3 of 4"`                                                                                                                                                             |
+| `step3b_generalErrorDescription`        | `step-3b_general-error-description`         | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step3b_generalErrorTitle`              | `step-3b_general-error-title`               | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
+| `step3b_submitButton`                   | `step-3b_submit-button`                     | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
+| `step3b_taxForm`                        | `step-3b_tax-form`                          | Heading text shown at the top of the top of page                                                           | `string` | `"Tax form"`                                                                                                                                                                |
+| `step3b_w8Description`                  | `step-3b_w-8-description`                   | Subtext for the W8 radio button                                                                            | `string` | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                                                  |
+| `step3b_w8EDescription`                 | `step-3b_w-8-e-description`                 | Subtext for the W8E radio button                                                                           | `string` | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."`                               |
+| `step3b_w8ELabel`                       | `step-3b_w-8-e-label`                       | Label text for the W8E radio button                                                                        | `string` | `"W8-BEN-E"`                                                                                                                                                                |
+| `step3b_w8Label`                        | `step-3b_w-8-label`                         | Label text for the W8 radio button                                                                         | `string` | `"W8-Ben"`                                                                                                                                                                  |
+| `step3b_w9Description`                  | `step-3b_w-9-description`                   | Subtext for the W9 radio button                                                                            | `string` | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                                                |
+| `step3b_w9Label`                        | `step-3b_w-9-label`                         | Label text for the W9 radio button                                                                         | `string` | `"W9"`                                                                                                                                                                      |
+| `step4_badgeTextAwaitingReview`         | `step-4_badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review                            | `string` | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                          |
+| `step4_badgeTextExpiredOn`              | `step-4_badge-text-expired-on`              | Description text which appears beside badge showing the form has expired                                   | `string` | `"Expired on {dateExpired}."`                                                                                                                                               |
+| `step4_badgeTextExpiringSoon`           | `step-4_badge-text-expiring-soon`           | Description text which appears beside badge showing the form expiring soon                                 | `string` | `", expiring on {dateExpired}."`                                                                                                                                            |
+| `step4_badgeTextSubmittedOn`            | `step-4_badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted                            | `string` | `"Submitted on {dateSubmitted}"`                                                                                                                                            |
+| `step4_bankingInformationSectionHeader` | `step-4_banking-information-section-header` | Header text displayed above the banking information card                                                   | `string` | `"Banking Information"`                                                                                                                                                     |
+| `step4_generalErrorDescription`         | `step-4_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step4_generalErrorTitle`               | `step-4_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
+| `step4_invalidForm`                     | `step-4_invalid-form`                       | Description text displayed next to the badge in the tax documents status                                   | `string` | `"Ensure your information matches your profile and resubmit a new document."`                                                                                               |
+| `step4_newFormButton`                   | `step-4_new-form-button`                    | Text displayed in the submit new document button at the bottom of the page                                 | `string` | `"Submit New document"`                                                                                                                                                     |
+| `step4_noFormNeededSubtext`             | `step-4_no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string` | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                           |
+| `step4_notRegisteredForTax`             | `step-4_not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                                             | `string` | `"Not registered for Indirect Tax"`                                                                                                                                         |
+| `step4_statusTextActive`                | `step-4_status-text-active`                 | Status text displayed in badge when tax document is Active                                                 | `string` | `"Active"`                                                                                                                                                                  |
+| `step4_statusTextExpired`               | `step-4_status-text-expired`                | Status text displayed in badge when tax document is Expired                                                | `string` | `"Expired"`                                                                                                                                                                 |
+| `step4_statusTextNotActive`             | `step-4_status-text-not-active`             | Status text displayed in badge when tax document is Not Active                                             | `string` | `"Invalid Tax Form"`                                                                                                                                                        |
+| `step4_statusTextNotVerified`           | `step-4_status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                                           | `string` | `"Not Verified"`                                                                                                                                                            |
+| `step4_taxAlertHeaderExpiredOn`         | `step-4_tax-alert-header-expired-on`        | Header displayed in alert header at the top of the page.                                                   | `string` | `"Your {documentType} tax form has expired."`                                                                                                                               |
+| `step4_taxAlertHeaderExpiringSoon`      | `step-4_tax-alert-header-expiring-soon`     | Header displayed in alert header at the top of the page.                                                   | `string` | `"Your {documentType} tax form expires on {dateExpired}"`                                                                                                                   |
+| `step4_taxAlertHeaderNotActive`         | `step-4_tax-alert-header-not-active`        | Header displayed in alert header at the top of the page.                                                   | `string` | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                                                                  |
+| `step4_taxAlertMessage`                 | `step-4_tax-alert-message`                  | Description text displayed in alert body at the top of the page.                                           | `string` | `"Please resubmit a new {documentType} form."`                                                                                                                              |
+| `step4_taxAlertMessageExpiringSoon`     | `step-4_tax-alert-message-expiring-soon`    | Description text displayed in alert body at the top of the page.                                           | `string` | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                                                              |
+| `step4_taxDocumentSectionHeader`        | `step-4_tax-document-section-header`        | Header text displayed above the tax documents status                                                       | `string` | `"Tax documents"`                                                                                                                                                           |
+| `step4_taxDocumentSectionSubHeader`     | `step-4_tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                                                   | `string` | `"{documentType} Tax Form"`                                                                                                                                                 |
+| `stop3NotBasedInUS`                     | `stop-3-not-based-in-u-s`                   | Text shown in the link to the form for non US residents                                                    | `string` | `"Not based in the US?"`                                                                                                                                                    |
 
 
 ## Dependencies
 
 ### Depends on
 
-- [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
 - [sqm-user-info-form](../tax-and-cash/sqm-user-info-form)
 - [sqm-indirect-tax-form](../tax-and-cash/sqm-indirect-tax-form)
 - [sqm-docusign-form](../tax-and-cash/sqm-docusign-form)
@@ -120,17 +120,12 @@
 ### Graph
 ```mermaid
 graph TD;
-  sqm-tax-and-cash-monolith --> sqm-tax-and-cash
   sqm-tax-and-cash-monolith --> sqm-user-info-form
   sqm-tax-and-cash-monolith --> sqm-indirect-tax-form
   sqm-tax-and-cash-monolith --> sqm-docusign-form
   sqm-tax-and-cash-monolith --> sqm-docusign-embed
   sqm-tax-and-cash-monolith --> sqm-document-type-form
   sqm-tax-and-cash-monolith --> sqm-tax-document-submitted
-  sqm-tax-and-cash --> sqm-context-router
-  sqm-tax-and-cash --> sqm-table-row
-  sqm-tax-and-cash --> sqm-table-cell
-  sqm-tax-and-cash --> sqm-text
   style sqm-tax-and-cash-monolith fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
index 5825a58ece..74e37b3104 100644
--- a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
+++ b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
@@ -664,6 +664,7 @@ export class TaxAndCashMonolith {
    * Text displayed when partner is not registered for Indirect Tax
    *
    * @uiName Not registered for Indirect Tax
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_notRegisteredForTax: string = "Not registered for Indirect Tax";
   /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
index c6d8087599..5850dbab4c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
@@ -7,22 +7,22 @@
 
 ## Properties
 
-| Property                  | Attribute                   | Description                                                                           | Type                                                                                                                                 | Default                                                                                                                                       |
-| ------------------------- | --------------------------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`              | `back-button`               | Text shown inside of back button                                                      | `string`                                                                                                                             | `"Back"`                                                                                                                                      |
-| `demoData`                | --                          |                                                                                       | `{ states?: { loading: boolean; disabled: boolean; formState: { formSubmission: boolean; selectedTaxForm: "w9"; errors: {}; }; }; }` | `undefined`                                                                                                                                   |
-| `formLabel`               | `form-label`                | Sub text shown above form selection radio buttons                                     | `string`                                                                                                                             | `"Select a tax form"`                                                                                                                         |
-| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                             | `"Step 3 of 4"`                                                                                                                               |
-| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                 |
-| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                             | `"There was a problem submitting your information"`                                                                                           |
-| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                    | `string`                                                                                                                             | `"Continue"`                                                                                                                                  |
-| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the top of page                                      | `string`                                                                                                                             | `"Tax form"`                                                                                                                                  |
-| `w8Description`           | `w-8-description`           | Subtext for the W8 radio button                                                       | `string`                                                                                                                             | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                    |
-| `w8EDescription`          | `w-8-e-description`         | Subtext for the W8E radio button                                                      | `string`                                                                                                                             | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."` |
-| `w8ELabel`                | `w-8-e-label`               | Label text for the W8E radio button                                                   | `string`                                                                                                                             | `"W8-BEN-E"`                                                                                                                                  |
-| `w8Label`                 | `w-8-label`                 | Label text for the W8 radio button                                                    | `string`                                                                                                                             | `"W8-Ben"`                                                                                                                                    |
-| `w9Description`           | `w-9-description`           | Subtext for the W9 radio button                                                       | `string`                                                                                                                             | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                  |
-| `w9Label`                 | `w-9-label`                 | Label text for the W9 radio button                                                    | `string`                                                                                                                             | `"W9"`                                                                                                                                        |
+| Property                  | Attribute                   | Description                                                                           | Type                                                                                                                                                     | Default                                                                                                                                       |
+| ------------------------- | --------------------------- | ------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`              | `back-button`               | Text shown inside of back button                                                      | `string`                                                                                                                                                 | `"Back"`                                                                                                                                      |
+| `demoData`                | --                          |                                                                                       | `{ states?: { hideSteps: boolean; loading: boolean; disabled: boolean; formState: { formSubmission: boolean; selectedTaxForm: "W9"; errors: {}; }; }; }` | `undefined`                                                                                                                                   |
+| `formLabel`               | `form-label`                | Sub text shown above form selection radio buttons                                     | `string`                                                                                                                                                 | `"Select a tax form"`                                                                                                                         |
+| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                 | `"Step 3 of 4"`                                                                                                                               |
+| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                 | `"Please review your information and try again. If this problem continues, contact Support."`                                                 |
+| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                 | `"There was a problem submitting your information"`                                                                                           |
+| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                    | `string`                                                                                                                                                 | `"Continue"`                                                                                                                                  |
+| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the top of page                                      | `string`                                                                                                                                                 | `"Tax form"`                                                                                                                                  |
+| `w8Description`           | `w-8-description`           | Subtext for the W8 radio button                                                       | `string`                                                                                                                                                 | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                    |
+| `w8EDescription`          | `w-8-e-description`         | Subtext for the W8E radio button                                                      | `string`                                                                                                                                                 | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."` |
+| `w8ELabel`                | `w-8-e-label`               | Label text for the W8E radio button                                                   | `string`                                                                                                                                                 | `"W8-BEN-E"`                                                                                                                                  |
+| `w8Label`                 | `w-8-label`                 | Label text for the W8 radio button                                                    | `string`                                                                                                                                                 | `"W8-Ben"`                                                                                                                                    |
+| `w9Description`           | `w-9-description`           | Subtext for the W9 radio button                                                       | `string`                                                                                                                                                 | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                  |
+| `w9Label`                 | `w-9-label`                 | Label text for the W9 radio button                                                    | `string`                                                                                                                                                 | `"W9"`                                                                                                                                        |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index 5eb319f696..37d5af9522 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,22 +7,22 @@
 
 ## Properties
 
-| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                               | Default                                                                                                               |
-| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
-| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                           | `"Back"`                                                                                                              |
-| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                           | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."` |
-| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                           | `"I have completed and submitted my tax form"`                                                                        |
-| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                           | `"Form submission"`                                                                                                   |
-| `demoData`                | --                          |                                                                                                            | `{ states?: { disabled: boolean; submitDisabled: boolean; loading: boolean; formState: { completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; documentType: TaxDocumentType; }; data?: { taxForm: string; documentUrl: string; }; }` | `undefined`                                                                                                           |
-| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                           | `"Step 3 of 4"`                                                                                                       |
-| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                           | `"This field is required"`                                                                                            |
-| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                         |
-| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                   |
-| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                           | `"Not based in the US?"`                                                                                              |
-| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                           | `"Continue"`                                                                                                          |
-| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                           | `"Tax form"`                                                                                                          |
-| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                           | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`            |
-| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                           | `"{documentType} Tax Form"`                                                                                           |
+| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                                                   | Default                                                                                                               |
+| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
+| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                               | `"Back"`                                                                                                              |
+| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                               | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."` |
+| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                               | `"I have completed and submitted my tax form"`                                                                        |
+| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                               | `"Form submission"`                                                                                                   |
+| `demoData`                | --                          |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; submitDisabled: boolean; loading: boolean; formState: { completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; documentType: TaxDocumentType; }; data?: { taxForm: string; documentUrl: string; }; }` | `undefined`                                                                                                           |
+| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                               | `"Step 3 of 4"`                                                                                                       |
+| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                               | `"This field is required"`                                                                                            |
+| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                               | `"Please review your information and try again. If this problem continues, contact Support."`                         |
+| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                               | `"There was a problem submitting your information"`                                                                   |
+| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                               | `"Not based in the US?"`                                                                                              |
+| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                               | `"Continue"`                                                                                                          |
+| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                               | `"Tax form"`                                                                                                          |
+| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                               | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`            |
+| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                               | `"{documentType} Tax Form"`                                                                                           |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 0192db9327..92da87ae77 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -7,32 +7,32 @@
 
 ## Properties
 
-| Property                        | Attribute                          | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                               | Default                                                                                                                                                                     |
-| ------------------------------- | ---------------------------------- | ------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`                    | `back-button`                      | Text shown inside of back button                                                      | `string`                                                                                                                                                                                                                                                                                                                           | `"Back"`                                                                                                                                                                    |
-| `demoData`                      | --                                 |                                                                                       | `{ states?: { disabled: boolean; loading: boolean; isPartner: boolean; errors: {}; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; }; }; data?: { countries: { countryCode: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { errors: {}; }; }; }` | `undefined`                                                                                                                                                                 |
-| `formStep`                      | `form-step`                        | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                           | `"Step 2 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`       | `general-error-description`        | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`             | `general-error-title`              | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                                                                         |
-| `hstCanada`                     | `hst-canada`                       | Label text for the HST Canada radio button                                            | `string`                                                                                                                                                                                                                                                                                                                           | `"I am registered for HST in Canada"`                                                                                                                                       |
-| `indirectTax`                   | `indirect-tax`                     | Heading text shown at the top of the page                                             | `string`                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax"`                                                                                                                                                            |
-| `indirectTaxDescription`        | `indirect-tax-description`         | Subtext shown at the top of the page                                                  | `string`                                                                                                                                                                                                                                                                                                                           | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
-| `indirectTaxDetails`            | `indirect-tax-details`             | Heading text shown above the tax details radio buttons                                | `string`                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax Details"`                                                                                                                                                    |
-| `indirectTaxDetailsDescription` | `indirect-tax-details-description` | Sub text shown above the tax details radio buttons                                    | `string`                                                                                                                                                                                                                                                                                                                           | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
-| `indirectTaxNumber`             | `indirect-tax-number`              | Label text for the Indirect Tax Number input                                          | `string`                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax"`                                                                                                                                                            |
-| `indirectTaxNumberError`        | `indirect-tax-number-error`        | Error text shown below the Indirect Tax Number select input                           | `string`                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax is required"`                                                                                                                                                |
-| `isPartnerAlertDescription`     | `is-partner-alert-description`     | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                           | `"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."` |
-| `isPartnerAlertHeader`          | `is-partner-alert-header`          | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                           | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `notRegistered`                 | `not-registered`                   | Label text for the not registered radio button                                        | `string`                                                                                                                                                                                                                                                                                                                           | `"I am not registered for Indirect Tax"`                                                                                                                                    |
-| `otherRegion`                   | `other-region`                     | Label text for the other region radio button                                          | `string`                                                                                                                                                                                                                                                                                                                           | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
-| `province`                      | `province`                         | Label text for the Province select input                                              | `string`                                                                                                                                                                                                                                                                                                                           | `"Province"`                                                                                                                                                                |
-| `provinceError`                 | `province-error`                   | Error text shown below the Selected Region select input                               | `string`                                                                                                                                                                                                                                                                                                                           | `"Province is required"`                                                                                                                                                    |
-| `selectedRegion`                | `selected-region`                  | Label text for the Selected Region select input                                       | `string`                                                                                                                                                                                                                                                                                                                           | `"Country / Region of Indirect Tax"`                                                                                                                                        |
-| `selectedRegionError`           | `selected-region-error`            | Error text shown below the Selected Region select input                               | `string`                                                                                                                                                                                                                                                                                                                           | `"Country is required"`                                                                                                                                                     |
-| `submitButton`                  | `submit-button`                    | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                           | `"Continue"`                                                                                                                                                                |
-| `taxDetailsError`               | `tax-details-error`                | Error text shown below the tax details radio buttons                                  | `string`                                                                                                                                                                                                                                                                                                                           | `"This field is required"`                                                                                                                                                  |
-| `vatNumber`                     | `vat-number`                       | Label text for the VAT Number input                                                   | `string`                                                                                                                                                                                                                                                                                                                           | `"VAT number"`                                                                                                                                                              |
-| `vatNumberError`                | `vat-number-error`                 | Error text shown below the VAT Number input                                           | `string`                                                                                                                                                                                                                                                                                                                           | `"VAT number is required"`                                                                                                                                                  |
+| Property                        | Attribute                          | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                                                             |
+| ------------------------------- | ---------------------------------- | ------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`                    | `back-button`                      | Text shown inside of back button                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                                                                            |
+| `demoData`                      | --                                 |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: any; errors: {}; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; }; }; data?: { countries: { countryCode: string; displayName: string; }[]; provinces: { provinceCode: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { errors: {}; }; }; }` | `undefined`                                                                                                                                                                                                         |
+| `formStep`                      | `form-step`                        | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Step 2 of 4"`                                                                                                                                                                                                     |
+| `generalErrorDescription`       | `general-error-description`        | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
+| `generalErrorTitle`             | `general-error-title`              | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                                                                                                                 |
+| `hstCanada`                     | `hst-canada`                       | Label text for the HST Canada radio button                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for HST in Canada"`                                                                                                                                                                               |
+| `indirectTax`                   | `indirect-tax`                     | Heading text shown at the top of the page                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax"`                                                                                                                                                                                                    |
+| `indirectTaxDescription`        | `indirect-tax-description`         | Subtext shown at the top of the page                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."` |
+| `indirectTaxDetails`            | `indirect-tax-details`             | Heading text shown above the tax details radio buttons                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax Details"`                                                                                                                                                                                            |
+| `indirectTaxDetailsDescription` | `indirect-tax-details-description` | Sub text shown above the tax details radio buttons                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"If you are in the US, you are most likely not registered for Indirect Tax. Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                          |
+| `indirectTaxNumber`             | `indirect-tax-number`              | Label text for the Indirect Tax Number input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax"`                                                                                                                                                                                                    |
+| `indirectTaxNumberError`        | `indirect-tax-number-error`        | Error text shown below the Indirect Tax Number select input                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax is required"`                                                                                                                                                                                        |
+| `isPartnerAlertDescription`     | `is-partner-alert-description`     | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."`                                         |
+| `isPartnerAlertHeader`          | `is-partner-alert-header`          | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
+| `notRegistered`                 | `not-registered`                   | Label text for the not registered radio button                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am not registered for Indirect Tax"`                                                                                                                                                                            |
+| `otherRegion`                   | `other-region`                     | Label text for the other region radio button                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                                                                |
+| `province`                      | `province`                         | Label text for the Province select input                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province"`                                                                                                                                                                                                        |
+| `provinceError`                 | `province-error`                   | Error text shown below the Selected Region select input                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province is required"`                                                                                                                                                                                            |
+| `selectedRegion`                | `selected-region`                  | Label text for the Selected Region select input                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country / Region of Indirect Tax"`                                                                                                                                                                                |
+| `selectedRegionError`           | `selected-region-error`            | Error text shown below the Selected Region select input                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country is required"`                                                                                                                                                                                             |
+| `submitButton`                  | `submit-button`                    | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                                                                                                                        |
+| `taxDetailsError`               | `tax-details-error`                | Error text shown below the tax details radio buttons                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"This field is required"`                                                                                                                                                                                          |
+| `vatNumber`                     | `vat-number`                       | Label text for the VAT Number input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"VAT number"`                                                                                                                                                                                                      |
+| `vatNumberError`                | `vat-number-error`                 | Error text shown below the VAT Number input                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"VAT number is required"`                                                                                                                                                                                          |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 3184da4887..9205a6748c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -14,10 +14,6 @@
 
 ## Dependencies
 
-### Used by
-
- - [sqm-tax-and-cash-monolith](../../sqm-tax-and-cash-monolith)
-
 ### Depends on
 
 - [sqm-context-router](../../sqm-context-router)
@@ -32,7 +28,6 @@ graph TD;
   sqm-tax-and-cash --> sqm-table-row
   sqm-tax-and-cash --> sqm-table-cell
   sqm-tax-and-cash --> sqm-text
-  sqm-tax-and-cash-monolith --> sqm-tax-and-cash
   style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
index bb0551687e..6262cd26bd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
@@ -7,30 +7,35 @@
 
 ## Properties
 
-| Property                          | Attribute                            | Description                                                                       | Type                                                                                                                                                                                                                  | Default                                                                                                                           |
-| --------------------------------- | ------------------------------------ | --------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
-| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review   | `string`                                                                                                                                                                                                              | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                |
-| `badgeTextExpiredOn`              | `badge-text-expired-on`              | Description text which appears beside badge showing the form has expired          | `string`                                                                                                                                                                                                              | `"Expired on {dateExpired}."`                                                                                                     |
-| `badgeTextExpiringSoon`           | `badge-text-expiring-soon`           | Description text which appears beside badge showing the form expiring soon        | `string`                                                                                                                                                                                                              | `", expiring on {dateExpired}."`                                                                                                  |
-| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted   | `string`                                                                                                                                                                                                              | `"Submitted on {dateSubmitted}"`                                                                                                  |
-| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                          | `string`                                                                                                                                                                                                              | `"Banking Information"`                                                                                                           |
-| `demoData`                        | --                                   |                                                                                   | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; dateExpired?: string; expiresSoon?: boolean; noFormNeeded?: boolean; loading?: boolean; errors?: any; }; }` | `undefined`                                                                                                                       |
-| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                 | `string`                                                                                                                                                                                                              | `"Please review your information and try again. If this problem continues, contact Support."`                                     |
-| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner       | `string`                                                                                                                                                                                                              | `"There was a problem submitting your information"`                                                                               |
-| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status          | `string`                                                                                                                                                                                                              | `"Ensure your information matches your profile and resubmit a new document."`                                                     |
-| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page        | `string`                                                                                                                                                                                                              | `"Submit New document"`                                                                                                           |
-| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show | `string`                                                                                                                                                                                                              | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."` |
-| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                        | `string`                                                                                                                                                                                                              | `"Active"`                                                                                                                        |
-| `statusTextExpired`               | `status-text-expired`                | Status text displayed in badge when tax document is Expired                       | `string`                                                                                                                                                                                                              | `"Expired"`                                                                                                                       |
-| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                    | `string`                                                                                                                                                                                                              | `"Invalid Tax Form"`                                                                                                              |
-| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                  | `string`                                                                                                                                                                                                              | `"Not Verified"`                                                                                                                  |
-| `taxAlertHeaderExpiredOn`         | `tax-alert-header-expired-on`        | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                              | `"Your {documentType} tax form has expired."`                                                                                     |
-| `taxAlertHeaderExpiringSoon`      | `tax-alert-header-expiring-soon`     | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                              | `"Your {documentType} tax form expires on {dateExpired}"`                                                                         |
-| `taxAlertHeaderNotActive`         | `tax-alert-header-not-active`        | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                              | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                        |
-| `taxAlertMessage`                 | `tax-alert-message`                  | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                              | `"Please resubmit a new {documentType} form."`                                                                                    |
-| `taxAlertMessageExpiringSoon`     | `tax-alert-message-expiring-soon`    | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                              | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                    |
-| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                              | `string`                                                                                                                                                                                                              | `"Tax documents"`                                                                                                                 |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                          | `string`                                                                                                                                                                                                              | `"{documentType} Tax Form"`                                                                                                       |
+| Property                          | Attribute                            | Description                                                                       | Type                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                           |
+| --------------------------------- | ------------------------------------ | --------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
+| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review   | `string`                                                                                                                                                                                                                                                                                                                                       | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                |
+| `badgeTextExpiredOn`              | `badge-text-expired-on`              | Description text which appears beside badge showing the form has expired          | `string`                                                                                                                                                                                                                                                                                                                                       | `"Expired on {dateExpired}."`                                                                                                     |
+| `badgeTextExpiringSoon`           | `badge-text-expiring-soon`           | Description text which appears beside badge showing the form expiring soon        | `string`                                                                                                                                                                                                                                                                                                                                       | `", expiring on {dateExpired}."`                                                                                                  |
+| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted   | `string`                                                                                                                                                                                                                                                                                                                                       | `"Submitted on {dateSubmitted}"`                                                                                                  |
+| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                          | `string`                                                                                                                                                                                                                                                                                                                                       | `"Payout information"`                                                                                                            |
+| `demoData`                        | --                                   |                                                                                   | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; dateExpired?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; loading?: boolean; errors?: any; }; }` | `undefined`                                                                                                                       |
+| `editIndirectTaxButton`           | `edit-indirect-tax-button`           | Text displayed in the edit Indirect Tax button                                    | `string`                                                                                                                                                                                                                                                                                                                                       | `"Edit Indirect Tax"`                                                                                                             |
+| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                 | `string`                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                     |
+| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner       | `string`                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                               |
+| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Region description text of indirect tax                                   | `string`                                                                                                                                                                                                                                                                                                                                       | `"Registered in {province}, {country}"`                                                                                           |
+| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                    | `string`                                                                                                                                                                                                                                                                                                                                       | `"Registered in {country}"`                                                                                                       |
+| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                      | `string`                                                                                                                                                                                                                                                                                                                                       | `"Indirect Tax"`                                                                                                                  |
+| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status          | `string`                                                                                                                                                                                                                                                                                                                                       | `"Ensure your information matches your profile and resubmit a new document."`                                                     |
+| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page        | `string`                                                                                                                                                                                                                                                                                                                                       | `"Submit New document"`                                                                                                           |
+| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show | `string`                                                                                                                                                                                                                                                                                                                                       | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."` |
+| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                    | `string`                                                                                                                                                                                                                                                                                                                                       | `undefined`                                                                                                                       |
+| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                        | `string`                                                                                                                                                                                                                                                                                                                                       | `"Active"`                                                                                                                        |
+| `statusTextExpired`               | `status-text-expired`                | Status text displayed in badge when tax document is Expired                       | `string`                                                                                                                                                                                                                                                                                                                                       | `"Expired"`                                                                                                                       |
+| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                    | `string`                                                                                                                                                                                                                                                                                                                                       | `"Invalid Tax Form"`                                                                                                              |
+| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                  | `string`                                                                                                                                                                                                                                                                                                                                       | `"Not Verified"`                                                                                                                  |
+| `taxAlertHeaderExpiredOn`         | `tax-alert-header-expired-on`        | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                       | `"Your {documentType} tax form has expired."`                                                                                     |
+| `taxAlertHeaderExpiringSoon`      | `tax-alert-header-expiring-soon`     | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                       | `"Your {documentType} tax form expires on {dateExpired}"`                                                                         |
+| `taxAlertHeaderNotActive`         | `tax-alert-header-not-active`        | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                       | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                        |
+| `taxAlertMessage`                 | `tax-alert-message`                  | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                                                                                                                                                       | `"Please resubmit a new {documentType} form."`                                                                                    |
+| `taxAlertMessageExpiringSoon`     | `tax-alert-message-expiring-soon`    | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                                                                                                                                                       | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                    |
+| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                              | `string`                                                                                                                                                                                                                                                                                                                                       | `"Tax documents"`                                                                                                                 |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                          | `string`                                                                                                                                                                                                                                                                                                                                       | `"{documentType} Tax Form"`                                                                                                       |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index 577c7f35ed..e1fe65bb4d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,33 +7,33 @@
 
 ## Properties
 
-| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Default                                                                                                                                                                     |
-| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"I agree to the terms"`                                                                                                                                                    |
-| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"This field is required"`                                                                                                                                                  |
-| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"I represent a business entity"`                                                                                                                                           |
-| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Country"`                                                                                                                                                                 |
-| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Select a country"`                                                                                                                                                        |
-| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Currency"`                                                                                                                                                                |
-| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Select a currency"`                                                                                                                                                       |
-| `demoData`                    | --                               |                                                                                       | `{ states?: { disabled: boolean; loading: boolean; isPartner: boolean; formState: { firstName?: string; lastName?: string; email?: string; countryCode?: string; currency?: string; participantType?: string; allowBankingCollection?: boolean; errors?: any; error?: string; }; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: { countryCode: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; onRadioClick?: (value: string) => void; }` | `undefined`                                                                                                                                                                 |
-| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Email"`                                                                                                                                                                   |
-| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Enter a valid email"`                                                                                                                                                     |
-| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"First name"`                                                                                                                                                              |
-| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Enter a first name"`                                                                                                                                                      |
-| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Step 1 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem submitting your information"`                                                                                                                         |
-| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"I am an individual participant"`                                                                                                                                          |
-| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"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."` |
-| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Last name"`                                                                                                                                                               |
-| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Enter a last name"`                                                                                                                                                       |
-| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Participant type"`                                                                                                                                                        |
-| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Select a participant type"`                                                                                                                                               |
-| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Personal Information"`                                                                                                                                                    |
-| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Continue"`                                                                                                                                                                |
-| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Continue"`                                                                                                                                                                |
+| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                    | Default                                                                                                                                                                     |
+| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"I agree to the terms"`                                                                                                                                                    |
+| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"This field is required"`                                                                                                                                                  |
+| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"I represent a business entity"`                                                                                                                                           |
+| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Country"`                                                                                                                                                                 |
+| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Select a country"`                                                                                                                                                        |
+| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Currency"`                                                                                                                                                                |
+| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Select a currency"`                                                                                                                                                       |
+| `demoData`                    | --                               |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: any; formState: FormState; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: { countryCode: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; onRadioClick?: (value: string) => void; }` | `undefined`                                                                                                                                                                 |
+| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Email"`                                                                                                                                                                   |
+| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Enter a valid email"`                                                                                                                                                     |
+| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"First name"`                                                                                                                                                              |
+| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Enter a first name"`                                                                                                                                                      |
+| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Step 1 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"There was a problem submitting your information"`                                                                                                                         |
+| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"I am an individual participant"`                                                                                                                                          |
+| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"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."` |
+| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Last name"`                                                                                                                                                               |
+| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Enter a last name"`                                                                                                                                                       |
+| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Participant type"`                                                                                                                                                        |
+| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Select a participant type"`                                                                                                                                               |
+| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Personal Information"`                                                                                                                                                    |
+| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Continue"`                                                                                                                                                                |
+| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Continue"`                                                                                                                                                                |
 
 
 ## Dependencies

From 229e05fd7375fbe44cb82d2dc531b638c65876f9 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 8 Feb 2024 14:20:51 -0800
Subject: [PATCH 168/753] small updates

---
 packages/mint-components/package.json         |   2 +-
 packages/mint-components/src/components.d.ts  |  13 ++
 .../sqm-tax-and-cash-monolith/readme.md       | 195 +++++++++---------
 .../sqm-tax-and-cash-monolith.tsx             |  39 +++-
 .../useIndirectTaxForm.tsx                    |   2 +
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |   2 +
 packages/mint-components/src/index.html       |  19 --
 7 files changed, 152 insertions(+), 120 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 8c675817dc..a1ce98495b 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-24",
+  "version": "1.8.0-26",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index fc3b5c25be..45b67673e9 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -43,6 +43,7 @@ import { ReferralDates } from "./components/sqm-referral-table/useReferralTable"
 import { RewardExchangeViewProps } from "./components/sqm-reward-exchange-list/sqm-reward-exchange-list-view";
 import { ShareButtonViewProps } from "./components/sqm-share-button/sqm-share-button-view";
 import { TaskCardViewProps } from "./components/sqm-task-card/sqm-task-card-view";
+import { UseTaxAndCashResultType } from "./components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash";
 import { UseTaxDocumentSubmittedResult } from "./components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted";
 import { UseUserInfoFormResult } from "./components/tax-and-cash/sqm-user-info-form/useUserInfoForm";
 import { UserNameViewProps as UserNameViewProps1 } from "./components/sqm-user-name/sqm-user-name-view";
@@ -3095,6 +3096,11 @@ export namespace Components {
         "demoData"?: DemoData<UserNameViewProps>;
     }
     interface SqmTaxAndCashMonolith {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseTaxAndCashResultType>;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -3590,6 +3596,7 @@ export namespace Components {
         /**
           * Text displayed when partner is not registered for Indirect Tax
           * @uiName Not registered for Indirect Tax
+          * @uiGroup Step 4 Properties
          */
         "step4_notRegisteredForTax": string;
         /**
@@ -7770,6 +7777,11 @@ declare namespace LocalJSX {
         "demoData"?: DemoData<UserNameViewProps>;
     }
     interface SqmTaxAndCashMonolith {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseTaxAndCashResultType>;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -8265,6 +8277,7 @@ declare namespace LocalJSX {
         /**
           * Text displayed when partner is not registered for Indirect Tax
           * @uiName Not registered for Indirect Tax
+          * @uiGroup Step 4 Properties
          */
         "step4_notRegisteredForTax"?: string;
         /**
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md
index 4e12c0b402..8c6b7e9863 100644
--- a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md
+++ b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md
@@ -7,103 +7,104 @@
 
 ## Properties
 
-| Property                                | Attribute                                   | Description                                                                                                | Type     | Default                                                                                                                                                                     |
-| --------------------------------------- | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `step1_allowBankingCollection`          | `step-1_allow-banking-collection`           | Label text for tax and banking collection checkbox                                                         | `string` | `"I agree to the terms"`                                                                                                                                                    |
-| `step1_allowBankingCollectionError`     | `step-1_allow-banking-collection-error`     | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string` | `"This field is required"`                                                                                                                                                  |
-| `step1_businessEntity`                  | `step-1_business-entity`                    | Label text for the business entity radio button                                                            | `string` | `"I represent a business entity"`                                                                                                                                           |
-| `step1_country`                         | `step-1_country`                            | Label text for country input                                                                               | `string` | `"Country"`                                                                                                                                                                 |
-| `step1_countryError`                    | `step-1_country-error`                      | Error text shown at the bottom of the country input                                                        | `string` | `"Select a country"`                                                                                                                                                        |
-| `step1_currency`                        | `step-1_currency`                           | Label text for currency input                                                                              | `string` | `"Currency"`                                                                                                                                                                |
-| `step1_currencyError`                   | `step-1_currency-error`                     | Error text shown at the bottom of the currency input                                                       | `string` | `"Select a currency"`                                                                                                                                                       |
-| `step1_email`                           | `step-1_email`                              | Label text for email input                                                                                 | `string` | `"Email"`                                                                                                                                                                   |
-| `step1_emailError`                      | `step-1_email-error`                        | Error text shown at the bottom of the email input                                                          | `string` | `"Enter a valid email"`                                                                                                                                                     |
-| `step1_firstName`                       | `step-1_first-name`                         | Label text for first name input                                                                            | `string` | `"First name"`                                                                                                                                                              |
-| `step1_firstNameError`                  | `step-1_first-name-error`                   | Error text shown at the bottom of the first name input                                                     | `string` | `"Enter a first name"`                                                                                                                                                      |
-| `step1_formStep`                        | `step-1_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 1 of 4"`                                                                                                                                                             |
-| `step1_generalErrorDescription`         | `step-1_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step1_generalErrorTitle`               | `step-1_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
-| `step1_individualParticipant`           | `step-1_individual-participant`             | Label text for the individual participant radio button                                                     | `string` | `"I am an individual participant"`                                                                                                                                          |
-| `step1_isPartnerAlertDescription`       | `step-1_is-partner-alert-description`       | Alert description text shown in alert if user is already a registered partner                              | `string` | `"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."` |
-| `step1_isPartnerAlertHeader`            | `step-1_is-partner-alert-header`            | Alert header text shown in alert if user is already a registered partner                                   | `string` | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `step1_lastName`                        | `step-1_last-name`                          | Label text for last name input                                                                             | `string` | `"Last name"`                                                                                                                                                               |
-| `step1_lastNameError`                   | `step-1_last-name-error`                    | Error text shown at the bottom of the last name input                                                      | `string` | `"Enter a last name"`                                                                                                                                                       |
-| `step1_participantType`                 | `step-1_participant-type`                   | Heading text for the participant type radio buttons                                                        | `string` | `"Participant type"`                                                                                                                                                        |
-| `step1_participantTypeError`            | `step-1_participant-type-error`             | Error text shown at the bottom of the participant type checkbox                                            | `string` | `"Select a participant type"`                                                                                                                                               |
-| `step1_personalInformation`             | `step-1_personal-information`               | Heading text shown above the forms inputs.                                                                 | `string` | `"Personal Information"`                                                                                                                                                    |
-| `step1_submitButton`                    | `step-1_submit-button`                      | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
-| `step1_taxAndBankingCollection`         | `step-1_tax-and-banking-collection`         | Heading text for the tax and banking collection checkbox                                                   | `string` | `"Continue"`                                                                                                                                                                |
-| `step2_backButton`                      | `step-2_back-button`                        | Text shown inside of back button                                                                           | `string` | `"Back"`                                                                                                                                                                    |
-| `step2_formStep`                        | `step-2_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 2 of 4"`                                                                                                                                                             |
-| `step2_generalErrorDescription`         | `step-2_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step2_generalErrorTitle`               | `step-2_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
-| `step2_hstCanada`                       | `step-2_hst-canada`                         | Label text for the HST Canada radio button                                                                 | `string` | `"I am registered for HST in Canada"`                                                                                                                                       |
-| `step2_indirectTax`                     | `step-2_indirect-tax`                       | Heading text shown at the top of the page                                                                  | `string` | `"Indirect Tax"`                                                                                                                                                            |
-| `step2_indirectTaxDescription`          | `step-2_indirect-tax-description`           | Subtext shown at the top of the page                                                                       | `string` | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
-| `step2_indirectTaxDetails`              | `step-2_indirect-tax-details`               | Heading text shown above the tax details radio buttons                                                     | `string` | `"Indirect Tax Details"`                                                                                                                                                    |
-| `step2_indirectTaxDetailsDescription`   | `step-2_indirect-tax-details-description`   | Sub text shown above the tax details radio buttons                                                         | `string` | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
-| `step2_indirectTaxNumber`               | `step-2_indirect-tax-number`                | Label text for the Indirect Tax Number input                                                               | `string` | `"Indirect Tax"`                                                                                                                                                            |
-| `step2_indirectTaxNumberError`          | `step-2_indirect-tax-number-error`          | Error text shown below the Indirect Tax Number select input                                                | `string` | `"Indirect Tax is required"`                                                                                                                                                |
-| `step2_isPartnerAlertDescription`       | `step-2_is-partner-alert-description`       | Alert description text shown in alert if user is already a registered partner                              | `string` | `"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."` |
-| `step2_isPartnerAlertHeader`            | `step-2_is-partner-alert-header`            | Alert header text shown in alert if user is already a registered partner                                   | `string` | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `step2_notRegistered`                   | `step-2_not-registered`                     | Label text for the not registered radio button                                                             | `string` | `"I am not registered for Indirect Tax"`                                                                                                                                    |
-| `step2_otherRegion`                     | `step-2_other-region`                       | Label text for the other region radio button                                                               | `string` | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
-| `step2_province`                        | `step-2_province`                           | Label text for the Province select input                                                                   | `string` | `"Province"`                                                                                                                                                                |
-| `step2_provinceError`                   | `step-2_province-error`                     | Error text shown below the Selected Region select input                                                    | `string` | `"Province is required"`                                                                                                                                                    |
-| `step2_selectedRegion`                  | `step-2_selected-region`                    | Label text for the Selected Region select input                                                            | `string` | `"Country / Region of Indirect Tax"`                                                                                                                                        |
-| `step2_selectedRegionError`             | `step-2_selected-region-error`              | Error text shown below the Selected Region select input                                                    | `string` | `"Country is required"`                                                                                                                                                     |
-| `step2_submitButton`                    | `step-2_submit-button`                      | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
-| `step2_taxDetailsError`                 | `step-2_tax-details-error`                  | Error text shown below the tax details radio buttons                                                       | `string` | `"This field is required"`                                                                                                                                                  |
-| `step2_vatNumber`                       | `step-2_vat-number`                         | Label text for the VAT Number input                                                                        | `string` | `"VAT number"`                                                                                                                                                              |
-| `step2_vatNumberError`                  | `step-2_vat-number-error`                   | Error text shown below the VAT Number input                                                                | `string` | `"VAT number is required"`                                                                                                                                                  |
-| `step3_backButton`                      | `step-3_back-button`                        | Text shown inside of back button                                                                           | `string` | `"Back"`                                                                                                                                                                    |
-| `step3_banner`                          | `step-3_banner`                             | Text shown in the banner above the document                                                                | `string` | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
-| `step3_checkboxDescription`             | `step-3_checkbox-description`               | Label text for the form submission checkbox                                                                | `string` | `"I have completed and submitted my tax form"`                                                                                                                              |
-| `step3_checkboxLabel`                   | `step-3_checkbox-label`                     | Heading text for the form submission checkbox                                                              | `string` | `"Form submission"`                                                                                                                                                         |
-| `step3_formStep`                        | `step-3_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 3 of 4"`                                                                                                                                                             |
-| `step3_formSubmissionError`             | `step-3_form-submission-error`              | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string` | `"This field is required"`                                                                                                                                                  |
-| `step3_generalErrorDescription`         | `step-3_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step3_generalErrorTitle`               | `step-3_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
-| `step3_submitButton`                    | `step-3_submit-button`                      | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
-| `step3_taxForm`                         | `step-3_tax-form`                           | Heading text shown at the top of the page                                                                  | `string` | `"Tax form"`                                                                                                                                                                |
-| `step3_taxFormDescription`              | `step-3_tax-form-description`               | Subtext shown at the top of the page next to the document type text                                        | `string` | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                  |
-| `step3_taxFormLabel`                    | `step-3_tax-form-label`                     | Text shown at the top of the page next to the document type text                                           | `string` | `"{documentType} Tax Form"`                                                                                                                                                 |
-| `step3b_backButton`                     | `step-3b_back-button`                       | Text shown inside of back button                                                                           | `string` | `"Back"`                                                                                                                                                                    |
-| `step3b_formLabel`                      | `step-3b_form-label`                        | Sub text shown above form selection radio buttons                                                          | `string` | `"Select a tax form"`                                                                                                                                                       |
-| `step3b_formStep`                       | `step-3b_form-step`                         | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string` | `"Step 3 of 4"`                                                                                                                                                             |
-| `step3b_generalErrorDescription`        | `step-3b_general-error-description`         | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step3b_generalErrorTitle`              | `step-3b_general-error-title`               | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
-| `step3b_submitButton`                   | `step-3b_submit-button`                     | Text shown inside of submit button                                                                         | `string` | `"Continue"`                                                                                                                                                                |
-| `step3b_taxForm`                        | `step-3b_tax-form`                          | Heading text shown at the top of the top of page                                                           | `string` | `"Tax form"`                                                                                                                                                                |
-| `step3b_w8Description`                  | `step-3b_w-8-description`                   | Subtext for the W8 radio button                                                                            | `string` | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                                                  |
-| `step3b_w8EDescription`                 | `step-3b_w-8-e-description`                 | Subtext for the W8E radio button                                                                           | `string` | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."`                               |
-| `step3b_w8ELabel`                       | `step-3b_w-8-e-label`                       | Label text for the W8E radio button                                                                        | `string` | `"W8-BEN-E"`                                                                                                                                                                |
-| `step3b_w8Label`                        | `step-3b_w-8-label`                         | Label text for the W8 radio button                                                                         | `string` | `"W8-Ben"`                                                                                                                                                                  |
-| `step3b_w9Description`                  | `step-3b_w-9-description`                   | Subtext for the W9 radio button                                                                            | `string` | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                                                |
-| `step3b_w9Label`                        | `step-3b_w-9-label`                         | Label text for the W9 radio button                                                                         | `string` | `"W9"`                                                                                                                                                                      |
-| `step4_badgeTextAwaitingReview`         | `step-4_badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review                            | `string` | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                          |
-| `step4_badgeTextExpiredOn`              | `step-4_badge-text-expired-on`              | Description text which appears beside badge showing the form has expired                                   | `string` | `"Expired on {dateExpired}."`                                                                                                                                               |
-| `step4_badgeTextExpiringSoon`           | `step-4_badge-text-expiring-soon`           | Description text which appears beside badge showing the form expiring soon                                 | `string` | `", expiring on {dateExpired}."`                                                                                                                                            |
-| `step4_badgeTextSubmittedOn`            | `step-4_badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted                            | `string` | `"Submitted on {dateSubmitted}"`                                                                                                                                            |
-| `step4_bankingInformationSectionHeader` | `step-4_banking-information-section-header` | Header text displayed above the banking information card                                                   | `string` | `"Banking Information"`                                                                                                                                                     |
-| `step4_generalErrorDescription`         | `step-4_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string` | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step4_generalErrorTitle`               | `step-4_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string` | `"There was a problem submitting your information"`                                                                                                                         |
-| `step4_invalidForm`                     | `step-4_invalid-form`                       | Description text displayed next to the badge in the tax documents status                                   | `string` | `"Ensure your information matches your profile and resubmit a new document."`                                                                                               |
-| `step4_newFormButton`                   | `step-4_new-form-button`                    | Text displayed in the submit new document button at the bottom of the page                                 | `string` | `"Submit New document"`                                                                                                                                                     |
-| `step4_noFormNeededSubtext`             | `step-4_no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string` | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                           |
-| `step4_notRegisteredForTax`             | `step-4_not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                                             | `string` | `"Not registered for Indirect Tax"`                                                                                                                                         |
-| `step4_statusTextActive`                | `step-4_status-text-active`                 | Status text displayed in badge when tax document is Active                                                 | `string` | `"Active"`                                                                                                                                                                  |
-| `step4_statusTextExpired`               | `step-4_status-text-expired`                | Status text displayed in badge when tax document is Expired                                                | `string` | `"Expired"`                                                                                                                                                                 |
-| `step4_statusTextNotActive`             | `step-4_status-text-not-active`             | Status text displayed in badge when tax document is Not Active                                             | `string` | `"Invalid Tax Form"`                                                                                                                                                        |
-| `step4_statusTextNotVerified`           | `step-4_status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                                           | `string` | `"Not Verified"`                                                                                                                                                            |
-| `step4_taxAlertHeaderExpiredOn`         | `step-4_tax-alert-header-expired-on`        | Header displayed in alert header at the top of the page.                                                   | `string` | `"Your {documentType} tax form has expired."`                                                                                                                               |
-| `step4_taxAlertHeaderExpiringSoon`      | `step-4_tax-alert-header-expiring-soon`     | Header displayed in alert header at the top of the page.                                                   | `string` | `"Your {documentType} tax form expires on {dateExpired}"`                                                                                                                   |
-| `step4_taxAlertHeaderNotActive`         | `step-4_tax-alert-header-not-active`        | Header displayed in alert header at the top of the page.                                                   | `string` | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                                                                  |
-| `step4_taxAlertMessage`                 | `step-4_tax-alert-message`                  | Description text displayed in alert body at the top of the page.                                           | `string` | `"Please resubmit a new {documentType} form."`                                                                                                                              |
-| `step4_taxAlertMessageExpiringSoon`     | `step-4_tax-alert-message-expiring-soon`    | Description text displayed in alert body at the top of the page.                                           | `string` | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                                                              |
-| `step4_taxDocumentSectionHeader`        | `step-4_tax-document-section-header`        | Header text displayed above the tax documents status                                                       | `string` | `"Tax documents"`                                                                                                                                                           |
-| `step4_taxDocumentSectionSubHeader`     | `step-4_tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                                                   | `string` | `"{documentType} Tax Form"`                                                                                                                                                 |
-| `stop3NotBasedInUS`                     | `stop-3-not-based-in-u-s`                   | Text shown in the link to the form for non US residents                                                    | `string` | `"Not based in the US?"`                                                                                                                                                    |
+| Property                                | Attribute                                   | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                     |
+| --------------------------------------- | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `demoData`                              | --                                          |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                 |
+| `step1_allowBankingCollection`          | `step-1_allow-banking-collection`           | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                    |
+| `step1_allowBankingCollectionError`     | `step-1_allow-banking-collection-error`     | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
+| `step1_businessEntity`                  | `step-1_business-entity`                    | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                           |
+| `step1_country`                         | `step-1_country`                            | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                 |
+| `step1_countryError`                    | `step-1_country-error`                      | Error text shown at the bottom of the country input                                                        | `string`                                                                                                             | `"Select a country"`                                                                                                                                                        |
+| `step1_currency`                        | `step-1_currency`                           | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                |
+| `step1_currencyError`                   | `step-1_currency-error`                     | Error text shown at the bottom of the currency input                                                       | `string`                                                                                                             | `"Select a currency"`                                                                                                                                                       |
+| `step1_email`                           | `step-1_email`                              | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                   |
+| `step1_emailError`                      | `step-1_email-error`                        | Error text shown at the bottom of the email input                                                          | `string`                                                                                                             | `"Enter a valid email"`                                                                                                                                                     |
+| `step1_firstName`                       | `step-1_first-name`                         | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                              |
+| `step1_firstNameError`                  | `step-1_first-name-error`                   | Error text shown at the bottom of the first name input                                                     | `string`                                                                                                             | `"Enter a first name"`                                                                                                                                                      |
+| `step1_formStep`                        | `step-1_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                             |
+| `step1_generalErrorDescription`         | `step-1_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step1_generalErrorTitle`               | `step-1_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step1_individualParticipant`           | `step-1_individual-participant`             | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
+| `step1_isPartnerAlertDescription`       | `step-1_is-partner-alert-description`       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
+| `step1_isPartnerAlertHeader`            | `step-1_is-partner-alert-header`            | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `step1_lastName`                        | `step-1_last-name`                          | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                               |
+| `step1_lastNameError`                   | `step-1_last-name-error`                    | Error text shown at the bottom of the last name input                                                      | `string`                                                                                                             | `"Enter a last name"`                                                                                                                                                       |
+| `step1_participantType`                 | `step-1_participant-type`                   | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
+| `step1_participantTypeError`            | `step-1_participant-type-error`             | Error text shown at the bottom of the participant type checkbox                                            | `string`                                                                                                             | `"Select a participant type"`                                                                                                                                               |
+| `step1_personalInformation`             | `step-1_personal-information`               | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                    |
+| `step1_submitButton`                    | `step-1_submit-button`                      | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step1_taxAndBankingCollection`         | `step-1_tax-and-banking-collection`         | Heading text for the tax and banking collection checkbox                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step2_backButton`                      | `step-2_back-button`                        | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
+| `step2_formStep`                        | `step-2_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                             |
+| `step2_generalErrorDescription`         | `step-2_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step2_generalErrorTitle`               | `step-2_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step2_hstCanada`                       | `step-2_hst-canada`                         | Label text for the HST Canada radio button                                                                 | `string`                                                                                                             | `"I am registered for HST in Canada"`                                                                                                                                       |
+| `step2_indirectTax`                     | `step-2_indirect-tax`                       | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
+| `step2_indirectTaxDescription`          | `step-2_indirect-tax-description`           | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
+| `step2_indirectTaxDetails`              | `step-2_indirect-tax-details`               | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                    |
+| `step2_indirectTaxDetailsDescription`   | `step-2_indirect-tax-details-description`   | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
+| `step2_indirectTaxNumber`               | `step-2_indirect-tax-number`                | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
+| `step2_indirectTaxNumberError`          | `step-2_indirect-tax-number-error`          | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"Indirect Tax is required"`                                                                                                                                                |
+| `step2_isPartnerAlertDescription`       | `step-2_is-partner-alert-description`       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
+| `step2_isPartnerAlertHeader`            | `step-2_is-partner-alert-header`            | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `step2_notRegistered`                   | `step-2_not-registered`                     | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"I am not registered for Indirect Tax"`                                                                                                                                    |
+| `step2_otherRegion`                     | `step-2_other-region`                       | Label text for the other region radio button                                                               | `string`                                                                                                             | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
+| `step2_province`                        | `step-2_province`                           | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                |
+| `step2_provinceError`                   | `step-2_province-error`                     | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Province is required"`                                                                                                                                                    |
+| `step2_selectedRegion`                  | `step-2_selected-region`                    | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                        |
+| `step2_selectedRegionError`             | `step-2_selected-region-error`              | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Country is required"`                                                                                                                                                     |
+| `step2_submitButton`                    | `step-2_submit-button`                      | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step2_taxDetailsError`                 | `step-2_tax-details-error`                  | Error text shown below the tax details radio buttons                                                       | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
+| `step2_vatNumber`                       | `step-2_vat-number`                         | Label text for the VAT Number input                                                                        | `string`                                                                                                             | `"VAT number"`                                                                                                                                                              |
+| `step2_vatNumberError`                  | `step-2_vat-number-error`                   | Error text shown below the VAT Number input                                                                | `string`                                                                                                             | `"VAT number is required"`                                                                                                                                                  |
+| `step3_backButton`                      | `step-3_back-button`                        | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
+| `step3_banner`                          | `step-3_banner`                             | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
+| `step3_checkboxDescription`             | `step-3_checkbox-description`               | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                              |
+| `step3_checkboxLabel`                   | `step-3_checkbox-label`                     | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                         |
+| `step3_formStep`                        | `step-3_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
+| `step3_formSubmissionError`             | `step-3_form-submission-error`              | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
+| `step3_generalErrorDescription`         | `step-3_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step3_generalErrorTitle`               | `step-3_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step3_submitButton`                    | `step-3_submit-button`                      | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step3_taxForm`                         | `step-3_tax-form`                           | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
+| `step3_taxFormDescription`              | `step-3_tax-form-description`               | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                  |
+| `step3_taxFormLabel`                    | `step-3_tax-form-label`                     | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
+| `step3b_backButton`                     | `step-3b_back-button`                       | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
+| `step3b_formLabel`                      | `step-3b_form-label`                        | Sub text shown above form selection radio buttons                                                          | `string`                                                                                                             | `"Select a tax form"`                                                                                                                                                       |
+| `step3b_formStep`                       | `step-3b_form-step`                         | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
+| `step3b_generalErrorDescription`        | `step-3b_general-error-description`         | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step3b_generalErrorTitle`              | `step-3b_general-error-title`               | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step3b_submitButton`                   | `step-3b_submit-button`                     | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step3b_taxForm`                        | `step-3b_tax-form`                          | Heading text shown at the top of the top of page                                                           | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
+| `step3b_w8Description`                  | `step-3b_w-8-description`                   | Subtext for the W8 radio button                                                                            | `string`                                                                                                             | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                                                  |
+| `step3b_w8EDescription`                 | `step-3b_w-8-e-description`                 | Subtext for the W8E radio button                                                                           | `string`                                                                                                             | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."`                               |
+| `step3b_w8ELabel`                       | `step-3b_w-8-e-label`                       | Label text for the W8E radio button                                                                        | `string`                                                                                                             | `"W8-BEN-E"`                                                                                                                                                                |
+| `step3b_w8Label`                        | `step-3b_w-8-label`                         | Label text for the W8 radio button                                                                         | `string`                                                                                                             | `"W8-Ben"`                                                                                                                                                                  |
+| `step3b_w9Description`                  | `step-3b_w-9-description`                   | Subtext for the W9 radio button                                                                            | `string`                                                                                                             | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                                                |
+| `step3b_w9Label`                        | `step-3b_w-9-label`                         | Label text for the W9 radio button                                                                         | `string`                                                                                                             | `"W9"`                                                                                                                                                                      |
+| `step4_badgeTextAwaitingReview`         | `step-4_badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                          |
+| `step4_badgeTextExpiredOn`              | `step-4_badge-text-expired-on`              | Description text which appears beside badge showing the form has expired                                   | `string`                                                                                                             | `"Expired on {dateExpired}."`                                                                                                                                               |
+| `step4_badgeTextExpiringSoon`           | `step-4_badge-text-expiring-soon`           | Description text which appears beside badge showing the form expiring soon                                 | `string`                                                                                                             | `", expiring on {dateExpired}."`                                                                                                                                            |
+| `step4_badgeTextSubmittedOn`            | `step-4_badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                            |
+| `step4_bankingInformationSectionHeader` | `step-4_banking-information-section-header` | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                     |
+| `step4_generalErrorDescription`         | `step-4_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step4_generalErrorTitle`               | `step-4_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step4_invalidForm`                     | `step-4_invalid-form`                       | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Ensure your information matches your profile and resubmit a new document."`                                                                                               |
+| `step4_newFormButton`                   | `step-4_new-form-button`                    | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New document"`                                                                                                                                                     |
+| `step4_noFormNeededSubtext`             | `step-4_no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                           |
+| `step4_notRegisteredForTax`             | `step-4_not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered for Indirect Tax"`                                                                                                                                         |
+| `step4_statusTextActive`                | `step-4_status-text-active`                 | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                  |
+| `step4_statusTextExpired`               | `step-4_status-text-expired`                | Status text displayed in badge when tax document is Expired                                                | `string`                                                                                                             | `"Expired"`                                                                                                                                                                 |
+| `step4_statusTextNotActive`             | `step-4_status-text-not-active`             | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                        |
+| `step4_statusTextNotVerified`           | `step-4_status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                            |
+| `step4_taxAlertHeaderExpiredOn`         | `step-4_tax-alert-header-expired-on`        | Header displayed in alert header at the top of the page.                                                   | `string`                                                                                                             | `"Your {documentType} tax form has expired."`                                                                                                                               |
+| `step4_taxAlertHeaderExpiringSoon`      | `step-4_tax-alert-header-expiring-soon`     | Header displayed in alert header at the top of the page.                                                   | `string`                                                                                                             | `"Your {documentType} tax form expires on {dateExpired}"`                                                                                                                   |
+| `step4_taxAlertHeaderNotActive`         | `step-4_tax-alert-header-not-active`        | Header displayed in alert header at the top of the page.                                                   | `string`                                                                                                             | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                                                                  |
+| `step4_taxAlertMessage`                 | `step-4_tax-alert-message`                  | Description text displayed in alert body at the top of the page.                                           | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                              |
+| `step4_taxAlertMessageExpiringSoon`     | `step-4_tax-alert-message-expiring-soon`    | Description text displayed in alert body at the top of the page.                                           | `string`                                                                                                             | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                                                              |
+| `step4_taxDocumentSectionHeader`        | `step-4_tax-document-section-header`        | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                           |
+| `step4_taxDocumentSectionSubHeader`     | `step-4_tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
+| `stop3NotBasedInUS`                     | `stop-3-not-based-in-u-s`                   | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                    |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
index 74e37b3104..70d648a957 100644
--- a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
+++ b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
@@ -1,12 +1,21 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Prop, h } from "@stencil/core";
 import { getProps } from "../../utils/utils";
-import { TaxForm } from "../tax-and-cash/sqm-user-info-form/sqm-user-info-form";
+import {
+  UseTaxAndCashResultType,
+  useTaxAndCash,
+} from "../tax-and-cash/sqm-tax-and-cash/useTaxAndCash";
+import { extractProps } from "./extractProps";
+import { isDemo } from "@saasquatch/component-boilerplate";
+import { TaxAndCash } from "../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash";
 import { useParentState } from "../../utils/useParentState";
 import { TAX_CONTEXT_NAMESPACE } from "../tax-and-cash/sqm-tax-and-cash/data";
-import { useTaxAndCash } from "../tax-and-cash/sqm-tax-and-cash/useTaxAndCash";
-import { extractProps } from "./extractProps";
+import deepmerge from "deepmerge";
+import { DemoData } from "../../global/demo";
 
+/**
+ * @uiName Tax and Cash
+ */
 @Component({
   tag: "sqm-tax-and-cash-monolith",
   shadow: true,
@@ -684,6 +693,12 @@ export class TaxAndCashMonolith {
   @Prop() step4_generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
 
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  @Prop() demoData?: DemoData<UseTaxAndCashResultType>;
+
   constructor() {
     withHooks(this);
   }
@@ -712,6 +727,7 @@ export class TaxAndCashMonolith {
 
   render() {
     const props = useTaxAndCash();
+    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     switch (props.step) {
       case "/1":
@@ -748,6 +764,23 @@ export class TaxAndCashMonolith {
         );
     }
 
+    // TODO: Loading view
     return <div></div>;
   }
 }
+
+function useDemoTaxAndCash(props: TaxAndCashMonolith) {
+  const [step, setStep] = useParentState<string>({
+    namespace: TAX_CONTEXT_NAMESPACE,
+    initialValue: "/1",
+  });
+
+  return deepmerge(
+    {
+      step,
+      setStep,
+    },
+    props.demoData || {},
+    { arrayMerge: (_, a) => a }
+  );
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 068ce09a2d..bbc5e48406 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -29,6 +29,8 @@ function getOption(user: UserQuery["user"]) {
   const { countryCode, customFields } = user;
 
   if (customFields?.__taxOption) return customFields.__taxOption;
+  if (customFields?.participantType === "individualParticipant")
+    return "notRegistered";
   if (customFields?.__taxProvince || customFields?.__taxIndirectTaxNumber) {
     return "hstCanada";
   } else if (customFields?.__taxCountry || customFields?.__taxVatNumber) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index c3db016693..f1bb3bc554 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -149,3 +149,5 @@ export function useTaxAndCash() {
     loading: step === "/loading",
   };
 }
+
+export type UseTaxAndCashResultType = ReturnType<typeof useTaxAndCash>;
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6e994c3a45..17c67ed717 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -13,25 +13,6 @@
   </head>
   <body>
     <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <!-- <sqm-tax-and-cash>
-      <template path="/1">
-        <sqm-user-info-form />
-      </template>
-      <template path="/2">
-        <sqm-indirect-tax-form />
-      </template>
-      <template path="/3/:documentType">
-        <sqm-docusign-form>
-          <sqm-docusign-embed slot="docusign-iframe"></sqm-docusign-embed>
-        </sqm-docusign-form>
-      </template>
-      <template path="/3b">
-        <sqm-document-type-form />
-      </template>
-      <template path="/submitted">
-        <sqm-tax-document-submitted />
-      </template>
-    </sqm-tax-and-cash> -->
     <sqm-tax-and-cash-monolith></sqm-tax-and-cash-monolith>
   </body>
 </html>

From ec26f04fd44f1f66a15cf2853752b5583c107e98 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 8 Feb 2024 14:32:28 -0800
Subject: [PATCH 169/753] step countryCode leaking into tax country

---
 .../sqm-document-type-form/useDocumentTypeForm.tsx        | 2 +-
 .../sqm-indirect-tax-form/useIndirectTaxForm.tsx          | 8 +++++++-
 .../useTaxDocumentSubmitted.tsx                           | 6 +++++-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
index 3239857c6d..6d77473234 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
@@ -76,7 +76,7 @@ export function useDocumentTypeForm(props: DocumentTypeForm) {
     text: props.getTextProps(),
     callbacks: {
       onSubmit,
-      onBack: () => setPath("/2"),
+      onBack: () => setPath(context.overrideBackStep || "/2"),
     },
     states: {
       hideSteps: context.hideSteps,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index bbc5e48406..6497af0935 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -84,10 +84,16 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     const _option = getOption(user);
     setOption(_option);
 
+    const defaultCountryCode = INDIRECT_TAX_COUNTRIES.find(
+      (c) => c.countryCode === user.countryCode
+    )
+      ? user.countryCode
+      : undefined;
+
     setFormState({
       province: user.customFields?.__taxProvince,
       vatNumber: user.customFields?.__taxVatNumber,
-      countryCode: user.customFields?.__taxCountry || user.countryCode,
+      countryCode: user.customFields?.__taxCountry || defaultCountryCode,
       indirectTaxNumber: user.customFields?.__taxIndirectTaxNumber,
     });
   }, [userData]);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 47b3fa8661..b629ec4d86 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -80,13 +80,17 @@ export const useTaxDocumentSubmitted = (
     data?.user
   )?.toUpperCase() as TaxDocumentType;
 
+  console.log({ documentType });
+
   const onNewDocumentClick = () => {
     setContext({
       overrideNextStep: "/submitted",
       overrideBackStep: "/submitted",
       hideSteps: true,
     });
-    setStep(`/3/${documentType}`);
+
+    if (documentType) setStep(`/3/${documentType}`);
+    else setStep("/3b");
   };
 
   const onEditIndirectTax = () => {

From ece2493effe8b9e889ec71be5aee31b54e3a31d8 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 8 Feb 2024 15:03:52 -0800
Subject: [PATCH 170/753] Added individualParticipant state to Indirect Tax
 preview in DocumentSubmitted view

---
 packages/mint-components/src/components.d.ts  | 22 +++++
 .../sqm-tax-document-submitted-view.tsx       | 84 +++++++++++--------
 .../sqm-tax-document-submitted.feature        | 17 +++-
 .../sqm-tax-document-submitted.tsx            | 16 +++-
 .../useTaxDocumentSubmitted.tsx               |  2 +
 .../tax-and-cash/sqm-tax-form.feature         |  2 +-
 .../sqm-user-info-form/TaxForm.stories.tsx    | 77 ++++++++++++-----
 7 files changed, 159 insertions(+), 61 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index fc3b5c25be..c6b7125cec 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3590,6 +3590,7 @@ export namespace Components {
         /**
           * Text displayed when partner is not registered for Indirect Tax
           * @uiName Not registered for Indirect Tax
+          * @uiGroup Step 4 Properties
          */
         "step4_notRegisteredForTax": string;
         /**
@@ -3711,6 +3712,11 @@ export namespace Components {
           * @uiName General error title
          */
         "generalErrorTitle": string;
+        /**
+          * Indirect tax description text for individual participants
+          * @uiName Indirect tax individual participant description
+         */
+        "indirectTaxIndividualParticipant": string;
         /**
           * Country/Region description text of indirect tax
           * @uiName Indirect tax Canada description
@@ -3726,6 +3732,11 @@ export namespace Components {
           * @uiName Indirect Tax Information Header
          */
         "indirectTaxInfoSectionHeader": string;
+        /**
+          * Indirect tax tooltip text for support
+          * @uiName Indirect tax tooltip description
+         */
+        "indirectTaxTooltipSupport": string;
         /**
           * Description text displayed next to the badge in the tax documents status
           * @uiName Invalid form description text
@@ -8265,6 +8276,7 @@ declare namespace LocalJSX {
         /**
           * Text displayed when partner is not registered for Indirect Tax
           * @uiName Not registered for Indirect Tax
+          * @uiGroup Step 4 Properties
          */
         "step4_notRegisteredForTax"?: string;
         /**
@@ -8386,6 +8398,11 @@ declare namespace LocalJSX {
           * @uiName General error title
          */
         "generalErrorTitle"?: string;
+        /**
+          * Indirect tax description text for individual participants
+          * @uiName Indirect tax individual participant description
+         */
+        "indirectTaxIndividualParticipant"?: string;
         /**
           * Country/Region description text of indirect tax
           * @uiName Indirect tax Canada description
@@ -8401,6 +8418,11 @@ declare namespace LocalJSX {
           * @uiName Indirect Tax Information Header
          */
         "indirectTaxInfoSectionHeader"?: string;
+        /**
+          * Indirect tax tooltip text for support
+          * @uiName Indirect tax tooltip description
+         */
+        "indirectTaxTooltipSupport"?: string;
         /**
           * Description text displayed next to the badge in the tax documents status
           * @uiName Invalid form description text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 867573c2b6..cbbfcd4def 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -21,6 +21,7 @@ export interface TaxDocumentSubmittedProps {
     country?: string;
     notRegistered?: boolean;
     isIndirectTaxCanada?: boolean;
+    isBusinessEntity: boolean;
     loading?: boolean;
     errors?: any;
   };
@@ -44,6 +45,8 @@ export interface TaxDocumentSubmittedProps {
     indirectTaxInfoSectionHeader: string;
     indirectTaxInfoCanada?: string;
     indirectTaxInfoOtherCountry?: string;
+    indirectTaxIndividualParticipant?: string;
+    indirectTaxTooltipSupport?: string;
     taxDocumentSectionHeader: string;
     taxDocumentSectionSubHeader: string;
     newFormButton: string;
@@ -81,6 +84,11 @@ const style = {
   IndirectTaxPreviewHeaderContainer: {
     marginTop: "var(--sl-spacing-x-large)",
     marginBottom: "var(--sl-spacing-x-small)",
+    display: "flex",
+    gap: "var(--sl-spacing-small)",
+    "&::part(base)": {
+      color: "var(--sl-color-green-500)",
+    },
   },
   IndirectTaxPreviewDetails: {
     gap: "var(--sl-spacing-x-small)",
@@ -380,44 +388,50 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
             <div>
               <h3 class={sheet.classes.IndirectTaxPreviewHeaderContainer}>
                 {text.indirectTaxInfoSectionHeader}
+                <sl-tooltip
+                  trigger="hover"
+                  placement="top"
+                  content={text.indirectTaxTooltipSupport}
+                >
+                  <sl-icon name="info-circle" style={{ top: "6px" }} />
+                </sl-tooltip>
               </h3>
-              <div class={sheet.classes.IndirectTaxPreviewDetails}>
-                <span>
-                  {states.notRegistered
-                    ? text.notRegisteredForTax
-                    : states.province
-                    ? intl.formatMessage(
-                        {
-                          id: `indirectTaxInfoCanada`,
-                          defaultMessage: text.indirectTaxInfoCanada,
-                        },
-                        {
-                          country: "Canada",
-                          province: states.province,
-                        }
-                      )
-                    : intl.formatMessage(
-                        {
-                          id: `indirectTaxInfoOtherCountry`,
-                          defaultMessage: text.indirectTaxInfoOtherCountry,
-                        },
-                        {
-                          country: states.country,
-                        }
-                      )}
-                </span>
-                <span>{states.indirectTaxNumber}</span>
-              </div>
+              {states.isBusinessEntity ? (
+                <div class={sheet.classes.IndirectTaxPreviewDetails}>
+                  <span>
+                    {states.notRegistered
+                      ? text.notRegisteredForTax
+                      : states.province
+                      ? intl.formatMessage(
+                          {
+                            id: `indirectTaxInfoCanada`,
+                            defaultMessage: text.indirectTaxInfoCanada,
+                          },
+                          {
+                            country: "Canada",
+                            province: states.province,
+                          }
+                        )
+                      : intl.formatMessage(
+                          {
+                            id: `indirectTaxInfoOtherCountry`,
+                            defaultMessage: text.indirectTaxInfoOtherCountry,
+                          },
+                          {
+                            country: states.country,
+                          }
+                        )}
+                  </span>
+                  <span>{states.indirectTaxNumber}</span>
+                </div>
+              ) : (
+                <div class={sheet.classes.IndirectTaxPreviewDetails}>
+                  {text.indirectTaxIndividualParticipant}
+                  <span></span>
+                </div>
+              )}
             </div>
           )}
-          <sl-button
-            disabled={states.disabled || states.loading}
-            onClick={callbacks.onEditIndirectTax}
-            type="default"
-            class={sheet.classes.NewFormButton}
-          >
-            {text.editIndirectTaxButton}
-          </sl-button>
         </div>
         <div class={sheet.classes.TaxDocumentsContainer}>
           <div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
index 30c275a0ef..d588101983 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
@@ -49,6 +49,21 @@ Feature: Tax Document Submitted View
     And the description text under the header displays "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support"
     And the "Submit new document" is not available
 
+  @minutia
+  Scenario Outline: Indirect Tax section shows details if participant is registered for indirect tax
+    Given they are <entityType>
+    And if the participant <isRegistered> for indirect tax in their <country>
+    Then the Indirect Tax section will display <registeredDetails> and <indirectTaxNumber>
+
+    Examples: 
+      | entityType            | isRegistered | country        | details                                                                                                                 | indirectTaxNumber |
+      | businessEntity        | true         | Australia      | Registered in Australia.                                                                                                |            123456 |
+      | businessEntity        | true         | Canada         | Registered in Ontario, Canada.                                                                                          |            345213 |
+      | businessEntity        | true         | United Kingdom | Registered in United Kingdom.                                                                                           |            321413 |
+      | businessEntity        | false        | United States  | Not Registered.                                                                                                         | N/A               |
+      | individualParticipant | false        | United States  | Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax.. | N/A               |
+      | individualParticipant | false        | South Korea    | Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax.. | N/A               |
+
   @minutia @ui
   Scenario Outline: A Danger Alert is displayed if the users tax form is invalid
     Given the document has status <status>
@@ -79,4 +94,4 @@ Feature: Tax Document Submitted View
     Given the user is viewing the Tax Document Submission
     When they click the "Submit New Form" button
     Then the system should trigger the callback
-    Then they are redirected to the first step to submit a new form
+    Then they are redirected to the Docusign page to submit a new tax form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index a0649bacae..f57ecd259d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -138,6 +138,20 @@ export class TaxDocumentSubmitted {
    * @uiName Indirect tax other country description
    */
   @Prop() indirectTaxInfoOtherCountry: string = "Registered in {country}";
+  /**
+   * Indirect tax description text for individual participants
+   *
+   * @uiName Indirect tax individual participant description
+   */
+  @Prop() indirectTaxIndividualParticipant: string =
+    "Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax.";
+  /**
+   * Indirect tax tooltip text for support
+   *
+   * @uiName Indirect tax tooltip description
+   */
+  @Prop() indirectTaxTooltipSupport: string =
+    "To make changes to your indirect tax information, please contact Support.";
   /**
    * Header text displayed above the tax documents status
    *
@@ -174,7 +188,7 @@ export class TaxDocumentSubmitted {
    *
    * @uiName Not registered for Indirect Tax
    */
-  @Prop() notRegisteredForTax: string;
+  @Prop() notRegisteredForTax: string = "Not Registered";
   /**
    * The title for error message shown at the top of the page in an error banner
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 47b3fa8661..f23e6f6fdb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -111,6 +111,8 @@ export const useTaxDocumentSubmitted = (
       status: documentType ? "NOT_VERIFIED" : undefined,
 
       indirectTaxNumber: data?.user?.customFields?.__indirectTaxNumber,
+      //AL: TODO hook up isBusinessEntity up to hooks
+      isBusinessEntity: true,
       province: provinceName,
       // @ts-ignore: DisplayNames does exist on Intl
       country: new Intl.DisplayNames(["en"], { type: "region" }).of([
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index a971f66f78..7464d3fd20 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -34,7 +34,7 @@ Feature: Tax Form Flow
       | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region |     3 |
       | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region |     4 |
       | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | businessEntity        | true                   | I am not registered for Indirect Tax                             |     3 |
-
+      | Payton    | Chan     | payton.chan@email.com  | EG          | MX           | EGP      | individualParticipant | true                   | I am not registered for Indirect Tax                             |     4 |
   @minutia
   Scenario: Participant is already registered as partner, provides indirect tax information, and submit their tax forms
     Given the they are already registered as a partner
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 729ba379b4..bd0d83a5b9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -78,21 +78,6 @@ const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
   refs: { formRef: { current: null } },
 };
 
-const documentSubmittedActiveProps: StoryDemoData<UseTaxDocumentSubmittedResult> =
-  {
-    states: {
-      disabled: false,
-      status: "ACTIVE",
-      documentType: "W9",
-      dateSubmitted: "Jan 18th, 2025",
-      dateExpired: "Dec 18th, 2025",
-    },
-    callbacks: {
-      onClick: () => console.log("Submit new Form"),
-      onEditIndirectTax: () => console.log("Edit indirect tax"),
-    },
-  };
-
 const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
   states: {
     hideSteps: false,
@@ -531,6 +516,7 @@ export const TaxDocumentSubmittedActive = () => {
           noFormNeeded: false,
           country: "United Kingdom",
           indirectTaxNumber: 123456,
+          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-document-submitted>
@@ -549,6 +535,7 @@ export const TaxDocumentSubmittedNotVerified = () => {
           noFormNeeded: false,
           country: "United Kingdom",
           indirectTaxNumber: 123456,
+          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-document-submitted>
@@ -567,6 +554,7 @@ export const TaxDocumentSubmittedNotActive = () => {
           noFormNeeded: false,
           indirectTaxNumber: 123456,
           country: "Slovania",
+          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-document-submitted>
@@ -586,6 +574,7 @@ export const TaxDocumentSubmittedExpired = () => {
           noFormNeeded: false,
           indirectTaxNumber: 123456,
           country: "United Kingdom",
+          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-document-submitted>
@@ -606,46 +595,83 @@ export const TaxDocumentSubmittedExpiringSoon = () => {
           noFormNeeded: false,
           indirectTaxNumber: 123456,
           country: "Slovania",
+          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-document-submitted>
   );
 };
 
-export const TaxDocumentSubmittedIndirectTaxCanada = () => {
+export const TaxDocumentNoFormNeeded = () => {
   return (
     <sqm-tax-document-submitted
       demoData={{
         states: {
-          status: "ACTIVE",
           disabled: false,
-          documentType: "W8-BEN-E",
+          documentType: "W9",
           dateSubmitted: "Jan 18th, 2025",
-          dateExpired: "Dec 20, 2026",
-          noFormNeeded: false,
+          noFormNeeded: true,
           province: "Ontario",
           country: "Canada",
           isIndirectTaxCanada: true,
           indirectTaxNumber: 123456,
+          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-document-submitted>
   );
 };
 
-export const TaxDocumentNoFormNeeded = () => {
+export const TaxDocumentSubmittedIndirectTaxCanada = () => {
   return (
     <sqm-tax-document-submitted
       demoData={{
         states: {
+          status: "ACTIVE",
           disabled: false,
-          documentType: "W9",
+          documentType: "W8-BEN-E",
           dateSubmitted: "Jan 18th, 2025",
-          noFormNeeded: true,
+          dateExpired: "Dec 20, 2026",
+          noFormNeeded: false,
           province: "Ontario",
           country: "Canada",
           isIndirectTaxCanada: true,
           indirectTaxNumber: 123456,
+          isBusinessEntity: true,
+        },
+      }}
+    ></sqm-tax-document-submitted>
+  );
+};
+
+export const TaxDocumentSubmittedNotRegistered = () => {
+  return (
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          status: "ACTIVE",
+          documentType: "W8-BEN",
+          dateSubmitted: "Jan 18th, 2025",
+          noFormNeeded: false,
+          notRegistered: true,
+          isBusinessEntity: true,
+        },
+      }}
+    ></sqm-tax-document-submitted>
+  );
+};
+
+export const TaxDocumentSubmittedIndividualParticipant = () => {
+  return (
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          status: "ACTIVE",
+          documentType: "W8-BEN",
+          dateSubmitted: "Jan 18th, 2025",
+          noFormNeeded: false,
+          notRegistered: true,
+          isBusinessEntity: false,
         },
       }}
     ></sqm-tax-document-submitted>
@@ -664,6 +690,7 @@ export const TaxDocumentSubmittedLoading = () => {
           dateExpired: "Dec 18th, 2025",
           noFormNeeded: false,
           loading: true,
+          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-document-submitted>
@@ -683,6 +710,7 @@ export const TaxDocumentSubmittedWithGeneralError = () => {
           noFormNeeded: false,
           indirectTaxNumber: 123456,
           country: "Slovania",
+          isBusinessEntity: true,
           errors: {
             general: true,
           },
@@ -702,6 +730,9 @@ export const TaxDocumentSubmittedDisabled = () => {
           documentType: "W8-BEN",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
+          isBusinessEntity: true,
+          indirectTaxNumber: 123456,
+          country: "Slovania",
         },
       }}
     ></sqm-tax-document-submitted>

From ce65ae08059af9ede690a6cb91ff0cc7ad642c5a Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 8 Feb 2024 17:17:45 -0800
Subject: [PATCH 171/753] Modified IndirectTaxFormDetails slot, WIP

---
 .../src/components/tax-and-cash/countries.ts  |   1 +
 .../sqm-indirect-tax-form-view.tsx            |   5 +-
 .../sqm-indirect-tax-form.tsx                 |   7 +-
 .../useIndirectTaxForm.tsx                    |   2 +-
 .../sqm-user-info-form/TaxForm.stories.tsx    | 105 +++++++++++++++---
 .../small-views/IndirectTaxDetailsView.tsx    |  89 ++++++++++++---
 packages/mint-components/src/index.html       |   4 +-
 7 files changed, 175 insertions(+), 38 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/countries.ts b/packages/mint-components/src/components/tax-and-cash/countries.ts
index c9255f183e..2412fbde04 100644
--- a/packages/mint-components/src/components/tax-and-cash/countries.ts
+++ b/packages/mint-components/src/components/tax-and-cash/countries.ts
@@ -3,6 +3,7 @@ export const INDIRECT_TAX_COUNTRIES = [
   { countryCode: "AT", displayName: "Austria" },
   { countryCode: "BE", displayName: "Belgium" },
   { countryCode: "BG", displayName: "Bulgaria" },
+  { countryCode: "CA", displayName: "Canada" },
   { countryCode: "HR", displayName: "Croatia" },
   { countryCode: "CY", displayName: "Cyprus" },
   { countryCode: "CZ", displayName: "Czechia" },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 6ccc59e336..04a6ee666e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -200,7 +200,8 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
         <div>
           <div class={classes.CheckboxContainer}>
             <div style={{ display: "flex", flexDirection: "column" }}>
-              <sl-checkbox
+              {/* {AL: commenting out for now since we're most likely removing selection for Canada specifically} */}
+              {/* <sl-checkbox
                 exportparts="label: input-label"
                 checked={formState.checked === "hstCanada"}
                 onInput={() => callbacks.onChange("hstCanada")}
@@ -210,7 +211,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
               >
                 {text.hstCanada}
               </sl-checkbox>
-              {slots.registeredInCanadaDetailsSlot}
+              {slots.registeredInCanadaDetailsSlot} */}
               <sl-checkbox
                 exportparts="label: input-label"
                 checked={formState.checked === "otherRegion"}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 2db03f3d70..5f4662a8a3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -219,7 +219,10 @@ export class IndirectTaxForm {
           formState: props.slotProps.formState,
           loading: props.states.loading,
         }}
-        data={{ countries: props.data.countries }}
+        data={{
+          countries: props.data.countries,
+          provinces: props.data.provinces,
+        }}
         text={props.text.slotText}
       />
     );
@@ -246,6 +249,8 @@ function useDemoIndirectTaxForm(
 ): ReturnType<typeof useIndirectTaxForm> {
   const [option, setOption] = useState(null);
 
+  console.log(props, "indrecttestprops");
+
   return deepmerge(
     {
       states: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 6497af0935..51b84b987e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -211,7 +211,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       formRef,
     },
     slotProps: {
-      formState: { ...formState, errors },
+      formState: { ...formState, errors, countryCode: "", province: "" },
     },
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index bd0d83a5b9..ced52fd920 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -194,23 +194,6 @@ export const StepOneWithGeneralError = () => {
 };
 
 // STEP TWO
-// export const StepTwoWithError = () => {
-//   return (
-//     <IndirectTaxFormView
-//       {...stepTwoProps}
-//       states={{
-//         ...stepTwoProps.states,
-//         formState: {
-//           ...stepTwoProps.states.formState,
-//           errors: {
-//             taxDetails: true,
-//           },
-//         },
-//       }}
-//     />
-//   );
-// };
-
 export const StepTwoLoading = () => {
   return (
     <sqm-indirect-tax-form
@@ -297,6 +280,8 @@ export const StepTwoHSTCheckedWithInputErrors = () => {
         },
         slotProps: {
           formState: {
+            province: "BC",
+            countryCode: "CA",
             errors: {
               province: true,
               indirectTaxNumber: true,
@@ -324,6 +309,90 @@ export const StepTwoOtherRegionChecked = () => {
   );
 };
 
+export const StepTwoOtherRegionCheckedCanada = () => {
+  return (
+    <sqm-indirect-tax-form
+      demoData={{
+        states: {
+          ...stepTwoProps.states,
+          formState: {
+            ...stepTwoProps.states.formState,
+            checked: "otherRegion",
+          },
+        },
+        slotProps: {
+          formState: {
+            countryCode: "CA",
+            province: "British Columbia",
+            errors: {},
+          },
+        },
+      }}
+    ></sqm-indirect-tax-form>
+  );
+};
+
+export const StepTwoOtherRegionCheckedCanadaGST = () => {
+  return (
+    <sqm-indirect-tax-form
+      demoData={{
+        states: {
+          ...stepTwoProps.states,
+          formState: {
+            ...stepTwoProps.states.formState,
+            checked: "otherRegion",
+          },
+        },
+        slotProps: {
+          formState: {
+            countryCode: "CA",
+            province: "Quebec",
+            errors: {},
+          },
+        },
+      }}
+    ></sqm-indirect-tax-form>
+  );
+};
+
+export const StepTwoOtherRegionCheckedOtherCountrySubRegion = () => {
+  return (
+    <sqm-indirect-tax-form
+      demoData={{
+        states: {
+          ...stepTwoProps.states,
+          formState: {
+            ...stepTwoProps.states.formState,
+            checked: "otherRegion",
+          },
+        },
+        slotProps: {
+          formState: {
+            countryCode: "ES",
+            province: "",
+            errors: {},
+          },
+        },
+      }}
+    ></sqm-indirect-tax-form>
+  );
+};
+// export const StepTwoOtherRegionChecked = () => {
+//   return (
+//     <sqm-indirect-tax-form
+//       demoData={{
+//         states: {
+//           ...stepTwoProps.states,
+//           formState: {
+//             ...stepTwoProps.states.formState,
+//             checked: "otherRegion",
+//           },
+//         },
+//       }}
+//     ></sqm-indirect-tax-form>
+//   );
+// };
+
 export const StepTwoOtherRegionCheckedWithInputErrors = () => {
   return (
     <sqm-indirect-tax-form
@@ -336,6 +405,8 @@ export const StepTwoOtherRegionCheckedWithInputErrors = () => {
         },
         slotProps: {
           formState: {
+            province: "",
+            countryCode: "GB",
             errors: {
               selectedRegion: true,
               vatNumber: true,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 9b72048c3c..84e9401f5b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -92,6 +92,9 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
   } = props;
 
   const { classes } = sheet;
+  console.log(props.data.countries);
+  console.log(props.data.provinces, "OTHEREGIONSPROVINe");
+  console.log(formState.countryCode);
 
   return (
     <div style={states.hide ? { display: "none" } : {}}>
@@ -120,20 +123,77 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
               <sl-menu-item value={c.countryCode}>{c.displayName}</sl-menu-item>
             ))}
           </sl-select>
-          <sl-input
-            required
-            exportparts="label: input-label"
-            class={classes.Input}
-            value={formState.vatNumber}
-            label={text.vatNumber}
-            disabled={states.loading}
-            {...(formState.errors?.vatNumber && {
-              class: classes.ErrorInput,
-              helpText: text.error.vatNumber,
-            })}
-            id="vatNumber"
-            name="/vatNumber"
-          />
+          {/*AL testing inputs for now, dicuss with hooks proper way to handle QST, sub regions, and province sub inputs */}
+          {formState.countryCode === "CA" && (
+            <sl-select
+              required
+              value={formState.province}
+              exportparts="label: input-label"
+              class={classes.Input}
+              label={text.province}
+              disabled={states.loading}
+              {...(formState.errors?.province && {
+                class: classes.ErrorInput,
+                helpText: text.error.province,
+              })}
+              id="province"
+              name="/province"
+            >
+              {props.data.provinces.map((p) => (
+                <sl-menu-item value={p.provinceCode}>
+                  {p.displayName}
+                </sl-menu-item>
+              ))}
+            </sl-select>
+          )}
+          {formState.countryCode === "ES" && (
+            <sl-input
+              required
+              exportparts="label: input-label"
+              class={classes.Input}
+              value={formState.vatNumber}
+              label={"Sub Region"}
+              disabled={states.loading}
+              {...(formState.errors?.vatNumber && {
+                class: classes.ErrorInput,
+                helpText: text.error.vatNumber,
+              })}
+              id="subRegion"
+              name="/subRegion"
+            />
+          )}
+          {formState.province === "Quebec" && (
+            <sl-input
+              required
+              exportparts="label: input-label"
+              class={classes.Input}
+              label={"GST Number"}
+              disabled={states.loading}
+              value={formState.indirectTaxNumber}
+              {...(formState.errors?.indirectTaxNumber && {
+                class: classes.ErrorInput,
+                helpText: text.error.indirectTaxNumber,
+              })}
+              id="gstNumber"
+              name="/gstNumber"
+            />
+          )}
+          {formState.countryCode !== "CA" && (
+            <sl-input
+              required
+              exportparts="label: input-label"
+              class={classes.Input}
+              value={formState.vatNumber}
+              label={text.vatNumber}
+              disabled={states.loading}
+              {...(formState.errors?.vatNumber && {
+                class: classes.ErrorInput,
+                helpText: text.error.vatNumber,
+              })}
+              id="vatNumber"
+              name="/vatNumber"
+            />
+          )}
         </div>
         <hr class={classes.HR} />
       </form>
@@ -153,7 +213,6 @@ export const IndirectDetailsSlotView = (
 
   const { classes } = sheet;
 
-  console.log("regions", { formState });
   return (
     <div style={states.hide ? { display: "none" } : {}}>
       <form class={classes.Container}>
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 17c67ed717..b5661e1129 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash-monolith></sqm-tax-and-cash-monolith>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash-monolith></sqm-tax-and-cash-monolith> -->
   </body>
 </html>

From 3c1f8703e2ec3f414c9d7bf21e4f836cf6a15fee Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 9 Feb 2024 10:41:24 -0800
Subject: [PATCH 172/753] mvp of new form

---
 packages/mint-components/package-lock.json    |   4 +-
 .../src/components/tax-and-cash/provinces.ts  |  18 +-
 .../sqm-indirect-tax-form.tsx                 |  21 +-
 .../useIndirectTaxForm.tsx                    |  27 +-
 .../sqm-user-info-form/TaxForm.stories.tsx    |   1 +
 .../small-views/IndirectTaxDetailsView.tsx    | 260 +++++++++---------
 .../small-views/SlotViews.stories.tsx         |   2 +-
 packages/mint-components/src/index.html       |   4 +-
 8 files changed, 176 insertions(+), 161 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 5744e5bef5..3a54d9b8bc 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-23",
+  "version": "1.8.0-26",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-23",
+      "version": "1.8.0-26",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/provinces.ts b/packages/mint-components/src/components/tax-and-cash/provinces.ts
index d5a54cd2ad..1c29eb0646 100644
--- a/packages/mint-components/src/components/tax-and-cash/provinces.ts
+++ b/packages/mint-components/src/components/tax-and-cash/provinces.ts
@@ -1,7 +1,15 @@
 export const INDIRECT_TAX_PROVINCES = [
-  { provinceCode: "ON", displayName: "Ontario" },
-  { provinceCode: "NS", displayName: "Nova Scotia" },
-  { provinceCode: "NB", displayName: "New Brunswick" },
-  { provinceCode: "PE", displayName: "Prince Edward Island" },
-  { provinceCode: "NL", displayName: "Newfoundland" },
+  { provinceCode: "AB", taxType: "GST", displayName: "Alberta" },
+  { provinceCode: "BC", taxType: "GST", displayName: "British Columbia" },
+  { provinceCode: "MB", taxType: "GST", displayName: "Manitoba" },
+  { provinceCode: "NB", taxType: "HST", displayName: "New Brunswick" },
+  { provinceCode: "NL", taxType: "HST", displayName: "Newfoundland" },
+  { provinceCode: "NT", taxType: "GST", displayName: "North West Territories" },
+  { provinceCode: "NS", taxType: "HST", displayName: "Nova Scotia" },
+  { provinceCode: "NU", taxType: "GST", displayName: "Nunavut" },
+  { provinceCode: "ON", taxType: "HST", displayName: "Ontario" },
+  { provinceCode: "PE", taxType: "HST", displayName: "Prince Edward Island" },
+  { provinceCode: "QC", taxType: "GST", displayName: "Quebec" },
+  { provinceCode: "SK", taxType: "GST", displayName: "Saskatchewan" },
+  { provinceCode: "YT", taxType: "GST", displayName: "Yukon" },
 ];
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 5f4662a8a3..84e4b825d2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -5,10 +5,7 @@ import { Component, Host, Prop, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
-import {
-  IndirectDetailsSlotView,
-  OtherRegionSlotView,
-} from "../sqm-user-info-form/small-views/IndirectTaxDetailsView";
+import { OtherRegionSlotView } from "../sqm-user-info-form/small-views/IndirectTaxDetailsView";
 import {
   IndirectTaxFormView,
   IndirectTaxFormViewProps,
@@ -200,18 +197,6 @@ export class IndirectTaxForm {
       ? useDemoIndirectTaxForm(this)
       : useIndirectTaxForm(this);
 
-    const registeredInCanadaDetailsSlot = (
-      <IndirectDetailsSlotView
-        states={{
-          formState: props.slotProps.formState,
-          hide: props.states.formState.checked !== "hstCanada",
-          loading: props.states.loading,
-        }}
-        data={{ provinces: props.data.provinces }}
-        text={props.text.slotText}
-      ></IndirectDetailsSlotView>
-    );
-
     const registeredInDifferentCountryDetailsSlot = (
       <OtherRegionSlotView
         states={{
@@ -219,7 +204,9 @@ export class IndirectTaxForm {
           formState: props.slotProps.formState,
           loading: props.states.loading,
         }}
+        callbacks={props.callbacks}
         data={{
+          esRegions: props.data.esRegions,
           countries: props.data.countries,
           provinces: props.data.provinces,
         }}
@@ -235,7 +222,6 @@ export class IndirectTaxForm {
           refs={props.refs}
           text={props.text}
           slots={{
-            registeredInCanadaDetailsSlot,
             registeredInDifferentCountryDetailsSlot,
           }}
         />
@@ -263,6 +249,7 @@ function useDemoIndirectTaxForm(
         },
       },
       callbacks: {
+        onFormChange: (field: string, e: CustomEvent) => console.log(e),
         onBack: () => {},
         onSubmit: async () => {},
         onChange: setOption,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 51b84b987e..febd1d43a2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -93,11 +93,19 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     setFormState({
       province: user.customFields?.__taxProvince,
       vatNumber: user.customFields?.__taxVatNumber,
-      countryCode: user.customFields?.__taxCountry || defaultCountryCode,
+      selectedRegion: user.customFields?.__taxCountry || defaultCountryCode,
       indirectTaxNumber: user.customFields?.__taxIndirectTaxNumber,
     });
   }, [userData]);
 
+  const onFormChange = (field: string, e: CustomEvent) => {
+    const value = e.detail?.item?.__value;
+    if (!value) console.error("Could not detect select change");
+
+    console.log({ field, value });
+    setFormState((p) => ({ ...p, [field]: value }));
+  };
+
   const onSubmit = async (event: any) => {
     if (!option) {
       setErrors({ taxDetails: true });
@@ -108,15 +116,10 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     let validationErrors: Record<string, string> = {};
 
     const controls = event.target.getFormControls();
-    const optionMapping = {
-      hstCanada: ["province", "indirectTaxNumber"],
-      otherRegion: ["selectedRegion", "vatNumber"],
-      notRegistered: [],
-    };
-    const relevantFields = optionMapping[option];
+
     controls.forEach((control) => {
       if (!control.name || !control.id) return;
-      if (!relevantFields.includes(control.id)) return;
+      if (option === "notRegistered") return; // Don't include fields for notRegistered option
 
       const key = control.name;
       const value = control.value;
@@ -132,6 +135,10 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       return;
     }
 
+    console.log({ formData });
+    return;
+
+    // @ts-ignore
     setLoading(true);
 
     try {
@@ -200,9 +207,11 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     callbacks: {
       onBack,
       onSubmit,
+      onFormChange: onFormChange,
       onChange: setOption,
     },
     data: {
+      esRegions: [{ regionCode: "TODO: ", displayName: "TODO: " }],
       countries: INDIRECT_TAX_COUNTRIES,
       provinces: INDIRECT_TAX_PROVINCES,
     },
@@ -211,7 +220,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       formRef,
     },
     slotProps: {
-      formState: { ...formState, errors, countryCode: "", province: "" },
+      formState: { ...formState, errors },
     },
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index ced52fd920..05d1ae7538 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -1,3 +1,4 @@
+// @ts-nocheck
 import { h } from "@stencil/core";
 import {
   documentTypeFormText,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 84e9401f5b..6db89d51ff 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -1,21 +1,28 @@
 import { VNode, h } from "@stencil/core";
 import { createStyleSheet } from "../../../../styling/JSS";
+import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { INDIRECT_TAX_PROVINCES } from "../../provinces";
 
 export interface IndirectDetailsSlotViewProps {
   states: {
     loading: boolean;
     hide: boolean;
     formState: {
-      countryCode?: string;
       selectedRegion?: string;
       vatNumber?: number;
       province?: string;
       indirectTaxNumber?: number;
+      hstNumber?: string;
+      gstNumber?: string;
       errors?: any;
       error?: string;
     };
   };
   data: {
+    esRegions?: {
+      regionCode: string;
+      displayName: string;
+    }[];
     provinces?: {
       provinceCode: string;
       displayName: string;
@@ -25,6 +32,9 @@ export interface IndirectDetailsSlotViewProps {
       displayName: string;
     }[];
   };
+  callbacks: {
+    onFormChange: (field: string, e: CustomEvent) => void;
+  };
   text: {
     selectedRegion: string;
     vatNumber: string;
@@ -88,13 +98,126 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
   const {
     states,
     states: { formState },
+    callbacks,
     text,
   } = props;
 
+  const SpainFields = () => {
+    return (
+      <sl-select
+        required
+        exportparts="label: input-label"
+        class={classes.Input}
+        value={formState.vatNumber}
+        label={"Sub Region"}
+        // onSl-select={(e) => callbacks.onFormChange("subRegion", e)}
+        disabled={states.loading}
+        {...(formState.errors?.vatNumber && {
+          class: classes.ErrorInput,
+          helpText: text.error.vatNumber,
+        })}
+        id="subRegion"
+        name="/subRegion"
+      >
+        {props.data.esRegions.map((r) => (
+          <sl-menu-item value={r.regionCode}>{r.displayName}</sl-menu-item>
+        ))}
+      </sl-select>
+    );
+  };
+
+  const CanadaFields = () => {
+    const [qst, setQst] = useState(false);
+    const { classes } = sheet;
+
+    const currentTaxType = INDIRECT_TAX_PROVINCES?.find(
+      (p) => p.provinceCode === formState.province
+    )?.taxType;
+
+    return (
+      <div>
+        <sl-select
+          required
+          value={formState.province}
+          exportparts="label: input-label"
+          class={classes.Input}
+          label={text.province}
+          disabled={states.loading}
+          onSl-select={(e) => callbacks.onFormChange("province", e)}
+          {...(formState.errors?.province && {
+            class: classes.ErrorInput,
+            helpText: text.error.province,
+          })}
+          id="province"
+          name="/province"
+        >
+          {props.data.provinces.map((p) => (
+            <sl-menu-item value={p.provinceCode}>{p.displayName}</sl-menu-item>
+          ))}
+        </sl-select>
+        {currentTaxType === "GST" && (
+          <sl-input
+            required
+            exportparts="label: input-label"
+            class={classes.Input}
+            label={"GST Number"}
+            disabled={states.loading}
+            value={formState.gstNumber}
+            {...(formState.errors?.hstNumber && {
+              class: classes.ErrorInput,
+              helpText: text.error.indirectTaxNumber,
+            })}
+            id={"indirectTaxNumber"}
+            name={"/indirectTaxNumber"}
+          />
+        )}
+        {currentTaxType === "HST" && (
+          <sl-input
+            required
+            exportparts="label: input-label"
+            class={classes.Input}
+            label={"HST Number"}
+            disabled={states.loading}
+            value={formState.indirectTaxNumber}
+            {...(formState.errors?.indirectTaxNumber && {
+              class: classes.ErrorInput,
+              helpText: text.error.indirectTaxNumber,
+            })}
+            id={"indirectTaxNumber"}
+            name={"/indirectTaxNumber"}
+          />
+        )}
+        {formState.province === "QC" && (
+          <div>
+            <sl-checkbox checked={qst} onInput={() => setQst((q) => !q)}>
+              Registered for QST?
+            </sl-checkbox>
+            {qst && (
+              <sl-input
+                required
+                exportparts="label: input-label"
+                class={classes.Input}
+                label={"QST Number"}
+                disabled={states.loading}
+                value={formState.indirectTaxNumber}
+                {...(formState.errors?.indirectTaxNumber && {
+                  class: classes.ErrorInput,
+                  helpText: text.error.indirectTaxNumber,
+                })}
+                id="qstNumber"
+                name="/qstNumber"
+              />
+            )}
+          </div>
+        )}
+      </div>
+    );
+  };
+
   const { classes } = sheet;
-  console.log(props.data.countries);
-  console.log(props.data.provinces, "OTHEREGIONSPROVINe");
-  console.log(formState.countryCode);
+  // console.log(props.data.countries);
+  // console.log(props.data.provinces, "OTHEREGIONSPROVINe");
+  // console.log(formState.countryCode);
 
   return (
     <div style={states.hide ? { display: "none" } : {}}>
@@ -108,10 +231,11 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
           <sl-select
             required
             class={classes.Input}
-            value={formState.countryCode}
+            value={formState.selectedRegion}
             exportparts="label: input-label"
             label={text.selectedRegion}
             disabled={states.loading}
+            onSl-select={(e) => callbacks.onFormChange("selectedRegion", e)}
             {...(formState.errors?.selectedRegion && {
               class: classes.ErrorInput,
               helpText: text.error.selectedRegion,
@@ -123,62 +247,10 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
               <sl-menu-item value={c.countryCode}>{c.displayName}</sl-menu-item>
             ))}
           </sl-select>
-          {/*AL testing inputs for now, dicuss with hooks proper way to handle QST, sub regions, and province sub inputs */}
-          {formState.countryCode === "CA" && (
-            <sl-select
-              required
-              value={formState.province}
-              exportparts="label: input-label"
-              class={classes.Input}
-              label={text.province}
-              disabled={states.loading}
-              {...(formState.errors?.province && {
-                class: classes.ErrorInput,
-                helpText: text.error.province,
-              })}
-              id="province"
-              name="/province"
-            >
-              {props.data.provinces.map((p) => (
-                <sl-menu-item value={p.provinceCode}>
-                  {p.displayName}
-                </sl-menu-item>
-              ))}
-            </sl-select>
-          )}
-          {formState.countryCode === "ES" && (
-            <sl-input
-              required
-              exportparts="label: input-label"
-              class={classes.Input}
-              value={formState.vatNumber}
-              label={"Sub Region"}
-              disabled={states.loading}
-              {...(formState.errors?.vatNumber && {
-                class: classes.ErrorInput,
-                helpText: text.error.vatNumber,
-              })}
-              id="subRegion"
-              name="/subRegion"
-            />
-          )}
-          {formState.province === "Quebec" && (
-            <sl-input
-              required
-              exportparts="label: input-label"
-              class={classes.Input}
-              label={"GST Number"}
-              disabled={states.loading}
-              value={formState.indirectTaxNumber}
-              {...(formState.errors?.indirectTaxNumber && {
-                class: classes.ErrorInput,
-                helpText: text.error.indirectTaxNumber,
-              })}
-              id="gstNumber"
-              name="/gstNumber"
-            />
-          )}
-          {formState.countryCode !== "CA" && (
+          {/* Trying to stop shoelace from persisting form inputs */}
+          {formState.selectedRegion === "CA" && <CanadaFields />}
+          {formState.selectedRegion === "ES" && <SpainFields />}
+          {formState.selectedRegion !== "CA" && (
             <sl-input
               required
               exportparts="label: input-label"
@@ -190,8 +262,8 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
                 class: classes.ErrorInput,
                 helpText: text.error.vatNumber,
               })}
-              id="vatNumber"
-              name="/vatNumber"
+              id="indirectTaxNumber"
+              name="/indirectTaxNumber"
             />
           )}
         </div>
@@ -200,65 +272,3 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
     </div>
   );
 };
-
-export const IndirectDetailsSlotView = (
-  props: IndirectDetailsSlotViewProps
-) => {
-  const {
-    states,
-    states: { formState },
-    data,
-    text,
-  } = props;
-
-  const { classes } = sheet;
-
-  return (
-    <div style={states.hide ? { display: "none" } : {}}>
-      <form class={classes.Container}>
-        <style type="text/css">
-          {styleString}
-          {vanillaStyle}
-        </style>
-        <hr class={classes.HR} />
-        <div class={classes.InputContainer}>
-          <sl-select
-            required
-            value={formState.province}
-            exportparts="label: input-label"
-            class={classes.Input}
-            label={text.province}
-            disabled={states.loading}
-            {...(formState.errors?.province && {
-              class: classes.ErrorInput,
-              helpText: text.error.province,
-            })}
-            id="province"
-            name="/province"
-          >
-            {data.provinces.map((p) => (
-              <sl-menu-item value={p.provinceCode}>
-                {p.displayName}
-              </sl-menu-item>
-            ))}
-          </sl-select>
-          <sl-input
-            required
-            exportparts="label: input-label"
-            class={classes.Input}
-            label={text.indirectTaxNumber}
-            disabled={states.loading}
-            value={formState.indirectTaxNumber}
-            {...(formState.errors?.indirectTaxNumber && {
-              class: classes.ErrorInput,
-              helpText: text.error.indirectTaxNumber,
-            })}
-            id="indirectTaxNumber"
-            name="/indirectTaxNumber"
-          />
-        </div>
-        <hr class={classes.HR} />
-      </form>
-    </div>
-  );
-};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
index 43b4870043..a9bb63b252 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
@@ -1,7 +1,7 @@
+// @ts-nocheck
 import { h } from "@stencil/core";
 import { indirectDetailsSlotText } from "../defaultTextCopy";
 import {
-  IndirectDetailsSlotView,
   IndirectDetailsSlotViewProps,
   OtherRegionSlotView,
 } from "./IndirectTaxDetailsView";
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index b5661e1129..17c67ed717 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash-monolith></sqm-tax-and-cash-monolith> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash-monolith></sqm-tax-and-cash-monolith>
   </body>
 </html>

From 6a20485e7ce163a9b1b5ed75064cac0565727105 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 9 Feb 2024 11:09:55 -0800
Subject: [PATCH 173/753] Updated specs for indirect tax form

---
 .../sqm-indirect-tax-form.feature             | 158 +++++++++++-------
 .../tax-and-cash/sqm-tax-form.feature         |  54 +++---
 2 files changed, 126 insertions(+), 86 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 01ed691c86..872d67efd9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -7,19 +7,84 @@ Feature: Indirect Tax Form
 
   @minutia
   Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
-    When <option> is selected based on based the participant <country> from step 1
+    Given they are on step 2
+    When <option> is selected based on the participant <country> from step 1
+    And their <participantType> is "businessEntity"
     Then different <inputs> appear
 
     Examples: 
-      | country        | option                                                           | inputs                        |
-      | Canada         | I am registered for HST in Canada                                | Province, Indirect Tax Number |
-      | United Kingdom | I am registered for Indirect Tax in a different Country / Region | Country, VAT/CT/GST Number    |
-      | Egypt          | I am not registered for Indirect tax                             | N/A, N/A                      |
+      | country | option                               | participantType       | inputs                                                                 |
+      | CA      | I am registered for Indirect Tax     | businessEntity        | Country, Province, Indirect Tax Number/GST Number, ?QST Number(Quebec) |
+      | ES      | I am registered for Indirect Tax     | businessEntity        | Country, Sub Region, VAT Number, ?Income Tax Number                    |
+      | UK      | I am registered for Indirect Tax     | businessEntity        | Country, VAT Number                                                    |
+      | IR      | I am registered for Indirect Tax     | businessEntity        | Country, GST Number                                                    |
+      | AU      | I am registered for Indirect Tax     | businessEntity        | Country, GST Number                                                    |
+      | JP      | I am registered for Indirect Tax     | businessEntity        | Country, CT Number                                                     |
+      | US      | I am not registered for Indirect tax | individualParticipant | N/A                                                                    |
+      | EG      | I am not registered for Indirect tax | individualParticipant | N/A                                                                    |
+
+  @minutia @ui
+  Scenario Outline: The country select displays applicable indirect tax countries and changes the VAT/GST/CT number input
+    When the "I am registered for Indirect Tax in a different Country / Region" option is selected
+    Then A Country select appears with available <country>s and corresponding <vat_acronym>:
+      | vat_acronym | country        |
+      | VAT         | UK             |
+      | GST         | Australia      |
+      | GST         | New Zealand    |
+      | VAT         | Austria        |
+      | VAT         | Belgium        |
+      | VAT         | Bulgaria       |
+      | VAT         | Croatia        |
+      | VAT         | Cyprus         |
+      | VAT         | Czech Republic |
+      | VAT         | Denmark        |
+      | VAT         | Estonia        |
+      | VAT         | Finland        |
+      | VAT         | France         |
+      | VAT         | Germany        |
+      | VAT         | Greece         |
+      | VAT         | Hungary        |
+      | VAT         | Ireland        |
+      | VAT         | Italy          |
+      | VAT         | Latvia         |
+      | VAT         | Lithuania      |
+      | VAT         | Luxembourg     |
+      | VAT         | Malta          |
+      | VAT         | Netherlands    |
+      | VAT         | Poland         |
+      | VAT         | Portugal       |
+      | VAT         | Romania        |
+      | VAT         | Slovakia       |
+      | VAT         | Slovenia       |
+      | VAT         | Spain          |
+      | VAT         | Sweden         |
+      | VAT         | Iceland        |
+      | GST         | India          |
+      | VAT         | Israel         |
+      | CT          | Japan          |
+      | VAT         | Mexico         |
+      | VAT         | Norway         |
+      | GST         | Singapore      |
+      | VAT         | South Africa   |
+      | VAT         | South Korea    |
+      | VAT         | Switzerland    |
+      | VAT         | Taiwan         |
+      | VAT         | Thailand       |
+      | VAT         | Philippines    |
+      | GST         | Malaysia       |
+      | VAT         | UAE            |
+      | VAT         | Turkey         |
+      | VAT         | Russia         |
+    And based on the <country>
+    Then the VAT/GST/CT number input changes to <typeTaxInputHeader>
 
   @minutia @ui
   Scenario: The province select displays applicable indirect tax provinces
-    When the "I am registered for HST in Canada" option is selected
+    When the "I am registered Indirect Tax" option is selected
+    And the country is "Canada"
     Then A Province select appears with the available <provinces>
+    And based on the selected <provinces>
+    Then a <typeTaxInput> will appear
 
     Examples: 
       | provinces            |
@@ -28,10 +93,34 @@ Feature: Indirect Tax Form
       | Newfoundland         |
       | Nova Scotia          |
       | Prince Edward Island |
+      | Quebec               |
+
+  @minutia
+  Scenario: QST Number input appears if the province is Quebec
+    When the "I am registered Indirect Tax" option is selected with the country as "Canada"
+    Then a "GST Number" input will appear
+    And a checkbox with "I am registred for QST Tax" will appear
+    And if the participant checks the box
+    Then a "QST Number" input will appear
+
+  @minutia
+  Scenario: Sub Region and Income Tax Number appear if country is Spain
+    When the "I am registered Indirect Tax" option is selected
+    And the country is "Spain"
+    Then a "Sub Region" select appears with available <subRegions>
+    And a "I am registered for Income Tax" checkbox will appear
+    And if the participant checks <isRegisteredIncomeTax>
+    Then a "Income Tax" input will appear
+
+    Examples: 
+      | subRegions | isRegisteredIncomeTax |
+      | Madrid     | true                  |
+      | Barcelona  | false                 |
+      | Valencia   | true                  |
 
   @minutia
   Scenario: The country select displays applicable indirect tax countries
-    When the "I am registered for Indirect Tax in a different Country / Region" option is selected
+    When the "I am registered Indirect Tax"" option is selected
     Then A Country select appears with available <countries>
       | countries             |
       | UK                    |
@@ -97,61 +186,6 @@ Feature: Indirect Tax Form
       | Russia                |
 # Undecided behaviour
 
-  @minutia
-  Scenario Outline: The country select displays applicable indirect tax countries and changes the VAT/GST/CT number input
-    When the "I am registered for Indirect Tax in a different Country / Region" option is selected
-    Then A Country select appears with available <country>s and corresponding <vat_acronym>:
-      | vat_acronym | country        |
-      | VAT         | UK             |
-      | GST         | Australia      |
-      | GST         | New Zealand    |
-      | VAT         | Austria        |
-      | VAT         | Belgium        |
-      | VAT         | Bulgaria       |
-      | VAT         | Croatia        |
-      | VAT         | Cyprus         |
-      | VAT         | Czech Republic |
-      | VAT         | Denmark        |
-      | VAT         | Estonia        |
-      | VAT         | Finland        |
-      | VAT         | France         |
-      | VAT         | Germany        |
-      | VAT         | Greece         |
-      | VAT         | Hungary        |
-      | VAT         | Ireland        |
-      | VAT         | Italy          |
-      | VAT         | Latvia         |
-      | VAT         | Lithuania      |
-      | VAT         | Luxembourg     |
-      | VAT         | Malta          |
-      | VAT         | Netherlands    |
-      | VAT         | Poland         |
-      | VAT         | Portugal       |
-      | VAT         | Romania        |
-      | VAT         | Slovakia       |
-      | VAT         | Slovenia       |
-      | VAT         | Spain          |
-      | VAT         | Sweden         |
-      | VAT         | Iceland        |
-      | GST         | India          |
-      | VAT         | Israel         |
-      | CT          | Japan          |
-      | VAT         | Mexico         |
-      | VAT         | Norway         |
-      | GST         | Singapore      |
-      | VAT         | South Africa   |
-      | VAT         | South Korea    |
-      | VAT         | Switzerland    |
-      | VAT         | Taiwan         |
-      | VAT         | Thailand       |
-      | VAT         | Philippines    |
-      | GST         | Malaysia       |
-      | VAT         | UAE            |
-      | VAT         | Turkey         |
-      | VAT         | Russia         |
-    And based on the <country>
-    Then the VAT/GST/CT number input changes to <typeTaxInputHeader>
-
     Examples: 
       | vat_acronym | country | typeTaxInputHeader |
       | VAT         | RUSSIA  | VAT number         |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 7464d3fd20..8f1d5f1d84 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -26,15 +26,16 @@ Feature: Tax Form Flow
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
 
     Examples: 
-      | firstName | lastName | email                  | countryCode | brandCountry | currency | participantType       | allowBankingCollection | option                                                           | stepX |
-      | Bob       | Johnson  | bob.johnson@email.com  | CA          | US           | CAD      | businessEntity        | true                   | I am registered for HST in Canada                                |     3 |
-      | Jane      | Moe      | jane.moe@email.com     | CA          | MX           | CAD      | individualParticipant | true                   | I am registered for HST in Canada                                |     4 |
-      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | individualParticipant | true                   | I am not registered for Indirect Tax                             |     4 |
-      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | businessEntity        | true                   | I am not registered for Indirect Tax                             |     4 |
-      | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region |     3 |
-      | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region |     4 |
-      | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | businessEntity        | true                   | I am not registered for Indirect Tax                             |     3 |
-      | Payton    | Chan     | payton.chan@email.com  | EG          | MX           | EGP      | individualParticipant | true                   | I am not registered for Indirect Tax                             |     4 |
+      | firstName | lastName | email                  | countryCode | brandCountry | currency | participantType       | allowBankingCollection | option                               | stepX |
+      | Bob       | Johnson  | bob.johnson@email.com  | CA          | US           | CAD      | businessEntity        | true                   | I am registered for Indirect Tax     |     3 |
+      | Jane      | Moe      | jane.moe@email.com     | CA          | MX           | CAD      | individualParticipant | true                   | I am registered for Indirect Tax     |     4 |
+      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | individualParticipant | true                   | I am not registered for Indirect Tax |     4 |
+      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | businessEntity        | true                   | I am not registered for Indirect Tax |     4 |
+      | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax     |     3 |
+      | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax     |     4 |
+      | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | businessEntity        | true                   | I am not registered for Indirect Tax |     3 |
+      | Payton    | Chan     | payton.chan@email.com  | EG          | MX           | EGP      | individualParticipant | true                   | I am not registered for Indirect Tax |     4 |
+
   @minutia
   Scenario: Participant is already registered as partner, provides indirect tax information, and submit their tax forms
     Given the they are already registered as a partner
@@ -59,28 +60,33 @@ Feature: Tax Form Flow
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
 
     Examples: 
-      | countryCode | brandCountry | currency | participantType       | allowBankingCollection | option                                                           | fields                        | stepX |
-      | CA          | US           | CAD      | businessEntity        | true                   | I am registered for HST in Canada                                | Province, Indirect Tax Number |     3 |
-      | CA          | MX           | CAD      | individualParticipant | true                   | I am registered for HST in Canada                                | Province, Indirect Tax Number |     4 |
-      | US          | CA           | USD      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | N/A                           |     3 |
-      | US          | MX           | USD      | businessEntity        | true                   | I am registered for Indirect Tax in a different Country / Region | N/A                           |     3 |
-      | UK          | US           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |     3 |
-      | UK          | MX           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |     3 |
-      | EG          | US           | EGP      | businessEntity        | true                   | I am not registered for Indirect Tax                             | Country, VAT Number           |     3 |
-      | EG          | MX           | BMD      | businessEntity        | true                   | I am not registered for Indirect Tax                             | N/A                           |     4 |
+      | countryCode | brandCountry | currency | participantType       | allowBankingCollection | option                               | fields                                 | stepX |
+      | CA          | US           | CAD      | businessEntity        | true                   | I am registered for Indirect Tax     | Country, Province, Indirect Tax Number |     3 |
+      | CA          | MX           | CAD      | individualParticipant | true                   | I am not registered for Indirect Tax |                                        |     4 |
+      | US          | CA           | USD      | individualParticipant | true                   | I am not registered for Indirect Tax | N/A                                    |     3 |
+      | US          | MX           | USD      | businessEntity        | true                   | I am not registered for Indirect Tax | N/A                                    |     3 |
+      | UK          | US           | GBP      | individualParticipant | true                   | I am not registered for Indirect Tax | N/A                                    |     3 |
+      | UK          | US           | GBP      | businessEntity        | true                   | I am registered for Indirect Tax     | Country, VAT Number                    |     3 |
+      | ES          | US           | EGP      | businessEntity        | true                   | I am registered for Indirect Tax     | Country, Sub Region,VAT Number         |     3 |
+      | EG          | MX           | BMD      | businessEntity        | true                   | I am not registered for Indirect Tax | N/A                                    |     4 |
 
   @minutia
   Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
     Given they are on step 2
-    When <option> is selected based on based the participant <country> from step 1
+    When <option> is selected based on the participant <country> from step 1
+    And their <participantType> is "businessEntity"
     Then different <inputs> appear
 
     Examples: 
-      | country | option                                                           | inputs                        |
-      | CA      | I am registered for HST in Canada                                | Province, Indirect Tax Number |
-      | US      | I am not registered for Indirect tax                             | N/A                           |
-      | UK      | I am registered for Indirect Tax in a different Country / Region | Country, VAT Number           |
-      | EG      | I am not registered for Indirect tax                             | N/A, N/A                      |
+      | country | option                               | participantType       | inputs                                                                 |
+      | CA      | I am registered for Indirect Tax     | businessEntity        | Country, Province, Indirect Tax Number/GST Number, ?QST Number(Quebec) |
+      | ES      | I am registered for Indirect Tax     | businessEntity        | Country, Sub Region, VAT Number, ?Income Tax Number                    |
+      | UK      | I am registered for Indirect Tax     | businessEntity        | Country, VAT Number                                                    |
+      | IR      | I am registered for Indirect Tax     | businessEntity        | Country, GST Number                                                    |
+      | AU      | I am registered for Indirect Tax     | businessEntity        | Country, GST Number                                                    |
+      | JP      | I am registered for Indirect Tax     | businessEntity        | Country, CT Number                                                     |
+      | US      | I am not registered for Indirect tax | individualParticipant | N/A                                                                    |
+      | EG      | I am not registered for Indirect tax | individualParticipant | N/A                                                                    |
 
   @minutia
   Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms

From 16594433adb0cc29a03555f094ce6a77ea04a693 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 9 Feb 2024 15:00:46 -0800
Subject: [PATCH 174/753] Updated indirect tax form specs

---
 .../sqm-indirect-tax-form.feature             | 203 ++++++------------
 .../tax-and-cash/sqm-tax-form.feature         |  18 +-
 2 files changed, 76 insertions(+), 145 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 872d67efd9..8b5a8c23b9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -13,70 +13,76 @@ Feature: Indirect Tax Form
     Then different <inputs> appear
 
     Examples: 
-      | country | option                               | participantType       | inputs                                                                 |
-      | CA      | I am registered for Indirect Tax     | businessEntity        | Country, Province, Indirect Tax Number/GST Number, ?QST Number(Quebec) |
-      | ES      | I am registered for Indirect Tax     | businessEntity        | Country, Sub Region, VAT Number, ?Income Tax Number                    |
-      | UK      | I am registered for Indirect Tax     | businessEntity        | Country, VAT Number                                                    |
-      | IR      | I am registered for Indirect Tax     | businessEntity        | Country, GST Number                                                    |
-      | AU      | I am registered for Indirect Tax     | businessEntity        | Country, GST Number                                                    |
-      | JP      | I am registered for Indirect Tax     | businessEntity        | Country, CT Number                                                     |
-      | US      | I am not registered for Indirect tax | individualParticipant | N/A                                                                    |
-      | EG      | I am not registered for Indirect tax | individualParticipant | N/A                                                                    |
+      | country | option                                               | participantType       | inputs                                                                 |
+      | CA      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Province, Indirect Tax Number/GST Number, ?QST Number(Quebec) |
+      | ES      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Sub Region, VAT Number, ?Income Tax Number                    |
+      | UK      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, VAT Number                                                    |
+      | IR      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                                    |
+      | AU      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                                    |
+      | JP      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, CT Number                                                     |
+      | US      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                                    |
+      | EG      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                                    |
 
   @minutia @ui
   Scenario Outline: The country select displays applicable indirect tax countries and changes the VAT/GST/CT number input
-    When the "I am registered for Indirect Tax in a different Country / Region" option is selected
-    Then A Country select appears with available <country>s and corresponding <vat_acronym>:
-      | vat_acronym | country        |
-      | VAT         | UK             |
-      | GST         | Australia      |
-      | GST         | New Zealand    |
-      | VAT         | Austria        |
-      | VAT         | Belgium        |
-      | VAT         | Bulgaria       |
-      | VAT         | Croatia        |
-      | VAT         | Cyprus         |
-      | VAT         | Czech Republic |
-      | VAT         | Denmark        |
-      | VAT         | Estonia        |
-      | VAT         | Finland        |
-      | VAT         | France         |
-      | VAT         | Germany        |
-      | VAT         | Greece         |
-      | VAT         | Hungary        |
-      | VAT         | Ireland        |
-      | VAT         | Italy          |
-      | VAT         | Latvia         |
-      | VAT         | Lithuania      |
-      | VAT         | Luxembourg     |
-      | VAT         | Malta          |
-      | VAT         | Netherlands    |
-      | VAT         | Poland         |
-      | VAT         | Portugal       |
-      | VAT         | Romania        |
-      | VAT         | Slovakia       |
-      | VAT         | Slovenia       |
-      | VAT         | Spain          |
-      | VAT         | Sweden         |
-      | VAT         | Iceland        |
-      | GST         | India          |
-      | VAT         | Israel         |
-      | CT          | Japan          |
-      | VAT         | Mexico         |
-      | VAT         | Norway         |
-      | GST         | Singapore      |
-      | VAT         | South Africa   |
-      | VAT         | South Korea    |
-      | VAT         | Switzerland    |
-      | VAT         | Taiwan         |
-      | VAT         | Thailand       |
-      | VAT         | Philippines    |
-      | GST         | Malaysia       |
-      | VAT         | UAE            |
-      | VAT         | Turkey         |
-      | VAT         | Russia         |
-    And based on the <country>
-    Then the VAT/GST/CT number input changes to <typeTaxInputHeader>
+    When the "I am registered for Indirect Tax" option is selected
+    Then A Country select appears with available <country>s and corresponding <typeTax>:
+      | typeTax | country        |
+      | VAT     | UK             |
+      | GST     | Australia      |
+      | GST     | New Zealand    |
+      | VAT     | Austria        |
+      | VAT     | Belgium        |
+      | VAT     | Bulgaria       |
+      | VAT     | Croatia        |
+      | VAT     | Cyprus         |
+      | VAT     | Czech Republic |
+      | VAT     | Denmark        |
+      | VAT     | Estonia        |
+      | VAT     | Finland        |
+      | VAT     | France         |
+      | VAT     | Germany        |
+      | VAT     | Greece         |
+      | VAT     | Hungary        |
+      | VAT     | Ireland        |
+      | VAT     | Italy          |
+      | VAT     | Latvia         |
+      | VAT     | Lithuania      |
+      | VAT     | Luxembourg     |
+      | VAT     | Malta          |
+      | VAT     | Netherlands    |
+      | VAT     | Poland         |
+      | VAT     | Portugal       |
+      | VAT     | Romania        |
+      | VAT     | Slovakia       |
+      | VAT     | Slovenia       |
+      | VAT     | Spain          |
+      | VAT     | Sweden         |
+      | VAT     | Iceland        |
+      | GST     | India          |
+      | VAT     | Israel         |
+      | CT      | Japan          |
+      | VAT     | Mexico         |
+      | VAT     | Norway         |
+      | GST     | Singapore      |
+      | VAT     | South Africa   |
+      | VAT     | South Korea    |
+      | VAT     | Switzerland    |
+      | VAT     | Taiwan         |
+      | VAT     | Thailand       |
+      | VAT     | Philippines    |
+      | GST     | Malaysia       |
+      | VAT     | UAE            |
+      | VAT     | Turkey         |
+      | VAT     | Russia         |
+    And based on the <typeTax>
+    Then <typeTaxInputHeader> changes
+
+    Examples: 
+      | typeTax | typeTaxInputHeader |
+      | VAT     | VAT Number         |
+      | GST     | GST Number         |
+      | CT      | CT Number          |
 
   @minutia @ui
   Scenario: The province select displays applicable indirect tax provinces
@@ -118,81 +124,6 @@ Feature: Indirect Tax Form
       | Barcelona  | false                 |
       | Valencia   | true                  |
 
-  @minutia
-  Scenario: The country select displays applicable indirect tax countries
-    When the "I am registered Indirect Tax"" option is selected
-    Then A Country select appears with available <countries>
-      | countries             |
-      | UK                    |
-      | Australia             |
-      | New Zealand           |
-      | Canada                |
-      | Austria               |
-      | Belgium               |
-      | Bulgaria              |
-      | Croatia               |
-      | Cyprus                |
-      | Czech Republic        |
-      | Denmark               |
-      | Estonia               |
-      | Finland               |
-      | France                |
-      | Germany               |
-      | Greece                |
-      | Hungary               |
-      | Ireland               |
-      | Italy                 |
-      | Latvia                |
-      | Lithuania             |
-      | Luxembourg            |
-      | Malta                 |
-      | Netherlands           |
-      | Poland                |
-      | Portugal              |
-      | Romania               |
-      | Slovakia              |
-      | Slovenia              |
-      | Spain                 |
-      | Sweden                |
-      | Alberta               |
-      | British Columbia      |
-      | Manitoba              |
-      | New Brunswick         |
-      | Newfoundland          |
-      | Northwest Territories |
-      | Nova Scotia           |
-      | Nunavut               |
-      | Ontario               |
-      | Prince Edward Island  |
-      | Quebec                |
-      | Saskatchewan          |
-      | Yukon                 |
-      | Iceland               |
-      | India                 |
-      | Israel                |
-      | Japan                 |
-      | Mexico                |
-      | Norway                |
-      | Singapore             |
-      | South Africa          |
-      | South Korea           |
-      | Switzerland           |
-      | Taiwan                |
-      | Thailand              |
-      | Philippines           |
-      | Malaysia              |
-      | UAE                   |
-      | Turkey                |
-      | Russia                |
-# Undecided behaviour
-
-    Examples: 
-      | vat_acronym | country | typeTaxInputHeader |
-      | VAT         | RUSSIA  | VAT number         |
-      | GST         | India   | GST Number         |
-      | CT          | Japan   | CT Number          |
-      # AL: Confirm if this is the correct list of countries impact supports for VAT/GST/CT
-
   @minutia @ui
   Scenario Outline: Participant from another country has their country value auto selected
     When "I am registered for Indirect Tax in a different Country / Region" is selected
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 8f1d5f1d84..6b837217db 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -78,15 +78,15 @@ Feature: Tax Form Flow
     Then different <inputs> appear
 
     Examples: 
-      | country | option                               | participantType       | inputs                                                                 |
-      | CA      | I am registered for Indirect Tax     | businessEntity        | Country, Province, Indirect Tax Number/GST Number, ?QST Number(Quebec) |
-      | ES      | I am registered for Indirect Tax     | businessEntity        | Country, Sub Region, VAT Number, ?Income Tax Number                    |
-      | UK      | I am registered for Indirect Tax     | businessEntity        | Country, VAT Number                                                    |
-      | IR      | I am registered for Indirect Tax     | businessEntity        | Country, GST Number                                                    |
-      | AU      | I am registered for Indirect Tax     | businessEntity        | Country, GST Number                                                    |
-      | JP      | I am registered for Indirect Tax     | businessEntity        | Country, CT Number                                                     |
-      | US      | I am not registered for Indirect tax | individualParticipant | N/A                                                                    |
-      | EG      | I am not registered for Indirect tax | individualParticipant | N/A                                                                    |
+      | country | option                                               | participantType       | inputs                                                                 |
+      | CA      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Province, Indirect Tax Number/GST Number, ?QST Number(Quebec) |
+      | ES      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Sub Region, VAT Number, ?Income Tax Number                    |
+      | UK      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, VAT Number                                                    |
+      | IR      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                                    |
+      | AU      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                                    |
+      | JP      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, CT Number                                                     |
+      | US      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                                    |
+      | EG      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                                    |
 
   @minutia
   Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms

From aafff77ab4d6724e1393f7f9603930dbc22e9fa6 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 9 Feb 2024 15:17:09 -0800
Subject: [PATCH 175/753] refactored indirect tax form

Co-authored-by: AndiLuo <AndiLuo@users.noreply.github.com>
---
 packages/mint-components/src/components.d.ts  | 330 ++++++------------
 .../sqm-tax-and-cash-monolith.tsx             |  69 ++--
 .../src/components/tax-and-cash/countries.ts  |  84 ++---
 .../sqm-indirect-tax-form-view.tsx            |   3 -
 .../sqm-indirect-tax-form.tsx                 | 141 ++------
 .../useIndirectTaxForm.tsx                    |  57 +--
 .../useTaxDocumentSubmitted.tsx               |   2 +-
 .../sqm-user-info-form/TaxForm.stories.tsx    |  62 ++--
 .../sqm-user-info-form/defaultTextCopy.ts     | 145 +-------
 .../small-views/IndirectTaxDetailsView.tsx    | 224 +++++++-----
 .../{provinces.ts => subregions.ts}           |   5 +
 packages/mint-components/src/index.html       |   4 +-
 12 files changed, 442 insertions(+), 684 deletions(-)
 rename packages/mint-components/src/components/tax-and-cash/{provinces.ts => subregions.ts} (83%)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index b52d6890c3..43c3cfa2e5 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -717,126 +717,37 @@ export namespace Components {
         "minHeight"?: string;
     }
     interface SqmIndirectTaxForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
         "backButton": string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @undocumented
          */
         "demoData"?: DemoData<UseIndirectTaxFormResult>;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-         */
         "formStep": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
         "generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
         "generalErrorTitle": string;
-        /**
-          * Label text for the HST Canada radio button
-          * @uiName HST Canada radio button label
-         */
-        "hstCanada": string;
-        /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
-         */
         "indirectTax": string;
-        /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
-         */
         "indirectTaxDescription": string;
-        /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
-         */
         "indirectTaxDetails": string;
-        /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
-         */
         "indirectTaxDetailsDescription": string;
-        /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
-         */
         "indirectTaxNumber": string;
-        /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
-         */
         "indirectTaxNumberError": string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-         */
         "isPartnerAlertDescription": string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-         */
         "isPartnerAlertHeader": string;
-        /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
-         */
+        "isRegisteredQST": string;
+        "isRegisteredSubRegionIncomeTax": string;
         "notRegistered": string;
-        /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
-         */
         "otherRegion": string;
-        /**
-          * Label text for the Province select input
-          * @uiName Province select input label
-         */
         "province": string;
-        /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-         */
         "provinceError": string;
-        /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
-         */
+        "qstNumber": string;
+        "qstTaxNumberError": string;
         "selectedRegion": string;
-        /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-         */
         "selectedRegionError": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
+        "subRegion": string;
+        "subRegionTaxNumberError": string;
+        "subRegionTaxNumberLabel": string;
         "submitButton": string;
-        /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-         */
         "taxDetailsError": string;
-        /**
-          * Label text for the VAT Number input
-          * @uiName VAT Number input label
-         */
-        "vatNumber": string;
-        /**
-          * Error text shown below the VAT Number input
-          * @uiName VAT Number error text
-         */
-        "vatNumberError": string;
     }
     interface SqmInputField {
         /**
@@ -3269,12 +3180,6 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_generalErrorTitle": string;
-        /**
-          * Label text for the HST Canada radio button
-          * @uiName HST Canada radio button label
-          * @uiGroup Step 2 Properties
-         */
-        "step2_hstCanada": string;
         /**
           * Heading text shown at the top of the page
           * @uiName Indirect tax heading text
@@ -3323,6 +3228,18 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_isPartnerAlertHeader": string;
+        /**
+          * Label text for the QST checkbox
+          * @uiName checkbox label
+          * @uiGroup Step 2 Properties
+         */
+        "step2_isRegisteredQST": string;
+        /**
+          * Label text for Income Tax checkbox
+          * @uiName Income Tax checkbox label
+          * @uiGroup Step 2 Properties
+         */
+        "step2_isRegisteredSubRegionIncomeTax": string;
         /**
           * Label text for the not registered radio button
           * @uiName Not registered radio button label
@@ -3347,6 +3264,18 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_provinceError": string;
+        /**
+          * Label text for the QST Tax Number input
+          * @uiName QST Tax Number input label
+          * @uiGroup Step 2 Properties
+         */
+        "step2_qstNumber": string;
+        /**
+          * Error text shown below the QST Tax number input
+          * @uiName QST Tax Number error text
+          * @uiGroup Step 2 Properties
+         */
+        "step2_qstTaxNumberError": string;
         /**
           * Label text for the Selected Region select input
           * @uiName Selected region select input label
@@ -3360,29 +3289,35 @@ export namespace Components {
          */
         "step2_selectedRegionError": string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
+          * Label text for Sub-region select
+          * @uiName for Sub-region select label
           * @uiGroup Step 2 Properties
          */
-        "step2_submitButton": string;
+        "step2_subRegion": string;
         /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
+          * Error text shown below the Sub-region Income Tax number input
+          * @uiName Sub-region Income Tax error text
           * @uiGroup Step 2 Properties
          */
-        "step2_taxDetailsError": string;
+        "step2_subRegionTaxNumberError": string;
+        /**
+          * Label text for the Sub-region Income Tax Number input
+          * @uiName Sub-region income Tax Number input label
+          * @uiGroup Step 2 Properties
+         */
+        "step2_subRegionTaxNumberLabel": string;
         /**
-          * Label text for the VAT Number input
-          * @uiName VAT Number input label
+          * Text shown inside of submit button
+          * @uiName Submit button text
           * @uiGroup Step 2 Properties
          */
-        "step2_vatNumber": string;
+        "step2_submitButton": string;
         /**
-          * Error text shown below the VAT Number input
-          * @uiName VAT Number error text
+          * Error text shown below the tax details radio buttons
+          * @uiName Indirect tax details error text
           * @uiGroup Step 2 Properties
          */
-        "step2_vatNumberError": string;
+        "step2_taxDetailsError": string;
         /**
           * Text shown inside of back button
           * @uiName Back button text
@@ -5432,126 +5367,37 @@ declare namespace LocalJSX {
         "minHeight"?: string;
     }
     interface SqmIndirectTaxForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
         "backButton"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @undocumented
          */
         "demoData"?: DemoData<UseIndirectTaxFormResult>;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-         */
         "formStep"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
         "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
         "generalErrorTitle"?: string;
-        /**
-          * Label text for the HST Canada radio button
-          * @uiName HST Canada radio button label
-         */
-        "hstCanada"?: string;
-        /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
-         */
         "indirectTax"?: string;
-        /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
-         */
         "indirectTaxDescription"?: string;
-        /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
-         */
         "indirectTaxDetails"?: string;
-        /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
-         */
         "indirectTaxDetailsDescription"?: string;
-        /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
-         */
         "indirectTaxNumber"?: string;
-        /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
-         */
         "indirectTaxNumberError"?: string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-         */
         "isPartnerAlertDescription"?: string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-         */
         "isPartnerAlertHeader"?: string;
-        /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
-         */
+        "isRegisteredQST"?: string;
+        "isRegisteredSubRegionIncomeTax"?: string;
         "notRegistered"?: string;
-        /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
-         */
         "otherRegion"?: string;
-        /**
-          * Label text for the Province select input
-          * @uiName Province select input label
-         */
         "province"?: string;
-        /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-         */
         "provinceError"?: string;
-        /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
-         */
+        "qstNumber"?: string;
+        "qstTaxNumberError"?: string;
         "selectedRegion"?: string;
-        /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-         */
         "selectedRegionError"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
+        "subRegion"?: string;
+        "subRegionTaxNumberError"?: string;
+        "subRegionTaxNumberLabel"?: string;
         "submitButton"?: string;
-        /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-         */
         "taxDetailsError"?: string;
-        /**
-          * Label text for the VAT Number input
-          * @uiName VAT Number input label
-         */
-        "vatNumber"?: string;
-        /**
-          * Error text shown below the VAT Number input
-          * @uiName VAT Number error text
-         */
-        "vatNumberError"?: string;
     }
     interface SqmInputField {
         /**
@@ -7960,12 +7806,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_generalErrorTitle"?: string;
-        /**
-          * Label text for the HST Canada radio button
-          * @uiName HST Canada radio button label
-          * @uiGroup Step 2 Properties
-         */
-        "step2_hstCanada"?: string;
         /**
           * Heading text shown at the top of the page
           * @uiName Indirect tax heading text
@@ -8014,6 +7854,18 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_isPartnerAlertHeader"?: string;
+        /**
+          * Label text for the QST checkbox
+          * @uiName checkbox label
+          * @uiGroup Step 2 Properties
+         */
+        "step2_isRegisteredQST"?: string;
+        /**
+          * Label text for Income Tax checkbox
+          * @uiName Income Tax checkbox label
+          * @uiGroup Step 2 Properties
+         */
+        "step2_isRegisteredSubRegionIncomeTax"?: string;
         /**
           * Label text for the not registered radio button
           * @uiName Not registered radio button label
@@ -8038,6 +7890,18 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_provinceError"?: string;
+        /**
+          * Label text for the QST Tax Number input
+          * @uiName QST Tax Number input label
+          * @uiGroup Step 2 Properties
+         */
+        "step2_qstNumber"?: string;
+        /**
+          * Error text shown below the QST Tax number input
+          * @uiName QST Tax Number error text
+          * @uiGroup Step 2 Properties
+         */
+        "step2_qstTaxNumberError"?: string;
         /**
           * Label text for the Selected Region select input
           * @uiName Selected region select input label
@@ -8051,29 +7915,35 @@ declare namespace LocalJSX {
          */
         "step2_selectedRegionError"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
+          * Label text for Sub-region select
+          * @uiName for Sub-region select label
           * @uiGroup Step 2 Properties
          */
-        "step2_submitButton"?: string;
+        "step2_subRegion"?: string;
         /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
+          * Error text shown below the Sub-region Income Tax number input
+          * @uiName Sub-region Income Tax error text
           * @uiGroup Step 2 Properties
          */
-        "step2_taxDetailsError"?: string;
+        "step2_subRegionTaxNumberError"?: string;
+        /**
+          * Label text for the Sub-region Income Tax Number input
+          * @uiName Sub-region income Tax Number input label
+          * @uiGroup Step 2 Properties
+         */
+        "step2_subRegionTaxNumberLabel"?: string;
         /**
-          * Label text for the VAT Number input
-          * @uiName VAT Number input label
+          * Text shown inside of submit button
+          * @uiName Submit button text
           * @uiGroup Step 2 Properties
          */
-        "step2_vatNumber"?: string;
+        "step2_submitButton"?: string;
         /**
-          * Error text shown below the VAT Number input
-          * @uiName VAT Number error text
+          * Error text shown below the tax details radio buttons
+          * @uiName Indirect tax details error text
           * @uiGroup Step 2 Properties
          */
-        "step2_vatNumberError"?: string;
+        "step2_taxDetailsError"?: string;
         /**
           * Text shown inside of back button
           * @uiName Back button text
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
index 70d648a957..5633a3cb2e 100644
--- a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
+++ b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
@@ -217,12 +217,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() step2_indirectTaxDetailsDescription: string =
     "Not sure if you are registered for indirect tax? Contact our Support team to find out more.";
-  /**
-   * Label text for the HST Canada radio button
-   * @uiName HST Canada radio button label
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_hstCanada: string = "I am registered for HST in Canada";
   /**
    * Label text for the other region radio button
    * @uiName Other region radio button label
@@ -242,12 +236,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_selectedRegion: string = "Country / Region of Indirect Tax";
-  /**
-   * Label text for the VAT Number input
-   * @uiName VAT Number input label
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_vatNumber: string = "VAT number";
   /**
    * Label text for the Province select input
    * @uiName Province select input label
@@ -260,8 +248,39 @@ export class TaxAndCashMonolith {
    * @uiName Indirect Tax Number input label
    * @uiGroup Step 2 Properties
    */
-  @Prop() step2_indirectTaxNumber: string = "Indirect Tax";
-
+  @Prop() step2_indirectTaxNumber: string =
+    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}}";
+  /**
+   * Label text for the QST Tax Number input
+   * @uiName QST Tax Number input label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_qstNumber: string = "QST Number";
+  /**
+   * Label text for the QST checkbox
+   * @uiName checkbox label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_isRegisteredQST: string = "I am registered for QST Tax";
+  /**
+   * Label text for Income Tax checkbox
+   * @uiName Income Tax checkbox label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_isRegisteredSubRegionIncomeTax: string =
+    "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 Sub-region select
+   * @uiName for Sub-region select label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_subRegion: string = "Sub-region";
+  /**
+   * Label text for the Sub-region Income Tax Number input
+   * @uiName Sub-region income Tax Number input label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_subRegionTaxNumberLabel: string = "Income Tax Number";
   /**
    * Alert header text shown in alert if user is already a registered partner
    * @uiName Participant is partner title
@@ -318,12 +337,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_selectedRegionError: string = "Country is required";
-  /**
-   * Error text shown below the VAT Number input
-   * @uiName VAT Number error text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_vatNumberError: string = "VAT number is required";
   /**
    * Error text shown below the Selected Region select input
    * @uiName Province error text
@@ -335,8 +348,22 @@ export class TaxAndCashMonolith {
    * @uiName Indirect Tax Number error text
    * @uiGroup Step 2 Properties
    */
-  @Prop() step2_indirectTaxNumberError: string = "Indirect Tax is required";
+  @Prop() step2_indirectTaxNumberError: string =
+    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required";
 
+  /**
+   * Error text shown below the Sub-region Income Tax number input
+   * @uiName Sub-region Income Tax error text
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_subRegionTaxNumberError: string =
+    "Income Tax Number is required";
+  /**
+   * Error text shown below the QST Tax number input
+   * @uiName QST Tax Number error text
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_qstTaxNumberError: string = "QST Tax Number is required";
   /**
    * * STEP 3 PROPS:
    */
diff --git a/packages/mint-components/src/components/tax-and-cash/countries.ts b/packages/mint-components/src/components/tax-and-cash/countries.ts
index 2412fbde04..bcf134ebfc 100644
--- a/packages/mint-components/src/components/tax-and-cash/countries.ts
+++ b/packages/mint-components/src/components/tax-and-cash/countries.ts
@@ -1,44 +1,44 @@
 export const INDIRECT_TAX_COUNTRIES = [
-  { countryCode: "GB", displayName: "United Kingdom" },
-  { countryCode: "AT", displayName: "Austria" },
-  { countryCode: "BE", displayName: "Belgium" },
-  { countryCode: "BG", displayName: "Bulgaria" },
-  { countryCode: "CA", displayName: "Canada" },
-  { countryCode: "HR", displayName: "Croatia" },
-  { countryCode: "CY", displayName: "Cyprus" },
-  { countryCode: "CZ", displayName: "Czechia" },
-  { countryCode: "DK", displayName: "Denmark" },
-  { countryCode: "EE", displayName: "Estonia" },
-  { countryCode: "FI", displayName: "Finland" },
-  { countryCode: "FR", displayName: "France" },
-  { countryCode: "DE", displayName: "Germany" },
-  { countryCode: "GR", displayName: "Greece" },
-  { countryCode: "HU", displayName: "Hungary" },
-  { countryCode: "IS", displayName: "Iceland" },
-  { countryCode: "IL", displayName: "Israel" },
-  { countryCode: "IE", displayName: "Ireland" },
-  { countryCode: "IT", displayName: "Italy" },
-  { countryCode: "LV", displayName: "Latvia" },
-  { countryCode: "LT", displayName: "Lithuania" },
-  { countryCode: "LU", displayName: "Luxembourg" },
-  { countryCode: "MT", displayName: "Malta" },
-  { countryCode: "MX", displayName: "Mexico" },
-  { countryCode: "NL", displayName: "Netherlands" },
-  { countryCode: "NO", displayName: "Norway" },
-  { countryCode: "PH", displayName: "Philippines" },
-  { countryCode: "PL", displayName: "Poland" },
-  { countryCode: "PT", displayName: "Portugal" },
-  { countryCode: "RO", displayName: "Romania" },
-  { countryCode: "RU", displayName: "Russia" },
-  { countryCode: "SK", displayName: "Slovakia" },
-  { countryCode: "SI", displayName: "Slovenia" },
-  { countryCode: "ES", displayName: "Spain" },
-  { countryCode: "SE", displayName: "Sweden" },
-  { countryCode: "ZA", displayName: "South Africa" },
-  { countryCode: "KR", displayName: "South Korea" },
-  { countryCode: "CH", displayName: "Switzerland" },
-  { countryCode: "TW", displayName: "Taiwan" },
-  { countryCode: "TH", displayName: "Thailand" },
-  { countryCode: "TR", displayName: "Turkey" },
-  { countryCode: "AE", displayName: "United Arab Emirates" },
+  { countryCode: "GB", taxType: "GST", displayName: "United Kingdom" },
+  { countryCode: "AT", taxType: "GST", displayName: "Austria" },
+  { countryCode: "BE", taxType: "GST", displayName: "Belgium" },
+  { countryCode: "BG", taxType: "GST", displayName: "Bulgaria" },
+  { countryCode: "CA", taxType: "HST", displayName: "Canada" },
+  { countryCode: "HR", taxType: "GST", displayName: "Croatia" },
+  { countryCode: "CY", taxType: "GST", displayName: "Cyprus" },
+  { countryCode: "CZ", taxType: "GST", displayName: "Czechia" },
+  { countryCode: "DK", taxType: "GST", displayName: "Denmark" },
+  { countryCode: "EE", taxType: "GST", displayName: "Estonia" },
+  { countryCode: "FI", taxType: "GST", displayName: "Finland" },
+  { countryCode: "FR", taxType: "GST", displayName: "France" },
+  { countryCode: "DE", taxType: "GST", displayName: "Germany" },
+  { countryCode: "GR", taxType: "GST", displayName: "Greece" },
+  { countryCode: "HU", taxType: "GST", displayName: "Hungary" },
+  { countryCode: "IS", taxType: "GST", displayName: "Iceland" },
+  { countryCode: "IL", taxType: "GST", displayName: "Israel" },
+  { countryCode: "IE", taxType: "GST", displayName: "Ireland" },
+  { countryCode: "IT", taxType: "GST", displayName: "Italy" },
+  { countryCode: "LV", taxType: "GST", displayName: "Latvia" },
+  { countryCode: "LT", taxType: "GST", displayName: "Lithuania" },
+  { countryCode: "LU", taxType: "GST", displayName: "Luxembourg" },
+  { countryCode: "MT", taxType: "GST", displayName: "Malta" },
+  { countryCode: "MX", taxType: "GST", displayName: "Mexico" },
+  { countryCode: "NL", taxType: "GST", displayName: "Netherlands" },
+  { countryCode: "NO", taxType: "GST", displayName: "Norway" },
+  { countryCode: "PH", taxType: "GST", displayName: "Philippines" },
+  { countryCode: "PL", taxType: "GST", displayName: "Poland" },
+  { countryCode: "PT", taxType: "GST", displayName: "Portugal" },
+  { countryCode: "RO", taxType: "GST", displayName: "Romania" },
+  { countryCode: "RU", taxType: "GST", displayName: "Russia" },
+  { countryCode: "SK", taxType: "GST", displayName: "Slovakia" },
+  { countryCode: "SI", taxType: "GST", displayName: "Slovenia" },
+  { countryCode: "ES", taxType: "GST", displayName: "Spain" },
+  { countryCode: "SE", taxType: "GST", displayName: "Sweden" },
+  { countryCode: "ZA", taxType: "GST", displayName: "South Africa" },
+  { countryCode: "KR", taxType: "GST", displayName: "South Korea" },
+  { countryCode: "CH", taxType: "GST", displayName: "Switzerland" },
+  { countryCode: "TW", taxType: "GST", displayName: "Taiwan" },
+  { countryCode: "TH", taxType: "GST", displayName: "Thailand" },
+  { countryCode: "TR", taxType: "GST", displayName: "Turkey" },
+  { countryCode: "AE", taxType: "GST", displayName: "United Arab Emirates" },
 ];
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 04a6ee666e..7d5516f54c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -29,7 +29,6 @@ export interface IndirectTaxFormViewProps {
     indirectTaxDetailsDescription: string;
     isPartnerAlertHeader: string;
     isPartnerAlertDescription: string;
-    hstCanada: string;
     otherRegion: string;
     notRegistered: string;
     submitButton: string;
@@ -148,8 +147,6 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
 
   const { classes } = sheet;
 
-  console.log(states, "states");
-
   return (
     <sl-form
       class={classes.FormWrapper}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 84e4b825d2..4c32e8a1a1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -15,7 +15,10 @@ import {
   useIndirectTaxForm,
 } from "./useIndirectTaxForm";
 import { INDIRECT_TAX_COUNTRIES } from "../countries";
-import { INDIRECT_TAX_PROVINCES } from "../provinces";
+import {
+  INDIRECT_TAX_PROVINCES,
+  INDIRECT_TAX_SPAIN_REGIONS,
+} from "../subregions";
 
 /**
  * @uiName Indirect Tax Form
@@ -26,138 +29,46 @@ import { INDIRECT_TAX_PROVINCES } from "../provinces";
   shadow: true,
 })
 export class IndirectTaxForm {
-  /**
-   * Sub text shown at the top of the page, used to show the current step of the tax form.
-   * @uiName Indirect tax form step text
-   */
   @Prop() formStep: string = "Step 2 of 4";
-  /**
-   * Heading text shown at the top of the page
-   * @uiName Indirect tax heading text
-   */
   @Prop() indirectTax: string = "Indirect Tax";
-  /**
-   * Subtext shown at the top of the page
-   * @uiName Indirect tax sub text
-   */
   @Prop() indirectTaxDescription: string =
-    "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.";
-  /**
-   * Heading text shown above the tax details radio buttons
-   * @uiName Indirect tax details heading
-   */
+    "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.";
   @Prop() indirectTaxDetails: string = "Indirect Tax Details";
-  /**
-   * Sub text shown above the tax details radio buttons
-   * @uiName Indirect tax details sub text
-   */
   @Prop() indirectTaxDetailsDescription: string =
-    "If you are in the US, you are most likely not registered for Indirect Tax. Not sure if you are registered for indirect tax? Contact our Support team to find out more.";
-  /**
-   * Label text for the HST Canada radio button
-   * @uiName HST Canada radio button label
-   */
-  @Prop() hstCanada: string = "I am registered for HST in Canada";
-  /**
-   * Label text for the other region radio button
-   * @uiName Other region radio button label
-   */
+    "Not sure if you are registered for indirect tax? Contact our Support team to find out more.";
   @Prop() otherRegion: string =
     "I am registered for Indirect Tax in a different Country / Region";
-  /**
-   * Label text for the not registered radio button
-   * @uiName Not registered radio button label
-   */
   @Prop() notRegistered: string = "I am not registered for Indirect Tax";
-  /**
-   * Label text for the Selected Region select input
-   * @uiName Selected region select input label
-   */
   @Prop() selectedRegion: string = "Country / Region of Indirect Tax";
-  /**
-   * Label text for the VAT Number input
-   * @uiName VAT Number input label
-   */
-  @Prop() vatNumber: string = "VAT number";
-  /**
-   * Label text for the Province select input
-   * @uiName Province select input label
-   */
   @Prop() province: string = "Province";
-
-  /**
-   * Label text for the Indirect Tax Number input
-   * @uiName Indirect Tax Number input label
-   */
-  @Prop() indirectTaxNumber: string = "Indirect Tax";
-
-  /**
-   * Alert header text shown in alert if user is already a registered partner
-   * @uiName Participant is partner title
-   */
+  @Prop() indirectTaxNumber: string =
+    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}}";
   @Prop() isPartnerAlertHeader: string =
     "An account with this email already exists with our referral program provider, impact.com";
-
-  /**
-   * Alert description text shown in alert if user is already a registered partner
-   * @uiName Participant is partner description
-   */
   @Prop() isPartnerAlertDescription: string =
     "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 shown inside of submit button
-   * @uiName Submit button text
-   */
   @Prop() submitButton: string = "Continue";
-  /**
-   * Text shown inside of back button
-   * @uiName Back button text
-   */
   @Prop() backButton: string = "Back";
-  /**
-   * Error text shown below the tax details radio buttons
-   * @uiName Indirect tax details error text
-   */
   @Prop() taxDetailsError: string = "This field is required";
-  /**
-   * The title for error message shown at the top of the page in an error banner
-   *
-   * @uiName General error title
-   */
   @Prop() generalErrorTitle: string =
     "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
-   */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
-  /**
-   * Error text shown below the Selected Region select input
-   * @uiName Selected Region error text
-   */
   @Prop() selectedRegionError: string = "Country is required";
-  /**
-   * Error text shown below the VAT Number input
-   * @uiName VAT Number error text
-   */
-  @Prop() vatNumberError: string = "VAT number is required";
-  /**
-   * Error text shown below the Selected Region select input
-   * @uiName Province error text
-   */
   @Prop() provinceError: string = "Province is required";
-  /**
-   * Error text shown below the Indirect Tax Number select input
-   * @uiName Indirect Tax Number error text
-   */
-  @Prop() indirectTaxNumberError: string = "Indirect Tax is required";
+  @Prop() indirectTaxNumberError: string =
+    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required";
+  @Prop() subRegionTaxNumberError: string = "Income Tax Number is required";
+  @Prop() qstTaxNumberError: string = "QST Tax Number is required";
+  @Prop() subRegion: string = "Sub-region";
+  @Prop() qstNumber: string = "QST Number";
+  @Prop() subRegionTaxNumberLabel: string;
+  @Prop() isRegisteredQST: string = "I am registered for QST Tax";
+  @Prop() isRegisteredSubRegionIncomeTax: string =
+    "I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.";
 
   /**
    * @undocumented
-   * @uiType object
    */
   @Prop() demoData?: DemoData<UseIndirectTaxFormResult>;
 
@@ -178,13 +89,17 @@ export class IndirectTaxForm {
         taxDetails: props.taxDetailsError,
       },
       slotText: {
+        isRegisteredQST: props.isRegisteredQST,
+        isRegisteredSubRegionIncomeTax: props.isRegisteredSubRegionIncomeTax,
+        qstNumber: props.qstNumber,
+        subRegion: props.subRegion,
+        subRegionTaxNumberLabel: props.subRegionTaxNumberLabel,
         selectedRegion: props.selectedRegion,
-        vatNumber: props.vatNumber,
         province: props.province,
         indirectTaxNumber: props.indirectTaxNumber,
         error: {
+          subRegionTaxNumber: props.subRegionTaxNumberError,
           selectedRegion: props.selectedRegionError,
-          vatNumber: props.vatNumberError,
           province: props.provinceError,
           indirectTaxNumber: props.indirectTaxNumberError,
         },
@@ -235,8 +150,6 @@ function useDemoIndirectTaxForm(
 ): ReturnType<typeof useIndirectTaxForm> {
   const [option, setOption] = useState(null);
 
-  console.log(props, "indrecttestprops");
-
   return deepmerge(
     {
       states: {
@@ -249,12 +162,16 @@ function useDemoIndirectTaxForm(
         },
       },
       callbacks: {
-        onFormChange: (field: string, e: CustomEvent) => console.log(e),
+        onFormChange: (field: string, e: CustomEvent) =>
+          console.log({ field, e }),
         onBack: () => {},
         onSubmit: async () => {},
+        onQstToggle: () => {},
+        onSpainToggle: () => {},
         onChange: setOption,
       },
       data: {
+        esRegions: INDIRECT_TAX_SPAIN_REGIONS,
         countries: INDIRECT_TAX_COUNTRIES,
         provinces: INDIRECT_TAX_PROVINCES,
       },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index febd1d43a2..b8284cae75 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -6,11 +6,12 @@ import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
+import { useParentValue, useSetParent } from "../../../utils/useParentState";
+import { INDIRECT_TAX_COUNTRIES } from "../countries";
 import {
-  useParent,
-  useParentValue,
-  useSetParent,
-} from "../../../utils/useParentState";
+  INDIRECT_TAX_PROVINCES,
+  INDIRECT_TAX_SPAIN_REGIONS,
+} from "../subregions";
 import {
   COUNTRIES_NAMESPACE,
   CountriesQuery,
@@ -21,8 +22,7 @@ import {
   UserQuery,
 } from "../sqm-tax-and-cash/data";
 import { IndirectTaxForm } from "./sqm-indirect-tax-form";
-import { INDIRECT_TAX_COUNTRIES } from "../countries";
-import { INDIRECT_TAX_PROVINCES } from "../provinces";
+import { IndirectDetailsSlotViewProps } from "../sqm-user-info-form/small-views/IndirectTaxDetailsView";
 
 function getOption(user: UserQuery["user"]) {
   if (!user) return;
@@ -31,16 +31,10 @@ function getOption(user: UserQuery["user"]) {
   if (customFields?.__taxOption) return customFields.__taxOption;
   if (customFields?.participantType === "individualParticipant")
     return "notRegistered";
-  if (customFields?.__taxProvince || customFields?.__taxIndirectTaxNumber) {
-    return "hstCanada";
-  } else if (customFields?.__taxCountry || customFields?.__taxVatNumber) {
+  if (customFields?.__taxCountry) {
     return "otherRegion";
   } else {
-    if (countryCode === "CA") {
-      return "hstCanada";
-    } else if (
-      INDIRECT_TAX_COUNTRIES.find((c) => c.countryCode === countryCode)
-    ) {
+    if (INDIRECT_TAX_COUNTRIES.find((c) => c.countryCode === countryCode)) {
       return "otherRegion";
     } else {
       return "notRegistered";
@@ -64,7 +58,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
 
   const formRef = useRef<HTMLFormElement>(null);
   const [loading, setLoading] = useState(false);
-  const [formState, setFormState] = useState({});
+  const [formState, setFormState] = useState<Record<string, any>>({});
   const [upsertUser] = useMutation(UPSERT_USER);
 
   const { data: userData, refetch } =
@@ -92,7 +86,11 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
 
     setFormState({
       province: user.customFields?.__taxProvince,
-      vatNumber: user.customFields?.__taxVatNumber,
+      subRegion: user.customFields?.__taxSubRegion,
+      hasQst: !!user.customFields?.__taxQstNumber,
+      qstNumber: user.customFields?.__taxQstNumber,
+      hasSubRegionTaxNumber: !!user.customFields?.__taxSubRegionTaxNumber,
+      subRegionTaxNumber: user.customFields?.__taxSubRegionTaxNumber,
       selectedRegion: user.customFields?.__taxCountry || defaultCountryCode,
       indirectTaxNumber: user.customFields?.__taxIndirectTaxNumber,
     });
@@ -101,8 +99,6 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
   const onFormChange = (field: string, e: CustomEvent) => {
     const value = e.detail?.item?.__value;
     if (!value) console.error("Could not detect select change");
-
-    console.log({ field, value });
     setFormState((p) => ({ ...p, [field]: value }));
   };
 
@@ -125,19 +121,17 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       const value = control.value;
       JSONPointer.set(formData, key, value);
 
+      console.log({ control, value });
       if (control.required && !value) {
         JSONPointer.set(validationErrors, key, true);
       }
     });
 
+    setErrors(validationErrors);
     if (Object.keys(validationErrors).length) {
-      setErrors(validationErrors);
       return;
     }
 
-    console.log({ formData });
-    return;
-
     // @ts-ignore
     setLoading(true);
 
@@ -161,7 +155,9 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
         __taxDocumentType: defaultDocumentType || null,
         __taxProvince: formData.province || null,
         __taxCountry: formData.selectedRegion || null,
-        __taxVatNumber: formData.vatNumber || null,
+        __taxSubRegion: formData.subRegion || null,
+        __taxSubRegionTaxNumber: formData.subRegionTaxNumber || null,
+        __taxQstNumber: formData.qstNumber || null,
         __taxIndirectTaxNumber: formData.indirectTaxNumber || null,
       };
 
@@ -207,11 +203,17 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     callbacks: {
       onBack,
       onSubmit,
-      onFormChange: onFormChange,
+      onFormChange,
       onChange: setOption,
+      onQstToggle: () => setFormState((p) => ({ ...p, hasQst: !p.hasQst })),
+      onSpainToggle: () =>
+        setFormState((p) => ({
+          ...p,
+          hasSubRegionTaxNumber: !p.hasSubRegionTaxNumber,
+        })),
     },
     data: {
-      esRegions: [{ regionCode: "TODO: ", displayName: "TODO: " }],
+      esRegions: INDIRECT_TAX_SPAIN_REGIONS,
       countries: INDIRECT_TAX_COUNTRIES,
       provinces: INDIRECT_TAX_PROVINCES,
     },
@@ -220,7 +222,10 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       formRef,
     },
     slotProps: {
-      formState: { ...formState, errors },
+      formState: {
+        ...formState,
+        errors,
+      } as IndirectDetailsSlotViewProps["states"]["formState"],
     },
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 26b01604e6..5a2185578f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -15,7 +15,7 @@ import {
 import { TaxDocumentSubmitted } from "./sqm-tax-document-submitted";
 import { useEditProfile } from "../../sqm-edit-profile/useEditProfile";
 import { useEffect } from "@saasquatch/universal-hooks";
-import { INDIRECT_TAX_PROVINCES } from "../provinces";
+import { INDIRECT_TAX_PROVINCES } from "../subregions";
 
 export function getDocumentType(user): TaxDocumentType {
   if (!user) return;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 05d1ae7538..ab24c32b7f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -1,22 +1,14 @@
-// @ts-nocheck
 import { h } from "@stencil/core";
-import {
-  documentTypeFormText,
-  userInfoText,
-  indirectTaxFormText,
-  docusignFormText,
-  taxFormDocumentSubmittedText,
-} from "./defaultTextCopy";
-import {
-  UserInfoFormViewProps,
-  UserInfoFormView,
-} from "./sqm-user-info-form-view";
-import { UseDocusignFormResult } from "../sqm-docusign-form/useDocusignForm";
-import { DemoData, StoryDemoData } from "../../../global/demo";
+import { StoryDemoData } from "../../../global/demo";
+import { INDIRECT_TAX_COUNTRIES } from "../countries";
 import { UseDocumentTypeFormResult } from "../sqm-document-type-form/useDocumentTypeForm";
-import { UseTaxDocumentSubmittedResult } from "../sqm-tax-document-submitted/useTaxDocumentSubmitted";
-import { UseUserInfoFormResult } from "./useUserInfoForm";
+import { UseDocusignFormResult } from "../sqm-docusign-form/useDocusignForm";
 import { UseIndirectTaxFormResult } from "../sqm-indirect-tax-form/useIndirectTaxForm";
+import {
+  INDIRECT_TAX_PROVINCES,
+  INDIRECT_TAX_SPAIN_REGIONS,
+} from "../subregions";
+import { UseUserInfoFormResult } from "./useUserInfoForm";
 // import sqmUserInfoSpecs from "./sqm-tax-document-step-1.feature";
 // import sqmIndirectTaxFormSpecs from "../sqm-indirect-tax-form/sqm-indirect-tax-form.feature";
 
@@ -63,18 +55,31 @@ const stepOneProps: StoryDemoData<UseUserInfoFormResult> = {
 const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
   states: {
     hideSteps: false,
-    loading: false,
     disabled: false,
+    loading: false,
     isPartner: false,
+    errors: {},
     formState: {
       checked: undefined,
     },
-    errors: {},
   },
   callbacks: {
     onSubmit: async () => console.log("Submit"),
     onChange: () => console.log("Submit"),
     onBack: () => console.log("Submit"),
+    onFormChange: (field: string, e: CustomEvent) => console.log(e),
+    onQstToggle: () => {},
+    onSpainToggle: () => {},
+  },
+  data: {
+    esRegions: INDIRECT_TAX_SPAIN_REGIONS,
+    countries: INDIRECT_TAX_COUNTRIES,
+    provinces: INDIRECT_TAX_PROVINCES,
+  },
+  slotProps: {
+    formState: {
+      errors: {},
+    },
   },
   refs: { formRef: { current: null } },
 };
@@ -252,7 +257,7 @@ export const StepTwoWithGeneralError = () => {
   );
 };
 
-export const StepTwoHSTChecked = () => {
+export const StepTwoRegisteredCheckedSpain = () => {
   return (
     <sqm-indirect-tax-form
       demoData={{
@@ -260,7 +265,14 @@ export const StepTwoHSTChecked = () => {
           ...stepTwoProps.states,
           formState: {
             ...stepTwoProps.states.formState,
-            checked: "hstCanada",
+            checked: "otherRegion",
+          },
+        },
+        slotProps: {
+          formState: {
+            selectedRegion: "ES",
+            hasSubRegionTaxNumber: true,
+            errors: {},
           },
         },
       }}
@@ -282,7 +294,7 @@ export const StepTwoHSTCheckedWithInputErrors = () => {
         slotProps: {
           formState: {
             province: "BC",
-            countryCode: "CA",
+            selectedRegion: "CA",
             errors: {
               province: true,
               indirectTaxNumber: true,
@@ -323,7 +335,7 @@ export const StepTwoOtherRegionCheckedCanada = () => {
         },
         slotProps: {
           formState: {
-            countryCode: "CA",
+            selectedRegion: "CA",
             province: "British Columbia",
             errors: {},
           },
@@ -346,7 +358,7 @@ export const StepTwoOtherRegionCheckedCanadaGST = () => {
         },
         slotProps: {
           formState: {
-            countryCode: "CA",
+            selectedRegion: "CA",
             province: "Quebec",
             errors: {},
           },
@@ -369,7 +381,7 @@ export const StepTwoOtherRegionCheckedOtherCountrySubRegion = () => {
         },
         slotProps: {
           formState: {
-            countryCode: "ES",
+            selectedRegion: "ES",
             province: "",
             errors: {},
           },
@@ -407,7 +419,7 @@ export const StepTwoOtherRegionCheckedWithInputErrors = () => {
         slotProps: {
           formState: {
             province: "",
-            countryCode: "GB",
+            selectedRegion: "GB",
             errors: {
               selectedRegion: true,
               vatNumber: true,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 273befc082..4fb98f4f10 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -10,149 +10,18 @@ import { DocusignFormViewProps } from "../sqm-docusign-form/sqm-docusign-form-vi
 
 export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
   selectedRegion: "Country / Region of Indirect Tax",
-  vatNumber: "VAT number",
   province: "Province",
   indirectTaxNumber: "Indirect Tax",
+  isRegisteredQST: "I am registered for QST Tax",
+  isRegisteredSubRegionIncomeTax:
+    "I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.",
+  qstNumber: "QST Number",
+  subRegion: "Sub-region",
+  subRegionTaxNumberLabel: "Income Tax Number",
   error: {
+    subRegionTaxNumber: "asdf", // TODO:
     selectedRegion: "Country is required",
-    vatNumber: "VAT number is required",
     province: "Province is required",
     indirectTaxNumber: "Indirect Tax is required",
   },
 };
-
-export const userInfoText: UserInfoFormViewProps["text"] = {
-  firstName: "First name",
-  isPartnerAlertHeader: "dsadas",
-  isPartnerAlertDescription: "dsadas",
-  lastName: "Last name",
-  email: "Email",
-  country: "Country",
-  currency: "Currency",
-  allowBankingCollection: "I agree to the terms",
-  submitButton: "Continue",
-  formStep: "Step 1 of 4",
-  personalInformation: "Personal Information",
-  participantType: "Participant type",
-  businessEntity: "I represent a business entity",
-  individualParticipant: "I am an individual participant",
-  taxAndBankingCollection: "Tax and banking collection",
-  error: {
-    generalTitle: "There was a problem submitting your information",
-    generalDescription:
-      "Please review your information and try again. If this problem continues, contact Support.",
-    firstName: "Enter a first name",
-    lastName: "Enter a last name",
-    email: "Enter a valid email",
-    countryCode: "Select a country",
-    currency: "Select a currency",
-    allowBankingCollection: "This field is required",
-    participantType: "Select a participant type",
-  },
-};
-
-export const indirectTaxFormText: IndirectTaxFormViewProps["text"] = {
-  formStep: "Step 2 of 4",
-  indirectTax: "Indirect Tax",
-  isPartnerAlertHeader: "dsadas",
-  isPartnerAlertDescription: "dsadas",
-  indirectTaxDescription:
-    "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.",
-  indirectTaxDetails: "Indirect Tax Details",
-  indirectTaxDetailsDescription:
-    "Not sure if you are registered for indirect tax? Contact our Support team to find out more.",
-  hstCanada: "I am registered for HST in Canada",
-  otherRegion:
-    "I am registered for Indirect Tax in a different Country / Region",
-  notRegistered: "I am not registered for Indirect Tax",
-  submitButton: "Continue",
-  backButton: "Back",
-  error: {
-    generalTitle: "There was a problem submitting your information",
-    generalDescription:
-      "Please review your information and try again. If this problem continues, contact Support.",
-    taxDetails: "This field is required",
-  },
-};
-
-export const docusignFormText: DocusignFormViewProps["text"] = {
-  formStep: "Step 3 of 4",
-  taxForm: "Tax form",
-  taxFormLabel: "{documentType} Tax Form",
-  taxFormDescription:
-    "Participants based in the US and partnering with US-based brands need to submit a {documentType} form.",
-  notBasedInUS: "Not based in the US?",
-  banner:
-    "For your security, we automatically end your session when you have not interacted with the form after 20 minutes.",
-  checkboxLabel: "Form submission",
-  checkboxDescription: "I have completed and submitted my tax form",
-  submitButton: "Continue",
-  backButton: "Back",
-  error: {
-    generalTitle: "There was a problem submitting your information",
-    generalDescription:
-      "Please review your information and try again. If this problem continues, contact Support.",
-    formSubmission: "This field is required",
-  },
-};
-
-export const documentTypeFormText: DocumentTypeFormViewProps["text"] = {
-  formStep: "Step 3 of 4",
-  taxForm: "Tax form",
-  backButton: "Back",
-  submitButton: "Continue",
-  formLabel: "Select a tax form",
-  w9Label: "W9",
-  w9Description:
-    "W9 For participants based in the US, joining the referral program of a US-based company.",
-  w8Label: "W8-Ben",
-  w8Description:
-    "W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company.",
-  w8ELabel: "W8-BEN-E",
-  w8EDescription:
-    "W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company.",
-  error: {
-    generalTitle: "There was a problem submitting your information",
-    generalDescription:
-      "Please review your information and try again. If this problem continues, contact Support.",
-  },
-};
-
-export const taxFormDocumentSubmittedText: TaxDocumentSubmittedProps["text"] = {
-  statusTextActive: "Active",
-  statusTextNotActive: "Invalid Tax Form",
-  statusTextNotVerified: "Not Verified",
-  statusTextExpired: "Expired",
-  badgeTextSubmittedOn: "Submitted on {dateSubmitted}",
-  badgeTextAwaitingReview: "Awaiting review. Submitted on {dateSubmitted}.",
-  badgeTextExpiredOn: "Expired on {dateExpired}.",
-  badgeTextExpiringSoon: ", expiring on {dateExpired}.",
-  noTaxFormRequired:
-    "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support",
-  invalidForm:
-    "Ensure your information matches your profile and resubmit a new document.",
-  taxAlertHeaderNotActive:
-    "Your {documentType} tax form has personal information that doesn't match your profile.",
-  taxAlertHeaderExpiredOn: "Your {documentType} tax form has expired.",
-  taxAlertHeaderExpiringSoon:
-    "Your {documentType} tax form expires on {dateExpired}",
-  taxAlertMessage: "Please resubmit a new {documentType} form.",
-  taxAlertMessageExpiringSoon:
-    "Please submit a new {documentType} form to continue receiving your rewards",
-  bankingInformationSectionHeader: "Banking Information",
-  taxDocumentSectionHeader: "Tax documents",
-  taxDocumentSectionSubHeader: "{documentType} Tax Form",
-  indirectTaxInfoSectionHeader: "dsa",
-  indirectTaxInfoCanada: "dsa",
-  indirectTaxInfoOtherCountry: "dsa",
-  newFormButton: "Submit New document",
-  editIndirectTaxButton: "Edit Indirect Tax",
-  noFormNeededSubtext:
-    "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support.",
-  notRegisteredForTax: "Not registered for Indirect Tax",
-  error: {
-    generalTitle: "There was a problem submitting your information",
-    generalDescription:
-      "Please review your information and try again. If this problem continues, contact Support.",
-  },
-};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 6db89d51ff..d6c3f40140 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -1,7 +1,9 @@
 import { VNode, h } from "@stencil/core";
 import { createStyleSheet } from "../../../../styling/JSS";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
-import { INDIRECT_TAX_PROVINCES } from "../../provinces";
+import { INDIRECT_TAX_PROVINCES } from "../../subregions";
+import { intl } from "../../../../global/global";
+import { getFieldDef } from "graphql/execution/execute";
 
 export interface IndirectDetailsSlotViewProps {
   states: {
@@ -9,11 +11,14 @@ export interface IndirectDetailsSlotViewProps {
     hide: boolean;
     formState: {
       selectedRegion?: string;
-      vatNumber?: number;
+      subRegion?: string;
+      subRegionTaxNumber?: string;
+      qstNumber?: string;
       province?: string;
       indirectTaxNumber?: number;
-      hstNumber?: string;
-      gstNumber?: string;
+      // AL: for handling income tax Spain
+      hasQst?: boolean;
+      hasSubRegionTaxNumber?: boolean;
       errors?: any;
       error?: string;
     };
@@ -34,17 +39,23 @@ export interface IndirectDetailsSlotViewProps {
   };
   callbacks: {
     onFormChange: (field: string, e: CustomEvent) => void;
+    onQstToggle: () => void;
+    onSpainToggle: () => void;
   };
   text: {
     selectedRegion: string;
-    vatNumber: string;
     province: string;
     indirectTaxNumber: string;
+    subRegion: string;
+    qstNumber: string;
+    subRegionTaxNumberLabel: string;
+    isRegisteredQST: string;
+    isRegisteredSubRegionIncomeTax: string;
     error: {
       selectedRegion: string;
-      vatNumber: string;
       province: string;
       indirectTaxNumber: string;
+      subRegionTaxNumber: string;
     };
   };
 }
@@ -94,6 +105,7 @@ const vanillaStyle = `
     }
   `;
 
+export type TaxType = "GST" | "HST" | "VAT" | "JST";
 export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
   const {
     states,
@@ -101,38 +113,102 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
     callbacks,
     text,
   } = props;
+  const { classes } = sheet;
 
-  const SpainFields = () => {
+  const getTaxFieldLabel = (taxType: TaxType) => {
+    return intl.formatMessage(
+      {
+        id: `tax-field-label${taxType}`,
+        defaultMessage: text.indirectTaxNumber,
+      },
+      { taxType }
+    );
+  };
+
+  const IndirectTaxNumberInput = ({
+    label,
+    name,
+  }: {
+    label: string;
+    name: string;
+  }) => {
     return (
-      <sl-select
+      <sl-input
         required
         exportparts="label: input-label"
         class={classes.Input}
-        value={formState.vatNumber}
-        label={"Sub Region"}
-        // onSl-select={(e) => callbacks.onFormChange("subRegion", e)}
+        label={label}
         disabled={states.loading}
-        {...(formState.errors?.vatNumber && {
+        value={formState[name]}
+        {...(formState.errors?.[name] && {
           class: classes.ErrorInput,
-          helpText: text.error.vatNumber,
+          helpText: text.error[name],
         })}
-        id="subRegion"
-        name="/subRegion"
-      >
-        {props.data.esRegions.map((r) => (
-          <sl-menu-item value={r.regionCode}>{r.displayName}</sl-menu-item>
-        ))}
-      </sl-select>
+        id={name}
+        name={`/${name}`}
+      />
+    );
+  };
+
+  const SpainFields = () => {
+    return (
+      <div>
+        <sl-select
+          required
+          exportparts="label: input-label"
+          class={classes.Input}
+          value={formState.subRegion}
+          label={"Sub Region"}
+          // onSl-select={(e) => callbacks.onFormChange("subRegion", e)}
+          disabled={states.loading}
+          {...(formState.errors?.indirectTaxNumber && {
+            class: classes.ErrorInput,
+            helpText: text.error.indirectTaxNumber,
+          })}
+          id="subRegion"
+          name="/subRegion"
+        >
+          {props.data.esRegions.map((r) => (
+            <sl-menu-item value={r.regionCode}>{r.displayName}</sl-menu-item>
+          ))}
+        </sl-select>
+        <IndirectTaxNumberInput
+          name={"indirectTaxNumber"}
+          label={getTaxFieldLabel("VAT")}
+        />
+        <sl-checkbox
+          exportparts="label: input-label"
+          checked={formState.hasSubRegionTaxNumber}
+          onSl-change={callbacks.onSpainToggle}
+        >
+          {text.isRegisteredSubRegionIncomeTax}
+        </sl-checkbox>
+        {formState.hasSubRegionTaxNumber && (
+          <sl-input
+            required
+            exportparts="label: input-label"
+            class={classes.Input}
+            label={text.subRegionTaxNumberLabel}
+            disabled={states.loading}
+            value={formState.subRegionTaxNumber}
+            {...(formState.errors?.subRegionTaxNumberError && {
+              class: classes.ErrorInput,
+              helpText: text.error.indirectTaxNumber,
+            })}
+            id={"subRegionTaxNumber"}
+            name={"/subRegionTaxNumber"}
+          />
+        )}
+      </div>
     );
   };
 
   const CanadaFields = () => {
-    const [qst, setQst] = useState(false);
     const { classes } = sheet;
 
     const currentTaxType = INDIRECT_TAX_PROVINCES?.find(
       (p) => p.provinceCode === formState.province
-    )?.taxType;
+    )?.taxType as TaxType | undefined;
 
     return (
       <div>
@@ -156,57 +232,28 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
           ))}
         </sl-select>
         {currentTaxType === "GST" && (
-          <sl-input
-            required
-            exportparts="label: input-label"
-            class={classes.Input}
-            label={"GST Number"}
-            disabled={states.loading}
-            value={formState.gstNumber}
-            {...(formState.errors?.hstNumber && {
-              class: classes.ErrorInput,
-              helpText: text.error.indirectTaxNumber,
-            })}
-            id={"indirectTaxNumber"}
-            name={"/indirectTaxNumber"}
+          <IndirectTaxNumberInput
+            label={getTaxFieldLabel("GST")}
+            name={"indirectTaxNumber"}
           />
         )}
         {currentTaxType === "HST" && (
-          <sl-input
-            required
-            exportparts="label: input-label"
-            class={classes.Input}
-            label={"HST Number"}
-            disabled={states.loading}
-            value={formState.indirectTaxNumber}
-            {...(formState.errors?.indirectTaxNumber && {
-              class: classes.ErrorInput,
-              helpText: text.error.indirectTaxNumber,
-            })}
-            id={"indirectTaxNumber"}
-            name={"/indirectTaxNumber"}
+          <IndirectTaxNumberInput
+            label={getTaxFieldLabel("HST")}
+            name={"indirectTaxNumber"}
           />
         )}
         {formState.province === "QC" && (
           <div>
-            <sl-checkbox checked={qst} onInput={() => setQst((q) => !q)}>
-              Registered for QST?
+            <sl-checkbox
+              exportparts="label: input-label"
+              onSl-change={callbacks.onQstToggle}
+              checked={formState.hasQst}
+            >
+              {text.isRegisteredQST}
             </sl-checkbox>
-            {qst && (
-              <sl-input
-                required
-                exportparts="label: input-label"
-                class={classes.Input}
-                label={"QST Number"}
-                disabled={states.loading}
-                value={formState.indirectTaxNumber}
-                {...(formState.errors?.indirectTaxNumber && {
-                  class: classes.ErrorInput,
-                  helpText: text.error.indirectTaxNumber,
-                })}
-                id="qstNumber"
-                name="/qstNumber"
-              />
+            {formState.hasQst && (
+              <IndirectTaxNumberInput label={"QST Number"} name={"qstNumber"} />
             )}
           </div>
         )}
@@ -214,11 +261,37 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
     );
   };
 
-  const { classes } = sheet;
   // console.log(props.data.countries);
   // console.log(props.data.provinces, "OTHEREGIONSPROVINe");
   // console.log(formState.countryCode);
 
+  const getActiveForm = (selectedRegion: string) => {
+    switch (selectedRegion) {
+      case "CA":
+        return <CanadaFields />;
+      case "ES":
+        return <SpainFields />;
+      default:
+        return (
+          <sl-input
+            required
+            exportparts="label: input-label"
+            class={classes.Input}
+            value={formState.indirectTaxNumber}
+            label={getTaxFieldLabel("VAT")}
+            disabled={states.loading}
+            {...(formState.errors?.indirectTaxNumber && {
+              class: classes.ErrorInput,
+              helpText: text.error.indirectTaxNumber,
+            })}
+            id="indirectTaxNumber"
+            name="/indirectTaxNumber"
+          />
+        );
+    }
+  };
+
+  const activeForm = getActiveForm(formState.selectedRegion);
   return (
     <div style={states.hide ? { display: "none" } : {}}>
       <form class={classes.Container}>
@@ -248,24 +321,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             ))}
           </sl-select>
           {/* Trying to stop shoelace from persisting form inputs */}
-          {formState.selectedRegion === "CA" && <CanadaFields />}
-          {formState.selectedRegion === "ES" && <SpainFields />}
-          {formState.selectedRegion !== "CA" && (
-            <sl-input
-              required
-              exportparts="label: input-label"
-              class={classes.Input}
-              value={formState.vatNumber}
-              label={text.vatNumber}
-              disabled={states.loading}
-              {...(formState.errors?.vatNumber && {
-                class: classes.ErrorInput,
-                helpText: text.error.vatNumber,
-              })}
-              id="indirectTaxNumber"
-              name="/indirectTaxNumber"
-            />
-          )}
+          {activeForm}
         </div>
         <hr class={classes.HR} />
       </form>
diff --git a/packages/mint-components/src/components/tax-and-cash/provinces.ts b/packages/mint-components/src/components/tax-and-cash/subregions.ts
similarity index 83%
rename from packages/mint-components/src/components/tax-and-cash/provinces.ts
rename to packages/mint-components/src/components/tax-and-cash/subregions.ts
index 1c29eb0646..5ec68a3518 100644
--- a/packages/mint-components/src/components/tax-and-cash/provinces.ts
+++ b/packages/mint-components/src/components/tax-and-cash/subregions.ts
@@ -13,3 +13,8 @@ export const INDIRECT_TAX_PROVINCES = [
   { provinceCode: "SK", taxType: "GST", displayName: "Saskatchewan" },
   { provinceCode: "YT", taxType: "GST", displayName: "Yukon" },
 ];
+
+export const INDIRECT_TAX_SPAIN_REGIONS = [
+  { regionCode: "SP", taxType: "VAT", displayName: "Spain Proper" },
+  { regionCode: "CI", taxType: "VAT", displayName: "Canary Islands" },
+];
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 17c67ed717..b5661e1129 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash-monolith></sqm-tax-and-cash-monolith>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash-monolith></sqm-tax-and-cash-monolith> -->
   </body>
 </html>

From 828051092fd3267eb7c656ac30334307812c27c9 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 9 Feb 2024 16:25:18 -0800
Subject: [PATCH 176/753] Corrected IndirectTaxDetails styling and created
 stories

---
 .../sqm-indirect-tax-form.tsx                 |  2 +-
 .../sqm-user-info-form/TaxForm.stories.tsx    | 64 +++++++++++++------
 .../small-views/IndirectTaxDetailsView.tsx    | 13 +++-
 3 files changed, 55 insertions(+), 24 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 4c32e8a1a1..a1bb8567a4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -62,7 +62,7 @@ export class IndirectTaxForm {
   @Prop() qstTaxNumberError: string = "QST Tax Number is required";
   @Prop() subRegion: string = "Sub-region";
   @Prop() qstNumber: string = "QST Number";
-  @Prop() subRegionTaxNumberLabel: string;
+  @Prop() subRegionTaxNumberLabel: string = "Income Tax Number";
   @Prop() isRegisteredQST: string = "I am registered for QST Tax";
   @Prop() isRegisteredSubRegionIncomeTax: string =
     "I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index ab24c32b7f..2101fb13df 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -257,7 +257,7 @@ export const StepTwoWithGeneralError = () => {
   );
 };
 
-export const StepTwoRegisteredCheckedSpain = () => {
+export const StepTwoHSTCheckedWithInputErrors = () => {
   return (
     <sqm-indirect-tax-form
       demoData={{
@@ -265,14 +265,17 @@ export const StepTwoRegisteredCheckedSpain = () => {
           ...stepTwoProps.states,
           formState: {
             ...stepTwoProps.states.formState,
-            checked: "otherRegion",
+            checked: "hstCanada",
           },
         },
         slotProps: {
           formState: {
-            selectedRegion: "ES",
-            hasSubRegionTaxNumber: true,
-            errors: {},
+            province: "BC",
+            selectedRegion: "CA",
+            errors: {
+              province: true,
+              indirectTaxNumber: true,
+            },
           },
         },
       }}
@@ -280,7 +283,7 @@ export const StepTwoRegisteredCheckedSpain = () => {
   );
 };
 
-export const StepTwoHSTCheckedWithInputErrors = () => {
+export const StepTwoOtherRegionChecked = () => {
   return (
     <sqm-indirect-tax-form
       demoData={{
@@ -288,17 +291,30 @@ export const StepTwoHSTCheckedWithInputErrors = () => {
           ...stepTwoProps.states,
           formState: {
             ...stepTwoProps.states.formState,
-            checked: "hstCanada",
+            checked: "otherRegion",
+          },
+        },
+      }}
+    ></sqm-indirect-tax-form>
+  );
+};
+
+export const StepTwoOtherRegionCheckedCanada = () => {
+  return (
+    <sqm-indirect-tax-form
+      demoData={{
+        states: {
+          ...stepTwoProps.states,
+          formState: {
+            ...stepTwoProps.states.formState,
+            checked: "otherRegion",
           },
         },
         slotProps: {
           formState: {
-            province: "BC",
             selectedRegion: "CA",
-            errors: {
-              province: true,
-              indirectTaxNumber: true,
-            },
+            province: "BC",
+            errors: {},
           },
         },
       }}
@@ -306,7 +322,7 @@ export const StepTwoHSTCheckedWithInputErrors = () => {
   );
 };
 
-export const StepTwoOtherRegionChecked = () => {
+export const StepTwoOtherRegionCheckedCanadaGST = () => {
   return (
     <sqm-indirect-tax-form
       demoData={{
@@ -317,12 +333,19 @@ export const StepTwoOtherRegionChecked = () => {
             checked: "otherRegion",
           },
         },
+        slotProps: {
+          formState: {
+            selectedRegion: "CA",
+            province: "QC",
+            errors: {},
+          },
+        },
       }}
     ></sqm-indirect-tax-form>
   );
 };
 
-export const StepTwoOtherRegionCheckedCanada = () => {
+export const StepTwoOtherRegionCheckedCanadaGSTAndQST = () => {
   return (
     <sqm-indirect-tax-form
       demoData={{
@@ -336,7 +359,8 @@ export const StepTwoOtherRegionCheckedCanada = () => {
         slotProps: {
           formState: {
             selectedRegion: "CA",
-            province: "British Columbia",
+            province: "QC",
+            hasQst: true,
             errors: {},
           },
         },
@@ -345,7 +369,7 @@ export const StepTwoOtherRegionCheckedCanada = () => {
   );
 };
 
-export const StepTwoOtherRegionCheckedCanadaGST = () => {
+export const StepTwoOtherRegionCheckedOtherCountrySubRegion = () => {
   return (
     <sqm-indirect-tax-form
       demoData={{
@@ -358,8 +382,7 @@ export const StepTwoOtherRegionCheckedCanadaGST = () => {
         },
         slotProps: {
           formState: {
-            selectedRegion: "CA",
-            province: "Quebec",
+            selectedRegion: "ES",
             errors: {},
           },
         },
@@ -368,7 +391,7 @@ export const StepTwoOtherRegionCheckedCanadaGST = () => {
   );
 };
 
-export const StepTwoOtherRegionCheckedOtherCountrySubRegion = () => {
+export const StepTwoOtherRegionCheckedOtherCountrySubRegionIncomeTax = () => {
   return (
     <sqm-indirect-tax-form
       demoData={{
@@ -382,7 +405,7 @@ export const StepTwoOtherRegionCheckedOtherCountrySubRegion = () => {
         slotProps: {
           formState: {
             selectedRegion: "ES",
-            province: "",
+            hasSubRegionTaxNumber: true,
             errors: {},
           },
         },
@@ -390,6 +413,7 @@ export const StepTwoOtherRegionCheckedOtherCountrySubRegion = () => {
     ></sqm-indirect-tax-form>
   );
 };
+
 // export const StepTwoOtherRegionChecked = () => {
 //   return (
 //     <sqm-indirect-tax-form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index d6c3f40140..f0966e5f0f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -72,6 +72,13 @@ const style = {
     gap: "16px",
     padding: "16px",
   },
+  ConditionalInputsContainer: {
+    width: "100%",
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "16px",
+  },
   HR: {
     border: "1px solid #E0E0E0",
     margin: "10px 0",
@@ -152,7 +159,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
 
   const SpainFields = () => {
     return (
-      <div>
+      <div class={classes.ConditionalInputsContainer}>
         <sl-select
           required
           exportparts="label: input-label"
@@ -211,7 +218,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
     )?.taxType as TaxType | undefined;
 
     return (
-      <div>
+      <div class={classes.ConditionalInputsContainer}>
         <sl-select
           required
           value={formState.province}
@@ -244,7 +251,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
           />
         )}
         {formState.province === "QC" && (
-          <div>
+          <div class={classes.ConditionalInputsContainer}>
             <sl-checkbox
               exportparts="label: input-label"
               onSl-change={callbacks.onQstToggle}

From b22f422deced7f4822a1a03c0cd3e8cebb4b741d Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 12 Feb 2024 08:17:12 -0800
Subject: [PATCH 177/753] replace parent component with monolith

---
 packages/mint-components/src/components.d.ts  |  26 +-
 .../components/sqm-context-router/readme.md   |  13 -
 .../components/sqm-docusign-embed/readme.md   |   4 +-
 .../src/components/sqm-table-cell/readme.md   |   2 -
 .../src/components/sqm-table-row/readme.md    |   2 -
 .../sqm-tax-and-cash-monolith/readme.md       | 135 ---
 .../sqm-tax-and-cash-monolith.tsx             | 813 -----------------
 .../src/components/sqm-text/readme.md         |   2 -
 .../sqm-cash-form/sqm-cash-form.tsx           |   2 +-
 .../sqm-document-type-form/readme.md          |   4 +-
 .../tax-and-cash/sqm-docusign-form/readme.md  |   4 +-
 .../sqm-indirect-tax-form/readme.md           |  60 +-
 .../sqm-tax-and-cash/TaxAndCash.stories.tsx   |  21 -
 .../sqm-tax-and-cash}/extractProps.ts         |   0
 .../tax-and-cash/sqm-tax-and-cash/readme.md   | 127 ++-
 .../sqm-tax-and-cash-view.tsx                 |  11 -
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 829 ++++++++++++++++--
 .../sqm-tax-document-submitted/readme.md      |  64 +-
 .../tax-and-cash/sqm-user-info-form/readme.md |   4 +-
 .../small-views/IndirectTaxDetailsView.tsx    |   6 +-
 .../sqm-user-info-form/sqm-user-info-form.tsx |  10 +-
 packages/mint-components/src/index.html       |   4 +-
 22 files changed, 968 insertions(+), 1175 deletions(-)
 delete mode 100644 packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md
 delete mode 100644 packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
 delete mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/TaxAndCash.stories.tsx
 rename packages/mint-components/src/components/{sqm-tax-and-cash-monolith => tax-and-cash/sqm-tax-and-cash}/extractProps.ts (100%)
 delete mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash-view.tsx

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 43c3cfa2e5..ec1fe59966 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -8,7 +8,7 @@ import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 import { DemoData } from "./global/demo";
 import { AssetCardViewProps } from "./components/sqm-asset-card/sqm-asset-card-view";
 import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
-import { UserNameViewProps } from "./components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash-view";
+import { UserNameViewProps } from "./components/sqm-user-name/sqm-user-name-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
 import { CouponCodeViewProps } from "./components/sqm-coupon-code/sqm-coupon-code-view";
 import { UseDocumentTypeFormResult } from "./components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm";
@@ -46,7 +46,6 @@ import { TaskCardViewProps } from "./components/sqm-task-card/sqm-task-card-view
 import { UseTaxAndCashResultType } from "./components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash";
 import { UseTaxDocumentSubmittedResult } from "./components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted";
 import { UseUserInfoFormResult } from "./components/tax-and-cash/sqm-user-info-form/useUserInfoForm";
-import { UserNameViewProps as UserNameViewProps1 } from "./components/sqm-user-name/sqm-user-name-view";
 export namespace Components {
     interface RaisinsPlopTarget {
         "renderCell": () => Promise<any>;
@@ -3000,13 +2999,6 @@ export namespace Components {
         "steps": boolean;
     }
     interface SqmTaxAndCash {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
-    }
-    interface SqmTaxAndCashMonolith {
         /**
           * @undocumented 
           * @uiType object
@@ -4539,12 +4531,6 @@ declare global {
         prototype: HTMLSqmTaxAndCashElement;
         new (): HTMLSqmTaxAndCashElement;
     };
-    interface HTMLSqmTaxAndCashMonolithElement extends Components.SqmTaxAndCashMonolith, HTMLStencilElement {
-    }
-    var HTMLSqmTaxAndCashMonolithElement: {
-        prototype: HTMLSqmTaxAndCashMonolithElement;
-        new (): HTMLSqmTaxAndCashMonolithElement;
-    };
     interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
     }
     var HTMLSqmTaxDocumentSubmittedElement: {
@@ -4688,7 +4674,6 @@ declare global {
         "sqm-tabs": HTMLSqmTabsElement;
         "sqm-task-card": HTMLSqmTaskCardElement;
         "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
-        "sqm-tax-and-cash-monolith": HTMLSqmTaxAndCashMonolithElement;
         "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
         "sqm-text": HTMLSqmTextElement;
         "sqm-text-span": HTMLSqmTextSpanElement;
@@ -7626,13 +7611,6 @@ declare namespace LocalJSX {
         "steps"?: boolean;
     }
     interface SqmTaxAndCash {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
-    }
-    interface SqmTaxAndCashMonolith {
         /**
           * @undocumented 
           * @uiType object
@@ -8693,7 +8671,6 @@ declare namespace LocalJSX {
         "sqm-tabs": SqmTabs;
         "sqm-task-card": SqmTaskCard;
         "sqm-tax-and-cash": SqmTaxAndCash;
-        "sqm-tax-and-cash-monolith": SqmTaxAndCashMonolith;
         "sqm-tax-document-submitted": SqmTaxDocumentSubmitted;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
@@ -8802,7 +8779,6 @@ declare module "@stencil/core" {
             "sqm-tabs": LocalJSX.SqmTabs & JSXBase.HTMLAttributes<HTMLSqmTabsElement>;
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
-            "sqm-tax-and-cash-monolith": LocalJSX.SqmTaxAndCashMonolith & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashMonolithElement>;
             "sqm-tax-document-submitted": LocalJSX.SqmTaxDocumentSubmitted & JSXBase.HTMLAttributes<HTMLSqmTaxDocumentSubmittedElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
diff --git a/packages/mint-components/src/components/sqm-context-router/readme.md b/packages/mint-components/src/components/sqm-context-router/readme.md
index 8a6f949be9..af3ddfde62 100644
--- a/packages/mint-components/src/components/sqm-context-router/readme.md
+++ b/packages/mint-components/src/components/sqm-context-router/readme.md
@@ -12,19 +12,6 @@
 | `contextName` | `context-name` |             | `string` | `undefined` |
 
 
-## Dependencies
-
-### Used by
-
- - [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
-
-### Graph
-```mermaid
-graph TD;
-  sqm-tax-and-cash --> sqm-context-router
-  style sqm-context-router fill:#f9f,stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/sqm-docusign-embed/readme.md b/packages/mint-components/src/components/sqm-docusign-embed/readme.md
index 281c71d3b4..11faae3c59 100644
--- a/packages/mint-components/src/components/sqm-docusign-embed/readme.md
+++ b/packages/mint-components/src/components/sqm-docusign-embed/readme.md
@@ -16,12 +16,12 @@
 
 ### Used by
 
- - [sqm-tax-and-cash-monolith](../sqm-tax-and-cash-monolith)
+ - [sqm-tax-and-cash](../sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
 graph TD;
-  sqm-tax-and-cash-monolith --> sqm-docusign-embed
+  sqm-tax-and-cash --> sqm-docusign-embed
   style sqm-docusign-embed fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/sqm-table-cell/readme.md b/packages/mint-components/src/components/sqm-table-cell/readme.md
index e558e4994e..a92d67f39d 100644
--- a/packages/mint-components/src/components/sqm-table-cell/readme.md
+++ b/packages/mint-components/src/components/sqm-table-cell/readme.md
@@ -18,7 +18,6 @@
  - [sqm-referral-table](../sqm-referral-table)
  - [sqm-rewards-table](../sqm-rewards-table)
  - [sqm-stencilbook](../sqm-stencilbook)
- - [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
@@ -26,7 +25,6 @@ graph TD;
   sqm-referral-table --> sqm-table-cell
   sqm-rewards-table --> sqm-table-cell
   sqm-stencilbook --> sqm-table-cell
-  sqm-tax-and-cash --> sqm-table-cell
   style sqm-table-cell fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/sqm-table-row/readme.md b/packages/mint-components/src/components/sqm-table-row/readme.md
index 44f9752b43..683b3e60af 100644
--- a/packages/mint-components/src/components/sqm-table-row/readme.md
+++ b/packages/mint-components/src/components/sqm-table-row/readme.md
@@ -19,7 +19,6 @@
  - [sqm-referral-table](../sqm-referral-table)
  - [sqm-rewards-table](../sqm-rewards-table)
  - [sqm-stencilbook](../sqm-stencilbook)
- - [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
@@ -27,7 +26,6 @@ graph TD;
   sqm-referral-table --> sqm-table-row
   sqm-rewards-table --> sqm-table-row
   sqm-stencilbook --> sqm-table-row
-  sqm-tax-and-cash --> sqm-table-row
   style sqm-table-row fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md
deleted file mode 100644
index 8c6b7e9863..0000000000
--- a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/readme.md
+++ /dev/null
@@ -1,135 +0,0 @@
-# sqm-tax-and-cash-monolith
-
-
-
-<!-- Auto Generated Below -->
-
-
-## Properties
-
-| Property                                | Attribute                                   | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                     |
-| --------------------------------------- | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `demoData`                              | --                                          |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                 |
-| `step1_allowBankingCollection`          | `step-1_allow-banking-collection`           | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                    |
-| `step1_allowBankingCollectionError`     | `step-1_allow-banking-collection-error`     | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
-| `step1_businessEntity`                  | `step-1_business-entity`                    | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                           |
-| `step1_country`                         | `step-1_country`                            | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                 |
-| `step1_countryError`                    | `step-1_country-error`                      | Error text shown at the bottom of the country input                                                        | `string`                                                                                                             | `"Select a country"`                                                                                                                                                        |
-| `step1_currency`                        | `step-1_currency`                           | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                |
-| `step1_currencyError`                   | `step-1_currency-error`                     | Error text shown at the bottom of the currency input                                                       | `string`                                                                                                             | `"Select a currency"`                                                                                                                                                       |
-| `step1_email`                           | `step-1_email`                              | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                   |
-| `step1_emailError`                      | `step-1_email-error`                        | Error text shown at the bottom of the email input                                                          | `string`                                                                                                             | `"Enter a valid email"`                                                                                                                                                     |
-| `step1_firstName`                       | `step-1_first-name`                         | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                              |
-| `step1_firstNameError`                  | `step-1_first-name-error`                   | Error text shown at the bottom of the first name input                                                     | `string`                                                                                                             | `"Enter a first name"`                                                                                                                                                      |
-| `step1_formStep`                        | `step-1_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                             |
-| `step1_generalErrorDescription`         | `step-1_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step1_generalErrorTitle`               | `step-1_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step1_individualParticipant`           | `step-1_individual-participant`             | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
-| `step1_isPartnerAlertDescription`       | `step-1_is-partner-alert-description`       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
-| `step1_isPartnerAlertHeader`            | `step-1_is-partner-alert-header`            | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `step1_lastName`                        | `step-1_last-name`                          | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                               |
-| `step1_lastNameError`                   | `step-1_last-name-error`                    | Error text shown at the bottom of the last name input                                                      | `string`                                                                                                             | `"Enter a last name"`                                                                                                                                                       |
-| `step1_participantType`                 | `step-1_participant-type`                   | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
-| `step1_participantTypeError`            | `step-1_participant-type-error`             | Error text shown at the bottom of the participant type checkbox                                            | `string`                                                                                                             | `"Select a participant type"`                                                                                                                                               |
-| `step1_personalInformation`             | `step-1_personal-information`               | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                    |
-| `step1_submitButton`                    | `step-1_submit-button`                      | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step1_taxAndBankingCollection`         | `step-1_tax-and-banking-collection`         | Heading text for the tax and banking collection checkbox                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step2_backButton`                      | `step-2_back-button`                        | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step2_formStep`                        | `step-2_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                             |
-| `step2_generalErrorDescription`         | `step-2_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step2_generalErrorTitle`               | `step-2_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step2_hstCanada`                       | `step-2_hst-canada`                         | Label text for the HST Canada radio button                                                                 | `string`                                                                                                             | `"I am registered for HST in Canada"`                                                                                                                                       |
-| `step2_indirectTax`                     | `step-2_indirect-tax`                       | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
-| `step2_indirectTaxDescription`          | `step-2_indirect-tax-description`           | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
-| `step2_indirectTaxDetails`              | `step-2_indirect-tax-details`               | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                    |
-| `step2_indirectTaxDetailsDescription`   | `step-2_indirect-tax-details-description`   | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
-| `step2_indirectTaxNumber`               | `step-2_indirect-tax-number`                | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
-| `step2_indirectTaxNumberError`          | `step-2_indirect-tax-number-error`          | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"Indirect Tax is required"`                                                                                                                                                |
-| `step2_isPartnerAlertDescription`       | `step-2_is-partner-alert-description`       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
-| `step2_isPartnerAlertHeader`            | `step-2_is-partner-alert-header`            | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `step2_notRegistered`                   | `step-2_not-registered`                     | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"I am not registered for Indirect Tax"`                                                                                                                                    |
-| `step2_otherRegion`                     | `step-2_other-region`                       | Label text for the other region radio button                                                               | `string`                                                                                                             | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
-| `step2_province`                        | `step-2_province`                           | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                |
-| `step2_provinceError`                   | `step-2_province-error`                     | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Province is required"`                                                                                                                                                    |
-| `step2_selectedRegion`                  | `step-2_selected-region`                    | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                        |
-| `step2_selectedRegionError`             | `step-2_selected-region-error`              | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Country is required"`                                                                                                                                                     |
-| `step2_submitButton`                    | `step-2_submit-button`                      | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step2_taxDetailsError`                 | `step-2_tax-details-error`                  | Error text shown below the tax details radio buttons                                                       | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
-| `step2_vatNumber`                       | `step-2_vat-number`                         | Label text for the VAT Number input                                                                        | `string`                                                                                                             | `"VAT number"`                                                                                                                                                              |
-| `step2_vatNumberError`                  | `step-2_vat-number-error`                   | Error text shown below the VAT Number input                                                                | `string`                                                                                                             | `"VAT number is required"`                                                                                                                                                  |
-| `step3_backButton`                      | `step-3_back-button`                        | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step3_banner`                          | `step-3_banner`                             | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
-| `step3_checkboxDescription`             | `step-3_checkbox-description`               | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                              |
-| `step3_checkboxLabel`                   | `step-3_checkbox-label`                     | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                         |
-| `step3_formStep`                        | `step-3_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
-| `step3_formSubmissionError`             | `step-3_form-submission-error`              | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
-| `step3_generalErrorDescription`         | `step-3_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step3_generalErrorTitle`               | `step-3_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step3_submitButton`                    | `step-3_submit-button`                      | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step3_taxForm`                         | `step-3_tax-form`                           | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
-| `step3_taxFormDescription`              | `step-3_tax-form-description`               | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                  |
-| `step3_taxFormLabel`                    | `step-3_tax-form-label`                     | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
-| `step3b_backButton`                     | `step-3b_back-button`                       | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step3b_formLabel`                      | `step-3b_form-label`                        | Sub text shown above form selection radio buttons                                                          | `string`                                                                                                             | `"Select a tax form"`                                                                                                                                                       |
-| `step3b_formStep`                       | `step-3b_form-step`                         | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
-| `step3b_generalErrorDescription`        | `step-3b_general-error-description`         | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step3b_generalErrorTitle`              | `step-3b_general-error-title`               | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step3b_submitButton`                   | `step-3b_submit-button`                     | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step3b_taxForm`                        | `step-3b_tax-form`                          | Heading text shown at the top of the top of page                                                           | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
-| `step3b_w8Description`                  | `step-3b_w-8-description`                   | Subtext for the W8 radio button                                                                            | `string`                                                                                                             | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                                                  |
-| `step3b_w8EDescription`                 | `step-3b_w-8-e-description`                 | Subtext for the W8E radio button                                                                           | `string`                                                                                                             | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."`                               |
-| `step3b_w8ELabel`                       | `step-3b_w-8-e-label`                       | Label text for the W8E radio button                                                                        | `string`                                                                                                             | `"W8-BEN-E"`                                                                                                                                                                |
-| `step3b_w8Label`                        | `step-3b_w-8-label`                         | Label text for the W8 radio button                                                                         | `string`                                                                                                             | `"W8-Ben"`                                                                                                                                                                  |
-| `step3b_w9Description`                  | `step-3b_w-9-description`                   | Subtext for the W9 radio button                                                                            | `string`                                                                                                             | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                                                |
-| `step3b_w9Label`                        | `step-3b_w-9-label`                         | Label text for the W9 radio button                                                                         | `string`                                                                                                             | `"W9"`                                                                                                                                                                      |
-| `step4_badgeTextAwaitingReview`         | `step-4_badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                          |
-| `step4_badgeTextExpiredOn`              | `step-4_badge-text-expired-on`              | Description text which appears beside badge showing the form has expired                                   | `string`                                                                                                             | `"Expired on {dateExpired}."`                                                                                                                                               |
-| `step4_badgeTextExpiringSoon`           | `step-4_badge-text-expiring-soon`           | Description text which appears beside badge showing the form expiring soon                                 | `string`                                                                                                             | `", expiring on {dateExpired}."`                                                                                                                                            |
-| `step4_badgeTextSubmittedOn`            | `step-4_badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                            |
-| `step4_bankingInformationSectionHeader` | `step-4_banking-information-section-header` | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                     |
-| `step4_generalErrorDescription`         | `step-4_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step4_generalErrorTitle`               | `step-4_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step4_invalidForm`                     | `step-4_invalid-form`                       | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Ensure your information matches your profile and resubmit a new document."`                                                                                               |
-| `step4_newFormButton`                   | `step-4_new-form-button`                    | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New document"`                                                                                                                                                     |
-| `step4_noFormNeededSubtext`             | `step-4_no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                           |
-| `step4_notRegisteredForTax`             | `step-4_not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered for Indirect Tax"`                                                                                                                                         |
-| `step4_statusTextActive`                | `step-4_status-text-active`                 | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                  |
-| `step4_statusTextExpired`               | `step-4_status-text-expired`                | Status text displayed in badge when tax document is Expired                                                | `string`                                                                                                             | `"Expired"`                                                                                                                                                                 |
-| `step4_statusTextNotActive`             | `step-4_status-text-not-active`             | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                        |
-| `step4_statusTextNotVerified`           | `step-4_status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                            |
-| `step4_taxAlertHeaderExpiredOn`         | `step-4_tax-alert-header-expired-on`        | Header displayed in alert header at the top of the page.                                                   | `string`                                                                                                             | `"Your {documentType} tax form has expired."`                                                                                                                               |
-| `step4_taxAlertHeaderExpiringSoon`      | `step-4_tax-alert-header-expiring-soon`     | Header displayed in alert header at the top of the page.                                                   | `string`                                                                                                             | `"Your {documentType} tax form expires on {dateExpired}"`                                                                                                                   |
-| `step4_taxAlertHeaderNotActive`         | `step-4_tax-alert-header-not-active`        | Header displayed in alert header at the top of the page.                                                   | `string`                                                                                                             | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                                                                  |
-| `step4_taxAlertMessage`                 | `step-4_tax-alert-message`                  | Description text displayed in alert body at the top of the page.                                           | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                              |
-| `step4_taxAlertMessageExpiringSoon`     | `step-4_tax-alert-message-expiring-soon`    | Description text displayed in alert body at the top of the page.                                           | `string`                                                                                                             | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                                                              |
-| `step4_taxDocumentSectionHeader`        | `step-4_tax-document-section-header`        | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                           |
-| `step4_taxDocumentSectionSubHeader`     | `step-4_tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
-| `stop3NotBasedInUS`                     | `stop-3-not-based-in-u-s`                   | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                    |
-
-
-## Dependencies
-
-### Depends on
-
-- [sqm-user-info-form](../tax-and-cash/sqm-user-info-form)
-- [sqm-indirect-tax-form](../tax-and-cash/sqm-indirect-tax-form)
-- [sqm-docusign-form](../tax-and-cash/sqm-docusign-form)
-- [sqm-docusign-embed](../sqm-docusign-embed)
-- [sqm-document-type-form](../tax-and-cash/sqm-document-type-form)
-- [sqm-tax-document-submitted](../tax-and-cash/sqm-tax-document-submitted)
-
-### Graph
-```mermaid
-graph TD;
-  sqm-tax-and-cash-monolith --> sqm-user-info-form
-  sqm-tax-and-cash-monolith --> sqm-indirect-tax-form
-  sqm-tax-and-cash-monolith --> sqm-docusign-form
-  sqm-tax-and-cash-monolith --> sqm-docusign-embed
-  sqm-tax-and-cash-monolith --> sqm-document-type-form
-  sqm-tax-and-cash-monolith --> sqm-tax-document-submitted
-  style sqm-tax-and-cash-monolith fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx b/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
deleted file mode 100644
index 5633a3cb2e..0000000000
--- a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.tsx
+++ /dev/null
@@ -1,813 +0,0 @@
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, Prop, h } from "@stencil/core";
-import { getProps } from "../../utils/utils";
-import {
-  UseTaxAndCashResultType,
-  useTaxAndCash,
-} from "../tax-and-cash/sqm-tax-and-cash/useTaxAndCash";
-import { extractProps } from "./extractProps";
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { TaxAndCash } from "../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash";
-import { useParentState } from "../../utils/useParentState";
-import { TAX_CONTEXT_NAMESPACE } from "../tax-and-cash/sqm-tax-and-cash/data";
-import deepmerge from "deepmerge";
-import { DemoData } from "../../global/demo";
-
-/**
- * @uiName Tax and Cash
- */
-@Component({
-  tag: "sqm-tax-and-cash-monolith",
-  shadow: true,
-})
-export class TaxAndCashMonolith {
-  // !: Make sure to also change the prop names in the respective component
-
-  /**
-   * * USER INFO FORM PROPS:
-   **/
-
-  /**
-   * Label text for first name input
-   * @uiName First name label
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_firstName: string = "First name";
-  /**
-   * Label text for last name input
-   * @uiName Last name label
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_lastName: string = "Last name";
-  /**
-   * Label text for email input
-   * @uiName Email label
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_email: string = "Email";
-  /**
-   * Label text for country input
-   * @uiName Country label
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_country: string = "Country";
-  /**
-   * Label text for currency input
-   * @uiName Currency label
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_currency: string = "Currency";
-  /**
-   * Label text for tax and banking collection checkbox
-   * @uiName Tax and banking label
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_allowBankingCollection: string = "I agree to the terms";
-  /**
-   * Heading text for the tax and banking collection checkbox
-   * @uiName Tax and banking collection checkbox heading
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_taxAndBankingCollection: string = "Continue";
-  /**
-   * Sub text shown at the top of the page, used to show the current step of the tax form.
-   * @uiName Tax form step text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_formStep: string = "Step 1 of 4";
-  /**
-   * Heading text shown above the forms inputs.
-   * @uiName Form heading text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_personalInformation: string = "Personal Information";
-  /**
-   * Label text for the business entity radio button
-   * @uiName Business entity radio button label
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_businessEntity: string = "I represent a business entity";
-  /**
-   * Label text for the individual participant radio button
-   * @uiName Individual participant radio button label
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_individualParticipant: string =
-    "I am an individual participant";
-  /**
-   * Heading text for the participant type radio buttons
-   * @uiName Participant type radio buttons heading
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_participantType: string = "Participant type";
-  /**
-   * Text shown inside of submit button
-   * @uiName Submit button text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_submitButton: string = "Continue";
-  /**
-   * Error text shown at the bottom of the first name input
-   * @uiName First name input error text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_firstNameError: string = "Enter a first name";
-  /**
-   * Error text shown at the bottom of the last name input
-   * @uiName Last name input error text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_lastNameError: string = "Enter a last name";
-  /**
-   * Error text shown at the bottom of the email input
-   * @uiName Email input error text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_emailError: string = "Enter a valid email";
-  /**
-   * Error text shown at the bottom of the country input
-   * @uiName Country input error text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_countryError: string = "Select a country";
-  /**
-   * Error text shown at the bottom of the currency input
-   * @uiName Currency input error text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_currencyError: string = "Select a currency";
-  /**
-   * Error text shown at the bottom of the tax and banking collection checkbox
-   * @uiName Tax and banking collection checkbox error text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_allowBankingCollectionError: string = "This field is required";
-  /**
-   * Error text shown at the bottom of the participant type checkbox
-   * @uiName Participant type checkbox error text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_participantTypeError: string = "Select a participant type";
-
-  /**
-   * Alert header text shown in alert if user is already a registered partner
-   * @uiName Participant is partner title
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_isPartnerAlertHeader: string =
-    "An account with this email already exists with our referral program provider, impact.com";
-
-  /**
-   * Alert description text shown in alert if user is already a registered partner
-   * @uiName Participant is partner description
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_isPartnerAlertDescription: string =
-    "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.";
-
-  /**
-   * The title for error message shown at the top of the page in an error banner
-   *
-   * @uiName General error title
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_generalErrorTitle: string =
-    "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
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_generalErrorDescription: string =
-    "Please review your information and try again. If this problem continues, contact Support.";
-
-  /**
-   * * STEP 2 PROPS:
-   */
-  /**
-   * Sub text shown at the top of the page, used to show the current step of the tax form.
-   * @uiName Indirect tax form step text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_formStep: string = "Step 2 of 4";
-  /**
-   * Heading text shown at the top of the page
-   * @uiName Indirect tax heading text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_indirectTax: string = "Indirect Tax";
-  /**
-   * Subtext shown at the top of the page
-   * @uiName Indirect tax sub text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_indirectTaxDescription: string =
-    "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.";
-  /**
-   * Heading text shown above the tax details radio buttons
-   * @uiName Indirect tax details heading
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_indirectTaxDetails: string = "Indirect Tax Details";
-  /**
-   * Sub text shown above the tax details radio buttons
-   * @uiName Indirect tax details sub text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_indirectTaxDetailsDescription: string =
-    "Not sure if you are registered for indirect tax? Contact our Support team to find out more.";
-  /**
-   * Label text for the other region radio button
-   * @uiName Other region radio button label
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_otherRegion: string =
-    "I am registered for Indirect Tax in a different Country / Region";
-  /**
-   * Label text for the not registered radio button
-   * @uiName Not registered radio button label
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_notRegistered: string = "I am not registered for Indirect Tax";
-  /**
-   * Label text for the Selected Region select input
-   * @uiName Selected region select input label
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_selectedRegion: string = "Country / Region of Indirect Tax";
-  /**
-   * Label text for the Province select input
-   * @uiName Province select input label
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_province: string = "Province";
-
-  /**
-   * Label text for the Indirect Tax Number input
-   * @uiName Indirect Tax Number input label
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_indirectTaxNumber: string =
-    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}}";
-  /**
-   * Label text for the QST Tax Number input
-   * @uiName QST Tax Number input label
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_qstNumber: string = "QST Number";
-  /**
-   * Label text for the QST checkbox
-   * @uiName checkbox label
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_isRegisteredQST: string = "I am registered for QST Tax";
-  /**
-   * Label text for Income Tax checkbox
-   * @uiName Income Tax checkbox label
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_isRegisteredSubRegionIncomeTax: string =
-    "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 Sub-region select
-   * @uiName for Sub-region select label
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_subRegion: string = "Sub-region";
-  /**
-   * Label text for the Sub-region Income Tax Number input
-   * @uiName Sub-region income Tax Number input label
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_subRegionTaxNumberLabel: string = "Income Tax Number";
-  /**
-   * Alert header text shown in alert if user is already a registered partner
-   * @uiName Participant is partner title
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_isPartnerAlertHeader: string =
-    "An account with this email already exists with our referral program provider, impact.com";
-
-  /**
-   * Alert description text shown in alert if user is already a registered partner
-   * @uiName Participant is partner description
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_isPartnerAlertDescription: string =
-    "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 shown inside of submit button
-   * @uiName Submit button text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_submitButton: string = "Continue";
-  /**
-   * Text shown inside of back button
-   * @uiName Back button text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_backButton: string = "Back";
-  /**
-   * Error text shown below the tax details radio buttons
-   * @uiName Indirect tax details error text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_taxDetailsError: string = "This field is required";
-  /**
-   * The title for error message shown at the top of the page in an error banner
-   *
-   * @uiName General error title
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_generalErrorTitle: string =
-    "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
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_generalErrorDescription: string =
-    "Please review your information and try again. If this problem continues, contact Support.";
-  /**
-   * Error text shown below the Selected Region select input
-   * @uiName Selected Region error text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_selectedRegionError: string = "Country is required";
-  /**
-   * Error text shown below the Selected Region select input
-   * @uiName Province error text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_provinceError: string = "Province is required";
-  /**
-   * Error text shown below the Indirect Tax Number select input
-   * @uiName Indirect Tax Number error text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_indirectTaxNumberError: string =
-    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required";
-
-  /**
-   * Error text shown below the Sub-region Income Tax number input
-   * @uiName Sub-region Income Tax error text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_subRegionTaxNumberError: string =
-    "Income Tax Number is required";
-  /**
-   * Error text shown below the QST Tax number input
-   * @uiName QST Tax Number error text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_qstTaxNumberError: string = "QST Tax Number is required";
-  /**
-   * * STEP 3 PROPS:
-   */
-  /**
-   * Sub text shown at the top of the page, used to show the current step of the tax form.
-   * @uiName Tax form step text
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_formStep: string = "Step 3 of 4";
-  /**
-   * Heading text shown at the top of the page
-   * @uiName Tax form heading text
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_taxForm: string = "Tax form";
-  /**
-   * Text shown at the top of the page next to the document type text
-   * @uiName Tax form label text
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_taxFormLabel: string = "{documentType} Tax Form";
-  /**
-   * Subtext shown at the top of the page next to the document type text
-   * @uiName Tax form subtext
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_taxFormDescription: string =
-    "Participants based in the US and partnering with US-based brands need to submit a {documentType} form.";
-  /**
-   * Text shown in the link to the form for non US residents
-   * @uiName Not based in US link text
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() stop3NotBasedInUS: string = "Not based in the US?";
-  /**
-   * Text shown in the banner above the document
-   * @uiName Banner text
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_banner: string =
-    "For your security, we automatically end your session when you have not interacted with the form after 20 minutes.";
-  /**
-   * Heading text for the form submission checkbox
-   * @uiName Form submission checkbox heading
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_checkboxLabel: string = "Form submission";
-  /**
-   * Label text for the form submission checkbox
-   * @uiName Form submission checkbox label
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_checkboxDescription: string =
-    "I have completed and submitted my tax form";
-  /**
-   * Text shown inside of submit button
-   * @uiName Submit button text
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_submitButton: string = "Continue";
-  /**
-   * Text shown inside of back button
-   * @uiName Back button text
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_backButton: string = "Back";
-  /**
-   * The title for error message shown at the top of the page in an error banner
-   *
-   * @uiName General error title
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_generalErrorTitle: string =
-    "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
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_generalErrorDescription: string =
-    "Please review your information and try again. If this problem continues, contact Support.";
-  /**
-   * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-   *
-   * @uiName Form submission error text
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_formSubmissionError: string = "This field is required";
-
-  /**
-   * * DOCUMENT TYPE STEP
-   */
-
-  /**
-   * Sub text shown at the top of the page, used to show the current step of the tax form.
-   * @uiName Tax form step text
-   * @uiGroup Step 3b Properties
-   */
-  @Prop() step3b_formStep: string = "Step 3 of 4";
-  /**
-   * Sub text shown above form selection radio buttons
-   * @uiName Tax form selection heading text
-   * @uiGroup Step 3b Properties
-   */
-  @Prop() step3b_formLabel: string = "Select a tax form";
-  /**
-   * Heading text shown at the top of the top of page
-   * @uiName Tax form heading text
-   * @uiGroup Step 3b Properties
-   */
-  @Prop() step3b_taxForm: string = "Tax form";
-  /**
-   * Label text for the W9 radio button
-   * @uiName W9 radio button label
-   * @uiGroup Step 3b Properties
-   */
-  @Prop() step3b_w9Label: string = "W9";
-  /**
-   * Subtext for the W9 radio button
-   * @uiName W9 radio button subtext
-   * @uiGroup Step 3b Properties
-   */
-  @Prop() step3b_w9Description: string =
-    "W9 For participants based in the US, joining the referral program of a US-based company.";
-  /**
-   * Label text for the W8 radio button
-   * @uiName W8 radio button label
-   * @uiGroup Step 3b Properties
-   */
-  @Prop() step3b_w8Label: string = "W8-Ben";
-  /**
-   * Subtext for the W8 radio button
-   * @uiName W8 radio button subtext
-   * @uiGroup Step 3b Properties
-   */
-  @Prop() step3b_w8Description: string =
-    "W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company.";
-  /**
-   * Label text for the W8E radio button
-   * @uiName W8E radio button label
-   * @uiGroup Step 3b Properties
-   */
-  @Prop() step3b_w8ELabel: string = "W8-BEN-E";
-  /**
-   * Subtext for the W8E radio button
-   * @uiName W8E radio button subtext
-   * @uiGroup Step 3b Properties
-   */
-  @Prop() step3b_w8EDescription: string =
-    "W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company.";
-  /**
-   * Text shown inside of submit button
-   * @uiName Submit button text
-   * @uiGroup Step 3b Properties
-   */
-  @Prop() step3b_submitButton: string = "Continue";
-  /**
-   * Text shown inside of back button
-   * @uiName Back button text
-   * @uiGroup Step 3b Properties
-   */
-  @Prop() step3b_backButton: string = "Back";
-  /**
-   * The title for error message shown at the top of the page in an error banner
-   *
-   * @uiName General error title
-   * @uiGroup Step 3b Properties
-   */
-  @Prop() step3b_generalErrorTitle: string =
-    "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
-   * @uiGroup Step 3b Properties
-   */
-  @Prop() step3b_generalErrorDescription: string =
-    "Please review your information and try again. If this problem continues, contact Support.";
-
-  /**
-   * * SUBMITTED VIEW STEP
-   */
-  /**
-   * Status text displayed in badge when tax document is Active
-   *
-   * @uiName Status text
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_statusTextActive?: string = "Active";
-
-  /**
-   * Status text displayed in badge when tax document is Not Active
-   *
-   * @uiName Status text
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_statusTextNotActive?: string = "Invalid Tax Form";
-
-  /**
-   * Status text displayed in badge when tax document is Not Verified
-   *
-   * @uiName Status text
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_statusTextNotVerified?: string = "Not Verified";
-
-  /**
-   * Status text displayed in badge when tax document is Expired
-   *
-   * @uiName Status text
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_statusTextExpired?: string = "Expired";
-
-  /**
-   * Description text which appears beside badge showing when the form was submitted
-   *
-   * @uiName Badge description text
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_badgeTextSubmittedOn?: string = "Submitted on {dateSubmitted}";
-
-  /**
-   * Description text which appears beside badge showing the form is awaiting review
-   *
-   * @uiName Badge description text
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_badgeTextAwaitingReview?: string =
-    "Awaiting review. Submitted on {dateSubmitted}.";
-
-  /**
-   * Description text which appears beside badge showing the form has expired
-   *
-   * @uiName Badge description text
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_badgeTextExpiredOn?: string = "Expired on {dateExpired}.";
-
-  /**
-   * Description text which appears beside badge showing the form expiring soon
-   *
-   * @uiName Badge description text
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_badgeTextExpiringSoon?: string = ", expiring on {dateExpired}.";
-
-  /**
-   * Header displayed in alert header at the top of the page.
-   *
-   * @uiName Not active alert header
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_taxAlertHeaderNotActive?: string =
-    "Your {documentType} tax form has personal information that doesn't match your profile.";
-  /**
-   * Header displayed in alert header at the top of the page.
-   *
-   * @uiName Expired alert header
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_taxAlertHeaderExpiredOn?: string =
-    "Your {documentType} tax form has expired.";
-  /**
-   * Header displayed in alert header at the top of the page.
-   *
-   * @uiName Expiring soon alert header
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_taxAlertHeaderExpiringSoon?: string =
-    "Your {documentType} tax form expires on {dateExpired}";
-  /**
-   * Description text displayed in alert body at the top of the page.
-   *
-   * @uiName Tax alert message
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_taxAlertMessage?: string =
-    "Please resubmit a new {documentType} form.";
-  /**
-   * Description text displayed in alert body at the top of the page.
-   *
-   * @uiName Expiring soon tax alert message
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_taxAlertMessageExpiringSoon: string =
-    "Please submit a new {documentType} form to continue receiving your rewards";
-  /**
-   * Description text displayed next to the badge in the tax documents status
-   *
-   * @uiName Invalid form description text
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_invalidForm?: string =
-    "Ensure your information matches your profile and resubmit a new document.";
-  /**
-   * Header text displayed above the banking information card
-   *
-   * @uiName Banking information header
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_bankingInformationSectionHeader: string = "Banking Information";
-  /**
-   * Header text displayed above the tax documents status
-   *
-   * @uiName Tax document section header
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_taxDocumentSectionHeader: string = "Tax documents";
-  /**
-   * Sub header text displayed above the tax documents status
-   *
-   * @uiName Tax documents sub header
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_taxDocumentSectionSubHeader: string = "{documentType} Tax Form";
-  /**
-   * Subtext displayed at the bottom of the page if there are no tax documents to show
-   *
-   * @uiName No form needed subtext
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_noFormNeededSubtext: string =
-    "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support.";
-  /**
-   * Text displayed in the submit new document button at the bottom of the page
-   *
-   * @uiName Step 4 No form needed subtext
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_newFormButton: string = "Submit New document";
-  /**
-   * Text displayed when partner is not registered for Indirect Tax
-   *
-   * @uiName Not registered for Indirect Tax
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_notRegisteredForTax: string = "Not registered for Indirect Tax";
-  /**
-   * The title for error message shown at the top of the page in an error banner
-   *
-   * @uiName Step 4 General error title
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_generalErrorTitle: string =
-    "There was a problem submitting your information";
-  /**
-   * The error message shown at the top of the page in an error banner
-   *
-   * @uiName Step 4 General error text
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_generalErrorDescription: string =
-    "Please review your information and try again. If this problem continues, contact Support.";
-
-  /**
-   * @undocumented
-   * @uiType object
-   */
-  @Prop() demoData?: DemoData<UseTaxAndCashResultType>;
-
-  constructor() {
-    withHooks(this);
-  }
-  disconnectedCallback() {}
-
-  getUserInfoFormTextProps() {
-    const props = getProps(this);
-    return extractProps(props, "step1_");
-  }
-  getIndirectTaxFormTextProps() {
-    const props = getProps(this);
-    return extractProps(props, "step2_");
-  }
-  getDocuSignFormTextProps() {
-    const props = getProps(this);
-    return extractProps(props, "step3_");
-  }
-  getDocumentTypeFormTextProps() {
-    const props = getProps(this);
-    return extractProps(props, "step3b_");
-  }
-  getSubmittedPageTextProps() {
-    const props = getProps(this);
-    return extractProps(props, "step4_");
-  }
-
-  render() {
-    const props = useTaxAndCash();
-    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
-
-    switch (props.step) {
-      case "/1":
-        return (
-          <sqm-user-info-form
-            {...this.getUserInfoFormTextProps()}
-          ></sqm-user-info-form>
-        );
-      case "/2":
-        return (
-          <sqm-indirect-tax-form
-            {...this.getIndirectTaxFormTextProps()}
-          ></sqm-indirect-tax-form>
-        );
-      case "/3/W8-BEN":
-      case "/3/W8-BEN-E":
-      case "/3/W9":
-        return (
-          <sqm-docusign-form {...this.getDocuSignFormTextProps()}>
-            <sqm-docusign-embed slot="docusign-iframe"></sqm-docusign-embed>
-          </sqm-docusign-form>
-        );
-      case "/3b":
-        return (
-          <sqm-document-type-form
-            {...this.getDocumentTypeFormTextProps()}
-          ></sqm-document-type-form>
-        );
-      case "/submitted":
-        return (
-          <sqm-tax-document-submitted
-            {...this.getSubmittedPageTextProps()}
-          ></sqm-tax-document-submitted>
-        );
-    }
-
-    // TODO: Loading view
-    return <div></div>;
-  }
-}
-
-function useDemoTaxAndCash(props: TaxAndCashMonolith) {
-  const [step, setStep] = useParentState<string>({
-    namespace: TAX_CONTEXT_NAMESPACE,
-    initialValue: "/1",
-  });
-
-  return deepmerge(
-    {
-      step,
-      setStep,
-    },
-    props.demoData || {},
-    { arrayMerge: (_, a) => a }
-  );
-}
diff --git a/packages/mint-components/src/components/sqm-text/readme.md b/packages/mint-components/src/components/sqm-text/readme.md
index 73b17e0a26..85b61c3945 100644
--- a/packages/mint-components/src/components/sqm-text/readme.md
+++ b/packages/mint-components/src/components/sqm-text/readme.md
@@ -11,14 +11,12 @@
 
  - [sqm-empty](../sqm-empty)
  - [sqm-stencilbook](../sqm-stencilbook)
- - [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-empty --> sqm-text
   sqm-stencilbook --> sqm-text
-  sqm-tax-and-cash --> sqm-text
   style sqm-text fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/sqm-cash-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/sqm-cash-form.tsx
index 628f7cc339..a75ce1547a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/sqm-cash-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/sqm-cash-form.tsx
@@ -3,8 +3,8 @@ import { Component, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
-import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
 import { useCashForm } from "./useCashForm";
+import { UserNameViewProps } from "../../sqm-user-name/sqm-user-name-view";
 
 /**
  * @uiName Tax And Cash
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
index 5850dbab4c..de0ea5a122 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
@@ -30,13 +30,13 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
- - [sqm-tax-and-cash-monolith](../../sqm-tax-and-cash-monolith)
+ - [sqm-tax-and-cash](../../sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-document-type-form
-  sqm-tax-and-cash-monolith --> sqm-document-type-form
+  sqm-tax-and-cash --> sqm-document-type-form
   style sqm-document-type-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index 37d5af9522..d9a3b78ad6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -30,13 +30,13 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
- - [sqm-tax-and-cash-monolith](../../sqm-tax-and-cash-monolith)
+ - [sqm-tax-and-cash](../../sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-docusign-form
-  sqm-tax-and-cash-monolith --> sqm-docusign-form
+  sqm-tax-and-cash --> sqm-docusign-form
   style sqm-docusign-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 92da87ae77..777d6e268a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -7,32 +7,36 @@
 
 ## Properties
 
-| Property                        | Attribute                          | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                                                             |
-| ------------------------------- | ---------------------------------- | ------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`                    | `back-button`                      | Text shown inside of back button                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                                                                            |
-| `demoData`                      | --                                 |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: any; errors: {}; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; }; }; data?: { countries: { countryCode: string; displayName: string; }[]; provinces: { provinceCode: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { errors: {}; }; }; }` | `undefined`                                                                                                                                                                                                         |
-| `formStep`                      | `form-step`                        | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Step 2 of 4"`                                                                                                                                                                                                     |
-| `generalErrorDescription`       | `general-error-description`        | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
-| `generalErrorTitle`             | `general-error-title`              | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                                                                                                                 |
-| `hstCanada`                     | `hst-canada`                       | Label text for the HST Canada radio button                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for HST in Canada"`                                                                                                                                                                               |
-| `indirectTax`                   | `indirect-tax`                     | Heading text shown at the top of the page                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax"`                                                                                                                                                                                                    |
-| `indirectTaxDescription`        | `indirect-tax-description`         | Subtext shown at the top of the page                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."` |
-| `indirectTaxDetails`            | `indirect-tax-details`             | Heading text shown above the tax details radio buttons                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax Details"`                                                                                                                                                                                            |
-| `indirectTaxDetailsDescription` | `indirect-tax-details-description` | Sub text shown above the tax details radio buttons                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"If you are in the US, you are most likely not registered for Indirect Tax. Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                          |
-| `indirectTaxNumber`             | `indirect-tax-number`              | Label text for the Indirect Tax Number input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax"`                                                                                                                                                                                                    |
-| `indirectTaxNumberError`        | `indirect-tax-number-error`        | Error text shown below the Indirect Tax Number select input                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax is required"`                                                                                                                                                                                        |
-| `isPartnerAlertDescription`     | `is-partner-alert-description`     | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."`                                         |
-| `isPartnerAlertHeader`          | `is-partner-alert-header`          | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
-| `notRegistered`                 | `not-registered`                   | Label text for the not registered radio button                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am not registered for Indirect Tax"`                                                                                                                                                                            |
-| `otherRegion`                   | `other-region`                     | Label text for the other region radio button                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                                                                |
-| `province`                      | `province`                         | Label text for the Province select input                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province"`                                                                                                                                                                                                        |
-| `provinceError`                 | `province-error`                   | Error text shown below the Selected Region select input                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province is required"`                                                                                                                                                                                            |
-| `selectedRegion`                | `selected-region`                  | Label text for the Selected Region select input                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country / Region of Indirect Tax"`                                                                                                                                                                                |
-| `selectedRegionError`           | `selected-region-error`            | Error text shown below the Selected Region select input                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country is required"`                                                                                                                                                                                             |
-| `submitButton`                  | `submit-button`                    | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                                                                                                                        |
-| `taxDetailsError`               | `tax-details-error`                | Error text shown below the tax details radio buttons                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"This field is required"`                                                                                                                                                                                          |
-| `vatNumber`                     | `vat-number`                       | Label text for the VAT Number input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"VAT number"`                                                                                                                                                                                                      |
-| `vatNumberError`                | `vat-number-error`                 | Error text shown below the VAT Number input                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                        | `"VAT number is required"`                                                                                                                                                                                          |
+| Property                         | Attribute                             | Description | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                     |
+| -------------------------------- | ------------------------------------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`                     | `back-button`                         |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                                    |
+| `demoData`                       | --                                    |             | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: any; errors: {}; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: { countryCode: string; taxType: string; displayName: string; }[]; provinces: { provinceCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: number; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                 |
+| `formStep`                       | `form-step`                           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Step 2 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`        | `general-error-description`           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`              | `general-error-title`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                                                                         |
+| `indirectTax`                    | `indirect-tax`                        |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax"`                                                                                                                                                            |
+| `indirectTaxDescription`         | `indirect-tax-description`            |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
+| `indirectTaxDetails`             | `indirect-tax-details`                |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax Details"`                                                                                                                                                    |
+| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
+| `indirectTaxNumber`              | `indirect-tax-number`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}}"`                                                                                    |
+| `indirectTaxNumberError`         | `indirect-tax-number-error`           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required"`                                                                        |
+| `isPartnerAlertDescription`      | `is-partner-alert-description`        |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."` |
+| `isPartnerAlertHeader`           | `is-partner-alert-header`             |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `isRegisteredQST`                | `is-registered-q-s-t`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for QST Tax"`                                                                                                                                             |
+| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                              |
+| `notRegistered`                  | `not-registered`                      |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am not registered for Indirect Tax"`                                                                                                                                    |
+| `otherRegion`                    | `other-region`                        |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
+| `province`                       | `province`                            |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province"`                                                                                                                                                                |
+| `provinceError`                  | `province-error`                      |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province is required"`                                                                                                                                                    |
+| `qstNumber`                      | `qst-number`                          |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number"`                                                                                                                                                              |
+| `qstTaxNumberError`              | `qst-tax-number-error`                |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Tax Number is required"`                                                                                                                                              |
+| `selectedRegion`                 | `selected-region`                     |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country / Region of Indirect Tax"`                                                                                                                                        |
+| `selectedRegionError`            | `selected-region-error`               |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country is required"`                                                                                                                                                     |
+| `subRegion`                      | `sub-region`                          |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Sub-region"`                                                                                                                                                              |
+| `subRegionTaxNumberError`        | `sub-region-tax-number-error`         |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number is required"`                                                                                                                                           |
+| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number"`                                                                                                                                                       |
+| `submitButton`                   | `submit-button`                       |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                                                                                |
+| `taxDetailsError`                | `tax-details-error`                   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"This field is required"`                                                                                                                                                  |
 
 
 ## Dependencies
@@ -40,13 +44,13 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
- - [sqm-tax-and-cash-monolith](../../sqm-tax-and-cash-monolith)
+ - [sqm-tax-and-cash](../../sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-indirect-tax-form
-  sqm-tax-and-cash-monolith --> sqm-indirect-tax-form
+  sqm-tax-and-cash --> sqm-indirect-tax-form
   style sqm-indirect-tax-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/TaxAndCash.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/TaxAndCash.stories.tsx
deleted file mode 100644
index a6e2920f39..0000000000
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/TaxAndCash.stories.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { h } from "@stencil/core";
-
-export default {
-  title: "Tests/User Name",
-};
-
-export const DemoData = () => {
-  return (
-    <sqm-user-name
-      demoData={{
-        loading: false,
-        loadingText: "...",
-        username: "Test Testerson",
-      }}
-    ></sqm-user-name>
-  );
-};
-
-export const Username = () => {
-  return <sqm-user-name></sqm-user-name>;
-};
diff --git a/packages/mint-components/src/components/sqm-tax-and-cash-monolith/extractProps.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/extractProps.ts
similarity index 100%
rename from packages/mint-components/src/components/sqm-tax-and-cash-monolith/extractProps.ts
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/extractProps.ts
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 9205a6748c..0010b73722 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -1,4 +1,4 @@
-# sqm-sidebar-item
+# sqm-tax-and-cash-monolith
 
 
 
@@ -7,27 +7,130 @@
 
 ## Properties
 
-| Property   | Attribute | Description | Type                                                              | Default     |
-| ---------- | --------- | ----------- | ----------------------------------------------------------------- | ----------- |
-| `demoData` | --        |             | `{ loading?: boolean; loadingText?: string; username?: string; }` | `undefined` |
+| Property                                | Attribute                                    | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                     |
+| --------------------------------------- | -------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `demoData`                              | --                                           |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                 |
+| `step1_allowBankingCollection`          | `step-1_allow-banking-collection`            | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                    |
+| `step1_allowBankingCollectionError`     | `step-1_allow-banking-collection-error`      | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
+| `step1_businessEntity`                  | `step-1_business-entity`                     | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                           |
+| `step1_country`                         | `step-1_country`                             | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                 |
+| `step1_countryError`                    | `step-1_country-error`                       | Error text shown at the bottom of the country input                                                        | `string`                                                                                                             | `"Select a country"`                                                                                                                                                        |
+| `step1_currency`                        | `step-1_currency`                            | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                |
+| `step1_currencyError`                   | `step-1_currency-error`                      | Error text shown at the bottom of the currency input                                                       | `string`                                                                                                             | `"Select a currency"`                                                                                                                                                       |
+| `step1_email`                           | `step-1_email`                               | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                   |
+| `step1_emailError`                      | `step-1_email-error`                         | Error text shown at the bottom of the email input                                                          | `string`                                                                                                             | `"Enter a valid email"`                                                                                                                                                     |
+| `step1_firstName`                       | `step-1_first-name`                          | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                              |
+| `step1_firstNameError`                  | `step-1_first-name-error`                    | Error text shown at the bottom of the first name input                                                     | `string`                                                                                                             | `"Enter a first name"`                                                                                                                                                      |
+| `step1_formStep`                        | `step-1_form-step`                           | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                             |
+| `step1_generalErrorDescription`         | `step-1_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step1_generalErrorTitle`               | `step-1_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step1_individualParticipant`           | `step-1_individual-participant`              | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
+| `step1_isPartnerAlertDescription`       | `step-1_is-partner-alert-description`        | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
+| `step1_isPartnerAlertHeader`            | `step-1_is-partner-alert-header`             | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `step1_lastName`                        | `step-1_last-name`                           | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                               |
+| `step1_lastNameError`                   | `step-1_last-name-error`                     | Error text shown at the bottom of the last name input                                                      | `string`                                                                                                             | `"Enter a last name"`                                                                                                                                                       |
+| `step1_participantType`                 | `step-1_participant-type`                    | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
+| `step1_participantTypeError`            | `step-1_participant-type-error`              | Error text shown at the bottom of the participant type checkbox                                            | `string`                                                                                                             | `"Select a participant type"`                                                                                                                                               |
+| `step1_personalInformation`             | `step-1_personal-information`                | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                    |
+| `step1_submitButton`                    | `step-1_submit-button`                       | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step1_taxAndBankingCollection`         | `step-1_tax-and-banking-collection`          | Heading text for the tax and banking collection checkbox                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step2_backButton`                      | `step-2_back-button`                         | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
+| `step2_formStep`                        | `step-2_form-step`                           | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                             |
+| `step2_generalErrorDescription`         | `step-2_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step2_generalErrorTitle`               | `step-2_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step2_indirectTax`                     | `step-2_indirect-tax`                        | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
+| `step2_indirectTaxDescription`          | `step-2_indirect-tax-description`            | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
+| `step2_indirectTaxDetails`              | `step-2_indirect-tax-details`                | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                    |
+| `step2_indirectTaxDetailsDescription`   | `step-2_indirect-tax-details-description`    | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
+| `step2_indirectTaxNumber`               | `step-2_indirect-tax-number`                 | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}}"`                                                                                    |
+| `step2_indirectTaxNumberError`          | `step-2_indirect-tax-number-error`           | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required"`                                                                        |
+| `step2_isPartnerAlertDescription`       | `step-2_is-partner-alert-description`        | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
+| `step2_isPartnerAlertHeader`            | `step-2_is-partner-alert-header`             | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `step2_isRegisteredQST`                 | `step-2_is-registered-q-s-t`                 | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                             |
+| `step2_isRegisteredSubRegionIncomeTax`  | `step-2_is-registered-sub-region-income-tax` | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                              |
+| `step2_notRegistered`                   | `step-2_not-registered`                      | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"I am not registered for Indirect Tax"`                                                                                                                                    |
+| `step2_otherRegion`                     | `step-2_other-region`                        | Label text for the other region radio button                                                               | `string`                                                                                                             | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
+| `step2_province`                        | `step-2_province`                            | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                |
+| `step2_provinceError`                   | `step-2_province-error`                      | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Province is required"`                                                                                                                                                    |
+| `step2_qstNumber`                       | `step-2_qst-number`                          | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST Number"`                                                                                                                                                              |
+| `step2_qstTaxNumberError`               | `step-2_qst-tax-number-error`                | Error text shown below the QST Tax number input                                                            | `string`                                                                                                             | `"QST Tax Number is required"`                                                                                                                                              |
+| `step2_selectedRegion`                  | `step-2_selected-region`                     | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                        |
+| `step2_selectedRegionError`             | `step-2_selected-region-error`               | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Country is required"`                                                                                                                                                     |
+| `step2_subRegion`                       | `step-2_sub-region`                          | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                              |
+| `step2_subRegionTaxNumberError`         | `step-2_sub-region-tax-number-error`         | Error text shown below the Sub-region Income Tax number input                                              | `string`                                                                                                             | `"Income Tax Number is required"`                                                                                                                                           |
+| `step2_subRegionTaxNumberLabel`         | `step-2_sub-region-tax-number-label`         | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                       |
+| `step2_submitButton`                    | `step-2_submit-button`                       | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step2_taxDetailsError`                 | `step-2_tax-details-error`                   | Error text shown below the tax details radio buttons                                                       | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
+| `step3_backButton`                      | `step-3_back-button`                         | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
+| `step3_banner`                          | `step-3_banner`                              | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
+| `step3_checkboxDescription`             | `step-3_checkbox-description`                | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                              |
+| `step3_checkboxLabel`                   | `step-3_checkbox-label`                      | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                         |
+| `step3_formStep`                        | `step-3_form-step`                           | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
+| `step3_formSubmissionError`             | `step-3_form-submission-error`               | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
+| `step3_generalErrorDescription`         | `step-3_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step3_generalErrorTitle`               | `step-3_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step3_submitButton`                    | `step-3_submit-button`                       | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step3_taxForm`                         | `step-3_tax-form`                            | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
+| `step3_taxFormDescription`              | `step-3_tax-form-description`                | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                  |
+| `step3_taxFormLabel`                    | `step-3_tax-form-label`                      | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
+| `step3b_backButton`                     | `step-3b_back-button`                        | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
+| `step3b_formLabel`                      | `step-3b_form-label`                         | Sub text shown above form selection radio buttons                                                          | `string`                                                                                                             | `"Select a tax form"`                                                                                                                                                       |
+| `step3b_formStep`                       | `step-3b_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
+| `step3b_generalErrorDescription`        | `step-3b_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step3b_generalErrorTitle`              | `step-3b_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step3b_submitButton`                   | `step-3b_submit-button`                      | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step3b_taxForm`                        | `step-3b_tax-form`                           | Heading text shown at the top of the top of page                                                           | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
+| `step3b_w8Description`                  | `step-3b_w-8-description`                    | Subtext for the W8 radio button                                                                            | `string`                                                                                                             | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                                                  |
+| `step3b_w8EDescription`                 | `step-3b_w-8-e-description`                  | Subtext for the W8E radio button                                                                           | `string`                                                                                                             | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."`                               |
+| `step3b_w8ELabel`                       | `step-3b_w-8-e-label`                        | Label text for the W8E radio button                                                                        | `string`                                                                                                             | `"W8-BEN-E"`                                                                                                                                                                |
+| `step3b_w8Label`                        | `step-3b_w-8-label`                          | Label text for the W8 radio button                                                                         | `string`                                                                                                             | `"W8-Ben"`                                                                                                                                                                  |
+| `step3b_w9Description`                  | `step-3b_w-9-description`                    | Subtext for the W9 radio button                                                                            | `string`                                                                                                             | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                                                |
+| `step3b_w9Label`                        | `step-3b_w-9-label`                          | Label text for the W9 radio button                                                                         | `string`                                                                                                             | `"W9"`                                                                                                                                                                      |
+| `step4_badgeTextAwaitingReview`         | `step-4_badge-text-awaiting-review`          | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                          |
+| `step4_badgeTextExpiredOn`              | `step-4_badge-text-expired-on`               | Description text which appears beside badge showing the form has expired                                   | `string`                                                                                                             | `"Expired on {dateExpired}."`                                                                                                                                               |
+| `step4_badgeTextExpiringSoon`           | `step-4_badge-text-expiring-soon`            | Description text which appears beside badge showing the form expiring soon                                 | `string`                                                                                                             | `", expiring on {dateExpired}."`                                                                                                                                            |
+| `step4_badgeTextSubmittedOn`            | `step-4_badge-text-submitted-on`             | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                            |
+| `step4_bankingInformationSectionHeader` | `step-4_banking-information-section-header`  | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                     |
+| `step4_generalErrorDescription`         | `step-4_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step4_generalErrorTitle`               | `step-4_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step4_invalidForm`                     | `step-4_invalid-form`                        | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Ensure your information matches your profile and resubmit a new document."`                                                                                               |
+| `step4_newFormButton`                   | `step-4_new-form-button`                     | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New document"`                                                                                                                                                     |
+| `step4_noFormNeededSubtext`             | `step-4_no-form-needed-subtext`              | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                           |
+| `step4_notRegisteredForTax`             | `step-4_not-registered-for-tax`              | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered for Indirect Tax"`                                                                                                                                         |
+| `step4_statusTextActive`                | `step-4_status-text-active`                  | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                  |
+| `step4_statusTextExpired`               | `step-4_status-text-expired`                 | Status text displayed in badge when tax document is Expired                                                | `string`                                                                                                             | `"Expired"`                                                                                                                                                                 |
+| `step4_statusTextNotActive`             | `step-4_status-text-not-active`              | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                        |
+| `step4_statusTextNotVerified`           | `step-4_status-text-not-verified`            | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                            |
+| `step4_taxAlertHeaderExpiredOn`         | `step-4_tax-alert-header-expired-on`         | Header displayed in alert header at the top of the page.                                                   | `string`                                                                                                             | `"Your {documentType} tax form has expired."`                                                                                                                               |
+| `step4_taxAlertHeaderExpiringSoon`      | `step-4_tax-alert-header-expiring-soon`      | Header displayed in alert header at the top of the page.                                                   | `string`                                                                                                             | `"Your {documentType} tax form expires on {dateExpired}"`                                                                                                                   |
+| `step4_taxAlertHeaderNotActive`         | `step-4_tax-alert-header-not-active`         | Header displayed in alert header at the top of the page.                                                   | `string`                                                                                                             | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                                                                  |
+| `step4_taxAlertMessage`                 | `step-4_tax-alert-message`                   | Description text displayed in alert body at the top of the page.                                           | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                              |
+| `step4_taxAlertMessageExpiringSoon`     | `step-4_tax-alert-message-expiring-soon`     | Description text displayed in alert body at the top of the page.                                           | `string`                                                                                                             | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                                                              |
+| `step4_taxDocumentSectionHeader`        | `step-4_tax-document-section-header`         | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                           |
+| `step4_taxDocumentSectionSubHeader`     | `step-4_tax-document-section-sub-header`     | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
+| `stop3NotBasedInUS`                     | `stop-3-not-based-in-u-s`                    | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                    |
 
 
 ## Dependencies
 
 ### Depends on
 
-- [sqm-context-router](../../sqm-context-router)
-- [sqm-table-row](../../sqm-table-row)
-- [sqm-table-cell](../../sqm-table-cell)
-- [sqm-text](../../sqm-text)
+- [sqm-user-info-form](../tax-and-cash/sqm-user-info-form)
+- [sqm-indirect-tax-form](../tax-and-cash/sqm-indirect-tax-form)
+- [sqm-docusign-form](../tax-and-cash/sqm-docusign-form)
+- [sqm-docusign-embed](../sqm-docusign-embed)
+- [sqm-document-type-form](../tax-and-cash/sqm-document-type-form)
+- [sqm-tax-document-submitted](../tax-and-cash/sqm-tax-document-submitted)
 
 ### Graph
 ```mermaid
 graph TD;
-  sqm-tax-and-cash --> sqm-context-router
-  sqm-tax-and-cash --> sqm-table-row
-  sqm-tax-and-cash --> sqm-table-cell
-  sqm-tax-and-cash --> sqm-text
+  sqm-tax-and-cash --> sqm-user-info-form
+  sqm-tax-and-cash --> sqm-indirect-tax-form
+  sqm-tax-and-cash --> sqm-docusign-form
+  sqm-tax-and-cash --> sqm-docusign-embed
+  sqm-tax-and-cash --> sqm-document-type-form
+  sqm-tax-and-cash --> sqm-tax-document-submitted
   style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash-view.tsx
deleted file mode 100644
index 7717a362a7..0000000000
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash-view.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { h, Host } from "@stencil/core";
-
-export interface UserNameViewProps {
-  loadingText: string;
-  loading: boolean;
-  username: string;
-}
-
-export function UserNameView(props: UserNameViewProps) {
-  return <Host>{props.loading ? props.loadingText : props.username}</Host>;
-}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 3d469eb74a..70cef61ae7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -1,93 +1,806 @@
-import { isDemo, useHost } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, Host, Prop, State, h } from "@stencil/core";
+import { Component, Prop, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
-import { LoadingSkeleton } from "../../../tables/TableSlots";
-import {
-  getContextValueName,
-  useParentState,
-} from "../../../utils/useParentState";
-import { UserNameViewProps } from "./sqm-tax-and-cash-view";
-import { useTaxAndCash } from "./useTaxAndCash";
-import { TAX_CONTEXT_NAMESPACE, TaxContext } from "./data";
+import { useParentState } from "../../../utils/useParentState";
+import { getProps } from "../../../utils/utils";
+import { TAX_CONTEXT_NAMESPACE } from "./data";
+import { UseTaxAndCashResultType, useTaxAndCash } from "./useTaxAndCash";
+import { extractProps } from "./extractProps";
 
 /**
- * @uiName Tax And Cash
- * @exampleGroup Tax and Cash Components
+ * @uiName Tax and Cash
+ * @exampleGroup Tax and Cash
+ * @example Tax and Cash Multi Step Form - <sqm-tax-and-cash></sqm-tax-and-cash>
  */
 @Component({
   tag: "sqm-tax-and-cash",
-  shadow: false,
+  shadow: true,
 })
-export class TaxAndCash {
-  @State() ignored = true;
+export class TaxAndCashMonolith {
+  // !: Make sure to also change the prop names in the respective component
+
+  /**
+   * * USER INFO FORM PROPS:
+   **/
+
+  /**
+   * Label text for first name input
+   * @uiName First name label
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_firstName: string = "First name";
+  /**
+   * Label text for last name input
+   * @uiName Last name label
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_lastName: string = "Last name";
+  /**
+   * Label text for email input
+   * @uiName Email label
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_email: string = "Email";
+  /**
+   * Label text for country input
+   * @uiName Country label
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_country: string = "Country";
+  /**
+   * Label text for currency input
+   * @uiName Currency label
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_currency: string = "Currency";
+  /**
+   * Label text for tax and banking collection checkbox
+   * @uiName Tax and banking label
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_allowBankingCollection: string = "I agree to the terms";
+  /**
+   * Heading text for the tax and banking collection checkbox
+   * @uiName Tax and banking collection checkbox heading
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_taxAndBankingCollection: string = "Continue";
+  /**
+   * Sub text shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Tax form step text
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_formStep: string = "Step 1 of 4";
+  /**
+   * Heading text shown above the forms inputs.
+   * @uiName Form heading text
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_personalInformation: string = "Personal Information";
+  /**
+   * Label text for the business entity radio button
+   * @uiName Business entity radio button label
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_businessEntity: string = "I represent a business entity";
+  /**
+   * Label text for the individual participant radio button
+   * @uiName Individual participant radio button label
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_individualParticipant: string =
+    "I am an individual participant";
+  /**
+   * Heading text for the participant type radio buttons
+   * @uiName Participant type radio buttons heading
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_participantType: string = "Participant type";
+  /**
+   * Text shown inside of submit button
+   * @uiName Submit button text
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_submitButton: string = "Continue";
+  /**
+   * Error text shown at the bottom of the first name input
+   * @uiName First name input error text
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_firstNameError: string = "Enter a first name";
+  /**
+   * Error text shown at the bottom of the last name input
+   * @uiName Last name input error text
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_lastNameError: string = "Enter a last name";
+  /**
+   * Error text shown at the bottom of the email input
+   * @uiName Email input error text
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_emailError: string = "Enter a valid email";
+  /**
+   * Error text shown at the bottom of the country input
+   * @uiName Country input error text
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_countryError: string = "Select a country";
+  /**
+   * Error text shown at the bottom of the currency input
+   * @uiName Currency input error text
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_currencyError: string = "Select a currency";
+  /**
+   * Error text shown at the bottom of the tax and banking collection checkbox
+   * @uiName Tax and banking collection checkbox error text
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_allowBankingCollectionError: string = "This field is required";
+  /**
+   * Error text shown at the bottom of the participant type checkbox
+   * @uiName Participant type checkbox error text
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_participantTypeError: string = "Select a participant type";
+
+  /**
+   * Alert header text shown in alert if user is already a registered partner
+   * @uiName Participant is partner title
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_isPartnerAlertHeader: string =
+    "An account with this email already exists with our referral program provider, impact.com";
+
+  /**
+   * Alert description text shown in alert if user is already a registered partner
+   * @uiName Participant is partner description
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_isPartnerAlertDescription: string =
+    "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.";
+
+  /**
+   * The title for error message shown at the top of the page in an error banner
+   *
+   * @uiName General error title
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_generalErrorTitle: string =
+    "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
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_generalErrorDescription: string =
+    "Please review your information and try again. If this problem continues, contact Support.";
+
+  /**
+   * * STEP 2 PROPS:
+   */
+  /**
+   * Sub text shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Indirect tax form step text
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_formStep: string = "Step 2 of 4";
+  /**
+   * Heading text shown at the top of the page
+   * @uiName Indirect tax heading text
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_indirectTax: string = "Indirect Tax";
+  /**
+   * Subtext shown at the top of the page
+   * @uiName Indirect tax sub text
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_indirectTaxDescription: string =
+    "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.";
+  /**
+   * Heading text shown above the tax details radio buttons
+   * @uiName Indirect tax details heading
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_indirectTaxDetails: string = "Indirect Tax Details";
+  /**
+   * Sub text shown above the tax details radio buttons
+   * @uiName Indirect tax details sub text
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_indirectTaxDetailsDescription: string =
+    "Not sure if you are registered for indirect tax? Contact our Support team to find out more.";
+  /**
+   * Label text for the other region radio button
+   * @uiName Other region radio button label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_otherRegion: string =
+    "I am registered for Indirect Tax in a different Country / Region";
+  /**
+   * Label text for the not registered radio button
+   * @uiName Not registered radio button label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_notRegistered: string = "I am not registered for Indirect Tax";
+  /**
+   * Label text for the Selected Region select input
+   * @uiName Selected region select input label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_selectedRegion: string = "Country / Region of Indirect Tax";
+  /**
+   * Label text for the Province select input
+   * @uiName Province select input label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_province: string = "Province";
+
+  /**
+   * Label text for the Indirect Tax Number input
+   * @uiName Indirect Tax Number input label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_indirectTaxNumber: string =
+    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}}";
+  /**
+   * Label text for the QST Tax Number input
+   * @uiName QST Tax Number input label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_qstNumber: string = "QST Number";
+  /**
+   * Label text for the QST checkbox
+   * @uiName checkbox label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_isRegisteredQST: string = "I am registered for QST Tax";
+  /**
+   * Label text for Income Tax checkbox
+   * @uiName Income Tax checkbox label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_isRegisteredSubRegionIncomeTax: string =
+    "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 Sub-region select
+   * @uiName for Sub-region select label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_subRegion: string = "Sub-region";
+  /**
+   * Label text for the Sub-region Income Tax Number input
+   * @uiName Sub-region income Tax Number input label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_subRegionTaxNumberLabel: string = "Income Tax Number";
+  /**
+   * Alert header text shown in alert if user is already a registered partner
+   * @uiName Participant is partner title
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_isPartnerAlertHeader: string =
+    "An account with this email already exists with our referral program provider, impact.com";
+
+  /**
+   * Alert description text shown in alert if user is already a registered partner
+   * @uiName Participant is partner description
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_isPartnerAlertDescription: string =
+    "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 shown inside of submit button
+   * @uiName Submit button text
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_submitButton: string = "Continue";
+  /**
+   * Text shown inside of back button
+   * @uiName Back button text
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_backButton: string = "Back";
+  /**
+   * Error text shown below the tax details radio buttons
+   * @uiName Indirect tax details error text
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_taxDetailsError: string = "This field is required";
+  /**
+   * The title for error message shown at the top of the page in an error banner
+   *
+   * @uiName General error title
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_generalErrorTitle: string =
+    "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
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_generalErrorDescription: string =
+    "Please review your information and try again. If this problem continues, contact Support.";
+  /**
+   * Error text shown below the Selected Region select input
+   * @uiName Selected Region error text
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_selectedRegionError: string = "Country is required";
+  /**
+   * Error text shown below the Selected Region select input
+   * @uiName Province error text
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_provinceError: string = "Province is required";
+  /**
+   * Error text shown below the Indirect Tax Number select input
+   * @uiName Indirect Tax Number error text
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_indirectTaxNumberError: string =
+    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required";
+
+  /**
+   * Error text shown below the Sub-region Income Tax number input
+   * @uiName Sub-region Income Tax error text
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_subRegionTaxNumberError: string =
+    "Income Tax Number is required";
+  /**
+   * Error text shown below the QST Tax number input
+   * @uiName QST Tax Number error text
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_qstTaxNumberError: string = "QST Tax Number is required";
+  /**
+   * * STEP 3 PROPS:
+   */
+  /**
+   * Sub text shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Tax form step text
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_formStep: string = "Step 3 of 4";
+  /**
+   * Heading text shown at the top of the page
+   * @uiName Tax form heading text
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_taxForm: string = "Tax form";
+  /**
+   * Text shown at the top of the page next to the document type text
+   * @uiName Tax form label text
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_taxFormLabel: string = "{documentType} Tax Form";
+  /**
+   * Subtext shown at the top of the page next to the document type text
+   * @uiName Tax form subtext
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_taxFormDescription: string =
+    "Participants based in the US and partnering with US-based brands need to submit a {documentType} form.";
+  /**
+   * Text shown in the link to the form for non US residents
+   * @uiName Not based in US link text
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() stop3NotBasedInUS: string = "Not based in the US?";
+  /**
+   * Text shown in the banner above the document
+   * @uiName Banner text
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_banner: string =
+    "For your security, we automatically end your session when you have not interacted with the form after 20 minutes.";
+  /**
+   * Heading text for the form submission checkbox
+   * @uiName Form submission checkbox heading
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_checkboxLabel: string = "Form submission";
+  /**
+   * Label text for the form submission checkbox
+   * @uiName Form submission checkbox label
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_checkboxDescription: string =
+    "I have completed and submitted my tax form";
+  /**
+   * Text shown inside of submit button
+   * @uiName Submit button text
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_submitButton: string = "Continue";
+  /**
+   * Text shown inside of back button
+   * @uiName Back button text
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_backButton: string = "Back";
+  /**
+   * The title for error message shown at the top of the page in an error banner
+   *
+   * @uiName General error title
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_generalErrorTitle: string =
+    "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
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_generalErrorDescription: string =
+    "Please review your information and try again. If this problem continues, contact Support.";
+  /**
+   * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+   *
+   * @uiName Form submission error text
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_formSubmissionError: string = "This field is required";
+
+  /**
+   * * DOCUMENT TYPE STEP
+   */
+
+  /**
+   * Sub text shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Tax form step text
+   * @uiGroup Step 3b Properties
+   */
+  @Prop() step3b_formStep: string = "Step 3 of 4";
+  /**
+   * Sub text shown above form selection radio buttons
+   * @uiName Tax form selection heading text
+   * @uiGroup Step 3b Properties
+   */
+  @Prop() step3b_formLabel: string = "Select a tax form";
+  /**
+   * Heading text shown at the top of the top of page
+   * @uiName Tax form heading text
+   * @uiGroup Step 3b Properties
+   */
+  @Prop() step3b_taxForm: string = "Tax form";
+  /**
+   * Label text for the W9 radio button
+   * @uiName W9 radio button label
+   * @uiGroup Step 3b Properties
+   */
+  @Prop() step3b_w9Label: string = "W9";
+  /**
+   * Subtext for the W9 radio button
+   * @uiName W9 radio button subtext
+   * @uiGroup Step 3b Properties
+   */
+  @Prop() step3b_w9Description: string =
+    "W9 For participants based in the US, joining the referral program of a US-based company.";
+  /**
+   * Label text for the W8 radio button
+   * @uiName W8 radio button label
+   * @uiGroup Step 3b Properties
+   */
+  @Prop() step3b_w8Label: string = "W8-Ben";
+  /**
+   * Subtext for the W8 radio button
+   * @uiName W8 radio button subtext
+   * @uiGroup Step 3b Properties
+   */
+  @Prop() step3b_w8Description: string =
+    "W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company.";
+  /**
+   * Label text for the W8E radio button
+   * @uiName W8E radio button label
+   * @uiGroup Step 3b Properties
+   */
+  @Prop() step3b_w8ELabel: string = "W8-BEN-E";
+  /**
+   * Subtext for the W8E radio button
+   * @uiName W8E radio button subtext
+   * @uiGroup Step 3b Properties
+   */
+  @Prop() step3b_w8EDescription: string =
+    "W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company.";
+  /**
+   * Text shown inside of submit button
+   * @uiName Submit button text
+   * @uiGroup Step 3b Properties
+   */
+  @Prop() step3b_submitButton: string = "Continue";
+  /**
+   * Text shown inside of back button
+   * @uiName Back button text
+   * @uiGroup Step 3b Properties
+   */
+  @Prop() step3b_backButton: string = "Back";
+  /**
+   * The title for error message shown at the top of the page in an error banner
+   *
+   * @uiName General error title
+   * @uiGroup Step 3b Properties
+   */
+  @Prop() step3b_generalErrorTitle: string =
+    "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
+   * @uiGroup Step 3b Properties
+   */
+  @Prop() step3b_generalErrorDescription: string =
+    "Please review your information and try again. If this problem continues, contact Support.";
+
+  /**
+   * * SUBMITTED VIEW STEP
+   */
+  /**
+   * Status text displayed in badge when tax document is Active
+   *
+   * @uiName Status text
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_statusTextActive?: string = "Active";
+
+  /**
+   * Status text displayed in badge when tax document is Not Active
+   *
+   * @uiName Status text
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_statusTextNotActive?: string = "Invalid Tax Form";
+
+  /**
+   * Status text displayed in badge when tax document is Not Verified
+   *
+   * @uiName Status text
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_statusTextNotVerified?: string = "Not Verified";
+
+  /**
+   * Status text displayed in badge when tax document is Expired
+   *
+   * @uiName Status text
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_statusTextExpired?: string = "Expired";
+
+  /**
+   * Description text which appears beside badge showing when the form was submitted
+   *
+   * @uiName Badge description text
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_badgeTextSubmittedOn?: string = "Submitted on {dateSubmitted}";
+
+  /**
+   * Description text which appears beside badge showing the form is awaiting review
+   *
+   * @uiName Badge description text
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_badgeTextAwaitingReview?: string =
+    "Awaiting review. Submitted on {dateSubmitted}.";
+
+  /**
+   * Description text which appears beside badge showing the form has expired
+   *
+   * @uiName Badge description text
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_badgeTextExpiredOn?: string = "Expired on {dateExpired}.";
+
+  /**
+   * Description text which appears beside badge showing the form expiring soon
+   *
+   * @uiName Badge description text
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_badgeTextExpiringSoon?: string = ", expiring on {dateExpired}.";
+
+  /**
+   * Header displayed in alert header at the top of the page.
+   *
+   * @uiName Not active alert header
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_taxAlertHeaderNotActive?: string =
+    "Your {documentType} tax form has personal information that doesn't match your profile.";
+  /**
+   * Header displayed in alert header at the top of the page.
+   *
+   * @uiName Expired alert header
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_taxAlertHeaderExpiredOn?: string =
+    "Your {documentType} tax form has expired.";
+  /**
+   * Header displayed in alert header at the top of the page.
+   *
+   * @uiName Expiring soon alert header
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_taxAlertHeaderExpiringSoon?: string =
+    "Your {documentType} tax form expires on {dateExpired}";
+  /**
+   * Description text displayed in alert body at the top of the page.
+   *
+   * @uiName Tax alert message
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_taxAlertMessage?: string =
+    "Please resubmit a new {documentType} form.";
+  /**
+   * Description text displayed in alert body at the top of the page.
+   *
+   * @uiName Expiring soon tax alert message
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_taxAlertMessageExpiringSoon: string =
+    "Please submit a new {documentType} form to continue receiving your rewards";
+  /**
+   * Description text displayed next to the badge in the tax documents status
+   *
+   * @uiName Invalid form description text
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_invalidForm?: string =
+    "Ensure your information matches your profile and resubmit a new document.";
+  /**
+   * Header text displayed above the banking information card
+   *
+   * @uiName Banking information header
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_bankingInformationSectionHeader: string = "Banking Information";
+  /**
+   * Header text displayed above the tax documents status
+   *
+   * @uiName Tax document section header
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_taxDocumentSectionHeader: string = "Tax documents";
+  /**
+   * Sub header text displayed above the tax documents status
+   *
+   * @uiName Tax documents sub header
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_taxDocumentSectionSubHeader: string = "{documentType} Tax Form";
+  /**
+   * Subtext displayed at the bottom of the page if there are no tax documents to show
+   *
+   * @uiName No form needed subtext
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_noFormNeededSubtext: string =
+    "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support.";
+  /**
+   * Text displayed in the submit new document button at the bottom of the page
+   *
+   * @uiName Step 4 No form needed subtext
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_newFormButton: string = "Submit New document";
+  /**
+   * Text displayed when partner is not registered for Indirect Tax
+   *
+   * @uiName Not registered for Indirect Tax
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_notRegisteredForTax: string = "Not registered for Indirect Tax";
+  /**
+   * The title for error message shown at the top of the page in an error banner
+   *
+   * @uiName Step 4 General error title
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_generalErrorTitle: string =
+    "There was a problem submitting your information";
+  /**
+   * The error message shown at the top of the page in an error banner
+   *
+   * @uiName Step 4 General error text
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_generalErrorDescription: string =
+    "Please review your information and try again. If this problem continues, contact Support.";
 
   /**
    * @undocumented
    * @uiType object
    */
-  @Prop() demoData?: DemoData<UserNameViewProps>;
+  @Prop() demoData?: DemoData<UseTaxAndCashResultType>;
 
   constructor() {
     withHooks(this);
   }
-
   disconnectedCallback() {}
 
+  getUserInfoFormTextProps() {
+    const props = getProps(this);
+    return extractProps(props, "step1_");
+  }
+  getIndirectTaxFormTextProps() {
+    const props = getProps(this);
+    return extractProps(props, "step2_");
+  }
+  getDocuSignFormTextProps() {
+    const props = getProps(this);
+    return extractProps(props, "step3_");
+  }
+  getDocumentTypeFormTextProps() {
+    const props = getProps(this);
+    return extractProps(props, "step3b_");
+  }
+  getSubmittedPageTextProps() {
+    const props = getProps(this);
+    return extractProps(props, "step4_");
+  }
+
   render() {
-    const inDemoMode = isDemo();
-    // const props = inDemoMode ? useTaxAndCashDemo(this) : useTaxAndCash();
     const props = useTaxAndCash();
+    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
-    if (props.loading) return <LoadingSkeleton />;
-
-    return (
-      <Host>
-        <div>
-          <button onClick={() => props.setStep(getPrevStep(props.step))}>
-            Preview previous step
-          </button>{" "}
-          <button onClick={() => props.setStep(getNextStep(props.step))}>
-            Preview next step
-          </button>
-        </div>
-        <sqm-context-router contextName={props.namespace}>
-          <slot />
-        </sqm-context-router>
-      </Host>
-    );
-  }
-}
+    switch (props.step) {
+      case "/1":
+        return (
+          <sqm-user-info-form
+            {...this.getUserInfoFormTextProps()}
+          ></sqm-user-info-form>
+        );
+      case "/2":
+        return (
+          <sqm-indirect-tax-form
+            {...this.getIndirectTaxFormTextProps()}
+          ></sqm-indirect-tax-form>
+        );
+      case "/3/W8-BEN":
+      case "/3/W8-BEN-E":
+      case "/3/W9":
+        return (
+          <sqm-docusign-form {...this.getDocuSignFormTextProps()}>
+            <sqm-docusign-embed slot="docusign-iframe"></sqm-docusign-embed>
+          </sqm-docusign-form>
+        );
+      case "/3b":
+        return (
+          <sqm-document-type-form
+            {...this.getDocumentTypeFormTextProps()}
+          ></sqm-document-type-form>
+        );
+      case "/submitted":
+        return (
+          <sqm-tax-document-submitted
+            {...this.getSubmittedPageTextProps()}
+          ></sqm-tax-document-submitted>
+        );
+    }
 
-function getNextStep(step: string) {
-  if (step === "/1") return "/2";
-  if (step === "/2") return "/3/W9";
-  if (step.includes("/3/")) return "/3b";
-  if (step === "/3b") return "/submitted";
-  if (step === "/loading") return "/1";
-  return "/loading";
-}
-
-function getPrevStep(step: string) {
-  if (step === "/1") return "/1";
-  if (step === "/2") return "/1";
-  if (step.includes("/3")) return "/2";
-  if (step === "/3b") return "/3/W9";
-  if (step === "/submitted") return "/3b";
-  if (step === "/loading") return "/1";
-  return "/loading";
+    // TODO: Loading view
+    return <div></div>;
+  }
 }
 
-function useTaxAndCashDemo(props: TaxAndCash) {
-  const host = useHost();
+function useDemoTaxAndCash(props: TaxAndCashMonolith) {
   const [step, setStep] = useParentState<string>({
     namespace: TAX_CONTEXT_NAMESPACE,
     initialValue: "/1",
   });
+
   return deepmerge(
     {
-      namespace: getContextValueName(TAX_CONTEXT_NAMESPACE),
       step,
       setStep,
     },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
index 6262cd26bd..d137d1c834 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
@@ -7,35 +7,37 @@
 
 ## Properties
 
-| Property                          | Attribute                            | Description                                                                       | Type                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                           |
-| --------------------------------- | ------------------------------------ | --------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
-| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review   | `string`                                                                                                                                                                                                                                                                                                                                       | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                |
-| `badgeTextExpiredOn`              | `badge-text-expired-on`              | Description text which appears beside badge showing the form has expired          | `string`                                                                                                                                                                                                                                                                                                                                       | `"Expired on {dateExpired}."`                                                                                                     |
-| `badgeTextExpiringSoon`           | `badge-text-expiring-soon`           | Description text which appears beside badge showing the form expiring soon        | `string`                                                                                                                                                                                                                                                                                                                                       | `", expiring on {dateExpired}."`                                                                                                  |
-| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted   | `string`                                                                                                                                                                                                                                                                                                                                       | `"Submitted on {dateSubmitted}"`                                                                                                  |
-| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                          | `string`                                                                                                                                                                                                                                                                                                                                       | `"Payout information"`                                                                                                            |
-| `demoData`                        | --                                   |                                                                                   | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; dateExpired?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; loading?: boolean; errors?: any; }; }` | `undefined`                                                                                                                       |
-| `editIndirectTaxButton`           | `edit-indirect-tax-button`           | Text displayed in the edit Indirect Tax button                                    | `string`                                                                                                                                                                                                                                                                                                                                       | `"Edit Indirect Tax"`                                                                                                             |
-| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                 | `string`                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                     |
-| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner       | `string`                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                               |
-| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Region description text of indirect tax                                   | `string`                                                                                                                                                                                                                                                                                                                                       | `"Registered in {province}, {country}"`                                                                                           |
-| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                    | `string`                                                                                                                                                                                                                                                                                                                                       | `"Registered in {country}"`                                                                                                       |
-| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                      | `string`                                                                                                                                                                                                                                                                                                                                       | `"Indirect Tax"`                                                                                                                  |
-| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status          | `string`                                                                                                                                                                                                                                                                                                                                       | `"Ensure your information matches your profile and resubmit a new document."`                                                     |
-| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page        | `string`                                                                                                                                                                                                                                                                                                                                       | `"Submit New document"`                                                                                                           |
-| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show | `string`                                                                                                                                                                                                                                                                                                                                       | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."` |
-| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                    | `string`                                                                                                                                                                                                                                                                                                                                       | `undefined`                                                                                                                       |
-| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                        | `string`                                                                                                                                                                                                                                                                                                                                       | `"Active"`                                                                                                                        |
-| `statusTextExpired`               | `status-text-expired`                | Status text displayed in badge when tax document is Expired                       | `string`                                                                                                                                                                                                                                                                                                                                       | `"Expired"`                                                                                                                       |
-| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                    | `string`                                                                                                                                                                                                                                                                                                                                       | `"Invalid Tax Form"`                                                                                                              |
-| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                  | `string`                                                                                                                                                                                                                                                                                                                                       | `"Not Verified"`                                                                                                                  |
-| `taxAlertHeaderExpiredOn`         | `tax-alert-header-expired-on`        | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                       | `"Your {documentType} tax form has expired."`                                                                                     |
-| `taxAlertHeaderExpiringSoon`      | `tax-alert-header-expiring-soon`     | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                       | `"Your {documentType} tax form expires on {dateExpired}"`                                                                         |
-| `taxAlertHeaderNotActive`         | `tax-alert-header-not-active`        | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                       | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                        |
-| `taxAlertMessage`                 | `tax-alert-message`                  | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                                                                                                                                                       | `"Please resubmit a new {documentType} form."`                                                                                    |
-| `taxAlertMessageExpiringSoon`     | `tax-alert-message-expiring-soon`    | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                                                                                                                                                       | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                    |
-| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                              | `string`                                                                                                                                                                                                                                                                                                                                       | `"Tax documents"`                                                                                                                 |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                          | `string`                                                                                                                                                                                                                                                                                                                                       | `"{documentType} Tax Form"`                                                                                                       |
+| Property                           | Attribute                             | Description                                                                       | Type                                                                                                                                                                                                                                                                                                                                                                      | Default                                                                                                                           |
+| ---------------------------------- | ------------------------------------- | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
+| `badgeTextAwaitingReview`          | `badge-text-awaiting-review`          | Description text which appears beside badge showing the form is awaiting review   | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                |
+| `badgeTextExpiredOn`               | `badge-text-expired-on`               | Description text which appears beside badge showing the form has expired          | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Expired on {dateExpired}."`                                                                                                     |
+| `badgeTextExpiringSoon`            | `badge-text-expiring-soon`            | Description text which appears beside badge showing the form expiring soon        | `string`                                                                                                                                                                                                                                                                                                                                                                  | `", expiring on {dateExpired}."`                                                                                                  |
+| `badgeTextSubmittedOn`             | `badge-text-submitted-on`             | Description text which appears beside badge showing when the form was submitted   | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Submitted on {dateSubmitted}"`                                                                                                  |
+| `bankingInformationSectionHeader`  | `banking-information-section-header`  | Header text displayed above the banking information card                          | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Payout information"`                                                                                                            |
+| `demoData`                         | --                                    |                                                                                   | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; dateExpired?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: any; }; }` | `undefined`                                                                                                                       |
+| `editIndirectTaxButton`            | `edit-indirect-tax-button`            | Text displayed in the edit Indirect Tax button                                    | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Edit Indirect Tax"`                                                                                                             |
+| `generalErrorDescription`          | `general-error-description`           | The error message shown at the top of the page in an error banner                 | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Please review your information and try again. If this problem continues, contact Support."`                                     |
+| `generalErrorTitle`                | `general-error-title`                 | The title for error message shown at the top of the page in an error banner       | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"There was a problem submitting your information"`                                                                               |
+| `indirectTaxIndividualParticipant` | `indirect-tax-individual-participant` | Indirect tax description text for individual participants                         | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax."`        |
+| `indirectTaxInfoCanada`            | `indirect-tax-info-canada`            | Country/Region description text of indirect tax                                   | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Registered in {province}, {country}"`                                                                                           |
+| `indirectTaxInfoOtherCountry`      | `indirect-tax-info-other-country`     | Other country description text of indirect tax                                    | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Registered in {country}"`                                                                                                       |
+| `indirectTaxInfoSectionHeader`     | `indirect-tax-info-section-header`    | Header text displayed above the indirect tax preview section                      | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Indirect Tax"`                                                                                                                  |
+| `indirectTaxTooltipSupport`        | `indirect-tax-tooltip-support`        | Indirect tax tooltip text for support                                             | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"To make changes to your indirect tax information, please contact Support."`                                                     |
+| `invalidForm`                      | `invalid-form`                        | Description text displayed next to the badge in the tax documents status          | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Ensure your information matches your profile and resubmit a new document."`                                                     |
+| `newFormButton`                    | `new-form-button`                     | Text displayed in the submit new document button at the bottom of the page        | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Submit New document"`                                                                                                           |
+| `noFormNeededSubtext`              | `no-form-needed-subtext`              | Subtext displayed at the bottom of the page if there are no tax documents to show | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."` |
+| `notRegisteredForTax`              | `not-registered-for-tax`              | Text displayed when partner is not registered for Indirect Tax                    | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Not Registered"`                                                                                                                |
+| `statusTextActive`                 | `status-text-active`                  | Status text displayed in badge when tax document is Active                        | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Active"`                                                                                                                        |
+| `statusTextExpired`                | `status-text-expired`                 | Status text displayed in badge when tax document is Expired                       | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Expired"`                                                                                                                       |
+| `statusTextNotActive`              | `status-text-not-active`              | Status text displayed in badge when tax document is Not Active                    | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Invalid Tax Form"`                                                                                                              |
+| `statusTextNotVerified`            | `status-text-not-verified`            | Status text displayed in badge when tax document is Not Verified                  | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Not Verified"`                                                                                                                  |
+| `taxAlertHeaderExpiredOn`          | `tax-alert-header-expired-on`         | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Your {documentType} tax form has expired."`                                                                                     |
+| `taxAlertHeaderExpiringSoon`       | `tax-alert-header-expiring-soon`      | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Your {documentType} tax form expires on {dateExpired}"`                                                                         |
+| `taxAlertHeaderNotActive`          | `tax-alert-header-not-active`         | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                        |
+| `taxAlertMessage`                  | `tax-alert-message`                   | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Please resubmit a new {documentType} form."`                                                                                    |
+| `taxAlertMessageExpiringSoon`      | `tax-alert-message-expiring-soon`     | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                    |
+| `taxDocumentSectionHeader`         | `tax-document-section-header`         | Header text displayed above the tax documents status                              | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Tax documents"`                                                                                                                 |
+| `taxDocumentSectionSubHeader`      | `tax-document-section-sub-header`     | Sub header text displayed above the tax documents status                          | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"{documentType} Tax Form"`                                                                                                       |
 
 
 ## Dependencies
@@ -43,13 +45,13 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
- - [sqm-tax-and-cash-monolith](../../sqm-tax-and-cash-monolith)
+ - [sqm-tax-and-cash](../../sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-tax-document-submitted
-  sqm-tax-and-cash-monolith --> sqm-tax-document-submitted
+  sqm-tax-and-cash --> sqm-tax-document-submitted
   style sqm-tax-document-submitted fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index e1fe65bb4d..d74dd9e149 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -41,13 +41,13 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
- - [sqm-tax-and-cash-monolith](../../sqm-tax-and-cash-monolith)
+ - [sqm-tax-and-cash](../../sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-user-info-form
-  sqm-tax-and-cash-monolith --> sqm-user-info-form
+  sqm-tax-and-cash --> sqm-user-info-form
   style sqm-user-info-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index f0966e5f0f..b2c147e812 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -1,9 +1,7 @@
-import { VNode, h } from "@stencil/core";
+import { h } from "@stencil/core";
+import { intl } from "../../../../global/global";
 import { createStyleSheet } from "../../../../styling/JSS";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { INDIRECT_TAX_PROVINCES } from "../../subregions";
-import { intl } from "../../../../global/global";
-import { getFieldDef } from "graphql/execution/execute";
 
 export interface IndirectDetailsSlotViewProps {
   states: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index b7716848c4..741f3b8fb5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -4,15 +4,11 @@ import { useState } from "@saasquatch/universal-hooks";
 import { Component, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
-import { getProps } from "../../../utils/utils";
-import { UserNameViewProps } from "../sqm-tax-and-cash/sqm-tax-and-cash-view";
-import {
-  UserInfoFormView,
-  UserInfoFormViewProps,
-} from "./sqm-user-info-form-view";
-import { useUserInfoForm, UseUserInfoFormResult } from "./useUserInfoForm";
 import { useParent } from "../../../utils/useParentState";
+import { getProps } from "../../../utils/utils";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
+import { UserInfoFormView } from "./sqm-user-info-form-view";
+import { useUserInfoForm, UseUserInfoFormResult } from "./useUserInfoForm";
 
 /**
  * @uiName User Information Form
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index b5661e1129..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash-monolith></sqm-tax-and-cash-monolith> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From 4f91ab06e65eec4eb4fe21fd7dd9d9ec24ca606b Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 12 Feb 2024 13:14:37 -0800
Subject: [PATCH 178/753] Created TaxForm stories, adjusted indirect tax form
 CSS, updated specs

---
 packages/mint-components/src/components.d.ts  | 5729 ++++++++++-------
 .../sqm-indirect-tax-form.feature             |   61 +-
 .../sqm-indirect-tax-form.tsx                 |    2 +
 .../tax-and-cash/sqm-tax-form.feature         |   18 +-
 .../sqm-user-info-form/TaxForm.stories.tsx    |  143 +-
 .../sqm-user-info-form/defaultTextCopy.ts     |    1 +
 .../small-views/IndirectTaxDetailsView.tsx    |   19 +-
 packages/mint-components/src/index.html       |    4 +-
 8 files changed, 3633 insertions(+), 2344 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index ec1fe59966..509e5a8724 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -743,6 +743,7 @@ export namespace Components {
         "selectedRegion": string;
         "selectedRegionError": string;
         "subRegion": string;
+        "subRegionError": string;
         "subRegionTaxNumberError": string;
         "subRegionTaxNumberLabel": string;
         "submitButton": string;
@@ -3599,366 +3600,967 @@ export namespace Components {
          */
         "stop3NotBasedInUS": string;
     }
-    interface SqmTaxDocumentSubmitted {
+    interface SqmTaxAndCashMonolith {
         /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
+          * @undocumented 
+          * @uiType object
          */
-        "badgeTextAwaitingReview"?: string;
+        "demoData"?: DemoData<UseTaxAndCashResultType>;
         /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
+          * @uiGroup Step 1 Properties
          */
-        "badgeTextExpiredOn"?: string;
+        "step1_allowBankingCollection": string;
         /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "badgeTextExpiringSoon"?: string;
+        "step1_allowBankingCollectionError": string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+          * @uiGroup Step 1 Properties
          */
-        "badgeTextSubmittedOn"?: string;
+        "step1_businessEntity": string;
         /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
+          * Label text for country input
+          * @uiName Country label
+          * @uiGroup Step 1 Properties
          */
-        "bankingInformationSectionHeader": string;
+        "step1_country": string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
+          * @uiGroup Step 1 Properties
          */
-        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
+        "step1_countryError": string;
         /**
-          * Text displayed in the edit Indirect Tax button
-          * @uiName Edit Indirect Tax button
+          * Label text for currency input
+          * @uiName Currency label
+          * @uiGroup Step 1 Properties
          */
-        "editIndirectTaxButton": string;
+        "step1_currency": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
+          * @uiGroup Step 1 Properties
          */
-        "generalErrorDescription": string;
+        "step1_currencyError": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * Label text for email input
+          * @uiName Email label
+          * @uiGroup Step 1 Properties
          */
-        "generalErrorTitle": string;
+        "step1_email": string;
         /**
-          * Indirect tax description text for individual participants
-          * @uiName Indirect tax individual participant description
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
+          * @uiGroup Step 1 Properties
          */
-        "indirectTaxIndividualParticipant": string;
+        "step1_emailError": string;
         /**
-          * Country/Region description text of indirect tax
-          * @uiName Indirect tax Canada description
+          * Label text for first name input
+          * @uiName First name label
+          * @uiGroup Step 1 Properties
          */
-        "indirectTaxInfoCanada": string;
+        "step1_firstName": string;
         /**
-          * Other country description text of indirect tax
-          * @uiName Indirect tax other country description
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
+          * @uiGroup Step 1 Properties
          */
-        "indirectTaxInfoOtherCountry": string;
+        "step1_firstNameError": string;
         /**
-          * Header text displayed above the indirect tax preview section
-          * @uiName Indirect Tax Information Header
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup Step 1 Properties
          */
-        "indirectTaxInfoSectionHeader": string;
+        "step1_formStep": string;
         /**
-          * Indirect tax tooltip text for support
-          * @uiName Indirect tax tooltip description
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 1 Properties
          */
-        "indirectTaxTooltipSupport": string;
+        "step1_generalErrorDescription": string;
         /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 1 Properties
          */
-        "invalidForm"?: string;
+        "step1_generalErrorTitle": string;
         /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName No form needed subtext
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+          * @uiGroup Step 1 Properties
          */
-        "newFormButton": string;
+        "step1_individualParticipant": string;
         /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+          * @uiGroup Step 1 Properties
          */
-        "noFormNeededSubtext": string;
+        "step1_isPartnerAlertDescription": string;
         /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+          * @uiGroup Step 1 Properties
          */
-        "notRegisteredForTax": string;
+        "step1_isPartnerAlertHeader": string;
         /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
+          * Label text for last name input
+          * @uiName Last name label
+          * @uiGroup Step 1 Properties
          */
-        "statusTextActive"?: string;
+        "step1_lastName": string;
         /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
+          * @uiGroup Step 1 Properties
          */
-        "statusTextExpired"?: string;
+        "step1_lastNameError": string;
         /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
+          * @uiGroup Step 1 Properties
          */
-        "statusTextNotActive"?: string;
+        "step1_participantType": string;
         /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "statusTextNotVerified"?: string;
+        "step1_participantTypeError": string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
+          * @uiGroup Step 1 Properties
          */
-        "taxAlertHeaderExpiredOn"?: string;
+        "step1_personalInformation": string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 1 Properties
          */
-        "taxAlertHeaderExpiringSoon"?: string;
+        "step1_submitButton": string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
+          * @uiGroup Step 1 Properties
          */
-        "taxAlertHeaderNotActive"?: string;
+        "step1_taxAndBankingCollection": string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 2 Properties
          */
-        "taxAlertMessage"?: string;
+        "step2_backButton": string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Indirect tax form step text
+          * @uiGroup Step 2 Properties
          */
-        "taxAlertMessageExpiringSoon": string;
+        "step2_formStep": string;
         /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 2 Properties
          */
-        "taxDocumentSectionHeader": string;
+        "step2_generalErrorDescription": string;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 2 Properties
          */
-        "taxDocumentSectionSubHeader": string;
-    }
-    interface SqmText {
-    }
-    interface SqmTextSpan {
+        "step2_generalErrorTitle": string;
         /**
-          * @uiName Text
+          * Heading text shown at the top of the page
+          * @uiName Indirect tax heading text
+          * @uiGroup Step 2 Properties
          */
-        "text": string;
+        "step2_indirectTax": string;
         /**
-          * @uiName Type
-          * @uiType string
-          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
-          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
+          * Subtext shown at the top of the page
+          * @uiName Indirect tax sub text
+          * @uiGroup Step 2 Properties
          */
-        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
-    }
-    interface SqmTimeline {
+        "step2_indirectTaxDescription": string;
         /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
+          * Heading text shown above the tax details radio buttons
+          * @uiName Indirect tax details heading
+          * @uiGroup Step 2 Properties
          */
-        "icon": "gift" | "circle";
-    }
-    interface SqmTimelineEntry {
+        "step2_indirectTaxDetails": string;
         /**
-          * @uiName Description
+          * Sub text shown above the tax details radio buttons
+          * @uiName Indirect tax details sub text
+          * @uiGroup Step 2 Properties
          */
-        "desc": string;
+        "step2_indirectTaxDetailsDescription": string;
         /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
+          * Label text for the Indirect Tax Number input
+          * @uiName Indirect Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "icon": "gift" | "circle";
+        "step2_indirectTaxNumber": string;
         /**
-          * @uiName Reward amount
+          * Error text shown below the Indirect Tax Number select input
+          * @uiName Indirect Tax Number error text
+          * @uiGroup Step 2 Properties
          */
-        "reward": string;
-        "setIcon": (value: "gift" | "circle") => Promise<void>;
+        "step2_indirectTaxNumberError": string;
         /**
-          * @uiName Reward unit
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+          * @uiGroup Step 2 Properties
          */
-        "unit": string;
-    }
-    interface SqmTitledSection {
+        "step2_isPartnerAlertDescription": string;
         /**
-          * Text value shown when there is no label slot declared.
-          * @uiName Label
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+          * @uiGroup Step 2 Properties
          */
-        "label": string;
+        "step2_isPartnerAlertHeader": string;
         /**
-          * Margin applied to the bottom of the label slot
-          * @uiName Label bottom margin
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Label text for the QST checkbox
+          * @uiName checkbox label
+          * @uiGroup Step 2 Properties
          */
-        "labelMargin": Spacing;
+        "step2_isRegisteredQST": string;
         /**
-          * Padding applied to all 4 sides of the container
-          * @uiName Section padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Label text for Income Tax checkbox
+          * @uiName Income Tax checkbox label
+          * @uiGroup Step 2 Properties
          */
-        "padding": Spacing;
+        "step2_isRegisteredSubRegionIncomeTax": string;
         /**
-          * @uiName Text alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * Label text for the not registered radio button
+          * @uiName Not registered radio button label
+          * @uiGroup Step 2 Properties
          */
-        "textAlign": "left" | "center" | "right";
-    }
-    interface SqmUserInfoForm {
+        "step2_notRegistered": string;
         /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
+          * Label text for the other region radio button
+          * @uiName Other region radio button label
+          * @uiGroup Step 2 Properties
          */
-        "allowBankingCollection": string;
+        "step2_otherRegion": string;
         /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
+          * Label text for the Province select input
+          * @uiName Province select input label
+          * @uiGroup Step 2 Properties
          */
-        "allowBankingCollectionError": string;
+        "step2_province": string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
+          * Error text shown below the Selected Region select input
+          * @uiName Province error text
+          * @uiGroup Step 2 Properties
          */
-        "businessEntity": string;
+        "step2_provinceError": string;
         /**
-          * Label text for country input
-          * @uiName Country label
+          * Label text for the QST Tax Number input
+          * @uiName QST Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "country": string;
+        "step2_qstNumber": string;
         /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
+          * Error text shown below the QST Tax number input
+          * @uiName QST Tax Number error text
+          * @uiGroup Step 2 Properties
          */
-        "countryError": string;
+        "step2_qstTaxNumberError": string;
         /**
-          * Label text for currency input
-          * @uiName Currency label
+          * Label text for the Selected Region select input
+          * @uiName Selected region select input label
+          * @uiGroup Step 2 Properties
          */
-        "currency": string;
+        "step2_selectedRegion": string;
         /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
+          * Error text shown below the Selected Region select input
+          * @uiName Selected Region error text
+          * @uiGroup Step 2 Properties
          */
-        "currencyError": string;
+        "step2_selectedRegionError": string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Label text for Sub-region select
+          * @uiName for Sub-region select label
+          * @uiGroup Step 2 Properties
          */
-        "demoData"?: DemoData<UseUserInfoFormResult>;
+        "step2_subRegion": string;
         /**
-          * Label text for email input
-          * @uiName Email label
+          * Error text shown below the Sub-region Income Tax number input
+          * @uiName Sub-region Income Tax error text
+          * @uiGroup Step 2 Properties
          */
-        "email": string;
+        "step2_subRegionTaxNumberError": string;
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
+          * Label text for the Sub-region Income Tax Number input
+          * @uiName Sub-region income Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "emailError": string;
+        "step2_subRegionTaxNumberLabel": string;
         /**
-          * Label text for first name input
-          * @uiName First name label
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 2 Properties
          */
-        "firstName": string;
+        "step2_submitButton": string;
         /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
+          * Error text shown below the tax details radio buttons
+          * @uiName Indirect tax details error text
+          * @uiGroup Step 2 Properties
          */
-        "firstNameError": string;
+        "step2_taxDetailsError": string;
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_backButton": string;
+        /**
+          * Text shown in the banner above the document
+          * @uiName Banner text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_banner": string;
+        /**
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+          * @uiGroup Step 3 Properties
+         */
+        "step3_checkboxDescription": string;
+        /**
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
+          * @uiGroup Step 3 Properties
+         */
+        "step3_checkboxLabel": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
+          * @uiGroup Step 3 Properties
          */
-        "formStep": string;
+        "step3_formStep": string;
+        /**
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_formSubmissionError": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
+          * @uiGroup Step 3 Properties
          */
-        "generalErrorDescription": string;
+        "step3_generalErrorDescription": string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
+          * @uiGroup Step 3 Properties
          */
-        "generalErrorTitle": string;
+        "step3_generalErrorTitle": string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 3 Properties
          */
-        "individualParticipant": string;
+        "step3_submitButton": string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
+          * @uiGroup Step 3 Properties
          */
-        "isPartnerAlertDescription": string;
+        "step3_taxForm": string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
+          * @uiGroup Step 3 Properties
          */
-        "isPartnerAlertHeader": string;
+        "step3_taxFormDescription": string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
+          * @uiGroup Step 3 Properties
          */
-        "lastName": string;
+        "step3_taxFormLabel": string;
         /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 3b Properties
          */
-        "lastNameError": string;
+        "step3b_backButton": string;
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
+          * @uiGroup Step 3b Properties
          */
-        "participantType": string;
+        "step3b_formLabel": string;
         /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup Step 3b Properties
          */
-        "participantTypeError": string;
+        "step3b_formStep": string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 3b Properties
          */
-        "personalInformation": string;
+        "step3b_generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_generalErrorTitle": string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
+          * @uiGroup Step 3b Properties
          */
-        "submitButton": string;
+        "step3b_submitButton": string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
+          * @uiGroup Step 3b Properties
          */
-        "taxAndBankingCollection": string;
-    }
-    interface SqmUserName {
+        "step3b_taxForm": string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Subtext for the W8 radio button
+          * @uiName W8 radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "demoData"?: DemoData<UserNameViewProps>;
+        "step3b_w8Description": string;
         /**
-          * @uiName Unknown user name
+          * Subtext for the W8E radio button
+          * @uiName W8E radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "fallback": string;
+        "step3b_w8EDescription": string;
+        /**
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_w8ELabel": string;
+        /**
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_w8Label": string;
+        /**
+          * Subtext for the W9 radio button
+          * @uiName W9 radio button subtext
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_w9Description": string;
+        /**
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_w9Label": string;
+        /**
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_badgeTextAwaitingReview"?: string;
+        /**
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_badgeTextExpiredOn"?: string;
+        /**
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_badgeTextExpiringSoon"?: string;
+        /**
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_badgeTextSubmittedOn"?: string;
+        /**
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_bankingInformationSectionHeader": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName Step 4 General error text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName Step 4 General error title
+          * @uiGroup Step 4 Properties
+         */
+        "step4_generalErrorTitle": string;
+        /**
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_invalidForm"?: string;
+        /**
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName Step 4 No form needed subtext
+          * @uiGroup Step 4 Properties
+         */
+        "step4_newFormButton": string;
+        /**
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
+          * @uiGroup Step 4 Properties
+         */
+        "step4_noFormNeededSubtext": string;
+        /**
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
+          * @uiGroup Step 4 Properties
+         */
+        "step4_notRegisteredForTax": string;
+        /**
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_statusTextActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_statusTextExpired"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_statusTextNotActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_statusTextNotVerified"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxAlertHeaderExpiredOn"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxAlertHeaderExpiringSoon"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxAlertHeaderNotActive"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxAlertMessage"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxAlertMessageExpiringSoon": string;
+        /**
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxDocumentSectionHeader": string;
+        /**
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxDocumentSectionSubHeader": string;
+        /**
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
+          * @uiGroup Step 3 Properties
+         */
+        "stop3NotBasedInUS": string;
+    }
+    interface SqmTaxDocumentSubmitted {
+        /**
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
+         */
+        "badgeTextAwaitingReview"?: string;
+        /**
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
+         */
+        "badgeTextExpiredOn"?: string;
+        /**
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
+         */
+        "badgeTextExpiringSoon"?: string;
+        /**
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+         */
+        "badgeTextSubmittedOn"?: string;
+        /**
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
+         */
+        "bankingInformationSectionHeader": string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
+        /**
+          * Text displayed in the edit Indirect Tax button
+          * @uiName Edit Indirect Tax button
+         */
+        "editIndirectTaxButton": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle": string;
+        /**
+          * Indirect tax description text for individual participants
+          * @uiName Indirect tax individual participant description
+         */
+        "indirectTaxIndividualParticipant": string;
+        /**
+          * Country/Region description text of indirect tax
+          * @uiName Indirect tax Canada description
+         */
+        "indirectTaxInfoCanada": string;
+        /**
+          * Other country description text of indirect tax
+          * @uiName Indirect tax other country description
+         */
+        "indirectTaxInfoOtherCountry": string;
+        /**
+          * Header text displayed above the indirect tax preview section
+          * @uiName Indirect Tax Information Header
+         */
+        "indirectTaxInfoSectionHeader": string;
+        /**
+          * Indirect tax tooltip text for support
+          * @uiName Indirect tax tooltip description
+         */
+        "indirectTaxTooltipSupport": string;
+        /**
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
+         */
+        "invalidForm"?: string;
+        /**
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
+         */
+        "newFormButton": string;
+        /**
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
+         */
+        "noFormNeededSubtext": string;
+        /**
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
+         */
+        "notRegisteredForTax": string;
+        /**
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
+         */
+        "statusTextActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
+         */
+        "statusTextExpired"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
+         */
+        "statusTextNotActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
+         */
+        "statusTextNotVerified"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
+         */
+        "taxAlertHeaderExpiredOn"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
+         */
+        "taxAlertHeaderExpiringSoon"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
+         */
+        "taxAlertHeaderNotActive"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
+         */
+        "taxAlertMessage"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
+         */
+        "taxAlertMessageExpiringSoon": string;
+        /**
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+         */
+        "taxDocumentSectionHeader": string;
+        /**
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
+         */
+        "taxDocumentSectionSubHeader": string;
+    }
+    interface SqmText {
+    }
+    interface SqmTextSpan {
+        /**
+          * @uiName Text
+         */
+        "text": string;
+        /**
+          * @uiName Type
+          * @uiType string
+          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
+          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
+         */
+        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+    }
+    interface SqmTimeline {
+        /**
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
+         */
+        "icon": "gift" | "circle";
+    }
+    interface SqmTimelineEntry {
+        /**
+          * @uiName Description
+         */
+        "desc": string;
+        /**
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
+         */
+        "icon": "gift" | "circle";
+        /**
+          * @uiName Reward amount
+         */
+        "reward": string;
+        "setIcon": (value: "gift" | "circle") => Promise<void>;
+        /**
+          * @uiName Reward unit
+         */
+        "unit": string;
+    }
+    interface SqmTitledSection {
+        /**
+          * Text value shown when there is no label slot declared.
+          * @uiName Label
+         */
+        "label": string;
+        /**
+          * Margin applied to the bottom of the label slot
+          * @uiName Label bottom margin
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "labelMargin": Spacing;
+        /**
+          * Padding applied to all 4 sides of the container
+          * @uiName Section padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "padding": Spacing;
+        /**
+          * @uiName Text alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "textAlign": "left" | "center" | "right";
+    }
+    interface SqmUserInfoForm {
+        /**
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
+         */
+        "allowBankingCollection": string;
+        /**
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
+         */
+        "allowBankingCollectionError": string;
+        /**
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+         */
+        "businessEntity": string;
+        /**
+          * Label text for country input
+          * @uiName Country label
+         */
+        "country": string;
+        /**
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
+         */
+        "countryError": string;
+        /**
+          * Label text for currency input
+          * @uiName Currency label
+         */
+        "currency": string;
+        /**
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
+         */
+        "currencyError": string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseUserInfoFormResult>;
+        /**
+          * Label text for email input
+          * @uiName Email label
+         */
+        "email": string;
+        /**
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
+         */
+        "emailError": string;
+        /**
+          * Label text for first name input
+          * @uiName First name label
+         */
+        "firstName": string;
+        /**
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
+         */
+        "firstNameError": string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
+        "formStep": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle": string;
+        /**
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+         */
+        "individualParticipant": string;
+        /**
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+         */
+        "isPartnerAlertDescription": string;
+        /**
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+         */
+        "isPartnerAlertHeader": string;
+        /**
+          * Label text for last name input
+          * @uiName Last name label
+         */
+        "lastName": string;
+        /**
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
+         */
+        "lastNameError": string;
+        /**
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
+         */
+        "participantType": string;
+        /**
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
+         */
+        "participantTypeError": string;
+        /**
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
+         */
+        "personalInformation": string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "submitButton": string;
+        /**
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
+         */
+        "taxAndBankingCollection": string;
+    }
+    interface SqmUserName {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+        /**
+          * @uiName Unknown user name
+         */
+        "fallback": string;
         /**
           * Text displayed while the participant’s name is loading.
           * @uiName Loading text
@@ -4483,1446 +5085,1988 @@ declare global {
         prototype: HTMLSqmShareLinkElement;
         new (): HTMLSqmShareLinkElement;
     };
-    interface HTMLSqmStatContainerElement extends Components.SqmStatContainer, HTMLStencilElement {
+    interface HTMLSqmStatContainerElement extends Components.SqmStatContainer, HTMLStencilElement {
+    }
+    var HTMLSqmStatContainerElement: {
+        prototype: HTMLSqmStatContainerElement;
+        new (): HTMLSqmStatContainerElement;
+    };
+    interface HTMLSqmStencilbookElement extends Components.SqmStencilbook, HTMLStencilElement {
+    }
+    var HTMLSqmStencilbookElement: {
+        prototype: HTMLSqmStencilbookElement;
+        new (): HTMLSqmStencilbookElement;
+    };
+    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    }
+    var HTMLSqmTabElement: {
+        prototype: HTMLSqmTabElement;
+        new (): HTMLSqmTabElement;
+    };
+    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    }
+    var HTMLSqmTableCellElement: {
+        prototype: HTMLSqmTableCellElement;
+        new (): HTMLSqmTableCellElement;
+    };
+    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    }
+    var HTMLSqmTableRowElement: {
+        prototype: HTMLSqmTableRowElement;
+        new (): HTMLSqmTableRowElement;
+    };
+    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    }
+    var HTMLSqmTabsElement: {
+        prototype: HTMLSqmTabsElement;
+        new (): HTMLSqmTabsElement;
+    };
+    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
+    }
+    var HTMLSqmTaskCardElement: {
+        prototype: HTMLSqmTaskCardElement;
+        new (): HTMLSqmTaskCardElement;
+    };
+    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    }
+    var HTMLSqmTaxAndCashElement: {
+        prototype: HTMLSqmTaxAndCashElement;
+        new (): HTMLSqmTaxAndCashElement;
+    };
+    interface HTMLSqmTaxAndCashMonolithElement extends Components.SqmTaxAndCashMonolith, HTMLStencilElement {
+    }
+    var HTMLSqmTaxAndCashMonolithElement: {
+        prototype: HTMLSqmTaxAndCashMonolithElement;
+        new (): HTMLSqmTaxAndCashMonolithElement;
+    };
+    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
+    }
+    var HTMLSqmTaxDocumentSubmittedElement: {
+        prototype: HTMLSqmTaxDocumentSubmittedElement;
+        new (): HTMLSqmTaxDocumentSubmittedElement;
+    };
+    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
+    }
+    var HTMLSqmTextElement: {
+        prototype: HTMLSqmTextElement;
+        new (): HTMLSqmTextElement;
+    };
+    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
+    }
+    var HTMLSqmTextSpanElement: {
+        prototype: HTMLSqmTextSpanElement;
+        new (): HTMLSqmTextSpanElement;
+    };
+    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
+    }
+    var HTMLSqmTimelineElement: {
+        prototype: HTMLSqmTimelineElement;
+        new (): HTMLSqmTimelineElement;
+    };
+    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
     }
-    var HTMLSqmStatContainerElement: {
-        prototype: HTMLSqmStatContainerElement;
-        new (): HTMLSqmStatContainerElement;
+    var HTMLSqmTimelineEntryElement: {
+        prototype: HTMLSqmTimelineEntryElement;
+        new (): HTMLSqmTimelineEntryElement;
     };
-    interface HTMLSqmStencilbookElement extends Components.SqmStencilbook, HTMLStencilElement {
+    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
     }
-    var HTMLSqmStencilbookElement: {
-        prototype: HTMLSqmStencilbookElement;
-        new (): HTMLSqmStencilbookElement;
+    var HTMLSqmTitledSectionElement: {
+        prototype: HTMLSqmTitledSectionElement;
+        new (): HTMLSqmTitledSectionElement;
     };
-    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
     }
-    var HTMLSqmTabElement: {
-        prototype: HTMLSqmTabElement;
-        new (): HTMLSqmTabElement;
+    var HTMLSqmUserInfoFormElement: {
+        prototype: HTMLSqmUserInfoFormElement;
+        new (): HTMLSqmUserInfoFormElement;
     };
-    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
     }
-    var HTMLSqmTableCellElement: {
-        prototype: HTMLSqmTableCellElement;
-        new (): HTMLSqmTableCellElement;
+    var HTMLSqmUserNameElement: {
+        prototype: HTMLSqmUserNameElement;
+        new (): HTMLSqmUserNameElement;
     };
-    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    interface HTMLElementTagNameMap {
+        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
+        "sqm-asset-card": HTMLSqmAssetCardElement;
+        "sqm-big-stat": HTMLSqmBigStatElement;
+        "sqm-brand": HTMLSqmBrandElement;
+        "sqm-card-feed": HTMLSqmCardFeedElement;
+        "sqm-cash-form": HTMLSqmCashFormElement;
+        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
+        "sqm-close-button": HTMLSqmCloseButtonElement;
+        "sqm-context-router": HTMLSqmContextRouterElement;
+        "sqm-coupon-code": HTMLSqmCouponCodeElement;
+        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
+        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
+        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
+        "sqm-docusign-form": HTMLSqmDocusignFormElement;
+        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
+        "sqm-edit-profile": HTMLSqmEditProfileElement;
+        "sqm-empty": HTMLSqmEmptyElement;
+        "sqm-form-message": HTMLSqmFormMessageElement;
+        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
+        "sqm-header-logo": HTMLSqmHeaderLogoElement;
+        "sqm-hero": HTMLSqmHeroElement;
+        "sqm-hero-image": HTMLSqmHeroImageElement;
+        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
+        "sqm-image": HTMLSqmImageElement;
+        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
+        "sqm-input-field": HTMLSqmInputFieldElement;
+        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
+        "sqm-leaderboard": HTMLSqmLeaderboardElement;
+        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
+        "sqm-link-button": HTMLSqmLinkButtonElement;
+        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
+        "sqm-name-fields": HTMLSqmNameFieldsElement;
+        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
+        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
+        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
+        "sqm-password-field": HTMLSqmPasswordFieldElement;
+        "sqm-popup-container": HTMLSqmPopupContainerElement;
+        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
+        "sqm-portal-container": HTMLSqmPortalContainerElement;
+        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
+        "sqm-portal-footer": HTMLSqmPortalFooterElement;
+        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
+        "sqm-portal-frame": HTMLSqmPortalFrameElement;
+        "sqm-portal-login": HTMLSqmPortalLoginElement;
+        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
+        "sqm-portal-profile": HTMLSqmPortalProfileElement;
+        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
+        "sqm-portal-register": HTMLSqmPortalRegisterElement;
+        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
+        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
+        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
+        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
+        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
+        "sqm-program-menu": HTMLSqmProgramMenuElement;
+        "sqm-referral-card": HTMLSqmReferralCardElement;
+        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
+        "sqm-referral-table": HTMLSqmReferralTableElement;
+        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
+        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
+        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
+        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
+        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
+        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
+        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
+        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
+        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
+        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
+        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
+        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
+        "sqm-rewards-table": HTMLSqmRewardsTableElement;
+        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
+        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
+        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
+        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
+        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
+        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
+        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
+        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
+        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
+        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
+        "sqm-route": HTMLSqmRouteElement;
+        "sqm-router": HTMLSqmRouterElement;
+        "sqm-scroll": HTMLSqmScrollElement;
+        "sqm-share-button": HTMLSqmShareButtonElement;
+        "sqm-share-code": HTMLSqmShareCodeElement;
+        "sqm-share-link": HTMLSqmShareLinkElement;
+        "sqm-stat-container": HTMLSqmStatContainerElement;
+        "sqm-stencilbook": HTMLSqmStencilbookElement;
+        "sqm-tab": HTMLSqmTabElement;
+        "sqm-table-cell": HTMLSqmTableCellElement;
+        "sqm-table-row": HTMLSqmTableRowElement;
+        "sqm-tabs": HTMLSqmTabsElement;
+        "sqm-task-card": HTMLSqmTaskCardElement;
+        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
+        "sqm-tax-and-cash-monolith": HTMLSqmTaxAndCashMonolithElement;
+        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
+        "sqm-text": HTMLSqmTextElement;
+        "sqm-text-span": HTMLSqmTextSpanElement;
+        "sqm-timeline": HTMLSqmTimelineElement;
+        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
+        "sqm-titled-section": HTMLSqmTitledSectionElement;
+        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
+        "sqm-user-name": HTMLSqmUserNameElement;
     }
-    var HTMLSqmTableRowElement: {
-        prototype: HTMLSqmTableRowElement;
-        new (): HTMLSqmTableRowElement;
-    };
-    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+}
+declare namespace LocalJSX {
+    interface RaisinsPlopTarget {
+    }
+    interface SqmAssetCard {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<AssetCardViewProps>;
+        /**
+          * @uiName Banner image
+         */
+        "imgUrl"?: string;
+        /**
+          * @uiName Banner title
+         */
+        "titleText"?: string;
+    }
+    interface SqmBigStat {
+        /**
+          * Controls the alignment of the flexbox
+          * @uiName Alignment
+          * @uiType string
+          * @uiEnum ["left", "right", "center"]
+          * @uiEnumNames ["Left", "Right", "Center"]
+         */
+        "alignment"?: "left" | "right" | "center";
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<BigStatViewProps>;
+        /**
+          * Controls the order of the stat value & description column
+          * @uiName Flex reverse
+          * @default
+         */
+        "flexReverse"?: boolean;
+        /**
+          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
+          * @uiName Program ID
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * Select what type of stat to display. Manual paths are also supported.
+          * @uiWidget statTypeSelectWidget
+          * @uiName Stat type
+          * @required 
+          * @uiWidgetOptions {"version": 1.1}
+         */
+        "statType"?: string;
+    }
+    interface SqmBrand {
+        /**
+          * Controls the primary brand color used in the Mint Components library.
+          * @uiName Brand color
+          * @uiWidget color
+          * @format color
+         */
+        "brandColor"?: string;
+        /**
+          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
+          * @uiName Brand font
+          * @default "Nunito Sans"
+         */
+        "brandFont"?: string;
+    }
+    interface SqmCardFeed {
+        /**
+          * @uiName Column gap
+          * @uiType number
+         */
+        "gap"?: number;
+        /**
+          * @uiName Card width
+         */
+        "width"?: number;
+    }
+    interface SqmCashForm {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+    }
+    interface SqmCheckboxField {
+        /**
+          * @uiName Checkbox label
+          * @uiWidget textArea
+         */
+        "checkboxLabel"?: string;
+        /**
+          * Used with link text if the checkbox label contains {labelLink}
+          * @uiName Checkbox label link
+         */
+        "checkboxLabelLink"?: string;
+        /**
+          * @uiName Checkbox label link lext
+         */
+        "checkboxLabelLinkText"?: string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Checkbox name attribute
+          * @required
+         */
+        "checkboxName"?: string;
+        /**
+          * @uiName Optional
+         */
+        "checkboxOptional"?: boolean;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<CheckboxFieldViewProps>;
+        /**
+          * @uiName Unchecked error message
+         */
+        "errorMessage"?: string;
     }
-    var HTMLSqmTabsElement: {
-        prototype: HTMLSqmTabsElement;
-        new (): HTMLSqmTabsElement;
-    };
-    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
+    interface SqmCloseButton {
+        /**
+          * @uiName Color
+          * @uiWidget color
+          * @uiType string
+         */
+        "color"?: string;
     }
-    var HTMLSqmTaskCardElement: {
-        prototype: HTMLSqmTaskCardElement;
-        new (): HTMLSqmTaskCardElement;
-    };
-    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    interface SqmContextRouter {
+        "contextName"?: string;
     }
-    var HTMLSqmTaxAndCashElement: {
-        prototype: HTMLSqmTaxAndCashElement;
-        new (): HTMLSqmTaxAndCashElement;
-    };
-    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
+    interface SqmCouponCode {
+        /**
+          * Set the copy button style and placement.
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+         */
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * Display this message when the coupon code has been cancelled.
+          * @uiWidget textArea
+          * @uiName Cancelled code error message
+          * @uiGroup Coupon code error
+         */
+        "cancelledErrorText"?: string;
+        /**
+          * @uiName Copy button label
+         */
+        "copyButtonLabel"?: string;
+        /**
+          * @uiName Coupon code label
+         */
+        "couponCodeLabel"?: string;
+        /**
+          * Display this text when the coupon code can’t be retrieved.
+          * @uiName Coupon code placeholder
+          * @uiGroup Coupon code error
+         */
+        "couponCodePlaceholder"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<CouponCodeViewProps>;
+        /**
+          * Display this message when the coupon code has expired.
+          * @uiWidget textArea
+          * @uiName Expired code error message
+          * @uiGroup Coupon code error
+         */
+        "expiredErrorText"?: string;
+        /**
+          * Display this message when the code fails to load due to a fulfillment error.
+          * @uiWidget textArea
+          * @uiName Code fulfillment error message
+          * @uiGroup Coupon code error
+         */
+        "fullfillmentErrorText"?: string;
+        /**
+          * Display this message when the code fails to load due to an unspecified error.
+          * @uiWidget textArea
+          * @uiName Code retrieval error message
+          * @uiGroup Coupon code error
+         */
+        "genericErrorText"?: string;
+        /**
+          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
+          * @uiWidget textArea
+          * @uiName Code pending error message
+          * @uiGroup Coupon code error
+         */
+        "pendingErrorText"?: string;
+        /**
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * Display this message when the coupon code has already been redeemed.
+          * @uiWidget textArea
+          * @uiName Redeemed code error message
+          * @uiGroup Coupon code error
+         */
+        "redeemedErrorText"?: string;
+        /**
+          * @uiName Coupon code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "textAlign"?: "left" | "center" | "right";
+        /**
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
+         */
+        "tooltiplifespan"?: number;
+        /**
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
+          * @uiName Tooltip text
+         */
+        "tooltiptext"?: string;
     }
-    var HTMLSqmTaxDocumentSubmittedElement: {
-        prototype: HTMLSqmTaxDocumentSubmittedElement;
-        new (): HTMLSqmTaxDocumentSubmittedElement;
-    };
-    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
+    interface SqmDividedLayout {
+        /**
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
+         */
+        "direction"?: "row" | "column";
+        /**
+          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
+          * @uiName Border style
+         */
+        "dividerStyle"?: string;
     }
-    var HTMLSqmTextElement: {
-        prototype: HTMLSqmTextElement;
-        new (): HTMLSqmTextElement;
-    };
-    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
+    interface SqmDocumentTypeForm {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
+        "backButton"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseDocumentTypeFormResult>;
+        /**
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
+         */
+        "formLabel"?: string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
+        "formStep"?: string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription"?: string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle"?: string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "submitButton"?: string;
+        /**
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
+         */
+        "taxForm"?: string;
+        /**
+          * Subtext for the W8 radio button
+          * @uiName W8 radio button subtext
+         */
+        "w8Description"?: string;
+        /**
+          * Subtext for the W8E radio button
+          * @uiName W8E radio button subtext
+         */
+        "w8EDescription"?: string;
+        /**
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
+         */
+        "w8ELabel"?: string;
+        /**
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
+         */
+        "w8Label"?: string;
+        /**
+          * Subtext for the W9 radio button
+          * @uiName W9 radio button subtext
+         */
+        "w9Description"?: string;
+        /**
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
+         */
+        "w9Label"?: string;
     }
-    var HTMLSqmTextSpanElement: {
-        prototype: HTMLSqmTextSpanElement;
-        new (): HTMLSqmTextSpanElement;
-    };
-    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
+    interface SqmDocusignEmbed {
+        "url"?: string;
     }
-    var HTMLSqmTimelineElement: {
-        prototype: HTMLSqmTimelineElement;
-        new (): HTMLSqmTimelineElement;
-    };
-    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
+    interface SqmDocusignForm {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
+        "backButton"?: string;
+        /**
+          * Text shown in the banner above the document
+          * @uiName Banner text
+         */
+        "banner"?: string;
+        /**
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+         */
+        "checkboxDescription"?: string;
+        /**
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
+         */
+        "checkboxLabel"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseDocusignFormResult>;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
+        "formStep"?: string;
+        /**
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
+         */
+        "formSubmissionError"?: string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription"?: string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle"?: string;
+        /**
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
+         */
+        "notBasedInUS"?: string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "submitButton"?: string;
+        /**
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
+         */
+        "taxForm"?: string;
+        /**
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
+         */
+        "taxFormDescription"?: string;
+        /**
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
+         */
+        "taxFormLabel"?: string;
     }
-    var HTMLSqmTimelineEntryElement: {
-        prototype: HTMLSqmTimelineEntryElement;
-        new (): HTMLSqmTimelineEntryElement;
-    };
-    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
+    interface SqmDropdownField {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<DropdownFieldViewProps>;
+        /**
+          * @uiName Dropdown label
+         */
+        "dropdownLabel"?: string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Dropdown name attribute
+          * @required
+         */
+        "dropdownName"?: string;
+        /**
+          * @uiName Optional
+          * @default
+         */
+        "dropdownOptional"?: boolean;
+        /**
+          * @uiName Unselected error message
+         */
+        "errorMessage"?: string;
     }
-    var HTMLSqmTitledSectionElement: {
-        prototype: HTMLSqmTitledSectionElement;
-        new (): HTMLSqmTitledSectionElement;
-    };
-    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    interface SqmEditProfile {
+        /**
+          * @uiName Cancel button text
+         */
+        "canceltext"?: string;
+        /**
+          * @uiName Region field label
+         */
+        "currentregiontext"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<EditProfileViewProps>;
+        /**
+          * @uiName Heading
+         */
+        "editprofileheader"?: string;
+        /**
+          * Enable editing button text
+          * @uiName Edit profile text
+         */
+        "editprofiletext"?: string;
+        /**
+          * @uiName First name label
+         */
+        "firstnametext"?: string;
+        /**
+          * @uiName Last name label
+         */
+        "lastnametext"?: string;
+        /**
+          * Show or hide current region
+          * @uiName Show region
+         */
+        "showregion"?: boolean;
+        /**
+          * @uiName Info button text
+         */
+        "updatetext"?: string;
     }
-    var HTMLSqmUserInfoFormElement: {
-        prototype: HTMLSqmUserInfoFormElement;
-        new (): HTMLSqmUserInfoFormElement;
-    };
-    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    interface SqmEmpty {
+        /**
+          * @uiName Title
+         */
+        "emptyStateHeader"?: string;
+        /**
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
+         */
+        "emptyStateImage"?: string;
+        /**
+          * @uiName Description
+          * @uiWidget textArea
+         */
+        "emptyStateText"?: string;
     }
-    var HTMLSqmUserNameElement: {
-        prototype: HTMLSqmUserNameElement;
-        new (): HTMLSqmUserNameElement;
-    };
-    interface HTMLElementTagNameMap {
-        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
-        "sqm-asset-card": HTMLSqmAssetCardElement;
-        "sqm-big-stat": HTMLSqmBigStatElement;
-        "sqm-brand": HTMLSqmBrandElement;
-        "sqm-card-feed": HTMLSqmCardFeedElement;
-        "sqm-cash-form": HTMLSqmCashFormElement;
-        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
-        "sqm-close-button": HTMLSqmCloseButtonElement;
-        "sqm-context-router": HTMLSqmContextRouterElement;
-        "sqm-coupon-code": HTMLSqmCouponCodeElement;
-        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
-        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
-        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
-        "sqm-docusign-form": HTMLSqmDocusignFormElement;
-        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
-        "sqm-edit-profile": HTMLSqmEditProfileElement;
-        "sqm-empty": HTMLSqmEmptyElement;
-        "sqm-form-message": HTMLSqmFormMessageElement;
-        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
-        "sqm-header-logo": HTMLSqmHeaderLogoElement;
-        "sqm-hero": HTMLSqmHeroElement;
-        "sqm-hero-image": HTMLSqmHeroImageElement;
-        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
-        "sqm-image": HTMLSqmImageElement;
-        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
-        "sqm-input-field": HTMLSqmInputFieldElement;
-        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
-        "sqm-leaderboard": HTMLSqmLeaderboardElement;
-        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
-        "sqm-link-button": HTMLSqmLinkButtonElement;
-        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
-        "sqm-name-fields": HTMLSqmNameFieldsElement;
-        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
-        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
-        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
-        "sqm-password-field": HTMLSqmPasswordFieldElement;
-        "sqm-popup-container": HTMLSqmPopupContainerElement;
-        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
-        "sqm-portal-container": HTMLSqmPortalContainerElement;
-        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
-        "sqm-portal-footer": HTMLSqmPortalFooterElement;
-        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
-        "sqm-portal-frame": HTMLSqmPortalFrameElement;
-        "sqm-portal-login": HTMLSqmPortalLoginElement;
-        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
-        "sqm-portal-profile": HTMLSqmPortalProfileElement;
-        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
-        "sqm-portal-register": HTMLSqmPortalRegisterElement;
-        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
-        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
-        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
-        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
-        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
-        "sqm-program-menu": HTMLSqmProgramMenuElement;
-        "sqm-referral-card": HTMLSqmReferralCardElement;
-        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
-        "sqm-referral-table": HTMLSqmReferralTableElement;
-        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
-        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
-        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
-        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
-        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
-        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
-        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
-        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
-        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
-        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
-        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
-        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
-        "sqm-rewards-table": HTMLSqmRewardsTableElement;
-        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
-        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
-        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
-        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
-        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
-        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
-        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
-        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
-        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
-        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
-        "sqm-route": HTMLSqmRouteElement;
-        "sqm-router": HTMLSqmRouterElement;
-        "sqm-scroll": HTMLSqmScrollElement;
-        "sqm-share-button": HTMLSqmShareButtonElement;
-        "sqm-share-code": HTMLSqmShareCodeElement;
-        "sqm-share-link": HTMLSqmShareLinkElement;
-        "sqm-stat-container": HTMLSqmStatContainerElement;
-        "sqm-stencilbook": HTMLSqmStencilbookElement;
-        "sqm-tab": HTMLSqmTabElement;
-        "sqm-table-cell": HTMLSqmTableCellElement;
-        "sqm-table-row": HTMLSqmTableRowElement;
-        "sqm-tabs": HTMLSqmTabsElement;
-        "sqm-task-card": HTMLSqmTaskCardElement;
-        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
-        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
-        "sqm-text": HTMLSqmTextElement;
-        "sqm-text-span": HTMLSqmTextSpanElement;
-        "sqm-timeline": HTMLSqmTimelineElement;
-        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
-        "sqm-titled-section": HTMLSqmTitledSectionElement;
-        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
-        "sqm-user-name": HTMLSqmUserNameElement;
+    interface SqmFormMessage {
+        /**
+          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
+          * @uiName Icon
+         */
+        "icon"?: string;
+        /**
+          * Options include "success", "info", "warning", and "error"
+          * @uiName Alert type
+         */
+        "type"?: string;
     }
-}
-declare namespace LocalJSX {
-    interface RaisinsPlopTarget {
+    interface SqmGraphqlClientProvider {
+        /**
+          * @uiName Domain
+         */
+        "domain"?: string;
     }
-    interface SqmAssetCard {
+    interface SqmHeaderLogo {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Logo height
          */
-        "demoData"?: DemoData<AssetCardViewProps>;
+        "height"?: number;
         /**
-          * @uiName Banner image
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Logo image
          */
-        "imgUrl"?: string;
+        "imageUrl"?: string;
         /**
-          * @uiName Banner title
+          * Page participants are navigated to after clicking the header logo.
+          * @uiName Redirect path
+          * @uiWidget pageSelect
          */
-        "titleText"?: string;
+        "nextPage"?: string;
     }
-    interface SqmBigStat {
+    interface SqmHero {
         /**
-          * Controls the alignment of the flexbox
-          * @uiName Alignment
-          * @uiType string
-          * @uiEnum ["left", "right", "center"]
-          * @uiEnumNames ["Left", "Right", "Center"]
+          * Can be an image url, colour or Shoelace variable.
+          * @uiName Background
+          * @uiWidget Background
          */
-        "alignment"?: "left" | "right" | "center";
+        "background"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Columns
+          * @uiEnum [1, 2]
+          * @uiEnumNames ["One", "Two"]
          */
-        "demoData"?: DemoData<BigStatViewProps>;
+        "columns"?: 1 | 2;
         /**
-          * Controls the order of the stat value & description column
-          * @uiName Flex reverse
-          * @default
+          * Minimum height of each column including when they are stacked on mobile
+          * @uiName Minimum height (in px)
          */
-        "flexReverse"?: boolean;
+        "minHeight"?: number;
         /**
-          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiName Padding size
+          * @uiEnum ["none", "small", "medium","large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "programId"?: string;
+        "paddingSize"?: "none" | "small" | "medium" | "large";
         /**
-          * Select what type of stat to display. Manual paths are also supported.
-          * @uiWidget statTypeSelectWidget
-          * @uiName Stat type
-          * @required 
-          * @uiWidgetOptions {"version": 1.1}
+          * Secondary background image or color (for use in the right column)
+          * @uiName Secondary background
+          * @uiWidget Background
          */
-        "statType"?: string;
+        "secondaryBackground"?: string;
+        /**
+          * Flexbox wrap direction, accepts wrap or wrap-reverse
+          * @uiName Wrap direction
+          * @uiEnum ["wrap", "wrap-reverse"]
+          * @uiEnumNames ["Wrap", "Wrap Reverse"]
+         */
+        "wrapDirection"?: "wrap" | "wrap-reverse";
     }
-    interface SqmBrand {
+    interface SqmHeroImage {
         /**
-          * Controls the primary brand color used in the Mint Components library.
-          * @uiName Brand color
+          * @uiName Background color
           * @uiWidget color
           * @format color
          */
-        "brandColor"?: string;
+        "backgroundColor"?: string;
         /**
-          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
-          * @uiName Brand font
-          * @default "Nunito Sans"
+          * @uiName Button link
          */
-        "brandFont"?: string;
-    }
-    interface SqmCardFeed {
+        "buttonLink"?: string;
         /**
-          * @uiName Column gap
+          * @uiName Open link in new tab
+          * @default
+         */
+        "buttonNewTab"?: boolean;
+        /**
+          * @uiName Button text
+         */
+        "buttonText"?: string;
+        /**
+          * @uiName Description
+          * @uiWidget textArea
+         */
+        "description"?: string;
+        /**
+          * @uiName Title
+         */
+        "header"?: string;
+        /**
+          * @uiName Image mobile position
+          * @uiType string
+          * @uiEnum ["top", "bottom"]
+          * @uiEnumNames ["Top", "Bottom"]
+         */
+        "imageMobilePos"?: "top" | "bottom";
+        /**
+          * @uiName Image percentage
           * @uiType number
          */
-        "gap"?: number;
+        "imagePercentage"?: number;
         /**
-          * @uiName Card width
+          * @uiName Image position
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "width"?: number;
-    }
-    interface SqmCashForm {
+        "imagePos"?: "left" | "center" | "right";
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
          */
-        "demoData"?: DemoData<UserNameViewProps>;
+        "imageUrl"?: string;
+        /**
+          * @uiName Image layout
+          * @uiType string
+          * @uiEnum ["overlay", "columns"]
+          * @uiEnumNames ["Overlay", "Two-column"]
+         */
+        "layout"?: "overlay" | "columns";
+        /**
+          * @uiName Overlay color
+          * @uiWidget color
+          * @format color
+         */
+        "overlayColor"?: string;
+        /**
+          * @uiName Overlay opacity
+         */
+        "overlayOpacity"?: string;
+        /**
+          * @uiName Image padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "paddingImage"?: Spacing;
+        /**
+          * @uiName Text padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "paddingText"?: Spacing;
+        /**
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+         */
+        "textColor"?: string;
     }
-    interface SqmCheckboxField {
+    interface SqmHookStoryContainer {
+        "hookStory"?: FunctionalComponent;
+    }
+    interface SqmImage {
         /**
-          * @uiName Checkbox label
-          * @uiWidget textArea
+          * @uiName Position alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "checkboxLabel"?: string;
+        "alignment"?: "left" | "center" | "right";
         /**
-          * Used with link text if the checkbox label contains {labelLink}
-          * @uiName Checkbox label link
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "checkboxLabelLink"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Checkbox label link lext
+          * @uiWidget ImageUpload
+          * @format url
+          * @required 
+          * @uiName Image link
          */
-        "checkboxLabelLinkText"?: string;
+        "imageUrl"?: string;
         /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Checkbox name attribute
-          * @required
+          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
+          * @uiName Minimum height
          */
-        "checkboxName"?: string;
+        "minHeight"?: string;
+    }
+    interface SqmIndirectTaxForm {
+        "backButton"?: string;
         /**
-          * @uiName Optional
+          * @undocumented
+         */
+        "demoData"?: DemoData<UseIndirectTaxFormResult>;
+        "formStep"?: string;
+        "generalErrorDescription"?: string;
+        "generalErrorTitle"?: string;
+        "indirectTax"?: string;
+        "indirectTaxDescription"?: string;
+        "indirectTaxDetails"?: string;
+        "indirectTaxDetailsDescription"?: string;
+        "indirectTaxNumber"?: string;
+        "indirectTaxNumberError"?: string;
+        "isPartnerAlertDescription"?: string;
+        "isPartnerAlertHeader"?: string;
+        "isRegisteredQST"?: string;
+        "isRegisteredSubRegionIncomeTax"?: string;
+        "notRegistered"?: string;
+        "otherRegion"?: string;
+        "province"?: string;
+        "provinceError"?: string;
+        "qstNumber"?: string;
+        "qstTaxNumberError"?: string;
+        "selectedRegion"?: string;
+        "selectedRegionError"?: string;
+        "subRegion"?: string;
+        "subRegionError"?: string;
+        "subRegionTaxNumberError"?: string;
+        "subRegionTaxNumberLabel"?: string;
+        "submitButton"?: string;
+        "taxDetailsError"?: string;
+    }
+    interface SqmInputField {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<InputFieldViewProps>;
+        /**
+          * @uiName Required error message
+         */
+        "errorMessage"?: string;
+        /**
+          * @uiName Input label
          */
-        "checkboxOptional"?: boolean;
+        "fieldLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Input name attribute
+          * @required
          */
-        "demoData"?: DemoData<CheckboxFieldViewProps>;
+        "fieldName"?: string;
         /**
-          * @uiName Unchecked error message
+          * @uiName Optional
+          * @default
          */
-        "errorMessage"?: string;
-    }
-    interface SqmCloseButton {
+        "fieldOptional"?: boolean;
         /**
-          * @uiName Color
-          * @uiWidget color
+          * @uiName Input type
           * @uiType string
+          * @uiEnum ["text", "date", "tel"]
+          * @uiEnumNames ["Text", "Date", "Phone Number"]
          */
-        "color"?: string;
-    }
-    interface SqmContextRouter {
-        "contextName"?: string;
+        "fieldType"?: "text" | "date" | "tel";
     }
-    interface SqmCouponCode {
+    interface SqmInstantAccessRegistration {
         /**
-          * Set the copy button style and placement.
-          * @uiName Style
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
           * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "backgroundColor"?: string;
         /**
-          * Display this message when the coupon code has been cancelled.
-          * @uiWidget textArea
-          * @uiName Cancelled code error message
-          * @uiGroup Coupon code error
+          * @undocumented 
+          * @uiType object
          */
-        "cancelledErrorText"?: string;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * @uiName Copy button label
+          * @uiName Email field label
          */
-        "copyButtonLabel"?: string;
+        "emailLabel"?: string;
         /**
-          * @uiName Coupon code label
+          * @uiName First name field label
          */
-        "couponCodeLabel"?: string;
+        "firstNameLabel"?: string;
         /**
-          * Display this text when the coupon code can’t be retrieved.
-          * @uiName Coupon code placeholder
-          * @uiGroup Coupon code error
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "couponCodePlaceholder"?: string;
+        "hideBorder"?: boolean;
         /**
           * @undocumented 
-          * @uiType object
+          * @uiType boolean
          */
-        "demoData"?: DemoData<CouponCodeViewProps>;
+        "includeCookies"?: boolean;
         /**
-          * Display this message when the coupon code has expired.
-          * @uiWidget textArea
-          * @uiName Expired code error message
-          * @uiGroup Coupon code error
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "expiredErrorText"?: string;
+        "includeName"?: boolean;
         /**
-          * Display this message when the code fails to load due to a fulfillment error.
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
           * @uiWidget textArea
-          * @uiName Code fulfillment error message
-          * @uiGroup Coupon code error
+          * @uiGroup Error messages
          */
-        "fullfillmentErrorText"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Display this message when the code fails to load due to an unspecified error.
-          * @uiWidget textArea
-          * @uiName Code retrieval error message
-          * @uiGroup Coupon code error
+          * @uiName Last name field label
          */
-        "genericErrorText"?: string;
+        "lastNameLabel"?: string;
         /**
-          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
           * @uiWidget textArea
-          * @uiName Code pending error message
-          * @uiGroup Coupon code error
-         */
-        "pendingErrorText"?: string;
-        /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiGroup Error messages
          */
-        "programId"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * Display this message when the coupon code has already been redeemed.
-          * @uiWidget textArea
-          * @uiName Redeemed code error message
-          * @uiGroup Coupon code error
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "redeemedErrorText"?: string;
+        "paddingBottom"?: string;
         /**
-          * @uiName Coupon code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "textAlign"?: "left" | "center" | "right";
+        "paddingLeft"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "tooltiplifespan"?: number;
+        "paddingRight"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
-          * @uiName Tooltip text
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmDividedLayout {
+        "paddingTop"?: string;
         /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
+          * @uiName Register button text
          */
-        "direction"?: "row" | "column";
+        "registerLabel"?: string;
         /**
-          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
-          * @uiName Border style
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "dividerStyle"?: string;
+        "requiredFieldErrorMessage"?: string;
     }
-    interface SqmDocumentTypeForm {
+    interface SqmLeaderboard {
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
+          * Title displayed for users without names
+          * @uiName Unknown user text
          */
-        "backButton"?: string;
+        "anonymousUser"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UseDocumentTypeFormResult>;
-        /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-         */
-        "formLabel"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
-        /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-         */
-        "taxForm"?: string;
+        "demoData"?: DemoData<LeaderboardViewProps>;
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
+          * Hide the viewer's leaderboard row if not in the top results.
+          * @uiName Hide viewing user
+          * @default
          */
-        "w8Description"?: string;
+        "hideViewer"?: boolean;
         /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "w8EDescription"?: string;
+        "interval"?: string;
         /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "w8ELabel"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
+          * Control the maximum amount of rows displayed on the leaderboard.
+          * @uiName Maximum rows number
          */
-        "w8Label"?: string;
+        "maxRows"?: number;
         /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "w9Description"?: string;
+        "programId"?: string;
         /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
+          * @uiName Rank type
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "w9Label"?: string;
-    }
-    interface SqmDocusignEmbed {
-        "url"?: string;
-    }
-    interface SqmDocusignForm {
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
+          * @uiName Rank column heading
          */
-        "backButton"?: string;
+        "rankheading"?: string;
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
+          * @uiName Show leaderboard rank
          */
-        "banner"?: string;
+        "showRank"?: boolean;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
+          * @uiName Stats column heading
          */
-        "checkboxDescription"?: string;
+        "statsheading"?: string;
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
+          * @uiName User column heading
          */
-        "checkboxLabel"?: string;
+        "usersheading"?: string;
+    }
+    interface SqmLeaderboardRank {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UseDocusignFormResult>;
+        "demoData"?: DemoData<LeaderboardRankViewProps>;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "formStep"?: string;
+        "interval"?: string;
         /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "formSubmissionError"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "generalErrorDescription"?: string;
+        "programId"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * @uiName Rank text
+          * @uiWidget textArea
          */
-        "generalErrorTitle"?: string;
+        "rankText"?: string;
         /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
+          * @uiName Default rank
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "notBasedInUS"?: string;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
+          * @uiName Unranked text
          */
-        "submitButton"?: string;
+        "unrankedText"?: string;
+    }
+    interface SqmLinkButton {
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
+          * @uiName Button text
+          * @uiType string
          */
-        "taxForm"?: string;
+        "buttonText"?: string;
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
+          * Enter the URL where you want your participants redirected. Example: https://www.example.com
+          * @required 
+          * @uiName Link
          */
-        "taxFormDescription"?: string;
+        "link"?: string;
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
+          * @uiName Open link in new tab
          */
-        "taxFormLabel"?: string;
+        "openInNewTab"?: boolean;
     }
-    interface SqmDropdownField {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<DropdownFieldViewProps>;
+    interface SqmLogoutCurrentUser {
         /**
-          * @uiName Dropdown label
+          * @required 
+          * @uiName Switch user button link
          */
-        "dropdownLabel"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Dropdown name attribute
-          * @required
+          * @required 
+          * @uiName Switch user button label
          */
-        "dropdownName"?: string;
+        "switchUserText"?: string;
         /**
-          * @uiName Optional
-          * @default
+          * @required 
+          * @uiName User identification text
          */
-        "dropdownOptional"?: boolean;
+        "userIdentificationText"?: string;
+    }
+    interface SqmNameFields {
         /**
-          * @uiName Unselected error message
+          * @undocumented 
+          * @uiType object
          */
-        "errorMessage"?: string;
-    }
-    interface SqmEditProfile {
+        "demoData"?: DemoData<NameFieldsViewProps>;
         /**
-          * @uiName Cancel button text
+          * @uiName First name label
          */
-        "canceltext"?: string;
+        "firstNameLabel"?: string;
         /**
-          * @uiName Region field label
+          * @uiName Last name label
          */
-        "currentregiontext"?: string;
+        "lastNameLabel"?: string;
+    }
+    interface SqmNavigationMenu {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<EditProfileViewProps>;
+        "demoData"?: DemoData<NavigationMenuViewProps>;
         /**
-          * @uiName Heading
+          * @uiName Include dropdown menu
          */
-        "editprofileheader"?: string;
+        "includeDropdown"?: boolean;
         /**
-          * Enable editing button text
-          * @uiName Edit profile text
+          * Label on the header menu
+          * @uiName Menu label
          */
-        "editprofiletext"?: string;
+        "menuLabel"?: string;
+    }
+    interface SqmNavigationSidebar {
+    }
+    interface SqmNavigationSidebarItem {
         /**
-          * @uiName First name label
+          * @undocumented 
+          * @uiType object
          */
-        "firstnametext"?: string;
+        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
         /**
-          * @uiName Last name label
+          * Options available at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "lastnametext"?: string;
+        "icon"?: string;
         /**
-          * Show or hide current region
-          * @uiName Show region
+          * @uiName Label
          */
-        "showregion"?: boolean;
+        "label"?: string;
         /**
-          * @uiName Info button text
+          * @uiName Navigation path
+          * @uiWidget pageSelect
          */
-        "updatetext"?: string;
+        "path"?: string;
     }
-    interface SqmEmpty {
+    interface SqmPasswordField {
         /**
-          * @uiName Title
+          * @undocumented 
+          * @uiType object
          */
-        "emptyStateHeader"?: string;
+        "demoData"?: PasswordFieldViewDemoProps;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
+          * Disable live password validation
+          * @uiName Disable validation
          */
-        "emptyStateImage"?: string;
+        "disableValidation"?: boolean;
         /**
-          * @uiName Description
-          * @uiWidget textArea
+          * Label for password field
+          * @uiName Password label
          */
-        "emptyStateText"?: string;
+        "fieldLabel"?: string;
     }
-    interface SqmFormMessage {
+    interface SqmPopupContainer {
         /**
-          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
-          * @uiName Icon
+          * Display a close button on the popup
+          * @uiName Show close button
          */
-        "icon"?: string;
+        "closeButton"?: boolean;
         /**
-          * Options include "success", "info", "warning", and "error"
-          * @uiName Alert type
+          * Text inside the close button
+          * @uiName Close button text
          */
-        "type"?: string;
-    }
-    interface SqmGraphqlClientProvider {
+        "closeButtonText"?: string;
         /**
-          * @uiName Domain
+          * Specify padding on the popup contents when in embedded mode
+          * @uiName Embed padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "domain"?: string;
+        "embedPadding"?: "none" | "small" | "medium" | "large";
+        /**
+          * Specify padding on the popup contents when in popup mode
+          * @uiName Popup padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+         */
+        "popupPadding"?: "none" | "small" | "medium" | "large";
+        /**
+          * Show Powered with SaaSquatch by Impact.com link
+          * @uiName Show powered by
+         */
+        "poweredBy"?: boolean;
     }
-    interface SqmHeaderLogo {
+    interface SqmPortalChangePassword {
         /**
-          * @uiName Logo height
+          * Found in modal
+          * @uiName Cancel button text
          */
-        "height"?: number;
+        "cancelText"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Logo image
+          * Found in modal
+          * @uiName Change password button text
          */
-        "imageUrl"?: string;
+        "changePasswordButtonText"?: string;
         /**
-          * Page participants are navigated to after clicking the header logo.
-          * @uiName Redirect path
-          * @uiWidget pageSelect
+          * Found in modal
+          * @uiName Confirm password Label
          */
-        "nextPage"?: string;
-    }
-    interface SqmHero {
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * Can be an image url, colour or Shoelace variable.
-          * @uiName Background
-          * @uiWidget Background
+          * @undocumented 
+          * @uiType object
          */
-        "background"?: string;
+        "demoData"?: DemoData<PortalChangePasswordViewProps>;
         /**
-          * @uiName Columns
-          * @uiEnum [1, 2]
-          * @uiEnumNames ["One", "Two"]
+          * @uiName Change password modal header
          */
-        "columns"?: 1 | 2;
+        "modalChangePasswordHeader"?: string;
         /**
-          * Minimum height of each column including when they are stacked on mobile
-          * @uiName Minimum height (in px)
+          * Found in modal
+          * @uiName New password field label
          */
-        "minHeight"?: number;
+        "passwordFieldLabel"?: string;
         /**
-          * @uiName Padding size
-          * @uiEnum ["none", "small", "medium","large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * @uiName Change password button text
          */
-        "paddingSize"?: "none" | "small" | "medium" | "large";
+        "portalChangePasswordButtonText"?: string;
         /**
-          * Secondary background image or color (for use in the right column)
-          * @uiName Secondary background
-          * @uiWidget Background
+          * Portal change password section header
+          * @uiName Change password header
          */
-        "secondaryBackground"?: string;
+        "portalChangePasswordHeader"?: string;
         /**
-          * Flexbox wrap direction, accepts wrap or wrap-reverse
-          * @uiName Wrap direction
-          * @uiEnum ["wrap", "wrap-reverse"]
-          * @uiEnumNames ["Wrap", "Wrap Reverse"]
+          * Successful password change message
+          * @uiName Successful password change message
+          * @uiWidget textArea
          */
-        "wrapDirection"?: "wrap" | "wrap-reverse";
+        "successMessage"?: string;
     }
-    interface SqmHeroImage {
+    interface SqmPortalContainer {
         /**
           * @uiName Background color
           * @uiWidget color
-          * @format color
+          * @uiGroup Card style
+          * @uiType string
          */
         "backgroundColor"?: string;
         /**
-          * @uiName Button link
+          * @uiName Center content
          */
-        "buttonLink"?: string;
+        "center"?: boolean;
         /**
-          * @uiName Open link in new tab
-          * @default
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
          */
-        "buttonNewTab"?: boolean;
+        "direction"?: "row" | "column";
         /**
-          * @uiName Button text
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "buttonText"?: string;
+        "display"?: "grid" | "flex";
         /**
-          * @uiName Description
-          * @uiWidget textArea
+          * @uiName Gap
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "description"?: string;
+        "gap"?: Spacing;
         /**
-          * @uiName Title
+          * Define how this container distributes its contents along the main-axis.
+          * @uiName Justify content
+          * @uiType string
+          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
+          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
          */
-        "header"?: string;
+        "justifyContent"?: | "start"
+    | "center"
+    | "end"
+    | "space-between"
+    | "space-around"
+    | "space-evenly";
         /**
-          * @uiName Image mobile position
-          * @uiType string
-          * @uiEnum ["top", "bottom"]
-          * @uiEnumNames ["Top", "Bottom"]
+          * @uiName Maximum width
          */
-        "imageMobilePos"?: "top" | "bottom";
+        "maxWidth"?: string;
         /**
-          * @uiName Image percentage
-          * @uiType number
+          * @uiName Minimum width
          */
-        "imagePercentage"?: number;
+        "minWidth"?: string;
         /**
-          * @uiName Image position
+          * @uiName Padding
           * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "imagePos"?: "left" | "center" | "right";
+        "padding"?: Spacing;
+    }
+    interface SqmPortalEmailVerification {
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
+          * @undocumented 
+          * @uiType object
          */
-        "imageUrl"?: string;
+        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
         /**
-          * @uiName Image layout
-          * @uiType string
-          * @uiEnum ["overlay", "columns"]
-          * @uiEnumNames ["Overlay", "Two-column"]
+          * @uiName Email verification header text
          */
-        "layout"?: "overlay" | "columns";
+        "emailVerificationHeader"?: string;
         /**
-          * @uiName Overlay color
-          * @uiWidget color
-          * @format color
+          * Redirect participants to this page from their verification email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "overlayColor"?: string;
+        "redirectPath"?: string;
         /**
-          * @uiName Overlay opacity
+          * @uiName Re-send email button text
          */
-        "overlayOpacity"?: string;
+        "resendEmailButtonText"?: string;
         /**
-          * @uiName Image padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Email verification checking text
+          * @uiWidget textArea
          */
-        "paddingImage"?: Spacing;
+        "verificationLoadingMessage"?: string;
         /**
-          * @uiName Text padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Email verification status text
+          * @uiWidget textArea
          */
-        "paddingText"?: Spacing;
+        "verificationStatusMessage"?: string;
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * @uiName Email verification body text
+          * @uiWidget textArea
          */
-        "textColor"?: string;
-    }
-    interface SqmHookStoryContainer {
-        "hookStory"?: FunctionalComponent;
+        "verifyMessage"?: string;
     }
-    interface SqmImage {
+    interface SqmPortalFooter {
         /**
-          * @uiName Position alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName FAQ link
          */
-        "alignment"?: "left" | "center" | "right";
+        "faqLink"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * @uiName FAQ text
          */
-        "backgroundColor"?: string;
+        "faqText"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @required 
-          * @uiName Image link
+          * @uiName Hide powered with SaaSquatch by Impact.com
          */
-        "imageUrl"?: string;
+        "hidePoweredBy"?: boolean;
         /**
-          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
-          * @uiName Minimum height
+          * @uiName Hide support message
          */
-        "minHeight"?: string;
-    }
-    interface SqmIndirectTaxForm {
-        "backButton"?: string;
+        "hideSupportText"?: boolean;
         /**
-          * @undocumented
+          * @uiName Bottom padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "demoData"?: DemoData<UseIndirectTaxFormResult>;
-        "formStep"?: string;
-        "generalErrorDescription"?: string;
-        "generalErrorTitle"?: string;
-        "indirectTax"?: string;
-        "indirectTaxDescription"?: string;
-        "indirectTaxDetails"?: string;
-        "indirectTaxDetailsDescription"?: string;
-        "indirectTaxNumber"?: string;
-        "indirectTaxNumberError"?: string;
-        "isPartnerAlertDescription"?: string;
-        "isPartnerAlertHeader"?: string;
-        "isRegisteredQST"?: string;
-        "isRegisteredSubRegionIncomeTax"?: string;
-        "notRegistered"?: string;
-        "otherRegion"?: string;
-        "province"?: string;
-        "provinceError"?: string;
-        "qstNumber"?: string;
-        "qstTaxNumberError"?: string;
-        "selectedRegion"?: string;
-        "selectedRegionError"?: string;
-        "subRegion"?: string;
-        "subRegionTaxNumberError"?: string;
-        "subRegionTaxNumberLabel"?: string;
-        "submitButton"?: string;
-        "taxDetailsError"?: string;
-    }
-    interface SqmInputField {
+        "paddingBottom"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Left padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "demoData"?: DemoData<InputFieldViewProps>;
+        "paddingLeft"?: string;
         /**
-          * @uiName Required error message
+          * @uiName Right padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "errorMessage"?: string;
+        "paddingRight"?: string;
         /**
-          * @uiName Input label
+          * @uiName Top padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "fieldLabel"?: string;
+        "paddingTop"?: string;
         /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Input name attribute
-          * @required
+          * @uiName Powered By link
          */
-        "fieldName"?: string;
+        "poweredByLink"?: string;
         /**
-          * @uiName Optional
-          * @default
+          * @uiName Support email
          */
-        "fieldOptional"?: boolean;
+        "supportEmail"?: string;
         /**
-          * @uiName Input type
-          * @uiType string
-          * @uiEnum ["text", "date", "tel"]
-          * @uiEnumNames ["Text", "Date", "Phone Number"]
+          * @uiName Support message
+          * @uiWidget textArea
          */
-        "fieldType"?: "text" | "date" | "tel";
-    }
-    interface SqmInstantAccessRegistration {
+        "supportText"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * @uiName Terms and conditions link
+         */
+        "termsLink"?: string;
+        /**
+          * @uiName Terms and conditions text
          */
-        "backgroundColor"?: string;
+        "termsText"?: string;
+    }
+    interface SqmPortalForgotPassword {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
         /**
           * @uiName Email field label
          */
         "emailLabel"?: string;
         /**
-          * @uiName First name field label
+          * @uiName Header text
+          * @uiWidget textArea
          */
-        "firstNameLabel"?: string;
+        "headerText"?: string;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * @uiName Login redirect path
+          * @uiWidget pageSelect
          */
-        "hideBorder"?: boolean;
+        "loginPath"?: string;
+        /**
+          * Sign in link text
+         */
+        "loginText"?: string;
+        /**
+          * Redirect participants to this page after they verify their email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
+         */
+        "redirectPath"?: string;
+        /**
+          * @uiName Password reset button text
+         */
+        "submitLabel"?: string;
+    }
+    interface SqmPortalFrame {
         /**
           * @undocumented 
-          * @uiType boolean
+          * @uiType object
          */
-        "includeCookies"?: boolean;
+        "demoData"?: DemoData<PortalFrameViewProps>;
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * @undocumented
          */
-        "includeName"?: boolean;
+        "notFullScreen"?: boolean;
+    }
+    interface SqmPortalLogin {
         /**
-          * Display this message when the given email is invalid.
-          * @uiName Invalid email message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @undocumented 
+          * @uiType object
          */
-        "invalidEmailErrorMessage"?: string;
+        "demoData"?: DemoData<PortalLoginViewProps>;
         /**
-          * @uiName Last name field label
+          * @uiName Email field label
          */
-        "lastNameLabel"?: string;
+        "emailLabel"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
-          * @uiName Network error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Forgot password text
          */
-        "networkErrorMessage"?: string;
+        "forgotPasswordLabel"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page to reset their password
+          * @uiName Forgot password redirect
+          * @uiWidget pageSelect
          */
-        "paddingBottom"?: string;
+        "forgotPasswordPath"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page after they successfully login.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "paddingLeft"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Heading label
+          * @uiWidget textArea
          */
-        "paddingRight"?: string;
+        "pageLabel"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Password field label
          */
-        "paddingTop"?: string;
+        "passwordLabel"?: string;
         /**
           * @uiName Register button text
          */
         "registerLabel"?: string;
         /**
-          * Display this message when a required field has not been filled out.
-          * @uiName Required field message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * Redirect participants to this page to start registration.
+          * @uiName Register button redirect
+          * @uiWidget pageSelect
          */
-        "requiredFieldErrorMessage"?: string;
+        "registerPath"?: string;
+        /**
+          * @uiName Submit button text
+         */
+        "submitLabel"?: string;
     }
-    interface SqmLeaderboard {
+    interface SqmPortalLogout {
         /**
-          * Title displayed for users without names
-          * @uiName Unknown user text
+          * Redirect participants to this page when they log out.
+          * @uiName Logout redirect path
+          * @uiWidget pageSelect
          */
-        "anonymousUser"?: string;
+        "nextPage"?: string;
+    }
+    interface SqmPortalProfile {
+        /**
+          * @uiName Country field label
+         */
+        "countrytext"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<LeaderboardViewProps>;
+        "demoData"?: DemoData<PortalProfileViewProps>;
         /**
-          * Hide the viewer's leaderboard row if not in the top results.
-          * @uiName Hide viewing user
-          * @default
+          * @uiName Edit profile header
          */
-        "hideViewer"?: boolean;
+        "editProfileHeader"?: string;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiName Edit profile sub header
          */
-        "interval"?: string;
+        "editProfileSubHeader"?: string;
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * @uiName Email field label
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "emailtext"?: string;
         /**
-          * Control the maximum amount of rows displayed on the leaderboard.
-          * @uiName Maximum rows number
+          * @uiName First name label
          */
-        "maxRows"?: number;
+        "firstnametext"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * @uiName Hide country field
          */
-        "programId"?: string;
+        "hideCountry"?: boolean;
         /**
-          * @uiName Rank type
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * @uiName Last name field label
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "lastnametext"?: string;
         /**
-          * @uiName Rank column heading
+          * @uiName Submit changes button text
          */
-        "rankheading"?: string;
+        "submitChangeButtonText"?: string;
+    }
+    interface SqmPortalProtectedRoute {
         /**
-          * @uiName Show leaderboard rank
+          * Redirect participants to this page they are not logged in.
+          * @uiName Unauthenticated participant redirect
          */
-        "showRank"?: boolean;
+        "redirectTo"?: string;
         /**
-          * @uiName Stats column heading
+          * Redirect participants to this page when email verification is required but they have not verified their email.
+          * @uiName Unverified participant redirect
          */
-        "statsheading"?: string;
+        "redirectToUnverified"?: string;
         /**
-          * @uiName User column heading
+          * @uiName Require email verification
          */
-        "usersheading"?: string;
+        "requireEmailVerification"?: boolean;
     }
-    interface SqmLeaderboardRank {
+    interface SqmPortalRegister {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Show confirm password field
          */
-        "demoData"?: DemoData<LeaderboardRankViewProps>;
+        "confirmPassword"?: boolean;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiName Confirm password field label
          */
-        "interval"?: string;
+        "confirmPasswordLabel"?: string;
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * @undocumented 
+          * @uiType object
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "demoData"?: DemoData<PortalRegisterViewProps>;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * @uiName Disable password validation
          */
-        "programId"?: string;
+        "disablePasswordValidation"?: boolean;
         /**
-          * @uiName Rank text
-          * @uiWidget textArea
+          * @uiName Email field label
          */
-        "rankText"?: string;
+        "emailLabel"?: string;
         /**
-          * @uiName Default rank
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "hideInputs"?: boolean;
         /**
-          * @uiName Unranked text
+          * The message to be displayed when the email used is invalid or blocked.
+          * @uiName Invalid email message
+          * @uiWidget textArea
          */
-        "unrankedText"?: string;
-    }
-    interface SqmLinkButton {
+        "invalidEmailErrorMessage"?: string;
         /**
-          * @uiName Button text
-          * @uiType string
+          * @uiName Login button text
          */
-        "buttonText"?: string;
+        "loginLabel"?: string;
         /**
-          * Enter the URL where you want your participants redirected. Example: https://www.example.com
-          * @required 
-          * @uiName Link
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "link"?: string;
+        "loginPath"?: string;
         /**
-          * @uiName Open link in new tab
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
          */
-        "openInNewTab"?: boolean;
-    }
-    interface SqmLogoutCurrentUser {
+        "networkErrorMessage"?: string;
         /**
-          * @required 
-          * @uiName Switch user button link
+          * Redirect participants to this page from their verification email
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "nextPage"?: string;
         /**
-          * @required 
-          * @uiName Switch user button label
+          * @uiName Header text
          */
-        "switchUserText"?: string;
+        "pageLabel"?: string;
         /**
-          * @required 
-          * @uiName User identification text
+          * @uiName Password field label
          */
-        "userIdentificationText"?: string;
-    }
-    interface SqmNameFields {
+        "passwordLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
+          * @uiWidget textArea
          */
-        "demoData"?: DemoData<NameFieldsViewProps>;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * @uiName First name label
+          * The page that participants are redirected to from the verification email.
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "firstNameLabel"?: string;
+        "redirectPath"?: string;
         /**
-          * @uiName Last name label
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
          */
-        "lastNameLabel"?: string;
-    }
-    interface SqmNavigationMenu {
+        "requiredFieldErrorMessage"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Submit button text
          */
-        "demoData"?: DemoData<NavigationMenuViewProps>;
+        "submitLabel"?: string;
+    }
+    interface SqmPortalRegistrationForm {
         /**
-          * @uiName Include dropdown menu
+          * @uiName Show confirm password field
          */
-        "includeDropdown"?: boolean;
+        "confirmPassword"?: boolean;
         /**
-          * Label on the header menu
-          * @uiName Menu label
+          * @uiName Confirm password field label
          */
-        "menuLabel"?: string;
-    }
-    interface SqmNavigationSidebar {
-    }
-    interface SqmNavigationSidebarItem {
+        "confirmPasswordLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
+        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
         /**
-          * Options available at https://shoelace.style/components/icon
-          * @uiName Icon
+          * @uiName Disable password validation
          */
-        "icon"?: string;
+        "disablePasswordValidation"?: boolean;
         /**
-          * @uiName Label
+          * @uiName Email field label
          */
-        "label"?: string;
+        "emailLabel"?: string;
         /**
-          * @uiName Navigation path
-          * @uiWidget pageSelect
+          * The message to be displayed when the registration form is disabled.
+          * @uiName Form disabled message
+          * @uiWidget textArea
          */
-        "path"?: string;
-    }
-    interface SqmPasswordField {
+        "formDisabledErrorMessage"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The key of the registration form used for this microsite.
+          * @uiName Form key
+          * @required
          */
-        "demoData"?: PasswordFieldViewDemoProps;
+        "formKey"?: string;
         /**
-          * Disable live password validation
-          * @uiName Disable validation
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "disableValidation"?: boolean;
+        "hideInputs"?: boolean;
         /**
-          * Label for password field
-          * @uiName Password label
+          * The message to be displayed when the email used is invalid or blocked.
+          * @uiName Invalid email message
+          * @uiWidget textArea
          */
-        "fieldLabel"?: string;
-    }
-    interface SqmPopupContainer {
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Display a close button on the popup
-          * @uiName Show close button
+          * @uiName Login button text
          */
-        "closeButton"?: boolean;
+        "loginLabel"?: string;
         /**
-          * Text inside the close button
-          * @uiName Close button text
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "closeButtonText"?: string;
+        "loginPath"?: string;
         /**
-          * Specify padding on the popup contents when in embedded mode
-          * @uiName Embed padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
          */
-        "embedPadding"?: "none" | "small" | "medium" | "large";
+        "networkErrorMessage"?: string;
         /**
-          * Specify padding on the popup contents when in popup mode
-          * @uiName Popup padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * Redirect participants to this page after they successfully register.
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "popupPadding"?: "none" | "small" | "medium" | "large";
+        "nextPage"?: string;
         /**
-          * Show Powered with SaaSquatch by Impact.com link
-          * @uiName Show powered by
+          * @uiName Header text
          */
-        "poweredBy"?: boolean;
-    }
-    interface SqmPortalChangePassword {
+        "pageLabel"?: string;
         /**
-          * Found in modal
-          * @uiName Cancel button text
+          * @uiName Password field label
          */
-        "cancelText"?: string;
+        "passwordLabel"?: string;
         /**
-          * Found in modal
-          * @uiName Change password button text
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
+          * @uiWidget textArea
          */
-        "changePasswordButtonText"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * Found in modal
-          * @uiName Confirm password Label
+          * Redirect participants to this page from their verification email
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "confirmPasswordFieldLabel"?: string;
+        "redirectPath"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
          */
-        "demoData"?: DemoData<PortalChangePasswordViewProps>;
+        "requiredFieldErrorMessage"?: string;
         /**
-          * @uiName Change password modal header
+          * @uiName Submit button text
          */
-        "modalChangePasswordHeader"?: string;
+        "submitLabel"?: string;
+    }
+    interface SqmPortalResetPassword {
         /**
-          * Found in modal
-          * @uiName New password field label
+          * @uiName Show confirm password field
          */
-        "passwordFieldLabel"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * @uiName Change password button text
+          * @uiName Password confirmation field label
          */
-        "portalChangePasswordButtonText"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * Portal change password section header
-          * @uiName Change password header
+          * Button text displayed after a successful password reset.
+          * @uiName Continue button text
          */
-        "portalChangePasswordHeader"?: string;
+        "continueButtonText"?: string;
         /**
-          * Successful password change message
-          * @uiName Successful password change message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "successMessage"?: string;
-    }
-    interface SqmPortalContainer {
+        "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
+          * @uiName Failed reset redirect
+          * @uiWidget pageSelect
          */
-        "backgroundColor"?: string;
+        "failedPage"?: string;
         /**
-          * @uiName Center content
+          * Redirect participants to this page when they successfully reset their password.
+          * @uiName Successful reset redirect
+          * @uiWidget pageSelect
          */
-        "center"?: boolean;
+        "nextPage"?: string;
         /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
+          * @uiName Password field label
          */
-        "direction"?: "row" | "column";
+        "passwordFieldLabel"?: string;
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * Displayed after a successful password reset.
+          * @uiName Successful password reset text
+          * @uiWidget textArea
          */
-        "display"?: "grid" | "flex";
+        "passwordResetHeader"?: string;
         /**
-          * @uiName Gap
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Password reset button text
          */
-        "gap"?: Spacing;
+        "resetPasswordButtonText"?: string;
         /**
-          * Define how this container distributes its contents along the main-axis.
-          * @uiName Justify content
-          * @uiType string
-          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
-          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
+          * @uiName Reset password header text
          */
-        "justifyContent"?: | "start"
-    | "center"
-    | "end"
-    | "space-between"
-    | "space-around"
-    | "space-evenly";
+        "resetPasswordHeader"?: string;
+    }
+    interface SqmPortalVerifyEmail {
         /**
-          * @uiName Maximum width
+          * @undocumented 
+          * @uiType object
          */
-        "maxWidth"?: string;
+        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
-          * @uiName Minimum width
+          * Redirect participants to this page if verification fails due to an outdated verification attempt.
+          * @uiName Failed verification redirect
+          * @uiWidget pageSelect
          */
-        "minWidth"?: string;
+        "failedPage"?: string;
         /**
-          * @uiName Padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page when they successfully verify their email.
+          * @uiName Successful verification redirect
+          * @uiWidget pageSelect
          */
-        "padding"?: Spacing;
+        "nextPage"?: string;
     }
-    interface SqmPortalEmailVerification {
+    interface SqmProgramExplainer {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Header background color
+          * @uiWidget color
+          * @format color
          */
-        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
+        "backgroundColor"?: string;
         /**
-          * @uiName Email verification header text
+          * @uiName Header text
          */
-        "emailVerificationHeader"?: string;
+        "header"?: string;
         /**
-          * Redirect participants to this page from their verification email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @uiName Header text color
+          * @uiWidget color
+          * @format color
          */
-        "redirectPath"?: string;
+        "textColor"?: string;
+    }
+    interface SqmProgramExplainerStep {
         /**
-          * @uiName Re-send email button text
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "resendEmailButtonText"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Email verification checking text
+          * @uiName Description
           * @uiWidget textArea
          */
-        "verificationLoadingMessage"?: string;
+        "description"?: string;
         /**
-          * @uiName Email verification status text
-          * @uiWidget textArea
+          * @uiName Title
          */
-        "verificationStatusMessage"?: string;
+        "header"?: string;
         /**
-          * @uiName Email verification body text
-          * @uiWidget textArea
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "verifyMessage"?: string;
-    }
-    interface SqmPortalFooter {
+        "icon"?: string;
         /**
-          * @uiName FAQ link
+          * Displayed in place of an icon
+          * @uiName Image URL
+          * @uiWidget imageUpload
+          * @format url
          */
-        "faqLink"?: string;
+        "imageUrl"?: string;
         /**
-          * @uiName FAQ text
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "faqText"?: string;
+        "textColor"?: string;
+    }
+    interface SqmProgramMenu {
+    }
+    interface SqmReferralCard {
         /**
-          * @uiName Hide powered with SaaSquatch by Impact.com
+          * @uiName Background color
+          * @uiWidget color
+          * @uiType string
          */
-        "hidePoweredBy"?: boolean;
+        "backgroundColor"?: string;
         /**
-          * @uiName Hide support message
+          * @uiName Hide border
+          * @uiType boolean
          */
-        "hideSupportText"?: boolean;
+        "hideBorder"?: boolean;
+        /**
+          * @uiName Limit width
+          * @uiType boolean
+         */
+        "limitWidth"?: boolean;
         /**
           * @uiName Bottom padding
           * @uiGroup Padding
@@ -5952,1665 +7096,1732 @@ declare namespace LocalJSX {
          */
         "paddingTop"?: string;
         /**
-          * @uiName Powered By link
+          * @uiName Vertical alignment
+          * @uiType string
+          * @uiEnum ["start", "center", "end"]
+          * @uiEnumNames ["Top", "Center", "Bottom"]
          */
-        "poweredByLink"?: string;
+        "verticalAlignment"?: "start" | "center" | "end";
+    }
+    interface SqmReferralIframe {
         /**
-          * @uiName Support email
+          * @undocumented 
+          * @uiType object
          */
-        "supportEmail"?: string;
+        "demoData"?: DemoData<ReferralIframeViewProps>;
         /**
-          * @uiName Support message
-          * @uiWidget textArea
+          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame height
          */
-        "supportText"?: string;
+        "iframeHeight"?: string;
         /**
-          * @uiName Terms and conditions link
+          * URL of iframe to display
+          * @uiName IFrame source
+          * @required
          */
-        "termsLink"?: string;
+        "iframeSrc"?: string;
         /**
-          * @uiName Terms and conditions text
+          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame width
          */
-        "termsText"?: string;
+        "iframeWidth"?: string;
     }
-    interface SqmPortalForgotPassword {
+    interface SqmReferralTable {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * @uiName Email field label
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Hidden mobile columns
          */
-        "emailLabel"?: string;
+        "hiddenColumns"?: string;
         /**
-          * @uiName Header text
-          * @uiWidget textArea
+          * @uiName Hide column labels
          */
-        "headerText"?: string;
+        "hideLabels"?: boolean;
         /**
-          * @uiName Login redirect path
-          * @uiWidget pageSelect
+          * @uiName Tablet breakpoint
          */
-        "loginPath"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * Sign in link text
+          * @uiName View More button text
          */
-        "loginText"?: string;
+        "moreLabel"?: string;
         /**
-          * Redirect participants to this page after they verify their email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * Number of referrals displayed per page
+          * @uiName Referrals per page
          */
-        "redirectPath"?: string;
+        "perPage"?: number;
         /**
-          * @uiName Password reset button text
+          * @uiName Previous button text
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalFrame {
+        "prevLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "demoData"?: DemoData<PortalFrameViewProps>;
+        "programId"?: string;
         /**
-          * @undocumented
+          * Show referred by user in table
+          * @uiName Show referrer
+          * @default
          */
-        "notFullScreen"?: boolean;
+        "showReferrer"?: boolean;
+        /**
+          * @uiName Mobile breakpoint
+         */
+        "smBreakpoint"?: number;
     }
-    interface SqmPortalLogin {
+    interface SqmReferralTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmReferralTableColumn {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Column title
          */
-        "demoData"?: DemoData<PortalLoginViewProps>;
+        "columnTitle"?: string;
+    }
+    interface SqmReferralTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmReferralTableDateColumn {
         /**
-          * @uiName Email field label
+          * @uiName Date column title
          */
-        "emailLabel"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiName Forgot password text
+          * @uiName Date displayed
+          * @uiType string
+          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
+          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
          */
-        "forgotPasswordLabel"?: string;
+        "dateShown"?: ReferralDates;
+    }
+    interface SqmReferralTableRewardsCell {
+        "deniedHelpText"?: string;
+        "expiringText"?: string;
+        "fuelTankText"?: string;
+        "hideDetails"?: boolean;
+        "locale"?: string;
+        "pendingForText"?: string;
+        "rewardReceivedText"?: string;
+        "rewards"?: Reward[];
+        "statusLongText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableRewardsColumn {
         /**
-          * Redirect participants to this page to reset their password
-          * @uiName Forgot password redirect
-          * @uiWidget pageSelect
+          * @uiName Reward column title
          */
-        "forgotPasswordPath"?: string;
+        "columnTitle"?: string;
         /**
-          * Redirect participants to this page after they successfully login.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * Shown in the dropdown details when a reward was denied.
+          * @uiName Reward denied help text
          */
-        "nextPage"?: string;
+        "deniedHelpText"?: string;
         /**
-          * @uiName Heading label
-          * @uiWidget textArea
+          * Shown in the dropdown details when a reward has an expiry date.
+          * @uiName Reward expiring text
          */
-        "pageLabel"?: string;
+        "expiringText"?: string;
         /**
-          * @uiName Password field label
+          * Shown in the dropdown details when a reward has an associated fuel tank code.
+          * @uiName Fuel tank code text
+         */
+        "fuelTankText"?: string;
+        /**
+          * @uiName Hide dropdown details of reward
+          * @default
+         */
+        "hideDetails"?: boolean;
+        /**
+          * Shown in the dropdown details when a reward is pending.
+          * @uiName Reward pending text
          */
-        "passwordLabel"?: string;
+        "pendingForText"?: string;
         /**
-          * @uiName Register button text
+          * Shown in the dropdown details when a reward has been received.’
+          * @uiName Reward received text
          */
-        "registerLabel"?: string;
+        "rewardReceivedText"?: string;
         /**
-          * Redirect participants to this page to start registration.
-          * @uiName Register button redirect
-          * @uiWidget pageSelect
+          * Additional status text shown in the details drop down.
+          * @uiName Reward status long text
+          * @uiWidget textArea
          */
-        "registerPath"?: string;
+        "statusLongText"?: string;
         /**
-          * @uiName Submit button text
+          * Text shown in the reward status badge.
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "submitLabel"?: string;
+        "statusText"?: string;
     }
-    interface SqmPortalLogout {
+    interface SqmReferralTableStatusCell {
+        "converted"?: boolean;
+        "fraudStatus"?: FraudStatus;
+        "statusSubText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusColumn {
         /**
-          * Redirect participants to this page when they log out.
-          * @uiName Logout redirect path
-          * @uiWidget pageSelect
+          * @uiName Column title
          */
-        "nextPage"?: string;
-    }
-    interface SqmPortalProfile {
+        "columnTitle"?: string;
         /**
-          * @uiName Country field label
+          * @uiName Converted status text
          */
-        "countrytext"?: string;
+        "convertedStatusText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Denied status sub-text
          */
-        "demoData"?: DemoData<PortalProfileViewProps>;
+        "deniedStatusSubText"?: string;
         /**
-          * @uiName Edit profile header
+          * @uiName Denied status text
          */
-        "editProfileHeader"?: string;
+        "deniedStatusText"?: string;
         /**
-          * @uiName Edit profile sub header
+          * @uiName In progress status text
          */
-        "editProfileSubHeader"?: string;
+        "inProgressStatusText"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Pending review status sub-text
          */
-        "emailtext"?: string;
+        "pendingReviewStatusSubText"?: string;
         /**
-          * @uiName First name label
+          * @uiName Pending review status text
          */
-        "firstnametext"?: string;
+        "pendingReviewStatusText"?: string;
+    }
+    interface SqmReferralTableUserCell {
+        "name"?: string;
+    }
+    interface SqmReferralTableUserColumn {
         /**
-          * @uiName Hide country field
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "hideCountry"?: boolean;
+        "anonymousUser"?: string;
         /**
-          * @uiName Last name field label
+          * @uiName User column title
          */
-        "lastnametext"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiName Submit changes button text
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "submitChangeButtonText"?: string;
+        "deletedUser"?: string;
     }
-    interface SqmPortalProtectedRoute {
+    interface SqmReferredRegistration {
         /**
-          * Redirect participants to this page they are not logged in.
-          * @uiName Unauthenticated participant redirect
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "redirectTo"?: string;
+        "backgroundColor"?: string;
         /**
-          * Redirect participants to this page when email verification is required but they have not verified their email.
-          * @uiName Unverified participant redirect
+          * @undocumented 
+          * @uiType object
          */
-        "redirectToUnverified"?: string;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * @uiName Require email verification
+          * @uiName Email field label
          */
-        "requireEmailVerification"?: boolean;
-    }
-    interface SqmPortalRegister {
+        "emailLabel"?: string;
         /**
-          * @uiName Show confirm password field
+          * @uiName First name field label
          */
-        "confirmPassword"?: boolean;
+        "firstNameLabel"?: string;
         /**
-          * @uiName Confirm password field label
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "confirmPasswordLabel"?: string;
+        "fraudErrorMessage"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message title
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "demoData"?: DemoData<PortalRegisterViewProps>;
+        "fraudErrorMessageTitle"?: string;
         /**
-          * @uiName Disable password validation
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "disablePasswordValidation"?: boolean;
+        "hideBorder"?: boolean;
         /**
-          * @uiName Email field label
+          * @undocumented 
+          * @uiType boolean
          */
-        "emailLabel"?: string;
+        "includeCookies"?: boolean;
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "hideInputs"?: boolean;
+        "includeName"?: boolean;
         /**
-          * The message to be displayed when the email used is invalid or blocked.
+          * Display this message when the given email is invalid.
           * @uiName Invalid email message
           * @uiWidget textArea
+          * @uiGroup Error messages
          */
         "invalidEmailErrorMessage"?: string;
         /**
-          * @uiName Login button text
-         */
-        "loginLabel"?: string;
-        /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * @uiName Last name field label
          */
-        "loginPath"?: string;
+        "lastNameLabel"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
+          * Display this message when the form submission unexpectedly fails.
           * @uiName Network error message
           * @uiWidget textArea
+          * @uiGroup Error messages
          */
         "networkErrorMessage"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "nextPage"?: string;
+        "paddingBottom"?: string;
         /**
-          * @uiName Header text
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "pageLabel"?: string;
+        "paddingLeft"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "passwordLabel"?: string;
+        "paddingRight"?: string;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "passwordMismatchErrorMessage"?: string;
+        "paddingTop"?: string;
         /**
-          * The page that participants are redirected to from the verification email.
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * @uiName Register button text
          */
-        "redirectPath"?: string;
+        "registerLabel"?: string;
         /**
-          * The message to be displayed when a required field is not filled.
+          * Display this message when a required field has not been filled out.
           * @uiName Required field message
           * @uiWidget textArea
+          * @uiGroup Error messages
          */
         "requiredFieldErrorMessage"?: string;
-        /**
-          * @uiName Submit button text
-         */
-        "submitLabel"?: string;
     }
-    interface SqmPortalRegistrationForm {
-        /**
-          * @uiName Show confirm password field
-         */
-        "confirmPassword"?: boolean;
-        /**
-          * @uiName Confirm password field label
-         */
-        "confirmPasswordLabel"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
-        /**
-          * @uiName Disable password validation
-         */
-        "disablePasswordValidation"?: boolean;
+    interface SqmRewardExchangeList {
         /**
-          * @uiName Email field label
+          * @uiName Back button text
          */
-        "emailLabel"?: string;
+        "backText"?: string;
         /**
-          * The message to be displayed when the registration form is disabled.
-          * @uiName Form disabled message
-          * @uiWidget textArea
+          * @uiName Cancel button text
          */
-        "formDisabledErrorMessage"?: string;
+        "cancelText"?: string;
         /**
-          * The key of the registration form used for this microsite.
-          * @uiName Form key
-          * @required
+          * @uiName Choose amount progress title
          */
-        "formKey"?: string;
+        "chooseAmountTitle"?: string;
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * @uiName Choose reward progress title
          */
-        "hideInputs"?: boolean;
+        "chooseRewardTitle"?: string;
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
-          * @uiWidget textArea
+          * @uiName Confirmation progress title
          */
-        "invalidEmailErrorMessage"?: string;
+        "confirmationTitle"?: string;
         /**
-          * @uiName Login button text
+          * @uiName Continue button text
          */
-        "loginLabel"?: string;
+        "continueText"?: string;
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * Displayed on the reward selection page.
+          * @uiName Continue to confirmation button text
          */
-        "loginPath"?: string;
+        "continueToConfirmationText"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
+          * Shown in the confirmation state.
+          * @uiName Cost row title
          */
-        "networkErrorMessage"?: string;
+        "costTitle"?: string;
         /**
-          * Redirect participants to this page after they successfully register.
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * @undocumented 
+          * @uiType object
          */
-        "nextPage"?: string;
+        "demoData"?: DemoData<RewardExchangeViewProps>;
         /**
-          * @uiName Header text
+          * @uiName Done text
          */
-        "pageLabel"?: string;
+        "doneText"?: string;
         /**
-          * @uiName Password field label
+          * Error message shown when reward is not available
+          * @uiName Not available error
+          * @uiWidget textArea
          */
-        "passwordLabel"?: string;
+        "notAvailableError"?: string;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
+          * @uiName Not enough error message
           * @uiWidget textArea
          */
-        "passwordMismatchErrorMessage"?: string;
+        "notEnoughError"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * @uiName Promo code text
          */
-        "redirectPath"?: string;
+        "promoCode"?: string;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
+          * Shown if an error occurs when loading the reward exchange.
+          * @uiName Reward list error message
           * @uiWidget textArea
          */
-        "requiredFieldErrorMessage"?: string;
+        "queryError"?: string;
         /**
-          * @uiName Submit button text
+          * @uiName Redeem button text
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalResetPassword {
+        "redeemText"?: string;
         /**
-          * @uiName Show confirm password field
+          * Displayed as the header for the confirmation page.
+          * @uiName Confirmation title text
          */
-        "confirmPassword"?: boolean;
+        "redeemTitle"?: string;
         /**
-          * @uiName Password confirmation field label
+          * Shown if an error occurs during the reward exchange.
+          * @uiName Redemption error message
+          * @uiWidget textArea
          */
-        "confirmPasswordFieldLabel"?: string;
+        "redemptionError"?: string;
         /**
-          * Button text displayed after a successful password reset.
-          * @uiName Continue button text
+          * Displayed on the success screen when a user successfully exchanges for a reward.
+          * @uiName Redemption success message
+          * @uiWidget textArea
          */
-        "continueButtonText"?: string;
+        "redemptionSuccessText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Shown in the confirmation state.
+          * @uiName Reward amount row title
          */
-        "demoData"?: DemoData<PortalResetPasswordViewProps>;
+        "rewardAmountTitle"?: string;
         /**
-          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
-          * @uiName Failed reset redirect
-          * @uiWidget pageSelect
+          * Shown in the confirmation state.
+          * @uiName Reward row title
          */
-        "failedPage"?: string;
+        "rewardNameTitle"?: string;
         /**
-          * Redirect participants to this page when they successfully reset their password.
-          * @uiName Successful reset redirect
-          * @uiWidget pageSelect
+          * @uiName Reward redeemed text
          */
-        "nextPage"?: string;
+        "rewardRedeemedText"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Reward title text
          */
-        "passwordFieldLabel"?: string;
+        "rewardTitle"?: string;
         /**
-          * Displayed after a successful password reset.
-          * @uiName Successful password reset text
+          * @uiName Select amount text
           * @uiWidget textArea
          */
-        "passwordResetHeader"?: string;
+        "selectText"?: string;
         /**
-          * @uiName Password reset button text
+          * Set the number of placeholder cards to be shown in loading state.
+          * @uiName Loading cards
          */
-        "resetPasswordButtonText"?: string;
+        "skeletonCardNum"?: number;
         /**
-          * @uiName Reset password header text
+          * Displayed on the reward exchange cards.
+          * @uiName Reward exchange amount text
+          * @uiWidget textArea
          */
-        "resetPasswordHeader"?: string;
+        "sourceAmountMessage"?: string;
+        /**
+          * Shown when a user copies a fuel tank code
+          * @uiName Tooltip text
+         */
+        "tooltipText"?: string;
     }
-    interface SqmPortalVerifyEmail {
+    interface SqmRewardsTable {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * Redirect participants to this page if verification fails due to an outdated verification attempt.
-          * @uiName Failed verification redirect
-          * @uiWidget pageSelect
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Mobile hidden columns
          */
-        "failedPage"?: string;
+        "hiddenColumns"?: string;
         /**
-          * Redirect participants to this page when they successfully verify their email.
-          * @uiName Successful verification redirect
-          * @uiWidget pageSelect
+          * @uiName Hide column labels
          */
-        "nextPage"?: string;
-    }
-    interface SqmProgramExplainer {
+        "hideLabels"?: boolean;
         /**
-          * @uiName Header background color
-          * @uiWidget color
-          * @format color
+          * @uiName Tablet breakpoint
          */
-        "backgroundColor"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * @uiName Header text
+          * @uiName View more button text
          */
-        "header"?: string;
+        "moreLabel"?: string;
         /**
-          * @uiName Header text color
-          * @uiWidget color
-          * @format color
+          * @uiName Rewards per page
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramExplainerStep {
+        "perPage"?: number;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * @uiName Previous button text
          */
-        "backgroundColor"?: string;
+        "prevLabel"?: string;
         /**
-          * @uiName Description
-          * @uiWidget textArea
+          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "description"?: string;
+        "programId"?: string;
         /**
-          * @uiName Title
+          * @uiName Mobile breakpoint
          */
-        "header"?: string;
+        "smBreakpoint"?: number;
+    }
+    interface SqmRewardsTableCustomerNoteCell {
+        "locale"?: string;
+        "note"?: string;
+    }
+    interface SqmRewardsTableCustomerNoteColumn {
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * @uiName Column title
          */
-        "icon"?: string;
+        "columnTitle"?: string;
+    }
+    interface SqmRewardsTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmRewardsTableDateColumn {
         /**
-          * Displayed in place of an icon
-          * @uiName Image URL
-          * @uiWidget imageUpload
-          * @format url
+          * @uiName Date column title
          */
-        "imageUrl"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * @uiName Date displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
+          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
          */
-        "textColor"?: string;
+        "dateShown"?: string;
     }
-    interface SqmProgramMenu {
+    interface SqmRewardsTableRewardCell {
+        "availableText"?: string;
+        "copyText"?: string;
+        "locale"?: string;
+        "redeemedText"?: string;
+        "reward"?: Reward;
     }
-    interface SqmReferralCard {
+    interface SqmRewardsTableRewardColumn {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiType string
+          * @uiName Remaining amount text
          */
-        "backgroundColor"?: string;
+        "availableText"?: string;
         /**
-          * @uiName Hide border
-          * @uiType boolean
+          * @uiName Reward column title
          */
-        "hideBorder"?: boolean;
+        "columnTitle"?: string;
         /**
-          * @uiName Limit width
-          * @uiType boolean
+          * @uiName Copied fuel tank text
          */
-        "limitWidth"?: boolean;
+        "copyText"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Redeemed amount text
          */
-        "paddingBottom"?: string;
+        "redeemedText"?: string;
+    }
+    interface SqmRewardsTableSourceCell {
+        "anonymousUserText"?: string;
+        "deletedUserText"?: string;
+        "locale"?: string;
+        "referralText"?: string;
+        "reward"?: Reward;
+        "rewardExchangeText"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableSourceColumn {
         /**
-          * @uiName Left padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
+         */
+        "anonymousUser"?: string;
+        /**
+          * @uiName Soruce column title
+         */
+        "columnTitle"?: string;
+        /**
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "paddingLeft"?: string;
+        "deletedUser"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Shown when a reward has been created by a referral
+          * @uiName Referral text
+          * @uiWidget textArea
          */
-        "paddingRight"?: string;
+        "referralText"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Reward exchange label
          */
-        "paddingTop"?: string;
+        "rewardExchangeText"?: string;
         /**
-          * @uiName Vertical alignment
-          * @uiType string
-          * @uiEnum ["start", "center", "end"]
-          * @uiEnumNames ["Top", "Center", "Bottom"]
+          * Shown when a reward has been created by a source other than a referral.
+          * @uiName Reward source text
+          * @uiWidget textArea
          */
-        "verticalAlignment"?: "start" | "center" | "end";
+        "rewardSourceText"?: string;
     }
-    interface SqmReferralIframe {
+    interface SqmRewardsTableStatusCell {
+        "deniedText"?: string;
+        "expiryText"?: string;
+        "locale"?: string;
+        "pendingReviewText"?: string;
+        "pendingScheduled"?: string;
+        "pendingUnhandled"?: string;
+        "pendingUsTax"?: string;
+        "reward"?: Reward;
+        "statusText"?: string;
+    }
+    interface SqmRewardsTableStatusColumn {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Column title
          */
-        "demoData"?: DemoData<ReferralIframeViewProps>;
+        "columnTitle"?: string;
         /**
-          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame height
+          * Displayed when denied for fraud.
+          * @uiName Denied text
          */
-        "iframeHeight"?: string;
+        "deniedText"?: string;
         /**
-          * URL of iframe to display
-          * @uiName IFrame source
-          * @required
+          * Text shown before the date of an expiring reward.
+          * @uiName Expiry date prefix
          */
-        "iframeSrc"?: string;
+        "expiryText"?: string;
         /**
-          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame width
+          * Displayed when flagged for fraud.
+          * @uiName Pending review text
          */
-        "iframeWidth"?: string;
-    }
-    interface SqmReferralTable {
+        "pendingReviewText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Text shown before the available date of a pending reward.
+          * @uiName Pending date prefix
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
+        "pendingScheduled"?: string;
         /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Hidden mobile columns
+          * Displayed when fulfillment error occured when creating a reward.
+          * @uiName Unhandled error text
          */
-        "hiddenColumns"?: string;
+        "pendingUnhandled"?: string;
         /**
-          * @uiName Hide column labels
+          * Displayed when a reward is pending due to W9 compliance.
+          * @uiName W9 pending text
          */
-        "hideLabels"?: boolean;
+        "pendingUsTax"?: string;
         /**
-          * @uiName Tablet breakpoint
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "mdBreakpoint"?: number;
+        "statusText"?: string;
+    }
+    interface SqmRoute {
         /**
-          * @uiName View More button text
+          * Page Path URL for this route.
+          * @uiName Navigation path name
          */
-        "moreLabel"?: string;
+        "path"?: string;
+    }
+    interface SqmRouter {
+    }
+    interface SqmScroll {
         /**
-          * Number of referrals displayed per page
-          * @uiName Referrals per page
+          * @uiName Button text
          */
-        "perPage"?: number;
+        "buttonText"?: string;
         /**
-          * @uiName Previous button text
+          * @uiName Button type
+          * @uiType string
+          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
+          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
          */
-        "prevLabel"?: string;
+        "buttonType"?: | "default"
+    | "primary"
+    | "success"
+    | "neutral"
+    | "warning"
+    | "danger"
+    | "text";
         /**
-          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
-          * @uiName Program
-          * @uiWidget programSelector
+          * Draws a circle button.
+          * @uiName Circle
          */
-        "programId"?: string;
+        "circle"?: boolean;
         /**
-          * Show referred by user in table
-          * @uiName Show referrer
-          * @default
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "showReferrer"?: boolean;
+        "iconName"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * @uiName Icon slot
+          * @uiType string
+          * @uiEnum ["prefix", "suffix"]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmReferralTableCell {
-        "innerTemplate"?: string;
-    }
-    interface SqmReferralTableColumn {
+        "iconSlot"?: string;
         /**
-          * @uiName Column title
+          * The button becomes full width if the screen size is smaller than 500px
+          * @uiName Full width on mobile
          */
-        "columnTitle"?: string;
-    }
-    interface SqmReferralTableDateCell {
-        "date"?: number;
-        "locale"?: string;
-    }
-    interface SqmReferralTableDateColumn {
+        "mobile"?: boolean;
         /**
-          * @uiName Date column title
+          * Draws an outlined button.
+          * @uiName Outline
          */
-        "columnTitle"?: string;
+        "outline"?: boolean;
         /**
-          * @uiName Date displayed
+          * Draws a pill-style button with rounded edges.
+          * @uiName Pill
+         */
+        "pill"?: boolean;
+        /**
+          * @uiName Scroll animation style
           * @uiType string
-          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
-          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
+          * @uiEnum ["smooth", "auto"]
+          * @uiEnumNames ["Smooth", "Auto"]
          */
-        "dateShown"?: ReferralDates;
-    }
-    interface SqmReferralTableRewardsCell {
-        "deniedHelpText"?: string;
-        "expiringText"?: string;
-        "fuelTankText"?: string;
-        "hideDetails"?: boolean;
-        "locale"?: string;
-        "pendingForText"?: string;
-        "rewardReceivedText"?: string;
-        "rewards"?: Reward[];
-        "statusLongText"?: string;
-        "statusText"?: string;
-    }
-    interface SqmReferralTableRewardsColumn {
+        "scrollAnimation"?: "smooth" | "auto";
         /**
-          * @uiName Reward column title
+          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
+          * @uiName Scroll ID
          */
-        "columnTitle"?: string;
+        "scrollId"?: string;
         /**
-          * Shown in the dropdown details when a reward was denied.
-          * @uiName Reward denied help text
+          * The name of the HTML tag you would like to scroll to. E.g referral-table
+          * @uiName Scroll tag name
          */
-        "deniedHelpText"?: string;
+        "scrollTagName"?: string;
         /**
-          * Shown in the dropdown details when a reward has an expiry date.
-          * @uiName Reward expiring text
+          * @uiName Size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large"]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "expiringText"?: string;
+        "size"?: string;
+    }
+    interface SqmShareButton {
         /**
-          * Shown in the dropdown details when a reward has an associated fuel tank code.
-          * @uiName Fuel tank code text
+          * @uiName Button background color
+          * @uiWidget color
+          * @format color
          */
-        "fuelTankText"?: string;
+        "backgroundcolor"?: string;
         /**
-          * @uiName Hide dropdown details of reward
-          * @default
+          * Configure border radius with pixel amount
+          * @uiName Border radius
          */
-        "hideDetails"?: boolean;
+        "borderradius"?: number;
         /**
-          * Shown in the dropdown details when a reward is pending.
-          * @uiName Reward pending text
+          * @undocumented 
+          * @uiType object
          */
-        "pendingForText"?: string;
+        "demoData"?: DemoData<ShareButtonViewProps>;
         /**
-          * Shown in the dropdown details when a reward has been received.’
-          * @uiName Reward received text
+          * @uiName Disabled
          */
-        "rewardReceivedText"?: string;
+        "disabled"?: boolean;
         /**
-          * Additional status text shown in the details drop down.
-          * @uiName Reward status long text
-          * @uiWidget textArea
+          * @uiName Hide icon
+          * @default
          */
-        "statusLongText"?: string;
+        "hideicon"?: boolean;
         /**
-          * Text shown in the reward status badge.
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * @uiName Hide text
+          * @default
          */
-        "statusText"?: string;
-    }
-    interface SqmReferralTableStatusCell {
-        "converted"?: boolean;
-        "fraudStatus"?: FraudStatus;
-        "statusSubText"?: string;
-        "statusText"?: string;
-    }
-    interface SqmReferralTableStatusColumn {
+        "hidetext"?: boolean;
         /**
-          * @uiName Column title
+          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
+          * @uiName Icon
          */
-        "columnTitle"?: string;
+        "icon"?: string;
         /**
-          * @uiName Converted status text
+          * @uiName Icon location
+          * @uiType string
+          * @uiEnum ["prefix", "suffix" ]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "convertedStatusText"?: string;
+        "iconslot"?: "prefix" | "suffix";
         /**
-          * @uiName Denied status sub-text
+          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
+          * @uiName Share medium
+          * @uiType string
+          * @required 
+          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
+          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
          */
-        "deniedStatusSubText"?: string;
+        "medium"?: | "facebook"
+    | "twitter"
+    | "email"
+    | "direct"
+    | "linkedin"
+    | "sms"
+    | "fbmessenger"
+    | "whatsapp"
+    | "linemessenger"
+    | "pinterest"
+    | "reminder"
+    | "unknown";
         /**
-          * @uiName Denied status text
+          * @uiName Display pill
          */
-        "deniedStatusText"?: string;
+        "pill"?: boolean;
         /**
-          * @uiName In progress status text
+          * Optional programId, or uses the programId context where this button is rendered.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "inProgressStatusText"?: string;
+        "programId"?: string;
         /**
-          * @uiName Pending review status sub-text
+          * Text used for native sharing (mobile only)
+          * @uiName Share text
          */
-        "pendingReviewStatusSubText"?: string;
+        "sharetext"?: string;
         /**
-          * @uiName Pending review status text
+          * Title used for native sharing (mobile only)
+          * @uiName Share title
          */
-        "pendingReviewStatusText"?: string;
-    }
-    interface SqmReferralTableUserCell {
-        "name"?: string;
-    }
-    interface SqmReferralTableUserColumn {
+        "sharetitle"?: string;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * @uiName Button size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large" ]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "anonymousUser"?: string;
+        "size"?: "small" | "medium" | "large";
         /**
-          * @uiName User column title
+          * @uiName Button text color
+          * @uiWidget color
+          * @format color
          */
-        "columnTitle"?: string;
+        "textcolor"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * @uiType string
+          * @uiName Button style
+          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
+          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
-        "deletedUser"?: string;
+        "type"?: | "primary"
+    | "success"
+    | "info"
+    | "warning"
+    | "danger"
+    | "default"
+    | "text";
     }
-    interface SqmReferredRegistration {
+    interface SqmShareCode {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
+          * Set the copy button style and placement
+          * @uiName Style
           * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "backgroundColor"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Copy button label
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "copyButtonLabel"?: string;
         /**
-          * @uiName Email field label
+          * @undocumented 
+          * @uiType object
          */
-        "emailLabel"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * @uiName First name field label
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "firstNameLabel"?: string;
+        "programId"?: string;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * Change the text alignment
+          * @uiName Share code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "fraudErrorMessage"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message title
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "fraudErrorMessageTitle"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "hideBorder"?: boolean;
+        "tooltiptext"?: string;
+    }
+    interface SqmShareLink {
         /**
-          * @undocumented 
-          * @uiType boolean
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "includeCookies"?: boolean;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * @uiName Copy button label
          */
-        "includeName"?: boolean;
+        "copyButtonLabel"?: string;
         /**
-          * Display this message when the given email is invalid.
-          * @uiName Invalid email message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @undocumented 
+          * @uiType object
          */
-        "invalidEmailErrorMessage"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * @uiName Last name field label
+          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "lastNameLabel"?: string;
+        "programId"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
-          * @uiName Network error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * Change the text alignment
+          * @uiName Share link alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "networkErrorMessage"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "paddingBottom"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "paddingLeft"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmStatContainer {
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "paddingRight"?: string;
+        "display"?: "grid" | "flex";
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
+          * @uiName Space between stats
+          * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingTop"?: string;
-        /**
-          * @uiName Register button text
-         */
-        "registerLabel"?: string;
+        "space"?: Spacing;
+    }
+    interface SqmStencilbook {
+    }
+    interface SqmTab {
         /**
-          * Display this message when a required field has not been filled out.
-          * @uiName Required field message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Tab title
          */
-        "requiredFieldErrorMessage"?: string;
+        "header"?: string;
     }
-    interface SqmRewardExchangeList {
+    interface SqmTableCell {
         /**
-          * @uiName Back button text
+          * @uiName Column span
          */
-        "backText"?: string;
+        "colspan"?: number;
         /**
-          * @uiName Cancel button text
+          * @uiName Padding
          */
-        "cancelText"?: string;
+        "padding"?: string;
+    }
+    interface SqmTableRow {
         /**
-          * @uiName Choose amount progress title
+          * @uiName Border
          */
-        "chooseAmountTitle"?: string;
+        "border"?: string;
+    }
+    interface SqmTabs {
         /**
-          * @uiName Choose reward progress title
+          * Used to specify the placement of the tabs
+          * @uiName Tabs placement
+          * @uiType string
+          * @uiEnum ["left", "right", "bottom", "top"]
+          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
          */
-        "chooseRewardTitle"?: string;
+        "placement"?: "left" | "right" | "bottom" | "top";
+    }
+    interface SqmTaskCard {
         /**
-          * @uiName Confirmation progress title
+          * @uiName Button link
+          * @uiGroup Button
          */
-        "confirmationTitle"?: string;
+        "buttonLink"?: string;
         /**
-          * @uiName Continue button text
+          * @uiName Button text
+          * @uiGroup Button
          */
-        "continueText"?: string;
+        "buttonText"?: string;
         /**
-          * Displayed on the reward selection page.
-          * @uiName Continue to confirmation button text
+          * @uiName Title
+          * @uiGroup Task
          */
-        "continueToConfirmationText"?: string;
+        "cardTitle"?: string;
         /**
-          * Shown in the confirmation state.
-          * @uiName Cost row title
+          * Displays the amount of times that a user has completed a repeatable task.
+          * @uiName Completed count text
+          * @uiGroup Task
+          * @uiWidget textArea
          */
-        "costTitle"?: string;
+        "completedText"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<RewardExchangeViewProps>;
-        /**
-          * @uiName Done text
-         */
-        "doneText"?: string;
-        /**
-          * Error message shown when reward is not available
-          * @uiName Not available error
-          * @uiWidget textArea
-         */
-        "notAvailableError"?: string;
+        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
-          * @uiName Not enough error message
-          * @uiWidget textArea
+          * @uiName Description
+          * @uiGroup Task
          */
-        "notEnoughError"?: string;
+        "description"?: string;
         /**
-          * @uiName Promo code text
+          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
+          * @uiName Display duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Task
          */
-        "promoCode"?: string;
+        "displayDuration"?: string;
         /**
-          * Shown if an error occurs when loading the reward exchange.
-          * @uiName Reward list error message
-          * @uiWidget textArea
+          * Shown to users after the end of the task duration.
+          * @uiName Ended date message
+          * @uiGroup Task
          */
-        "queryError"?: string;
+        "endedMessage"?: string;
         /**
-          * @uiName Redeem button text
+          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
+          * @uiName Task card button event key
+          * @uiGroup Button
          */
-        "redeemText"?: string;
+        "eventKey"?: string;
         /**
-          * Displayed as the header for the confirmation page.
-          * @uiName Confirmation title text
+          * Displayed when a user views a task card after the reward duration interval.
+          * @uiName Expiry date message
+          * @uiGroup Task
          */
-        "redeemTitle"?: string;
+        "expiryMessage"?: string;
         /**
-          * Shown if an error occurs during the reward exchange.
-          * @uiName Redemption error message
-          * @uiWidget textArea
+          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
+          * @uiName Repeat amount
+          * @uiGroup Reward
          */
-        "redemptionError"?: string;
+        "finite"?: number;
         /**
-          * Displayed on the success screen when a user successfully exchanges for a reward.
-          * @uiName Redemption success message
-          * @uiWidget textArea
+          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
+          * @uiName Goal completion number
+          * @uiGroup Goal
          */
-        "redemptionSuccessText"?: string;
+        "goal"?: number;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward amount row title
+          * @uiName Hide CTA button
+          * @uiGroup Button
          */
-        "rewardAmountTitle"?: string;
+        "hideButton"?: boolean;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward row title
+          * Button link opens in new tab
+          * @uiName Open in new tab
+          * @uiGroup Button
+          * @default
          */
-        "rewardNameTitle"?: string;
+        "openNewTab"?: boolean;
         /**
-          * @uiName Reward redeemed text
+          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
+          * @uiName Program ID override
+          * @uiWidget programSelector
+          * @uiGroup Goal
          */
-        "rewardRedeemedText"?: string;
+        "programId"?: string;
         /**
-          * @uiName Reward title text
+          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
+          * @uiName Progress bar unit
+          * @uiGroup Goal
          */
-        "rewardTitle"?: string;
+        "progressBarUnit"?: string;
         /**
-          * @uiName Select amount text
-          * @uiWidget textArea
+          * @uiName Goal repeatable
+          * @uiGroup Goal
+          * @default
          */
-        "selectText"?: string;
+        "repeatable"?: boolean;
         /**
-          * Set the number of placeholder cards to be shown in loading state.
-          * @uiName Loading cards
+          * @uiName Reward amount
+          * @uiGroup Reward
          */
-        "skeletonCardNum"?: number;
+        "rewardAmount"?: string;
         /**
-          * Displayed on the reward exchange cards.
-          * @uiName Reward exchange amount text
-          * @uiWidget textArea
+          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
+          * @uiName Reward duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Reward
          */
-        "sourceAmountMessage"?: string;
+        "rewardDuration"?: string;
         /**
-          * Shown when a user copies a fuel tank code
-          * @uiName Tooltip text
+          * @uiName Reward unit
+          * @uiGroup Reward
          */
-        "tooltipText"?: string;
-    }
-    interface SqmRewardsTable {
+        "rewardUnit"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Show progress bar
+          * @uiGroup Goal
+          * @default
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
+        "showProgressBar"?: boolean;
         /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Mobile hidden columns
+          * Shown to users before the start of the task duration.
+          * @uiName Start date message
+          * @uiGroup Task
          */
-        "hiddenColumns"?: string;
+        "startsOnMessage"?: string;
         /**
-          * @uiName Hide column labels
+          * Select what type of stat to display for the goal. Manual paths are also supported.
+          * @uiName Goal progress source
+          * @required 
+          * @minLength 1
+          * @uiWidget statTypeSelectWidget
+          * @uiWidgetOptions {"version": 1.1}
+          * @uiGroup Goal
          */
-        "hideLabels"?: boolean;
+        "statType"?: string;
         /**
-          * @uiName Tablet breakpoint
+          * @uiName Progress bar steps
+          * @uiGroup Goal
+          * @default
          */
-        "mdBreakpoint"?: number;
+        "steps"?: boolean;
+    }
+    interface SqmTaxAndCash {
         /**
-          * @uiName View more button text
+          * @undocumented 
+          * @uiType object
          */
-        "moreLabel"?: string;
+        "demoData"?: DemoData<UseTaxAndCashResultType>;
         /**
-          * @uiName Rewards per page
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
+          * @uiGroup Step 1 Properties
          */
-        "perPage"?: number;
+        "step1_allowBankingCollection"?: string;
         /**
-          * @uiName Previous button text
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "prevLabel"?: string;
+        "step1_allowBankingCollectionError"?: string;
         /**
-          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+          * @uiGroup Step 1 Properties
          */
-        "programId"?: string;
+        "step1_businessEntity"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * Label text for country input
+          * @uiName Country label
+          * @uiGroup Step 1 Properties
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmRewardsTableCustomerNoteCell {
-        "locale"?: string;
-        "note"?: string;
-    }
-    interface SqmRewardsTableCustomerNoteColumn {
+        "step1_country"?: string;
         /**
-          * @uiName Column title
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
+          * @uiGroup Step 1 Properties
          */
-        "columnTitle"?: string;
-    }
-    interface SqmRewardsTableDateCell {
-        "date"?: number;
-        "locale"?: string;
-    }
-    interface SqmRewardsTableDateColumn {
+        "step1_countryError"?: string;
         /**
-          * @uiName Date column title
+          * Label text for currency input
+          * @uiName Currency label
+          * @uiGroup Step 1 Properties
          */
-        "columnTitle"?: string;
+        "step1_currency"?: string;
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
-          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
+          * @uiGroup Step 1 Properties
          */
-        "dateShown"?: string;
-    }
-    interface SqmRewardsTableRewardCell {
-        "availableText"?: string;
-        "copyText"?: string;
-        "locale"?: string;
-        "redeemedText"?: string;
-        "reward"?: Reward;
-    }
-    interface SqmRewardsTableRewardColumn {
+        "step1_currencyError"?: string;
         /**
-          * @uiName Remaining amount text
+          * Label text for email input
+          * @uiName Email label
+          * @uiGroup Step 1 Properties
          */
-        "availableText"?: string;
+        "step1_email"?: string;
         /**
-          * @uiName Reward column title
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
+          * @uiGroup Step 1 Properties
          */
-        "columnTitle"?: string;
+        "step1_emailError"?: string;
         /**
-          * @uiName Copied fuel tank text
+          * Label text for first name input
+          * @uiName First name label
+          * @uiGroup Step 1 Properties
          */
-        "copyText"?: string;
+        "step1_firstName"?: string;
         /**
-          * @uiName Redeemed amount text
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
+          * @uiGroup Step 1 Properties
          */
-        "redeemedText"?: string;
-    }
-    interface SqmRewardsTableSourceCell {
-        "anonymousUserText"?: string;
-        "deletedUserText"?: string;
-        "locale"?: string;
-        "referralText"?: string;
-        "reward"?: Reward;
-        "rewardExchangeText"?: string;
-        "rewardSourceText"?: string;
-    }
-    interface SqmRewardsTableSourceColumn {
+        "step1_firstNameError"?: string;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup Step 1 Properties
          */
-        "anonymousUser"?: string;
+        "step1_formStep"?: string;
         /**
-          * @uiName Soruce column title
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 1 Properties
          */
-        "columnTitle"?: string;
+        "step1_generalErrorDescription"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 1 Properties
          */
-        "deletedUser"?: string;
+        "step1_generalErrorTitle"?: string;
         /**
-          * Shown when a reward has been created by a referral
-          * @uiName Referral text
-          * @uiWidget textArea
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+          * @uiGroup Step 1 Properties
          */
-        "referralText"?: string;
+        "step1_individualParticipant"?: string;
         /**
-          * @uiName Reward exchange label
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+          * @uiGroup Step 1 Properties
          */
-        "rewardExchangeText"?: string;
+        "step1_isPartnerAlertDescription"?: string;
         /**
-          * Shown when a reward has been created by a source other than a referral.
-          * @uiName Reward source text
-          * @uiWidget textArea
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+          * @uiGroup Step 1 Properties
          */
-        "rewardSourceText"?: string;
-    }
-    interface SqmRewardsTableStatusCell {
-        "deniedText"?: string;
-        "expiryText"?: string;
-        "locale"?: string;
-        "pendingReviewText"?: string;
-        "pendingScheduled"?: string;
-        "pendingUnhandled"?: string;
-        "pendingUsTax"?: string;
-        "reward"?: Reward;
-        "statusText"?: string;
-    }
-    interface SqmRewardsTableStatusColumn {
+        "step1_isPartnerAlertHeader"?: string;
         /**
-          * @uiName Column title
+          * Label text for last name input
+          * @uiName Last name label
+          * @uiGroup Step 1 Properties
          */
-        "columnTitle"?: string;
+        "step1_lastName"?: string;
         /**
-          * Displayed when denied for fraud.
-          * @uiName Denied text
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
+          * @uiGroup Step 1 Properties
          */
-        "deniedText"?: string;
+        "step1_lastNameError"?: string;
         /**
-          * Text shown before the date of an expiring reward.
-          * @uiName Expiry date prefix
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
+          * @uiGroup Step 1 Properties
          */
-        "expiryText"?: string;
+        "step1_participantType"?: string;
         /**
-          * Displayed when flagged for fraud.
-          * @uiName Pending review text
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "pendingReviewText"?: string;
+        "step1_participantTypeError"?: string;
         /**
-          * Text shown before the available date of a pending reward.
-          * @uiName Pending date prefix
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
+          * @uiGroup Step 1 Properties
          */
-        "pendingScheduled"?: string;
+        "step1_personalInformation"?: string;
         /**
-          * Displayed when fulfillment error occured when creating a reward.
-          * @uiName Unhandled error text
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 1 Properties
          */
-        "pendingUnhandled"?: string;
+        "step1_submitButton"?: string;
         /**
-          * Displayed when a reward is pending due to W9 compliance.
-          * @uiName W9 pending text
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
+          * @uiGroup Step 1 Properties
          */
-        "pendingUsTax"?: string;
+        "step1_taxAndBankingCollection"?: string;
         /**
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 2 Properties
          */
-        "statusText"?: string;
-    }
-    interface SqmRoute {
+        "step2_backButton"?: string;
         /**
-          * Page Path URL for this route.
-          * @uiName Navigation path name
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Indirect tax form step text
+          * @uiGroup Step 2 Properties
          */
-        "path"?: string;
-    }
-    interface SqmRouter {
-    }
-    interface SqmScroll {
+        "step2_formStep"?: string;
         /**
-          * @uiName Button text
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 2 Properties
          */
-        "buttonText"?: string;
+        "step2_generalErrorDescription"?: string;
         /**
-          * @uiName Button type
-          * @uiType string
-          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
-          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 2 Properties
          */
-        "buttonType"?: | "default"
-    | "primary"
-    | "success"
-    | "neutral"
-    | "warning"
-    | "danger"
-    | "text";
+        "step2_generalErrorTitle"?: string;
         /**
-          * Draws a circle button.
-          * @uiName Circle
+          * Heading text shown at the top of the page
+          * @uiName Indirect tax heading text
+          * @uiGroup Step 2 Properties
          */
-        "circle"?: boolean;
+        "step2_indirectTax"?: string;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * Subtext shown at the top of the page
+          * @uiName Indirect tax sub text
+          * @uiGroup Step 2 Properties
          */
-        "iconName"?: string;
+        "step2_indirectTaxDescription"?: string;
         /**
-          * @uiName Icon slot
-          * @uiType string
-          * @uiEnum ["prefix", "suffix"]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * Heading text shown above the tax details radio buttons
+          * @uiName Indirect tax details heading
+          * @uiGroup Step 2 Properties
          */
-        "iconSlot"?: string;
+        "step2_indirectTaxDetails"?: string;
         /**
-          * The button becomes full width if the screen size is smaller than 500px
-          * @uiName Full width on mobile
+          * Sub text shown above the tax details radio buttons
+          * @uiName Indirect tax details sub text
+          * @uiGroup Step 2 Properties
          */
-        "mobile"?: boolean;
+        "step2_indirectTaxDetailsDescription"?: string;
         /**
-          * Draws an outlined button.
-          * @uiName Outline
+          * Label text for the Indirect Tax Number input
+          * @uiName Indirect Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "outline"?: boolean;
+        "step2_indirectTaxNumber"?: string;
         /**
-          * Draws a pill-style button with rounded edges.
-          * @uiName Pill
+          * Error text shown below the Indirect Tax Number select input
+          * @uiName Indirect Tax Number error text
+          * @uiGroup Step 2 Properties
          */
-        "pill"?: boolean;
+        "step2_indirectTaxNumberError"?: string;
         /**
-          * @uiName Scroll animation style
-          * @uiType string
-          * @uiEnum ["smooth", "auto"]
-          * @uiEnumNames ["Smooth", "Auto"]
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+          * @uiGroup Step 2 Properties
          */
-        "scrollAnimation"?: "smooth" | "auto";
+        "step2_isPartnerAlertDescription"?: string;
         /**
-          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
-          * @uiName Scroll ID
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+          * @uiGroup Step 2 Properties
          */
-        "scrollId"?: string;
+        "step2_isPartnerAlertHeader"?: string;
         /**
-          * The name of the HTML tag you would like to scroll to. E.g referral-table
-          * @uiName Scroll tag name
+          * Label text for the QST checkbox
+          * @uiName checkbox label
+          * @uiGroup Step 2 Properties
          */
-        "scrollTagName"?: string;
+        "step2_isRegisteredQST"?: string;
         /**
-          * @uiName Size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large"]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * Label text for Income Tax checkbox
+          * @uiName Income Tax checkbox label
+          * @uiGroup Step 2 Properties
          */
-        "size"?: string;
-    }
-    interface SqmShareButton {
+        "step2_isRegisteredSubRegionIncomeTax"?: string;
         /**
-          * @uiName Button background color
-          * @uiWidget color
-          * @format color
+          * Label text for the not registered radio button
+          * @uiName Not registered radio button label
+          * @uiGroup Step 2 Properties
          */
-        "backgroundcolor"?: string;
+        "step2_notRegistered"?: string;
         /**
-          * Configure border radius with pixel amount
-          * @uiName Border radius
+          * Label text for the other region radio button
+          * @uiName Other region radio button label
+          * @uiGroup Step 2 Properties
          */
-        "borderradius"?: number;
+        "step2_otherRegion"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Label text for the Province select input
+          * @uiName Province select input label
+          * @uiGroup Step 2 Properties
          */
-        "demoData"?: DemoData<ShareButtonViewProps>;
+        "step2_province"?: string;
         /**
-          * @uiName Disabled
+          * Error text shown below the Selected Region select input
+          * @uiName Province error text
+          * @uiGroup Step 2 Properties
          */
-        "disabled"?: boolean;
+        "step2_provinceError"?: string;
         /**
-          * @uiName Hide icon
-          * @default
+          * Label text for the QST Tax Number input
+          * @uiName QST Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "hideicon"?: boolean;
+        "step2_qstNumber"?: string;
         /**
-          * @uiName Hide text
-          * @default
+          * Error text shown below the QST Tax number input
+          * @uiName QST Tax Number error text
+          * @uiGroup Step 2 Properties
          */
-        "hidetext"?: boolean;
+        "step2_qstTaxNumberError"?: string;
         /**
-          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
-          * @uiName Icon
+          * Label text for the Selected Region select input
+          * @uiName Selected region select input label
+          * @uiGroup Step 2 Properties
          */
-        "icon"?: string;
+        "step2_selectedRegion"?: string;
         /**
-          * @uiName Icon location
-          * @uiType string
-          * @uiEnum ["prefix", "suffix" ]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * Error text shown below the Selected Region select input
+          * @uiName Selected Region error text
+          * @uiGroup Step 2 Properties
          */
-        "iconslot"?: "prefix" | "suffix";
+        "step2_selectedRegionError"?: string;
         /**
-          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
-          * @uiName Share medium
-          * @uiType string
-          * @required 
-          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
-          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
+          * Label text for Sub-region select
+          * @uiName for Sub-region select label
+          * @uiGroup Step 2 Properties
          */
-        "medium"?: | "facebook"
-    | "twitter"
-    | "email"
-    | "direct"
-    | "linkedin"
-    | "sms"
-    | "fbmessenger"
-    | "whatsapp"
-    | "linemessenger"
-    | "pinterest"
-    | "reminder"
-    | "unknown";
+        "step2_subRegion"?: string;
         /**
-          * @uiName Display pill
+          * Error text shown below the Sub-region Income Tax number input
+          * @uiName Sub-region Income Tax error text
+          * @uiGroup Step 2 Properties
          */
-        "pill"?: boolean;
+        "step2_subRegionTaxNumberError"?: string;
         /**
-          * Optional programId, or uses the programId context where this button is rendered.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Label text for the Sub-region Income Tax Number input
+          * @uiName Sub-region income Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "programId"?: string;
+        "step2_subRegionTaxNumberLabel"?: string;
         /**
-          * Text used for native sharing (mobile only)
-          * @uiName Share text
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 2 Properties
          */
-        "sharetext"?: string;
+        "step2_submitButton"?: string;
         /**
-          * Title used for native sharing (mobile only)
-          * @uiName Share title
+          * Error text shown below the tax details radio buttons
+          * @uiName Indirect tax details error text
+          * @uiGroup Step 2 Properties
          */
-        "sharetitle"?: string;
+        "step2_taxDetailsError"?: string;
         /**
-          * @uiName Button size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large" ]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 3 Properties
          */
-        "size"?: "small" | "medium" | "large";
+        "step3_backButton"?: string;
         /**
-          * @uiName Button text color
-          * @uiWidget color
-          * @format color
+          * Text shown in the banner above the document
+          * @uiName Banner text
+          * @uiGroup Step 3 Properties
          */
-        "textcolor"?: string;
+        "step3_banner"?: string;
         /**
-          * @uiType string
-          * @uiName Button style
-          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
-          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+          * @uiGroup Step 3 Properties
          */
-        "type"?: | "primary"
-    | "success"
-    | "info"
-    | "warning"
-    | "danger"
-    | "default"
-    | "text";
-    }
-    interface SqmShareCode {
+        "step3_checkboxDescription"?: string;
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
+          * @uiGroup Step 3 Properties
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "step3_checkboxLabel"?: string;
         /**
-          * @uiName Copy button label
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup Step 3 Properties
          */
-        "copyButtonLabel"?: string;
+        "step3_formStep"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
+          * @uiGroup Step 3 Properties
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "step3_formSubmissionError"?: string;
         /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 3 Properties
          */
-        "programId"?: string;
+        "step3_generalErrorDescription"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 3 Properties
          */
-        "textAlign"?: "left" | "center" | "right";
+        "step3_generalErrorTitle"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 3 Properties
          */
-        "tooltiplifespan"?: number;
+        "step3_submitButton"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
+          * @uiGroup Step 3 Properties
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmShareLink {
+        "step3_taxForm"?: string;
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
+          * @uiGroup Step 3 Properties
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "step3_taxFormDescription"?: string;
         /**
-          * @uiName Copy button label
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
+          * @uiGroup Step 3 Properties
          */
-        "copyButtonLabel"?: string;
+        "step3_taxFormLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 3b Properties
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "step3b_backButton"?: string;
         /**
-          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
+          * @uiGroup Step 3b Properties
          */
-        "programId"?: string;
+        "step3b_formLabel"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share link alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup Step 3b Properties
          */
-        "textAlign"?: "left" | "center" | "right";
+        "step3b_formStep"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 3b Properties
          */
-        "tooltiplifespan"?: number;
+        "step3b_generalErrorDescription"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 3b Properties
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmStatContainer {
+        "step3b_generalErrorTitle"?: string;
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 3b Properties
          */
-        "display"?: "grid" | "flex";
+        "step3b_submitButton"?: string;
         /**
-          * @uiName Space between stats
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
+          * @uiGroup Step 3b Properties
          */
-        "space"?: Spacing;
-    }
-    interface SqmStencilbook {
-    }
-    interface SqmTab {
+        "step3b_taxForm"?: string;
         /**
-          * @uiName Tab title
+          * Subtext for the W8 radio button
+          * @uiName W8 radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "header"?: string;
-    }
-    interface SqmTableCell {
+        "step3b_w8Description"?: string;
         /**
-          * @uiName Column span
+          * Subtext for the W8E radio button
+          * @uiName W8E radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "colspan"?: number;
+        "step3b_w8EDescription"?: string;
         /**
-          * @uiName Padding
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
+          * @uiGroup Step 3b Properties
          */
-        "padding"?: string;
-    }
-    interface SqmTableRow {
+        "step3b_w8ELabel"?: string;
         /**
-          * @uiName Border
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
+          * @uiGroup Step 3b Properties
          */
-        "border"?: string;
-    }
-    interface SqmTabs {
+        "step3b_w8Label"?: string;
         /**
-          * Used to specify the placement of the tabs
-          * @uiName Tabs placement
-          * @uiType string
-          * @uiEnum ["left", "right", "bottom", "top"]
-          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
+          * Subtext for the W9 radio button
+          * @uiName W9 radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "placement"?: "left" | "right" | "bottom" | "top";
-    }
-    interface SqmTaskCard {
+        "step3b_w9Description"?: string;
         /**
-          * @uiName Button link
-          * @uiGroup Button
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
+          * @uiGroup Step 3b Properties
          */
-        "buttonLink"?: string;
+        "step3b_w9Label"?: string;
         /**
-          * @uiName Button text
-          * @uiGroup Button
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "buttonText"?: string;
+        "step4_badgeTextAwaitingReview"?: string;
         /**
-          * @uiName Title
-          * @uiGroup Task
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "cardTitle"?: string;
+        "step4_badgeTextExpiredOn"?: string;
         /**
-          * Displays the amount of times that a user has completed a repeatable task.
-          * @uiName Completed count text
-          * @uiGroup Task
-          * @uiWidget textArea
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "completedText"?: string;
+        "step4_badgeTextExpiringSoon"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
+        "step4_badgeTextSubmittedOn"?: string;
         /**
-          * @uiName Description
-          * @uiGroup Task
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
+          * @uiGroup Step 4 Properties
          */
-        "description"?: string;
+        "step4_bankingInformationSectionHeader"?: string;
         /**
-          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
-          * @uiName Display duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Task
+          * The error message shown at the top of the page in an error banner
+          * @uiName Step 4 General error text
+          * @uiGroup Step 4 Properties
          */
-        "displayDuration"?: string;
+        "step4_generalErrorDescription"?: string;
         /**
-          * Shown to users after the end of the task duration.
-          * @uiName Ended date message
-          * @uiGroup Task
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName Step 4 General error title
+          * @uiGroup Step 4 Properties
          */
-        "endedMessage"?: string;
+        "step4_generalErrorTitle"?: string;
         /**
-          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
-          * @uiName Task card button event key
-          * @uiGroup Button
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
+          * @uiGroup Step 4 Properties
          */
-        "eventKey"?: string;
+        "step4_invalidForm"?: string;
         /**
-          * Displayed when a user views a task card after the reward duration interval.
-          * @uiName Expiry date message
-          * @uiGroup Task
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName Step 4 No form needed subtext
+          * @uiGroup Step 4 Properties
          */
-        "expiryMessage"?: string;
+        "step4_newFormButton"?: string;
         /**
-          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
-          * @uiName Repeat amount
-          * @uiGroup Reward
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
+          * @uiGroup Step 4 Properties
          */
-        "finite"?: number;
+        "step4_noFormNeededSubtext"?: string;
         /**
-          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
-          * @uiName Goal completion number
-          * @uiGroup Goal
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
+          * @uiGroup Step 4 Properties
          */
-        "goal"?: number;
+        "step4_notRegisteredForTax"?: string;
         /**
-          * @uiName Hide CTA button
-          * @uiGroup Button
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "hideButton"?: boolean;
+        "step4_statusTextActive"?: string;
         /**
-          * Button link opens in new tab
-          * @uiName Open in new tab
-          * @uiGroup Button
-          * @default
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "openNewTab"?: boolean;
+        "step4_statusTextExpired"?: string;
         /**
-          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
-          * @uiName Program ID override
-          * @uiWidget programSelector
-          * @uiGroup Goal
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "programId"?: string;
+        "step4_statusTextNotActive"?: string;
         /**
-          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
-          * @uiName Progress bar unit
-          * @uiGroup Goal
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "progressBarUnit"?: string;
+        "step4_statusTextNotVerified"?: string;
         /**
-          * @uiName Goal repeatable
-          * @uiGroup Goal
-          * @default
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
+          * @uiGroup Step 4 Properties
          */
-        "repeatable"?: boolean;
+        "step4_taxAlertHeaderExpiredOn"?: string;
         /**
-          * @uiName Reward amount
-          * @uiGroup Reward
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
+          * @uiGroup Step 4 Properties
          */
-        "rewardAmount"?: string;
+        "step4_taxAlertHeaderExpiringSoon"?: string;
         /**
-          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
-          * @uiName Reward duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Reward
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
+          * @uiGroup Step 4 Properties
          */
-        "rewardDuration"?: string;
+        "step4_taxAlertHeaderNotActive"?: string;
         /**
-          * @uiName Reward unit
-          * @uiGroup Reward
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
+          * @uiGroup Step 4 Properties
          */
-        "rewardUnit"?: string;
+        "step4_taxAlertMessage"?: string;
         /**
-          * @uiName Show progress bar
-          * @uiGroup Goal
-          * @default
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
+          * @uiGroup Step 4 Properties
          */
-        "showProgressBar"?: boolean;
+        "step4_taxAlertMessageExpiringSoon"?: string;
         /**
-          * Shown to users before the start of the task duration.
-          * @uiName Start date message
-          * @uiGroup Task
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+          * @uiGroup Step 4 Properties
          */
-        "startsOnMessage"?: string;
+        "step4_taxDocumentSectionHeader"?: string;
         /**
-          * Select what type of stat to display for the goal. Manual paths are also supported.
-          * @uiName Goal progress source
-          * @required 
-          * @minLength 1
-          * @uiWidget statTypeSelectWidget
-          * @uiWidgetOptions {"version": 1.1}
-          * @uiGroup Goal
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
+          * @uiGroup Step 4 Properties
          */
-        "statType"?: string;
+        "step4_taxDocumentSectionSubHeader"?: string;
         /**
-          * @uiName Progress bar steps
-          * @uiGroup Goal
-          * @default
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
+          * @uiGroup Step 3 Properties
          */
-        "steps"?: boolean;
+        "stop3NotBasedInUS"?: string;
     }
-    interface SqmTaxAndCash {
+    interface SqmTaxAndCashMonolith {
         /**
           * @undocumented 
           * @uiType object
@@ -8671,6 +9882,7 @@ declare namespace LocalJSX {
         "sqm-tabs": SqmTabs;
         "sqm-task-card": SqmTaskCard;
         "sqm-tax-and-cash": SqmTaxAndCash;
+        "sqm-tax-and-cash-monolith": SqmTaxAndCashMonolith;
         "sqm-tax-document-submitted": SqmTaxDocumentSubmitted;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
@@ -8779,6 +9991,7 @@ declare module "@stencil/core" {
             "sqm-tabs": LocalJSX.SqmTabs & JSXBase.HTMLAttributes<HTMLSqmTabsElement>;
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
+            "sqm-tax-and-cash-monolith": LocalJSX.SqmTaxAndCashMonolith & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashMonolithElement>;
             "sqm-tax-document-submitted": LocalJSX.SqmTaxDocumentSubmitted & JSXBase.HTMLAttributes<HTMLSqmTaxDocumentSubmittedElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 8b5a8c23b9..27ed9fb381 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -13,15 +13,15 @@ Feature: Indirect Tax Form
     Then different <inputs> appear
 
     Examples: 
-      | country | option                                               | participantType       | inputs                                                                 |
-      | CA      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Province, Indirect Tax Number/GST Number, ?QST Number(Quebec) |
-      | ES      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Sub Region, VAT Number, ?Income Tax Number                    |
-      | UK      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, VAT Number                                                    |
-      | IR      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                                    |
-      | AU      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                                    |
-      | JP      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, CT Number                                                     |
-      | US      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                                    |
-      | EG      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                                    |
+      | country | option                                               | participantType       | inputs                                                 |
+      | CA      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Province, HST/GST Number, ?QST Number(Quebec) |
+      | ES      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Sub Region, VAT Number, ?Income Tax Number    |
+      | UK      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, VAT Number                                    |
+      | IR      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                    |
+      | AU      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                    |
+      | JP      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, CT Number                                     |
+      | US      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                    |
+      | EG      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                    |
 
   @minutia @ui
   Scenario Outline: The country select displays applicable indirect tax countries and changes the VAT/GST/CT number input
@@ -90,16 +90,23 @@ Feature: Indirect Tax Form
     And the country is "Canada"
     Then A Province select appears with the available <provinces>
     And based on the selected <provinces>
-    Then a <typeTaxInput> will appear
+    Then a <typeTaxInputs> will appear
 
     Examples: 
-      | provinces            |
-      | Ontario              |
-      | New Brunswick        |
-      | Newfoundland         |
-      | Nova Scotia          |
-      | Prince Edward Island |
-      | Quebec               |
+      | provinces             | typeTaxInput      |
+      | Ontario               | HST Number        |
+      | New Brunswick         | HST Number        |
+      | Newfoundland          | HST Number        |
+      | Nova Scotia           | HST Number        |
+      | Saskatchewan          | HST Number        |
+      | Prince Edward Island  | HST Number        |
+      | Nunavut               | HST Number        |
+      | British Columbia      | HST Number        |
+      | Manitoba              | HST Number        |
+      | Quebec                | GST + ?QST Number |
+      | Yukon                 | GST Number        |
+      | Alberta               | GST Number        |
+      | Northwest Territories | GST Number        |
 
   @minutia
   Scenario: QST Number input appears if the province is Quebec
@@ -116,7 +123,7 @@ Feature: Indirect Tax Form
     Then a "Sub Region" select appears with available <subRegions>
     And a "I am registered for Income Tax" checkbox will appear
     And if the participant checks <isRegisteredIncomeTax>
-    Then a "Income Tax" input will appear
+    Then a "Income Tax Number" input will appear
 
     Examples: 
       | subRegions | isRegisteredIncomeTax |
@@ -148,13 +155,19 @@ Feature: Indirect Tax Form
   @minutia @ui
   Scenario: Participant fills out the Indirect Tax Form with invalid or empty values
     When they fill out the form with invalid or empty for the following fields:
-      | Province     | <province>    |
-      | Indirect Tax | <indirectTax> |
-      | VAT Number   | <vatNumber>   |
+      | Country               | <country             |
+      | Province              | <province>           |
+      | Sub-region            | <subRegion>          |
+      | Indirect Tax Number   | <indirectTaxNumber>  |
+      | QST Number            | <qstNumber>          |
+      | Sub-Region Tax Number | <subRegionTaxNumber> |
     Then the form displays the respective errors for each field:
-      | <province>    | Province is required            |
-      | <indirectTax> | Indirect tax number is required |
-      | <vatNumber>   | VAT number is required          |
+      | <country>           | Country is required                                                                                |
+      | <province>          | Province is required                                                                               |
+      | <subRegion          | Sub-region is required                                                                             |
+      | <indirectTaxNumber> | "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required" |
+      | <qstNumber>         | "QST Number is required"                                                                           |
+      | <subRegionTaxNumber | "Income tax number is required                                                                     |
 	#   AL: Add case that handles errors thrown by backend, depends on the backend if they are doing that validation
 
   @minutia
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index a1bb8567a4..5e2679e575 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -61,6 +61,7 @@ export class IndirectTaxForm {
   @Prop() subRegionTaxNumberError: string = "Income Tax Number is required";
   @Prop() qstTaxNumberError: string = "QST Tax Number is required";
   @Prop() subRegion: string = "Sub-region";
+  @Prop() subRegionError: string = "Sub-region is required";
   @Prop() qstNumber: string = "QST Number";
   @Prop() subRegionTaxNumberLabel: string = "Income Tax Number";
   @Prop() isRegisteredQST: string = "I am registered for QST Tax";
@@ -102,6 +103,7 @@ export class IndirectTaxForm {
           selectedRegion: props.selectedRegionError,
           province: props.provinceError,
           indirectTaxNumber: props.indirectTaxNumberError,
+          subRegion: props.subRegionError,
         },
       },
     };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 6b837217db..20a3700c90 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -78,15 +78,15 @@ Feature: Tax Form Flow
     Then different <inputs> appear
 
     Examples: 
-      | country | option                                               | participantType       | inputs                                                                 |
-      | CA      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Province, Indirect Tax Number/GST Number, ?QST Number(Quebec) |
-      | ES      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Sub Region, VAT Number, ?Income Tax Number                    |
-      | UK      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, VAT Number                                                    |
-      | IR      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                                    |
-      | AU      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                                    |
-      | JP      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, CT Number                                                     |
-      | US      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                                    |
-      | EG      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                                    |
+      | country | option                                               | participantType       | inputs                                                 |
+      | CA      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Province, HST/GST Number, ?QST Number(Quebec) |
+      | ES      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Sub Region, VAT Number, ?Income Tax Number    |
+      | UK      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, VAT Number                                    |
+      | IR      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                    |
+      | AU      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                    |
+      | JP      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, CT Number                                     |
+      | US      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                    |
+      | EG      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                    |
 
   @minutia
   Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 2101fb13df..9cba8e999a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -257,7 +257,7 @@ export const StepTwoWithGeneralError = () => {
   );
 };
 
-export const StepTwoHSTCheckedWithInputErrors = () => {
+export const StepTwoOtherRegionChecked = () => {
   return (
     <sqm-indirect-tax-form
       demoData={{
@@ -265,33 +265,13 @@ export const StepTwoHSTCheckedWithInputErrors = () => {
           ...stepTwoProps.states,
           formState: {
             ...stepTwoProps.states.formState,
-            checked: "hstCanada",
+            checked: "otherRegion",
           },
         },
         slotProps: {
           formState: {
-            province: "BC",
-            selectedRegion: "CA",
-            errors: {
-              province: true,
-              indirectTaxNumber: true,
-            },
-          },
-        },
-      }}
-    ></sqm-indirect-tax-form>
-  );
-};
-
-export const StepTwoOtherRegionChecked = () => {
-  return (
-    <sqm-indirect-tax-form
-      demoData={{
-        states: {
-          ...stepTwoProps.states,
-          formState: {
-            ...stepTwoProps.states.formState,
-            checked: "otherRegion",
+            selectedRegion: "UK",
+            errors: {},
           },
         },
       }}
@@ -414,22 +394,6 @@ export const StepTwoOtherRegionCheckedOtherCountrySubRegionIncomeTax = () => {
   );
 };
 
-// export const StepTwoOtherRegionChecked = () => {
-//   return (
-//     <sqm-indirect-tax-form
-//       demoData={{
-//         states: {
-//           ...stepTwoProps.states,
-//           formState: {
-//             ...stepTwoProps.states.formState,
-//             checked: "otherRegion",
-//           },
-//         },
-//       }}
-//     ></sqm-indirect-tax-form>
-//   );
-// };
-
 export const StepTwoOtherRegionCheckedWithInputErrors = () => {
   return (
     <sqm-indirect-tax-form
@@ -446,7 +410,33 @@ export const StepTwoOtherRegionCheckedWithInputErrors = () => {
             selectedRegion: "GB",
             errors: {
               selectedRegion: true,
-              vatNumber: true,
+              indirectTaxNumber: true,
+            },
+          },
+        },
+      }}
+    ></sqm-indirect-tax-form>
+  );
+};
+
+export const StepTwoOtherRegionCheckedCanadaWithError = () => {
+  return (
+    <sqm-indirect-tax-form
+      demoData={{
+        states: {
+          ...stepTwoProps.states,
+          formState: {
+            ...stepTwoProps.states.formState,
+            checked: "otherRegion",
+          },
+        },
+        slotProps: {
+          formState: {
+            selectedRegion: "CA",
+            province: "BC",
+            errors: {
+              province: true,
+              indirectTaxNumber: true,
             },
           },
         },
@@ -455,6 +445,77 @@ export const StepTwoOtherRegionCheckedWithInputErrors = () => {
   );
 };
 
+export const StepTwoOtherRegionCheckedCanadaGSTAndQSTError = () => {
+  return (
+    <sqm-indirect-tax-form
+      demoData={{
+        states: {
+          ...stepTwoProps.states,
+          formState: {
+            ...stepTwoProps.states.formState,
+            checked: "otherRegion",
+          },
+        },
+        slotProps: {
+          formState: {
+            selectedRegion: "CA",
+            province: "QC",
+            hasQst: true,
+            errors: {
+              province: true,
+              indirectTaxNumber: true,
+              qstNumber: true,
+            },
+          },
+        },
+      }}
+    ></sqm-indirect-tax-form>
+  );
+};
+
+export const StepTwoOtherRegionCheckedOtherCountrySubRegionErrors = () => {
+  return (
+    <sqm-indirect-tax-form
+      demoData={{
+        states: {
+          ...stepTwoProps.states,
+          formState: {
+            ...stepTwoProps.states.formState,
+            checked: "otherRegion",
+          },
+        },
+        slotProps: {
+          formState: {
+            selectedRegion: "ES",
+            hasSubRegionTaxNumber: true,
+            errors: {
+              indirectTaxNumber: true,
+              subRegionTaxNumberError: true,
+              subRegion: true,
+            },
+          },
+        },
+      }}
+    ></sqm-indirect-tax-form>
+  );
+};
+
+// export const StepTwoOtherRegionChecked = () => {
+//   return (
+//     <sqm-indirect-tax-form
+//       demoData={{
+//         states: {
+//           ...stepTwoProps.states,
+//           formState: {
+//             ...stepTwoProps.states.formState,
+//             checked: "otherRegion",
+//           },
+//         },
+//       }}
+//     ></sqm-indirect-tax-form>
+//   );
+// };
+
 export const StepTwoNotRegisteredChecked = () => {
   return (
     <sqm-indirect-tax-form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 4fb98f4f10..4c4faa0bab 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -23,5 +23,6 @@ export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
     selectedRegion: "Country is required",
     province: "Province is required",
     indirectTaxNumber: "Indirect Tax is required",
+    subRegion: "Sub-region is required"
   },
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index b2c147e812..7de21175ac 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -54,6 +54,7 @@ export interface IndirectDetailsSlotViewProps {
       province: string;
       indirectTaxNumber: string;
       subRegionTaxNumber: string;
+      subRegion: string;
     };
   };
 }
@@ -81,10 +82,9 @@ const style = {
     border: "1px solid #E0E0E0",
     margin: "10px 0",
   },
-  Input: {
-    maxWidth: "500px",
-  },
+  Input: { maxWidth: "500px" },
   ErrorInput: {
+    maxWidth: "500px",
     "&::part(base)": {
       border: "1px solid var(--sl-color-danger-500)",
       borderRadius: "var(--sl-input-border-radius-medium)",
@@ -110,7 +110,7 @@ const vanillaStyle = `
     }
   `;
 
-export type TaxType = "GST" | "HST" | "VAT" | "JST";
+export type TaxType = "GST" | "HST" | "VAT" | "JST" | "QST";
 export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
   const {
     states,
@@ -168,7 +168,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
           disabled={states.loading}
           {...(formState.errors?.indirectTaxNumber && {
             class: classes.ErrorInput,
-            helpText: text.error.indirectTaxNumber,
+            helpText: text.error.subRegion,
           })}
           id="subRegion"
           name="/subRegion"
@@ -258,7 +258,10 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
               {text.isRegisteredQST}
             </sl-checkbox>
             {formState.hasQst && (
-              <IndirectTaxNumberInput label={"QST Number"} name={"qstNumber"} />
+              <IndirectTaxNumberInput
+                label={text.qstNumber}
+                name={"indirectTaxNumber"}
+              />
             )}
           </div>
         )}
@@ -266,10 +269,6 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
     );
   };
 
-  // console.log(props.data.countries);
-  // console.log(props.data.provinces, "OTHEREGIONSPROVINe");
-  // console.log(formState.countryCode);
-
   const getActiveForm = (selectedRegion: string) => {
     switch (selectedRegion) {
       case "CA":
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From 0729faec78bcc440f2b10a23d7133aaa9629cdef Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 12 Feb 2024 14:19:31 -0800
Subject: [PATCH 179/753] Added square checkbox styling, updated functions

---
 .../sqm-indirect-tax-form-view.tsx            | 11 +++---
 .../sqm-indirect-tax-form.tsx                 |  7 ++--
 .../sqm-user-info-form/defaultTextCopy.ts     |  3 +-
 .../small-views/IndirectTaxDetailsView.tsx    | 35 ++++++++++++++++---
 .../src/components/tax-and-cash/subregions.ts |  8 ++---
 packages/mint-components/src/index.html       |  4 +--
 6 files changed, 50 insertions(+), 18 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 7d5516f54c..e4e8a91112 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -109,6 +109,11 @@ const style = {
       color: "var(--sl-color-blue-500)",
     },
   },
+  Checkbox: {
+    "&::part(control)": {
+      borderRadius: "50% !important",
+    },
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -129,10 +134,6 @@ const vanillaStyle = `
       color: var(--sl-color-gray-800);
        font-size: var(--sl-font-size-small);
     }
-
-    sl-checkbox::part(control) {
-        border-radius: 50%;
-    }
   `;
 
 export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
@@ -210,6 +211,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
               </sl-checkbox>
               {slots.registeredInCanadaDetailsSlot} */}
               <sl-checkbox
+                class={classes.Checkbox}
                 exportparts="label: input-label"
                 checked={formState.checked === "otherRegion"}
                 onInput={() => callbacks.onChange("otherRegion")}
@@ -221,6 +223,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
               </sl-checkbox>
               {slots.registeredInDifferentCountryDetailsSlot}
               <sl-checkbox
+                class={classes.Checkbox}
                 exportparts="label: input-label"
                 checked={formState.checked === "notRegistered"}
                 onInput={() => callbacks.onChange("notRegistered")}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 5e2679e575..f8355bb9ca 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -32,10 +32,10 @@ export class IndirectTaxForm {
   @Prop() formStep: string = "Step 2 of 4";
   @Prop() indirectTax: string = "Indirect Tax";
   @Prop() indirectTaxDescription: string =
-    "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.";
+    "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.";
   @Prop() indirectTaxDetails: string = "Indirect Tax Details";
   @Prop() indirectTaxDetailsDescription: string =
-    "Not sure if you are registered for indirect tax? Contact our Support team to find out more.";
+    "If you represent a business entity, you may be registered for indirect tax. If you are based in the US you are most likely not registered. Not sure if you’re registered? Contact our Support team to find out more.";
   @Prop() otherRegion: string =
     "I am registered for Indirect Tax in a different Country / Region";
   @Prop() notRegistered: string = "I am not registered for Indirect Tax";
@@ -59,7 +59,7 @@ export class IndirectTaxForm {
   @Prop() indirectTaxNumberError: string =
     "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required";
   @Prop() subRegionTaxNumberError: string = "Income Tax Number is required";
-  @Prop() qstTaxNumberError: string = "QST Tax Number is required";
+  @Prop() qstTaxNumberError: string = "QST Number is required";
   @Prop() subRegion: string = "Sub-region";
   @Prop() subRegionError: string = "Sub-region is required";
   @Prop() qstNumber: string = "QST Number";
@@ -104,6 +104,7 @@ export class IndirectTaxForm {
           province: props.provinceError,
           indirectTaxNumber: props.indirectTaxNumberError,
           subRegion: props.subRegionError,
+          qstNumber: props.qstTaxNumberError,
         },
       },
     };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 4c4faa0bab..a6a7e627c4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -23,6 +23,7 @@ export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
     selectedRegion: "Country is required",
     province: "Province is required",
     indirectTaxNumber: "Indirect Tax is required",
-    subRegion: "Sub-region is required"
+    subRegion: "Sub-region is required",
+    qstNumber: "QST Number is required"
   },
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 7de21175ac..8d385d0182 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -55,6 +55,7 @@ export interface IndirectDetailsSlotViewProps {
       indirectTaxNumber: string;
       subRegionTaxNumber: string;
       subRegion: string;
+      qstNumber: string;
     };
   };
 }
@@ -83,6 +84,11 @@ const style = {
     margin: "10px 0",
   },
   Input: { maxWidth: "500px" },
+  Checkbox: {
+    "&::part(control)": {
+      borderRadius: "0 !important",
+    },
+  },
   ErrorInput: {
     maxWidth: "500px",
     "&::part(base)": {
@@ -130,10 +136,22 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
     );
   };
 
+  const getTaxFieldError = (taxType: TaxType) => {
+    return intl.formatMessage(
+      {
+        id: `tax-field-label${taxType}`,
+        defaultMessage: text.error.indirectTaxNumber,
+      },
+      { taxType }
+    );
+  };
+
   const IndirectTaxNumberInput = ({
     label,
+    error,
     name,
   }: {
+    error: string;
     label: string;
     name: string;
   }) => {
@@ -147,7 +165,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
         value={formState[name]}
         {...(formState.errors?.[name] && {
           class: classes.ErrorInput,
-          helpText: text.error[name],
+          helpText: error,
         })}
         id={name}
         name={`/${name}`}
@@ -180,8 +198,10 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
         <IndirectTaxNumberInput
           name={"indirectTaxNumber"}
           label={getTaxFieldLabel("VAT")}
+          error={getTaxFieldError("VAT")}
         />
         <sl-checkbox
+          class={classes.Checkbox}
           exportparts="label: input-label"
           checked={formState.hasSubRegionTaxNumber}
           onSl-change={callbacks.onSpainToggle}
@@ -198,7 +218,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             value={formState.subRegionTaxNumber}
             {...(formState.errors?.subRegionTaxNumberError && {
               class: classes.ErrorInput,
-              helpText: text.error.indirectTaxNumber,
+              helpText: text.error.subRegionTaxNumber,
             })}
             id={"subRegionTaxNumber"}
             name={"/subRegionTaxNumber"}
@@ -215,6 +235,8 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
       (p) => p.provinceCode === formState.province
     )?.taxType as TaxType | undefined;
 
+    console.log(currentTaxType);
+
     return (
       <div class={classes.ConditionalInputsContainer}>
         <sl-select
@@ -239,18 +261,21 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
         {currentTaxType === "GST" && (
           <IndirectTaxNumberInput
             label={getTaxFieldLabel("GST")}
+            error={getTaxFieldError("GST")}
             name={"indirectTaxNumber"}
           />
         )}
         {currentTaxType === "HST" && (
           <IndirectTaxNumberInput
             label={getTaxFieldLabel("HST")}
+            error={getTaxFieldError("HST")}
             name={"indirectTaxNumber"}
           />
         )}
         {formState.province === "QC" && (
           <div class={classes.ConditionalInputsContainer}>
             <sl-checkbox
+              class={classes.Checkbox}
               exportparts="label: input-label"
               onSl-change={callbacks.onQstToggle}
               checked={formState.hasQst}
@@ -259,8 +284,9 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             </sl-checkbox>
             {formState.hasQst && (
               <IndirectTaxNumberInput
+                name={"qstNumber"}
                 label={text.qstNumber}
-                name={"indirectTaxNumber"}
+                error={text.error.qstNumber}
               />
             )}
           </div>
@@ -276,6 +302,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
       case "ES":
         return <SpainFields />;
       default:
+        // TODO: Pass in proper tax type for countries
         return (
           <sl-input
             required
@@ -286,7 +313,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             disabled={states.loading}
             {...(formState.errors?.indirectTaxNumber && {
               class: classes.ErrorInput,
-              helpText: text.error.indirectTaxNumber,
+              helpText: getTaxFieldError("VAT"),
             })}
             id="indirectTaxNumber"
             name="/indirectTaxNumber"
diff --git a/packages/mint-components/src/components/tax-and-cash/subregions.ts b/packages/mint-components/src/components/tax-and-cash/subregions.ts
index 5ec68a3518..f54571f4ae 100644
--- a/packages/mint-components/src/components/tax-and-cash/subregions.ts
+++ b/packages/mint-components/src/components/tax-and-cash/subregions.ts
@@ -1,16 +1,16 @@
 export const INDIRECT_TAX_PROVINCES = [
   { provinceCode: "AB", taxType: "GST", displayName: "Alberta" },
-  { provinceCode: "BC", taxType: "GST", displayName: "British Columbia" },
-  { provinceCode: "MB", taxType: "GST", displayName: "Manitoba" },
+  { provinceCode: "BC", taxType: "HST", displayName: "British Columbia" },
+  { provinceCode: "MB", taxType: "HST", displayName: "Manitoba" },
   { provinceCode: "NB", taxType: "HST", displayName: "New Brunswick" },
   { provinceCode: "NL", taxType: "HST", displayName: "Newfoundland" },
   { provinceCode: "NT", taxType: "GST", displayName: "North West Territories" },
   { provinceCode: "NS", taxType: "HST", displayName: "Nova Scotia" },
-  { provinceCode: "NU", taxType: "GST", displayName: "Nunavut" },
+  { provinceCode: "NU", taxType: "HST", displayName: "Nunavut" },
   { provinceCode: "ON", taxType: "HST", displayName: "Ontario" },
   { provinceCode: "PE", taxType: "HST", displayName: "Prince Edward Island" },
   { provinceCode: "QC", taxType: "GST", displayName: "Quebec" },
-  { provinceCode: "SK", taxType: "GST", displayName: "Saskatchewan" },
+  { provinceCode: "SK", taxType: "HST", displayName: "Saskatchewan" },
   { provinceCode: "YT", taxType: "GST", displayName: "Yukon" },
 ];
 
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From 303b9c78ea0d71f88f01f9972411509b679f4903 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 13 Feb 2024 09:54:19 -0800
Subject: [PATCH 180/753] Cleaned some code and descriptions

---
 packages/mint-components/src/components.d.ts  |  12 +-
 .../sqm-document-type-form.tsx                |   6 +-
 .../sqm-indirect-tax-form.feature             |  18 +-
 .../sqm-payout-details-card.tsx               |  24 ++-
 .../sqm-user-info-form/TaxForm.stories.tsx    |  16 --
 .../sqm-user-info-form/defaultTextCopy.ts     |   1 +
 .../sqm-user-info-form.feature                | 168 +++++++++++++-----
 packages/mint-components/src/index.html       |   4 +-
 8 files changed, 153 insertions(+), 96 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 509e5a8724..cfdd5a3806 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -330,12 +330,12 @@ export namespace Components {
          */
         "taxForm": string;
         /**
-          * Subtext for the W8 radio button
+          * Description for the W8 radio button
           * @uiName W8 radio button subtext
          */
         "w8Description": string;
         /**
-          * Subtext for the W8E radio button
+          * Description for the W8E radio button
           * @uiName W8E radio button subtext
          */
         "w8EDescription": string;
@@ -350,7 +350,7 @@ export namespace Components {
          */
         "w8Label": string;
         /**
-          * Subtext for the W9 radio button
+          * Description for the W9 radio button
           * @uiName W9 radio button subtext
          */
         "w9Description": string;
@@ -5575,12 +5575,12 @@ declare namespace LocalJSX {
          */
         "taxForm"?: string;
         /**
-          * Subtext for the W8 radio button
+          * Description for the W8 radio button
           * @uiName W8 radio button subtext
          */
         "w8Description"?: string;
         /**
-          * Subtext for the W8E radio button
+          * Description for the W8E radio button
           * @uiName W8E radio button subtext
          */
         "w8EDescription"?: string;
@@ -5595,7 +5595,7 @@ declare namespace LocalJSX {
          */
         "w8Label"?: string;
         /**
-          * Subtext for the W9 radio button
+          * Description for the W9 radio button
           * @uiName W9 radio button subtext
          */
         "w9Description"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
index fc04dd8fad..6996606402 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
@@ -44,7 +44,7 @@ export class DocumentTypeForm {
    */
   @Prop() w9Label: string = "W9";
   /**
-   * Subtext for the W9 radio button
+   * Description for the W9 radio button
    * @uiName W9 radio button subtext
    */
   @Prop() w9Description: string =
@@ -55,7 +55,7 @@ export class DocumentTypeForm {
    */
   @Prop() w8Label: string = "W8-Ben";
   /**
-   * Subtext for the W8 radio button
+   * Description for the W8 radio button
    * @uiName W8 radio button subtext
    */
   @Prop() w8Description: string =
@@ -66,7 +66,7 @@ export class DocumentTypeForm {
    */
   @Prop() w8ELabel: string = "W8-BEN-E";
   /**
-   * Subtext for the W8E radio button
+   * Description for the W8E radio button
    * @uiName W8E radio button subtext
    */
   @Prop() w8EDescription: string =
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 27ed9fb381..823911f0c8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -13,15 +13,15 @@ Feature: Indirect Tax Form
     Then different <inputs> appear
 
     Examples: 
-      | country | option                                               | participantType       | inputs                                                 |
-      | CA      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Province, HST/GST Number, ?QST Number(Quebec) |
-      | ES      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Sub Region, VAT Number, ?Income Tax Number    |
-      | UK      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, VAT Number                                    |
-      | IR      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                    |
-      | AU      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                    |
-      | JP      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, CT Number                                     |
-      | US      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                    |
-      | EG      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                    |
+      | country | option                                               | participantType       | inputs                                                  |
+      | CA      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Province, ?HST/GST Number, ?QST Number(Quebec) |
+      | ES      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Sub Region, VAT Number, ?Income Tax Number     |
+      | UK      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, VAT Number                                     |
+      | IR      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                     |
+      | AU      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                     |
+      | JP      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, CT Number                                      |
+      | US      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                     |
+      | EG      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                     |
 
   @minutia @ui
   Scenario Outline: The country select displays applicable indirect tax countries and changes the VAT/GST/CT number input
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index f6d6b958f9..1bfda4aa6b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -200,19 +200,17 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
             {mainCurrency.currencyText}
           </h1>
         )}
-        {otherCurrencies !== undefined &&
-          otherCurrencies !== false &&
-          !loading && (
-            <div>
-              <p
-                class={classes.SubduedRegularText}
-                style={{ fontSize: "var(--sl-font-size-x-small)" }}
-              >
-                + {otherCurrenciesText}
-              </p>
-              {currencyList(otherCurrencies as Currency[])}
-            </div>
-          )}
+        {otherCurrencies && !loading && (
+          <div>
+            <p
+              class={classes.SubduedRegularText}
+              style={{ fontSize: "var(--sl-font-size-x-small)" }}
+            >
+              + {otherCurrenciesText}
+            </p>
+            {currencyList(otherCurrencies as Currency[])}
+          </div>
+        )}
         {hasW9Pending && status === "pending" && hasDatePending && !loading && (
           <div class={classes.W9Container}>
             <p class={classes.SubduedRegularText}>{w9PendingText}</p>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 9cba8e999a..42449cd48e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -500,22 +500,6 @@ export const StepTwoOtherRegionCheckedOtherCountrySubRegionErrors = () => {
   );
 };
 
-// export const StepTwoOtherRegionChecked = () => {
-//   return (
-//     <sqm-indirect-tax-form
-//       demoData={{
-//         states: {
-//           ...stepTwoProps.states,
-//           formState: {
-//             ...stepTwoProps.states.formState,
-//             checked: "otherRegion",
-//           },
-//         },
-//       }}
-//     ></sqm-indirect-tax-form>
-//   );
-// };
-
 export const StepTwoNotRegisteredChecked = () => {
   return (
     <sqm-indirect-tax-form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index a6a7e627c4..01dd0d08c5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -7,6 +7,7 @@ import { DocusignFormViewProps } from "../sqm-docusign-form/sqm-docusign-form-vi
 
 // ! IMPORTANT: These objects cannot be used as default values for component props
 // !            Stencil doesn't handle the import when passing the prop default to raisins for editability.
+// !            Therefore, this is for storybook only.
 
 export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
   selectedRegion: "Country / Region of Indirect Tax",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
index f72c82cb3f..d905334ca0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
@@ -1,60 +1,134 @@
-@owner:andy
-@author:andy
-
+@owner:andy @author:andy
 Feature: Tax Form Step One
 
+  Background: A user is prompted to enter their personal and initial tax information
+    Given a user is on Tax Form Step One
 
-	Background: A user is prompted to enter their personal and initial tax information
-		Given a user is on Tax Form Step One
-
-    @minutia
-    Scenario: The email input is pre-filled and cannot be changed
+  @minutia
+  Scenario: The Participant is a partner and cannot change their email
     When the user is filling out the form
     Then they see the email input has already been filled with their email
     And the field is disabled
 
+  @minutia
+  Scenario: A user is filling out the form and selects their country
+    When they open the country dropdown
+    Then the available countries are provided:
+      | country        |
+      | UNITED STATES  |
+      | UK             |
+      | AUSTRALIA      |
+      | NEWZEALAND     |
+      | CANADA         |
+      | AUSTRIA        |
+      | BELGIUM        |
+      | BULGARIA       |
+      | CROATIA        |
+      | CYPRUS         |
+      | CZECHREPUBLIC  |
+      | DENMARK        |
+      | ESTONIA        |
+      | FINLAND        |
+      | FRANCE         |
+      | GERMANY        |
+      | GREECE         |
+      | HUNGARY        |
+      | IRELAND        |
+      | ITALY          |
+      | LATVIA         |
+      | LITHUANIA      |
+      | LUXEMBOURG     |
+      | MALTA          |
+      | NETHERLANDS    |
+      | POLAND         |
+      | PORTUGAL       |
+      | ROMANIA        |
+      | SLOVAKIA       |
+      | SLOVENIA       |
+      | SPAIN          |
+      | SWEDEN         |
+      | ICELAND        |
+      | INDIA          |
+      | ISRAEL         |
+      | JAPAN          |
+      | MEXICO         |
+      | NORWAY         |
+      | SINGAPORE      |
+      | SOUTHAFRICA    |
+      | SOUTHKOREA     |
+      | SWITZERLAND    |
+      | TAIWAN         |
+      | THAILAND       |
+      | PHILIPPINES    |
+      | MALAYSIA       |
+      | UAE            |
+      | TURKEY         |
+      | RUSSIA         |
+      | CANARY_ISLANDS |
 
-    # AL: Need full list of countries
-    @minutia
-    Scenario: A user is filling out the form and selects their country
-    And the available options are the list of countries provided by Impact:
-        | United States  |
-        | Canada         |
-        | Australia      |
-        | United Kingdom |
+  @minutia
+  Scenario: A user is filling out the form and selects their currency
+    When they open the currency dropdown
+    Then the available currencies are provided:
+      | currencies |
+      | GBP        |
+      | AUD        |
+      | NZD        |
+      | CAD        |
+      | EUR        |
+      | BGN        |
+      | HRK        |
+      | CZK        |
+      | DKK        |
+      | HUF        |
+      | PLN        |
+      | RON        |
+      | SEK        |
+      | ISK        |
+      | INR        |
+      | ILS        |
+      | JPY        |
+      | MXN        |
+      | NOK        |
+      | SGD        |
+      | ZAR        |
+      | KRW        |
+      | CHF        |
+      | TWD        |
+      | THB        |
+      | PHP        |
+      | MYR        |
+      | AED        |
+      | TRY        |
+      | RUB        |
 
-    # AL: Need full list of currencies
-    @minutia
-    Scenario: A user is filling out the form and selects their currency
-    And he available options are the list of currencies provided by Impact:
-        | CAD |
-        | USD |
-        | GBP |
-        | AUS |
+  @minutia @ui
+  Scenario: User comes back to step 1 form after filling out and submitting
+    When they have finished filling out the form
+    And press "Continue"
+    But on step 2 they press the "Back" button
+    And arrive back on step 1
+    Then the "Country" and "Currency" fields will be disabled
 
-    @minutia
-    @ui
-    Scenario Outline: A user fills out Tax Form Step One with invalid values
+  @minutia @ui
+  Scenario Outline: A user fills out Tax Form Step One with invalid values
     When they fill out the form with invalid values for the following fields:
-        | First Name                 | <firstName>             |
-        | Last Name                  | <lastName>              |
-        | Country Code               | <countryCode>           |
-        | Currency                   | <currency>              |
-        | Participant Type           | <participantType>       |
-        | Tax and Banking Collection | <allowBankingCollection>|
+      | First Name                 | <firstName>              |
+      | Last Name                  | <lastName>               |
+      | Country Code               | <countryCode>            |
+      | Currency                   | <currency>               |
+      | Participant Type           | <participantType>        |
+      | Tax and Banking Collection | <allowBankingCollection> |
     Then the form displays the respective errors for each field:
-        | <firstName>               | Enter a first name        |
-        | <lastName>                | Enter a last name         |
-        | <countryCode>             | Select a country          |
-        | <currency>                | Select a currency         |
-        | <participantType>         | Select a participant type |
-        | <allowBankingCollection>  | This field is required    |
-    
-    @minutia
-    @ui
-    Scenario: The loading state is shown when the form is submitted
-        Given the form is submitted
-        Then the form fields are disabled
-        Then a loading spinner appears in the Submit button
+      | <firstName>              | Enter a first name        |
+      | <lastName>               | Enter a last name         |
+      | <countryCode>            | Select a country          |
+      | <currency>               | Select a currency         |
+      | <participantType>        | Select a participant type |
+      | <allowBankingCollection> | This field is required    |
 
-    
+  @minutia @ui
+  Scenario: The loading state is shown when the form is submitted
+    Given the form is submitted
+    Then the form fields are disabled
+    Then a loading spinner appears in the Submit button
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From 7f281fe296f9e3f2694202b534d62b56969b14d9 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 13 Feb 2024 10:47:59 -0800
Subject: [PATCH 181/753] Hook up backend APIs

---
 .../sqm-document-type-form-view.tsx           |   4 +-
 .../useDocumentTypeForm.tsx                   |  12 +-
 .../sqm-docusign-form-view.tsx                |   6 +-
 .../sqm-docusign-form/useDocusignForm.tsx     | 100 ++++++++--------
 .../useIndirectTaxForm.tsx                    | 108 ++++++------------
 .../tax-and-cash/sqm-tax-and-cash/data.ts     |  64 +++++++++--
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |   5 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  63 ++++------
 .../sqm-tax-document-submitted-view.tsx       |   2 +-
 .../useTaxDocumentSubmitted.tsx               |  49 ++------
 .../sqm-user-info-form/TaxForm.stories.tsx    |  20 ++--
 .../sqm-user-info-form-view.tsx               |   2 +-
 .../sqm-user-info-form/useUserInfoForm.tsx    |  83 +++++++-------
 13 files changed, 243 insertions(+), 275 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
index 30d1c9acc5..dd4a45f8c1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
@@ -177,7 +177,7 @@ export const DocumentTypeFormView = (props: DocumentTypeFormViewProps) => {
             </sl-radio>
             <sl-radio
               disabled={states.disabled}
-              value="W8-BEN"
+              value="W8BEN"
               name="/documentType"
             >
               <p class={classes.LabelText}>{text.w8Label}</p>
@@ -185,7 +185,7 @@ export const DocumentTypeFormView = (props: DocumentTypeFormViewProps) => {
             </sl-radio>
             <sl-radio
               disabled={states.disabled}
-              value="W8-BEN-E"
+              value="W8BENE"
               name="/documentType"
             >
               <p class={classes.LabelText}>{text.w8ELabel}</p>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
index 6d77473234..109a0d1730 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
@@ -53,17 +53,7 @@ export function useDocumentTypeForm(props: DocumentTypeForm) {
 
     setLoading(true);
     try {
-      await upsertUser({
-        userInput: {
-          id: user.id,
-          accountId: user.accountId,
-          customFields: {
-            __taxDocumentType: selectedDocumentType.toUpperCase(),
-          },
-        },
-      });
-      await refetch();
-
+      console.log({ selectedDocumentType });
       setPath(`/3/${selectedDocumentType}`);
     } catch (e) {
       setErrors({ general: true });
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 0b3dabb760..eb93197faa 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -1,7 +1,7 @@
-import { VNode, h } from "@stencil/core";
-import { createStyleSheet } from "../../../styling/JSS";
+import { h } from "@stencil/core";
 import { intl } from "../../../global/global";
-import { TaxDocumentType } from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
+import { createStyleSheet } from "../../../styling/JSS";
+import { TaxDocumentType } from "../sqm-tax-and-cash/data";
 
 export interface DocusignFormViewProps {
   states: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index c39dd4817f..d492d3e7db 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -2,7 +2,7 @@ import {
   useMutation,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { useEffect, useMemo, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useParent, useParentValue } from "../../../utils/useParentState";
@@ -10,20 +10,23 @@ import {
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
   TaxContext,
+  TaxDocumentType,
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
-import { TaxDocumentType } from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
 import { DocusignForm } from "./sqm-docusign-form";
 
-// TODO: Fill out when API is released
+type CreateTaxDocumentQuery = {
+  documentUrl: string;
+};
 const GET_TAX_DOCUMENT = gql`
-  query getTaxDocument ($vars: TaxDocumentInput) {}
-`;
-
-// TODO: Check if document already exists
-const CHECK_DOCUMENT_STATUS = gql`
-  query checkDocumentStatus ($vars: CheckDocumentStatusInput) {}
+  mutation createImpactPartnerTaxDocument(
+    $vars: CreateImpactPartnerTaxDocumentInput
+  ) {
+    createImpactPartnerTaxDocument(createImpactPartnerTaxDocumentInput: $vars) {
+      documentUrl
+    }
+  }
 `;
 
 const UPSERT_USER = gql`
@@ -42,42 +45,45 @@ export function useDocusignForm(props: DocusignForm, el: any) {
   const { data, refetch } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
 
-  const [upsertUser] = useMutation(UPSERT_USER);
   const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
   const [errors, setErrors] = useState({});
   const [loading, setLoading] = useState(false);
 
   const splitPath = path.split("/");
-  const pathedDocumentType = splitPath.length === 3 ? splitPath[2] : undefined;
-  const savedUserTaxType = data?.user?.customFields?.w9Type;
-
-  // TODO: Replace with real backend data
-  const {
-    data: taxInfo,
-    loading: taxInfoLoading,
-    refetch: refetchDocument,
-  } = {
-    data: {
-      taxForm: pathedDocumentType,
-      documentUrl: "https://example.com",
-    },
-    loading: false,
-    refetch: (_vars: any) => console.debug("REFETCHING", _vars),
-  };
+  const pathedDocumentType =
+    splitPath.length === 3 ? (splitPath[2] as TaxDocumentType) : undefined;
+
+  const documentType =
+    pathedDocumentType || // Prioritise path param override
+    data?.user?.impactPartner?.currentTaxDocument?.type || // Then current form (could be different than required)
+    data?.user?.impactPartner?.requiredTaxDocumentType; // Last, the required tax form
+
+  const [
+    createTaxDocument,
+    { loading: documentLoading, data: document, errors: documentErrors },
+  ] = useMutation<CreateTaxDocumentQuery>(GET_TAX_DOCUMENT);
 
   useEffect(() => {
-    if (pathedDocumentType === savedUserTaxType) return;
+    if (data.user && !data.user.impactPartner) {
+      setErrors({ general: true });
+      return;
+    }
+
+    if (!user || !documentType) return;
 
-    refetchDocument({ documentType: pathedDocumentType });
-  }, [pathedDocumentType, savedUserTaxType]);
+    createTaxDocument({
+      userId: user.id,
+      accountId: user.accountId,
+      taxDocumentType: documentType,
+    });
+  }, [data, user, documentType]);
 
   useEffect(() => {
+    if (!document) return;
     // Load docusign iframe with given url
     const slotted = el.querySelector("sqm-docusign-embed");
-    if (slotted) {
-      slotted.url = taxInfo.documentUrl;
-    }
-  }, [taxInfo.documentUrl]);
+    if (slotted) slotted.url = document.documentUrl;
+  }, [document]);
 
   const onSubmit = async () => {
     if (!formSubmitted) {
@@ -89,15 +95,15 @@ export function useDocusignForm(props: DocusignForm, el: any) {
     try {
       setLoading(true);
       // Backend request
-      await upsertUser({
-        userInput: {
-          id: user.id,
-          accountId: user.accountId,
-          customFields: {
-            __taxDocumentSubmitted: true,
-          },
-        },
-      });
+      // await upsertUser({
+      //   userInput: {
+      //     id: user.id,
+      //     accountId: user.accountId,
+      //     customFields: {
+      //       __taxDocumentSubmitted: true,
+      //     },
+      //   },
+      // });
       await refetch();
 
       setPath(context.overrideNextStep || "/submitted");
@@ -115,19 +121,19 @@ export function useDocusignForm(props: DocusignForm, el: any) {
   return {
     states: {
       hideSteps: context.hideSteps,
-      disabled: taxInfoLoading || loading,
+      disabled: documentLoading || loading,
       submitDisabled: !formSubmitted,
-      loading: taxInfoLoading || loading,
+      loading: documentLoading || loading,
       formState: {
         completedTaxForm: formSubmitted,
         taxFormExpired: false, // TODO: Unhardcode this
         errors,
       },
-      documentType: taxInfo.taxForm?.toUpperCase() as TaxDocumentType,
+      documentType,
     },
     data: {
-      taxForm: taxInfo?.taxForm,
-      documentUrl: taxInfo?.documentUrl,
+      taxForm: documentType,
+      documentUrl: document?.documentUrl,
     },
     callbacks: {
       onShowDocumentType: () => setPath("/3b"),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index b8284cae75..48ec261375 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -8,49 +8,33 @@ import JSONPointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useParentValue, useSetParent } from "../../../utils/useParentState";
 import { INDIRECT_TAX_COUNTRIES } from "../countries";
-import {
-  INDIRECT_TAX_PROVINCES,
-  INDIRECT_TAX_SPAIN_REGIONS,
-} from "../subregions";
 import {
   COUNTRIES_NAMESPACE,
   CountriesQuery,
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
   TaxContext,
+  USER_FORM_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
+  UserFormContext,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
-import { IndirectTaxForm } from "./sqm-indirect-tax-form";
 import { IndirectDetailsSlotViewProps } from "../sqm-user-info-form/small-views/IndirectTaxDetailsView";
+import {
+  INDIRECT_TAX_PROVINCES,
+  INDIRECT_TAX_SPAIN_REGIONS,
+} from "../subregions";
+import { IndirectTaxForm } from "./sqm-indirect-tax-form";
 
-function getOption(user: UserQuery["user"]) {
-  if (!user) return;
-  const { countryCode, customFields } = user;
-
-  if (customFields?.__taxOption) return customFields.__taxOption;
-  if (customFields?.participantType === "individualParticipant")
-    return "notRegistered";
-  if (customFields?.__taxCountry) {
+function getOption(participantType: string, countryCode: string) {
+  if (participantType === "individualParticipant") return "notRegistered";
+  if (INDIRECT_TAX_COUNTRIES.find((c) => c.countryCode === countryCode)) {
     return "otherRegion";
   } else {
-    if (INDIRECT_TAX_COUNTRIES.find((c) => c.countryCode === countryCode)) {
-      return "otherRegion";
-    } else {
-      return "notRegistered";
-    }
+    return "notRegistered";
   }
 }
 
-const UPSERT_USER = gql`
-  mutation ($userInput: UserInput!) {
-    upsertUser(userInput: $userInput) {
-      firstName
-      lastName
-    }
-  }
-`;
-
 export function useIndirectTaxForm(props: IndirectTaxForm) {
   const user = useUserIdentity();
   const setStep = useSetParent<string>(TAX_CONTEXT_NAMESPACE);
@@ -59,8 +43,8 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
   const formRef = useRef<HTMLFormElement>(null);
   const [loading, setLoading] = useState(false);
   const [formState, setFormState] = useState<Record<string, any>>({});
-  const [upsertUser] = useMutation(UPSERT_USER);
 
+  const userForm = useParentValue<UserFormContext>(USER_FORM_CONTEXT_NAMESPACE);
   const { data: userData, refetch } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
   const { data: _countries, loading: countriesLoading } =
@@ -75,13 +59,13 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     const user = userData?.user;
     if (!user) return;
 
-    const _option = getOption(user);
+    const _option = getOption(userForm.participantType, userForm.countryCode);
     setOption(_option);
 
     const defaultCountryCode = INDIRECT_TAX_COUNTRIES.find(
-      (c) => c.countryCode === user.countryCode
+      (c) => c.countryCode === userForm.countryCode
     )
-      ? user.countryCode
+      ? userForm.countryCode
       : undefined;
 
     setFormState({
@@ -94,7 +78,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       selectedRegion: user.customFields?.__taxCountry || defaultCountryCode,
       indirectTaxNumber: user.customFields?.__taxIndirectTaxNumber,
     });
-  }, [userData]);
+  }, [userData, userForm]);
 
   const onFormChange = (field: string, e: CustomEvent) => {
     const value = e.detail?.item?.__value;
@@ -132,52 +116,30 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       return;
     }
 
-    // @ts-ignore
     setLoading(true);
-
     try {
-      let defaultDocumentType: string;
-      if (userData?.user?.countryCode === "US") defaultDocumentType = "W9";
-      if (formData.selectedRegion === "US") {
-        if (
-          userData?.user.customFields.participantType ===
-          "individualParticipant"
-        )
-          defaultDocumentType = "W8-BEN";
-        else if (
-          userData?.user.customFields.participantType === "businessEntity"
-        )
-          defaultDocumentType = "W8-BEN-E";
-      }
-
-      const customFields = {
-        __taxOption: option,
-        __taxDocumentType: defaultDocumentType || null,
-        __taxProvince: formData.province || null,
-        __taxCountry: formData.selectedRegion || null,
-        __taxSubRegion: formData.subRegion || null,
-        __taxSubRegionTaxNumber: formData.subRegionTaxNumber || null,
-        __taxQstNumber: formData.qstNumber || null,
-        __taxIndirectTaxNumber: formData.indirectTaxNumber || null,
+      const taxOption =
+        option === "notRegistered"
+          ? "NO_TAX"
+          : formData.selectedRegion === userForm?.countryCode
+          ? "SAME_COUNTRY"
+          : "DIFFERENT_COUNTRY";
+
+      const fields = {
+        taxOption: taxOption,
+        countrySubDivision: formData.province || formData.subRegion,
+        indirectTaxId: formData.indirectTaxNumber,
+        additionalTax: formState.hasQst,
+        additionalTaxId: formData.qstNumber,
+        withholdingTaxCountry: formState.hasSubRegionTaxNumber
+          ? "SPAIN"
+          : undefined,
+        withholdingTaxNumber: formData.subRegionTaxNumber,
       };
 
-      console.log({ formData, customFields });
-
-      // Backend request
-      await upsertUser({
-        userInput: {
-          id: user.id,
-          accountId: user.accountId,
-          customFields,
-        },
-      });
-      await refetch();
-
-      const nextStep = defaultDocumentType
-        ? `/3/${defaultDocumentType}`
-        : `/submitted`;
+      console.log({ formData, fields, userForm });
 
-      setStep(context.overrideNextStep || nextStep);
+      setStep("/3");
     } catch (e) {
       setErrors({ general: true });
     } finally {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index ac6711e1b6..5bea2d4640 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -6,10 +6,23 @@ export const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
 
 export const USER_QUERY_NAMESPACE = "sq:user-info-query";
 
+export const USER_FORM_CONTEXT_NAMESPACE = "sq:user-form-context";
+
 export const COUNTRIES_NAMESPACE = "sq:countries-list";
 
 export const CURRENCIES_NAMESPACE = "sq:currencies:list";
 
+export type TaxDocumentType = "W9" | "W8BEN" | "W8BENE";
+
+export type UserFormContext = {
+  firstName: string;
+  lastName: string;
+  email: string;
+  countryCode: string;
+  currency: string;
+  participantType: string | undefined;
+};
+
 export type TaxContext = {
   overrideNextStep?: string;
   overrideBackStep?: string;
@@ -17,13 +30,32 @@ export type TaxContext = {
 };
 
 export const GET_USER = gql`
-  query getUserTaxInfo($id: String!, $accountId: String!) {
-    user(id: $id, accountId: $accountId) {
-      firstName
-      lastName
-      email
-      countryCode
-      customFields
+  query getUserTaxInfo {
+    user: viewer {
+      ... on User {
+        firstName
+        lastName
+        email
+        countryCode
+        customFields
+        impactPartner {
+          connectionStatus
+          firstName
+          lastName
+          email
+          country
+          currency
+          indirectTaxNumber
+          requiredTaxDocumentType
+          currentTaxDocument {
+            status
+            type
+          }
+        }
+      }
+      # ... on Tenant {
+      #   impactBrandCountryCode
+      # }
     }
   }
 `;
@@ -37,6 +69,24 @@ export type UserQuery = {
     customFields?: {
       [key: string]: any;
     };
+    impactPartner: null | {
+      connectionStatus: "CONNECTED" | "NOT_CONNECTED";
+      firstName: string;
+      lastName: string;
+      email: string;
+      country: string;
+      currency: string;
+      indirectTaxNumber: number;
+      requiredTaxDocumentType: TaxDocumentType;
+      currentTaxDocument: {
+        status: "NEW" | "NOT_VERIFIED" | "ACTIVE" | "INACTIVE";
+        type: TaxDocumentType;
+      };
+
+      // TODO: Remove this comment when these fields exist
+      taxOption: "SAME_COUNTRY" | "NO_TAX" | "DIFFERENT_COUNTRY";
+      countrySubdivision: string;
+    };
   };
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 70cef61ae7..e2ba3cbb17 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -766,8 +766,9 @@ export class TaxAndCashMonolith {
             {...this.getIndirectTaxFormTextProps()}
           ></sqm-indirect-tax-form>
         );
-      case "/3/W8-BEN":
-      case "/3/W8-BEN-E":
+      case "/3":
+      case "/3/W8BEN":
+      case "/3/W8BENE":
       case "/3/W9":
         return (
           <sqm-docusign-form {...this.getDocuSignFormTextProps()}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index f1bb3bc554..e3c71b76e5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -9,7 +9,6 @@ import {
   getContextValueName,
   useParentState,
 } from "../../../utils/useParentState";
-import { FormState } from "../sqm-user-info-form/useUserInfoForm";
 import {
   COUNTRIES_NAMESPACE,
   CURRENCIES_NAMESPACE,
@@ -21,46 +20,33 @@ import {
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
   TaxContext,
+  USER_FORM_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
+  UserFormContext,
   UserQuery,
 } from "./data";
 
 function getCurrentStep(user: UserQuery["user"]) {
-  // TODO: From partner information
   if (
-    !user.countryCode ||
-    !user.customFields?.currency ||
-    !user.customFields.participantType
+    !user.impactPartner ||
+    user.impactPartner?.connectionStatus === "NOT_CONNECTED"
   ) {
     return "/1";
   }
 
-  // TODO: Get indirect tax info from impact
-  // Right now, this is just set on submit in step 2 to flag it as being completed
-  if (!user.customFields.__taxOption) {
-    return "/2";
+  if (user.impactPartner.currentTaxDocument) {
+    const { status, type } = user.impactPartner.currentTaxDocument;
+
+    if (status === "ACTIVE" || status === "NOT_VERIFIED") return "/submitted";
+
+    return "/3";
   }
 
-  // Land on specific docusign document
-  // TODO: From brand info and partner info
-  // If document hasn't been submitted but their settings require a tax doc
-  if (
-    !user.customFields?.__taxDocumentSubmitted &&
-    user.customFields?.__taxDocumentType
-  ) {
-    if (user.countryCode === "US") {
-      return "/3/W9";
-    } else if (user.customFields.__taxCountry === "US") {
-      if (user.customFields.participantType === "businessEntity") {
-        return "/3/W8-BEN-E";
-      } else if (
-        user.customFields.participantType === "individualParticipant"
-      ) {
-        return "/3/W8-BEN";
-      }
-    }
+  if (user.impactPartner.requiredTaxDocumentType) {
+    return `/3`;
   }
 
+  // If impact partner exists but no requiredTaxDocument, go straight to the dashboard
   return "/submitted";
 }
 
@@ -86,34 +72,33 @@ export function useTaxAndCash() {
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiZW1haWwiOiJ6YWNoLmhhcnJpc29uQHJlZmVycmFsc2Fhc3F1YXRjaC5jb20ifX0.vBPHefz1au0_O-Hub2q6m5S8t-D5EO9LxK_pd9rkLhQ",
     });
-    // return () => {
-    //   window.widgetIdent = undefined;
-    //   setUserIdentity(undefined);
-    // };
   }, []);
-  /*** */
 
   const user = useUserIdentity();
 
-  // TODO: Load tax document status info
-
+  // State for current step of form
   const [step, setStep] = useParentState<string>({
     namespace: TAX_CONTEXT_NAMESPACE,
     initialValue: "/loading",
   });
 
+  // State for when to hide steps, or override certain actions
   const [context, setContext] = useParentState<TaxContext>({
     namespace: TAX_FORM_CONTEXT_NAMESPACE,
-    initialValue: {},
+    initialValue: {} as TaxContext,
   });
 
+  // State to carry user form information into step 2
+  const [userFormContext, setUserFormContext] = useParentState<UserFormContext>(
+    {
+      namespace: USER_FORM_CONTEXT_NAMESPACE,
+      initialValue: {} as UserFormContext,
+    }
+  );
+
   const { data } = useParentQuery<UserQuery>({
     namespace: USER_QUERY_NAMESPACE,
     query: GET_USER,
-    variables: {
-      id: user?.id,
-      accountId: user?.accountId,
-    },
     skip: !user,
   });
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index cbbfcd4def..391ea548ee 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -5,8 +5,8 @@ import {
   PayoutDetailsCardView,
   PayoutDetailsCardViewProps,
 } from "../sqm-payout-details-card/sqm-payout-details-card";
+import { TaxDocumentType } from "../sqm-tax-and-cash/data";
 
-export type TaxDocumentType = "W9" | "W8-BEN-E" | "W8-BEN";
 export interface TaxDocumentSubmittedProps {
   states: {
     status?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 5a2185578f..5d6904a6b4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -1,3 +1,4 @@
+import { useEffect } from "@saasquatch/universal-hooks";
 import { DateTime } from "luxon";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useParent, useSetParent } from "../../../utils/useParentState";
@@ -8,25 +9,9 @@ import {
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
-import {
-  TaxDocumentSubmittedProps,
-  TaxDocumentType,
-} from "./sqm-tax-document-submitted-view";
-import { TaxDocumentSubmitted } from "./sqm-tax-document-submitted";
-import { useEditProfile } from "../../sqm-edit-profile/useEditProfile";
-import { useEffect } from "@saasquatch/universal-hooks";
 import { INDIRECT_TAX_PROVINCES } from "../subregions";
-
-export function getDocumentType(user): TaxDocumentType {
-  if (!user) return;
-  if (user.countryCode === "US") return "W9";
-  if (user.customFields.__taxCountry === "US") {
-    if (user.customFields.participantType === "individualParticipant")
-      return "W8-BEN";
-    else if (user.customFields.participantType === "businessEntity")
-      return "W8-BEN-E";
-  }
-}
+import { TaxDocumentSubmitted } from "./sqm-tax-document-submitted";
+import { TaxDocumentSubmittedProps } from "./sqm-tax-document-submitted-view";
 
 function getExpiresSoon(submissionDate: number, expiryDate: number) {
   if (!submissionDate || !expiryDate) return false;
@@ -58,6 +43,7 @@ export const useTaxDocumentSubmitted = (
 
   // TODO: Fetch document status from backend
 
+  const documentType = data?.user?.impactPartner?.currentTaxDocument?.type;
   const submissionDate = DateTime.now().toMillis();
   const dateSubmitted =
     DateTime.fromMillis(submissionDate).toFormat("LLL dd, yyyy");
@@ -67,21 +53,6 @@ export const useTaxDocumentSubmitted = (
 
   const expiresSoon = getExpiresSoon(expiryDate, submissionDate);
 
-  console.log({
-    dateSubmitted,
-    dateExpired,
-    expiresSoon,
-    diff: DateTime.fromMillis(submissionDate).diff(
-      DateTime.fromMillis(expiryDate)
-    ),
-  });
-
-  const documentType = getDocumentType(
-    data?.user
-  )?.toUpperCase() as TaxDocumentType;
-
-  console.log({ documentType });
-
   const onNewDocumentClick = () => {
     setContext({
       overrideNextStep: "/submitted",
@@ -89,7 +60,7 @@ export const useTaxDocumentSubmitted = (
       hideSteps: true,
     });
 
-    if (documentType) setStep(`/3/${documentType}`);
+    if (documentType) setStep(`/3`);
     else setStep("/3b");
   };
 
@@ -103,26 +74,24 @@ export const useTaxDocumentSubmitted = (
   };
 
   const provinceName = INDIRECT_TAX_PROVINCES.find(
-    (p) => p.provinceCode === data?.user?.customFields?.__taxProvince
+    (p) => p.provinceCode === data?.user?.impactPartner?.countrySubdivision
   )?.displayName;
 
   return {
     states: {
       dateSubmitted,
       documentType,
-
-      // TODO: Hook up to API
-      status: documentType ? "NOT_VERIFIED" : undefined,
+      status: data?.user?.impactPartner?.currentTaxDocument?.status,
 
       indirectTaxNumber: data?.user?.customFields?.__indirectTaxNumber,
-      //AL: TODO hook up isBusinessEntity up to hooks
+      // TODO: hook up isBusinessEntity up to hooks
       isBusinessEntity: true,
       province: provinceName,
       // @ts-ignore: DisplayNames does exist on Intl
       country: new Intl.DisplayNames(["en"], { type: "region" }).of([
         data?.user?.customFields?.__taxCountry,
       ]),
-      notRegistered: data?.user?.customFields?.__taxOption === "notRegistered",
+      notRegistered: data?.user?.impactPartner?.taxOption === "NO_TAX",
       noFormNeeded: !documentType,
       dateExpired,
       expiresSoon,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 2101fb13df..dd975f581c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -29,8 +29,8 @@ const stepOneProps: StoryDemoData<UseUserInfoFormResult> = {
       email: "bobtesterson@example.com",
       countryCode: "US",
       currency: "CAD",
-      allowBankingCollection: true,
       participantType: "individualParticipant",
+      errors: {},
     },
   },
   data: {
@@ -618,7 +618,7 @@ export const TaxDocumentSubmittedActive = () => {
         states: {
           disabled: false,
           status: "ACTIVE",
-          documentType: "W8-BEN",
+          documentType: "W8BEN",
           dateSubmitted: "Jan 18th, 2025",
           dateExpired: "Dec 18th, 2025",
           noFormNeeded: false,
@@ -638,7 +638,7 @@ export const TaxDocumentSubmittedNotVerified = () => {
         states: {
           disabled: false,
           status: "NOT_VERIFIED",
-          documentType: "W8-BEN",
+          documentType: "W8BEN",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "United Kingdom",
@@ -657,7 +657,7 @@ export const TaxDocumentSubmittedNotActive = () => {
         states: {
           disabled: false,
           status: "NOT_ACTIVE",
-          documentType: "W8-BEN-E",
+          documentType: "W8BENE",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           indirectTaxNumber: 123456,
@@ -676,7 +676,7 @@ export const TaxDocumentSubmittedExpired = () => {
         states: {
           disabled: false,
           status: "EXPIRED",
-          documentType: "W8-BEN-E",
+          documentType: "W8BENE",
           dateSubmitted: "Jan 18th, 2025",
           dateExpired: "Dec 25th, 2025",
           noFormNeeded: false,
@@ -696,7 +696,7 @@ export const TaxDocumentSubmittedExpiringSoon = () => {
         states: {
           disabled: false,
           status: "ACTIVE",
-          documentType: "W8-BEN-E",
+          documentType: "W8BENE",
           dateSubmitted: "Jan 18th, 2025",
           dateExpired: "Feb 18th, 2025",
           expiresSoon: true,
@@ -737,7 +737,7 @@ export const TaxDocumentSubmittedIndirectTaxCanada = () => {
         states: {
           status: "ACTIVE",
           disabled: false,
-          documentType: "W8-BEN-E",
+          documentType: "W8BENE",
           dateSubmitted: "Jan 18th, 2025",
           dateExpired: "Dec 20, 2026",
           noFormNeeded: false,
@@ -758,7 +758,7 @@ export const TaxDocumentSubmittedNotRegistered = () => {
       demoData={{
         states: {
           status: "ACTIVE",
-          documentType: "W8-BEN",
+          documentType: "W8BEN",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           notRegistered: true,
@@ -775,7 +775,7 @@ export const TaxDocumentSubmittedIndividualParticipant = () => {
       demoData={{
         states: {
           status: "ACTIVE",
-          documentType: "W8-BEN",
+          documentType: "W8BEN",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           notRegistered: true,
@@ -835,7 +835,7 @@ export const TaxDocumentSubmittedDisabled = () => {
         states: {
           disabled: true,
           status: "NOT_ACTIVE",
-          documentType: "W8-BEN",
+          documentType: "W8BEN",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           isBusinessEntity: true,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 1bb495e1d1..7f1f02051d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -301,7 +301,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
             >
               {data?.currencies?.map((c) => (
                 <sl-menu-item value={c.currencyCode}>
-                  {c.currencyCode}
+                  {c.currencyCode} - {c.displayName}
                 </sl-menu-item>
               ))}
             </sl-select>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 0fc3d1cefb..371d27f5fb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -1,7 +1,4 @@
-import {
-  useMutation,
-  useUserIdentity,
-} from "@saasquatch/component-boilerplate";
+import { useUserIdentity } from "@saasquatch/component-boilerplate";
 import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import jsonpointer from "jsonpointer";
@@ -15,7 +12,9 @@ import {
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
   TaxContext,
+  USER_FORM_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
+  UserFormContext,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
 import { TaxForm } from "./sqm-user-info-form";
@@ -60,15 +59,15 @@ export function useUserInfoForm(props: TaxForm) {
   const user = useUserIdentity();
 
   const formRef = useRef<HTMLFormElement>(null);
+  const [formErrors, setErrors] = useState({});
 
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
   const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
+  const [userFormContext, setUserFormContext] = useParent<UserFormContext>(
+    USER_FORM_CONTEXT_NAMESPACE
+  );
 
-  const [formState, setFormState] = useState<FormState>({});
-  const [mutationLoading, setMutationLoading] = useState(false);
-
-  const [upsertUser] = useMutation(UPSERT_USER);
-  const { data, loading, refetch } =
+  const { data, loading } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
   const { data: _countries, loading: countriesLoading } =
     useParentQueryValue<CountriesQuery>(COUNTRIES_NAMESPACE);
@@ -79,18 +78,31 @@ export function useUserInfoForm(props: TaxForm) {
     const user = data?.user;
     if (!user || step !== "/1") return;
 
-    setFormState({
-      firstName: user.firstName,
-      lastName: user.lastName,
-      email: user.email,
-      countryCode: user.countryCode,
-      currency: user.customFields?.currency,
-      participantType: user.customFields?.participantType,
-    });
+    if (user.impactPartner) {
+      // Initialise with partner information
+      setUserFormContext({
+        firstName: user.impactPartner.firstName,
+        lastName: user.impactPartner.lastName,
+        email: user.impactPartner.email,
+        countryCode: user.impactPartner.country,
+        currency: user.impactPartner.currency,
+        participantType: undefined, // TODO: Fill in when able
+      });
+    } else {
+      // Initialise with user information
+      setUserFormContext({
+        firstName: user.firstName,
+        lastName: user.lastName,
+        email: user.email,
+        countryCode: user.countryCode,
+        currency: user.customFields?.currency,
+        participantType: undefined,
+      });
+    }
   }, [data, step]);
 
   function onRadioClick(value: string) {
-    setFormState({ ...formState, participantType: value });
+    setUserFormContext({ ...userFormContext, participantType: value });
   }
 
   async function onSubmit(event: any) {
@@ -130,7 +142,7 @@ export function useUserInfoForm(props: TaxForm) {
     }
 
     if (Object.keys(errors).length) {
-      setFormState({ ...formState, error: "", errors });
+      setErrors(errors);
       // early return for validation errors
       return;
     }
@@ -138,27 +150,17 @@ export function useUserInfoForm(props: TaxForm) {
     const { allowBankingCollection, ...userData } = formData;
 
     try {
-      setMutationLoading(true);
-
-      await upsertUser({
-        userInput: {
-          id: user.id,
-          accountId: user.accountId,
-          countryCode: userData.countryCode,
-          customFields: {
-            currency: userData.currency,
-            participantType: userData.participantType,
-          },
-        },
+      setUserFormContext({
+        ...userFormContext,
+        countryCode: userData.countryCode,
+        currency: userData.currency,
+        participantType: userData.participantType,
       });
-      await refetch();
 
       const nextStep = context.overrideNextStep || "/2";
       setStep(nextStep);
     } catch (e) {
-      setFormState({ ...formState, errors: { general: true } });
-    } finally {
-      setMutationLoading(false);
+      setErrors({ general: true });
     }
   }
 
@@ -177,10 +179,13 @@ export function useUserInfoForm(props: TaxForm) {
     },
     states: {
       hideSteps: context.hideSteps,
-      disabled: loading,
-      loading: loading || mutationLoading,
-      isPartner: data?.user?.customFields?.__taxIsPartner,
-      formState,
+      disabled: false,
+      loading: loading,
+      isPartner: !!data?.user?.impactPartner,
+      formState: {
+        ...userFormContext,
+        errors: formErrors,
+      },
     },
   };
 }

From 307c8cb2812576b464eb2240399e390f260a2cbe Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 13 Feb 2024 16:57:38 -0800
Subject: [PATCH 182/753] updated specs

---
 .../sqm-indirect-tax-form-view.tsx                 | 14 ++------------
 .../sqm-indirect-tax-form.feature                  | 11 +++++++++--
 .../sqm-indirect-tax-form.tsx                      |  3 +++
 .../sqm-tax-document-submitted.feature             |  9 +++++----
 .../sqm-user-info-form/sqm-user-info-form.feature  |  7 ++++---
 5 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index e4e8a91112..d8f1ff9dc7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -148,6 +148,8 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
 
   const { classes } = sheet;
 
+  console.log(formState.errors);
+
   return (
     <sl-form
       class={classes.FormWrapper}
@@ -198,18 +200,6 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
         <div>
           <div class={classes.CheckboxContainer}>
             <div style={{ display: "flex", flexDirection: "column" }}>
-              {/* {AL: commenting out for now since we're most likely removing selection for Canada specifically} */}
-              {/* <sl-checkbox
-                exportparts="label: input-label"
-                checked={formState.checked === "hstCanada"}
-                onInput={() => callbacks.onChange("hstCanada")}
-                disabled={states.disabled}
-                id="hstCanada"
-                name="/hstCanada"
-              >
-                {text.hstCanada}
-              </sl-checkbox>
-              {slots.registeredInCanadaDetailsSlot} */}
               <sl-checkbox
                 class={classes.Checkbox}
                 exportparts="label: input-label"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 823911f0c8..8c3b8400c8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -3,7 +3,6 @@ Feature: Indirect Tax Form
 
   Background: A user has submitted their personal information in Tax Form Step One
     Given a user is on the Indirect Tax Form
-#   Break into 3 specs
 
   @minutia
   Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
@@ -141,7 +140,7 @@ Feature: Indirect Tax Form
       | US      | United States          |
       | AUS     | Australia              |
 
-  @minutia
+  @unknown @minutia
   Scenario Outline: Participant from another country can change the auto selected country
     When the Country <countryAutoSelectValue> is selected with their <country> from step 1
     And they change the Country to <newCountrySelectValue>
@@ -151,6 +150,14 @@ Feature: Indirect Tax Form
       | country | countryAutoSelectValue | newCountrySelectValue |
       | US      | United States          | Australia             |
       | UK      | United Kingdom         | Egypt                 |
+  # AL: Rough spec of what happen when the participant actually submits
+
+  @TODO @minutia
+  Scenario: Participant is registered for indirect tax fills out and submits form
+    Given they are registered for indirect tax
+    And they fill out the form
+    And press "Continue"
+    Then their indirect tax details are saved
 
   @minutia @ui
   Scenario: Participant fills out the Indirect Tax Form with invalid or empty values
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index f8355bb9ca..f88aec8beb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -162,6 +162,9 @@ function useDemoIndirectTaxForm(
         errors: {},
         formState: {
           checked: option,
+          errors: {
+            general: false,
+          },
         },
       },
       callbacks: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
index d588101983..b297b10012 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
@@ -79,15 +79,16 @@ Feature: Tax Document Submitted View
   Scenario Outline: A Warning Alert is displayed if the users tax form is expiring soon
     Given the <status> is ACTIVE
     And the document type is <documentType>
+    And the document is submitted on <dateSubmitted>
     And the <dateExpired> of the document is within 30 days of the current date
     Then a warning alert <may> displayed
     And it indicates the <documentType> with a <taxAlertHeader>, <taxAlertMessage>, and <dateExpired> appears
 
     Examples: 
-      | status | documentType | may    | taxAlertHeader                    | dateExpired    | taxAlertMessage                      |
-      | ACTIVE | W9           | is not | N/A                               | N/A            | N/A                                  |
-      | ACTIVE | W8-BEN       | is     | Your W8-BEN tax form expires on   | Dec 30th, 2024 | Please resubmit a new W8-BEN form.   |
-      | ACTIVE | W8-BEN-E     | is     | Your W8-BEN-E tax form expires on | Dec 30th, 2024 | Please resubmit a new W8-BEN-E form. |
+      | status | documentType | may    | taxAlertHeader                    | dateSubmitted  | dateExpired    | taxAlertMessage                      |
+      | ACTIVE | W9           | is not | N/A                               | Dec 30th, 2021 | N/A            | N/A                                  |
+      | ACTIVE | W8-BEN       | is     | Your W8-BEN tax form expires on   | Dec 30th, 2021 | Dec 30th, 2024 | Please resubmit a new W8-BEN form.   |
+      | ACTIVE | W8-BEN-E     | is     | Your W8-BEN-E tax form expires on | Dec 30th, 2021 | Dec 30th, 2024 | Please resubmit a new W8-BEN-E form. |
 
   @unknown
   Scenario: Submit New Tax Document Form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
index d905334ca0..48faefb53e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
@@ -6,9 +6,10 @@ Feature: Tax Form Step One
 
   @minutia
   Scenario: The Participant is a partner and cannot change their email
-    When the user is filling out the form
-    Then they see the email input has already been filled with their email
-    And the field is disabled
+    When they are on the form
+    And they are already a partner
+    Then the email field is pre-filled with their email
+    And the email field is disabled
 
   @minutia
   Scenario: A user is filling out the form and selects their country

From 14266c2c489e7b8faf3bbbfb38b050132648039c Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 14 Feb 2024 10:26:36 -0800
Subject: [PATCH 183/753] move tax form story file

---
 packages/mint-components/src/components.d.ts  | 6123 +++++++----------
 .../sqm-stencilbook/sqm-stencilbook.tsx       |    2 +-
 .../TaxForm.stories.tsx                       |   14 +-
 3 files changed, 2464 insertions(+), 3675 deletions(-)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-user-info-form => }/TaxForm.stories.tsx (97%)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index cfdd5a3806..3057d847d1 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3600,965 +3600,364 @@ export namespace Components {
          */
         "stop3NotBasedInUS": string;
     }
-    interface SqmTaxAndCashMonolith {
+    interface SqmTaxDocumentSubmitted {
         /**
-          * @undocumented 
-          * @uiType object
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
          */
-        "demoData"?: DemoData<UseTaxAndCashResultType>;
+        "badgeTextAwaitingReview"?: string;
         /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
          */
-        "step1_allowBankingCollection": string;
+        "badgeTextExpiredOn"?: string;
         /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
          */
-        "step1_allowBankingCollectionError": string;
+        "badgeTextExpiringSoon"?: string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
          */
-        "step1_businessEntity": string;
+        "badgeTextSubmittedOn"?: string;
         /**
-          * Label text for country input
-          * @uiName Country label
-          * @uiGroup Step 1 Properties
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
          */
-        "step1_country": string;
+        "bankingInformationSectionHeader": string;
         /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-          * @uiGroup Step 1 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step1_countryError": string;
+        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
         /**
-          * Label text for currency input
-          * @uiName Currency label
-          * @uiGroup Step 1 Properties
+          * Text displayed in the edit Indirect Tax button
+          * @uiName Edit Indirect Tax button
          */
-        "step1_currency": string;
+        "editIndirectTaxButton": string;
         /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-          * @uiGroup Step 1 Properties
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "step1_currencyError": string;
+        "generalErrorDescription": string;
         /**
-          * Label text for email input
-          * @uiName Email label
-          * @uiGroup Step 1 Properties
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "step1_email": string;
+        "generalErrorTitle": string;
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-          * @uiGroup Step 1 Properties
+          * Indirect tax description text for individual participants
+          * @uiName Indirect tax individual participant description
          */
-        "step1_emailError": string;
+        "indirectTaxIndividualParticipant": string;
         /**
-          * Label text for first name input
-          * @uiName First name label
-          * @uiGroup Step 1 Properties
+          * Country/Region description text of indirect tax
+          * @uiName Indirect tax Canada description
          */
-        "step1_firstName": string;
+        "indirectTaxInfoCanada": string;
         /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-          * @uiGroup Step 1 Properties
+          * Other country description text of indirect tax
+          * @uiName Indirect tax other country description
          */
-        "step1_firstNameError": string;
+        "indirectTaxInfoOtherCountry": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 1 Properties
+          * Header text displayed above the indirect tax preview section
+          * @uiName Indirect Tax Information Header
          */
-        "step1_formStep": string;
+        "indirectTaxInfoSectionHeader": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 1 Properties
+          * Indirect tax tooltip text for support
+          * @uiName Indirect tax tooltip description
          */
-        "step1_generalErrorDescription": string;
+        "indirectTaxTooltipSupport": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 1 Properties
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
          */
-        "step1_generalErrorTitle": string;
+        "invalidForm"?: string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-          * @uiGroup Step 1 Properties
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
          */
-        "step1_individualParticipant": string;
+        "newFormButton": string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 1 Properties
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
          */
-        "step1_isPartnerAlertDescription": string;
+        "noFormNeededSubtext": string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 1 Properties
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
          */
-        "step1_isPartnerAlertHeader": string;
+        "notRegisteredForTax": string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
          */
-        "step1_lastName": string;
+        "statusTextActive"?: string;
         /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
          */
-        "step1_lastNameError": string;
+        "statusTextExpired"?: string;
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
          */
-        "step1_participantType": string;
+        "statusTextNotActive"?: string;
         /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
          */
-        "step1_participantTypeError": string;
+        "statusTextNotVerified"?: string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
          */
-        "step1_personalInformation": string;
+        "taxAlertHeaderExpiredOn"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
          */
-        "step1_submitButton": string;
+        "taxAlertHeaderExpiringSoon"?: string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
          */
-        "step1_taxAndBankingCollection": string;
+        "taxAlertHeaderNotActive"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 2 Properties
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
          */
-        "step2_backButton": string;
+        "taxAlertMessage"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-          * @uiGroup Step 2 Properties
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
          */
-        "step2_formStep": string;
+        "taxAlertMessageExpiringSoon": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 2 Properties
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
          */
-        "step2_generalErrorDescription": string;
+        "taxDocumentSectionHeader": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 2 Properties
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
          */
-        "step2_generalErrorTitle": string;
+        "taxDocumentSectionSubHeader": string;
+    }
+    interface SqmText {
+    }
+    interface SqmTextSpan {
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
-          * @uiGroup Step 2 Properties
+          * @uiName Text
          */
-        "step2_indirectTax": string;
+        "text": string;
         /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Type
+          * @uiType string
+          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
+          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
          */
-        "step2_indirectTaxDescription": string;
+        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+    }
+    interface SqmTimeline {
         /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
-          * @uiGroup Step 2 Properties
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
          */
-        "step2_indirectTaxDetails": string;
+        "icon": "gift" | "circle";
+    }
+    interface SqmTimelineEntry {
         /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Description
          */
-        "step2_indirectTaxDetailsDescription": string;
+        "desc": string;
         /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
          */
-        "step2_indirectTaxNumber": string;
+        "icon": "gift" | "circle";
         /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
-          * @uiGroup Step 2 Properties
+          * @uiName Reward amount
          */
-        "step2_indirectTaxNumberError": string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertDescription": string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertHeader": string;
-        /**
-          * Label text for the QST checkbox
-          * @uiName checkbox label
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isRegisteredQST": string;
-        /**
-          * Label text for Income Tax checkbox
-          * @uiName Income Tax checkbox label
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isRegisteredSubRegionIncomeTax": string;
+        "reward": string;
+        "setIcon": (value: "gift" | "circle") => Promise<void>;
         /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
-          * @uiGroup Step 2 Properties
+          * @uiName Reward unit
          */
-        "step2_notRegistered": string;
+        "unit": string;
+    }
+    interface SqmTitledSection {
         /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
-          * @uiGroup Step 2 Properties
+          * Text value shown when there is no label slot declared.
+          * @uiName Label
          */
-        "step2_otherRegion": string;
+        "label": string;
         /**
-          * Label text for the Province select input
-          * @uiName Province select input label
-          * @uiGroup Step 2 Properties
+          * Margin applied to the bottom of the label slot
+          * @uiName Label bottom margin
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step2_province": string;
+        "labelMargin": Spacing;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-          * @uiGroup Step 2 Properties
+          * Padding applied to all 4 sides of the container
+          * @uiName Section padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step2_provinceError": string;
+        "padding": Spacing;
         /**
-          * Label text for the QST Tax Number input
-          * @uiName QST Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Text alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step2_qstNumber": string;
+        "textAlign": "left" | "center" | "right";
+    }
+    interface SqmUserInfoForm {
         /**
-          * Error text shown below the QST Tax number input
-          * @uiName QST Tax Number error text
-          * @uiGroup Step 2 Properties
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
          */
-        "step2_qstTaxNumberError": string;
+        "allowBankingCollection": string;
         /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
          */
-        "step2_selectedRegion": string;
+        "allowBankingCollectionError": string;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-          * @uiGroup Step 2 Properties
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
          */
-        "step2_selectedRegionError": string;
+        "businessEntity": string;
         /**
-          * Label text for Sub-region select
-          * @uiName for Sub-region select label
-          * @uiGroup Step 2 Properties
+          * Label text for country input
+          * @uiName Country label
          */
-        "step2_subRegion": string;
+        "country": string;
         /**
-          * Error text shown below the Sub-region Income Tax number input
-          * @uiName Sub-region Income Tax error text
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
          */
-        "step2_subRegionTaxNumberError": string;
+        "countryError": string;
         /**
-          * Label text for the Sub-region Income Tax Number input
-          * @uiName Sub-region income Tax Number input label
-          * @uiGroup Step 2 Properties
+          * Label text for currency input
+          * @uiName Currency label
          */
-        "step2_subRegionTaxNumberLabel": string;
+        "currency": string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
          */
-        "step2_submitButton": string;
+        "currencyError": string;
         /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-          * @uiGroup Step 2 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step2_taxDetailsError": string;
+        "demoData"?: DemoData<UseUserInfoFormResult>;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3 Properties
+          * Label text for email input
+          * @uiName Email label
          */
-        "step3_backButton": string;
+        "email": string;
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-          * @uiGroup Step 3 Properties
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
          */
-        "step3_banner": string;
+        "emailError": string;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-          * @uiGroup Step 3 Properties
+          * Label text for first name input
+          * @uiName First name label
          */
-        "step3_checkboxDescription": string;
+        "firstName": string;
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-          * @uiGroup Step 3 Properties
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
          */
-        "step3_checkboxLabel": string;
+        "firstNameError": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_formStep": string;
-        /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-          * @uiGroup Step 3 Properties
          */
-        "step3_formSubmissionError": string;
+        "formStep": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
-          * @uiGroup Step 3 Properties
          */
-        "step3_generalErrorDescription": string;
+        "generalErrorDescription": string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
-          * @uiGroup Step 3 Properties
          */
-        "step3_generalErrorTitle": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_submitButton": string;
+        "generalErrorTitle": string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3 Properties
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
          */
-        "step3_taxForm": string;
+        "individualParticipant": string;
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-          * @uiGroup Step 3 Properties
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
          */
-        "step3_taxFormDescription": string;
+        "isPartnerAlertDescription": string;
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-          * @uiGroup Step 3 Properties
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
          */
-        "step3_taxFormLabel": string;
+        "isPartnerAlertHeader": string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3b Properties
+          * Label text for last name input
+          * @uiName Last name label
          */
-        "step3b_backButton": string;
+        "lastName": string;
         /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-          * @uiGroup Step 3b Properties
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
          */
-        "step3b_formLabel": string;
+        "lastNameError": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3b Properties
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
          */
-        "step3b_formStep": string;
+        "participantType": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3b Properties
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
          */
-        "step3b_generalErrorDescription": string;
+        "participantTypeError": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3b Properties
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
          */
-        "step3b_generalErrorTitle": string;
+        "personalInformation": string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
-          * @uiGroup Step 3b Properties
          */
-        "step3b_submitButton": string;
+        "submitButton": string;
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3b Properties
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
          */
-        "step3b_taxForm": string;
+        "taxAndBankingCollection": string;
+    }
+    interface SqmUserName {
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
-          * @uiGroup Step 3b Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3b_w8Description": string;
+        "demoData"?: DemoData<UserNameViewProps>;
         /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8EDescription": string;
-        /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8ELabel": string;
-        /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8Label": string;
-        /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w9Description": string;
-        /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w9Label": string;
-        /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextAwaitingReview"?: string;
-        /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextExpiredOn"?: string;
-        /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextExpiringSoon"?: string;
-        /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextSubmittedOn"?: string;
-        /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_bankingInformationSectionHeader": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error title
-          * @uiGroup Step 4 Properties
-         */
-        "step4_generalErrorTitle": string;
-        /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_invalidForm"?: string;
-        /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName Step 4 No form needed subtext
-          * @uiGroup Step 4 Properties
-         */
-        "step4_newFormButton": string;
-        /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-          * @uiGroup Step 4 Properties
-         */
-        "step4_noFormNeededSubtext": string;
-        /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-          * @uiGroup Step 4 Properties
-         */
-        "step4_notRegisteredForTax": string;
-        /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextExpired"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextNotActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextNotVerified"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderExpiredOn"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderExpiringSoon"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderNotActive"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertMessage"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertMessageExpiringSoon": string;
-        /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxDocumentSectionHeader": string;
-        /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxDocumentSectionSubHeader": string;
-        /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-          * @uiGroup Step 3 Properties
-         */
-        "stop3NotBasedInUS": string;
-    }
-    interface SqmTaxDocumentSubmitted {
-        /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-         */
-        "badgeTextAwaitingReview"?: string;
-        /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-         */
-        "badgeTextExpiredOn"?: string;
-        /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-         */
-        "badgeTextExpiringSoon"?: string;
-        /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-         */
-        "badgeTextSubmittedOn"?: string;
-        /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-         */
-        "bankingInformationSectionHeader": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
-        /**
-          * Text displayed in the edit Indirect Tax button
-          * @uiName Edit Indirect Tax button
-         */
-        "editIndirectTaxButton": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle": string;
-        /**
-          * Indirect tax description text for individual participants
-          * @uiName Indirect tax individual participant description
-         */
-        "indirectTaxIndividualParticipant": string;
-        /**
-          * Country/Region description text of indirect tax
-          * @uiName Indirect tax Canada description
-         */
-        "indirectTaxInfoCanada": string;
-        /**
-          * Other country description text of indirect tax
-          * @uiName Indirect tax other country description
-         */
-        "indirectTaxInfoOtherCountry": string;
-        /**
-          * Header text displayed above the indirect tax preview section
-          * @uiName Indirect Tax Information Header
-         */
-        "indirectTaxInfoSectionHeader": string;
-        /**
-          * Indirect tax tooltip text for support
-          * @uiName Indirect tax tooltip description
-         */
-        "indirectTaxTooltipSupport": string;
-        /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-         */
-        "invalidForm"?: string;
-        /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName No form needed subtext
-         */
-        "newFormButton": string;
-        /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-         */
-        "noFormNeededSubtext": string;
-        /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-         */
-        "notRegisteredForTax": string;
-        /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-         */
-        "statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-         */
-        "statusTextExpired"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-         */
-        "statusTextNotActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-         */
-        "statusTextNotVerified"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-         */
-        "taxAlertHeaderExpiredOn"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-         */
-        "taxAlertHeaderExpiringSoon"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-         */
-        "taxAlertHeaderNotActive"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-         */
-        "taxAlertMessage"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-         */
-        "taxAlertMessageExpiringSoon": string;
-        /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-         */
-        "taxDocumentSectionHeader": string;
-        /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-         */
-        "taxDocumentSectionSubHeader": string;
-    }
-    interface SqmText {
-    }
-    interface SqmTextSpan {
-        /**
-          * @uiName Text
-         */
-        "text": string;
-        /**
-          * @uiName Type
-          * @uiType string
-          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
-          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
-         */
-        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
-    }
-    interface SqmTimeline {
-        /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
-         */
-        "icon": "gift" | "circle";
-    }
-    interface SqmTimelineEntry {
-        /**
-          * @uiName Description
-         */
-        "desc": string;
-        /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
-         */
-        "icon": "gift" | "circle";
-        /**
-          * @uiName Reward amount
-         */
-        "reward": string;
-        "setIcon": (value: "gift" | "circle") => Promise<void>;
-        /**
-          * @uiName Reward unit
-         */
-        "unit": string;
-    }
-    interface SqmTitledSection {
-        /**
-          * Text value shown when there is no label slot declared.
-          * @uiName Label
-         */
-        "label": string;
-        /**
-          * Margin applied to the bottom of the label slot
-          * @uiName Label bottom margin
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "labelMargin": Spacing;
-        /**
-          * Padding applied to all 4 sides of the container
-          * @uiName Section padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "padding": Spacing;
-        /**
-          * @uiName Text alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "textAlign": "left" | "center" | "right";
-    }
-    interface SqmUserInfoForm {
-        /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-         */
-        "allowBankingCollection": string;
-        /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-         */
-        "allowBankingCollectionError": string;
-        /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-         */
-        "businessEntity": string;
-        /**
-          * Label text for country input
-          * @uiName Country label
-         */
-        "country": string;
-        /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-         */
-        "countryError": string;
-        /**
-          * Label text for currency input
-          * @uiName Currency label
-         */
-        "currency": string;
-        /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-         */
-        "currencyError": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseUserInfoFormResult>;
-        /**
-          * Label text for email input
-          * @uiName Email label
-         */
-        "email": string;
-        /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-         */
-        "emailError": string;
-        /**
-          * Label text for first name input
-          * @uiName First name label
-         */
-        "firstName": string;
-        /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-         */
-        "firstNameError": string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle": string;
-        /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-         */
-        "individualParticipant": string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-         */
-        "isPartnerAlertDescription": string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-         */
-        "isPartnerAlertHeader": string;
-        /**
-          * Label text for last name input
-          * @uiName Last name label
-         */
-        "lastName": string;
-        /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-         */
-        "lastNameError": string;
-        /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-         */
-        "participantType": string;
-        /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-         */
-        "participantTypeError": string;
-        /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-         */
-        "personalInformation": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton": string;
-        /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-         */
-        "taxAndBankingCollection": string;
-    }
-    interface SqmUserName {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
-        /**
-          * @uiName Unknown user name
+          * @uiName Unknown user name
          */
         "fallback": string;
         /**
@@ -4859,2214 +4258,1673 @@ declare global {
     };
     interface HTMLSqmPortalRegistrationFormElement extends Components.SqmPortalRegistrationForm, HTMLStencilElement {
     }
-    var HTMLSqmPortalRegistrationFormElement: {
-        prototype: HTMLSqmPortalRegistrationFormElement;
-        new (): HTMLSqmPortalRegistrationFormElement;
-    };
-    interface HTMLSqmPortalResetPasswordElement extends Components.SqmPortalResetPassword, HTMLStencilElement {
-    }
-    var HTMLSqmPortalResetPasswordElement: {
-        prototype: HTMLSqmPortalResetPasswordElement;
-        new (): HTMLSqmPortalResetPasswordElement;
-    };
-    interface HTMLSqmPortalVerifyEmailElement extends Components.SqmPortalVerifyEmail, HTMLStencilElement {
-    }
-    var HTMLSqmPortalVerifyEmailElement: {
-        prototype: HTMLSqmPortalVerifyEmailElement;
-        new (): HTMLSqmPortalVerifyEmailElement;
-    };
-    interface HTMLSqmProgramExplainerElement extends Components.SqmProgramExplainer, HTMLStencilElement {
-    }
-    var HTMLSqmProgramExplainerElement: {
-        prototype: HTMLSqmProgramExplainerElement;
-        new (): HTMLSqmProgramExplainerElement;
-    };
-    interface HTMLSqmProgramExplainerStepElement extends Components.SqmProgramExplainerStep, HTMLStencilElement {
-    }
-    var HTMLSqmProgramExplainerStepElement: {
-        prototype: HTMLSqmProgramExplainerStepElement;
-        new (): HTMLSqmProgramExplainerStepElement;
-    };
-    interface HTMLSqmProgramMenuElement extends Components.SqmProgramMenu, HTMLStencilElement {
-    }
-    var HTMLSqmProgramMenuElement: {
-        prototype: HTMLSqmProgramMenuElement;
-        new (): HTMLSqmProgramMenuElement;
-    };
-    interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
-    }
-    var HTMLSqmReferralCardElement: {
-        prototype: HTMLSqmReferralCardElement;
-        new (): HTMLSqmReferralCardElement;
-    };
-    interface HTMLSqmReferralIframeElement extends Components.SqmReferralIframe, HTMLStencilElement {
-    }
-    var HTMLSqmReferralIframeElement: {
-        prototype: HTMLSqmReferralIframeElement;
-        new (): HTMLSqmReferralIframeElement;
-    };
-    interface HTMLSqmReferralTableElement extends Components.SqmReferralTable, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableElement: {
-        prototype: HTMLSqmReferralTableElement;
-        new (): HTMLSqmReferralTableElement;
-    };
-    interface HTMLSqmReferralTableCellElement extends Components.SqmReferralTableCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableCellElement: {
-        prototype: HTMLSqmReferralTableCellElement;
-        new (): HTMLSqmReferralTableCellElement;
-    };
-    interface HTMLSqmReferralTableColumnElement extends Components.SqmReferralTableColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableColumnElement: {
-        prototype: HTMLSqmReferralTableColumnElement;
-        new (): HTMLSqmReferralTableColumnElement;
-    };
-    interface HTMLSqmReferralTableDateCellElement extends Components.SqmReferralTableDateCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableDateCellElement: {
-        prototype: HTMLSqmReferralTableDateCellElement;
-        new (): HTMLSqmReferralTableDateCellElement;
-    };
-    interface HTMLSqmReferralTableDateColumnElement extends Components.SqmReferralTableDateColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableDateColumnElement: {
-        prototype: HTMLSqmReferralTableDateColumnElement;
-        new (): HTMLSqmReferralTableDateColumnElement;
-    };
-    interface HTMLSqmReferralTableRewardsCellElement extends Components.SqmReferralTableRewardsCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableRewardsCellElement: {
-        prototype: HTMLSqmReferralTableRewardsCellElement;
-        new (): HTMLSqmReferralTableRewardsCellElement;
-    };
-    interface HTMLSqmReferralTableRewardsColumnElement extends Components.SqmReferralTableRewardsColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableRewardsColumnElement: {
-        prototype: HTMLSqmReferralTableRewardsColumnElement;
-        new (): HTMLSqmReferralTableRewardsColumnElement;
-    };
-    interface HTMLSqmReferralTableStatusCellElement extends Components.SqmReferralTableStatusCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableStatusCellElement: {
-        prototype: HTMLSqmReferralTableStatusCellElement;
-        new (): HTMLSqmReferralTableStatusCellElement;
-    };
-    interface HTMLSqmReferralTableStatusColumnElement extends Components.SqmReferralTableStatusColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableStatusColumnElement: {
-        prototype: HTMLSqmReferralTableStatusColumnElement;
-        new (): HTMLSqmReferralTableStatusColumnElement;
-    };
-    interface HTMLSqmReferralTableUserCellElement extends Components.SqmReferralTableUserCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableUserCellElement: {
-        prototype: HTMLSqmReferralTableUserCellElement;
-        new (): HTMLSqmReferralTableUserCellElement;
-    };
-    interface HTMLSqmReferralTableUserColumnElement extends Components.SqmReferralTableUserColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableUserColumnElement: {
-        prototype: HTMLSqmReferralTableUserColumnElement;
-        new (): HTMLSqmReferralTableUserColumnElement;
-    };
-    interface HTMLSqmReferredRegistrationElement extends Components.SqmReferredRegistration, HTMLStencilElement {
-    }
-    var HTMLSqmReferredRegistrationElement: {
-        prototype: HTMLSqmReferredRegistrationElement;
-        new (): HTMLSqmReferredRegistrationElement;
-    };
-    interface HTMLSqmRewardExchangeListElement extends Components.SqmRewardExchangeList, HTMLStencilElement {
-    }
-    var HTMLSqmRewardExchangeListElement: {
-        prototype: HTMLSqmRewardExchangeListElement;
-        new (): HTMLSqmRewardExchangeListElement;
-    };
-    interface HTMLSqmRewardsTableElement extends Components.SqmRewardsTable, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableElement: {
-        prototype: HTMLSqmRewardsTableElement;
-        new (): HTMLSqmRewardsTableElement;
-    };
-    interface HTMLSqmRewardsTableCustomerNoteCellElement extends Components.SqmRewardsTableCustomerNoteCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableCustomerNoteCellElement: {
-        prototype: HTMLSqmRewardsTableCustomerNoteCellElement;
-        new (): HTMLSqmRewardsTableCustomerNoteCellElement;
-    };
-    interface HTMLSqmRewardsTableCustomerNoteColumnElement extends Components.SqmRewardsTableCustomerNoteColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableCustomerNoteColumnElement: {
-        prototype: HTMLSqmRewardsTableCustomerNoteColumnElement;
-        new (): HTMLSqmRewardsTableCustomerNoteColumnElement;
-    };
-    interface HTMLSqmRewardsTableDateCellElement extends Components.SqmRewardsTableDateCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableDateCellElement: {
-        prototype: HTMLSqmRewardsTableDateCellElement;
-        new (): HTMLSqmRewardsTableDateCellElement;
-    };
-    interface HTMLSqmRewardsTableDateColumnElement extends Components.SqmRewardsTableDateColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableDateColumnElement: {
-        prototype: HTMLSqmRewardsTableDateColumnElement;
-        new (): HTMLSqmRewardsTableDateColumnElement;
-    };
-    interface HTMLSqmRewardsTableRewardCellElement extends Components.SqmRewardsTableRewardCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableRewardCellElement: {
-        prototype: HTMLSqmRewardsTableRewardCellElement;
-        new (): HTMLSqmRewardsTableRewardCellElement;
-    };
-    interface HTMLSqmRewardsTableRewardColumnElement extends Components.SqmRewardsTableRewardColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableRewardColumnElement: {
-        prototype: HTMLSqmRewardsTableRewardColumnElement;
-        new (): HTMLSqmRewardsTableRewardColumnElement;
-    };
-    interface HTMLSqmRewardsTableSourceCellElement extends Components.SqmRewardsTableSourceCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableSourceCellElement: {
-        prototype: HTMLSqmRewardsTableSourceCellElement;
-        new (): HTMLSqmRewardsTableSourceCellElement;
-    };
-    interface HTMLSqmRewardsTableSourceColumnElement extends Components.SqmRewardsTableSourceColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableSourceColumnElement: {
-        prototype: HTMLSqmRewardsTableSourceColumnElement;
-        new (): HTMLSqmRewardsTableSourceColumnElement;
-    };
-    interface HTMLSqmRewardsTableStatusCellElement extends Components.SqmRewardsTableStatusCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableStatusCellElement: {
-        prototype: HTMLSqmRewardsTableStatusCellElement;
-        new (): HTMLSqmRewardsTableStatusCellElement;
-    };
-    interface HTMLSqmRewardsTableStatusColumnElement extends Components.SqmRewardsTableStatusColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableStatusColumnElement: {
-        prototype: HTMLSqmRewardsTableStatusColumnElement;
-        new (): HTMLSqmRewardsTableStatusColumnElement;
-    };
-    interface HTMLSqmRouteElement extends Components.SqmRoute, HTMLStencilElement {
-    }
-    var HTMLSqmRouteElement: {
-        prototype: HTMLSqmRouteElement;
-        new (): HTMLSqmRouteElement;
-    };
-    interface HTMLSqmRouterElement extends Components.SqmRouter, HTMLStencilElement {
-    }
-    var HTMLSqmRouterElement: {
-        prototype: HTMLSqmRouterElement;
-        new (): HTMLSqmRouterElement;
-    };
-    interface HTMLSqmScrollElement extends Components.SqmScroll, HTMLStencilElement {
-    }
-    var HTMLSqmScrollElement: {
-        prototype: HTMLSqmScrollElement;
-        new (): HTMLSqmScrollElement;
-    };
-    interface HTMLSqmShareButtonElement extends Components.SqmShareButton, HTMLStencilElement {
-    }
-    var HTMLSqmShareButtonElement: {
-        prototype: HTMLSqmShareButtonElement;
-        new (): HTMLSqmShareButtonElement;
-    };
-    interface HTMLSqmShareCodeElement extends Components.SqmShareCode, HTMLStencilElement {
-    }
-    var HTMLSqmShareCodeElement: {
-        prototype: HTMLSqmShareCodeElement;
-        new (): HTMLSqmShareCodeElement;
+    var HTMLSqmPortalRegistrationFormElement: {
+        prototype: HTMLSqmPortalRegistrationFormElement;
+        new (): HTMLSqmPortalRegistrationFormElement;
     };
-    interface HTMLSqmShareLinkElement extends Components.SqmShareLink, HTMLStencilElement {
+    interface HTMLSqmPortalResetPasswordElement extends Components.SqmPortalResetPassword, HTMLStencilElement {
     }
-    var HTMLSqmShareLinkElement: {
-        prototype: HTMLSqmShareLinkElement;
-        new (): HTMLSqmShareLinkElement;
+    var HTMLSqmPortalResetPasswordElement: {
+        prototype: HTMLSqmPortalResetPasswordElement;
+        new (): HTMLSqmPortalResetPasswordElement;
     };
-    interface HTMLSqmStatContainerElement extends Components.SqmStatContainer, HTMLStencilElement {
+    interface HTMLSqmPortalVerifyEmailElement extends Components.SqmPortalVerifyEmail, HTMLStencilElement {
     }
-    var HTMLSqmStatContainerElement: {
-        prototype: HTMLSqmStatContainerElement;
-        new (): HTMLSqmStatContainerElement;
+    var HTMLSqmPortalVerifyEmailElement: {
+        prototype: HTMLSqmPortalVerifyEmailElement;
+        new (): HTMLSqmPortalVerifyEmailElement;
     };
-    interface HTMLSqmStencilbookElement extends Components.SqmStencilbook, HTMLStencilElement {
+    interface HTMLSqmProgramExplainerElement extends Components.SqmProgramExplainer, HTMLStencilElement {
     }
-    var HTMLSqmStencilbookElement: {
-        prototype: HTMLSqmStencilbookElement;
-        new (): HTMLSqmStencilbookElement;
+    var HTMLSqmProgramExplainerElement: {
+        prototype: HTMLSqmProgramExplainerElement;
+        new (): HTMLSqmProgramExplainerElement;
     };
-    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    interface HTMLSqmProgramExplainerStepElement extends Components.SqmProgramExplainerStep, HTMLStencilElement {
     }
-    var HTMLSqmTabElement: {
-        prototype: HTMLSqmTabElement;
-        new (): HTMLSqmTabElement;
+    var HTMLSqmProgramExplainerStepElement: {
+        prototype: HTMLSqmProgramExplainerStepElement;
+        new (): HTMLSqmProgramExplainerStepElement;
     };
-    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    interface HTMLSqmProgramMenuElement extends Components.SqmProgramMenu, HTMLStencilElement {
     }
-    var HTMLSqmTableCellElement: {
-        prototype: HTMLSqmTableCellElement;
-        new (): HTMLSqmTableCellElement;
+    var HTMLSqmProgramMenuElement: {
+        prototype: HTMLSqmProgramMenuElement;
+        new (): HTMLSqmProgramMenuElement;
     };
-    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
     }
-    var HTMLSqmTableRowElement: {
-        prototype: HTMLSqmTableRowElement;
-        new (): HTMLSqmTableRowElement;
+    var HTMLSqmReferralCardElement: {
+        prototype: HTMLSqmReferralCardElement;
+        new (): HTMLSqmReferralCardElement;
     };
-    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    interface HTMLSqmReferralIframeElement extends Components.SqmReferralIframe, HTMLStencilElement {
     }
-    var HTMLSqmTabsElement: {
-        prototype: HTMLSqmTabsElement;
-        new (): HTMLSqmTabsElement;
+    var HTMLSqmReferralIframeElement: {
+        prototype: HTMLSqmReferralIframeElement;
+        new (): HTMLSqmReferralIframeElement;
     };
-    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
+    interface HTMLSqmReferralTableElement extends Components.SqmReferralTable, HTMLStencilElement {
     }
-    var HTMLSqmTaskCardElement: {
-        prototype: HTMLSqmTaskCardElement;
-        new (): HTMLSqmTaskCardElement;
+    var HTMLSqmReferralTableElement: {
+        prototype: HTMLSqmReferralTableElement;
+        new (): HTMLSqmReferralTableElement;
     };
-    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    interface HTMLSqmReferralTableCellElement extends Components.SqmReferralTableCell, HTMLStencilElement {
     }
-    var HTMLSqmTaxAndCashElement: {
-        prototype: HTMLSqmTaxAndCashElement;
-        new (): HTMLSqmTaxAndCashElement;
+    var HTMLSqmReferralTableCellElement: {
+        prototype: HTMLSqmReferralTableCellElement;
+        new (): HTMLSqmReferralTableCellElement;
     };
-    interface HTMLSqmTaxAndCashMonolithElement extends Components.SqmTaxAndCashMonolith, HTMLStencilElement {
+    interface HTMLSqmReferralTableColumnElement extends Components.SqmReferralTableColumn, HTMLStencilElement {
     }
-    var HTMLSqmTaxAndCashMonolithElement: {
-        prototype: HTMLSqmTaxAndCashMonolithElement;
-        new (): HTMLSqmTaxAndCashMonolithElement;
+    var HTMLSqmReferralTableColumnElement: {
+        prototype: HTMLSqmReferralTableColumnElement;
+        new (): HTMLSqmReferralTableColumnElement;
     };
-    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
+    interface HTMLSqmReferralTableDateCellElement extends Components.SqmReferralTableDateCell, HTMLStencilElement {
     }
-    var HTMLSqmTaxDocumentSubmittedElement: {
-        prototype: HTMLSqmTaxDocumentSubmittedElement;
-        new (): HTMLSqmTaxDocumentSubmittedElement;
+    var HTMLSqmReferralTableDateCellElement: {
+        prototype: HTMLSqmReferralTableDateCellElement;
+        new (): HTMLSqmReferralTableDateCellElement;
     };
-    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
+    interface HTMLSqmReferralTableDateColumnElement extends Components.SqmReferralTableDateColumn, HTMLStencilElement {
     }
-    var HTMLSqmTextElement: {
-        prototype: HTMLSqmTextElement;
-        new (): HTMLSqmTextElement;
+    var HTMLSqmReferralTableDateColumnElement: {
+        prototype: HTMLSqmReferralTableDateColumnElement;
+        new (): HTMLSqmReferralTableDateColumnElement;
     };
-    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
+    interface HTMLSqmReferralTableRewardsCellElement extends Components.SqmReferralTableRewardsCell, HTMLStencilElement {
     }
-    var HTMLSqmTextSpanElement: {
-        prototype: HTMLSqmTextSpanElement;
-        new (): HTMLSqmTextSpanElement;
+    var HTMLSqmReferralTableRewardsCellElement: {
+        prototype: HTMLSqmReferralTableRewardsCellElement;
+        new (): HTMLSqmReferralTableRewardsCellElement;
     };
-    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
+    interface HTMLSqmReferralTableRewardsColumnElement extends Components.SqmReferralTableRewardsColumn, HTMLStencilElement {
     }
-    var HTMLSqmTimelineElement: {
-        prototype: HTMLSqmTimelineElement;
-        new (): HTMLSqmTimelineElement;
+    var HTMLSqmReferralTableRewardsColumnElement: {
+        prototype: HTMLSqmReferralTableRewardsColumnElement;
+        new (): HTMLSqmReferralTableRewardsColumnElement;
     };
-    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
+    interface HTMLSqmReferralTableStatusCellElement extends Components.SqmReferralTableStatusCell, HTMLStencilElement {
     }
-    var HTMLSqmTimelineEntryElement: {
-        prototype: HTMLSqmTimelineEntryElement;
-        new (): HTMLSqmTimelineEntryElement;
+    var HTMLSqmReferralTableStatusCellElement: {
+        prototype: HTMLSqmReferralTableStatusCellElement;
+        new (): HTMLSqmReferralTableStatusCellElement;
     };
-    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
+    interface HTMLSqmReferralTableStatusColumnElement extends Components.SqmReferralTableStatusColumn, HTMLStencilElement {
     }
-    var HTMLSqmTitledSectionElement: {
-        prototype: HTMLSqmTitledSectionElement;
-        new (): HTMLSqmTitledSectionElement;
+    var HTMLSqmReferralTableStatusColumnElement: {
+        prototype: HTMLSqmReferralTableStatusColumnElement;
+        new (): HTMLSqmReferralTableStatusColumnElement;
     };
-    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    interface HTMLSqmReferralTableUserCellElement extends Components.SqmReferralTableUserCell, HTMLStencilElement {
     }
-    var HTMLSqmUserInfoFormElement: {
-        prototype: HTMLSqmUserInfoFormElement;
-        new (): HTMLSqmUserInfoFormElement;
+    var HTMLSqmReferralTableUserCellElement: {
+        prototype: HTMLSqmReferralTableUserCellElement;
+        new (): HTMLSqmReferralTableUserCellElement;
     };
-    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    interface HTMLSqmReferralTableUserColumnElement extends Components.SqmReferralTableUserColumn, HTMLStencilElement {
     }
-    var HTMLSqmUserNameElement: {
-        prototype: HTMLSqmUserNameElement;
-        new (): HTMLSqmUserNameElement;
+    var HTMLSqmReferralTableUserColumnElement: {
+        prototype: HTMLSqmReferralTableUserColumnElement;
+        new (): HTMLSqmReferralTableUserColumnElement;
     };
-    interface HTMLElementTagNameMap {
-        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
-        "sqm-asset-card": HTMLSqmAssetCardElement;
-        "sqm-big-stat": HTMLSqmBigStatElement;
-        "sqm-brand": HTMLSqmBrandElement;
-        "sqm-card-feed": HTMLSqmCardFeedElement;
-        "sqm-cash-form": HTMLSqmCashFormElement;
-        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
-        "sqm-close-button": HTMLSqmCloseButtonElement;
-        "sqm-context-router": HTMLSqmContextRouterElement;
-        "sqm-coupon-code": HTMLSqmCouponCodeElement;
-        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
-        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
-        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
-        "sqm-docusign-form": HTMLSqmDocusignFormElement;
-        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
-        "sqm-edit-profile": HTMLSqmEditProfileElement;
-        "sqm-empty": HTMLSqmEmptyElement;
-        "sqm-form-message": HTMLSqmFormMessageElement;
-        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
-        "sqm-header-logo": HTMLSqmHeaderLogoElement;
-        "sqm-hero": HTMLSqmHeroElement;
-        "sqm-hero-image": HTMLSqmHeroImageElement;
-        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
-        "sqm-image": HTMLSqmImageElement;
-        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
-        "sqm-input-field": HTMLSqmInputFieldElement;
-        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
-        "sqm-leaderboard": HTMLSqmLeaderboardElement;
-        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
-        "sqm-link-button": HTMLSqmLinkButtonElement;
-        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
-        "sqm-name-fields": HTMLSqmNameFieldsElement;
-        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
-        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
-        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
-        "sqm-password-field": HTMLSqmPasswordFieldElement;
-        "sqm-popup-container": HTMLSqmPopupContainerElement;
-        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
-        "sqm-portal-container": HTMLSqmPortalContainerElement;
-        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
-        "sqm-portal-footer": HTMLSqmPortalFooterElement;
-        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
-        "sqm-portal-frame": HTMLSqmPortalFrameElement;
-        "sqm-portal-login": HTMLSqmPortalLoginElement;
-        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
-        "sqm-portal-profile": HTMLSqmPortalProfileElement;
-        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
-        "sqm-portal-register": HTMLSqmPortalRegisterElement;
-        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
-        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
-        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
-        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
-        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
-        "sqm-program-menu": HTMLSqmProgramMenuElement;
-        "sqm-referral-card": HTMLSqmReferralCardElement;
-        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
-        "sqm-referral-table": HTMLSqmReferralTableElement;
-        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
-        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
-        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
-        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
-        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
-        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
-        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
-        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
-        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
-        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
-        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
-        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
-        "sqm-rewards-table": HTMLSqmRewardsTableElement;
-        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
-        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
-        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
-        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
-        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
-        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
-        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
-        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
-        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
-        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
-        "sqm-route": HTMLSqmRouteElement;
-        "sqm-router": HTMLSqmRouterElement;
-        "sqm-scroll": HTMLSqmScrollElement;
-        "sqm-share-button": HTMLSqmShareButtonElement;
-        "sqm-share-code": HTMLSqmShareCodeElement;
-        "sqm-share-link": HTMLSqmShareLinkElement;
-        "sqm-stat-container": HTMLSqmStatContainerElement;
-        "sqm-stencilbook": HTMLSqmStencilbookElement;
-        "sqm-tab": HTMLSqmTabElement;
-        "sqm-table-cell": HTMLSqmTableCellElement;
-        "sqm-table-row": HTMLSqmTableRowElement;
-        "sqm-tabs": HTMLSqmTabsElement;
-        "sqm-task-card": HTMLSqmTaskCardElement;
-        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
-        "sqm-tax-and-cash-monolith": HTMLSqmTaxAndCashMonolithElement;
-        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
-        "sqm-text": HTMLSqmTextElement;
-        "sqm-text-span": HTMLSqmTextSpanElement;
-        "sqm-timeline": HTMLSqmTimelineElement;
-        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
-        "sqm-titled-section": HTMLSqmTitledSectionElement;
-        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
-        "sqm-user-name": HTMLSqmUserNameElement;
+    interface HTMLSqmReferredRegistrationElement extends Components.SqmReferredRegistration, HTMLStencilElement {
     }
-}
-declare namespace LocalJSX {
-    interface RaisinsPlopTarget {
+    var HTMLSqmReferredRegistrationElement: {
+        prototype: HTMLSqmReferredRegistrationElement;
+        new (): HTMLSqmReferredRegistrationElement;
+    };
+    interface HTMLSqmRewardExchangeListElement extends Components.SqmRewardExchangeList, HTMLStencilElement {
     }
-    interface SqmAssetCard {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<AssetCardViewProps>;
-        /**
-          * @uiName Banner image
-         */
-        "imgUrl"?: string;
-        /**
-          * @uiName Banner title
-         */
-        "titleText"?: string;
+    var HTMLSqmRewardExchangeListElement: {
+        prototype: HTMLSqmRewardExchangeListElement;
+        new (): HTMLSqmRewardExchangeListElement;
+    };
+    interface HTMLSqmRewardsTableElement extends Components.SqmRewardsTable, HTMLStencilElement {
     }
-    interface SqmBigStat {
-        /**
-          * Controls the alignment of the flexbox
-          * @uiName Alignment
-          * @uiType string
-          * @uiEnum ["left", "right", "center"]
-          * @uiEnumNames ["Left", "Right", "Center"]
-         */
-        "alignment"?: "left" | "right" | "center";
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<BigStatViewProps>;
-        /**
-          * Controls the order of the stat value & description column
-          * @uiName Flex reverse
-          * @default
-         */
-        "flexReverse"?: boolean;
-        /**
-          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
-          * @uiName Program ID
-          * @uiWidget programSelector
-         */
-        "programId"?: string;
-        /**
-          * Select what type of stat to display. Manual paths are also supported.
-          * @uiWidget statTypeSelectWidget
-          * @uiName Stat type
-          * @required 
-          * @uiWidgetOptions {"version": 1.1}
-         */
-        "statType"?: string;
+    var HTMLSqmRewardsTableElement: {
+        prototype: HTMLSqmRewardsTableElement;
+        new (): HTMLSqmRewardsTableElement;
+    };
+    interface HTMLSqmRewardsTableCustomerNoteCellElement extends Components.SqmRewardsTableCustomerNoteCell, HTMLStencilElement {
     }
-    interface SqmBrand {
-        /**
-          * Controls the primary brand color used in the Mint Components library.
-          * @uiName Brand color
-          * @uiWidget color
-          * @format color
-         */
-        "brandColor"?: string;
-        /**
-          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
-          * @uiName Brand font
-          * @default "Nunito Sans"
-         */
-        "brandFont"?: string;
+    var HTMLSqmRewardsTableCustomerNoteCellElement: {
+        prototype: HTMLSqmRewardsTableCustomerNoteCellElement;
+        new (): HTMLSqmRewardsTableCustomerNoteCellElement;
+    };
+    interface HTMLSqmRewardsTableCustomerNoteColumnElement extends Components.SqmRewardsTableCustomerNoteColumn, HTMLStencilElement {
     }
-    interface SqmCardFeed {
-        /**
-          * @uiName Column gap
-          * @uiType number
-         */
-        "gap"?: number;
-        /**
-          * @uiName Card width
-         */
-        "width"?: number;
+    var HTMLSqmRewardsTableCustomerNoteColumnElement: {
+        prototype: HTMLSqmRewardsTableCustomerNoteColumnElement;
+        new (): HTMLSqmRewardsTableCustomerNoteColumnElement;
+    };
+    interface HTMLSqmRewardsTableDateCellElement extends Components.SqmRewardsTableDateCell, HTMLStencilElement {
     }
-    interface SqmCashForm {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
+    var HTMLSqmRewardsTableDateCellElement: {
+        prototype: HTMLSqmRewardsTableDateCellElement;
+        new (): HTMLSqmRewardsTableDateCellElement;
+    };
+    interface HTMLSqmRewardsTableDateColumnElement extends Components.SqmRewardsTableDateColumn, HTMLStencilElement {
     }
-    interface SqmCheckboxField {
-        /**
-          * @uiName Checkbox label
-          * @uiWidget textArea
-         */
-        "checkboxLabel"?: string;
-        /**
-          * Used with link text if the checkbox label contains {labelLink}
-          * @uiName Checkbox label link
-         */
-        "checkboxLabelLink"?: string;
-        /**
-          * @uiName Checkbox label link lext
-         */
-        "checkboxLabelLinkText"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Checkbox name attribute
-          * @required
-         */
-        "checkboxName"?: string;
-        /**
-          * @uiName Optional
-         */
-        "checkboxOptional"?: boolean;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<CheckboxFieldViewProps>;
-        /**
-          * @uiName Unchecked error message
-         */
-        "errorMessage"?: string;
+    var HTMLSqmRewardsTableDateColumnElement: {
+        prototype: HTMLSqmRewardsTableDateColumnElement;
+        new (): HTMLSqmRewardsTableDateColumnElement;
+    };
+    interface HTMLSqmRewardsTableRewardCellElement extends Components.SqmRewardsTableRewardCell, HTMLStencilElement {
     }
-    interface SqmCloseButton {
-        /**
-          * @uiName Color
-          * @uiWidget color
-          * @uiType string
-         */
-        "color"?: string;
+    var HTMLSqmRewardsTableRewardCellElement: {
+        prototype: HTMLSqmRewardsTableRewardCellElement;
+        new (): HTMLSqmRewardsTableRewardCellElement;
+    };
+    interface HTMLSqmRewardsTableRewardColumnElement extends Components.SqmRewardsTableRewardColumn, HTMLStencilElement {
     }
-    interface SqmContextRouter {
-        "contextName"?: string;
+    var HTMLSqmRewardsTableRewardColumnElement: {
+        prototype: HTMLSqmRewardsTableRewardColumnElement;
+        new (): HTMLSqmRewardsTableRewardColumnElement;
+    };
+    interface HTMLSqmRewardsTableSourceCellElement extends Components.SqmRewardsTableSourceCell, HTMLStencilElement {
     }
-    interface SqmCouponCode {
-        /**
-          * Set the copy button style and placement.
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
-         */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * Display this message when the coupon code has been cancelled.
-          * @uiWidget textArea
-          * @uiName Cancelled code error message
-          * @uiGroup Coupon code error
-         */
-        "cancelledErrorText"?: string;
-        /**
-          * @uiName Copy button label
-         */
-        "copyButtonLabel"?: string;
-        /**
-          * @uiName Coupon code label
-         */
-        "couponCodeLabel"?: string;
-        /**
-          * Display this text when the coupon code can’t be retrieved.
-          * @uiName Coupon code placeholder
-          * @uiGroup Coupon code error
-         */
-        "couponCodePlaceholder"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<CouponCodeViewProps>;
-        /**
-          * Display this message when the coupon code has expired.
-          * @uiWidget textArea
-          * @uiName Expired code error message
-          * @uiGroup Coupon code error
-         */
-        "expiredErrorText"?: string;
-        /**
-          * Display this message when the code fails to load due to a fulfillment error.
-          * @uiWidget textArea
-          * @uiName Code fulfillment error message
-          * @uiGroup Coupon code error
-         */
-        "fullfillmentErrorText"?: string;
-        /**
-          * Display this message when the code fails to load due to an unspecified error.
-          * @uiWidget textArea
-          * @uiName Code retrieval error message
-          * @uiGroup Coupon code error
-         */
-        "genericErrorText"?: string;
-        /**
-          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
-          * @uiWidget textArea
-          * @uiName Code pending error message
-          * @uiGroup Coupon code error
-         */
-        "pendingErrorText"?: string;
-        /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
-         */
-        "programId"?: string;
-        /**
-          * Display this message when the coupon code has already been redeemed.
-          * @uiWidget textArea
-          * @uiName Redeemed code error message
-          * @uiGroup Coupon code error
-         */
-        "redeemedErrorText"?: string;
-        /**
-          * @uiName Coupon code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "textAlign"?: "left" | "center" | "right";
-        /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
-         */
-        "tooltiplifespan"?: number;
-        /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
-          * @uiName Tooltip text
-         */
-        "tooltiptext"?: string;
+    var HTMLSqmRewardsTableSourceCellElement: {
+        prototype: HTMLSqmRewardsTableSourceCellElement;
+        new (): HTMLSqmRewardsTableSourceCellElement;
+    };
+    interface HTMLSqmRewardsTableSourceColumnElement extends Components.SqmRewardsTableSourceColumn, HTMLStencilElement {
     }
-    interface SqmDividedLayout {
-        /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
-         */
-        "direction"?: "row" | "column";
-        /**
-          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
-          * @uiName Border style
-         */
-        "dividerStyle"?: string;
+    var HTMLSqmRewardsTableSourceColumnElement: {
+        prototype: HTMLSqmRewardsTableSourceColumnElement;
+        new (): HTMLSqmRewardsTableSourceColumnElement;
+    };
+    interface HTMLSqmRewardsTableStatusCellElement extends Components.SqmRewardsTableStatusCell, HTMLStencilElement {
     }
-    interface SqmDocumentTypeForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseDocumentTypeFormResult>;
-        /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-         */
-        "formLabel"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
-        /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-         */
-        "taxForm"?: string;
-        /**
-          * Description for the W8 radio button
-          * @uiName W8 radio button subtext
-         */
-        "w8Description"?: string;
-        /**
-          * Description for the W8E radio button
-          * @uiName W8E radio button subtext
-         */
-        "w8EDescription"?: string;
-        /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-         */
-        "w8ELabel"?: string;
-        /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-         */
-        "w8Label"?: string;
-        /**
-          * Description for the W9 radio button
-          * @uiName W9 radio button subtext
-         */
-        "w9Description"?: string;
-        /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-         */
-        "w9Label"?: string;
+    var HTMLSqmRewardsTableStatusCellElement: {
+        prototype: HTMLSqmRewardsTableStatusCellElement;
+        new (): HTMLSqmRewardsTableStatusCellElement;
+    };
+    interface HTMLSqmRewardsTableStatusColumnElement extends Components.SqmRewardsTableStatusColumn, HTMLStencilElement {
     }
-    interface SqmDocusignEmbed {
-        "url"?: string;
+    var HTMLSqmRewardsTableStatusColumnElement: {
+        prototype: HTMLSqmRewardsTableStatusColumnElement;
+        new (): HTMLSqmRewardsTableStatusColumnElement;
+    };
+    interface HTMLSqmRouteElement extends Components.SqmRoute, HTMLStencilElement {
     }
-    interface SqmDocusignForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton"?: string;
-        /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-         */
-        "banner"?: string;
-        /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-         */
-        "checkboxDescription"?: string;
-        /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-         */
-        "checkboxLabel"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseDocusignFormResult>;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
-        /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-         */
-        "formSubmissionError"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle"?: string;
-        /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-         */
-        "notBasedInUS"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
-        /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-         */
-        "taxForm"?: string;
-        /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-         */
-        "taxFormDescription"?: string;
-        /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-         */
-        "taxFormLabel"?: string;
+    var HTMLSqmRouteElement: {
+        prototype: HTMLSqmRouteElement;
+        new (): HTMLSqmRouteElement;
+    };
+    interface HTMLSqmRouterElement extends Components.SqmRouter, HTMLStencilElement {
+    }
+    var HTMLSqmRouterElement: {
+        prototype: HTMLSqmRouterElement;
+        new (): HTMLSqmRouterElement;
+    };
+    interface HTMLSqmScrollElement extends Components.SqmScroll, HTMLStencilElement {
+    }
+    var HTMLSqmScrollElement: {
+        prototype: HTMLSqmScrollElement;
+        new (): HTMLSqmScrollElement;
+    };
+    interface HTMLSqmShareButtonElement extends Components.SqmShareButton, HTMLStencilElement {
+    }
+    var HTMLSqmShareButtonElement: {
+        prototype: HTMLSqmShareButtonElement;
+        new (): HTMLSqmShareButtonElement;
+    };
+    interface HTMLSqmShareCodeElement extends Components.SqmShareCode, HTMLStencilElement {
+    }
+    var HTMLSqmShareCodeElement: {
+        prototype: HTMLSqmShareCodeElement;
+        new (): HTMLSqmShareCodeElement;
+    };
+    interface HTMLSqmShareLinkElement extends Components.SqmShareLink, HTMLStencilElement {
+    }
+    var HTMLSqmShareLinkElement: {
+        prototype: HTMLSqmShareLinkElement;
+        new (): HTMLSqmShareLinkElement;
+    };
+    interface HTMLSqmStatContainerElement extends Components.SqmStatContainer, HTMLStencilElement {
+    }
+    var HTMLSqmStatContainerElement: {
+        prototype: HTMLSqmStatContainerElement;
+        new (): HTMLSqmStatContainerElement;
+    };
+    interface HTMLSqmStencilbookElement extends Components.SqmStencilbook, HTMLStencilElement {
+    }
+    var HTMLSqmStencilbookElement: {
+        prototype: HTMLSqmStencilbookElement;
+        new (): HTMLSqmStencilbookElement;
+    };
+    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    }
+    var HTMLSqmTabElement: {
+        prototype: HTMLSqmTabElement;
+        new (): HTMLSqmTabElement;
+    };
+    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    }
+    var HTMLSqmTableCellElement: {
+        prototype: HTMLSqmTableCellElement;
+        new (): HTMLSqmTableCellElement;
+    };
+    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    }
+    var HTMLSqmTableRowElement: {
+        prototype: HTMLSqmTableRowElement;
+        new (): HTMLSqmTableRowElement;
+    };
+    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    }
+    var HTMLSqmTabsElement: {
+        prototype: HTMLSqmTabsElement;
+        new (): HTMLSqmTabsElement;
+    };
+    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
+    }
+    var HTMLSqmTaskCardElement: {
+        prototype: HTMLSqmTaskCardElement;
+        new (): HTMLSqmTaskCardElement;
+    };
+    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    }
+    var HTMLSqmTaxAndCashElement: {
+        prototype: HTMLSqmTaxAndCashElement;
+        new (): HTMLSqmTaxAndCashElement;
+    };
+    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
     }
-    interface SqmDropdownField {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<DropdownFieldViewProps>;
-        /**
-          * @uiName Dropdown label
-         */
-        "dropdownLabel"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Dropdown name attribute
-          * @required
-         */
-        "dropdownName"?: string;
-        /**
-          * @uiName Optional
-          * @default
-         */
-        "dropdownOptional"?: boolean;
-        /**
-          * @uiName Unselected error message
-         */
-        "errorMessage"?: string;
+    var HTMLSqmTaxDocumentSubmittedElement: {
+        prototype: HTMLSqmTaxDocumentSubmittedElement;
+        new (): HTMLSqmTaxDocumentSubmittedElement;
+    };
+    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
     }
-    interface SqmEditProfile {
-        /**
-          * @uiName Cancel button text
-         */
-        "canceltext"?: string;
-        /**
-          * @uiName Region field label
-         */
-        "currentregiontext"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<EditProfileViewProps>;
-        /**
-          * @uiName Heading
-         */
-        "editprofileheader"?: string;
-        /**
-          * Enable editing button text
-          * @uiName Edit profile text
-         */
-        "editprofiletext"?: string;
-        /**
-          * @uiName First name label
-         */
-        "firstnametext"?: string;
-        /**
-          * @uiName Last name label
-         */
-        "lastnametext"?: string;
-        /**
-          * Show or hide current region
-          * @uiName Show region
-         */
-        "showregion"?: boolean;
-        /**
-          * @uiName Info button text
-         */
-        "updatetext"?: string;
+    var HTMLSqmTextElement: {
+        prototype: HTMLSqmTextElement;
+        new (): HTMLSqmTextElement;
+    };
+    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
     }
-    interface SqmEmpty {
-        /**
-          * @uiName Title
-         */
-        "emptyStateHeader"?: string;
-        /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
-         */
-        "emptyStateImage"?: string;
-        /**
-          * @uiName Description
-          * @uiWidget textArea
-         */
-        "emptyStateText"?: string;
+    var HTMLSqmTextSpanElement: {
+        prototype: HTMLSqmTextSpanElement;
+        new (): HTMLSqmTextSpanElement;
+    };
+    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
     }
-    interface SqmFormMessage {
-        /**
-          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
-          * @uiName Icon
-         */
-        "icon"?: string;
-        /**
-          * Options include "success", "info", "warning", and "error"
-          * @uiName Alert type
-         */
-        "type"?: string;
+    var HTMLSqmTimelineElement: {
+        prototype: HTMLSqmTimelineElement;
+        new (): HTMLSqmTimelineElement;
+    };
+    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
     }
-    interface SqmGraphqlClientProvider {
-        /**
-          * @uiName Domain
-         */
-        "domain"?: string;
+    var HTMLSqmTimelineEntryElement: {
+        prototype: HTMLSqmTimelineEntryElement;
+        new (): HTMLSqmTimelineEntryElement;
+    };
+    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
     }
-    interface SqmHeaderLogo {
-        /**
-          * @uiName Logo height
-         */
-        "height"?: number;
-        /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Logo image
-         */
-        "imageUrl"?: string;
-        /**
-          * Page participants are navigated to after clicking the header logo.
-          * @uiName Redirect path
-          * @uiWidget pageSelect
-         */
-        "nextPage"?: string;
+    var HTMLSqmTitledSectionElement: {
+        prototype: HTMLSqmTitledSectionElement;
+        new (): HTMLSqmTitledSectionElement;
+    };
+    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    }
+    var HTMLSqmUserInfoFormElement: {
+        prototype: HTMLSqmUserInfoFormElement;
+        new (): HTMLSqmUserInfoFormElement;
+    };
+    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    }
+    var HTMLSqmUserNameElement: {
+        prototype: HTMLSqmUserNameElement;
+        new (): HTMLSqmUserNameElement;
+    };
+    interface HTMLElementTagNameMap {
+        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
+        "sqm-asset-card": HTMLSqmAssetCardElement;
+        "sqm-big-stat": HTMLSqmBigStatElement;
+        "sqm-brand": HTMLSqmBrandElement;
+        "sqm-card-feed": HTMLSqmCardFeedElement;
+        "sqm-cash-form": HTMLSqmCashFormElement;
+        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
+        "sqm-close-button": HTMLSqmCloseButtonElement;
+        "sqm-context-router": HTMLSqmContextRouterElement;
+        "sqm-coupon-code": HTMLSqmCouponCodeElement;
+        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
+        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
+        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
+        "sqm-docusign-form": HTMLSqmDocusignFormElement;
+        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
+        "sqm-edit-profile": HTMLSqmEditProfileElement;
+        "sqm-empty": HTMLSqmEmptyElement;
+        "sqm-form-message": HTMLSqmFormMessageElement;
+        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
+        "sqm-header-logo": HTMLSqmHeaderLogoElement;
+        "sqm-hero": HTMLSqmHeroElement;
+        "sqm-hero-image": HTMLSqmHeroImageElement;
+        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
+        "sqm-image": HTMLSqmImageElement;
+        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
+        "sqm-input-field": HTMLSqmInputFieldElement;
+        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
+        "sqm-leaderboard": HTMLSqmLeaderboardElement;
+        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
+        "sqm-link-button": HTMLSqmLinkButtonElement;
+        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
+        "sqm-name-fields": HTMLSqmNameFieldsElement;
+        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
+        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
+        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
+        "sqm-password-field": HTMLSqmPasswordFieldElement;
+        "sqm-popup-container": HTMLSqmPopupContainerElement;
+        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
+        "sqm-portal-container": HTMLSqmPortalContainerElement;
+        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
+        "sqm-portal-footer": HTMLSqmPortalFooterElement;
+        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
+        "sqm-portal-frame": HTMLSqmPortalFrameElement;
+        "sqm-portal-login": HTMLSqmPortalLoginElement;
+        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
+        "sqm-portal-profile": HTMLSqmPortalProfileElement;
+        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
+        "sqm-portal-register": HTMLSqmPortalRegisterElement;
+        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
+        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
+        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
+        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
+        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
+        "sqm-program-menu": HTMLSqmProgramMenuElement;
+        "sqm-referral-card": HTMLSqmReferralCardElement;
+        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
+        "sqm-referral-table": HTMLSqmReferralTableElement;
+        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
+        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
+        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
+        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
+        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
+        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
+        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
+        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
+        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
+        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
+        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
+        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
+        "sqm-rewards-table": HTMLSqmRewardsTableElement;
+        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
+        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
+        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
+        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
+        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
+        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
+        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
+        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
+        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
+        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
+        "sqm-route": HTMLSqmRouteElement;
+        "sqm-router": HTMLSqmRouterElement;
+        "sqm-scroll": HTMLSqmScrollElement;
+        "sqm-share-button": HTMLSqmShareButtonElement;
+        "sqm-share-code": HTMLSqmShareCodeElement;
+        "sqm-share-link": HTMLSqmShareLinkElement;
+        "sqm-stat-container": HTMLSqmStatContainerElement;
+        "sqm-stencilbook": HTMLSqmStencilbookElement;
+        "sqm-tab": HTMLSqmTabElement;
+        "sqm-table-cell": HTMLSqmTableCellElement;
+        "sqm-table-row": HTMLSqmTableRowElement;
+        "sqm-tabs": HTMLSqmTabsElement;
+        "sqm-task-card": HTMLSqmTaskCardElement;
+        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
+        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
+        "sqm-text": HTMLSqmTextElement;
+        "sqm-text-span": HTMLSqmTextSpanElement;
+        "sqm-timeline": HTMLSqmTimelineElement;
+        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
+        "sqm-titled-section": HTMLSqmTitledSectionElement;
+        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
+        "sqm-user-name": HTMLSqmUserNameElement;
     }
-    interface SqmHero {
-        /**
-          * Can be an image url, colour or Shoelace variable.
-          * @uiName Background
-          * @uiWidget Background
-         */
-        "background"?: string;
-        /**
-          * @uiName Columns
-          * @uiEnum [1, 2]
-          * @uiEnumNames ["One", "Two"]
-         */
-        "columns"?: 1 | 2;
-        /**
-          * Minimum height of each column including when they are stacked on mobile
-          * @uiName Minimum height (in px)
-         */
-        "minHeight"?: number;
-        /**
-          * @uiName Padding size
-          * @uiEnum ["none", "small", "medium","large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
-         */
-        "paddingSize"?: "none" | "small" | "medium" | "large";
-        /**
-          * Secondary background image or color (for use in the right column)
-          * @uiName Secondary background
-          * @uiWidget Background
-         */
-        "secondaryBackground"?: string;
-        /**
-          * Flexbox wrap direction, accepts wrap or wrap-reverse
-          * @uiName Wrap direction
-          * @uiEnum ["wrap", "wrap-reverse"]
-          * @uiEnumNames ["Wrap", "Wrap Reverse"]
-         */
-        "wrapDirection"?: "wrap" | "wrap-reverse";
+}
+declare namespace LocalJSX {
+    interface RaisinsPlopTarget {
     }
-    interface SqmHeroImage {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-         */
-        "backgroundColor"?: string;
-        /**
-          * @uiName Button link
-         */
-        "buttonLink"?: string;
-        /**
-          * @uiName Open link in new tab
-          * @default
-         */
-        "buttonNewTab"?: boolean;
-        /**
-          * @uiName Button text
-         */
-        "buttonText"?: string;
-        /**
-          * @uiName Description
-          * @uiWidget textArea
-         */
-        "description"?: string;
-        /**
-          * @uiName Title
-         */
-        "header"?: string;
-        /**
-          * @uiName Image mobile position
-          * @uiType string
-          * @uiEnum ["top", "bottom"]
-          * @uiEnumNames ["Top", "Bottom"]
-         */
-        "imageMobilePos"?: "top" | "bottom";
+    interface SqmAssetCard {
         /**
-          * @uiName Image percentage
-          * @uiType number
+          * @undocumented 
+          * @uiType object
          */
-        "imagePercentage"?: number;
+        "demoData"?: DemoData<AssetCardViewProps>;
         /**
-          * @uiName Image position
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName Banner image
          */
-        "imagePos"?: "left" | "center" | "right";
+        "imgUrl"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
+          * @uiName Banner title
          */
-        "imageUrl"?: string;
+        "titleText"?: string;
+    }
+    interface SqmBigStat {
         /**
-          * @uiName Image layout
+          * Controls the alignment of the flexbox
+          * @uiName Alignment
           * @uiType string
-          * @uiEnum ["overlay", "columns"]
-          * @uiEnumNames ["Overlay", "Two-column"]
-         */
-        "layout"?: "overlay" | "columns";
-        /**
-          * @uiName Overlay color
-          * @uiWidget color
-          * @format color
+          * @uiEnum ["left", "right", "center"]
+          * @uiEnumNames ["Left", "Right", "Center"]
          */
-        "overlayColor"?: string;
+        "alignment"?: "left" | "right" | "center";
         /**
-          * @uiName Overlay opacity
+          * @undocumented 
+          * @uiType object
          */
-        "overlayOpacity"?: string;
+        "demoData"?: DemoData<BigStatViewProps>;
         /**
-          * @uiName Image padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Controls the order of the stat value & description column
+          * @uiName Flex reverse
+          * @default
          */
-        "paddingImage"?: Spacing;
+        "flexReverse"?: boolean;
         /**
-          * @uiName Text padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "paddingText"?: Spacing;
+        "programId"?: string;
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * Select what type of stat to display. Manual paths are also supported.
+          * @uiWidget statTypeSelectWidget
+          * @uiName Stat type
+          * @required 
+          * @uiWidgetOptions {"version": 1.1}
          */
-        "textColor"?: string;
-    }
-    interface SqmHookStoryContainer {
-        "hookStory"?: FunctionalComponent;
+        "statType"?: string;
     }
-    interface SqmImage {
-        /**
-          * @uiName Position alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "alignment"?: "left" | "center" | "right";
+    interface SqmBrand {
         /**
-          * @uiName Background color
+          * Controls the primary brand color used in the Mint Components library.
+          * @uiName Brand color
           * @uiWidget color
           * @format color
          */
-        "backgroundColor"?: string;
+        "brandColor"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @required 
-          * @uiName Image link
+          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
+          * @uiName Brand font
+          * @default "Nunito Sans"
          */
-        "imageUrl"?: string;
+        "brandFont"?: string;
+    }
+    interface SqmCardFeed {
         /**
-          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
-          * @uiName Minimum height
+          * @uiName Column gap
+          * @uiType number
          */
-        "minHeight"?: string;
-    }
-    interface SqmIndirectTaxForm {
-        "backButton"?: string;
+        "gap"?: number;
         /**
-          * @undocumented
+          * @uiName Card width
          */
-        "demoData"?: DemoData<UseIndirectTaxFormResult>;
-        "formStep"?: string;
-        "generalErrorDescription"?: string;
-        "generalErrorTitle"?: string;
-        "indirectTax"?: string;
-        "indirectTaxDescription"?: string;
-        "indirectTaxDetails"?: string;
-        "indirectTaxDetailsDescription"?: string;
-        "indirectTaxNumber"?: string;
-        "indirectTaxNumberError"?: string;
-        "isPartnerAlertDescription"?: string;
-        "isPartnerAlertHeader"?: string;
-        "isRegisteredQST"?: string;
-        "isRegisteredSubRegionIncomeTax"?: string;
-        "notRegistered"?: string;
-        "otherRegion"?: string;
-        "province"?: string;
-        "provinceError"?: string;
-        "qstNumber"?: string;
-        "qstTaxNumberError"?: string;
-        "selectedRegion"?: string;
-        "selectedRegionError"?: string;
-        "subRegion"?: string;
-        "subRegionError"?: string;
-        "subRegionTaxNumberError"?: string;
-        "subRegionTaxNumberLabel"?: string;
-        "submitButton"?: string;
-        "taxDetailsError"?: string;
+        "width"?: number;
     }
-    interface SqmInputField {
+    interface SqmCashForm {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<InputFieldViewProps>;
-        /**
-          * @uiName Required error message
-         */
-        "errorMessage"?: string;
-        /**
-          * @uiName Input label
-         */
-        "fieldLabel"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Input name attribute
-          * @required
-         */
-        "fieldName"?: string;
-        /**
-          * @uiName Optional
-          * @default
-         */
-        "fieldOptional"?: boolean;
-        /**
-          * @uiName Input type
-          * @uiType string
-          * @uiEnum ["text", "date", "tel"]
-          * @uiEnumNames ["Text", "Date", "Phone Number"]
-         */
-        "fieldType"?: "text" | "date" | "tel";
+        "demoData"?: DemoData<UserNameViewProps>;
     }
-    interface SqmInstantAccessRegistration {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+    interface SqmCheckboxField {
+        /**
+          * @uiName Checkbox label
+          * @uiWidget textArea
          */
-        "backgroundColor"?: string;
+        "checkboxLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Used with link text if the checkbox label contains {labelLink}
+          * @uiName Checkbox label link
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "checkboxLabelLink"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Checkbox label link lext
          */
-        "emailLabel"?: string;
+        "checkboxLabelLinkText"?: string;
         /**
-          * @uiName First name field label
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Checkbox name attribute
+          * @required
          */
-        "firstNameLabel"?: string;
+        "checkboxName"?: string;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * @uiName Optional
          */
-        "hideBorder"?: boolean;
+        "checkboxOptional"?: boolean;
         /**
           * @undocumented 
-          * @uiType boolean
+          * @uiType object
          */
-        "includeCookies"?: boolean;
+        "demoData"?: DemoData<CheckboxFieldViewProps>;
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * @uiName Unchecked error message
          */
-        "includeName"?: boolean;
+        "errorMessage"?: string;
+    }
+    interface SqmCloseButton {
         /**
-          * Display this message when the given email is invalid.
-          * @uiName Invalid email message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Color
+          * @uiWidget color
+          * @uiType string
          */
-        "invalidEmailErrorMessage"?: string;
+        "color"?: string;
+    }
+    interface SqmContextRouter {
+        "contextName"?: string;
+    }
+    interface SqmCouponCode {
         /**
-          * @uiName Last name field label
+          * Set the copy button style and placement.
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "lastNameLabel"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Display this message when the form submission unexpectedly fails.
-          * @uiName Network error message
+          * Display this message when the coupon code has been cancelled.
           * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Cancelled code error message
+          * @uiGroup Coupon code error
          */
-        "networkErrorMessage"?: string;
+        "cancelledErrorText"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Copy button label
          */
-        "paddingBottom"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Coupon code label
          */
-        "paddingLeft"?: string;
+        "couponCodeLabel"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Display this text when the coupon code can’t be retrieved.
+          * @uiName Coupon code placeholder
+          * @uiGroup Coupon code error
          */
-        "paddingRight"?: string;
+        "couponCodePlaceholder"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @undocumented 
+          * @uiType object
          */
-        "paddingTop"?: string;
+        "demoData"?: DemoData<CouponCodeViewProps>;
         /**
-          * @uiName Register button text
+          * Display this message when the coupon code has expired.
+          * @uiWidget textArea
+          * @uiName Expired code error message
+          * @uiGroup Coupon code error
          */
-        "registerLabel"?: string;
+        "expiredErrorText"?: string;
         /**
-          * Display this message when a required field has not been filled out.
-          * @uiName Required field message
+          * Display this message when the code fails to load due to a fulfillment error.
           * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Code fulfillment error message
+          * @uiGroup Coupon code error
          */
-        "requiredFieldErrorMessage"?: string;
-    }
-    interface SqmLeaderboard {
+        "fullfillmentErrorText"?: string;
         /**
-          * Title displayed for users without names
-          * @uiName Unknown user text
+          * Display this message when the code fails to load due to an unspecified error.
+          * @uiWidget textArea
+          * @uiName Code retrieval error message
+          * @uiGroup Coupon code error
          */
-        "anonymousUser"?: string;
+        "genericErrorText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
+          * @uiWidget textArea
+          * @uiName Code pending error message
+          * @uiGroup Coupon code error
          */
-        "demoData"?: DemoData<LeaderboardViewProps>;
+        "pendingErrorText"?: string;
         /**
-          * Hide the viewer's leaderboard row if not in the top results.
-          * @uiName Hide viewing user
-          * @default
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "hideViewer"?: boolean;
+        "programId"?: string;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * Display this message when the coupon code has already been redeemed.
+          * @uiWidget textArea
+          * @uiName Redeemed code error message
+          * @uiGroup Coupon code error
          */
-        "interval"?: string;
+        "redeemedErrorText"?: string;
         /**
-          * @uiName Leaderboard type
+          * @uiName Coupon code alignment
           * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * Control the maximum amount of rows displayed on the leaderboard.
-          * @uiName Maximum rows number
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "maxRows"?: number;
+        "tooltiplifespan"?: number;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
+          * @uiName Tooltip text
          */
-        "programId"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmDividedLayout {
         /**
-          * @uiName Rank type
+          * @uiName Direction
           * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "direction"?: "row" | "column";
         /**
-          * @uiName Rank column heading
+          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
+          * @uiName Border style
          */
-        "rankheading"?: string;
+        "dividerStyle"?: string;
+    }
+    interface SqmDocumentTypeForm {
         /**
-          * @uiName Show leaderboard rank
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "showRank"?: boolean;
+        "backButton"?: string;
         /**
-          * @uiName Stats column heading
+          * @undocumented 
+          * @uiType object
          */
-        "statsheading"?: string;
+        "demoData"?: DemoData<UseDocumentTypeFormResult>;
         /**
-          * @uiName User column heading
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
          */
-        "usersheading"?: string;
-    }
-    interface SqmLeaderboardRank {
+        "formLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
          */
-        "demoData"?: DemoData<LeaderboardRankViewProps>;
+        "formStep"?: string;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "interval"?: string;
+        "generalErrorDescription"?: string;
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "generalErrorTitle"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "programId"?: string;
+        "submitButton"?: string;
         /**
-          * @uiName Rank text
-          * @uiWidget textArea
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
          */
-        "rankText"?: string;
+        "taxForm"?: string;
         /**
-          * @uiName Default rank
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * Description for the W8 radio button
+          * @uiName W8 radio button subtext
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "w8Description"?: string;
+        /**
+          * Description for the W8E radio button
+          * @uiName W8E radio button subtext
+         */
+        "w8EDescription"?: string;
         /**
-          * @uiName Unranked text
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
          */
-        "unrankedText"?: string;
-    }
-    interface SqmLinkButton {
+        "w8ELabel"?: string;
         /**
-          * @uiName Button text
-          * @uiType string
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
          */
-        "buttonText"?: string;
+        "w8Label"?: string;
         /**
-          * Enter the URL where you want your participants redirected. Example: https://www.example.com
-          * @required 
-          * @uiName Link
+          * Description for the W9 radio button
+          * @uiName W9 radio button subtext
          */
-        "link"?: string;
+        "w9Description"?: string;
         /**
-          * @uiName Open link in new tab
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
          */
-        "openInNewTab"?: boolean;
+        "w9Label"?: string;
     }
-    interface SqmLogoutCurrentUser {
+    interface SqmDocusignEmbed {
+        "url"?: string;
+    }
+    interface SqmDocusignForm {
         /**
-          * @required 
-          * @uiName Switch user button link
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "backButton"?: string;
         /**
-          * @required 
-          * @uiName Switch user button label
+          * Text shown in the banner above the document
+          * @uiName Banner text
          */
-        "switchUserText"?: string;
+        "banner"?: string;
         /**
-          * @required 
-          * @uiName User identification text
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
          */
-        "userIdentificationText"?: string;
-    }
-    interface SqmNameFields {
+        "checkboxDescription"?: string;
+        /**
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
+         */
+        "checkboxLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<NameFieldsViewProps>;
+        "demoData"?: DemoData<UseDocusignFormResult>;
         /**
-          * @uiName First name label
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
          */
-        "firstNameLabel"?: string;
+        "formStep"?: string;
         /**
-          * @uiName Last name label
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
          */
-        "lastNameLabel"?: string;
-    }
-    interface SqmNavigationMenu {
+        "formSubmissionError"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "demoData"?: DemoData<NavigationMenuViewProps>;
+        "generalErrorDescription"?: string;
         /**
-          * @uiName Include dropdown menu
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "includeDropdown"?: boolean;
+        "generalErrorTitle"?: string;
         /**
-          * Label on the header menu
-          * @uiName Menu label
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
          */
-        "menuLabel"?: string;
-    }
-    interface SqmNavigationSidebar {
-    }
-    interface SqmNavigationSidebarItem {
+        "notBasedInUS"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
+        "submitButton"?: string;
         /**
-          * Options available at https://shoelace.style/components/icon
-          * @uiName Icon
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
          */
-        "icon"?: string;
+        "taxForm"?: string;
         /**
-          * @uiName Label
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
          */
-        "label"?: string;
+        "taxFormDescription"?: string;
         /**
-          * @uiName Navigation path
-          * @uiWidget pageSelect
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
          */
-        "path"?: string;
+        "taxFormLabel"?: string;
     }
-    interface SqmPasswordField {
+    interface SqmDropdownField {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: PasswordFieldViewDemoProps;
+        "demoData"?: DemoData<DropdownFieldViewProps>;
         /**
-          * Disable live password validation
-          * @uiName Disable validation
+          * @uiName Dropdown label
          */
-        "disableValidation"?: boolean;
+        "dropdownLabel"?: string;
         /**
-          * Label for password field
-          * @uiName Password label
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Dropdown name attribute
+          * @required
          */
-        "fieldLabel"?: string;
-    }
-    interface SqmPopupContainer {
+        "dropdownName"?: string;
         /**
-          * Display a close button on the popup
-          * @uiName Show close button
+          * @uiName Optional
+          * @default
          */
-        "closeButton"?: boolean;
+        "dropdownOptional"?: boolean;
         /**
-          * Text inside the close button
-          * @uiName Close button text
+          * @uiName Unselected error message
          */
-        "closeButtonText"?: string;
+        "errorMessage"?: string;
+    }
+    interface SqmEditProfile {
         /**
-          * Specify padding on the popup contents when in embedded mode
-          * @uiName Embed padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * @uiName Cancel button text
          */
-        "embedPadding"?: "none" | "small" | "medium" | "large";
+        "canceltext"?: string;
         /**
-          * Specify padding on the popup contents when in popup mode
-          * @uiName Popup padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * @uiName Region field label
          */
-        "popupPadding"?: "none" | "small" | "medium" | "large";
+        "currentregiontext"?: string;
         /**
-          * Show Powered with SaaSquatch by Impact.com link
-          * @uiName Show powered by
+          * @undocumented 
+          * @uiType object
          */
-        "poweredBy"?: boolean;
-    }
-    interface SqmPortalChangePassword {
+        "demoData"?: DemoData<EditProfileViewProps>;
         /**
-          * Found in modal
-          * @uiName Cancel button text
+          * @uiName Heading
          */
-        "cancelText"?: string;
+        "editprofileheader"?: string;
         /**
-          * Found in modal
-          * @uiName Change password button text
+          * Enable editing button text
+          * @uiName Edit profile text
          */
-        "changePasswordButtonText"?: string;
+        "editprofiletext"?: string;
         /**
-          * Found in modal
-          * @uiName Confirm password Label
+          * @uiName First name label
          */
-        "confirmPasswordFieldLabel"?: string;
+        "firstnametext"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Last name label
          */
-        "demoData"?: DemoData<PortalChangePasswordViewProps>;
+        "lastnametext"?: string;
         /**
-          * @uiName Change password modal header
+          * Show or hide current region
+          * @uiName Show region
          */
-        "modalChangePasswordHeader"?: string;
+        "showregion"?: boolean;
         /**
-          * Found in modal
-          * @uiName New password field label
+          * @uiName Info button text
          */
-        "passwordFieldLabel"?: string;
+        "updatetext"?: string;
+    }
+    interface SqmEmpty {
         /**
-          * @uiName Change password button text
+          * @uiName Title
          */
-        "portalChangePasswordButtonText"?: string;
+        "emptyStateHeader"?: string;
         /**
-          * Portal change password section header
-          * @uiName Change password header
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
          */
-        "portalChangePasswordHeader"?: string;
+        "emptyStateImage"?: string;
         /**
-          * Successful password change message
-          * @uiName Successful password change message
+          * @uiName Description
           * @uiWidget textArea
          */
-        "successMessage"?: string;
+        "emptyStateText"?: string;
     }
-    interface SqmPortalContainer {
+    interface SqmFormMessage {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "backgroundColor"?: string;
+        "icon"?: string;
         /**
-          * @uiName Center content
+          * Options include "success", "info", "warning", and "error"
+          * @uiName Alert type
          */
-        "center"?: boolean;
+        "type"?: string;
+    }
+    interface SqmGraphqlClientProvider {
         /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
+          * @uiName Domain
+         */
+        "domain"?: string;
+    }
+    interface SqmHeaderLogo {
+        /**
+          * @uiName Logo height
+         */
+        "height"?: number;
+        /**
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Logo image
+         */
+        "imageUrl"?: string;
+        /**
+          * Page participants are navigated to after clicking the header logo.
+          * @uiName Redirect path
+          * @uiWidget pageSelect
          */
-        "direction"?: "row" | "column";
+        "nextPage"?: string;
+    }
+    interface SqmHero {
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * Can be an image url, colour or Shoelace variable.
+          * @uiName Background
+          * @uiWidget Background
          */
-        "display"?: "grid" | "flex";
+        "background"?: string;
         /**
-          * @uiName Gap
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Columns
+          * @uiEnum [1, 2]
+          * @uiEnumNames ["One", "Two"]
          */
-        "gap"?: Spacing;
+        "columns"?: 1 | 2;
         /**
-          * Define how this container distributes its contents along the main-axis.
-          * @uiName Justify content
-          * @uiType string
-          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
-          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
+          * Minimum height of each column including when they are stacked on mobile
+          * @uiName Minimum height (in px)
          */
-        "justifyContent"?: | "start"
-    | "center"
-    | "end"
-    | "space-between"
-    | "space-around"
-    | "space-evenly";
+        "minHeight"?: number;
         /**
-          * @uiName Maximum width
+          * @uiName Padding size
+          * @uiEnum ["none", "small", "medium","large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "maxWidth"?: string;
+        "paddingSize"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Minimum width
+          * Secondary background image or color (for use in the right column)
+          * @uiName Secondary background
+          * @uiWidget Background
          */
-        "minWidth"?: string;
+        "secondaryBackground"?: string;
         /**
-          * @uiName Padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Flexbox wrap direction, accepts wrap or wrap-reverse
+          * @uiName Wrap direction
+          * @uiEnum ["wrap", "wrap-reverse"]
+          * @uiEnumNames ["Wrap", "Wrap Reverse"]
          */
-        "padding"?: Spacing;
+        "wrapDirection"?: "wrap" | "wrap-reverse";
     }
-    interface SqmPortalEmailVerification {
+    interface SqmHeroImage {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
+        "backgroundColor"?: string;
         /**
-          * @uiName Email verification header text
+          * @uiName Button link
          */
-        "emailVerificationHeader"?: string;
+        "buttonLink"?: string;
         /**
-          * Redirect participants to this page from their verification email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @uiName Open link in new tab
+          * @default
          */
-        "redirectPath"?: string;
+        "buttonNewTab"?: boolean;
         /**
-          * @uiName Re-send email button text
+          * @uiName Button text
          */
-        "resendEmailButtonText"?: string;
+        "buttonText"?: string;
         /**
-          * @uiName Email verification checking text
+          * @uiName Description
           * @uiWidget textArea
          */
-        "verificationLoadingMessage"?: string;
+        "description"?: string;
         /**
-          * @uiName Email verification status text
-          * @uiWidget textArea
+          * @uiName Title
          */
-        "verificationStatusMessage"?: string;
+        "header"?: string;
         /**
-          * @uiName Email verification body text
-          * @uiWidget textArea
+          * @uiName Image mobile position
+          * @uiType string
+          * @uiEnum ["top", "bottom"]
+          * @uiEnumNames ["Top", "Bottom"]
          */
-        "verifyMessage"?: string;
-    }
-    interface SqmPortalFooter {
+        "imageMobilePos"?: "top" | "bottom";
         /**
-          * @uiName FAQ link
+          * @uiName Image percentage
+          * @uiType number
          */
-        "faqLink"?: string;
+        "imagePercentage"?: number;
         /**
-          * @uiName FAQ text
+          * @uiName Image position
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "faqText"?: string;
+        "imagePos"?: "left" | "center" | "right";
         /**
-          * @uiName Hide powered with SaaSquatch by Impact.com
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
          */
-        "hidePoweredBy"?: boolean;
+        "imageUrl"?: string;
         /**
-          * @uiName Hide support message
+          * @uiName Image layout
+          * @uiType string
+          * @uiEnum ["overlay", "columns"]
+          * @uiEnumNames ["Overlay", "Two-column"]
          */
-        "hideSupportText"?: boolean;
+        "layout"?: "overlay" | "columns";
         /**
-          * @uiName Bottom padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Overlay color
+          * @uiWidget color
+          * @format color
          */
-        "paddingBottom"?: string;
+        "overlayColor"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Overlay opacity
          */
-        "paddingLeft"?: string;
+        "overlayOpacity"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Padding
+          * @uiName Image padding
+          * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingRight"?: string;
+        "paddingImage"?: Spacing;
         /**
-          * @uiName Top padding
-          * @uiGroup Padding
+          * @uiName Text padding
+          * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingTop"?: string;
+        "paddingText"?: Spacing;
         /**
-          * @uiName Powered By link
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "poweredByLink"?: string;
+        "textColor"?: string;
+    }
+    interface SqmHookStoryContainer {
+        "hookStory"?: FunctionalComponent;
+    }
+    interface SqmImage {
         /**
-          * @uiName Support email
+          * @uiName Position alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "supportEmail"?: string;
+        "alignment"?: "left" | "center" | "right";
         /**
-          * @uiName Support message
-          * @uiWidget textArea
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "supportText"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Terms and conditions link
+          * @uiWidget ImageUpload
+          * @format url
+          * @required 
+          * @uiName Image link
          */
-        "termsLink"?: string;
+        "imageUrl"?: string;
         /**
-          * @uiName Terms and conditions text
+          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
+          * @uiName Minimum height
          */
-        "termsText"?: string;
+        "minHeight"?: string;
     }
-    interface SqmPortalForgotPassword {
+    interface SqmIndirectTaxForm {
+        "backButton"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @undocumented
          */
-        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
+        "demoData"?: DemoData<UseIndirectTaxFormResult>;
+        "formStep"?: string;
+        "generalErrorDescription"?: string;
+        "generalErrorTitle"?: string;
+        "indirectTax"?: string;
+        "indirectTaxDescription"?: string;
+        "indirectTaxDetails"?: string;
+        "indirectTaxDetailsDescription"?: string;
+        "indirectTaxNumber"?: string;
+        "indirectTaxNumberError"?: string;
+        "isPartnerAlertDescription"?: string;
+        "isPartnerAlertHeader"?: string;
+        "isRegisteredQST"?: string;
+        "isRegisteredSubRegionIncomeTax"?: string;
+        "notRegistered"?: string;
+        "otherRegion"?: string;
+        "province"?: string;
+        "provinceError"?: string;
+        "qstNumber"?: string;
+        "qstTaxNumberError"?: string;
+        "selectedRegion"?: string;
+        "selectedRegionError"?: string;
+        "subRegion"?: string;
+        "subRegionError"?: string;
+        "subRegionTaxNumberError"?: string;
+        "subRegionTaxNumberLabel"?: string;
+        "submitButton"?: string;
+        "taxDetailsError"?: string;
+    }
+    interface SqmInputField {
         /**
-          * @uiName Email field label
+          * @undocumented 
+          * @uiType object
          */
-        "emailLabel"?: string;
+        "demoData"?: DemoData<InputFieldViewProps>;
         /**
-          * @uiName Header text
-          * @uiWidget textArea
+          * @uiName Required error message
          */
-        "headerText"?: string;
+        "errorMessage"?: string;
         /**
-          * @uiName Login redirect path
-          * @uiWidget pageSelect
+          * @uiName Input label
          */
-        "loginPath"?: string;
+        "fieldLabel"?: string;
         /**
-          * Sign in link text
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Input name attribute
+          * @required
          */
-        "loginText"?: string;
+        "fieldName"?: string;
         /**
-          * Redirect participants to this page after they verify their email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @uiName Optional
+          * @default
          */
-        "redirectPath"?: string;
+        "fieldOptional"?: boolean;
         /**
-          * @uiName Password reset button text
+          * @uiName Input type
+          * @uiType string
+          * @uiEnum ["text", "date", "tel"]
+          * @uiEnumNames ["Text", "Date", "Phone Number"]
          */
-        "submitLabel"?: string;
+        "fieldType"?: "text" | "date" | "tel";
     }
-    interface SqmPortalFrame {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<PortalFrameViewProps>;
+    interface SqmInstantAccessRegistration {
         /**
-          * @undocumented
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "notFullScreen"?: boolean;
-    }
-    interface SqmPortalLogin {
+        "backgroundColor"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalLoginViewProps>;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
           * @uiName Email field label
          */
         "emailLabel"?: string;
         /**
-          * @uiName Forgot password text
-         */
-        "forgotPasswordLabel"?: string;
-        /**
-          * Redirect participants to this page to reset their password
-          * @uiName Forgot password redirect
-          * @uiWidget pageSelect
+          * @uiName First name field label
          */
-        "forgotPasswordPath"?: string;
+        "firstNameLabel"?: string;
         /**
-          * Redirect participants to this page after they successfully login.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "nextPage"?: string;
+        "hideBorder"?: boolean;
         /**
-          * @uiName Heading label
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType boolean
          */
-        "pageLabel"?: string;
+        "includeCookies"?: boolean;
         /**
-          * @uiName Password field label
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "passwordLabel"?: string;
+        "includeName"?: boolean;
         /**
-          * @uiName Register button text
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "registerLabel"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Redirect participants to this page to start registration.
-          * @uiName Register button redirect
-          * @uiWidget pageSelect
+          * @uiName Last name field label
          */
-        "registerPath"?: string;
+        "lastNameLabel"?: string;
         /**
-          * @uiName Submit button text
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalLogout {
+        "networkErrorMessage"?: string;
         /**
-          * Redirect participants to this page when they log out.
-          * @uiName Logout redirect path
-          * @uiWidget pageSelect
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "nextPage"?: string;
-    }
-    interface SqmPortalProfile {
+        "paddingBottom"?: string;
         /**
-          * @uiName Country field label
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "countrytext"?: string;
+        "paddingLeft"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "demoData"?: DemoData<PortalProfileViewProps>;
+        "paddingRight"?: string;
         /**
-          * @uiName Edit profile header
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "editProfileHeader"?: string;
+        "paddingTop"?: string;
         /**
-          * @uiName Edit profile sub header
+          * @uiName Register button text
          */
-        "editProfileSubHeader"?: string;
+        "registerLabel"?: string;
         /**
-          * @uiName Email field label
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "emailtext"?: string;
+        "requiredFieldErrorMessage"?: string;
+    }
+    interface SqmLeaderboard {
         /**
-          * @uiName First name label
+          * Title displayed for users without names
+          * @uiName Unknown user text
          */
-        "firstnametext"?: string;
+        "anonymousUser"?: string;
         /**
-          * @uiName Hide country field
+          * @undocumented 
+          * @uiType object
          */
-        "hideCountry"?: boolean;
+        "demoData"?: DemoData<LeaderboardViewProps>;
         /**
-          * @uiName Last name field label
+          * Hide the viewer's leaderboard row if not in the top results.
+          * @uiName Hide viewing user
+          * @default
          */
-        "lastnametext"?: string;
+        "hideViewer"?: boolean;
         /**
-          * @uiName Submit changes button text
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "submitChangeButtonText"?: string;
-    }
-    interface SqmPortalProtectedRoute {
+        "interval"?: string;
         /**
-          * Redirect participants to this page they are not logged in.
-          * @uiName Unauthenticated participant redirect
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "redirectTo"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * Redirect participants to this page when email verification is required but they have not verified their email.
-          * @uiName Unverified participant redirect
+          * Control the maximum amount of rows displayed on the leaderboard.
+          * @uiName Maximum rows number
          */
-        "redirectToUnverified"?: string;
+        "maxRows"?: number;
         /**
-          * @uiName Require email verification
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "requireEmailVerification"?: boolean;
-    }
-    interface SqmPortalRegister {
+        "programId"?: string;
         /**
-          * @uiName Show confirm password field
+          * @uiName Rank type
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "confirmPassword"?: boolean;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * @uiName Confirm password field label
+          * @uiName Rank column heading
          */
-        "confirmPasswordLabel"?: string;
+        "rankheading"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Show leaderboard rank
          */
-        "demoData"?: DemoData<PortalRegisterViewProps>;
+        "showRank"?: boolean;
         /**
-          * @uiName Disable password validation
+          * @uiName Stats column heading
          */
-        "disablePasswordValidation"?: boolean;
+        "statsheading"?: string;
         /**
-          * @uiName Email field label
+          * @uiName User column heading
          */
-        "emailLabel"?: string;
+        "usersheading"?: string;
+    }
+    interface SqmLeaderboardRank {
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * @undocumented 
+          * @uiType object
          */
-        "hideInputs"?: boolean;
+        "demoData"?: DemoData<LeaderboardRankViewProps>;
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
-          * @uiWidget textArea
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "invalidEmailErrorMessage"?: string;
+        "interval"?: string;
         /**
-          * @uiName Login button text
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "loginLabel"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "loginPath"?: string;
+        "programId"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
+          * @uiName Rank text
           * @uiWidget textArea
          */
-        "networkErrorMessage"?: string;
-        /**
-          * Redirect participants to this page from their verification email
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
-         */
-        "nextPage"?: string;
-        /**
-          * @uiName Header text
-         */
-        "pageLabel"?: string;
+        "rankText"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Default rank
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "passwordLabel"?: string;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * @uiName Unranked text
          */
-        "passwordMismatchErrorMessage"?: string;
+        "unrankedText"?: string;
+    }
+    interface SqmLinkButton {
         /**
-          * The page that participants are redirected to from the verification email.
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * @uiName Button text
+          * @uiType string
          */
-        "redirectPath"?: string;
+        "buttonText"?: string;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
+          * Enter the URL where you want your participants redirected. Example: https://www.example.com
+          * @required 
+          * @uiName Link
          */
-        "requiredFieldErrorMessage"?: string;
+        "link"?: string;
         /**
-          * @uiName Submit button text
+          * @uiName Open link in new tab
          */
-        "submitLabel"?: string;
+        "openInNewTab"?: boolean;
     }
-    interface SqmPortalRegistrationForm {
+    interface SqmLogoutCurrentUser {
         /**
-          * @uiName Show confirm password field
+          * @required 
+          * @uiName Switch user button link
          */
-        "confirmPassword"?: boolean;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * @uiName Confirm password field label
+          * @required 
+          * @uiName Switch user button label
          */
-        "confirmPasswordLabel"?: string;
+        "switchUserText"?: string;
+        /**
+          * @required 
+          * @uiName User identification text
+         */
+        "userIdentificationText"?: string;
+    }
+    interface SqmNameFields {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
+        "demoData"?: DemoData<NameFieldsViewProps>;
         /**
-          * @uiName Disable password validation
+          * @uiName First name label
          */
-        "disablePasswordValidation"?: boolean;
+        "firstNameLabel"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Last name label
          */
-        "emailLabel"?: string;
+        "lastNameLabel"?: string;
+    }
+    interface SqmNavigationMenu {
         /**
-          * The message to be displayed when the registration form is disabled.
-          * @uiName Form disabled message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "formDisabledErrorMessage"?: string;
+        "demoData"?: DemoData<NavigationMenuViewProps>;
         /**
-          * The key of the registration form used for this microsite.
-          * @uiName Form key
-          * @required
+          * @uiName Include dropdown menu
          */
-        "formKey"?: string;
+        "includeDropdown"?: boolean;
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * Label on the header menu
+          * @uiName Menu label
          */
-        "hideInputs"?: boolean;
+        "menuLabel"?: string;
+    }
+    interface SqmNavigationSidebar {
+    }
+    interface SqmNavigationSidebarItem {
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "invalidEmailErrorMessage"?: string;
+        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
         /**
-          * @uiName Login button text
+          * Options available at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "loginLabel"?: string;
+        "icon"?: string;
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
+          * @uiName Label
+         */
+        "label"?: string;
+        /**
+          * @uiName Navigation path
           * @uiWidget pageSelect
          */
-        "loginPath"?: string;
+        "path"?: string;
+    }
+    interface SqmPasswordField {
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "networkErrorMessage"?: string;
+        "demoData"?: PasswordFieldViewDemoProps;
         /**
-          * Redirect participants to this page after they successfully register.
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * Disable live password validation
+          * @uiName Disable validation
          */
-        "nextPage"?: string;
+        "disableValidation"?: boolean;
         /**
-          * @uiName Header text
+          * Label for password field
+          * @uiName Password label
          */
-        "pageLabel"?: string;
+        "fieldLabel"?: string;
+    }
+    interface SqmPopupContainer {
         /**
-          * @uiName Password field label
+          * Display a close button on the popup
+          * @uiName Show close button
          */
-        "passwordLabel"?: string;
+        "closeButton"?: boolean;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * Text inside the close button
+          * @uiName Close button text
          */
-        "passwordMismatchErrorMessage"?: string;
+        "closeButtonText"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * Specify padding on the popup contents when in embedded mode
+          * @uiName Embed padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "redirectPath"?: string;
+        "embedPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
+          * Specify padding on the popup contents when in popup mode
+          * @uiName Popup padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "requiredFieldErrorMessage"?: string;
+        "popupPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Submit button text
+          * Show Powered with SaaSquatch by Impact.com link
+          * @uiName Show powered by
          */
-        "submitLabel"?: string;
+        "poweredBy"?: boolean;
     }
-    interface SqmPortalResetPassword {
+    interface SqmPortalChangePassword {
         /**
-          * @uiName Show confirm password field
+          * Found in modal
+          * @uiName Cancel button text
          */
-        "confirmPassword"?: boolean;
+        "cancelText"?: string;
         /**
-          * @uiName Password confirmation field label
+          * Found in modal
+          * @uiName Change password button text
          */
-        "confirmPasswordFieldLabel"?: string;
+        "changePasswordButtonText"?: string;
         /**
-          * Button text displayed after a successful password reset.
-          * @uiName Continue button text
+          * Found in modal
+          * @uiName Confirm password Label
          */
-        "continueButtonText"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalResetPasswordViewProps>;
+        "demoData"?: DemoData<PortalChangePasswordViewProps>;
         /**
-          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
-          * @uiName Failed reset redirect
-          * @uiWidget pageSelect
+          * @uiName Change password modal header
          */
-        "failedPage"?: string;
+        "modalChangePasswordHeader"?: string;
         /**
-          * Redirect participants to this page when they successfully reset their password.
-          * @uiName Successful reset redirect
-          * @uiWidget pageSelect
+          * Found in modal
+          * @uiName New password field label
          */
-        "nextPage"?: string;
+        "passwordFieldLabel"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Change password button text
          */
-        "passwordFieldLabel"?: string;
+        "portalChangePasswordButtonText"?: string;
         /**
-          * Displayed after a successful password reset.
-          * @uiName Successful password reset text
+          * Portal change password section header
+          * @uiName Change password header
+         */
+        "portalChangePasswordHeader"?: string;
+        /**
+          * Successful password change message
+          * @uiName Successful password change message
           * @uiWidget textArea
          */
-        "passwordResetHeader"?: string;
+        "successMessage"?: string;
+    }
+    interface SqmPortalContainer {
         /**
-          * @uiName Password reset button text
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "resetPasswordButtonText"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Reset password header text
+          * @uiName Center content
          */
-        "resetPasswordHeader"?: string;
-    }
-    interface SqmPortalVerifyEmail {
+        "center"?: boolean;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
+         */
+        "direction"?: "row" | "column";
+        /**
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
+         */
+        "display"?: "grid" | "flex";
+        /**
+          * @uiName Gap
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "gap"?: Spacing;
+        /**
+          * Define how this container distributes its contents along the main-axis.
+          * @uiName Justify content
+          * @uiType string
+          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
+          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
+         */
+        "justifyContent"?: | "start"
+    | "center"
+    | "end"
+    | "space-between"
+    | "space-around"
+    | "space-evenly";
+        /**
+          * @uiName Maximum width
          */
-        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
+        "maxWidth"?: string;
         /**
-          * Redirect participants to this page if verification fails due to an outdated verification attempt.
-          * @uiName Failed verification redirect
-          * @uiWidget pageSelect
+          * @uiName Minimum width
          */
-        "failedPage"?: string;
+        "minWidth"?: string;
         /**
-          * Redirect participants to this page when they successfully verify their email.
-          * @uiName Successful verification redirect
-          * @uiWidget pageSelect
+          * @uiName Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "nextPage"?: string;
+        "padding"?: Spacing;
     }
-    interface SqmProgramExplainer {
+    interface SqmPortalEmailVerification {
         /**
-          * @uiName Header background color
-          * @uiWidget color
-          * @format color
+          * @undocumented 
+          * @uiType object
          */
-        "backgroundColor"?: string;
+        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
         /**
-          * @uiName Header text
+          * @uiName Email verification header text
          */
-        "header"?: string;
+        "emailVerificationHeader"?: string;
         /**
-          * @uiName Header text color
-          * @uiWidget color
-          * @format color
+          * Redirect participants to this page from their verification email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramExplainerStep {
+        "redirectPath"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * @uiName Re-send email button text
          */
-        "backgroundColor"?: string;
+        "resendEmailButtonText"?: string;
         /**
-          * @uiName Description
+          * @uiName Email verification checking text
           * @uiWidget textArea
          */
-        "description"?: string;
-        /**
-          * @uiName Title
-         */
-        "header"?: string;
+        "verificationLoadingMessage"?: string;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * @uiName Email verification status text
+          * @uiWidget textArea
          */
-        "icon"?: string;
+        "verificationStatusMessage"?: string;
         /**
-          * Displayed in place of an icon
-          * @uiName Image URL
-          * @uiWidget imageUpload
-          * @format url
+          * @uiName Email verification body text
+          * @uiWidget textArea
          */
-        "imageUrl"?: string;
+        "verifyMessage"?: string;
+    }
+    interface SqmPortalFooter {
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * @uiName FAQ link
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramMenu {
-    }
-    interface SqmReferralCard {
+        "faqLink"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiType string
+          * @uiName FAQ text
          */
-        "backgroundColor"?: string;
+        "faqText"?: string;
         /**
-          * @uiName Hide border
-          * @uiType boolean
+          * @uiName Hide powered with SaaSquatch by Impact.com
          */
-        "hideBorder"?: boolean;
+        "hidePoweredBy"?: boolean;
         /**
-          * @uiName Limit width
-          * @uiType boolean
+          * @uiName Hide support message
          */
-        "limitWidth"?: boolean;
+        "hideSupportText"?: boolean;
         /**
           * @uiName Bottom padding
           * @uiGroup Padding
@@ -7096,1732 +5954,1665 @@ declare namespace LocalJSX {
          */
         "paddingTop"?: string;
         /**
-          * @uiName Vertical alignment
-          * @uiType string
-          * @uiEnum ["start", "center", "end"]
-          * @uiEnumNames ["Top", "Center", "Bottom"]
+          * @uiName Powered By link
          */
-        "verticalAlignment"?: "start" | "center" | "end";
-    }
-    interface SqmReferralIframe {
+        "poweredByLink"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Support email
          */
-        "demoData"?: DemoData<ReferralIframeViewProps>;
+        "supportEmail"?: string;
         /**
-          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame height
+          * @uiName Support message
+          * @uiWidget textArea
          */
-        "iframeHeight"?: string;
+        "supportText"?: string;
         /**
-          * URL of iframe to display
-          * @uiName IFrame source
-          * @required
+          * @uiName Terms and conditions link
          */
-        "iframeSrc"?: string;
+        "termsLink"?: string;
         /**
-          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame width
+          * @uiName Terms and conditions text
          */
-        "iframeWidth"?: string;
+        "termsText"?: string;
     }
-    interface SqmReferralTable {
+    interface SqmPortalForgotPassword {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
-        /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Hidden mobile columns
-         */
-        "hiddenColumns"?: string;
-        /**
-          * @uiName Hide column labels
-         */
-        "hideLabels"?: boolean;
-        /**
-          * @uiName Tablet breakpoint
-         */
-        "mdBreakpoint"?: number;
+        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
         /**
-          * @uiName View More button text
+          * @uiName Email field label
          */
-        "moreLabel"?: string;
+        "emailLabel"?: string;
         /**
-          * Number of referrals displayed per page
-          * @uiName Referrals per page
+          * @uiName Header text
+          * @uiWidget textArea
          */
-        "perPage"?: number;
+        "headerText"?: string;
         /**
-          * @uiName Previous button text
+          * @uiName Login redirect path
+          * @uiWidget pageSelect
          */
-        "prevLabel"?: string;
+        "loginPath"?: string;
         /**
-          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
-          * @uiName Program
-          * @uiWidget programSelector
+          * Sign in link text
          */
-        "programId"?: string;
+        "loginText"?: string;
         /**
-          * Show referred by user in table
-          * @uiName Show referrer
-          * @default
+          * Redirect participants to this page after they verify their email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "showReferrer"?: boolean;
+        "redirectPath"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * @uiName Password reset button text
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmReferralTableCell {
-        "innerTemplate"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmReferralTableColumn {
+    interface SqmPortalFrame {
         /**
-          * @uiName Column title
+          * @undocumented 
+          * @uiType object
          */
-        "columnTitle"?: string;
-    }
-    interface SqmReferralTableDateCell {
-        "date"?: number;
-        "locale"?: string;
-    }
-    interface SqmReferralTableDateColumn {
+        "demoData"?: DemoData<PortalFrameViewProps>;
         /**
-          * @uiName Date column title
+          * @undocumented
          */
-        "columnTitle"?: string;
+        "notFullScreen"?: boolean;
+    }
+    interface SqmPortalLogin {
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
-          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
+          * @undocumented 
+          * @uiType object
          */
-        "dateShown"?: ReferralDates;
-    }
-    interface SqmReferralTableRewardsCell {
-        "deniedHelpText"?: string;
-        "expiringText"?: string;
-        "fuelTankText"?: string;
-        "hideDetails"?: boolean;
-        "locale"?: string;
-        "pendingForText"?: string;
-        "rewardReceivedText"?: string;
-        "rewards"?: Reward[];
-        "statusLongText"?: string;
-        "statusText"?: string;
-    }
-    interface SqmReferralTableRewardsColumn {
+        "demoData"?: DemoData<PortalLoginViewProps>;
         /**
-          * @uiName Reward column title
+          * @uiName Email field label
          */
-        "columnTitle"?: string;
+        "emailLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward was denied.
-          * @uiName Reward denied help text
+          * @uiName Forgot password text
          */
-        "deniedHelpText"?: string;
+        "forgotPasswordLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward has an expiry date.
-          * @uiName Reward expiring text
+          * Redirect participants to this page to reset their password
+          * @uiName Forgot password redirect
+          * @uiWidget pageSelect
          */
-        "expiringText"?: string;
+        "forgotPasswordPath"?: string;
         /**
-          * Shown in the dropdown details when a reward has an associated fuel tank code.
-          * @uiName Fuel tank code text
+          * Redirect participants to this page after they successfully login.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "fuelTankText"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Hide dropdown details of reward
-          * @default
+          * @uiName Heading label
+          * @uiWidget textArea
          */
-        "hideDetails"?: boolean;
+        "pageLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward is pending.
-          * @uiName Reward pending text
+          * @uiName Password field label
          */
-        "pendingForText"?: string;
+        "passwordLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward has been received.’
-          * @uiName Reward received text
+          * @uiName Register button text
          */
-        "rewardReceivedText"?: string;
+        "registerLabel"?: string;
         /**
-          * Additional status text shown in the details drop down.
-          * @uiName Reward status long text
-          * @uiWidget textArea
+          * Redirect participants to this page to start registration.
+          * @uiName Register button redirect
+          * @uiWidget pageSelect
          */
-        "statusLongText"?: string;
+        "registerPath"?: string;
         /**
-          * Text shown in the reward status badge.
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * @uiName Submit button text
          */
-        "statusText"?: string;
-    }
-    interface SqmReferralTableStatusCell {
-        "converted"?: boolean;
-        "fraudStatus"?: FraudStatus;
-        "statusSubText"?: string;
-        "statusText"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmReferralTableStatusColumn {
+    interface SqmPortalLogout {
         /**
-          * @uiName Column title
+          * Redirect participants to this page when they log out.
+          * @uiName Logout redirect path
+          * @uiWidget pageSelect
          */
-        "columnTitle"?: string;
+        "nextPage"?: string;
+    }
+    interface SqmPortalProfile {
         /**
-          * @uiName Converted status text
+          * @uiName Country field label
          */
-        "convertedStatusText"?: string;
+        "countrytext"?: string;
         /**
-          * @uiName Denied status sub-text
+          * @undocumented 
+          * @uiType object
          */
-        "deniedStatusSubText"?: string;
+        "demoData"?: DemoData<PortalProfileViewProps>;
         /**
-          * @uiName Denied status text
+          * @uiName Edit profile header
          */
-        "deniedStatusText"?: string;
+        "editProfileHeader"?: string;
         /**
-          * @uiName In progress status text
+          * @uiName Edit profile sub header
          */
-        "inProgressStatusText"?: string;
+        "editProfileSubHeader"?: string;
         /**
-          * @uiName Pending review status sub-text
+          * @uiName Email field label
          */
-        "pendingReviewStatusSubText"?: string;
+        "emailtext"?: string;
         /**
-          * @uiName Pending review status text
+          * @uiName First name label
          */
-        "pendingReviewStatusText"?: string;
-    }
-    interface SqmReferralTableUserCell {
-        "name"?: string;
-    }
-    interface SqmReferralTableUserColumn {
+        "firstnametext"?: string;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * @uiName Hide country field
          */
-        "anonymousUser"?: string;
+        "hideCountry"?: boolean;
         /**
-          * @uiName User column title
+          * @uiName Last name field label
          */
-        "columnTitle"?: string;
+        "lastnametext"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * @uiName Submit changes button text
          */
-        "deletedUser"?: string;
+        "submitChangeButtonText"?: string;
     }
-    interface SqmReferredRegistration {
+    interface SqmPortalProtectedRoute {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * Redirect participants to this page they are not logged in.
+          * @uiName Unauthenticated participant redirect
          */
-        "backgroundColor"?: string;
+        "redirectTo"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Redirect participants to this page when email verification is required but they have not verified their email.
+          * @uiName Unverified participant redirect
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "redirectToUnverified"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Require email verification
          */
-        "emailLabel"?: string;
+        "requireEmailVerification"?: boolean;
+    }
+    interface SqmPortalRegister {
         /**
-          * @uiName First name field label
+          * @uiName Show confirm password field
          */
-        "firstNameLabel"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Confirm password field label
          */
-        "fraudErrorMessage"?: string;
+        "confirmPasswordLabel"?: string;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message title
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @undocumented 
+          * @uiType object
          */
-        "fraudErrorMessageTitle"?: string;
+        "demoData"?: DemoData<PortalRegisterViewProps>;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * @uiName Disable password validation
          */
-        "hideBorder"?: boolean;
+        "disablePasswordValidation"?: boolean;
         /**
-          * @undocumented 
-          * @uiType boolean
+          * @uiName Email field label
          */
-        "includeCookies"?: boolean;
+        "emailLabel"?: string;
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "includeName"?: boolean;
+        "hideInputs"?: boolean;
         /**
-          * Display this message when the given email is invalid.
+          * The message to be displayed when the email used is invalid or blocked.
           * @uiName Invalid email message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "invalidEmailErrorMessage"?: string;
         /**
-          * @uiName Last name field label
+          * @uiName Login button text
          */
-        "lastNameLabel"?: string;
+        "loginLabel"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
+         */
+        "loginPath"?: string;
+        /**
+          * The message to be displayed when a the form submission fails unexpectedly.
           * @uiName Network error message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "networkErrorMessage"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page from their verification email
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "paddingBottom"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Header text
          */
-        "paddingLeft"?: string;
+        "pageLabel"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Password field label
          */
-        "paddingRight"?: string;
+        "passwordLabel"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
+          * @uiWidget textArea
          */
-        "paddingTop"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * @uiName Register button text
+          * The page that participants are redirected to from the verification email.
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "registerLabel"?: string;
+        "redirectPath"?: string;
         /**
-          * Display this message when a required field has not been filled out.
+          * The message to be displayed when a required field is not filled.
           * @uiName Required field message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "requiredFieldErrorMessage"?: string;
+        /**
+          * @uiName Submit button text
+         */
+        "submitLabel"?: string;
     }
-    interface SqmRewardExchangeList {
+    interface SqmPortalRegistrationForm {
         /**
-          * @uiName Back button text
+          * @uiName Show confirm password field
          */
-        "backText"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * @uiName Cancel button text
+          * @uiName Confirm password field label
          */
-        "cancelText"?: string;
+        "confirmPasswordLabel"?: string;
         /**
-          * @uiName Choose amount progress title
+          * @undocumented 
+          * @uiType object
          */
-        "chooseAmountTitle"?: string;
+        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
         /**
-          * @uiName Choose reward progress title
+          * @uiName Disable password validation
          */
-        "chooseRewardTitle"?: string;
+        "disablePasswordValidation"?: boolean;
         /**
-          * @uiName Confirmation progress title
+          * @uiName Email field label
          */
-        "confirmationTitle"?: string;
+        "emailLabel"?: string;
         /**
-          * @uiName Continue button text
+          * The message to be displayed when the registration form is disabled.
+          * @uiName Form disabled message
+          * @uiWidget textArea
          */
-        "continueText"?: string;
+        "formDisabledErrorMessage"?: string;
         /**
-          * Displayed on the reward selection page.
-          * @uiName Continue to confirmation button text
+          * The key of the registration form used for this microsite.
+          * @uiName Form key
+          * @required
          */
-        "continueToConfirmationText"?: string;
+        "formKey"?: string;
+        /**
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
+         */
+        "hideInputs"?: boolean;
+        /**
+          * The message to be displayed when the email used is invalid or blocked.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+         */
+        "invalidEmailErrorMessage"?: string;
+        /**
+          * @uiName Login button text
+         */
+        "loginLabel"?: string;
+        /**
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
+         */
+        "loginPath"?: string;
         /**
-          * Shown in the confirmation state.
-          * @uiName Cost row title
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
          */
-        "costTitle"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Redirect participants to this page after they successfully register.
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "demoData"?: DemoData<RewardExchangeViewProps>;
+        "nextPage"?: string;
         /**
-          * @uiName Done text
+          * @uiName Header text
          */
-        "doneText"?: string;
+        "pageLabel"?: string;
         /**
-          * Error message shown when reward is not available
-          * @uiName Not available error
-          * @uiWidget textArea
+          * @uiName Password field label
          */
-        "notAvailableError"?: string;
+        "passwordLabel"?: string;
         /**
-          * @uiName Not enough error message
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
           * @uiWidget textArea
          */
-        "notEnoughError"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * @uiName Promo code text
+          * Redirect participants to this page from their verification email
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "promoCode"?: string;
+        "redirectPath"?: string;
         /**
-          * Shown if an error occurs when loading the reward exchange.
-          * @uiName Reward list error message
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
           * @uiWidget textArea
          */
-        "queryError"?: string;
+        "requiredFieldErrorMessage"?: string;
         /**
-          * @uiName Redeem button text
+          * @uiName Submit button text
          */
-        "redeemText"?: string;
+        "submitLabel"?: string;
+    }
+    interface SqmPortalResetPassword {
         /**
-          * Displayed as the header for the confirmation page.
-          * @uiName Confirmation title text
+          * @uiName Show confirm password field
          */
-        "redeemTitle"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * Shown if an error occurs during the reward exchange.
-          * @uiName Redemption error message
-          * @uiWidget textArea
+          * @uiName Password confirmation field label
          */
-        "redemptionError"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * Displayed on the success screen when a user successfully exchanges for a reward.
-          * @uiName Redemption success message
-          * @uiWidget textArea
+          * Button text displayed after a successful password reset.
+          * @uiName Continue button text
          */
-        "redemptionSuccessText"?: string;
+        "continueButtonText"?: string;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward amount row title
+          * @undocumented 
+          * @uiType object
          */
-        "rewardAmountTitle"?: string;
+        "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward row title
+          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
+          * @uiName Failed reset redirect
+          * @uiWidget pageSelect
          */
-        "rewardNameTitle"?: string;
+        "failedPage"?: string;
         /**
-          * @uiName Reward redeemed text
+          * Redirect participants to this page when they successfully reset their password.
+          * @uiName Successful reset redirect
+          * @uiWidget pageSelect
          */
-        "rewardRedeemedText"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Reward title text
+          * @uiName Password field label
          */
-        "rewardTitle"?: string;
+        "passwordFieldLabel"?: string;
         /**
-          * @uiName Select amount text
+          * Displayed after a successful password reset.
+          * @uiName Successful password reset text
           * @uiWidget textArea
          */
-        "selectText"?: string;
-        /**
-          * Set the number of placeholder cards to be shown in loading state.
-          * @uiName Loading cards
-         */
-        "skeletonCardNum"?: number;
+        "passwordResetHeader"?: string;
         /**
-          * Displayed on the reward exchange cards.
-          * @uiName Reward exchange amount text
-          * @uiWidget textArea
+          * @uiName Password reset button text
          */
-        "sourceAmountMessage"?: string;
+        "resetPasswordButtonText"?: string;
         /**
-          * Shown when a user copies a fuel tank code
-          * @uiName Tooltip text
+          * @uiName Reset password header text
          */
-        "tooltipText"?: string;
+        "resetPasswordHeader"?: string;
     }
-    interface SqmRewardsTable {
+    interface SqmPortalVerifyEmail {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
+        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Mobile hidden columns
+          * Redirect participants to this page if verification fails due to an outdated verification attempt.
+          * @uiName Failed verification redirect
+          * @uiWidget pageSelect
          */
-        "hiddenColumns"?: string;
+        "failedPage"?: string;
         /**
-          * @uiName Hide column labels
+          * Redirect participants to this page when they successfully verify their email.
+          * @uiName Successful verification redirect
+          * @uiWidget pageSelect
          */
-        "hideLabels"?: boolean;
+        "nextPage"?: string;
+    }
+    interface SqmProgramExplainer {
         /**
-          * @uiName Tablet breakpoint
+          * @uiName Header background color
+          * @uiWidget color
+          * @format color
          */
-        "mdBreakpoint"?: number;
+        "backgroundColor"?: string;
         /**
-          * @uiName View more button text
+          * @uiName Header text
          */
-        "moreLabel"?: string;
+        "header"?: string;
         /**
-          * @uiName Rewards per page
+          * @uiName Header text color
+          * @uiWidget color
+          * @format color
          */
-        "perPage"?: number;
+        "textColor"?: string;
+    }
+    interface SqmProgramExplainerStep {
         /**
-          * @uiName Previous button text
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "prevLabel"?: string;
+        "backgroundColor"?: string;
         /**
-          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
-          * @uiName Program
-          * @uiWidget programSelector
+          * @uiName Description
+          * @uiWidget textArea
          */
-        "programId"?: string;
+        "description"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * @uiName Title
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmRewardsTableCustomerNoteCell {
-        "locale"?: string;
-        "note"?: string;
-    }
-    interface SqmRewardsTableCustomerNoteColumn {
+        "header"?: string;
         /**
-          * @uiName Column title
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "columnTitle"?: string;
-    }
-    interface SqmRewardsTableDateCell {
-        "date"?: number;
-        "locale"?: string;
-    }
-    interface SqmRewardsTableDateColumn {
+        "icon"?: string;
         /**
-          * @uiName Date column title
+          * Displayed in place of an icon
+          * @uiName Image URL
+          * @uiWidget imageUpload
+          * @format url
          */
-        "columnTitle"?: string;
+        "imageUrl"?: string;
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
-          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "dateShown"?: string;
+        "textColor"?: string;
     }
-    interface SqmRewardsTableRewardCell {
-        "availableText"?: string;
-        "copyText"?: string;
-        "locale"?: string;
-        "redeemedText"?: string;
-        "reward"?: Reward;
+    interface SqmProgramMenu {
     }
-    interface SqmRewardsTableRewardColumn {
-        /**
-          * @uiName Remaining amount text
-         */
-        "availableText"?: string;
-        /**
-          * @uiName Reward column title
-         */
-        "columnTitle"?: string;
+    interface SqmReferralCard {
         /**
-          * @uiName Copied fuel tank text
+          * @uiName Background color
+          * @uiWidget color
+          * @uiType string
          */
-        "copyText"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Redeemed amount text
+          * @uiName Hide border
+          * @uiType boolean
          */
-        "redeemedText"?: string;
-    }
-    interface SqmRewardsTableSourceCell {
-        "anonymousUserText"?: string;
-        "deletedUserText"?: string;
-        "locale"?: string;
-        "referralText"?: string;
-        "reward"?: Reward;
-        "rewardExchangeText"?: string;
-        "rewardSourceText"?: string;
-    }
-    interface SqmRewardsTableSourceColumn {
+        "hideBorder"?: boolean;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * @uiName Limit width
+          * @uiType boolean
          */
-        "anonymousUser"?: string;
+        "limitWidth"?: boolean;
         /**
-          * @uiName Soruce column title
+          * @uiName Bottom padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "columnTitle"?: string;
+        "paddingBottom"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * @uiName Left padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "deletedUser"?: string;
+        "paddingLeft"?: string;
         /**
-          * Shown when a reward has been created by a referral
-          * @uiName Referral text
-          * @uiWidget textArea
+          * @uiName Right padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "referralText"?: string;
+        "paddingRight"?: string;
         /**
-          * @uiName Reward exchange label
+          * @uiName Top padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "rewardExchangeText"?: string;
+        "paddingTop"?: string;
         /**
-          * Shown when a reward has been created by a source other than a referral.
-          * @uiName Reward source text
-          * @uiWidget textArea
+          * @uiName Vertical alignment
+          * @uiType string
+          * @uiEnum ["start", "center", "end"]
+          * @uiEnumNames ["Top", "Center", "Bottom"]
          */
-        "rewardSourceText"?: string;
-    }
-    interface SqmRewardsTableStatusCell {
-        "deniedText"?: string;
-        "expiryText"?: string;
-        "locale"?: string;
-        "pendingReviewText"?: string;
-        "pendingScheduled"?: string;
-        "pendingUnhandled"?: string;
-        "pendingUsTax"?: string;
-        "reward"?: Reward;
-        "statusText"?: string;
+        "verticalAlignment"?: "start" | "center" | "end";
     }
-    interface SqmRewardsTableStatusColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle"?: string;
+    interface SqmReferralIframe {
         /**
-          * Displayed when denied for fraud.
-          * @uiName Denied text
+          * @undocumented 
+          * @uiType object
          */
-        "deniedText"?: string;
+        "demoData"?: DemoData<ReferralIframeViewProps>;
         /**
-          * Text shown before the date of an expiring reward.
-          * @uiName Expiry date prefix
+          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame height
          */
-        "expiryText"?: string;
+        "iframeHeight"?: string;
         /**
-          * Displayed when flagged for fraud.
-          * @uiName Pending review text
+          * URL of iframe to display
+          * @uiName IFrame source
+          * @required
          */
-        "pendingReviewText"?: string;
+        "iframeSrc"?: string;
         /**
-          * Text shown before the available date of a pending reward.
-          * @uiName Pending date prefix
+          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame width
          */
-        "pendingScheduled"?: string;
+        "iframeWidth"?: string;
+    }
+    interface SqmReferralTable {
         /**
-          * Displayed when fulfillment error occured when creating a reward.
-          * @uiName Unhandled error text
+          * @undocumented 
+          * @uiType object
          */
-        "pendingUnhandled"?: string;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * Displayed when a reward is pending due to W9 compliance.
-          * @uiName W9 pending text
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Hidden mobile columns
          */
-        "pendingUsTax"?: string;
+        "hiddenColumns"?: string;
         /**
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * @uiName Hide column labels
          */
-        "statusText"?: string;
-    }
-    interface SqmRoute {
+        "hideLabels"?: boolean;
         /**
-          * Page Path URL for this route.
-          * @uiName Navigation path name
+          * @uiName Tablet breakpoint
          */
-        "path"?: string;
-    }
-    interface SqmRouter {
-    }
-    interface SqmScroll {
+        "mdBreakpoint"?: number;
         /**
-          * @uiName Button text
+          * @uiName View More button text
          */
-        "buttonText"?: string;
+        "moreLabel"?: string;
         /**
-          * @uiName Button type
-          * @uiType string
-          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
-          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
+          * Number of referrals displayed per page
+          * @uiName Referrals per page
          */
-        "buttonType"?: | "default"
-    | "primary"
-    | "success"
-    | "neutral"
-    | "warning"
-    | "danger"
-    | "text";
+        "perPage"?: number;
         /**
-          * Draws a circle button.
-          * @uiName Circle
+          * @uiName Previous button text
          */
-        "circle"?: boolean;
+        "prevLabel"?: string;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "iconName"?: string;
+        "programId"?: string;
         /**
-          * @uiName Icon slot
-          * @uiType string
-          * @uiEnum ["prefix", "suffix"]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * Show referred by user in table
+          * @uiName Show referrer
+          * @default
          */
-        "iconSlot"?: string;
+        "showReferrer"?: boolean;
         /**
-          * The button becomes full width if the screen size is smaller than 500px
-          * @uiName Full width on mobile
+          * @uiName Mobile breakpoint
          */
-        "mobile"?: boolean;
+        "smBreakpoint"?: number;
+    }
+    interface SqmReferralTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmReferralTableColumn {
         /**
-          * Draws an outlined button.
-          * @uiName Outline
+          * @uiName Column title
          */
-        "outline"?: boolean;
+        "columnTitle"?: string;
+    }
+    interface SqmReferralTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmReferralTableDateColumn {
         /**
-          * Draws a pill-style button with rounded edges.
-          * @uiName Pill
+          * @uiName Date column title
          */
-        "pill"?: boolean;
+        "columnTitle"?: string;
         /**
-          * @uiName Scroll animation style
+          * @uiName Date displayed
           * @uiType string
-          * @uiEnum ["smooth", "auto"]
-          * @uiEnumNames ["Smooth", "Auto"]
+          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
+          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
          */
-        "scrollAnimation"?: "smooth" | "auto";
+        "dateShown"?: ReferralDates;
+    }
+    interface SqmReferralTableRewardsCell {
+        "deniedHelpText"?: string;
+        "expiringText"?: string;
+        "fuelTankText"?: string;
+        "hideDetails"?: boolean;
+        "locale"?: string;
+        "pendingForText"?: string;
+        "rewardReceivedText"?: string;
+        "rewards"?: Reward[];
+        "statusLongText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableRewardsColumn {
         /**
-          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
-          * @uiName Scroll ID
+          * @uiName Reward column title
          */
-        "scrollId"?: string;
+        "columnTitle"?: string;
         /**
-          * The name of the HTML tag you would like to scroll to. E.g referral-table
-          * @uiName Scroll tag name
+          * Shown in the dropdown details when a reward was denied.
+          * @uiName Reward denied help text
          */
-        "scrollTagName"?: string;
+        "deniedHelpText"?: string;
         /**
-          * @uiName Size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large"]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * Shown in the dropdown details when a reward has an expiry date.
+          * @uiName Reward expiring text
          */
-        "size"?: string;
-    }
-    interface SqmShareButton {
+        "expiringText"?: string;
         /**
-          * @uiName Button background color
-          * @uiWidget color
-          * @format color
+          * Shown in the dropdown details when a reward has an associated fuel tank code.
+          * @uiName Fuel tank code text
          */
-        "backgroundcolor"?: string;
+        "fuelTankText"?: string;
         /**
-          * Configure border radius with pixel amount
-          * @uiName Border radius
+          * @uiName Hide dropdown details of reward
+          * @default
          */
-        "borderradius"?: number;
+        "hideDetails"?: boolean;
         /**
-          * @undocumented 
-          * @uiType object
+          * Shown in the dropdown details when a reward is pending.
+          * @uiName Reward pending text
          */
-        "demoData"?: DemoData<ShareButtonViewProps>;
+        "pendingForText"?: string;
         /**
-          * @uiName Disabled
+          * Shown in the dropdown details when a reward has been received.’
+          * @uiName Reward received text
          */
-        "disabled"?: boolean;
+        "rewardReceivedText"?: string;
         /**
-          * @uiName Hide icon
-          * @default
+          * Additional status text shown in the details drop down.
+          * @uiName Reward status long text
+          * @uiWidget textArea
          */
-        "hideicon"?: boolean;
+        "statusLongText"?: string;
         /**
-          * @uiName Hide text
-          * @default
+          * Text shown in the reward status badge.
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "hidetext"?: boolean;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusCell {
+        "converted"?: boolean;
+        "fraudStatus"?: FraudStatus;
+        "statusSubText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusColumn {
         /**
-          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
-          * @uiName Icon
+          * @uiName Column title
          */
-        "icon"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiName Icon location
-          * @uiType string
-          * @uiEnum ["prefix", "suffix" ]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * @uiName Converted status text
          */
-        "iconslot"?: "prefix" | "suffix";
+        "convertedStatusText"?: string;
         /**
-          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
-          * @uiName Share medium
-          * @uiType string
-          * @required 
-          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
-          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
+          * @uiName Denied status sub-text
          */
-        "medium"?: | "facebook"
-    | "twitter"
-    | "email"
-    | "direct"
-    | "linkedin"
-    | "sms"
-    | "fbmessenger"
-    | "whatsapp"
-    | "linemessenger"
-    | "pinterest"
-    | "reminder"
-    | "unknown";
+        "deniedStatusSubText"?: string;
         /**
-          * @uiName Display pill
+          * @uiName Denied status text
          */
-        "pill"?: boolean;
+        "deniedStatusText"?: string;
         /**
-          * Optional programId, or uses the programId context where this button is rendered.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiName In progress status text
          */
-        "programId"?: string;
+        "inProgressStatusText"?: string;
         /**
-          * Text used for native sharing (mobile only)
-          * @uiName Share text
+          * @uiName Pending review status sub-text
          */
-        "sharetext"?: string;
+        "pendingReviewStatusSubText"?: string;
         /**
-          * Title used for native sharing (mobile only)
-          * @uiName Share title
+          * @uiName Pending review status text
          */
-        "sharetitle"?: string;
+        "pendingReviewStatusText"?: string;
+    }
+    interface SqmReferralTableUserCell {
+        "name"?: string;
+    }
+    interface SqmReferralTableUserColumn {
         /**
-          * @uiName Button size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large" ]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "size"?: "small" | "medium" | "large";
+        "anonymousUser"?: string;
         /**
-          * @uiName Button text color
-          * @uiWidget color
-          * @format color
+          * @uiName User column title
          */
-        "textcolor"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiType string
-          * @uiName Button style
-          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
-          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "type"?: | "primary"
-    | "success"
-    | "info"
-    | "warning"
-    | "danger"
-    | "default"
-    | "text";
+        "deletedUser"?: string;
     }
-    interface SqmShareCode {
+    interface SqmReferredRegistration {
         /**
-          * Set the copy button style and placement
-          * @uiName Style
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
           * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
-         */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * @uiName Copy button label
          */
-        "copyButtonLabel"?: string;
+        "backgroundColor"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiName Email field label
          */
-        "programId"?: string;
+        "emailLabel"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName First name field label
          */
-        "textAlign"?: "left" | "center" | "right";
+        "firstNameLabel"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "tooltiplifespan"?: number;
+        "fraudErrorMessage"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message title
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmShareLink {
+        "fraudErrorMessageTitle"?: string;
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "hideBorder"?: boolean;
         /**
-          * @uiName Copy button label
+          * @undocumented 
+          * @uiType boolean
          */
-        "copyButtonLabel"?: string;
+        "includeCookies"?: boolean;
         /**
-          * @undocumented 
-          * @uiType object
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "includeName"?: boolean;
         /**
-          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "programId"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share link alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName Last name field label
          */
-        "textAlign"?: "left" | "center" | "right";
+        "lastNameLabel"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "tooltiplifespan"?: number;
+        "networkErrorMessage"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmStatContainer {
+        "paddingBottom"?: string;
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "display"?: "grid" | "flex";
+        "paddingLeft"?: string;
         /**
-          * @uiName Space between stats
-          * @uiType string
+          * @uiName Right padding
+          * @uiGroup Card style
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "space"?: Spacing;
-    }
-    interface SqmStencilbook {
-    }
-    interface SqmTab {
+        "paddingRight"?: string;
         /**
-          * @uiName Tab title
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "header"?: string;
-    }
-    interface SqmTableCell {
+        "paddingTop"?: string;
         /**
-          * @uiName Column span
+          * @uiName Register button text
          */
-        "colspan"?: number;
+        "registerLabel"?: string;
         /**
-          * @uiName Padding
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "padding"?: string;
+        "requiredFieldErrorMessage"?: string;
     }
-    interface SqmTableRow {
+    interface SqmRewardExchangeList {
         /**
-          * @uiName Border
+          * @uiName Back button text
          */
-        "border"?: string;
-    }
-    interface SqmTabs {
+        "backText"?: string;
         /**
-          * Used to specify the placement of the tabs
-          * @uiName Tabs placement
-          * @uiType string
-          * @uiEnum ["left", "right", "bottom", "top"]
-          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
+          * @uiName Cancel button text
          */
-        "placement"?: "left" | "right" | "bottom" | "top";
-    }
-    interface SqmTaskCard {
+        "cancelText"?: string;
         /**
-          * @uiName Button link
-          * @uiGroup Button
+          * @uiName Choose amount progress title
+         */
+        "chooseAmountTitle"?: string;
+        /**
+          * @uiName Choose reward progress title
+         */
+        "chooseRewardTitle"?: string;
+        /**
+          * @uiName Confirmation progress title
          */
-        "buttonLink"?: string;
+        "confirmationTitle"?: string;
         /**
-          * @uiName Button text
-          * @uiGroup Button
+          * @uiName Continue button text
          */
-        "buttonText"?: string;
+        "continueText"?: string;
         /**
-          * @uiName Title
-          * @uiGroup Task
+          * Displayed on the reward selection page.
+          * @uiName Continue to confirmation button text
          */
-        "cardTitle"?: string;
+        "continueToConfirmationText"?: string;
         /**
-          * Displays the amount of times that a user has completed a repeatable task.
-          * @uiName Completed count text
-          * @uiGroup Task
-          * @uiWidget textArea
+          * Shown in the confirmation state.
+          * @uiName Cost row title
          */
-        "completedText"?: string;
+        "costTitle"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
+        "demoData"?: DemoData<RewardExchangeViewProps>;
         /**
-          * @uiName Description
-          * @uiGroup Task
+          * @uiName Done text
          */
-        "description"?: string;
+        "doneText"?: string;
         /**
-          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
-          * @uiName Display duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Task
+          * Error message shown when reward is not available
+          * @uiName Not available error
+          * @uiWidget textArea
          */
-        "displayDuration"?: string;
+        "notAvailableError"?: string;
         /**
-          * Shown to users after the end of the task duration.
-          * @uiName Ended date message
-          * @uiGroup Task
+          * @uiName Not enough error message
+          * @uiWidget textArea
          */
-        "endedMessage"?: string;
+        "notEnoughError"?: string;
         /**
-          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
-          * @uiName Task card button event key
-          * @uiGroup Button
+          * @uiName Promo code text
          */
-        "eventKey"?: string;
+        "promoCode"?: string;
         /**
-          * Displayed when a user views a task card after the reward duration interval.
-          * @uiName Expiry date message
-          * @uiGroup Task
+          * Shown if an error occurs when loading the reward exchange.
+          * @uiName Reward list error message
+          * @uiWidget textArea
          */
-        "expiryMessage"?: string;
+        "queryError"?: string;
         /**
-          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
-          * @uiName Repeat amount
-          * @uiGroup Reward
+          * @uiName Redeem button text
          */
-        "finite"?: number;
+        "redeemText"?: string;
         /**
-          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
-          * @uiName Goal completion number
-          * @uiGroup Goal
+          * Displayed as the header for the confirmation page.
+          * @uiName Confirmation title text
          */
-        "goal"?: number;
+        "redeemTitle"?: string;
         /**
-          * @uiName Hide CTA button
-          * @uiGroup Button
+          * Shown if an error occurs during the reward exchange.
+          * @uiName Redemption error message
+          * @uiWidget textArea
          */
-        "hideButton"?: boolean;
+        "redemptionError"?: string;
         /**
-          * Button link opens in new tab
-          * @uiName Open in new tab
-          * @uiGroup Button
-          * @default
+          * Displayed on the success screen when a user successfully exchanges for a reward.
+          * @uiName Redemption success message
+          * @uiWidget textArea
          */
-        "openNewTab"?: boolean;
+        "redemptionSuccessText"?: string;
         /**
-          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
-          * @uiName Program ID override
-          * @uiWidget programSelector
-          * @uiGroup Goal
+          * Shown in the confirmation state.
+          * @uiName Reward amount row title
          */
-        "programId"?: string;
+        "rewardAmountTitle"?: string;
         /**
-          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
-          * @uiName Progress bar unit
-          * @uiGroup Goal
+          * Shown in the confirmation state.
+          * @uiName Reward row title
          */
-        "progressBarUnit"?: string;
+        "rewardNameTitle"?: string;
         /**
-          * @uiName Goal repeatable
-          * @uiGroup Goal
-          * @default
+          * @uiName Reward redeemed text
          */
-        "repeatable"?: boolean;
+        "rewardRedeemedText"?: string;
         /**
-          * @uiName Reward amount
-          * @uiGroup Reward
+          * @uiName Reward title text
          */
-        "rewardAmount"?: string;
+        "rewardTitle"?: string;
         /**
-          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
-          * @uiName Reward duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Reward
+          * @uiName Select amount text
+          * @uiWidget textArea
          */
-        "rewardDuration"?: string;
+        "selectText"?: string;
         /**
-          * @uiName Reward unit
-          * @uiGroup Reward
+          * Set the number of placeholder cards to be shown in loading state.
+          * @uiName Loading cards
          */
-        "rewardUnit"?: string;
+        "skeletonCardNum"?: number;
         /**
-          * @uiName Show progress bar
-          * @uiGroup Goal
-          * @default
+          * Displayed on the reward exchange cards.
+          * @uiName Reward exchange amount text
+          * @uiWidget textArea
          */
-        "showProgressBar"?: boolean;
+        "sourceAmountMessage"?: string;
         /**
-          * Shown to users before the start of the task duration.
-          * @uiName Start date message
-          * @uiGroup Task
+          * Shown when a user copies a fuel tank code
+          * @uiName Tooltip text
          */
-        "startsOnMessage"?: string;
+        "tooltipText"?: string;
+    }
+    interface SqmRewardsTable {
         /**
-          * Select what type of stat to display for the goal. Manual paths are also supported.
-          * @uiName Goal progress source
-          * @required 
-          * @minLength 1
-          * @uiWidget statTypeSelectWidget
-          * @uiWidgetOptions {"version": 1.1}
-          * @uiGroup Goal
+          * @undocumented 
+          * @uiType object
          */
-        "statType"?: string;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * @uiName Progress bar steps
-          * @uiGroup Goal
-          * @default
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Mobile hidden columns
          */
-        "steps"?: boolean;
-    }
-    interface SqmTaxAndCash {
+        "hiddenColumns"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Hide column labels
          */
-        "demoData"?: DemoData<UseTaxAndCashResultType>;
+        "hideLabels"?: boolean;
         /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-          * @uiGroup Step 1 Properties
+          * @uiName Tablet breakpoint
          */
-        "step1_allowBankingCollection"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-          * @uiGroup Step 1 Properties
+          * @uiName View more button text
          */
-        "step1_allowBankingCollectionError"?: string;
+        "moreLabel"?: string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-          * @uiGroup Step 1 Properties
+          * @uiName Rewards per page
          */
-        "step1_businessEntity"?: string;
+        "perPage"?: number;
         /**
-          * Label text for country input
-          * @uiName Country label
-          * @uiGroup Step 1 Properties
+          * @uiName Previous button text
          */
-        "step1_country"?: string;
+        "prevLabel"?: string;
         /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-          * @uiGroup Step 1 Properties
+          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "step1_countryError"?: string;
+        "programId"?: string;
         /**
-          * Label text for currency input
-          * @uiName Currency label
-          * @uiGroup Step 1 Properties
+          * @uiName Mobile breakpoint
          */
-        "step1_currency"?: string;
+        "smBreakpoint"?: number;
+    }
+    interface SqmRewardsTableCustomerNoteCell {
+        "locale"?: string;
+        "note"?: string;
+    }
+    interface SqmRewardsTableCustomerNoteColumn {
         /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Column title
          */
-        "step1_currencyError"?: string;
+        "columnTitle"?: string;
+    }
+    interface SqmRewardsTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmRewardsTableDateColumn {
         /**
-          * Label text for email input
-          * @uiName Email label
-          * @uiGroup Step 1 Properties
+          * @uiName Date column title
          */
-        "step1_email"?: string;
+        "columnTitle"?: string;
+        /**
+          * @uiName Date displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
+          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
+         */
+        "dateShown"?: string;
+    }
+    interface SqmRewardsTableRewardCell {
+        "availableText"?: string;
+        "copyText"?: string;
+        "locale"?: string;
+        "redeemedText"?: string;
+        "reward"?: Reward;
+    }
+    interface SqmRewardsTableRewardColumn {
+        /**
+          * @uiName Remaining amount text
+         */
+        "availableText"?: string;
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Reward column title
          */
-        "step1_emailError"?: string;
+        "columnTitle"?: string;
         /**
-          * Label text for first name input
-          * @uiName First name label
-          * @uiGroup Step 1 Properties
+          * @uiName Copied fuel tank text
          */
-        "step1_firstName"?: string;
+        "copyText"?: string;
         /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Redeemed amount text
          */
-        "step1_firstNameError"?: string;
+        "redeemedText"?: string;
+    }
+    interface SqmRewardsTableSourceCell {
+        "anonymousUserText"?: string;
+        "deletedUserText"?: string;
+        "locale"?: string;
+        "referralText"?: string;
+        "reward"?: Reward;
+        "rewardExchangeText"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableSourceColumn {
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 1 Properties
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "step1_formStep"?: string;
+        "anonymousUser"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 1 Properties
+          * @uiName Soruce column title
          */
-        "step1_generalErrorDescription"?: string;
+        "columnTitle"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 1 Properties
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "step1_generalErrorTitle"?: string;
+        "deletedUser"?: string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-          * @uiGroup Step 1 Properties
+          * Shown when a reward has been created by a referral
+          * @uiName Referral text
+          * @uiWidget textArea
          */
-        "step1_individualParticipant"?: string;
+        "referralText"?: string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 1 Properties
+          * @uiName Reward exchange label
          */
-        "step1_isPartnerAlertDescription"?: string;
+        "rewardExchangeText"?: string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 1 Properties
+          * Shown when a reward has been created by a source other than a referral.
+          * @uiName Reward source text
+          * @uiWidget textArea
          */
-        "step1_isPartnerAlertHeader"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableStatusCell {
+        "deniedText"?: string;
+        "expiryText"?: string;
+        "locale"?: string;
+        "pendingReviewText"?: string;
+        "pendingScheduled"?: string;
+        "pendingUnhandled"?: string;
+        "pendingUsTax"?: string;
+        "reward"?: Reward;
+        "statusText"?: string;
+    }
+    interface SqmRewardsTableStatusColumn {
         /**
-          * Label text for last name input
-          * @uiName Last name label
-          * @uiGroup Step 1 Properties
+          * @uiName Column title
          */
-        "step1_lastName"?: string;
+        "columnTitle"?: string;
         /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-          * @uiGroup Step 1 Properties
+          * Displayed when denied for fraud.
+          * @uiName Denied text
          */
-        "step1_lastNameError"?: string;
+        "deniedText"?: string;
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-          * @uiGroup Step 1 Properties
+          * Text shown before the date of an expiring reward.
+          * @uiName Expiry date prefix
          */
-        "step1_participantType"?: string;
+        "expiryText"?: string;
         /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-          * @uiGroup Step 1 Properties
+          * Displayed when flagged for fraud.
+          * @uiName Pending review text
          */
-        "step1_participantTypeError"?: string;
+        "pendingReviewText"?: string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-          * @uiGroup Step 1 Properties
+          * Text shown before the available date of a pending reward.
+          * @uiName Pending date prefix
          */
-        "step1_personalInformation"?: string;
+        "pendingScheduled"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 1 Properties
+          * Displayed when fulfillment error occured when creating a reward.
+          * @uiName Unhandled error text
          */
-        "step1_submitButton"?: string;
+        "pendingUnhandled"?: string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-          * @uiGroup Step 1 Properties
+          * Displayed when a reward is pending due to W9 compliance.
+          * @uiName W9 pending text
          */
-        "step1_taxAndBankingCollection"?: string;
+        "pendingUsTax"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 2 Properties
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "step2_backButton"?: string;
+        "statusText"?: string;
+    }
+    interface SqmRoute {
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-          * @uiGroup Step 2 Properties
+          * Page Path URL for this route.
+          * @uiName Navigation path name
          */
-        "step2_formStep"?: string;
+        "path"?: string;
+    }
+    interface SqmRouter {
+    }
+    interface SqmScroll {
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 2 Properties
+          * @uiName Button text
          */
-        "step2_generalErrorDescription"?: string;
+        "buttonText"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 2 Properties
+          * @uiName Button type
+          * @uiType string
+          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
+          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
          */
-        "step2_generalErrorTitle"?: string;
+        "buttonType"?: | "default"
+    | "primary"
+    | "success"
+    | "neutral"
+    | "warning"
+    | "danger"
+    | "text";
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
-          * @uiGroup Step 2 Properties
+          * Draws a circle button.
+          * @uiName Circle
          */
-        "step2_indirectTax"?: string;
+        "circle"?: boolean;
         /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
-          * @uiGroup Step 2 Properties
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "step2_indirectTaxDescription"?: string;
+        "iconName"?: string;
         /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
-          * @uiGroup Step 2 Properties
+          * @uiName Icon slot
+          * @uiType string
+          * @uiEnum ["prefix", "suffix"]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "step2_indirectTaxDetails"?: string;
+        "iconSlot"?: string;
         /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
-          * @uiGroup Step 2 Properties
+          * The button becomes full width if the screen size is smaller than 500px
+          * @uiName Full width on mobile
          */
-        "step2_indirectTaxDetailsDescription"?: string;
+        "mobile"?: boolean;
         /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
-          * @uiGroup Step 2 Properties
+          * Draws an outlined button.
+          * @uiName Outline
          */
-        "step2_indirectTaxNumber"?: string;
+        "outline"?: boolean;
         /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
-          * @uiGroup Step 2 Properties
+          * Draws a pill-style button with rounded edges.
+          * @uiName Pill
          */
-        "step2_indirectTaxNumberError"?: string;
+        "pill"?: boolean;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 2 Properties
+          * @uiName Scroll animation style
+          * @uiType string
+          * @uiEnum ["smooth", "auto"]
+          * @uiEnumNames ["Smooth", "Auto"]
          */
-        "step2_isPartnerAlertDescription"?: string;
+        "scrollAnimation"?: "smooth" | "auto";
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 2 Properties
+          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
+          * @uiName Scroll ID
          */
-        "step2_isPartnerAlertHeader"?: string;
+        "scrollId"?: string;
         /**
-          * Label text for the QST checkbox
-          * @uiName checkbox label
-          * @uiGroup Step 2 Properties
+          * The name of the HTML tag you would like to scroll to. E.g referral-table
+          * @uiName Scroll tag name
          */
-        "step2_isRegisteredQST"?: string;
+        "scrollTagName"?: string;
         /**
-          * Label text for Income Tax checkbox
-          * @uiName Income Tax checkbox label
-          * @uiGroup Step 2 Properties
+          * @uiName Size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large"]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "step2_isRegisteredSubRegionIncomeTax"?: string;
+        "size"?: string;
+    }
+    interface SqmShareButton {
         /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
-          * @uiGroup Step 2 Properties
+          * @uiName Button background color
+          * @uiWidget color
+          * @format color
          */
-        "step2_notRegistered"?: string;
+        "backgroundcolor"?: string;
         /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
-          * @uiGroup Step 2 Properties
+          * Configure border radius with pixel amount
+          * @uiName Border radius
          */
-        "step2_otherRegion"?: string;
+        "borderradius"?: number;
         /**
-          * Label text for the Province select input
-          * @uiName Province select input label
-          * @uiGroup Step 2 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step2_province"?: string;
+        "demoData"?: DemoData<ShareButtonViewProps>;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-          * @uiGroup Step 2 Properties
+          * @uiName Disabled
          */
-        "step2_provinceError"?: string;
+        "disabled"?: boolean;
         /**
-          * Label text for the QST Tax Number input
-          * @uiName QST Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Hide icon
+          * @default
          */
-        "step2_qstNumber"?: string;
+        "hideicon"?: boolean;
         /**
-          * Error text shown below the QST Tax number input
-          * @uiName QST Tax Number error text
-          * @uiGroup Step 2 Properties
+          * @uiName Hide text
+          * @default
          */
-        "step2_qstTaxNumberError"?: string;
+        "hidetext"?: boolean;
         /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
-          * @uiGroup Step 2 Properties
+          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
+          * @uiName Icon
          */
-        "step2_selectedRegion"?: string;
+        "icon"?: string;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-          * @uiGroup Step 2 Properties
+          * @uiName Icon location
+          * @uiType string
+          * @uiEnum ["prefix", "suffix" ]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "step2_selectedRegionError"?: string;
+        "iconslot"?: "prefix" | "suffix";
         /**
-          * Label text for Sub-region select
-          * @uiName for Sub-region select label
-          * @uiGroup Step 2 Properties
+          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
+          * @uiName Share medium
+          * @uiType string
+          * @required 
+          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
+          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
          */
-        "step2_subRegion"?: string;
+        "medium"?: | "facebook"
+    | "twitter"
+    | "email"
+    | "direct"
+    | "linkedin"
+    | "sms"
+    | "fbmessenger"
+    | "whatsapp"
+    | "linemessenger"
+    | "pinterest"
+    | "reminder"
+    | "unknown";
         /**
-          * Error text shown below the Sub-region Income Tax number input
-          * @uiName Sub-region Income Tax error text
-          * @uiGroup Step 2 Properties
+          * @uiName Display pill
          */
-        "step2_subRegionTaxNumberError"?: string;
+        "pill"?: boolean;
         /**
-          * Label text for the Sub-region Income Tax Number input
-          * @uiName Sub-region income Tax Number input label
-          * @uiGroup Step 2 Properties
+          * Optional programId, or uses the programId context where this button is rendered.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step2_subRegionTaxNumberLabel"?: string;
+        "programId"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 2 Properties
+          * Text used for native sharing (mobile only)
+          * @uiName Share text
          */
-        "step2_submitButton"?: string;
+        "sharetext"?: string;
         /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-          * @uiGroup Step 2 Properties
+          * Title used for native sharing (mobile only)
+          * @uiName Share title
          */
-        "step2_taxDetailsError"?: string;
+        "sharetitle"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3 Properties
+          * @uiName Button size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large" ]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "step3_backButton"?: string;
+        "size"?: "small" | "medium" | "large";
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-          * @uiGroup Step 3 Properties
+          * @uiName Button text color
+          * @uiWidget color
+          * @format color
          */
-        "step3_banner"?: string;
+        "textcolor"?: string;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-          * @uiGroup Step 3 Properties
+          * @uiType string
+          * @uiName Button style
+          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
+          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
-        "step3_checkboxDescription"?: string;
+        "type"?: | "primary"
+    | "success"
+    | "info"
+    | "warning"
+    | "danger"
+    | "default"
+    | "text";
+    }
+    interface SqmShareCode {
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-          * @uiGroup Step 3 Properties
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "step3_checkboxLabel"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3 Properties
+          * @uiName Copy button label
          */
-        "step3_formStep"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-          * @uiGroup Step 3 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3_formSubmissionError"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3 Properties
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step3_generalErrorDescription"?: string;
+        "programId"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3 Properties
+          * Change the text alignment
+          * @uiName Share code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step3_generalErrorTitle"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3 Properties
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "step3_submitButton"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3 Properties
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "step3_taxForm"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmShareLink {
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-          * @uiGroup Step 3 Properties
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "step3_taxFormDescription"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-          * @uiGroup Step 3 Properties
+          * @uiName Copy button label
          */
-        "step3_taxFormLabel"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3b Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3b_backButton"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-          * @uiGroup Step 3b Properties
+          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step3b_formLabel"?: string;
+        "programId"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3b Properties
+          * Change the text alignment
+          * @uiName Share link alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step3b_formStep"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3b Properties
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "step3b_generalErrorDescription"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3b Properties
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "step3b_generalErrorTitle"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmStatContainer {
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3b Properties
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "step3b_submitButton"?: string;
+        "display"?: "grid" | "flex";
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3b Properties
+          * @uiName Space between stats
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step3b_taxForm"?: string;
+        "space"?: Spacing;
+    }
+    interface SqmStencilbook {
+    }
+    interface SqmTab {
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
-          * @uiGroup Step 3b Properties
+          * @uiName Tab title
          */
-        "step3b_w8Description"?: string;
+        "header"?: string;
+    }
+    interface SqmTableCell {
         /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
-          * @uiGroup Step 3b Properties
+          * @uiName Column span
          */
-        "step3b_w8EDescription"?: string;
+        "colspan"?: number;
         /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Padding
          */
-        "step3b_w8ELabel"?: string;
+        "padding"?: string;
+    }
+    interface SqmTableRow {
         /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Border
          */
-        "step3b_w8Label"?: string;
+        "border"?: string;
+    }
+    interface SqmTabs {
         /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
-          * @uiGroup Step 3b Properties
+          * Used to specify the placement of the tabs
+          * @uiName Tabs placement
+          * @uiType string
+          * @uiEnum ["left", "right", "bottom", "top"]
+          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
          */
-        "step3b_w9Description"?: string;
+        "placement"?: "left" | "right" | "bottom" | "top";
+    }
+    interface SqmTaskCard {
         /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Button link
+          * @uiGroup Button
          */
-        "step3b_w9Label"?: string;
+        "buttonLink"?: string;
         /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @uiName Button text
+          * @uiGroup Button
          */
-        "step4_badgeTextAwaitingReview"?: string;
+        "buttonText"?: string;
         /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @uiName Title
+          * @uiGroup Task
          */
-        "step4_badgeTextExpiredOn"?: string;
+        "cardTitle"?: string;
         /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * Displays the amount of times that a user has completed a repeatable task.
+          * @uiName Completed count text
+          * @uiGroup Task
+          * @uiWidget textArea
          */
-        "step4_badgeTextExpiringSoon"?: string;
+        "completedText"?: string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step4_badgeTextSubmittedOn"?: string;
+        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-          * @uiGroup Step 4 Properties
+          * @uiName Description
+          * @uiGroup Task
          */
-        "step4_bankingInformationSectionHeader"?: string;
+        "description"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error text
-          * @uiGroup Step 4 Properties
+          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
+          * @uiName Display duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Task
          */
-        "step4_generalErrorDescription"?: string;
+        "displayDuration"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error title
-          * @uiGroup Step 4 Properties
+          * Shown to users after the end of the task duration.
+          * @uiName Ended date message
+          * @uiGroup Task
          */
-        "step4_generalErrorTitle"?: string;
+        "endedMessage"?: string;
         /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-          * @uiGroup Step 4 Properties
+          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
+          * @uiName Task card button event key
+          * @uiGroup Button
          */
-        "step4_invalidForm"?: string;
+        "eventKey"?: string;
         /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName Step 4 No form needed subtext
-          * @uiGroup Step 4 Properties
+          * Displayed when a user views a task card after the reward duration interval.
+          * @uiName Expiry date message
+          * @uiGroup Task
          */
-        "step4_newFormButton"?: string;
+        "expiryMessage"?: string;
         /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-          * @uiGroup Step 4 Properties
+          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
+          * @uiName Repeat amount
+          * @uiGroup Reward
          */
-        "step4_noFormNeededSubtext"?: string;
+        "finite"?: number;
         /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-          * @uiGroup Step 4 Properties
+          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
+          * @uiName Goal completion number
+          * @uiGroup Goal
          */
-        "step4_notRegisteredForTax"?: string;
+        "goal"?: number;
         /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * @uiName Hide CTA button
+          * @uiGroup Button
          */
-        "step4_statusTextActive"?: string;
+        "hideButton"?: boolean;
         /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * Button link opens in new tab
+          * @uiName Open in new tab
+          * @uiGroup Button
+          * @default
          */
-        "step4_statusTextExpired"?: string;
+        "openNewTab"?: boolean;
         /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
+          * @uiName Program ID override
+          * @uiWidget programSelector
+          * @uiGroup Goal
          */
-        "step4_statusTextNotActive"?: string;
+        "programId"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
+          * @uiName Progress bar unit
+          * @uiGroup Goal
          */
-        "step4_statusTextNotVerified"?: string;
+        "progressBarUnit"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-          * @uiGroup Step 4 Properties
+          * @uiName Goal repeatable
+          * @uiGroup Goal
+          * @default
          */
-        "step4_taxAlertHeaderExpiredOn"?: string;
+        "repeatable"?: boolean;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-          * @uiGroup Step 4 Properties
+          * @uiName Reward amount
+          * @uiGroup Reward
          */
-        "step4_taxAlertHeaderExpiringSoon"?: string;
+        "rewardAmount"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-          * @uiGroup Step 4 Properties
+          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
+          * @uiName Reward duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Reward
          */
-        "step4_taxAlertHeaderNotActive"?: string;
+        "rewardDuration"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-          * @uiGroup Step 4 Properties
+          * @uiName Reward unit
+          * @uiGroup Reward
          */
-        "step4_taxAlertMessage"?: string;
+        "rewardUnit"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-          * @uiGroup Step 4 Properties
+          * @uiName Show progress bar
+          * @uiGroup Goal
+          * @default
          */
-        "step4_taxAlertMessageExpiringSoon"?: string;
+        "showProgressBar"?: boolean;
         /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-          * @uiGroup Step 4 Properties
+          * Shown to users before the start of the task duration.
+          * @uiName Start date message
+          * @uiGroup Task
          */
-        "step4_taxDocumentSectionHeader"?: string;
+        "startsOnMessage"?: string;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-          * @uiGroup Step 4 Properties
+          * Select what type of stat to display for the goal. Manual paths are also supported.
+          * @uiName Goal progress source
+          * @required 
+          * @minLength 1
+          * @uiWidget statTypeSelectWidget
+          * @uiWidgetOptions {"version": 1.1}
+          * @uiGroup Goal
          */
-        "step4_taxDocumentSectionSubHeader"?: string;
+        "statType"?: string;
         /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-          * @uiGroup Step 3 Properties
+          * @uiName Progress bar steps
+          * @uiGroup Goal
+          * @default
          */
-        "stop3NotBasedInUS"?: string;
+        "steps"?: boolean;
     }
-    interface SqmTaxAndCashMonolith {
+    interface SqmTaxAndCash {
         /**
           * @undocumented 
           * @uiType object
@@ -9882,7 +8673,6 @@ declare namespace LocalJSX {
         "sqm-tabs": SqmTabs;
         "sqm-task-card": SqmTaskCard;
         "sqm-tax-and-cash": SqmTaxAndCash;
-        "sqm-tax-and-cash-monolith": SqmTaxAndCashMonolith;
         "sqm-tax-document-submitted": SqmTaxDocumentSubmitted;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
@@ -9991,7 +8781,6 @@ declare module "@stencil/core" {
             "sqm-tabs": LocalJSX.SqmTabs & JSXBase.HTMLAttributes<HTMLSqmTabsElement>;
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
-            "sqm-tax-and-cash-monolith": LocalJSX.SqmTaxAndCashMonolith & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashMonolithElement>;
             "sqm-tax-document-submitted": LocalJSX.SqmTaxDocumentSubmitted & JSXBase.HTMLAttributes<HTMLSqmTaxDocumentSubmittedElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
diff --git a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
index 619f172927..659367aba0 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
+++ b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
@@ -75,7 +75,7 @@ import * as CouponCode from "../sqm-coupon-code/CouponCode.stories";
 import * as LogoutCurrentUser from "../sqm-logout-current-user/LogoutCurrentUser.stories";
 import * as LinkButton from "../sqm-link-button/LinkButton.stories";
 import * as CloseButton from "../sqm-close-button/CloseButton.stories";
-import * as TaxForm from "../tax-and-cash/sqm-user-info-form/TaxForm.stories";
+import * as TaxForm from "../tax-and-cash/TaxForm.stories";
 import * as TaxFormSlots from "../tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories";
 import * as RadioCard from "../sqm-radio-card/RadioCard.stories";
 import * as ProgressBar from "../sqm-task-card/progress-bar/ProgressBar.stories";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
similarity index 97%
rename from packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
rename to packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 206628b4e9..edd346094c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -1,14 +1,14 @@
 import { h } from "@stencil/core";
-import { StoryDemoData } from "../../../global/demo";
-import { INDIRECT_TAX_COUNTRIES } from "../countries";
-import { UseDocumentTypeFormResult } from "../sqm-document-type-form/useDocumentTypeForm";
-import { UseDocusignFormResult } from "../sqm-docusign-form/useDocusignForm";
-import { UseIndirectTaxFormResult } from "../sqm-indirect-tax-form/useIndirectTaxForm";
+import { StoryDemoData } from "../../global/demo";
+import { INDIRECT_TAX_COUNTRIES } from "./countries";
+import { UseDocumentTypeFormResult } from "./sqm-document-type-form/useDocumentTypeForm";
+import { UseDocusignFormResult } from "./sqm-docusign-form/useDocusignForm";
+import { UseIndirectTaxFormResult } from "./sqm-indirect-tax-form/useIndirectTaxForm";
 import {
   INDIRECT_TAX_PROVINCES,
   INDIRECT_TAX_SPAIN_REGIONS,
-} from "../subregions";
-import { UseUserInfoFormResult } from "./useUserInfoForm";
+} from "./subregions";
+import { UseUserInfoFormResult } from "./sqm-user-info-form/useUserInfoForm";
 // import sqmUserInfoSpecs from "./sqm-tax-document-step-1.feature";
 // import sqmIndirectTaxFormSpecs from "../sqm-indirect-tax-form/sqm-indirect-tax-form.feature";
 

From a0a7872b8379c85dd28ba92e1fe7f080f8475460 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 14 Feb 2024 10:33:22 -0800
Subject: [PATCH 184/753] Rename banking info form

---
 .../{sqm-cash-form => sqm-banking-info-form}/readme.md |  0
 .../sqm-banking-info-form-view.tsx                     |  0
 .../sqm-banking-info-form.tsx}                         | 10 +++++-----
 .../useBankingInfoForm.tsx}                            |  4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-cash-form => sqm-banking-info-form}/readme.md (100%)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
 rename packages/mint-components/src/components/tax-and-cash/{sqm-cash-form/sqm-cash-form.tsx => sqm-banking-info-form/sqm-banking-info-form.tsx} (82%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-cash-form/useCashForm.tsx => sqm-banking-info-form/useBankingInfoForm.tsx} (69%)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
similarity index 100%
rename from packages/mint-components/src/components/tax-and-cash/sqm-cash-form/readme.md
rename to packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/sqm-cash-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
similarity index 82%
rename from packages/mint-components/src/components/tax-and-cash/sqm-cash-form/sqm-cash-form.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index a75ce1547a..f0d1dcef5a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/sqm-cash-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -3,7 +3,7 @@ import { Component, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
-import { useCashForm } from "./useCashForm";
+import { useBankingInfoForm } from "./useBankingInfoForm";
 import { UserNameViewProps } from "../../sqm-user-name/sqm-user-name-view";
 
 /**
@@ -12,10 +12,10 @@ import { UserNameViewProps } from "../../sqm-user-name/sqm-user-name-view";
  * @example User Name Display - <sqm-user-name fallback="Anonymous User" loading-text="..."></sqm-user-name>
  */
 @Component({
-  tag: "sqm-cash-form",
+  tag: "sqm-banking-info-form",
   shadow: false,
 })
-export class CashForm {
+export class BankingInfoForm {
   @State() ignored = true;
 
   /**
@@ -31,7 +31,7 @@ export class CashForm {
   disconnectedCallback() {}
 
   render() {
-    const props = useCashForm(getProps(this));
+    const props = useBankingInfoForm(getProps(this));
 
     console.log({ props });
 
@@ -44,6 +44,6 @@ export class CashForm {
   }
 }
 
-function useTaxAndCashDemo(props: CashForm) {
+function useTaxAndCashDemo(props: BankingInfoForm) {
   return deepmerge({}, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/useCashForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
similarity index 69%
rename from packages/mint-components/src/components/tax-and-cash/sqm-cash-form/useCashForm.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index ecb4c315db..b6bca84867 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-cash-form/useCashForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -1,8 +1,8 @@
 import { useParent } from "../../../utils/useParentState";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
-import { CashForm } from "./sqm-cash-form";
+import { BankingInfoForm } from "./sqm-banking-info-form";
 
-export function useCashForm(props: CashForm) {
+export function useBankingInfoForm(props: BankingInfoForm) {
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
   return {

From 198e6b0b40e1392850e62b5d18db61350866a0a3 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 14 Feb 2024 14:25:02 -0800
Subject: [PATCH 185/753] hook up backend

---
 packages/mint-components/src/components.d.ts  | 6124 +++++++----------
 .../sqm-docusign-embed/sqm-docusign-embed.tsx |   35 +-
 .../src/components/tax-and-cash/countries.ts  |  296 +-
 .../sqm-docusign-form/sqm-docusign-form.tsx   |   16 +-
 .../sqm-docusign-form/useDocusignForm.tsx     |   87 +-
 .../useIndirectTaxForm.tsx                    |   60 +-
 .../tax-and-cash/sqm-tax-and-cash/data.ts     |   11 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |   11 +-
 .../sqm-user-info-form/TaxForm.stories.tsx    |    1 +
 .../small-views/IndirectTaxDetailsView.tsx    |   11 +-
 10 files changed, 2876 insertions(+), 3776 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index cfdd5a3806..060fe9f93f 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3600,965 +3600,364 @@ export namespace Components {
          */
         "stop3NotBasedInUS": string;
     }
-    interface SqmTaxAndCashMonolith {
+    interface SqmTaxDocumentSubmitted {
         /**
-          * @undocumented 
-          * @uiType object
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
          */
-        "demoData"?: DemoData<UseTaxAndCashResultType>;
+        "badgeTextAwaitingReview"?: string;
         /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
          */
-        "step1_allowBankingCollection": string;
+        "badgeTextExpiredOn"?: string;
         /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
          */
-        "step1_allowBankingCollectionError": string;
+        "badgeTextExpiringSoon"?: string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
          */
-        "step1_businessEntity": string;
+        "badgeTextSubmittedOn"?: string;
         /**
-          * Label text for country input
-          * @uiName Country label
-          * @uiGroup Step 1 Properties
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
          */
-        "step1_country": string;
+        "bankingInformationSectionHeader": string;
         /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-          * @uiGroup Step 1 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step1_countryError": string;
+        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
         /**
-          * Label text for currency input
-          * @uiName Currency label
-          * @uiGroup Step 1 Properties
+          * Text displayed in the edit Indirect Tax button
+          * @uiName Edit Indirect Tax button
          */
-        "step1_currency": string;
+        "editIndirectTaxButton": string;
         /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-          * @uiGroup Step 1 Properties
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "step1_currencyError": string;
+        "generalErrorDescription": string;
         /**
-          * Label text for email input
-          * @uiName Email label
-          * @uiGroup Step 1 Properties
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "step1_email": string;
+        "generalErrorTitle": string;
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-          * @uiGroup Step 1 Properties
+          * Indirect tax description text for individual participants
+          * @uiName Indirect tax individual participant description
          */
-        "step1_emailError": string;
+        "indirectTaxIndividualParticipant": string;
         /**
-          * Label text for first name input
-          * @uiName First name label
-          * @uiGroup Step 1 Properties
+          * Country/Region description text of indirect tax
+          * @uiName Indirect tax Canada description
          */
-        "step1_firstName": string;
+        "indirectTaxInfoCanada": string;
         /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-          * @uiGroup Step 1 Properties
+          * Other country description text of indirect tax
+          * @uiName Indirect tax other country description
          */
-        "step1_firstNameError": string;
+        "indirectTaxInfoOtherCountry": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 1 Properties
+          * Header text displayed above the indirect tax preview section
+          * @uiName Indirect Tax Information Header
          */
-        "step1_formStep": string;
+        "indirectTaxInfoSectionHeader": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 1 Properties
+          * Indirect tax tooltip text for support
+          * @uiName Indirect tax tooltip description
          */
-        "step1_generalErrorDescription": string;
+        "indirectTaxTooltipSupport": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 1 Properties
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
          */
-        "step1_generalErrorTitle": string;
+        "invalidForm"?: string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-          * @uiGroup Step 1 Properties
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
          */
-        "step1_individualParticipant": string;
+        "newFormButton": string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 1 Properties
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
          */
-        "step1_isPartnerAlertDescription": string;
+        "noFormNeededSubtext": string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 1 Properties
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
          */
-        "step1_isPartnerAlertHeader": string;
+        "notRegisteredForTax": string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
          */
-        "step1_lastName": string;
+        "statusTextActive"?: string;
         /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
          */
-        "step1_lastNameError": string;
+        "statusTextExpired"?: string;
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
          */
-        "step1_participantType": string;
+        "statusTextNotActive"?: string;
         /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
          */
-        "step1_participantTypeError": string;
+        "statusTextNotVerified"?: string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
          */
-        "step1_personalInformation": string;
+        "taxAlertHeaderExpiredOn"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
          */
-        "step1_submitButton": string;
+        "taxAlertHeaderExpiringSoon"?: string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
          */
-        "step1_taxAndBankingCollection": string;
+        "taxAlertHeaderNotActive"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 2 Properties
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
          */
-        "step2_backButton": string;
+        "taxAlertMessage"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-          * @uiGroup Step 2 Properties
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
          */
-        "step2_formStep": string;
+        "taxAlertMessageExpiringSoon": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 2 Properties
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
          */
-        "step2_generalErrorDescription": string;
+        "taxDocumentSectionHeader": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 2 Properties
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
          */
-        "step2_generalErrorTitle": string;
+        "taxDocumentSectionSubHeader": string;
+    }
+    interface SqmText {
+    }
+    interface SqmTextSpan {
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
-          * @uiGroup Step 2 Properties
+          * @uiName Text
          */
-        "step2_indirectTax": string;
+        "text": string;
         /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Type
+          * @uiType string
+          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
+          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
          */
-        "step2_indirectTaxDescription": string;
+        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+    }
+    interface SqmTimeline {
         /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
-          * @uiGroup Step 2 Properties
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
          */
-        "step2_indirectTaxDetails": string;
+        "icon": "gift" | "circle";
+    }
+    interface SqmTimelineEntry {
         /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Description
          */
-        "step2_indirectTaxDetailsDescription": string;
+        "desc": string;
         /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
          */
-        "step2_indirectTaxNumber": string;
+        "icon": "gift" | "circle";
         /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
-          * @uiGroup Step 2 Properties
+          * @uiName Reward amount
          */
-        "step2_indirectTaxNumberError": string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertDescription": string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertHeader": string;
-        /**
-          * Label text for the QST checkbox
-          * @uiName checkbox label
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isRegisteredQST": string;
-        /**
-          * Label text for Income Tax checkbox
-          * @uiName Income Tax checkbox label
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isRegisteredSubRegionIncomeTax": string;
+        "reward": string;
+        "setIcon": (value: "gift" | "circle") => Promise<void>;
         /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
-          * @uiGroup Step 2 Properties
+          * @uiName Reward unit
          */
-        "step2_notRegistered": string;
+        "unit": string;
+    }
+    interface SqmTitledSection {
         /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
-          * @uiGroup Step 2 Properties
+          * Text value shown when there is no label slot declared.
+          * @uiName Label
          */
-        "step2_otherRegion": string;
+        "label": string;
         /**
-          * Label text for the Province select input
-          * @uiName Province select input label
-          * @uiGroup Step 2 Properties
+          * Margin applied to the bottom of the label slot
+          * @uiName Label bottom margin
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step2_province": string;
+        "labelMargin": Spacing;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-          * @uiGroup Step 2 Properties
+          * Padding applied to all 4 sides of the container
+          * @uiName Section padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step2_provinceError": string;
+        "padding": Spacing;
         /**
-          * Label text for the QST Tax Number input
-          * @uiName QST Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Text alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step2_qstNumber": string;
+        "textAlign": "left" | "center" | "right";
+    }
+    interface SqmUserInfoForm {
         /**
-          * Error text shown below the QST Tax number input
-          * @uiName QST Tax Number error text
-          * @uiGroup Step 2 Properties
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
          */
-        "step2_qstTaxNumberError": string;
+        "allowBankingCollection": string;
         /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
          */
-        "step2_selectedRegion": string;
+        "allowBankingCollectionError": string;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-          * @uiGroup Step 2 Properties
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
          */
-        "step2_selectedRegionError": string;
+        "businessEntity": string;
         /**
-          * Label text for Sub-region select
-          * @uiName for Sub-region select label
-          * @uiGroup Step 2 Properties
+          * Label text for country input
+          * @uiName Country label
          */
-        "step2_subRegion": string;
+        "country": string;
         /**
-          * Error text shown below the Sub-region Income Tax number input
-          * @uiName Sub-region Income Tax error text
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
          */
-        "step2_subRegionTaxNumberError": string;
+        "countryError": string;
         /**
-          * Label text for the Sub-region Income Tax Number input
-          * @uiName Sub-region income Tax Number input label
-          * @uiGroup Step 2 Properties
+          * Label text for currency input
+          * @uiName Currency label
          */
-        "step2_subRegionTaxNumberLabel": string;
+        "currency": string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
          */
-        "step2_submitButton": string;
+        "currencyError": string;
         /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-          * @uiGroup Step 2 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step2_taxDetailsError": string;
+        "demoData"?: DemoData<UseUserInfoFormResult>;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3 Properties
+          * Label text for email input
+          * @uiName Email label
          */
-        "step3_backButton": string;
+        "email": string;
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-          * @uiGroup Step 3 Properties
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
          */
-        "step3_banner": string;
+        "emailError": string;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-          * @uiGroup Step 3 Properties
+          * Label text for first name input
+          * @uiName First name label
          */
-        "step3_checkboxDescription": string;
+        "firstName": string;
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-          * @uiGroup Step 3 Properties
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
          */
-        "step3_checkboxLabel": string;
+        "firstNameError": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_formStep": string;
-        /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-          * @uiGroup Step 3 Properties
          */
-        "step3_formSubmissionError": string;
+        "formStep": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
-          * @uiGroup Step 3 Properties
          */
-        "step3_generalErrorDescription": string;
+        "generalErrorDescription": string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
-          * @uiGroup Step 3 Properties
          */
-        "step3_generalErrorTitle": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_submitButton": string;
+        "generalErrorTitle": string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3 Properties
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
          */
-        "step3_taxForm": string;
+        "individualParticipant": string;
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-          * @uiGroup Step 3 Properties
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
          */
-        "step3_taxFormDescription": string;
+        "isPartnerAlertDescription": string;
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-          * @uiGroup Step 3 Properties
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
          */
-        "step3_taxFormLabel": string;
+        "isPartnerAlertHeader": string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3b Properties
+          * Label text for last name input
+          * @uiName Last name label
          */
-        "step3b_backButton": string;
+        "lastName": string;
         /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-          * @uiGroup Step 3b Properties
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
          */
-        "step3b_formLabel": string;
+        "lastNameError": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3b Properties
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
          */
-        "step3b_formStep": string;
+        "participantType": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3b Properties
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
          */
-        "step3b_generalErrorDescription": string;
+        "participantTypeError": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3b Properties
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
          */
-        "step3b_generalErrorTitle": string;
+        "personalInformation": string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
-          * @uiGroup Step 3b Properties
          */
-        "step3b_submitButton": string;
+        "submitButton": string;
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3b Properties
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
          */
-        "step3b_taxForm": string;
+        "taxAndBankingCollection": string;
+    }
+    interface SqmUserName {
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
-          * @uiGroup Step 3b Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3b_w8Description": string;
+        "demoData"?: DemoData<UserNameViewProps>;
         /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8EDescription": string;
-        /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8ELabel": string;
-        /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8Label": string;
-        /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w9Description": string;
-        /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w9Label": string;
-        /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextAwaitingReview"?: string;
-        /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextExpiredOn"?: string;
-        /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextExpiringSoon"?: string;
-        /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextSubmittedOn"?: string;
-        /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_bankingInformationSectionHeader": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error title
-          * @uiGroup Step 4 Properties
-         */
-        "step4_generalErrorTitle": string;
-        /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_invalidForm"?: string;
-        /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName Step 4 No form needed subtext
-          * @uiGroup Step 4 Properties
-         */
-        "step4_newFormButton": string;
-        /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-          * @uiGroup Step 4 Properties
-         */
-        "step4_noFormNeededSubtext": string;
-        /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-          * @uiGroup Step 4 Properties
-         */
-        "step4_notRegisteredForTax": string;
-        /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextExpired"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextNotActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextNotVerified"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderExpiredOn"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderExpiringSoon"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderNotActive"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertMessage"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertMessageExpiringSoon": string;
-        /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxDocumentSectionHeader": string;
-        /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxDocumentSectionSubHeader": string;
-        /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-          * @uiGroup Step 3 Properties
-         */
-        "stop3NotBasedInUS": string;
-    }
-    interface SqmTaxDocumentSubmitted {
-        /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-         */
-        "badgeTextAwaitingReview"?: string;
-        /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-         */
-        "badgeTextExpiredOn"?: string;
-        /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-         */
-        "badgeTextExpiringSoon"?: string;
-        /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-         */
-        "badgeTextSubmittedOn"?: string;
-        /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-         */
-        "bankingInformationSectionHeader": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
-        /**
-          * Text displayed in the edit Indirect Tax button
-          * @uiName Edit Indirect Tax button
-         */
-        "editIndirectTaxButton": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle": string;
-        /**
-          * Indirect tax description text for individual participants
-          * @uiName Indirect tax individual participant description
-         */
-        "indirectTaxIndividualParticipant": string;
-        /**
-          * Country/Region description text of indirect tax
-          * @uiName Indirect tax Canada description
-         */
-        "indirectTaxInfoCanada": string;
-        /**
-          * Other country description text of indirect tax
-          * @uiName Indirect tax other country description
-         */
-        "indirectTaxInfoOtherCountry": string;
-        /**
-          * Header text displayed above the indirect tax preview section
-          * @uiName Indirect Tax Information Header
-         */
-        "indirectTaxInfoSectionHeader": string;
-        /**
-          * Indirect tax tooltip text for support
-          * @uiName Indirect tax tooltip description
-         */
-        "indirectTaxTooltipSupport": string;
-        /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-         */
-        "invalidForm"?: string;
-        /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName No form needed subtext
-         */
-        "newFormButton": string;
-        /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-         */
-        "noFormNeededSubtext": string;
-        /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-         */
-        "notRegisteredForTax": string;
-        /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-         */
-        "statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-         */
-        "statusTextExpired"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-         */
-        "statusTextNotActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-         */
-        "statusTextNotVerified"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-         */
-        "taxAlertHeaderExpiredOn"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-         */
-        "taxAlertHeaderExpiringSoon"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-         */
-        "taxAlertHeaderNotActive"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-         */
-        "taxAlertMessage"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-         */
-        "taxAlertMessageExpiringSoon": string;
-        /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-         */
-        "taxDocumentSectionHeader": string;
-        /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-         */
-        "taxDocumentSectionSubHeader": string;
-    }
-    interface SqmText {
-    }
-    interface SqmTextSpan {
-        /**
-          * @uiName Text
-         */
-        "text": string;
-        /**
-          * @uiName Type
-          * @uiType string
-          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
-          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
-         */
-        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
-    }
-    interface SqmTimeline {
-        /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
-         */
-        "icon": "gift" | "circle";
-    }
-    interface SqmTimelineEntry {
-        /**
-          * @uiName Description
-         */
-        "desc": string;
-        /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
-         */
-        "icon": "gift" | "circle";
-        /**
-          * @uiName Reward amount
-         */
-        "reward": string;
-        "setIcon": (value: "gift" | "circle") => Promise<void>;
-        /**
-          * @uiName Reward unit
-         */
-        "unit": string;
-    }
-    interface SqmTitledSection {
-        /**
-          * Text value shown when there is no label slot declared.
-          * @uiName Label
-         */
-        "label": string;
-        /**
-          * Margin applied to the bottom of the label slot
-          * @uiName Label bottom margin
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "labelMargin": Spacing;
-        /**
-          * Padding applied to all 4 sides of the container
-          * @uiName Section padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "padding": Spacing;
-        /**
-          * @uiName Text alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "textAlign": "left" | "center" | "right";
-    }
-    interface SqmUserInfoForm {
-        /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-         */
-        "allowBankingCollection": string;
-        /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-         */
-        "allowBankingCollectionError": string;
-        /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-         */
-        "businessEntity": string;
-        /**
-          * Label text for country input
-          * @uiName Country label
-         */
-        "country": string;
-        /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-         */
-        "countryError": string;
-        /**
-          * Label text for currency input
-          * @uiName Currency label
-         */
-        "currency": string;
-        /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-         */
-        "currencyError": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseUserInfoFormResult>;
-        /**
-          * Label text for email input
-          * @uiName Email label
-         */
-        "email": string;
-        /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-         */
-        "emailError": string;
-        /**
-          * Label text for first name input
-          * @uiName First name label
-         */
-        "firstName": string;
-        /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-         */
-        "firstNameError": string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle": string;
-        /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-         */
-        "individualParticipant": string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-         */
-        "isPartnerAlertDescription": string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-         */
-        "isPartnerAlertHeader": string;
-        /**
-          * Label text for last name input
-          * @uiName Last name label
-         */
-        "lastName": string;
-        /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-         */
-        "lastNameError": string;
-        /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-         */
-        "participantType": string;
-        /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-         */
-        "participantTypeError": string;
-        /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-         */
-        "personalInformation": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton": string;
-        /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-         */
-        "taxAndBankingCollection": string;
-    }
-    interface SqmUserName {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
-        /**
-          * @uiName Unknown user name
+          * @uiName Unknown user name
          */
         "fallback": string;
         /**
@@ -4859,2214 +4258,1674 @@ declare global {
     };
     interface HTMLSqmPortalRegistrationFormElement extends Components.SqmPortalRegistrationForm, HTMLStencilElement {
     }
-    var HTMLSqmPortalRegistrationFormElement: {
-        prototype: HTMLSqmPortalRegistrationFormElement;
-        new (): HTMLSqmPortalRegistrationFormElement;
-    };
-    interface HTMLSqmPortalResetPasswordElement extends Components.SqmPortalResetPassword, HTMLStencilElement {
-    }
-    var HTMLSqmPortalResetPasswordElement: {
-        prototype: HTMLSqmPortalResetPasswordElement;
-        new (): HTMLSqmPortalResetPasswordElement;
-    };
-    interface HTMLSqmPortalVerifyEmailElement extends Components.SqmPortalVerifyEmail, HTMLStencilElement {
-    }
-    var HTMLSqmPortalVerifyEmailElement: {
-        prototype: HTMLSqmPortalVerifyEmailElement;
-        new (): HTMLSqmPortalVerifyEmailElement;
-    };
-    interface HTMLSqmProgramExplainerElement extends Components.SqmProgramExplainer, HTMLStencilElement {
-    }
-    var HTMLSqmProgramExplainerElement: {
-        prototype: HTMLSqmProgramExplainerElement;
-        new (): HTMLSqmProgramExplainerElement;
-    };
-    interface HTMLSqmProgramExplainerStepElement extends Components.SqmProgramExplainerStep, HTMLStencilElement {
-    }
-    var HTMLSqmProgramExplainerStepElement: {
-        prototype: HTMLSqmProgramExplainerStepElement;
-        new (): HTMLSqmProgramExplainerStepElement;
-    };
-    interface HTMLSqmProgramMenuElement extends Components.SqmProgramMenu, HTMLStencilElement {
-    }
-    var HTMLSqmProgramMenuElement: {
-        prototype: HTMLSqmProgramMenuElement;
-        new (): HTMLSqmProgramMenuElement;
-    };
-    interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
-    }
-    var HTMLSqmReferralCardElement: {
-        prototype: HTMLSqmReferralCardElement;
-        new (): HTMLSqmReferralCardElement;
-    };
-    interface HTMLSqmReferralIframeElement extends Components.SqmReferralIframe, HTMLStencilElement {
-    }
-    var HTMLSqmReferralIframeElement: {
-        prototype: HTMLSqmReferralIframeElement;
-        new (): HTMLSqmReferralIframeElement;
-    };
-    interface HTMLSqmReferralTableElement extends Components.SqmReferralTable, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableElement: {
-        prototype: HTMLSqmReferralTableElement;
-        new (): HTMLSqmReferralTableElement;
-    };
-    interface HTMLSqmReferralTableCellElement extends Components.SqmReferralTableCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableCellElement: {
-        prototype: HTMLSqmReferralTableCellElement;
-        new (): HTMLSqmReferralTableCellElement;
-    };
-    interface HTMLSqmReferralTableColumnElement extends Components.SqmReferralTableColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableColumnElement: {
-        prototype: HTMLSqmReferralTableColumnElement;
-        new (): HTMLSqmReferralTableColumnElement;
-    };
-    interface HTMLSqmReferralTableDateCellElement extends Components.SqmReferralTableDateCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableDateCellElement: {
-        prototype: HTMLSqmReferralTableDateCellElement;
-        new (): HTMLSqmReferralTableDateCellElement;
-    };
-    interface HTMLSqmReferralTableDateColumnElement extends Components.SqmReferralTableDateColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableDateColumnElement: {
-        prototype: HTMLSqmReferralTableDateColumnElement;
-        new (): HTMLSqmReferralTableDateColumnElement;
-    };
-    interface HTMLSqmReferralTableRewardsCellElement extends Components.SqmReferralTableRewardsCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableRewardsCellElement: {
-        prototype: HTMLSqmReferralTableRewardsCellElement;
-        new (): HTMLSqmReferralTableRewardsCellElement;
-    };
-    interface HTMLSqmReferralTableRewardsColumnElement extends Components.SqmReferralTableRewardsColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableRewardsColumnElement: {
-        prototype: HTMLSqmReferralTableRewardsColumnElement;
-        new (): HTMLSqmReferralTableRewardsColumnElement;
-    };
-    interface HTMLSqmReferralTableStatusCellElement extends Components.SqmReferralTableStatusCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableStatusCellElement: {
-        prototype: HTMLSqmReferralTableStatusCellElement;
-        new (): HTMLSqmReferralTableStatusCellElement;
-    };
-    interface HTMLSqmReferralTableStatusColumnElement extends Components.SqmReferralTableStatusColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableStatusColumnElement: {
-        prototype: HTMLSqmReferralTableStatusColumnElement;
-        new (): HTMLSqmReferralTableStatusColumnElement;
-    };
-    interface HTMLSqmReferralTableUserCellElement extends Components.SqmReferralTableUserCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableUserCellElement: {
-        prototype: HTMLSqmReferralTableUserCellElement;
-        new (): HTMLSqmReferralTableUserCellElement;
-    };
-    interface HTMLSqmReferralTableUserColumnElement extends Components.SqmReferralTableUserColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableUserColumnElement: {
-        prototype: HTMLSqmReferralTableUserColumnElement;
-        new (): HTMLSqmReferralTableUserColumnElement;
-    };
-    interface HTMLSqmReferredRegistrationElement extends Components.SqmReferredRegistration, HTMLStencilElement {
-    }
-    var HTMLSqmReferredRegistrationElement: {
-        prototype: HTMLSqmReferredRegistrationElement;
-        new (): HTMLSqmReferredRegistrationElement;
-    };
-    interface HTMLSqmRewardExchangeListElement extends Components.SqmRewardExchangeList, HTMLStencilElement {
-    }
-    var HTMLSqmRewardExchangeListElement: {
-        prototype: HTMLSqmRewardExchangeListElement;
-        new (): HTMLSqmRewardExchangeListElement;
-    };
-    interface HTMLSqmRewardsTableElement extends Components.SqmRewardsTable, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableElement: {
-        prototype: HTMLSqmRewardsTableElement;
-        new (): HTMLSqmRewardsTableElement;
-    };
-    interface HTMLSqmRewardsTableCustomerNoteCellElement extends Components.SqmRewardsTableCustomerNoteCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableCustomerNoteCellElement: {
-        prototype: HTMLSqmRewardsTableCustomerNoteCellElement;
-        new (): HTMLSqmRewardsTableCustomerNoteCellElement;
-    };
-    interface HTMLSqmRewardsTableCustomerNoteColumnElement extends Components.SqmRewardsTableCustomerNoteColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableCustomerNoteColumnElement: {
-        prototype: HTMLSqmRewardsTableCustomerNoteColumnElement;
-        new (): HTMLSqmRewardsTableCustomerNoteColumnElement;
-    };
-    interface HTMLSqmRewardsTableDateCellElement extends Components.SqmRewardsTableDateCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableDateCellElement: {
-        prototype: HTMLSqmRewardsTableDateCellElement;
-        new (): HTMLSqmRewardsTableDateCellElement;
-    };
-    interface HTMLSqmRewardsTableDateColumnElement extends Components.SqmRewardsTableDateColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableDateColumnElement: {
-        prototype: HTMLSqmRewardsTableDateColumnElement;
-        new (): HTMLSqmRewardsTableDateColumnElement;
-    };
-    interface HTMLSqmRewardsTableRewardCellElement extends Components.SqmRewardsTableRewardCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableRewardCellElement: {
-        prototype: HTMLSqmRewardsTableRewardCellElement;
-        new (): HTMLSqmRewardsTableRewardCellElement;
-    };
-    interface HTMLSqmRewardsTableRewardColumnElement extends Components.SqmRewardsTableRewardColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableRewardColumnElement: {
-        prototype: HTMLSqmRewardsTableRewardColumnElement;
-        new (): HTMLSqmRewardsTableRewardColumnElement;
-    };
-    interface HTMLSqmRewardsTableSourceCellElement extends Components.SqmRewardsTableSourceCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableSourceCellElement: {
-        prototype: HTMLSqmRewardsTableSourceCellElement;
-        new (): HTMLSqmRewardsTableSourceCellElement;
-    };
-    interface HTMLSqmRewardsTableSourceColumnElement extends Components.SqmRewardsTableSourceColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableSourceColumnElement: {
-        prototype: HTMLSqmRewardsTableSourceColumnElement;
-        new (): HTMLSqmRewardsTableSourceColumnElement;
-    };
-    interface HTMLSqmRewardsTableStatusCellElement extends Components.SqmRewardsTableStatusCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableStatusCellElement: {
-        prototype: HTMLSqmRewardsTableStatusCellElement;
-        new (): HTMLSqmRewardsTableStatusCellElement;
-    };
-    interface HTMLSqmRewardsTableStatusColumnElement extends Components.SqmRewardsTableStatusColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableStatusColumnElement: {
-        prototype: HTMLSqmRewardsTableStatusColumnElement;
-        new (): HTMLSqmRewardsTableStatusColumnElement;
-    };
-    interface HTMLSqmRouteElement extends Components.SqmRoute, HTMLStencilElement {
-    }
-    var HTMLSqmRouteElement: {
-        prototype: HTMLSqmRouteElement;
-        new (): HTMLSqmRouteElement;
-    };
-    interface HTMLSqmRouterElement extends Components.SqmRouter, HTMLStencilElement {
-    }
-    var HTMLSqmRouterElement: {
-        prototype: HTMLSqmRouterElement;
-        new (): HTMLSqmRouterElement;
-    };
-    interface HTMLSqmScrollElement extends Components.SqmScroll, HTMLStencilElement {
-    }
-    var HTMLSqmScrollElement: {
-        prototype: HTMLSqmScrollElement;
-        new (): HTMLSqmScrollElement;
-    };
-    interface HTMLSqmShareButtonElement extends Components.SqmShareButton, HTMLStencilElement {
-    }
-    var HTMLSqmShareButtonElement: {
-        prototype: HTMLSqmShareButtonElement;
-        new (): HTMLSqmShareButtonElement;
-    };
-    interface HTMLSqmShareCodeElement extends Components.SqmShareCode, HTMLStencilElement {
-    }
-    var HTMLSqmShareCodeElement: {
-        prototype: HTMLSqmShareCodeElement;
-        new (): HTMLSqmShareCodeElement;
+    var HTMLSqmPortalRegistrationFormElement: {
+        prototype: HTMLSqmPortalRegistrationFormElement;
+        new (): HTMLSqmPortalRegistrationFormElement;
     };
-    interface HTMLSqmShareLinkElement extends Components.SqmShareLink, HTMLStencilElement {
+    interface HTMLSqmPortalResetPasswordElement extends Components.SqmPortalResetPassword, HTMLStencilElement {
     }
-    var HTMLSqmShareLinkElement: {
-        prototype: HTMLSqmShareLinkElement;
-        new (): HTMLSqmShareLinkElement;
+    var HTMLSqmPortalResetPasswordElement: {
+        prototype: HTMLSqmPortalResetPasswordElement;
+        new (): HTMLSqmPortalResetPasswordElement;
     };
-    interface HTMLSqmStatContainerElement extends Components.SqmStatContainer, HTMLStencilElement {
+    interface HTMLSqmPortalVerifyEmailElement extends Components.SqmPortalVerifyEmail, HTMLStencilElement {
     }
-    var HTMLSqmStatContainerElement: {
-        prototype: HTMLSqmStatContainerElement;
-        new (): HTMLSqmStatContainerElement;
+    var HTMLSqmPortalVerifyEmailElement: {
+        prototype: HTMLSqmPortalVerifyEmailElement;
+        new (): HTMLSqmPortalVerifyEmailElement;
     };
-    interface HTMLSqmStencilbookElement extends Components.SqmStencilbook, HTMLStencilElement {
+    interface HTMLSqmProgramExplainerElement extends Components.SqmProgramExplainer, HTMLStencilElement {
     }
-    var HTMLSqmStencilbookElement: {
-        prototype: HTMLSqmStencilbookElement;
-        new (): HTMLSqmStencilbookElement;
+    var HTMLSqmProgramExplainerElement: {
+        prototype: HTMLSqmProgramExplainerElement;
+        new (): HTMLSqmProgramExplainerElement;
     };
-    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    interface HTMLSqmProgramExplainerStepElement extends Components.SqmProgramExplainerStep, HTMLStencilElement {
     }
-    var HTMLSqmTabElement: {
-        prototype: HTMLSqmTabElement;
-        new (): HTMLSqmTabElement;
+    var HTMLSqmProgramExplainerStepElement: {
+        prototype: HTMLSqmProgramExplainerStepElement;
+        new (): HTMLSqmProgramExplainerStepElement;
     };
-    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    interface HTMLSqmProgramMenuElement extends Components.SqmProgramMenu, HTMLStencilElement {
     }
-    var HTMLSqmTableCellElement: {
-        prototype: HTMLSqmTableCellElement;
-        new (): HTMLSqmTableCellElement;
+    var HTMLSqmProgramMenuElement: {
+        prototype: HTMLSqmProgramMenuElement;
+        new (): HTMLSqmProgramMenuElement;
     };
-    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
     }
-    var HTMLSqmTableRowElement: {
-        prototype: HTMLSqmTableRowElement;
-        new (): HTMLSqmTableRowElement;
+    var HTMLSqmReferralCardElement: {
+        prototype: HTMLSqmReferralCardElement;
+        new (): HTMLSqmReferralCardElement;
     };
-    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    interface HTMLSqmReferralIframeElement extends Components.SqmReferralIframe, HTMLStencilElement {
     }
-    var HTMLSqmTabsElement: {
-        prototype: HTMLSqmTabsElement;
-        new (): HTMLSqmTabsElement;
+    var HTMLSqmReferralIframeElement: {
+        prototype: HTMLSqmReferralIframeElement;
+        new (): HTMLSqmReferralIframeElement;
     };
-    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
+    interface HTMLSqmReferralTableElement extends Components.SqmReferralTable, HTMLStencilElement {
     }
-    var HTMLSqmTaskCardElement: {
-        prototype: HTMLSqmTaskCardElement;
-        new (): HTMLSqmTaskCardElement;
+    var HTMLSqmReferralTableElement: {
+        prototype: HTMLSqmReferralTableElement;
+        new (): HTMLSqmReferralTableElement;
     };
-    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    interface HTMLSqmReferralTableCellElement extends Components.SqmReferralTableCell, HTMLStencilElement {
     }
-    var HTMLSqmTaxAndCashElement: {
-        prototype: HTMLSqmTaxAndCashElement;
-        new (): HTMLSqmTaxAndCashElement;
+    var HTMLSqmReferralTableCellElement: {
+        prototype: HTMLSqmReferralTableCellElement;
+        new (): HTMLSqmReferralTableCellElement;
     };
-    interface HTMLSqmTaxAndCashMonolithElement extends Components.SqmTaxAndCashMonolith, HTMLStencilElement {
+    interface HTMLSqmReferralTableColumnElement extends Components.SqmReferralTableColumn, HTMLStencilElement {
     }
-    var HTMLSqmTaxAndCashMonolithElement: {
-        prototype: HTMLSqmTaxAndCashMonolithElement;
-        new (): HTMLSqmTaxAndCashMonolithElement;
+    var HTMLSqmReferralTableColumnElement: {
+        prototype: HTMLSqmReferralTableColumnElement;
+        new (): HTMLSqmReferralTableColumnElement;
     };
-    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
+    interface HTMLSqmReferralTableDateCellElement extends Components.SqmReferralTableDateCell, HTMLStencilElement {
     }
-    var HTMLSqmTaxDocumentSubmittedElement: {
-        prototype: HTMLSqmTaxDocumentSubmittedElement;
-        new (): HTMLSqmTaxDocumentSubmittedElement;
+    var HTMLSqmReferralTableDateCellElement: {
+        prototype: HTMLSqmReferralTableDateCellElement;
+        new (): HTMLSqmReferralTableDateCellElement;
     };
-    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
+    interface HTMLSqmReferralTableDateColumnElement extends Components.SqmReferralTableDateColumn, HTMLStencilElement {
     }
-    var HTMLSqmTextElement: {
-        prototype: HTMLSqmTextElement;
-        new (): HTMLSqmTextElement;
+    var HTMLSqmReferralTableDateColumnElement: {
+        prototype: HTMLSqmReferralTableDateColumnElement;
+        new (): HTMLSqmReferralTableDateColumnElement;
     };
-    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
+    interface HTMLSqmReferralTableRewardsCellElement extends Components.SqmReferralTableRewardsCell, HTMLStencilElement {
     }
-    var HTMLSqmTextSpanElement: {
-        prototype: HTMLSqmTextSpanElement;
-        new (): HTMLSqmTextSpanElement;
+    var HTMLSqmReferralTableRewardsCellElement: {
+        prototype: HTMLSqmReferralTableRewardsCellElement;
+        new (): HTMLSqmReferralTableRewardsCellElement;
     };
-    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
+    interface HTMLSqmReferralTableRewardsColumnElement extends Components.SqmReferralTableRewardsColumn, HTMLStencilElement {
     }
-    var HTMLSqmTimelineElement: {
-        prototype: HTMLSqmTimelineElement;
-        new (): HTMLSqmTimelineElement;
+    var HTMLSqmReferralTableRewardsColumnElement: {
+        prototype: HTMLSqmReferralTableRewardsColumnElement;
+        new (): HTMLSqmReferralTableRewardsColumnElement;
     };
-    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
+    interface HTMLSqmReferralTableStatusCellElement extends Components.SqmReferralTableStatusCell, HTMLStencilElement {
     }
-    var HTMLSqmTimelineEntryElement: {
-        prototype: HTMLSqmTimelineEntryElement;
-        new (): HTMLSqmTimelineEntryElement;
+    var HTMLSqmReferralTableStatusCellElement: {
+        prototype: HTMLSqmReferralTableStatusCellElement;
+        new (): HTMLSqmReferralTableStatusCellElement;
     };
-    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
+    interface HTMLSqmReferralTableStatusColumnElement extends Components.SqmReferralTableStatusColumn, HTMLStencilElement {
     }
-    var HTMLSqmTitledSectionElement: {
-        prototype: HTMLSqmTitledSectionElement;
-        new (): HTMLSqmTitledSectionElement;
+    var HTMLSqmReferralTableStatusColumnElement: {
+        prototype: HTMLSqmReferralTableStatusColumnElement;
+        new (): HTMLSqmReferralTableStatusColumnElement;
     };
-    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    interface HTMLSqmReferralTableUserCellElement extends Components.SqmReferralTableUserCell, HTMLStencilElement {
     }
-    var HTMLSqmUserInfoFormElement: {
-        prototype: HTMLSqmUserInfoFormElement;
-        new (): HTMLSqmUserInfoFormElement;
+    var HTMLSqmReferralTableUserCellElement: {
+        prototype: HTMLSqmReferralTableUserCellElement;
+        new (): HTMLSqmReferralTableUserCellElement;
     };
-    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    interface HTMLSqmReferralTableUserColumnElement extends Components.SqmReferralTableUserColumn, HTMLStencilElement {
     }
-    var HTMLSqmUserNameElement: {
-        prototype: HTMLSqmUserNameElement;
-        new (): HTMLSqmUserNameElement;
+    var HTMLSqmReferralTableUserColumnElement: {
+        prototype: HTMLSqmReferralTableUserColumnElement;
+        new (): HTMLSqmReferralTableUserColumnElement;
     };
-    interface HTMLElementTagNameMap {
-        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
-        "sqm-asset-card": HTMLSqmAssetCardElement;
-        "sqm-big-stat": HTMLSqmBigStatElement;
-        "sqm-brand": HTMLSqmBrandElement;
-        "sqm-card-feed": HTMLSqmCardFeedElement;
-        "sqm-cash-form": HTMLSqmCashFormElement;
-        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
-        "sqm-close-button": HTMLSqmCloseButtonElement;
-        "sqm-context-router": HTMLSqmContextRouterElement;
-        "sqm-coupon-code": HTMLSqmCouponCodeElement;
-        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
-        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
-        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
-        "sqm-docusign-form": HTMLSqmDocusignFormElement;
-        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
-        "sqm-edit-profile": HTMLSqmEditProfileElement;
-        "sqm-empty": HTMLSqmEmptyElement;
-        "sqm-form-message": HTMLSqmFormMessageElement;
-        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
-        "sqm-header-logo": HTMLSqmHeaderLogoElement;
-        "sqm-hero": HTMLSqmHeroElement;
-        "sqm-hero-image": HTMLSqmHeroImageElement;
-        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
-        "sqm-image": HTMLSqmImageElement;
-        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
-        "sqm-input-field": HTMLSqmInputFieldElement;
-        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
-        "sqm-leaderboard": HTMLSqmLeaderboardElement;
-        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
-        "sqm-link-button": HTMLSqmLinkButtonElement;
-        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
-        "sqm-name-fields": HTMLSqmNameFieldsElement;
-        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
-        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
-        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
-        "sqm-password-field": HTMLSqmPasswordFieldElement;
-        "sqm-popup-container": HTMLSqmPopupContainerElement;
-        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
-        "sqm-portal-container": HTMLSqmPortalContainerElement;
-        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
-        "sqm-portal-footer": HTMLSqmPortalFooterElement;
-        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
-        "sqm-portal-frame": HTMLSqmPortalFrameElement;
-        "sqm-portal-login": HTMLSqmPortalLoginElement;
-        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
-        "sqm-portal-profile": HTMLSqmPortalProfileElement;
-        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
-        "sqm-portal-register": HTMLSqmPortalRegisterElement;
-        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
-        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
-        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
-        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
-        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
-        "sqm-program-menu": HTMLSqmProgramMenuElement;
-        "sqm-referral-card": HTMLSqmReferralCardElement;
-        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
-        "sqm-referral-table": HTMLSqmReferralTableElement;
-        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
-        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
-        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
-        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
-        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
-        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
-        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
-        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
-        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
-        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
-        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
-        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
-        "sqm-rewards-table": HTMLSqmRewardsTableElement;
-        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
-        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
-        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
-        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
-        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
-        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
-        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
-        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
-        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
-        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
-        "sqm-route": HTMLSqmRouteElement;
-        "sqm-router": HTMLSqmRouterElement;
-        "sqm-scroll": HTMLSqmScrollElement;
-        "sqm-share-button": HTMLSqmShareButtonElement;
-        "sqm-share-code": HTMLSqmShareCodeElement;
-        "sqm-share-link": HTMLSqmShareLinkElement;
-        "sqm-stat-container": HTMLSqmStatContainerElement;
-        "sqm-stencilbook": HTMLSqmStencilbookElement;
-        "sqm-tab": HTMLSqmTabElement;
-        "sqm-table-cell": HTMLSqmTableCellElement;
-        "sqm-table-row": HTMLSqmTableRowElement;
-        "sqm-tabs": HTMLSqmTabsElement;
-        "sqm-task-card": HTMLSqmTaskCardElement;
-        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
-        "sqm-tax-and-cash-monolith": HTMLSqmTaxAndCashMonolithElement;
-        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
-        "sqm-text": HTMLSqmTextElement;
-        "sqm-text-span": HTMLSqmTextSpanElement;
-        "sqm-timeline": HTMLSqmTimelineElement;
-        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
-        "sqm-titled-section": HTMLSqmTitledSectionElement;
-        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
-        "sqm-user-name": HTMLSqmUserNameElement;
+    interface HTMLSqmReferredRegistrationElement extends Components.SqmReferredRegistration, HTMLStencilElement {
     }
-}
-declare namespace LocalJSX {
-    interface RaisinsPlopTarget {
+    var HTMLSqmReferredRegistrationElement: {
+        prototype: HTMLSqmReferredRegistrationElement;
+        new (): HTMLSqmReferredRegistrationElement;
+    };
+    interface HTMLSqmRewardExchangeListElement extends Components.SqmRewardExchangeList, HTMLStencilElement {
     }
-    interface SqmAssetCard {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<AssetCardViewProps>;
-        /**
-          * @uiName Banner image
-         */
-        "imgUrl"?: string;
-        /**
-          * @uiName Banner title
-         */
-        "titleText"?: string;
+    var HTMLSqmRewardExchangeListElement: {
+        prototype: HTMLSqmRewardExchangeListElement;
+        new (): HTMLSqmRewardExchangeListElement;
+    };
+    interface HTMLSqmRewardsTableElement extends Components.SqmRewardsTable, HTMLStencilElement {
     }
-    interface SqmBigStat {
-        /**
-          * Controls the alignment of the flexbox
-          * @uiName Alignment
-          * @uiType string
-          * @uiEnum ["left", "right", "center"]
-          * @uiEnumNames ["Left", "Right", "Center"]
-         */
-        "alignment"?: "left" | "right" | "center";
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<BigStatViewProps>;
-        /**
-          * Controls the order of the stat value & description column
-          * @uiName Flex reverse
-          * @default
-         */
-        "flexReverse"?: boolean;
-        /**
-          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
-          * @uiName Program ID
-          * @uiWidget programSelector
-         */
-        "programId"?: string;
-        /**
-          * Select what type of stat to display. Manual paths are also supported.
-          * @uiWidget statTypeSelectWidget
-          * @uiName Stat type
-          * @required 
-          * @uiWidgetOptions {"version": 1.1}
-         */
-        "statType"?: string;
+    var HTMLSqmRewardsTableElement: {
+        prototype: HTMLSqmRewardsTableElement;
+        new (): HTMLSqmRewardsTableElement;
+    };
+    interface HTMLSqmRewardsTableCustomerNoteCellElement extends Components.SqmRewardsTableCustomerNoteCell, HTMLStencilElement {
     }
-    interface SqmBrand {
-        /**
-          * Controls the primary brand color used in the Mint Components library.
-          * @uiName Brand color
-          * @uiWidget color
-          * @format color
-         */
-        "brandColor"?: string;
-        /**
-          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
-          * @uiName Brand font
-          * @default "Nunito Sans"
-         */
-        "brandFont"?: string;
+    var HTMLSqmRewardsTableCustomerNoteCellElement: {
+        prototype: HTMLSqmRewardsTableCustomerNoteCellElement;
+        new (): HTMLSqmRewardsTableCustomerNoteCellElement;
+    };
+    interface HTMLSqmRewardsTableCustomerNoteColumnElement extends Components.SqmRewardsTableCustomerNoteColumn, HTMLStencilElement {
     }
-    interface SqmCardFeed {
-        /**
-          * @uiName Column gap
-          * @uiType number
-         */
-        "gap"?: number;
-        /**
-          * @uiName Card width
-         */
-        "width"?: number;
+    var HTMLSqmRewardsTableCustomerNoteColumnElement: {
+        prototype: HTMLSqmRewardsTableCustomerNoteColumnElement;
+        new (): HTMLSqmRewardsTableCustomerNoteColumnElement;
+    };
+    interface HTMLSqmRewardsTableDateCellElement extends Components.SqmRewardsTableDateCell, HTMLStencilElement {
     }
-    interface SqmCashForm {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
+    var HTMLSqmRewardsTableDateCellElement: {
+        prototype: HTMLSqmRewardsTableDateCellElement;
+        new (): HTMLSqmRewardsTableDateCellElement;
+    };
+    interface HTMLSqmRewardsTableDateColumnElement extends Components.SqmRewardsTableDateColumn, HTMLStencilElement {
     }
-    interface SqmCheckboxField {
-        /**
-          * @uiName Checkbox label
-          * @uiWidget textArea
-         */
-        "checkboxLabel"?: string;
-        /**
-          * Used with link text if the checkbox label contains {labelLink}
-          * @uiName Checkbox label link
-         */
-        "checkboxLabelLink"?: string;
-        /**
-          * @uiName Checkbox label link lext
-         */
-        "checkboxLabelLinkText"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Checkbox name attribute
-          * @required
-         */
-        "checkboxName"?: string;
-        /**
-          * @uiName Optional
-         */
-        "checkboxOptional"?: boolean;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<CheckboxFieldViewProps>;
-        /**
-          * @uiName Unchecked error message
-         */
-        "errorMessage"?: string;
+    var HTMLSqmRewardsTableDateColumnElement: {
+        prototype: HTMLSqmRewardsTableDateColumnElement;
+        new (): HTMLSqmRewardsTableDateColumnElement;
+    };
+    interface HTMLSqmRewardsTableRewardCellElement extends Components.SqmRewardsTableRewardCell, HTMLStencilElement {
     }
-    interface SqmCloseButton {
-        /**
-          * @uiName Color
-          * @uiWidget color
-          * @uiType string
-         */
-        "color"?: string;
+    var HTMLSqmRewardsTableRewardCellElement: {
+        prototype: HTMLSqmRewardsTableRewardCellElement;
+        new (): HTMLSqmRewardsTableRewardCellElement;
+    };
+    interface HTMLSqmRewardsTableRewardColumnElement extends Components.SqmRewardsTableRewardColumn, HTMLStencilElement {
     }
-    interface SqmContextRouter {
-        "contextName"?: string;
+    var HTMLSqmRewardsTableRewardColumnElement: {
+        prototype: HTMLSqmRewardsTableRewardColumnElement;
+        new (): HTMLSqmRewardsTableRewardColumnElement;
+    };
+    interface HTMLSqmRewardsTableSourceCellElement extends Components.SqmRewardsTableSourceCell, HTMLStencilElement {
     }
-    interface SqmCouponCode {
-        /**
-          * Set the copy button style and placement.
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
-         */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * Display this message when the coupon code has been cancelled.
-          * @uiWidget textArea
-          * @uiName Cancelled code error message
-          * @uiGroup Coupon code error
-         */
-        "cancelledErrorText"?: string;
-        /**
-          * @uiName Copy button label
-         */
-        "copyButtonLabel"?: string;
-        /**
-          * @uiName Coupon code label
-         */
-        "couponCodeLabel"?: string;
-        /**
-          * Display this text when the coupon code can’t be retrieved.
-          * @uiName Coupon code placeholder
-          * @uiGroup Coupon code error
-         */
-        "couponCodePlaceholder"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<CouponCodeViewProps>;
-        /**
-          * Display this message when the coupon code has expired.
-          * @uiWidget textArea
-          * @uiName Expired code error message
-          * @uiGroup Coupon code error
-         */
-        "expiredErrorText"?: string;
-        /**
-          * Display this message when the code fails to load due to a fulfillment error.
-          * @uiWidget textArea
-          * @uiName Code fulfillment error message
-          * @uiGroup Coupon code error
-         */
-        "fullfillmentErrorText"?: string;
-        /**
-          * Display this message when the code fails to load due to an unspecified error.
-          * @uiWidget textArea
-          * @uiName Code retrieval error message
-          * @uiGroup Coupon code error
-         */
-        "genericErrorText"?: string;
-        /**
-          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
-          * @uiWidget textArea
-          * @uiName Code pending error message
-          * @uiGroup Coupon code error
-         */
-        "pendingErrorText"?: string;
-        /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
-         */
-        "programId"?: string;
-        /**
-          * Display this message when the coupon code has already been redeemed.
-          * @uiWidget textArea
-          * @uiName Redeemed code error message
-          * @uiGroup Coupon code error
-         */
-        "redeemedErrorText"?: string;
-        /**
-          * @uiName Coupon code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "textAlign"?: "left" | "center" | "right";
-        /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
-         */
-        "tooltiplifespan"?: number;
-        /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
-          * @uiName Tooltip text
-         */
-        "tooltiptext"?: string;
+    var HTMLSqmRewardsTableSourceCellElement: {
+        prototype: HTMLSqmRewardsTableSourceCellElement;
+        new (): HTMLSqmRewardsTableSourceCellElement;
+    };
+    interface HTMLSqmRewardsTableSourceColumnElement extends Components.SqmRewardsTableSourceColumn, HTMLStencilElement {
     }
-    interface SqmDividedLayout {
-        /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
-         */
-        "direction"?: "row" | "column";
-        /**
-          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
-          * @uiName Border style
-         */
-        "dividerStyle"?: string;
+    var HTMLSqmRewardsTableSourceColumnElement: {
+        prototype: HTMLSqmRewardsTableSourceColumnElement;
+        new (): HTMLSqmRewardsTableSourceColumnElement;
+    };
+    interface HTMLSqmRewardsTableStatusCellElement extends Components.SqmRewardsTableStatusCell, HTMLStencilElement {
     }
-    interface SqmDocumentTypeForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseDocumentTypeFormResult>;
-        /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-         */
-        "formLabel"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
-        /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-         */
-        "taxForm"?: string;
-        /**
-          * Description for the W8 radio button
-          * @uiName W8 radio button subtext
-         */
-        "w8Description"?: string;
-        /**
-          * Description for the W8E radio button
-          * @uiName W8E radio button subtext
-         */
-        "w8EDescription"?: string;
-        /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-         */
-        "w8ELabel"?: string;
-        /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-         */
-        "w8Label"?: string;
-        /**
-          * Description for the W9 radio button
-          * @uiName W9 radio button subtext
-         */
-        "w9Description"?: string;
-        /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-         */
-        "w9Label"?: string;
+    var HTMLSqmRewardsTableStatusCellElement: {
+        prototype: HTMLSqmRewardsTableStatusCellElement;
+        new (): HTMLSqmRewardsTableStatusCellElement;
+    };
+    interface HTMLSqmRewardsTableStatusColumnElement extends Components.SqmRewardsTableStatusColumn, HTMLStencilElement {
     }
-    interface SqmDocusignEmbed {
-        "url"?: string;
+    var HTMLSqmRewardsTableStatusColumnElement: {
+        prototype: HTMLSqmRewardsTableStatusColumnElement;
+        new (): HTMLSqmRewardsTableStatusColumnElement;
+    };
+    interface HTMLSqmRouteElement extends Components.SqmRoute, HTMLStencilElement {
     }
-    interface SqmDocusignForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton"?: string;
-        /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-         */
-        "banner"?: string;
-        /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-         */
-        "checkboxDescription"?: string;
-        /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-         */
-        "checkboxLabel"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseDocusignFormResult>;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
-        /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-         */
-        "formSubmissionError"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle"?: string;
-        /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-         */
-        "notBasedInUS"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
-        /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-         */
-        "taxForm"?: string;
-        /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-         */
-        "taxFormDescription"?: string;
-        /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-         */
-        "taxFormLabel"?: string;
+    var HTMLSqmRouteElement: {
+        prototype: HTMLSqmRouteElement;
+        new (): HTMLSqmRouteElement;
+    };
+    interface HTMLSqmRouterElement extends Components.SqmRouter, HTMLStencilElement {
+    }
+    var HTMLSqmRouterElement: {
+        prototype: HTMLSqmRouterElement;
+        new (): HTMLSqmRouterElement;
+    };
+    interface HTMLSqmScrollElement extends Components.SqmScroll, HTMLStencilElement {
+    }
+    var HTMLSqmScrollElement: {
+        prototype: HTMLSqmScrollElement;
+        new (): HTMLSqmScrollElement;
+    };
+    interface HTMLSqmShareButtonElement extends Components.SqmShareButton, HTMLStencilElement {
+    }
+    var HTMLSqmShareButtonElement: {
+        prototype: HTMLSqmShareButtonElement;
+        new (): HTMLSqmShareButtonElement;
+    };
+    interface HTMLSqmShareCodeElement extends Components.SqmShareCode, HTMLStencilElement {
+    }
+    var HTMLSqmShareCodeElement: {
+        prototype: HTMLSqmShareCodeElement;
+        new (): HTMLSqmShareCodeElement;
+    };
+    interface HTMLSqmShareLinkElement extends Components.SqmShareLink, HTMLStencilElement {
+    }
+    var HTMLSqmShareLinkElement: {
+        prototype: HTMLSqmShareLinkElement;
+        new (): HTMLSqmShareLinkElement;
+    };
+    interface HTMLSqmStatContainerElement extends Components.SqmStatContainer, HTMLStencilElement {
+    }
+    var HTMLSqmStatContainerElement: {
+        prototype: HTMLSqmStatContainerElement;
+        new (): HTMLSqmStatContainerElement;
+    };
+    interface HTMLSqmStencilbookElement extends Components.SqmStencilbook, HTMLStencilElement {
+    }
+    var HTMLSqmStencilbookElement: {
+        prototype: HTMLSqmStencilbookElement;
+        new (): HTMLSqmStencilbookElement;
+    };
+    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    }
+    var HTMLSqmTabElement: {
+        prototype: HTMLSqmTabElement;
+        new (): HTMLSqmTabElement;
+    };
+    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    }
+    var HTMLSqmTableCellElement: {
+        prototype: HTMLSqmTableCellElement;
+        new (): HTMLSqmTableCellElement;
+    };
+    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    }
+    var HTMLSqmTableRowElement: {
+        prototype: HTMLSqmTableRowElement;
+        new (): HTMLSqmTableRowElement;
+    };
+    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    }
+    var HTMLSqmTabsElement: {
+        prototype: HTMLSqmTabsElement;
+        new (): HTMLSqmTabsElement;
+    };
+    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
+    }
+    var HTMLSqmTaskCardElement: {
+        prototype: HTMLSqmTaskCardElement;
+        new (): HTMLSqmTaskCardElement;
+    };
+    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    }
+    var HTMLSqmTaxAndCashElement: {
+        prototype: HTMLSqmTaxAndCashElement;
+        new (): HTMLSqmTaxAndCashElement;
+    };
+    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
     }
-    interface SqmDropdownField {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<DropdownFieldViewProps>;
-        /**
-          * @uiName Dropdown label
-         */
-        "dropdownLabel"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Dropdown name attribute
-          * @required
-         */
-        "dropdownName"?: string;
-        /**
-          * @uiName Optional
-          * @default
-         */
-        "dropdownOptional"?: boolean;
-        /**
-          * @uiName Unselected error message
-         */
-        "errorMessage"?: string;
+    var HTMLSqmTaxDocumentSubmittedElement: {
+        prototype: HTMLSqmTaxDocumentSubmittedElement;
+        new (): HTMLSqmTaxDocumentSubmittedElement;
+    };
+    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
     }
-    interface SqmEditProfile {
-        /**
-          * @uiName Cancel button text
-         */
-        "canceltext"?: string;
-        /**
-          * @uiName Region field label
-         */
-        "currentregiontext"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<EditProfileViewProps>;
-        /**
-          * @uiName Heading
-         */
-        "editprofileheader"?: string;
-        /**
-          * Enable editing button text
-          * @uiName Edit profile text
-         */
-        "editprofiletext"?: string;
-        /**
-          * @uiName First name label
-         */
-        "firstnametext"?: string;
-        /**
-          * @uiName Last name label
-         */
-        "lastnametext"?: string;
-        /**
-          * Show or hide current region
-          * @uiName Show region
-         */
-        "showregion"?: boolean;
-        /**
-          * @uiName Info button text
-         */
-        "updatetext"?: string;
+    var HTMLSqmTextElement: {
+        prototype: HTMLSqmTextElement;
+        new (): HTMLSqmTextElement;
+    };
+    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
     }
-    interface SqmEmpty {
-        /**
-          * @uiName Title
-         */
-        "emptyStateHeader"?: string;
-        /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
-         */
-        "emptyStateImage"?: string;
-        /**
-          * @uiName Description
-          * @uiWidget textArea
-         */
-        "emptyStateText"?: string;
+    var HTMLSqmTextSpanElement: {
+        prototype: HTMLSqmTextSpanElement;
+        new (): HTMLSqmTextSpanElement;
+    };
+    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
     }
-    interface SqmFormMessage {
-        /**
-          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
-          * @uiName Icon
-         */
-        "icon"?: string;
-        /**
-          * Options include "success", "info", "warning", and "error"
-          * @uiName Alert type
-         */
-        "type"?: string;
+    var HTMLSqmTimelineElement: {
+        prototype: HTMLSqmTimelineElement;
+        new (): HTMLSqmTimelineElement;
+    };
+    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
     }
-    interface SqmGraphqlClientProvider {
-        /**
-          * @uiName Domain
-         */
-        "domain"?: string;
+    var HTMLSqmTimelineEntryElement: {
+        prototype: HTMLSqmTimelineEntryElement;
+        new (): HTMLSqmTimelineEntryElement;
+    };
+    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
     }
-    interface SqmHeaderLogo {
-        /**
-          * @uiName Logo height
-         */
-        "height"?: number;
-        /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Logo image
-         */
-        "imageUrl"?: string;
-        /**
-          * Page participants are navigated to after clicking the header logo.
-          * @uiName Redirect path
-          * @uiWidget pageSelect
-         */
-        "nextPage"?: string;
+    var HTMLSqmTitledSectionElement: {
+        prototype: HTMLSqmTitledSectionElement;
+        new (): HTMLSqmTitledSectionElement;
+    };
+    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    }
+    var HTMLSqmUserInfoFormElement: {
+        prototype: HTMLSqmUserInfoFormElement;
+        new (): HTMLSqmUserInfoFormElement;
+    };
+    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    }
+    var HTMLSqmUserNameElement: {
+        prototype: HTMLSqmUserNameElement;
+        new (): HTMLSqmUserNameElement;
+    };
+    interface HTMLElementTagNameMap {
+        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
+        "sqm-asset-card": HTMLSqmAssetCardElement;
+        "sqm-big-stat": HTMLSqmBigStatElement;
+        "sqm-brand": HTMLSqmBrandElement;
+        "sqm-card-feed": HTMLSqmCardFeedElement;
+        "sqm-cash-form": HTMLSqmCashFormElement;
+        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
+        "sqm-close-button": HTMLSqmCloseButtonElement;
+        "sqm-context-router": HTMLSqmContextRouterElement;
+        "sqm-coupon-code": HTMLSqmCouponCodeElement;
+        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
+        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
+        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
+        "sqm-docusign-form": HTMLSqmDocusignFormElement;
+        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
+        "sqm-edit-profile": HTMLSqmEditProfileElement;
+        "sqm-empty": HTMLSqmEmptyElement;
+        "sqm-form-message": HTMLSqmFormMessageElement;
+        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
+        "sqm-header-logo": HTMLSqmHeaderLogoElement;
+        "sqm-hero": HTMLSqmHeroElement;
+        "sqm-hero-image": HTMLSqmHeroImageElement;
+        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
+        "sqm-image": HTMLSqmImageElement;
+        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
+        "sqm-input-field": HTMLSqmInputFieldElement;
+        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
+        "sqm-leaderboard": HTMLSqmLeaderboardElement;
+        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
+        "sqm-link-button": HTMLSqmLinkButtonElement;
+        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
+        "sqm-name-fields": HTMLSqmNameFieldsElement;
+        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
+        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
+        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
+        "sqm-password-field": HTMLSqmPasswordFieldElement;
+        "sqm-popup-container": HTMLSqmPopupContainerElement;
+        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
+        "sqm-portal-container": HTMLSqmPortalContainerElement;
+        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
+        "sqm-portal-footer": HTMLSqmPortalFooterElement;
+        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
+        "sqm-portal-frame": HTMLSqmPortalFrameElement;
+        "sqm-portal-login": HTMLSqmPortalLoginElement;
+        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
+        "sqm-portal-profile": HTMLSqmPortalProfileElement;
+        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
+        "sqm-portal-register": HTMLSqmPortalRegisterElement;
+        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
+        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
+        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
+        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
+        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
+        "sqm-program-menu": HTMLSqmProgramMenuElement;
+        "sqm-referral-card": HTMLSqmReferralCardElement;
+        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
+        "sqm-referral-table": HTMLSqmReferralTableElement;
+        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
+        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
+        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
+        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
+        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
+        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
+        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
+        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
+        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
+        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
+        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
+        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
+        "sqm-rewards-table": HTMLSqmRewardsTableElement;
+        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
+        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
+        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
+        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
+        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
+        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
+        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
+        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
+        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
+        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
+        "sqm-route": HTMLSqmRouteElement;
+        "sqm-router": HTMLSqmRouterElement;
+        "sqm-scroll": HTMLSqmScrollElement;
+        "sqm-share-button": HTMLSqmShareButtonElement;
+        "sqm-share-code": HTMLSqmShareCodeElement;
+        "sqm-share-link": HTMLSqmShareLinkElement;
+        "sqm-stat-container": HTMLSqmStatContainerElement;
+        "sqm-stencilbook": HTMLSqmStencilbookElement;
+        "sqm-tab": HTMLSqmTabElement;
+        "sqm-table-cell": HTMLSqmTableCellElement;
+        "sqm-table-row": HTMLSqmTableRowElement;
+        "sqm-tabs": HTMLSqmTabsElement;
+        "sqm-task-card": HTMLSqmTaskCardElement;
+        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
+        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
+        "sqm-text": HTMLSqmTextElement;
+        "sqm-text-span": HTMLSqmTextSpanElement;
+        "sqm-timeline": HTMLSqmTimelineElement;
+        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
+        "sqm-titled-section": HTMLSqmTitledSectionElement;
+        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
+        "sqm-user-name": HTMLSqmUserNameElement;
     }
-    interface SqmHero {
-        /**
-          * Can be an image url, colour or Shoelace variable.
-          * @uiName Background
-          * @uiWidget Background
-         */
-        "background"?: string;
-        /**
-          * @uiName Columns
-          * @uiEnum [1, 2]
-          * @uiEnumNames ["One", "Two"]
-         */
-        "columns"?: 1 | 2;
-        /**
-          * Minimum height of each column including when they are stacked on mobile
-          * @uiName Minimum height (in px)
-         */
-        "minHeight"?: number;
-        /**
-          * @uiName Padding size
-          * @uiEnum ["none", "small", "medium","large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
-         */
-        "paddingSize"?: "none" | "small" | "medium" | "large";
-        /**
-          * Secondary background image or color (for use in the right column)
-          * @uiName Secondary background
-          * @uiWidget Background
-         */
-        "secondaryBackground"?: string;
-        /**
-          * Flexbox wrap direction, accepts wrap or wrap-reverse
-          * @uiName Wrap direction
-          * @uiEnum ["wrap", "wrap-reverse"]
-          * @uiEnumNames ["Wrap", "Wrap Reverse"]
-         */
-        "wrapDirection"?: "wrap" | "wrap-reverse";
+}
+declare namespace LocalJSX {
+    interface RaisinsPlopTarget {
     }
-    interface SqmHeroImage {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-         */
-        "backgroundColor"?: string;
-        /**
-          * @uiName Button link
-         */
-        "buttonLink"?: string;
-        /**
-          * @uiName Open link in new tab
-          * @default
-         */
-        "buttonNewTab"?: boolean;
-        /**
-          * @uiName Button text
-         */
-        "buttonText"?: string;
-        /**
-          * @uiName Description
-          * @uiWidget textArea
-         */
-        "description"?: string;
-        /**
-          * @uiName Title
-         */
-        "header"?: string;
-        /**
-          * @uiName Image mobile position
-          * @uiType string
-          * @uiEnum ["top", "bottom"]
-          * @uiEnumNames ["Top", "Bottom"]
-         */
-        "imageMobilePos"?: "top" | "bottom";
+    interface SqmAssetCard {
         /**
-          * @uiName Image percentage
-          * @uiType number
+          * @undocumented 
+          * @uiType object
          */
-        "imagePercentage"?: number;
+        "demoData"?: DemoData<AssetCardViewProps>;
         /**
-          * @uiName Image position
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName Banner image
          */
-        "imagePos"?: "left" | "center" | "right";
+        "imgUrl"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
+          * @uiName Banner title
          */
-        "imageUrl"?: string;
+        "titleText"?: string;
+    }
+    interface SqmBigStat {
         /**
-          * @uiName Image layout
+          * Controls the alignment of the flexbox
+          * @uiName Alignment
           * @uiType string
-          * @uiEnum ["overlay", "columns"]
-          * @uiEnumNames ["Overlay", "Two-column"]
-         */
-        "layout"?: "overlay" | "columns";
-        /**
-          * @uiName Overlay color
-          * @uiWidget color
-          * @format color
+          * @uiEnum ["left", "right", "center"]
+          * @uiEnumNames ["Left", "Right", "Center"]
          */
-        "overlayColor"?: string;
+        "alignment"?: "left" | "right" | "center";
         /**
-          * @uiName Overlay opacity
+          * @undocumented 
+          * @uiType object
          */
-        "overlayOpacity"?: string;
+        "demoData"?: DemoData<BigStatViewProps>;
         /**
-          * @uiName Image padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Controls the order of the stat value & description column
+          * @uiName Flex reverse
+          * @default
          */
-        "paddingImage"?: Spacing;
+        "flexReverse"?: boolean;
         /**
-          * @uiName Text padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "paddingText"?: Spacing;
+        "programId"?: string;
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * Select what type of stat to display. Manual paths are also supported.
+          * @uiWidget statTypeSelectWidget
+          * @uiName Stat type
+          * @required 
+          * @uiWidgetOptions {"version": 1.1}
          */
-        "textColor"?: string;
-    }
-    interface SqmHookStoryContainer {
-        "hookStory"?: FunctionalComponent;
+        "statType"?: string;
     }
-    interface SqmImage {
-        /**
-          * @uiName Position alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "alignment"?: "left" | "center" | "right";
+    interface SqmBrand {
         /**
-          * @uiName Background color
+          * Controls the primary brand color used in the Mint Components library.
+          * @uiName Brand color
           * @uiWidget color
           * @format color
          */
-        "backgroundColor"?: string;
+        "brandColor"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @required 
-          * @uiName Image link
+          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
+          * @uiName Brand font
+          * @default "Nunito Sans"
          */
-        "imageUrl"?: string;
+        "brandFont"?: string;
+    }
+    interface SqmCardFeed {
         /**
-          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
-          * @uiName Minimum height
+          * @uiName Column gap
+          * @uiType number
          */
-        "minHeight"?: string;
-    }
-    interface SqmIndirectTaxForm {
-        "backButton"?: string;
+        "gap"?: number;
         /**
-          * @undocumented
+          * @uiName Card width
          */
-        "demoData"?: DemoData<UseIndirectTaxFormResult>;
-        "formStep"?: string;
-        "generalErrorDescription"?: string;
-        "generalErrorTitle"?: string;
-        "indirectTax"?: string;
-        "indirectTaxDescription"?: string;
-        "indirectTaxDetails"?: string;
-        "indirectTaxDetailsDescription"?: string;
-        "indirectTaxNumber"?: string;
-        "indirectTaxNumberError"?: string;
-        "isPartnerAlertDescription"?: string;
-        "isPartnerAlertHeader"?: string;
-        "isRegisteredQST"?: string;
-        "isRegisteredSubRegionIncomeTax"?: string;
-        "notRegistered"?: string;
-        "otherRegion"?: string;
-        "province"?: string;
-        "provinceError"?: string;
-        "qstNumber"?: string;
-        "qstTaxNumberError"?: string;
-        "selectedRegion"?: string;
-        "selectedRegionError"?: string;
-        "subRegion"?: string;
-        "subRegionError"?: string;
-        "subRegionTaxNumberError"?: string;
-        "subRegionTaxNumberLabel"?: string;
-        "submitButton"?: string;
-        "taxDetailsError"?: string;
+        "width"?: number;
     }
-    interface SqmInputField {
+    interface SqmCashForm {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<InputFieldViewProps>;
-        /**
-          * @uiName Required error message
-         */
-        "errorMessage"?: string;
-        /**
-          * @uiName Input label
-         */
-        "fieldLabel"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Input name attribute
-          * @required
-         */
-        "fieldName"?: string;
-        /**
-          * @uiName Optional
-          * @default
-         */
-        "fieldOptional"?: boolean;
-        /**
-          * @uiName Input type
-          * @uiType string
-          * @uiEnum ["text", "date", "tel"]
-          * @uiEnumNames ["Text", "Date", "Phone Number"]
-         */
-        "fieldType"?: "text" | "date" | "tel";
+        "demoData"?: DemoData<UserNameViewProps>;
     }
-    interface SqmInstantAccessRegistration {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+    interface SqmCheckboxField {
+        /**
+          * @uiName Checkbox label
+          * @uiWidget textArea
          */
-        "backgroundColor"?: string;
+        "checkboxLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Used with link text if the checkbox label contains {labelLink}
+          * @uiName Checkbox label link
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "checkboxLabelLink"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Checkbox label link lext
          */
-        "emailLabel"?: string;
+        "checkboxLabelLinkText"?: string;
         /**
-          * @uiName First name field label
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Checkbox name attribute
+          * @required
          */
-        "firstNameLabel"?: string;
+        "checkboxName"?: string;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * @uiName Optional
          */
-        "hideBorder"?: boolean;
+        "checkboxOptional"?: boolean;
         /**
           * @undocumented 
-          * @uiType boolean
+          * @uiType object
          */
-        "includeCookies"?: boolean;
+        "demoData"?: DemoData<CheckboxFieldViewProps>;
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * @uiName Unchecked error message
          */
-        "includeName"?: boolean;
+        "errorMessage"?: string;
+    }
+    interface SqmCloseButton {
         /**
-          * Display this message when the given email is invalid.
-          * @uiName Invalid email message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Color
+          * @uiWidget color
+          * @uiType string
          */
-        "invalidEmailErrorMessage"?: string;
+        "color"?: string;
+    }
+    interface SqmContextRouter {
+        "contextName"?: string;
+    }
+    interface SqmCouponCode {
         /**
-          * @uiName Last name field label
+          * Set the copy button style and placement.
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "lastNameLabel"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Display this message when the form submission unexpectedly fails.
-          * @uiName Network error message
+          * Display this message when the coupon code has been cancelled.
           * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Cancelled code error message
+          * @uiGroup Coupon code error
          */
-        "networkErrorMessage"?: string;
+        "cancelledErrorText"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Copy button label
          */
-        "paddingBottom"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Coupon code label
          */
-        "paddingLeft"?: string;
+        "couponCodeLabel"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Display this text when the coupon code can’t be retrieved.
+          * @uiName Coupon code placeholder
+          * @uiGroup Coupon code error
          */
-        "paddingRight"?: string;
+        "couponCodePlaceholder"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @undocumented 
+          * @uiType object
          */
-        "paddingTop"?: string;
+        "demoData"?: DemoData<CouponCodeViewProps>;
         /**
-          * @uiName Register button text
+          * Display this message when the coupon code has expired.
+          * @uiWidget textArea
+          * @uiName Expired code error message
+          * @uiGroup Coupon code error
          */
-        "registerLabel"?: string;
+        "expiredErrorText"?: string;
         /**
-          * Display this message when a required field has not been filled out.
-          * @uiName Required field message
+          * Display this message when the code fails to load due to a fulfillment error.
           * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Code fulfillment error message
+          * @uiGroup Coupon code error
          */
-        "requiredFieldErrorMessage"?: string;
-    }
-    interface SqmLeaderboard {
+        "fullfillmentErrorText"?: string;
         /**
-          * Title displayed for users without names
-          * @uiName Unknown user text
+          * Display this message when the code fails to load due to an unspecified error.
+          * @uiWidget textArea
+          * @uiName Code retrieval error message
+          * @uiGroup Coupon code error
          */
-        "anonymousUser"?: string;
+        "genericErrorText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
+          * @uiWidget textArea
+          * @uiName Code pending error message
+          * @uiGroup Coupon code error
          */
-        "demoData"?: DemoData<LeaderboardViewProps>;
+        "pendingErrorText"?: string;
         /**
-          * Hide the viewer's leaderboard row if not in the top results.
-          * @uiName Hide viewing user
-          * @default
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "hideViewer"?: boolean;
+        "programId"?: string;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * Display this message when the coupon code has already been redeemed.
+          * @uiWidget textArea
+          * @uiName Redeemed code error message
+          * @uiGroup Coupon code error
          */
-        "interval"?: string;
+        "redeemedErrorText"?: string;
         /**
-          * @uiName Leaderboard type
+          * @uiName Coupon code alignment
           * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * Control the maximum amount of rows displayed on the leaderboard.
-          * @uiName Maximum rows number
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "maxRows"?: number;
+        "tooltiplifespan"?: number;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
+          * @uiName Tooltip text
          */
-        "programId"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmDividedLayout {
         /**
-          * @uiName Rank type
+          * @uiName Direction
           * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "direction"?: "row" | "column";
         /**
-          * @uiName Rank column heading
+          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
+          * @uiName Border style
          */
-        "rankheading"?: string;
+        "dividerStyle"?: string;
+    }
+    interface SqmDocumentTypeForm {
         /**
-          * @uiName Show leaderboard rank
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "showRank"?: boolean;
+        "backButton"?: string;
         /**
-          * @uiName Stats column heading
+          * @undocumented 
+          * @uiType object
          */
-        "statsheading"?: string;
+        "demoData"?: DemoData<UseDocumentTypeFormResult>;
         /**
-          * @uiName User column heading
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
          */
-        "usersheading"?: string;
-    }
-    interface SqmLeaderboardRank {
+        "formLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
          */
-        "demoData"?: DemoData<LeaderboardRankViewProps>;
+        "formStep"?: string;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "interval"?: string;
+        "generalErrorDescription"?: string;
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "generalErrorTitle"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "programId"?: string;
+        "submitButton"?: string;
         /**
-          * @uiName Rank text
-          * @uiWidget textArea
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
          */
-        "rankText"?: string;
+        "taxForm"?: string;
         /**
-          * @uiName Default rank
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * Description for the W8 radio button
+          * @uiName W8 radio button subtext
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "w8Description"?: string;
+        /**
+          * Description for the W8E radio button
+          * @uiName W8E radio button subtext
+         */
+        "w8EDescription"?: string;
         /**
-          * @uiName Unranked text
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
          */
-        "unrankedText"?: string;
-    }
-    interface SqmLinkButton {
+        "w8ELabel"?: string;
         /**
-          * @uiName Button text
-          * @uiType string
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
          */
-        "buttonText"?: string;
+        "w8Label"?: string;
         /**
-          * Enter the URL where you want your participants redirected. Example: https://www.example.com
-          * @required 
-          * @uiName Link
+          * Description for the W9 radio button
+          * @uiName W9 radio button subtext
          */
-        "link"?: string;
+        "w9Description"?: string;
         /**
-          * @uiName Open link in new tab
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
          */
-        "openInNewTab"?: boolean;
+        "w9Label"?: string;
     }
-    interface SqmLogoutCurrentUser {
+    interface SqmDocusignEmbed {
+        "onDocusignEvent"?: (event: CustomEvent<{ status: string }>) => void;
+        "url"?: string;
+    }
+    interface SqmDocusignForm {
         /**
-          * @required 
-          * @uiName Switch user button link
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "backButton"?: string;
         /**
-          * @required 
-          * @uiName Switch user button label
+          * Text shown in the banner above the document
+          * @uiName Banner text
          */
-        "switchUserText"?: string;
+        "banner"?: string;
         /**
-          * @required 
-          * @uiName User identification text
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
          */
-        "userIdentificationText"?: string;
-    }
-    interface SqmNameFields {
+        "checkboxDescription"?: string;
+        /**
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
+         */
+        "checkboxLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<NameFieldsViewProps>;
+        "demoData"?: DemoData<UseDocusignFormResult>;
         /**
-          * @uiName First name label
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
          */
-        "firstNameLabel"?: string;
+        "formStep"?: string;
         /**
-          * @uiName Last name label
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
          */
-        "lastNameLabel"?: string;
-    }
-    interface SqmNavigationMenu {
+        "formSubmissionError"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "demoData"?: DemoData<NavigationMenuViewProps>;
+        "generalErrorDescription"?: string;
         /**
-          * @uiName Include dropdown menu
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "includeDropdown"?: boolean;
+        "generalErrorTitle"?: string;
         /**
-          * Label on the header menu
-          * @uiName Menu label
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
          */
-        "menuLabel"?: string;
-    }
-    interface SqmNavigationSidebar {
-    }
-    interface SqmNavigationSidebarItem {
+        "notBasedInUS"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
+        "submitButton"?: string;
         /**
-          * Options available at https://shoelace.style/components/icon
-          * @uiName Icon
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
          */
-        "icon"?: string;
+        "taxForm"?: string;
         /**
-          * @uiName Label
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
          */
-        "label"?: string;
+        "taxFormDescription"?: string;
         /**
-          * @uiName Navigation path
-          * @uiWidget pageSelect
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
          */
-        "path"?: string;
+        "taxFormLabel"?: string;
     }
-    interface SqmPasswordField {
+    interface SqmDropdownField {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: PasswordFieldViewDemoProps;
+        "demoData"?: DemoData<DropdownFieldViewProps>;
         /**
-          * Disable live password validation
-          * @uiName Disable validation
+          * @uiName Dropdown label
          */
-        "disableValidation"?: boolean;
+        "dropdownLabel"?: string;
         /**
-          * Label for password field
-          * @uiName Password label
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Dropdown name attribute
+          * @required
          */
-        "fieldLabel"?: string;
-    }
-    interface SqmPopupContainer {
+        "dropdownName"?: string;
         /**
-          * Display a close button on the popup
-          * @uiName Show close button
+          * @uiName Optional
+          * @default
          */
-        "closeButton"?: boolean;
+        "dropdownOptional"?: boolean;
         /**
-          * Text inside the close button
-          * @uiName Close button text
+          * @uiName Unselected error message
          */
-        "closeButtonText"?: string;
+        "errorMessage"?: string;
+    }
+    interface SqmEditProfile {
         /**
-          * Specify padding on the popup contents when in embedded mode
-          * @uiName Embed padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * @uiName Cancel button text
          */
-        "embedPadding"?: "none" | "small" | "medium" | "large";
+        "canceltext"?: string;
         /**
-          * Specify padding on the popup contents when in popup mode
-          * @uiName Popup padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * @uiName Region field label
          */
-        "popupPadding"?: "none" | "small" | "medium" | "large";
+        "currentregiontext"?: string;
         /**
-          * Show Powered with SaaSquatch by Impact.com link
-          * @uiName Show powered by
+          * @undocumented 
+          * @uiType object
          */
-        "poweredBy"?: boolean;
-    }
-    interface SqmPortalChangePassword {
+        "demoData"?: DemoData<EditProfileViewProps>;
         /**
-          * Found in modal
-          * @uiName Cancel button text
+          * @uiName Heading
          */
-        "cancelText"?: string;
+        "editprofileheader"?: string;
         /**
-          * Found in modal
-          * @uiName Change password button text
+          * Enable editing button text
+          * @uiName Edit profile text
          */
-        "changePasswordButtonText"?: string;
+        "editprofiletext"?: string;
         /**
-          * Found in modal
-          * @uiName Confirm password Label
+          * @uiName First name label
          */
-        "confirmPasswordFieldLabel"?: string;
+        "firstnametext"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Last name label
          */
-        "demoData"?: DemoData<PortalChangePasswordViewProps>;
+        "lastnametext"?: string;
         /**
-          * @uiName Change password modal header
+          * Show or hide current region
+          * @uiName Show region
          */
-        "modalChangePasswordHeader"?: string;
+        "showregion"?: boolean;
         /**
-          * Found in modal
-          * @uiName New password field label
+          * @uiName Info button text
          */
-        "passwordFieldLabel"?: string;
+        "updatetext"?: string;
+    }
+    interface SqmEmpty {
         /**
-          * @uiName Change password button text
+          * @uiName Title
          */
-        "portalChangePasswordButtonText"?: string;
+        "emptyStateHeader"?: string;
         /**
-          * Portal change password section header
-          * @uiName Change password header
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
          */
-        "portalChangePasswordHeader"?: string;
+        "emptyStateImage"?: string;
         /**
-          * Successful password change message
-          * @uiName Successful password change message
+          * @uiName Description
           * @uiWidget textArea
          */
-        "successMessage"?: string;
+        "emptyStateText"?: string;
     }
-    interface SqmPortalContainer {
+    interface SqmFormMessage {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "backgroundColor"?: string;
+        "icon"?: string;
         /**
-          * @uiName Center content
+          * Options include "success", "info", "warning", and "error"
+          * @uiName Alert type
          */
-        "center"?: boolean;
+        "type"?: string;
+    }
+    interface SqmGraphqlClientProvider {
         /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
+          * @uiName Domain
+         */
+        "domain"?: string;
+    }
+    interface SqmHeaderLogo {
+        /**
+          * @uiName Logo height
+         */
+        "height"?: number;
+        /**
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Logo image
+         */
+        "imageUrl"?: string;
+        /**
+          * Page participants are navigated to after clicking the header logo.
+          * @uiName Redirect path
+          * @uiWidget pageSelect
          */
-        "direction"?: "row" | "column";
+        "nextPage"?: string;
+    }
+    interface SqmHero {
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * Can be an image url, colour or Shoelace variable.
+          * @uiName Background
+          * @uiWidget Background
          */
-        "display"?: "grid" | "flex";
+        "background"?: string;
         /**
-          * @uiName Gap
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Columns
+          * @uiEnum [1, 2]
+          * @uiEnumNames ["One", "Two"]
          */
-        "gap"?: Spacing;
+        "columns"?: 1 | 2;
         /**
-          * Define how this container distributes its contents along the main-axis.
-          * @uiName Justify content
-          * @uiType string
-          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
-          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
+          * Minimum height of each column including when they are stacked on mobile
+          * @uiName Minimum height (in px)
          */
-        "justifyContent"?: | "start"
-    | "center"
-    | "end"
-    | "space-between"
-    | "space-around"
-    | "space-evenly";
+        "minHeight"?: number;
         /**
-          * @uiName Maximum width
+          * @uiName Padding size
+          * @uiEnum ["none", "small", "medium","large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "maxWidth"?: string;
+        "paddingSize"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Minimum width
+          * Secondary background image or color (for use in the right column)
+          * @uiName Secondary background
+          * @uiWidget Background
          */
-        "minWidth"?: string;
+        "secondaryBackground"?: string;
         /**
-          * @uiName Padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Flexbox wrap direction, accepts wrap or wrap-reverse
+          * @uiName Wrap direction
+          * @uiEnum ["wrap", "wrap-reverse"]
+          * @uiEnumNames ["Wrap", "Wrap Reverse"]
          */
-        "padding"?: Spacing;
+        "wrapDirection"?: "wrap" | "wrap-reverse";
     }
-    interface SqmPortalEmailVerification {
+    interface SqmHeroImage {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
+        "backgroundColor"?: string;
         /**
-          * @uiName Email verification header text
+          * @uiName Button link
          */
-        "emailVerificationHeader"?: string;
+        "buttonLink"?: string;
         /**
-          * Redirect participants to this page from their verification email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @uiName Open link in new tab
+          * @default
          */
-        "redirectPath"?: string;
+        "buttonNewTab"?: boolean;
         /**
-          * @uiName Re-send email button text
+          * @uiName Button text
          */
-        "resendEmailButtonText"?: string;
+        "buttonText"?: string;
         /**
-          * @uiName Email verification checking text
+          * @uiName Description
           * @uiWidget textArea
          */
-        "verificationLoadingMessage"?: string;
+        "description"?: string;
         /**
-          * @uiName Email verification status text
-          * @uiWidget textArea
+          * @uiName Title
          */
-        "verificationStatusMessage"?: string;
+        "header"?: string;
         /**
-          * @uiName Email verification body text
-          * @uiWidget textArea
+          * @uiName Image mobile position
+          * @uiType string
+          * @uiEnum ["top", "bottom"]
+          * @uiEnumNames ["Top", "Bottom"]
          */
-        "verifyMessage"?: string;
-    }
-    interface SqmPortalFooter {
+        "imageMobilePos"?: "top" | "bottom";
         /**
-          * @uiName FAQ link
+          * @uiName Image percentage
+          * @uiType number
          */
-        "faqLink"?: string;
+        "imagePercentage"?: number;
         /**
-          * @uiName FAQ text
+          * @uiName Image position
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "faqText"?: string;
+        "imagePos"?: "left" | "center" | "right";
         /**
-          * @uiName Hide powered with SaaSquatch by Impact.com
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
          */
-        "hidePoweredBy"?: boolean;
+        "imageUrl"?: string;
         /**
-          * @uiName Hide support message
+          * @uiName Image layout
+          * @uiType string
+          * @uiEnum ["overlay", "columns"]
+          * @uiEnumNames ["Overlay", "Two-column"]
          */
-        "hideSupportText"?: boolean;
+        "layout"?: "overlay" | "columns";
         /**
-          * @uiName Bottom padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Overlay color
+          * @uiWidget color
+          * @format color
          */
-        "paddingBottom"?: string;
+        "overlayColor"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Overlay opacity
          */
-        "paddingLeft"?: string;
+        "overlayOpacity"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Padding
+          * @uiName Image padding
+          * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingRight"?: string;
+        "paddingImage"?: Spacing;
         /**
-          * @uiName Top padding
-          * @uiGroup Padding
+          * @uiName Text padding
+          * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingTop"?: string;
+        "paddingText"?: Spacing;
         /**
-          * @uiName Powered By link
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "poweredByLink"?: string;
+        "textColor"?: string;
+    }
+    interface SqmHookStoryContainer {
+        "hookStory"?: FunctionalComponent;
+    }
+    interface SqmImage {
         /**
-          * @uiName Support email
+          * @uiName Position alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "supportEmail"?: string;
+        "alignment"?: "left" | "center" | "right";
         /**
-          * @uiName Support message
-          * @uiWidget textArea
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "supportText"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Terms and conditions link
+          * @uiWidget ImageUpload
+          * @format url
+          * @required 
+          * @uiName Image link
          */
-        "termsLink"?: string;
+        "imageUrl"?: string;
         /**
-          * @uiName Terms and conditions text
+          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
+          * @uiName Minimum height
          */
-        "termsText"?: string;
+        "minHeight"?: string;
     }
-    interface SqmPortalForgotPassword {
+    interface SqmIndirectTaxForm {
+        "backButton"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @undocumented
          */
-        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
+        "demoData"?: DemoData<UseIndirectTaxFormResult>;
+        "formStep"?: string;
+        "generalErrorDescription"?: string;
+        "generalErrorTitle"?: string;
+        "indirectTax"?: string;
+        "indirectTaxDescription"?: string;
+        "indirectTaxDetails"?: string;
+        "indirectTaxDetailsDescription"?: string;
+        "indirectTaxNumber"?: string;
+        "indirectTaxNumberError"?: string;
+        "isPartnerAlertDescription"?: string;
+        "isPartnerAlertHeader"?: string;
+        "isRegisteredQST"?: string;
+        "isRegisteredSubRegionIncomeTax"?: string;
+        "notRegistered"?: string;
+        "otherRegion"?: string;
+        "province"?: string;
+        "provinceError"?: string;
+        "qstNumber"?: string;
+        "qstTaxNumberError"?: string;
+        "selectedRegion"?: string;
+        "selectedRegionError"?: string;
+        "subRegion"?: string;
+        "subRegionError"?: string;
+        "subRegionTaxNumberError"?: string;
+        "subRegionTaxNumberLabel"?: string;
+        "submitButton"?: string;
+        "taxDetailsError"?: string;
+    }
+    interface SqmInputField {
         /**
-          * @uiName Email field label
+          * @undocumented 
+          * @uiType object
          */
-        "emailLabel"?: string;
+        "demoData"?: DemoData<InputFieldViewProps>;
         /**
-          * @uiName Header text
-          * @uiWidget textArea
+          * @uiName Required error message
          */
-        "headerText"?: string;
+        "errorMessage"?: string;
         /**
-          * @uiName Login redirect path
-          * @uiWidget pageSelect
+          * @uiName Input label
          */
-        "loginPath"?: string;
+        "fieldLabel"?: string;
         /**
-          * Sign in link text
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Input name attribute
+          * @required
          */
-        "loginText"?: string;
+        "fieldName"?: string;
         /**
-          * Redirect participants to this page after they verify their email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @uiName Optional
+          * @default
          */
-        "redirectPath"?: string;
+        "fieldOptional"?: boolean;
         /**
-          * @uiName Password reset button text
+          * @uiName Input type
+          * @uiType string
+          * @uiEnum ["text", "date", "tel"]
+          * @uiEnumNames ["Text", "Date", "Phone Number"]
          */
-        "submitLabel"?: string;
+        "fieldType"?: "text" | "date" | "tel";
     }
-    interface SqmPortalFrame {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<PortalFrameViewProps>;
+    interface SqmInstantAccessRegistration {
         /**
-          * @undocumented
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "notFullScreen"?: boolean;
-    }
-    interface SqmPortalLogin {
+        "backgroundColor"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalLoginViewProps>;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
           * @uiName Email field label
          */
         "emailLabel"?: string;
         /**
-          * @uiName Forgot password text
-         */
-        "forgotPasswordLabel"?: string;
-        /**
-          * Redirect participants to this page to reset their password
-          * @uiName Forgot password redirect
-          * @uiWidget pageSelect
+          * @uiName First name field label
          */
-        "forgotPasswordPath"?: string;
+        "firstNameLabel"?: string;
         /**
-          * Redirect participants to this page after they successfully login.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "nextPage"?: string;
+        "hideBorder"?: boolean;
         /**
-          * @uiName Heading label
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType boolean
          */
-        "pageLabel"?: string;
+        "includeCookies"?: boolean;
         /**
-          * @uiName Password field label
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "passwordLabel"?: string;
+        "includeName"?: boolean;
         /**
-          * @uiName Register button text
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "registerLabel"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Redirect participants to this page to start registration.
-          * @uiName Register button redirect
-          * @uiWidget pageSelect
+          * @uiName Last name field label
          */
-        "registerPath"?: string;
+        "lastNameLabel"?: string;
         /**
-          * @uiName Submit button text
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalLogout {
+        "networkErrorMessage"?: string;
         /**
-          * Redirect participants to this page when they log out.
-          * @uiName Logout redirect path
-          * @uiWidget pageSelect
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "nextPage"?: string;
-    }
-    interface SqmPortalProfile {
+        "paddingBottom"?: string;
         /**
-          * @uiName Country field label
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "countrytext"?: string;
+        "paddingLeft"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "demoData"?: DemoData<PortalProfileViewProps>;
+        "paddingRight"?: string;
         /**
-          * @uiName Edit profile header
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "editProfileHeader"?: string;
+        "paddingTop"?: string;
         /**
-          * @uiName Edit profile sub header
+          * @uiName Register button text
          */
-        "editProfileSubHeader"?: string;
+        "registerLabel"?: string;
         /**
-          * @uiName Email field label
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "emailtext"?: string;
+        "requiredFieldErrorMessage"?: string;
+    }
+    interface SqmLeaderboard {
         /**
-          * @uiName First name label
+          * Title displayed for users without names
+          * @uiName Unknown user text
          */
-        "firstnametext"?: string;
+        "anonymousUser"?: string;
         /**
-          * @uiName Hide country field
+          * @undocumented 
+          * @uiType object
          */
-        "hideCountry"?: boolean;
+        "demoData"?: DemoData<LeaderboardViewProps>;
         /**
-          * @uiName Last name field label
+          * Hide the viewer's leaderboard row if not in the top results.
+          * @uiName Hide viewing user
+          * @default
          */
-        "lastnametext"?: string;
+        "hideViewer"?: boolean;
         /**
-          * @uiName Submit changes button text
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "submitChangeButtonText"?: string;
-    }
-    interface SqmPortalProtectedRoute {
+        "interval"?: string;
         /**
-          * Redirect participants to this page they are not logged in.
-          * @uiName Unauthenticated participant redirect
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "redirectTo"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * Redirect participants to this page when email verification is required but they have not verified their email.
-          * @uiName Unverified participant redirect
+          * Control the maximum amount of rows displayed on the leaderboard.
+          * @uiName Maximum rows number
          */
-        "redirectToUnverified"?: string;
+        "maxRows"?: number;
         /**
-          * @uiName Require email verification
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "requireEmailVerification"?: boolean;
-    }
-    interface SqmPortalRegister {
+        "programId"?: string;
         /**
-          * @uiName Show confirm password field
+          * @uiName Rank type
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "confirmPassword"?: boolean;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * @uiName Confirm password field label
+          * @uiName Rank column heading
          */
-        "confirmPasswordLabel"?: string;
+        "rankheading"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Show leaderboard rank
          */
-        "demoData"?: DemoData<PortalRegisterViewProps>;
+        "showRank"?: boolean;
         /**
-          * @uiName Disable password validation
+          * @uiName Stats column heading
          */
-        "disablePasswordValidation"?: boolean;
+        "statsheading"?: string;
         /**
-          * @uiName Email field label
+          * @uiName User column heading
          */
-        "emailLabel"?: string;
+        "usersheading"?: string;
+    }
+    interface SqmLeaderboardRank {
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * @undocumented 
+          * @uiType object
          */
-        "hideInputs"?: boolean;
+        "demoData"?: DemoData<LeaderboardRankViewProps>;
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
-          * @uiWidget textArea
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "invalidEmailErrorMessage"?: string;
+        "interval"?: string;
         /**
-          * @uiName Login button text
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "loginLabel"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "loginPath"?: string;
+        "programId"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
+          * @uiName Rank text
           * @uiWidget textArea
          */
-        "networkErrorMessage"?: string;
-        /**
-          * Redirect participants to this page from their verification email
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
-         */
-        "nextPage"?: string;
-        /**
-          * @uiName Header text
-         */
-        "pageLabel"?: string;
+        "rankText"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Default rank
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "passwordLabel"?: string;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * @uiName Unranked text
          */
-        "passwordMismatchErrorMessage"?: string;
+        "unrankedText"?: string;
+    }
+    interface SqmLinkButton {
         /**
-          * The page that participants are redirected to from the verification email.
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * @uiName Button text
+          * @uiType string
          */
-        "redirectPath"?: string;
+        "buttonText"?: string;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
+          * Enter the URL where you want your participants redirected. Example: https://www.example.com
+          * @required 
+          * @uiName Link
          */
-        "requiredFieldErrorMessage"?: string;
+        "link"?: string;
         /**
-          * @uiName Submit button text
+          * @uiName Open link in new tab
          */
-        "submitLabel"?: string;
+        "openInNewTab"?: boolean;
     }
-    interface SqmPortalRegistrationForm {
+    interface SqmLogoutCurrentUser {
         /**
-          * @uiName Show confirm password field
+          * @required 
+          * @uiName Switch user button link
          */
-        "confirmPassword"?: boolean;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * @uiName Confirm password field label
+          * @required 
+          * @uiName Switch user button label
          */
-        "confirmPasswordLabel"?: string;
+        "switchUserText"?: string;
+        /**
+          * @required 
+          * @uiName User identification text
+         */
+        "userIdentificationText"?: string;
+    }
+    interface SqmNameFields {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
+        "demoData"?: DemoData<NameFieldsViewProps>;
         /**
-          * @uiName Disable password validation
+          * @uiName First name label
          */
-        "disablePasswordValidation"?: boolean;
+        "firstNameLabel"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Last name label
          */
-        "emailLabel"?: string;
+        "lastNameLabel"?: string;
+    }
+    interface SqmNavigationMenu {
         /**
-          * The message to be displayed when the registration form is disabled.
-          * @uiName Form disabled message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "formDisabledErrorMessage"?: string;
+        "demoData"?: DemoData<NavigationMenuViewProps>;
         /**
-          * The key of the registration form used for this microsite.
-          * @uiName Form key
-          * @required
+          * @uiName Include dropdown menu
          */
-        "formKey"?: string;
+        "includeDropdown"?: boolean;
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * Label on the header menu
+          * @uiName Menu label
          */
-        "hideInputs"?: boolean;
+        "menuLabel"?: string;
+    }
+    interface SqmNavigationSidebar {
+    }
+    interface SqmNavigationSidebarItem {
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "invalidEmailErrorMessage"?: string;
+        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
         /**
-          * @uiName Login button text
+          * Options available at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "loginLabel"?: string;
+        "icon"?: string;
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
+          * @uiName Label
+         */
+        "label"?: string;
+        /**
+          * @uiName Navigation path
           * @uiWidget pageSelect
          */
-        "loginPath"?: string;
+        "path"?: string;
+    }
+    interface SqmPasswordField {
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "networkErrorMessage"?: string;
+        "demoData"?: PasswordFieldViewDemoProps;
         /**
-          * Redirect participants to this page after they successfully register.
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * Disable live password validation
+          * @uiName Disable validation
          */
-        "nextPage"?: string;
+        "disableValidation"?: boolean;
         /**
-          * @uiName Header text
+          * Label for password field
+          * @uiName Password label
          */
-        "pageLabel"?: string;
+        "fieldLabel"?: string;
+    }
+    interface SqmPopupContainer {
         /**
-          * @uiName Password field label
+          * Display a close button on the popup
+          * @uiName Show close button
          */
-        "passwordLabel"?: string;
+        "closeButton"?: boolean;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * Text inside the close button
+          * @uiName Close button text
          */
-        "passwordMismatchErrorMessage"?: string;
+        "closeButtonText"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * Specify padding on the popup contents when in embedded mode
+          * @uiName Embed padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "redirectPath"?: string;
+        "embedPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
+          * Specify padding on the popup contents when in popup mode
+          * @uiName Popup padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "requiredFieldErrorMessage"?: string;
+        "popupPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Submit button text
+          * Show Powered with SaaSquatch by Impact.com link
+          * @uiName Show powered by
          */
-        "submitLabel"?: string;
+        "poweredBy"?: boolean;
     }
-    interface SqmPortalResetPassword {
+    interface SqmPortalChangePassword {
         /**
-          * @uiName Show confirm password field
+          * Found in modal
+          * @uiName Cancel button text
          */
-        "confirmPassword"?: boolean;
+        "cancelText"?: string;
         /**
-          * @uiName Password confirmation field label
+          * Found in modal
+          * @uiName Change password button text
          */
-        "confirmPasswordFieldLabel"?: string;
+        "changePasswordButtonText"?: string;
         /**
-          * Button text displayed after a successful password reset.
-          * @uiName Continue button text
+          * Found in modal
+          * @uiName Confirm password Label
          */
-        "continueButtonText"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalResetPasswordViewProps>;
+        "demoData"?: DemoData<PortalChangePasswordViewProps>;
         /**
-          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
-          * @uiName Failed reset redirect
-          * @uiWidget pageSelect
+          * @uiName Change password modal header
          */
-        "failedPage"?: string;
+        "modalChangePasswordHeader"?: string;
         /**
-          * Redirect participants to this page when they successfully reset their password.
-          * @uiName Successful reset redirect
-          * @uiWidget pageSelect
+          * Found in modal
+          * @uiName New password field label
          */
-        "nextPage"?: string;
+        "passwordFieldLabel"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Change password button text
          */
-        "passwordFieldLabel"?: string;
+        "portalChangePasswordButtonText"?: string;
         /**
-          * Displayed after a successful password reset.
-          * @uiName Successful password reset text
+          * Portal change password section header
+          * @uiName Change password header
+         */
+        "portalChangePasswordHeader"?: string;
+        /**
+          * Successful password change message
+          * @uiName Successful password change message
           * @uiWidget textArea
          */
-        "passwordResetHeader"?: string;
+        "successMessage"?: string;
+    }
+    interface SqmPortalContainer {
         /**
-          * @uiName Password reset button text
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "resetPasswordButtonText"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Reset password header text
+          * @uiName Center content
          */
-        "resetPasswordHeader"?: string;
-    }
-    interface SqmPortalVerifyEmail {
+        "center"?: boolean;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
+         */
+        "direction"?: "row" | "column";
+        /**
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
+         */
+        "display"?: "grid" | "flex";
+        /**
+          * @uiName Gap
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "gap"?: Spacing;
+        /**
+          * Define how this container distributes its contents along the main-axis.
+          * @uiName Justify content
+          * @uiType string
+          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
+          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
+         */
+        "justifyContent"?: | "start"
+    | "center"
+    | "end"
+    | "space-between"
+    | "space-around"
+    | "space-evenly";
+        /**
+          * @uiName Maximum width
          */
-        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
+        "maxWidth"?: string;
         /**
-          * Redirect participants to this page if verification fails due to an outdated verification attempt.
-          * @uiName Failed verification redirect
-          * @uiWidget pageSelect
+          * @uiName Minimum width
          */
-        "failedPage"?: string;
+        "minWidth"?: string;
         /**
-          * Redirect participants to this page when they successfully verify their email.
-          * @uiName Successful verification redirect
-          * @uiWidget pageSelect
+          * @uiName Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "nextPage"?: string;
+        "padding"?: Spacing;
     }
-    interface SqmProgramExplainer {
+    interface SqmPortalEmailVerification {
         /**
-          * @uiName Header background color
-          * @uiWidget color
-          * @format color
+          * @undocumented 
+          * @uiType object
          */
-        "backgroundColor"?: string;
+        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
         /**
-          * @uiName Header text
+          * @uiName Email verification header text
          */
-        "header"?: string;
+        "emailVerificationHeader"?: string;
         /**
-          * @uiName Header text color
-          * @uiWidget color
-          * @format color
+          * Redirect participants to this page from their verification email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramExplainerStep {
+        "redirectPath"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * @uiName Re-send email button text
          */
-        "backgroundColor"?: string;
+        "resendEmailButtonText"?: string;
         /**
-          * @uiName Description
+          * @uiName Email verification checking text
           * @uiWidget textArea
          */
-        "description"?: string;
-        /**
-          * @uiName Title
-         */
-        "header"?: string;
+        "verificationLoadingMessage"?: string;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * @uiName Email verification status text
+          * @uiWidget textArea
          */
-        "icon"?: string;
+        "verificationStatusMessage"?: string;
         /**
-          * Displayed in place of an icon
-          * @uiName Image URL
-          * @uiWidget imageUpload
-          * @format url
+          * @uiName Email verification body text
+          * @uiWidget textArea
          */
-        "imageUrl"?: string;
+        "verifyMessage"?: string;
+    }
+    interface SqmPortalFooter {
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * @uiName FAQ link
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramMenu {
-    }
-    interface SqmReferralCard {
+        "faqLink"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiType string
+          * @uiName FAQ text
          */
-        "backgroundColor"?: string;
+        "faqText"?: string;
         /**
-          * @uiName Hide border
-          * @uiType boolean
+          * @uiName Hide powered with SaaSquatch by Impact.com
          */
-        "hideBorder"?: boolean;
+        "hidePoweredBy"?: boolean;
         /**
-          * @uiName Limit width
-          * @uiType boolean
+          * @uiName Hide support message
          */
-        "limitWidth"?: boolean;
+        "hideSupportText"?: boolean;
         /**
           * @uiName Bottom padding
           * @uiGroup Padding
@@ -7096,1732 +5955,1665 @@ declare namespace LocalJSX {
          */
         "paddingTop"?: string;
         /**
-          * @uiName Vertical alignment
-          * @uiType string
-          * @uiEnum ["start", "center", "end"]
-          * @uiEnumNames ["Top", "Center", "Bottom"]
+          * @uiName Powered By link
          */
-        "verticalAlignment"?: "start" | "center" | "end";
-    }
-    interface SqmReferralIframe {
+        "poweredByLink"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Support email
          */
-        "demoData"?: DemoData<ReferralIframeViewProps>;
+        "supportEmail"?: string;
         /**
-          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame height
+          * @uiName Support message
+          * @uiWidget textArea
          */
-        "iframeHeight"?: string;
+        "supportText"?: string;
         /**
-          * URL of iframe to display
-          * @uiName IFrame source
-          * @required
+          * @uiName Terms and conditions link
          */
-        "iframeSrc"?: string;
+        "termsLink"?: string;
         /**
-          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame width
+          * @uiName Terms and conditions text
          */
-        "iframeWidth"?: string;
+        "termsText"?: string;
     }
-    interface SqmReferralTable {
+    interface SqmPortalForgotPassword {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
-        /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Hidden mobile columns
-         */
-        "hiddenColumns"?: string;
-        /**
-          * @uiName Hide column labels
-         */
-        "hideLabels"?: boolean;
-        /**
-          * @uiName Tablet breakpoint
-         */
-        "mdBreakpoint"?: number;
+        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
         /**
-          * @uiName View More button text
+          * @uiName Email field label
          */
-        "moreLabel"?: string;
+        "emailLabel"?: string;
         /**
-          * Number of referrals displayed per page
-          * @uiName Referrals per page
+          * @uiName Header text
+          * @uiWidget textArea
          */
-        "perPage"?: number;
+        "headerText"?: string;
         /**
-          * @uiName Previous button text
+          * @uiName Login redirect path
+          * @uiWidget pageSelect
          */
-        "prevLabel"?: string;
+        "loginPath"?: string;
         /**
-          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
-          * @uiName Program
-          * @uiWidget programSelector
+          * Sign in link text
          */
-        "programId"?: string;
+        "loginText"?: string;
         /**
-          * Show referred by user in table
-          * @uiName Show referrer
-          * @default
+          * Redirect participants to this page after they verify their email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "showReferrer"?: boolean;
+        "redirectPath"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * @uiName Password reset button text
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmReferralTableCell {
-        "innerTemplate"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmReferralTableColumn {
+    interface SqmPortalFrame {
         /**
-          * @uiName Column title
+          * @undocumented 
+          * @uiType object
          */
-        "columnTitle"?: string;
-    }
-    interface SqmReferralTableDateCell {
-        "date"?: number;
-        "locale"?: string;
-    }
-    interface SqmReferralTableDateColumn {
+        "demoData"?: DemoData<PortalFrameViewProps>;
         /**
-          * @uiName Date column title
+          * @undocumented
          */
-        "columnTitle"?: string;
+        "notFullScreen"?: boolean;
+    }
+    interface SqmPortalLogin {
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
-          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
+          * @undocumented 
+          * @uiType object
          */
-        "dateShown"?: ReferralDates;
-    }
-    interface SqmReferralTableRewardsCell {
-        "deniedHelpText"?: string;
-        "expiringText"?: string;
-        "fuelTankText"?: string;
-        "hideDetails"?: boolean;
-        "locale"?: string;
-        "pendingForText"?: string;
-        "rewardReceivedText"?: string;
-        "rewards"?: Reward[];
-        "statusLongText"?: string;
-        "statusText"?: string;
-    }
-    interface SqmReferralTableRewardsColumn {
+        "demoData"?: DemoData<PortalLoginViewProps>;
         /**
-          * @uiName Reward column title
+          * @uiName Email field label
          */
-        "columnTitle"?: string;
+        "emailLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward was denied.
-          * @uiName Reward denied help text
+          * @uiName Forgot password text
          */
-        "deniedHelpText"?: string;
+        "forgotPasswordLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward has an expiry date.
-          * @uiName Reward expiring text
+          * Redirect participants to this page to reset their password
+          * @uiName Forgot password redirect
+          * @uiWidget pageSelect
          */
-        "expiringText"?: string;
+        "forgotPasswordPath"?: string;
         /**
-          * Shown in the dropdown details when a reward has an associated fuel tank code.
-          * @uiName Fuel tank code text
+          * Redirect participants to this page after they successfully login.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "fuelTankText"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Hide dropdown details of reward
-          * @default
+          * @uiName Heading label
+          * @uiWidget textArea
          */
-        "hideDetails"?: boolean;
+        "pageLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward is pending.
-          * @uiName Reward pending text
+          * @uiName Password field label
          */
-        "pendingForText"?: string;
+        "passwordLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward has been received.’
-          * @uiName Reward received text
+          * @uiName Register button text
          */
-        "rewardReceivedText"?: string;
+        "registerLabel"?: string;
         /**
-          * Additional status text shown in the details drop down.
-          * @uiName Reward status long text
-          * @uiWidget textArea
+          * Redirect participants to this page to start registration.
+          * @uiName Register button redirect
+          * @uiWidget pageSelect
          */
-        "statusLongText"?: string;
+        "registerPath"?: string;
         /**
-          * Text shown in the reward status badge.
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * @uiName Submit button text
          */
-        "statusText"?: string;
-    }
-    interface SqmReferralTableStatusCell {
-        "converted"?: boolean;
-        "fraudStatus"?: FraudStatus;
-        "statusSubText"?: string;
-        "statusText"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmReferralTableStatusColumn {
+    interface SqmPortalLogout {
         /**
-          * @uiName Column title
+          * Redirect participants to this page when they log out.
+          * @uiName Logout redirect path
+          * @uiWidget pageSelect
          */
-        "columnTitle"?: string;
+        "nextPage"?: string;
+    }
+    interface SqmPortalProfile {
         /**
-          * @uiName Converted status text
+          * @uiName Country field label
          */
-        "convertedStatusText"?: string;
+        "countrytext"?: string;
         /**
-          * @uiName Denied status sub-text
+          * @undocumented 
+          * @uiType object
          */
-        "deniedStatusSubText"?: string;
+        "demoData"?: DemoData<PortalProfileViewProps>;
         /**
-          * @uiName Denied status text
+          * @uiName Edit profile header
          */
-        "deniedStatusText"?: string;
+        "editProfileHeader"?: string;
         /**
-          * @uiName In progress status text
+          * @uiName Edit profile sub header
          */
-        "inProgressStatusText"?: string;
+        "editProfileSubHeader"?: string;
         /**
-          * @uiName Pending review status sub-text
+          * @uiName Email field label
          */
-        "pendingReviewStatusSubText"?: string;
+        "emailtext"?: string;
         /**
-          * @uiName Pending review status text
+          * @uiName First name label
          */
-        "pendingReviewStatusText"?: string;
-    }
-    interface SqmReferralTableUserCell {
-        "name"?: string;
-    }
-    interface SqmReferralTableUserColumn {
+        "firstnametext"?: string;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * @uiName Hide country field
          */
-        "anonymousUser"?: string;
+        "hideCountry"?: boolean;
         /**
-          * @uiName User column title
+          * @uiName Last name field label
          */
-        "columnTitle"?: string;
+        "lastnametext"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * @uiName Submit changes button text
          */
-        "deletedUser"?: string;
+        "submitChangeButtonText"?: string;
     }
-    interface SqmReferredRegistration {
+    interface SqmPortalProtectedRoute {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * Redirect participants to this page they are not logged in.
+          * @uiName Unauthenticated participant redirect
          */
-        "backgroundColor"?: string;
+        "redirectTo"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Redirect participants to this page when email verification is required but they have not verified their email.
+          * @uiName Unverified participant redirect
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "redirectToUnverified"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Require email verification
          */
-        "emailLabel"?: string;
+        "requireEmailVerification"?: boolean;
+    }
+    interface SqmPortalRegister {
         /**
-          * @uiName First name field label
+          * @uiName Show confirm password field
          */
-        "firstNameLabel"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Confirm password field label
          */
-        "fraudErrorMessage"?: string;
+        "confirmPasswordLabel"?: string;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message title
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @undocumented 
+          * @uiType object
          */
-        "fraudErrorMessageTitle"?: string;
+        "demoData"?: DemoData<PortalRegisterViewProps>;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * @uiName Disable password validation
          */
-        "hideBorder"?: boolean;
+        "disablePasswordValidation"?: boolean;
         /**
-          * @undocumented 
-          * @uiType boolean
+          * @uiName Email field label
          */
-        "includeCookies"?: boolean;
+        "emailLabel"?: string;
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "includeName"?: boolean;
+        "hideInputs"?: boolean;
         /**
-          * Display this message when the given email is invalid.
+          * The message to be displayed when the email used is invalid or blocked.
           * @uiName Invalid email message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "invalidEmailErrorMessage"?: string;
         /**
-          * @uiName Last name field label
+          * @uiName Login button text
          */
-        "lastNameLabel"?: string;
+        "loginLabel"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
+         */
+        "loginPath"?: string;
+        /**
+          * The message to be displayed when a the form submission fails unexpectedly.
           * @uiName Network error message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "networkErrorMessage"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page from their verification email
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "paddingBottom"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Header text
          */
-        "paddingLeft"?: string;
+        "pageLabel"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Password field label
          */
-        "paddingRight"?: string;
+        "passwordLabel"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
+          * @uiWidget textArea
          */
-        "paddingTop"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * @uiName Register button text
+          * The page that participants are redirected to from the verification email.
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "registerLabel"?: string;
+        "redirectPath"?: string;
         /**
-          * Display this message when a required field has not been filled out.
+          * The message to be displayed when a required field is not filled.
           * @uiName Required field message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "requiredFieldErrorMessage"?: string;
+        /**
+          * @uiName Submit button text
+         */
+        "submitLabel"?: string;
     }
-    interface SqmRewardExchangeList {
+    interface SqmPortalRegistrationForm {
         /**
-          * @uiName Back button text
+          * @uiName Show confirm password field
          */
-        "backText"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * @uiName Cancel button text
+          * @uiName Confirm password field label
          */
-        "cancelText"?: string;
+        "confirmPasswordLabel"?: string;
         /**
-          * @uiName Choose amount progress title
+          * @undocumented 
+          * @uiType object
          */
-        "chooseAmountTitle"?: string;
+        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
         /**
-          * @uiName Choose reward progress title
+          * @uiName Disable password validation
          */
-        "chooseRewardTitle"?: string;
+        "disablePasswordValidation"?: boolean;
         /**
-          * @uiName Confirmation progress title
+          * @uiName Email field label
          */
-        "confirmationTitle"?: string;
+        "emailLabel"?: string;
         /**
-          * @uiName Continue button text
+          * The message to be displayed when the registration form is disabled.
+          * @uiName Form disabled message
+          * @uiWidget textArea
          */
-        "continueText"?: string;
+        "formDisabledErrorMessage"?: string;
         /**
-          * Displayed on the reward selection page.
-          * @uiName Continue to confirmation button text
+          * The key of the registration form used for this microsite.
+          * @uiName Form key
+          * @required
          */
-        "continueToConfirmationText"?: string;
+        "formKey"?: string;
+        /**
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
+         */
+        "hideInputs"?: boolean;
+        /**
+          * The message to be displayed when the email used is invalid or blocked.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+         */
+        "invalidEmailErrorMessage"?: string;
+        /**
+          * @uiName Login button text
+         */
+        "loginLabel"?: string;
+        /**
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
+         */
+        "loginPath"?: string;
         /**
-          * Shown in the confirmation state.
-          * @uiName Cost row title
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
          */
-        "costTitle"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Redirect participants to this page after they successfully register.
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "demoData"?: DemoData<RewardExchangeViewProps>;
+        "nextPage"?: string;
         /**
-          * @uiName Done text
+          * @uiName Header text
          */
-        "doneText"?: string;
+        "pageLabel"?: string;
         /**
-          * Error message shown when reward is not available
-          * @uiName Not available error
-          * @uiWidget textArea
+          * @uiName Password field label
          */
-        "notAvailableError"?: string;
+        "passwordLabel"?: string;
         /**
-          * @uiName Not enough error message
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
           * @uiWidget textArea
          */
-        "notEnoughError"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * @uiName Promo code text
+          * Redirect participants to this page from their verification email
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "promoCode"?: string;
+        "redirectPath"?: string;
         /**
-          * Shown if an error occurs when loading the reward exchange.
-          * @uiName Reward list error message
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
           * @uiWidget textArea
          */
-        "queryError"?: string;
+        "requiredFieldErrorMessage"?: string;
         /**
-          * @uiName Redeem button text
+          * @uiName Submit button text
          */
-        "redeemText"?: string;
+        "submitLabel"?: string;
+    }
+    interface SqmPortalResetPassword {
         /**
-          * Displayed as the header for the confirmation page.
-          * @uiName Confirmation title text
+          * @uiName Show confirm password field
          */
-        "redeemTitle"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * Shown if an error occurs during the reward exchange.
-          * @uiName Redemption error message
-          * @uiWidget textArea
+          * @uiName Password confirmation field label
          */
-        "redemptionError"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * Displayed on the success screen when a user successfully exchanges for a reward.
-          * @uiName Redemption success message
-          * @uiWidget textArea
+          * Button text displayed after a successful password reset.
+          * @uiName Continue button text
          */
-        "redemptionSuccessText"?: string;
+        "continueButtonText"?: string;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward amount row title
+          * @undocumented 
+          * @uiType object
          */
-        "rewardAmountTitle"?: string;
+        "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward row title
+          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
+          * @uiName Failed reset redirect
+          * @uiWidget pageSelect
          */
-        "rewardNameTitle"?: string;
+        "failedPage"?: string;
         /**
-          * @uiName Reward redeemed text
+          * Redirect participants to this page when they successfully reset their password.
+          * @uiName Successful reset redirect
+          * @uiWidget pageSelect
          */
-        "rewardRedeemedText"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Reward title text
+          * @uiName Password field label
          */
-        "rewardTitle"?: string;
+        "passwordFieldLabel"?: string;
         /**
-          * @uiName Select amount text
+          * Displayed after a successful password reset.
+          * @uiName Successful password reset text
           * @uiWidget textArea
          */
-        "selectText"?: string;
-        /**
-          * Set the number of placeholder cards to be shown in loading state.
-          * @uiName Loading cards
-         */
-        "skeletonCardNum"?: number;
+        "passwordResetHeader"?: string;
         /**
-          * Displayed on the reward exchange cards.
-          * @uiName Reward exchange amount text
-          * @uiWidget textArea
+          * @uiName Password reset button text
          */
-        "sourceAmountMessage"?: string;
+        "resetPasswordButtonText"?: string;
         /**
-          * Shown when a user copies a fuel tank code
-          * @uiName Tooltip text
+          * @uiName Reset password header text
          */
-        "tooltipText"?: string;
+        "resetPasswordHeader"?: string;
     }
-    interface SqmRewardsTable {
+    interface SqmPortalVerifyEmail {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
+        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Mobile hidden columns
+          * Redirect participants to this page if verification fails due to an outdated verification attempt.
+          * @uiName Failed verification redirect
+          * @uiWidget pageSelect
          */
-        "hiddenColumns"?: string;
+        "failedPage"?: string;
         /**
-          * @uiName Hide column labels
+          * Redirect participants to this page when they successfully verify their email.
+          * @uiName Successful verification redirect
+          * @uiWidget pageSelect
          */
-        "hideLabels"?: boolean;
+        "nextPage"?: string;
+    }
+    interface SqmProgramExplainer {
         /**
-          * @uiName Tablet breakpoint
+          * @uiName Header background color
+          * @uiWidget color
+          * @format color
          */
-        "mdBreakpoint"?: number;
+        "backgroundColor"?: string;
         /**
-          * @uiName View more button text
+          * @uiName Header text
          */
-        "moreLabel"?: string;
+        "header"?: string;
         /**
-          * @uiName Rewards per page
+          * @uiName Header text color
+          * @uiWidget color
+          * @format color
          */
-        "perPage"?: number;
+        "textColor"?: string;
+    }
+    interface SqmProgramExplainerStep {
         /**
-          * @uiName Previous button text
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "prevLabel"?: string;
+        "backgroundColor"?: string;
         /**
-          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
-          * @uiName Program
-          * @uiWidget programSelector
+          * @uiName Description
+          * @uiWidget textArea
          */
-        "programId"?: string;
+        "description"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * @uiName Title
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmRewardsTableCustomerNoteCell {
-        "locale"?: string;
-        "note"?: string;
-    }
-    interface SqmRewardsTableCustomerNoteColumn {
+        "header"?: string;
         /**
-          * @uiName Column title
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "columnTitle"?: string;
-    }
-    interface SqmRewardsTableDateCell {
-        "date"?: number;
-        "locale"?: string;
-    }
-    interface SqmRewardsTableDateColumn {
+        "icon"?: string;
         /**
-          * @uiName Date column title
+          * Displayed in place of an icon
+          * @uiName Image URL
+          * @uiWidget imageUpload
+          * @format url
          */
-        "columnTitle"?: string;
+        "imageUrl"?: string;
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
-          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "dateShown"?: string;
+        "textColor"?: string;
     }
-    interface SqmRewardsTableRewardCell {
-        "availableText"?: string;
-        "copyText"?: string;
-        "locale"?: string;
-        "redeemedText"?: string;
-        "reward"?: Reward;
+    interface SqmProgramMenu {
     }
-    interface SqmRewardsTableRewardColumn {
-        /**
-          * @uiName Remaining amount text
-         */
-        "availableText"?: string;
-        /**
-          * @uiName Reward column title
-         */
-        "columnTitle"?: string;
+    interface SqmReferralCard {
         /**
-          * @uiName Copied fuel tank text
+          * @uiName Background color
+          * @uiWidget color
+          * @uiType string
          */
-        "copyText"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Redeemed amount text
+          * @uiName Hide border
+          * @uiType boolean
          */
-        "redeemedText"?: string;
-    }
-    interface SqmRewardsTableSourceCell {
-        "anonymousUserText"?: string;
-        "deletedUserText"?: string;
-        "locale"?: string;
-        "referralText"?: string;
-        "reward"?: Reward;
-        "rewardExchangeText"?: string;
-        "rewardSourceText"?: string;
-    }
-    interface SqmRewardsTableSourceColumn {
+        "hideBorder"?: boolean;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * @uiName Limit width
+          * @uiType boolean
          */
-        "anonymousUser"?: string;
+        "limitWidth"?: boolean;
         /**
-          * @uiName Soruce column title
+          * @uiName Bottom padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "columnTitle"?: string;
+        "paddingBottom"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * @uiName Left padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "deletedUser"?: string;
+        "paddingLeft"?: string;
         /**
-          * Shown when a reward has been created by a referral
-          * @uiName Referral text
-          * @uiWidget textArea
+          * @uiName Right padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "referralText"?: string;
+        "paddingRight"?: string;
         /**
-          * @uiName Reward exchange label
+          * @uiName Top padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "rewardExchangeText"?: string;
+        "paddingTop"?: string;
         /**
-          * Shown when a reward has been created by a source other than a referral.
-          * @uiName Reward source text
-          * @uiWidget textArea
+          * @uiName Vertical alignment
+          * @uiType string
+          * @uiEnum ["start", "center", "end"]
+          * @uiEnumNames ["Top", "Center", "Bottom"]
          */
-        "rewardSourceText"?: string;
-    }
-    interface SqmRewardsTableStatusCell {
-        "deniedText"?: string;
-        "expiryText"?: string;
-        "locale"?: string;
-        "pendingReviewText"?: string;
-        "pendingScheduled"?: string;
-        "pendingUnhandled"?: string;
-        "pendingUsTax"?: string;
-        "reward"?: Reward;
-        "statusText"?: string;
+        "verticalAlignment"?: "start" | "center" | "end";
     }
-    interface SqmRewardsTableStatusColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle"?: string;
+    interface SqmReferralIframe {
         /**
-          * Displayed when denied for fraud.
-          * @uiName Denied text
+          * @undocumented 
+          * @uiType object
          */
-        "deniedText"?: string;
+        "demoData"?: DemoData<ReferralIframeViewProps>;
         /**
-          * Text shown before the date of an expiring reward.
-          * @uiName Expiry date prefix
+          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame height
          */
-        "expiryText"?: string;
+        "iframeHeight"?: string;
         /**
-          * Displayed when flagged for fraud.
-          * @uiName Pending review text
+          * URL of iframe to display
+          * @uiName IFrame source
+          * @required
          */
-        "pendingReviewText"?: string;
+        "iframeSrc"?: string;
         /**
-          * Text shown before the available date of a pending reward.
-          * @uiName Pending date prefix
+          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame width
          */
-        "pendingScheduled"?: string;
+        "iframeWidth"?: string;
+    }
+    interface SqmReferralTable {
         /**
-          * Displayed when fulfillment error occured when creating a reward.
-          * @uiName Unhandled error text
+          * @undocumented 
+          * @uiType object
          */
-        "pendingUnhandled"?: string;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * Displayed when a reward is pending due to W9 compliance.
-          * @uiName W9 pending text
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Hidden mobile columns
          */
-        "pendingUsTax"?: string;
+        "hiddenColumns"?: string;
         /**
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * @uiName Hide column labels
          */
-        "statusText"?: string;
-    }
-    interface SqmRoute {
+        "hideLabels"?: boolean;
         /**
-          * Page Path URL for this route.
-          * @uiName Navigation path name
+          * @uiName Tablet breakpoint
          */
-        "path"?: string;
-    }
-    interface SqmRouter {
-    }
-    interface SqmScroll {
+        "mdBreakpoint"?: number;
         /**
-          * @uiName Button text
+          * @uiName View More button text
          */
-        "buttonText"?: string;
+        "moreLabel"?: string;
         /**
-          * @uiName Button type
-          * @uiType string
-          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
-          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
+          * Number of referrals displayed per page
+          * @uiName Referrals per page
          */
-        "buttonType"?: | "default"
-    | "primary"
-    | "success"
-    | "neutral"
-    | "warning"
-    | "danger"
-    | "text";
+        "perPage"?: number;
         /**
-          * Draws a circle button.
-          * @uiName Circle
+          * @uiName Previous button text
          */
-        "circle"?: boolean;
+        "prevLabel"?: string;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "iconName"?: string;
+        "programId"?: string;
         /**
-          * @uiName Icon slot
-          * @uiType string
-          * @uiEnum ["prefix", "suffix"]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * Show referred by user in table
+          * @uiName Show referrer
+          * @default
          */
-        "iconSlot"?: string;
+        "showReferrer"?: boolean;
         /**
-          * The button becomes full width if the screen size is smaller than 500px
-          * @uiName Full width on mobile
+          * @uiName Mobile breakpoint
          */
-        "mobile"?: boolean;
+        "smBreakpoint"?: number;
+    }
+    interface SqmReferralTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmReferralTableColumn {
         /**
-          * Draws an outlined button.
-          * @uiName Outline
+          * @uiName Column title
          */
-        "outline"?: boolean;
+        "columnTitle"?: string;
+    }
+    interface SqmReferralTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmReferralTableDateColumn {
         /**
-          * Draws a pill-style button with rounded edges.
-          * @uiName Pill
+          * @uiName Date column title
          */
-        "pill"?: boolean;
+        "columnTitle"?: string;
         /**
-          * @uiName Scroll animation style
+          * @uiName Date displayed
           * @uiType string
-          * @uiEnum ["smooth", "auto"]
-          * @uiEnumNames ["Smooth", "Auto"]
+          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
+          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
          */
-        "scrollAnimation"?: "smooth" | "auto";
+        "dateShown"?: ReferralDates;
+    }
+    interface SqmReferralTableRewardsCell {
+        "deniedHelpText"?: string;
+        "expiringText"?: string;
+        "fuelTankText"?: string;
+        "hideDetails"?: boolean;
+        "locale"?: string;
+        "pendingForText"?: string;
+        "rewardReceivedText"?: string;
+        "rewards"?: Reward[];
+        "statusLongText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableRewardsColumn {
         /**
-          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
-          * @uiName Scroll ID
+          * @uiName Reward column title
          */
-        "scrollId"?: string;
+        "columnTitle"?: string;
         /**
-          * The name of the HTML tag you would like to scroll to. E.g referral-table
-          * @uiName Scroll tag name
+          * Shown in the dropdown details when a reward was denied.
+          * @uiName Reward denied help text
          */
-        "scrollTagName"?: string;
+        "deniedHelpText"?: string;
         /**
-          * @uiName Size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large"]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * Shown in the dropdown details when a reward has an expiry date.
+          * @uiName Reward expiring text
          */
-        "size"?: string;
-    }
-    interface SqmShareButton {
+        "expiringText"?: string;
         /**
-          * @uiName Button background color
-          * @uiWidget color
-          * @format color
+          * Shown in the dropdown details when a reward has an associated fuel tank code.
+          * @uiName Fuel tank code text
          */
-        "backgroundcolor"?: string;
+        "fuelTankText"?: string;
         /**
-          * Configure border radius with pixel amount
-          * @uiName Border radius
+          * @uiName Hide dropdown details of reward
+          * @default
          */
-        "borderradius"?: number;
+        "hideDetails"?: boolean;
         /**
-          * @undocumented 
-          * @uiType object
+          * Shown in the dropdown details when a reward is pending.
+          * @uiName Reward pending text
          */
-        "demoData"?: DemoData<ShareButtonViewProps>;
+        "pendingForText"?: string;
         /**
-          * @uiName Disabled
+          * Shown in the dropdown details when a reward has been received.’
+          * @uiName Reward received text
          */
-        "disabled"?: boolean;
+        "rewardReceivedText"?: string;
         /**
-          * @uiName Hide icon
-          * @default
+          * Additional status text shown in the details drop down.
+          * @uiName Reward status long text
+          * @uiWidget textArea
          */
-        "hideicon"?: boolean;
+        "statusLongText"?: string;
         /**
-          * @uiName Hide text
-          * @default
+          * Text shown in the reward status badge.
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "hidetext"?: boolean;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusCell {
+        "converted"?: boolean;
+        "fraudStatus"?: FraudStatus;
+        "statusSubText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusColumn {
         /**
-          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
-          * @uiName Icon
+          * @uiName Column title
          */
-        "icon"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiName Icon location
-          * @uiType string
-          * @uiEnum ["prefix", "suffix" ]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * @uiName Converted status text
          */
-        "iconslot"?: "prefix" | "suffix";
+        "convertedStatusText"?: string;
         /**
-          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
-          * @uiName Share medium
-          * @uiType string
-          * @required 
-          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
-          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
+          * @uiName Denied status sub-text
          */
-        "medium"?: | "facebook"
-    | "twitter"
-    | "email"
-    | "direct"
-    | "linkedin"
-    | "sms"
-    | "fbmessenger"
-    | "whatsapp"
-    | "linemessenger"
-    | "pinterest"
-    | "reminder"
-    | "unknown";
+        "deniedStatusSubText"?: string;
         /**
-          * @uiName Display pill
+          * @uiName Denied status text
          */
-        "pill"?: boolean;
+        "deniedStatusText"?: string;
         /**
-          * Optional programId, or uses the programId context where this button is rendered.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiName In progress status text
          */
-        "programId"?: string;
+        "inProgressStatusText"?: string;
         /**
-          * Text used for native sharing (mobile only)
-          * @uiName Share text
+          * @uiName Pending review status sub-text
          */
-        "sharetext"?: string;
+        "pendingReviewStatusSubText"?: string;
         /**
-          * Title used for native sharing (mobile only)
-          * @uiName Share title
+          * @uiName Pending review status text
          */
-        "sharetitle"?: string;
+        "pendingReviewStatusText"?: string;
+    }
+    interface SqmReferralTableUserCell {
+        "name"?: string;
+    }
+    interface SqmReferralTableUserColumn {
         /**
-          * @uiName Button size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large" ]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "size"?: "small" | "medium" | "large";
+        "anonymousUser"?: string;
         /**
-          * @uiName Button text color
-          * @uiWidget color
-          * @format color
+          * @uiName User column title
          */
-        "textcolor"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiType string
-          * @uiName Button style
-          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
-          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "type"?: | "primary"
-    | "success"
-    | "info"
-    | "warning"
-    | "danger"
-    | "default"
-    | "text";
+        "deletedUser"?: string;
     }
-    interface SqmShareCode {
+    interface SqmReferredRegistration {
         /**
-          * Set the copy button style and placement
-          * @uiName Style
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
           * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
-         */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * @uiName Copy button label
          */
-        "copyButtonLabel"?: string;
+        "backgroundColor"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiName Email field label
          */
-        "programId"?: string;
+        "emailLabel"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName First name field label
          */
-        "textAlign"?: "left" | "center" | "right";
+        "firstNameLabel"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "tooltiplifespan"?: number;
+        "fraudErrorMessage"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message title
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmShareLink {
+        "fraudErrorMessageTitle"?: string;
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "hideBorder"?: boolean;
         /**
-          * @uiName Copy button label
+          * @undocumented 
+          * @uiType boolean
          */
-        "copyButtonLabel"?: string;
+        "includeCookies"?: boolean;
         /**
-          * @undocumented 
-          * @uiType object
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "includeName"?: boolean;
         /**
-          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "programId"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share link alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName Last name field label
          */
-        "textAlign"?: "left" | "center" | "right";
+        "lastNameLabel"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "tooltiplifespan"?: number;
+        "networkErrorMessage"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmStatContainer {
+        "paddingBottom"?: string;
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "display"?: "grid" | "flex";
+        "paddingLeft"?: string;
         /**
-          * @uiName Space between stats
-          * @uiType string
+          * @uiName Right padding
+          * @uiGroup Card style
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "space"?: Spacing;
-    }
-    interface SqmStencilbook {
-    }
-    interface SqmTab {
+        "paddingRight"?: string;
         /**
-          * @uiName Tab title
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "header"?: string;
-    }
-    interface SqmTableCell {
+        "paddingTop"?: string;
         /**
-          * @uiName Column span
+          * @uiName Register button text
          */
-        "colspan"?: number;
+        "registerLabel"?: string;
         /**
-          * @uiName Padding
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "padding"?: string;
+        "requiredFieldErrorMessage"?: string;
     }
-    interface SqmTableRow {
+    interface SqmRewardExchangeList {
         /**
-          * @uiName Border
+          * @uiName Back button text
          */
-        "border"?: string;
-    }
-    interface SqmTabs {
+        "backText"?: string;
         /**
-          * Used to specify the placement of the tabs
-          * @uiName Tabs placement
-          * @uiType string
-          * @uiEnum ["left", "right", "bottom", "top"]
-          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
+          * @uiName Cancel button text
          */
-        "placement"?: "left" | "right" | "bottom" | "top";
-    }
-    interface SqmTaskCard {
+        "cancelText"?: string;
         /**
-          * @uiName Button link
-          * @uiGroup Button
+          * @uiName Choose amount progress title
+         */
+        "chooseAmountTitle"?: string;
+        /**
+          * @uiName Choose reward progress title
+         */
+        "chooseRewardTitle"?: string;
+        /**
+          * @uiName Confirmation progress title
          */
-        "buttonLink"?: string;
+        "confirmationTitle"?: string;
         /**
-          * @uiName Button text
-          * @uiGroup Button
+          * @uiName Continue button text
          */
-        "buttonText"?: string;
+        "continueText"?: string;
         /**
-          * @uiName Title
-          * @uiGroup Task
+          * Displayed on the reward selection page.
+          * @uiName Continue to confirmation button text
          */
-        "cardTitle"?: string;
+        "continueToConfirmationText"?: string;
         /**
-          * Displays the amount of times that a user has completed a repeatable task.
-          * @uiName Completed count text
-          * @uiGroup Task
-          * @uiWidget textArea
+          * Shown in the confirmation state.
+          * @uiName Cost row title
          */
-        "completedText"?: string;
+        "costTitle"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
+        "demoData"?: DemoData<RewardExchangeViewProps>;
         /**
-          * @uiName Description
-          * @uiGroup Task
+          * @uiName Done text
          */
-        "description"?: string;
+        "doneText"?: string;
         /**
-          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
-          * @uiName Display duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Task
+          * Error message shown when reward is not available
+          * @uiName Not available error
+          * @uiWidget textArea
          */
-        "displayDuration"?: string;
+        "notAvailableError"?: string;
         /**
-          * Shown to users after the end of the task duration.
-          * @uiName Ended date message
-          * @uiGroup Task
+          * @uiName Not enough error message
+          * @uiWidget textArea
          */
-        "endedMessage"?: string;
+        "notEnoughError"?: string;
         /**
-          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
-          * @uiName Task card button event key
-          * @uiGroup Button
+          * @uiName Promo code text
          */
-        "eventKey"?: string;
+        "promoCode"?: string;
         /**
-          * Displayed when a user views a task card after the reward duration interval.
-          * @uiName Expiry date message
-          * @uiGroup Task
+          * Shown if an error occurs when loading the reward exchange.
+          * @uiName Reward list error message
+          * @uiWidget textArea
          */
-        "expiryMessage"?: string;
+        "queryError"?: string;
         /**
-          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
-          * @uiName Repeat amount
-          * @uiGroup Reward
+          * @uiName Redeem button text
          */
-        "finite"?: number;
+        "redeemText"?: string;
         /**
-          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
-          * @uiName Goal completion number
-          * @uiGroup Goal
+          * Displayed as the header for the confirmation page.
+          * @uiName Confirmation title text
          */
-        "goal"?: number;
+        "redeemTitle"?: string;
         /**
-          * @uiName Hide CTA button
-          * @uiGroup Button
+          * Shown if an error occurs during the reward exchange.
+          * @uiName Redemption error message
+          * @uiWidget textArea
          */
-        "hideButton"?: boolean;
+        "redemptionError"?: string;
         /**
-          * Button link opens in new tab
-          * @uiName Open in new tab
-          * @uiGroup Button
-          * @default
+          * Displayed on the success screen when a user successfully exchanges for a reward.
+          * @uiName Redemption success message
+          * @uiWidget textArea
          */
-        "openNewTab"?: boolean;
+        "redemptionSuccessText"?: string;
         /**
-          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
-          * @uiName Program ID override
-          * @uiWidget programSelector
-          * @uiGroup Goal
+          * Shown in the confirmation state.
+          * @uiName Reward amount row title
          */
-        "programId"?: string;
+        "rewardAmountTitle"?: string;
         /**
-          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
-          * @uiName Progress bar unit
-          * @uiGroup Goal
+          * Shown in the confirmation state.
+          * @uiName Reward row title
          */
-        "progressBarUnit"?: string;
+        "rewardNameTitle"?: string;
         /**
-          * @uiName Goal repeatable
-          * @uiGroup Goal
-          * @default
+          * @uiName Reward redeemed text
          */
-        "repeatable"?: boolean;
+        "rewardRedeemedText"?: string;
         /**
-          * @uiName Reward amount
-          * @uiGroup Reward
+          * @uiName Reward title text
          */
-        "rewardAmount"?: string;
+        "rewardTitle"?: string;
         /**
-          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
-          * @uiName Reward duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Reward
+          * @uiName Select amount text
+          * @uiWidget textArea
          */
-        "rewardDuration"?: string;
+        "selectText"?: string;
         /**
-          * @uiName Reward unit
-          * @uiGroup Reward
+          * Set the number of placeholder cards to be shown in loading state.
+          * @uiName Loading cards
          */
-        "rewardUnit"?: string;
+        "skeletonCardNum"?: number;
         /**
-          * @uiName Show progress bar
-          * @uiGroup Goal
-          * @default
+          * Displayed on the reward exchange cards.
+          * @uiName Reward exchange amount text
+          * @uiWidget textArea
          */
-        "showProgressBar"?: boolean;
+        "sourceAmountMessage"?: string;
         /**
-          * Shown to users before the start of the task duration.
-          * @uiName Start date message
-          * @uiGroup Task
+          * Shown when a user copies a fuel tank code
+          * @uiName Tooltip text
          */
-        "startsOnMessage"?: string;
+        "tooltipText"?: string;
+    }
+    interface SqmRewardsTable {
         /**
-          * Select what type of stat to display for the goal. Manual paths are also supported.
-          * @uiName Goal progress source
-          * @required 
-          * @minLength 1
-          * @uiWidget statTypeSelectWidget
-          * @uiWidgetOptions {"version": 1.1}
-          * @uiGroup Goal
+          * @undocumented 
+          * @uiType object
          */
-        "statType"?: string;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * @uiName Progress bar steps
-          * @uiGroup Goal
-          * @default
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Mobile hidden columns
          */
-        "steps"?: boolean;
-    }
-    interface SqmTaxAndCash {
+        "hiddenColumns"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Hide column labels
          */
-        "demoData"?: DemoData<UseTaxAndCashResultType>;
+        "hideLabels"?: boolean;
         /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-          * @uiGroup Step 1 Properties
+          * @uiName Tablet breakpoint
          */
-        "step1_allowBankingCollection"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-          * @uiGroup Step 1 Properties
+          * @uiName View more button text
          */
-        "step1_allowBankingCollectionError"?: string;
+        "moreLabel"?: string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-          * @uiGroup Step 1 Properties
+          * @uiName Rewards per page
          */
-        "step1_businessEntity"?: string;
+        "perPage"?: number;
         /**
-          * Label text for country input
-          * @uiName Country label
-          * @uiGroup Step 1 Properties
+          * @uiName Previous button text
          */
-        "step1_country"?: string;
+        "prevLabel"?: string;
         /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-          * @uiGroup Step 1 Properties
+          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "step1_countryError"?: string;
+        "programId"?: string;
         /**
-          * Label text for currency input
-          * @uiName Currency label
-          * @uiGroup Step 1 Properties
+          * @uiName Mobile breakpoint
          */
-        "step1_currency"?: string;
+        "smBreakpoint"?: number;
+    }
+    interface SqmRewardsTableCustomerNoteCell {
+        "locale"?: string;
+        "note"?: string;
+    }
+    interface SqmRewardsTableCustomerNoteColumn {
         /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Column title
          */
-        "step1_currencyError"?: string;
+        "columnTitle"?: string;
+    }
+    interface SqmRewardsTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmRewardsTableDateColumn {
         /**
-          * Label text for email input
-          * @uiName Email label
-          * @uiGroup Step 1 Properties
+          * @uiName Date column title
          */
-        "step1_email"?: string;
+        "columnTitle"?: string;
+        /**
+          * @uiName Date displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
+          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
+         */
+        "dateShown"?: string;
+    }
+    interface SqmRewardsTableRewardCell {
+        "availableText"?: string;
+        "copyText"?: string;
+        "locale"?: string;
+        "redeemedText"?: string;
+        "reward"?: Reward;
+    }
+    interface SqmRewardsTableRewardColumn {
+        /**
+          * @uiName Remaining amount text
+         */
+        "availableText"?: string;
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Reward column title
          */
-        "step1_emailError"?: string;
+        "columnTitle"?: string;
         /**
-          * Label text for first name input
-          * @uiName First name label
-          * @uiGroup Step 1 Properties
+          * @uiName Copied fuel tank text
          */
-        "step1_firstName"?: string;
+        "copyText"?: string;
         /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Redeemed amount text
          */
-        "step1_firstNameError"?: string;
+        "redeemedText"?: string;
+    }
+    interface SqmRewardsTableSourceCell {
+        "anonymousUserText"?: string;
+        "deletedUserText"?: string;
+        "locale"?: string;
+        "referralText"?: string;
+        "reward"?: Reward;
+        "rewardExchangeText"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableSourceColumn {
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 1 Properties
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "step1_formStep"?: string;
+        "anonymousUser"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 1 Properties
+          * @uiName Soruce column title
          */
-        "step1_generalErrorDescription"?: string;
+        "columnTitle"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 1 Properties
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "step1_generalErrorTitle"?: string;
+        "deletedUser"?: string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-          * @uiGroup Step 1 Properties
+          * Shown when a reward has been created by a referral
+          * @uiName Referral text
+          * @uiWidget textArea
          */
-        "step1_individualParticipant"?: string;
+        "referralText"?: string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 1 Properties
+          * @uiName Reward exchange label
          */
-        "step1_isPartnerAlertDescription"?: string;
+        "rewardExchangeText"?: string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 1 Properties
+          * Shown when a reward has been created by a source other than a referral.
+          * @uiName Reward source text
+          * @uiWidget textArea
          */
-        "step1_isPartnerAlertHeader"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableStatusCell {
+        "deniedText"?: string;
+        "expiryText"?: string;
+        "locale"?: string;
+        "pendingReviewText"?: string;
+        "pendingScheduled"?: string;
+        "pendingUnhandled"?: string;
+        "pendingUsTax"?: string;
+        "reward"?: Reward;
+        "statusText"?: string;
+    }
+    interface SqmRewardsTableStatusColumn {
         /**
-          * Label text for last name input
-          * @uiName Last name label
-          * @uiGroup Step 1 Properties
+          * @uiName Column title
          */
-        "step1_lastName"?: string;
+        "columnTitle"?: string;
         /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-          * @uiGroup Step 1 Properties
+          * Displayed when denied for fraud.
+          * @uiName Denied text
          */
-        "step1_lastNameError"?: string;
+        "deniedText"?: string;
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-          * @uiGroup Step 1 Properties
+          * Text shown before the date of an expiring reward.
+          * @uiName Expiry date prefix
          */
-        "step1_participantType"?: string;
+        "expiryText"?: string;
         /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-          * @uiGroup Step 1 Properties
+          * Displayed when flagged for fraud.
+          * @uiName Pending review text
          */
-        "step1_participantTypeError"?: string;
+        "pendingReviewText"?: string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-          * @uiGroup Step 1 Properties
+          * Text shown before the available date of a pending reward.
+          * @uiName Pending date prefix
          */
-        "step1_personalInformation"?: string;
+        "pendingScheduled"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 1 Properties
+          * Displayed when fulfillment error occured when creating a reward.
+          * @uiName Unhandled error text
          */
-        "step1_submitButton"?: string;
+        "pendingUnhandled"?: string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-          * @uiGroup Step 1 Properties
+          * Displayed when a reward is pending due to W9 compliance.
+          * @uiName W9 pending text
          */
-        "step1_taxAndBankingCollection"?: string;
+        "pendingUsTax"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 2 Properties
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "step2_backButton"?: string;
+        "statusText"?: string;
+    }
+    interface SqmRoute {
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-          * @uiGroup Step 2 Properties
+          * Page Path URL for this route.
+          * @uiName Navigation path name
          */
-        "step2_formStep"?: string;
+        "path"?: string;
+    }
+    interface SqmRouter {
+    }
+    interface SqmScroll {
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 2 Properties
+          * @uiName Button text
          */
-        "step2_generalErrorDescription"?: string;
+        "buttonText"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 2 Properties
+          * @uiName Button type
+          * @uiType string
+          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
+          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
          */
-        "step2_generalErrorTitle"?: string;
+        "buttonType"?: | "default"
+    | "primary"
+    | "success"
+    | "neutral"
+    | "warning"
+    | "danger"
+    | "text";
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
-          * @uiGroup Step 2 Properties
+          * Draws a circle button.
+          * @uiName Circle
          */
-        "step2_indirectTax"?: string;
+        "circle"?: boolean;
         /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
-          * @uiGroup Step 2 Properties
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "step2_indirectTaxDescription"?: string;
+        "iconName"?: string;
         /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
-          * @uiGroup Step 2 Properties
+          * @uiName Icon slot
+          * @uiType string
+          * @uiEnum ["prefix", "suffix"]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "step2_indirectTaxDetails"?: string;
+        "iconSlot"?: string;
         /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
-          * @uiGroup Step 2 Properties
+          * The button becomes full width if the screen size is smaller than 500px
+          * @uiName Full width on mobile
          */
-        "step2_indirectTaxDetailsDescription"?: string;
+        "mobile"?: boolean;
         /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
-          * @uiGroup Step 2 Properties
+          * Draws an outlined button.
+          * @uiName Outline
          */
-        "step2_indirectTaxNumber"?: string;
+        "outline"?: boolean;
         /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
-          * @uiGroup Step 2 Properties
+          * Draws a pill-style button with rounded edges.
+          * @uiName Pill
          */
-        "step2_indirectTaxNumberError"?: string;
+        "pill"?: boolean;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 2 Properties
+          * @uiName Scroll animation style
+          * @uiType string
+          * @uiEnum ["smooth", "auto"]
+          * @uiEnumNames ["Smooth", "Auto"]
          */
-        "step2_isPartnerAlertDescription"?: string;
+        "scrollAnimation"?: "smooth" | "auto";
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 2 Properties
+          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
+          * @uiName Scroll ID
          */
-        "step2_isPartnerAlertHeader"?: string;
+        "scrollId"?: string;
         /**
-          * Label text for the QST checkbox
-          * @uiName checkbox label
-          * @uiGroup Step 2 Properties
+          * The name of the HTML tag you would like to scroll to. E.g referral-table
+          * @uiName Scroll tag name
          */
-        "step2_isRegisteredQST"?: string;
+        "scrollTagName"?: string;
         /**
-          * Label text for Income Tax checkbox
-          * @uiName Income Tax checkbox label
-          * @uiGroup Step 2 Properties
+          * @uiName Size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large"]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "step2_isRegisteredSubRegionIncomeTax"?: string;
+        "size"?: string;
+    }
+    interface SqmShareButton {
         /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
-          * @uiGroup Step 2 Properties
+          * @uiName Button background color
+          * @uiWidget color
+          * @format color
          */
-        "step2_notRegistered"?: string;
+        "backgroundcolor"?: string;
         /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
-          * @uiGroup Step 2 Properties
+          * Configure border radius with pixel amount
+          * @uiName Border radius
          */
-        "step2_otherRegion"?: string;
+        "borderradius"?: number;
         /**
-          * Label text for the Province select input
-          * @uiName Province select input label
-          * @uiGroup Step 2 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step2_province"?: string;
+        "demoData"?: DemoData<ShareButtonViewProps>;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-          * @uiGroup Step 2 Properties
+          * @uiName Disabled
          */
-        "step2_provinceError"?: string;
+        "disabled"?: boolean;
         /**
-          * Label text for the QST Tax Number input
-          * @uiName QST Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Hide icon
+          * @default
          */
-        "step2_qstNumber"?: string;
+        "hideicon"?: boolean;
         /**
-          * Error text shown below the QST Tax number input
-          * @uiName QST Tax Number error text
-          * @uiGroup Step 2 Properties
+          * @uiName Hide text
+          * @default
          */
-        "step2_qstTaxNumberError"?: string;
+        "hidetext"?: boolean;
         /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
-          * @uiGroup Step 2 Properties
+          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
+          * @uiName Icon
          */
-        "step2_selectedRegion"?: string;
+        "icon"?: string;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-          * @uiGroup Step 2 Properties
+          * @uiName Icon location
+          * @uiType string
+          * @uiEnum ["prefix", "suffix" ]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "step2_selectedRegionError"?: string;
+        "iconslot"?: "prefix" | "suffix";
         /**
-          * Label text for Sub-region select
-          * @uiName for Sub-region select label
-          * @uiGroup Step 2 Properties
+          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
+          * @uiName Share medium
+          * @uiType string
+          * @required 
+          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
+          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
          */
-        "step2_subRegion"?: string;
+        "medium"?: | "facebook"
+    | "twitter"
+    | "email"
+    | "direct"
+    | "linkedin"
+    | "sms"
+    | "fbmessenger"
+    | "whatsapp"
+    | "linemessenger"
+    | "pinterest"
+    | "reminder"
+    | "unknown";
         /**
-          * Error text shown below the Sub-region Income Tax number input
-          * @uiName Sub-region Income Tax error text
-          * @uiGroup Step 2 Properties
+          * @uiName Display pill
          */
-        "step2_subRegionTaxNumberError"?: string;
+        "pill"?: boolean;
         /**
-          * Label text for the Sub-region Income Tax Number input
-          * @uiName Sub-region income Tax Number input label
-          * @uiGroup Step 2 Properties
+          * Optional programId, or uses the programId context where this button is rendered.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step2_subRegionTaxNumberLabel"?: string;
+        "programId"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 2 Properties
+          * Text used for native sharing (mobile only)
+          * @uiName Share text
          */
-        "step2_submitButton"?: string;
+        "sharetext"?: string;
         /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-          * @uiGroup Step 2 Properties
+          * Title used for native sharing (mobile only)
+          * @uiName Share title
          */
-        "step2_taxDetailsError"?: string;
+        "sharetitle"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3 Properties
+          * @uiName Button size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large" ]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "step3_backButton"?: string;
+        "size"?: "small" | "medium" | "large";
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-          * @uiGroup Step 3 Properties
+          * @uiName Button text color
+          * @uiWidget color
+          * @format color
          */
-        "step3_banner"?: string;
+        "textcolor"?: string;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-          * @uiGroup Step 3 Properties
+          * @uiType string
+          * @uiName Button style
+          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
+          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
-        "step3_checkboxDescription"?: string;
+        "type"?: | "primary"
+    | "success"
+    | "info"
+    | "warning"
+    | "danger"
+    | "default"
+    | "text";
+    }
+    interface SqmShareCode {
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-          * @uiGroup Step 3 Properties
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "step3_checkboxLabel"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3 Properties
+          * @uiName Copy button label
          */
-        "step3_formStep"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-          * @uiGroup Step 3 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3_formSubmissionError"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3 Properties
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step3_generalErrorDescription"?: string;
+        "programId"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3 Properties
+          * Change the text alignment
+          * @uiName Share code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step3_generalErrorTitle"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3 Properties
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "step3_submitButton"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3 Properties
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "step3_taxForm"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmShareLink {
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-          * @uiGroup Step 3 Properties
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "step3_taxFormDescription"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-          * @uiGroup Step 3 Properties
+          * @uiName Copy button label
          */
-        "step3_taxFormLabel"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3b Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3b_backButton"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-          * @uiGroup Step 3b Properties
+          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step3b_formLabel"?: string;
+        "programId"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3b Properties
+          * Change the text alignment
+          * @uiName Share link alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step3b_formStep"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3b Properties
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "step3b_generalErrorDescription"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3b Properties
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "step3b_generalErrorTitle"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmStatContainer {
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3b Properties
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "step3b_submitButton"?: string;
+        "display"?: "grid" | "flex";
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3b Properties
+          * @uiName Space between stats
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step3b_taxForm"?: string;
+        "space"?: Spacing;
+    }
+    interface SqmStencilbook {
+    }
+    interface SqmTab {
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
-          * @uiGroup Step 3b Properties
+          * @uiName Tab title
          */
-        "step3b_w8Description"?: string;
+        "header"?: string;
+    }
+    interface SqmTableCell {
         /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
-          * @uiGroup Step 3b Properties
+          * @uiName Column span
          */
-        "step3b_w8EDescription"?: string;
+        "colspan"?: number;
         /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Padding
          */
-        "step3b_w8ELabel"?: string;
+        "padding"?: string;
+    }
+    interface SqmTableRow {
         /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Border
          */
-        "step3b_w8Label"?: string;
+        "border"?: string;
+    }
+    interface SqmTabs {
         /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
-          * @uiGroup Step 3b Properties
+          * Used to specify the placement of the tabs
+          * @uiName Tabs placement
+          * @uiType string
+          * @uiEnum ["left", "right", "bottom", "top"]
+          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
          */
-        "step3b_w9Description"?: string;
+        "placement"?: "left" | "right" | "bottom" | "top";
+    }
+    interface SqmTaskCard {
         /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Button link
+          * @uiGroup Button
          */
-        "step3b_w9Label"?: string;
+        "buttonLink"?: string;
         /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @uiName Button text
+          * @uiGroup Button
          */
-        "step4_badgeTextAwaitingReview"?: string;
+        "buttonText"?: string;
         /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @uiName Title
+          * @uiGroup Task
          */
-        "step4_badgeTextExpiredOn"?: string;
+        "cardTitle"?: string;
         /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * Displays the amount of times that a user has completed a repeatable task.
+          * @uiName Completed count text
+          * @uiGroup Task
+          * @uiWidget textArea
          */
-        "step4_badgeTextExpiringSoon"?: string;
+        "completedText"?: string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step4_badgeTextSubmittedOn"?: string;
+        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-          * @uiGroup Step 4 Properties
+          * @uiName Description
+          * @uiGroup Task
          */
-        "step4_bankingInformationSectionHeader"?: string;
+        "description"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error text
-          * @uiGroup Step 4 Properties
+          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
+          * @uiName Display duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Task
          */
-        "step4_generalErrorDescription"?: string;
+        "displayDuration"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error title
-          * @uiGroup Step 4 Properties
+          * Shown to users after the end of the task duration.
+          * @uiName Ended date message
+          * @uiGroup Task
          */
-        "step4_generalErrorTitle"?: string;
+        "endedMessage"?: string;
         /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-          * @uiGroup Step 4 Properties
+          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
+          * @uiName Task card button event key
+          * @uiGroup Button
          */
-        "step4_invalidForm"?: string;
+        "eventKey"?: string;
         /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName Step 4 No form needed subtext
-          * @uiGroup Step 4 Properties
+          * Displayed when a user views a task card after the reward duration interval.
+          * @uiName Expiry date message
+          * @uiGroup Task
          */
-        "step4_newFormButton"?: string;
+        "expiryMessage"?: string;
         /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-          * @uiGroup Step 4 Properties
+          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
+          * @uiName Repeat amount
+          * @uiGroup Reward
          */
-        "step4_noFormNeededSubtext"?: string;
+        "finite"?: number;
         /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-          * @uiGroup Step 4 Properties
+          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
+          * @uiName Goal completion number
+          * @uiGroup Goal
          */
-        "step4_notRegisteredForTax"?: string;
+        "goal"?: number;
         /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * @uiName Hide CTA button
+          * @uiGroup Button
          */
-        "step4_statusTextActive"?: string;
+        "hideButton"?: boolean;
         /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * Button link opens in new tab
+          * @uiName Open in new tab
+          * @uiGroup Button
+          * @default
          */
-        "step4_statusTextExpired"?: string;
+        "openNewTab"?: boolean;
         /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
+          * @uiName Program ID override
+          * @uiWidget programSelector
+          * @uiGroup Goal
          */
-        "step4_statusTextNotActive"?: string;
+        "programId"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
+          * @uiName Progress bar unit
+          * @uiGroup Goal
          */
-        "step4_statusTextNotVerified"?: string;
+        "progressBarUnit"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-          * @uiGroup Step 4 Properties
+          * @uiName Goal repeatable
+          * @uiGroup Goal
+          * @default
          */
-        "step4_taxAlertHeaderExpiredOn"?: string;
+        "repeatable"?: boolean;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-          * @uiGroup Step 4 Properties
+          * @uiName Reward amount
+          * @uiGroup Reward
          */
-        "step4_taxAlertHeaderExpiringSoon"?: string;
+        "rewardAmount"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-          * @uiGroup Step 4 Properties
+          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
+          * @uiName Reward duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Reward
          */
-        "step4_taxAlertHeaderNotActive"?: string;
+        "rewardDuration"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-          * @uiGroup Step 4 Properties
+          * @uiName Reward unit
+          * @uiGroup Reward
          */
-        "step4_taxAlertMessage"?: string;
+        "rewardUnit"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-          * @uiGroup Step 4 Properties
+          * @uiName Show progress bar
+          * @uiGroup Goal
+          * @default
          */
-        "step4_taxAlertMessageExpiringSoon"?: string;
+        "showProgressBar"?: boolean;
         /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-          * @uiGroup Step 4 Properties
+          * Shown to users before the start of the task duration.
+          * @uiName Start date message
+          * @uiGroup Task
          */
-        "step4_taxDocumentSectionHeader"?: string;
+        "startsOnMessage"?: string;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-          * @uiGroup Step 4 Properties
+          * Select what type of stat to display for the goal. Manual paths are also supported.
+          * @uiName Goal progress source
+          * @required 
+          * @minLength 1
+          * @uiWidget statTypeSelectWidget
+          * @uiWidgetOptions {"version": 1.1}
+          * @uiGroup Goal
          */
-        "step4_taxDocumentSectionSubHeader"?: string;
+        "statType"?: string;
         /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-          * @uiGroup Step 3 Properties
+          * @uiName Progress bar steps
+          * @uiGroup Goal
+          * @default
          */
-        "stop3NotBasedInUS"?: string;
+        "steps"?: boolean;
     }
-    interface SqmTaxAndCashMonolith {
+    interface SqmTaxAndCash {
         /**
           * @undocumented 
           * @uiType object
@@ -9882,7 +8674,6 @@ declare namespace LocalJSX {
         "sqm-tabs": SqmTabs;
         "sqm-task-card": SqmTaskCard;
         "sqm-tax-and-cash": SqmTaxAndCash;
-        "sqm-tax-and-cash-monolith": SqmTaxAndCashMonolith;
         "sqm-tax-document-submitted": SqmTaxDocumentSubmitted;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
@@ -9991,7 +8782,6 @@ declare module "@stencil/core" {
             "sqm-tabs": LocalJSX.SqmTabs & JSXBase.HTMLAttributes<HTMLSqmTabsElement>;
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
-            "sqm-tax-and-cash-monolith": LocalJSX.SqmTaxAndCashMonolith & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashMonolithElement>;
             "sqm-tax-document-submitted": LocalJSX.SqmTaxDocumentSubmitted & JSXBase.HTMLAttributes<HTMLSqmTaxDocumentSubmittedElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
diff --git a/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx b/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
index 6b95b02085..7e55f8a79a 100644
--- a/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
+++ b/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
@@ -1,4 +1,12 @@
-import { Component, Prop, h } from "@stencil/core";
+import { useRef } from "@saasquatch/universal-hooks";
+import {
+  Component,
+  Element,
+  Event,
+  EventEmitter,
+  Prop,
+  h,
+} from "@stencil/core";
 
 declare global {
   interface Window {
@@ -14,14 +22,37 @@ declare global {
   shadow: true,
 })
 export class DocusignEmbedComponent {
+  @Element() el!: HTMLElement;
   @Prop() url: string;
 
+  @Event({ bubbles: true }) docusignEvent: EventEmitter<{ status: string }>;
+
+  messageCallback = (e) => {
+    // ! TODO: Change this to the final url
+    if (e.origin !== "https://staging.referralsaasquatch.com") return;
+
+    this.docusignEvent.emit(e.data);
+  };
+
+  componentDidRender() {
+    const iframe = this.el?.shadowRoot.querySelector(
+      "iframe.docusign-iframe"
+    ) as HTMLIFrameElement | null;
+    if (!iframe) console.error("Could not find docusign iframe");
+
+    window.addEventListener("message", this.messageCallback, false);
+  }
+
+  disconnectedCallback() {
+    window.removeEventListener("message", this.messageCallback);
+  }
+
   render() {
     return (
       <iframe
         src={this.url}
         width="100%"
-        height="100%"
+        height="900px"
         class="docusign-iframe"
       ></iframe>
     );
diff --git a/packages/mint-components/src/components/tax-and-cash/countries.ts b/packages/mint-components/src/components/tax-and-cash/countries.ts
index bcf134ebfc..e06a500543 100644
--- a/packages/mint-components/src/components/tax-and-cash/countries.ts
+++ b/packages/mint-components/src/components/tax-and-cash/countries.ts
@@ -1,44 +1,256 @@
+import { TaxCountry } from "./sqm-tax-and-cash/data";
+
 export const INDIRECT_TAX_COUNTRIES = [
-  { countryCode: "GB", taxType: "GST", displayName: "United Kingdom" },
-  { countryCode: "AT", taxType: "GST", displayName: "Austria" },
-  { countryCode: "BE", taxType: "GST", displayName: "Belgium" },
-  { countryCode: "BG", taxType: "GST", displayName: "Bulgaria" },
-  { countryCode: "CA", taxType: "HST", displayName: "Canada" },
-  { countryCode: "HR", taxType: "GST", displayName: "Croatia" },
-  { countryCode: "CY", taxType: "GST", displayName: "Cyprus" },
-  { countryCode: "CZ", taxType: "GST", displayName: "Czechia" },
-  { countryCode: "DK", taxType: "GST", displayName: "Denmark" },
-  { countryCode: "EE", taxType: "GST", displayName: "Estonia" },
-  { countryCode: "FI", taxType: "GST", displayName: "Finland" },
-  { countryCode: "FR", taxType: "GST", displayName: "France" },
-  { countryCode: "DE", taxType: "GST", displayName: "Germany" },
-  { countryCode: "GR", taxType: "GST", displayName: "Greece" },
-  { countryCode: "HU", taxType: "GST", displayName: "Hungary" },
-  { countryCode: "IS", taxType: "GST", displayName: "Iceland" },
-  { countryCode: "IL", taxType: "GST", displayName: "Israel" },
-  { countryCode: "IE", taxType: "GST", displayName: "Ireland" },
-  { countryCode: "IT", taxType: "GST", displayName: "Italy" },
-  { countryCode: "LV", taxType: "GST", displayName: "Latvia" },
-  { countryCode: "LT", taxType: "GST", displayName: "Lithuania" },
-  { countryCode: "LU", taxType: "GST", displayName: "Luxembourg" },
-  { countryCode: "MT", taxType: "GST", displayName: "Malta" },
-  { countryCode: "MX", taxType: "GST", displayName: "Mexico" },
-  { countryCode: "NL", taxType: "GST", displayName: "Netherlands" },
-  { countryCode: "NO", taxType: "GST", displayName: "Norway" },
-  { countryCode: "PH", taxType: "GST", displayName: "Philippines" },
-  { countryCode: "PL", taxType: "GST", displayName: "Poland" },
-  { countryCode: "PT", taxType: "GST", displayName: "Portugal" },
-  { countryCode: "RO", taxType: "GST", displayName: "Romania" },
-  { countryCode: "RU", taxType: "GST", displayName: "Russia" },
-  { countryCode: "SK", taxType: "GST", displayName: "Slovakia" },
-  { countryCode: "SI", taxType: "GST", displayName: "Slovenia" },
-  { countryCode: "ES", taxType: "GST", displayName: "Spain" },
-  { countryCode: "SE", taxType: "GST", displayName: "Sweden" },
-  { countryCode: "ZA", taxType: "GST", displayName: "South Africa" },
-  { countryCode: "KR", taxType: "GST", displayName: "South Korea" },
-  { countryCode: "CH", taxType: "GST", displayName: "Switzerland" },
-  { countryCode: "TW", taxType: "GST", displayName: "Taiwan" },
-  { countryCode: "TH", taxType: "GST", displayName: "Thailand" },
-  { countryCode: "TR", taxType: "GST", displayName: "Turkey" },
-  { countryCode: "AE", taxType: "GST", displayName: "United Arab Emirates" },
+  {
+    countryCode: "GB",
+    impactCountryCode: "GB",
+    taxType: "GST",
+    displayName: "United Kingdom",
+  },
+  {
+    countryCode: "AT",
+    impactCountryCode: "AT",
+    taxType: "GST",
+    displayName: "Austria",
+  },
+  {
+    countryCode: "BE",
+    impactCountryCode: "BE",
+    taxType: "GST",
+    displayName: "Belgium",
+  },
+  {
+    countryCode: "BG",
+    impactCountryCode: "BG",
+    taxType: "GST",
+    displayName: "Bulgaria",
+  },
+  {
+    countryCode: "CA",
+    impactCountryCode: "CA",
+    taxType: "HST",
+    displayName: "Canada",
+  },
+  {
+    countryCode: "HR",
+    impactCountryCode: "HR",
+    taxType: "GST",
+    displayName: "Croatia",
+  },
+  {
+    countryCode: "CY",
+    impactCountryCode: "CY",
+    taxType: "GST",
+    displayName: "Cyprus",
+  },
+  {
+    countryCode: "CZ",
+    impactCountryCode: "CZ",
+    taxType: "GST",
+    displayName: "Czechia",
+  },
+  {
+    countryCode: "DK",
+    impactCountryCode: "DK",
+    taxType: "GST",
+    displayName: "Denmark",
+  },
+  {
+    countryCode: "EE",
+    impactCountryCode: "EE",
+    taxType: "GST",
+    displayName: "Estonia",
+  },
+  {
+    countryCode: "FI",
+    impactCountryCode: "FI",
+    taxType: "GST",
+    displayName: "Finland",
+  },
+  {
+    countryCode: "FR",
+    impactCountryCode: "FR",
+    taxType: "GST",
+    displayName: "France",
+  },
+  {
+    countryCode: "DE",
+    impactCountryCode: "DE",
+    taxType: "GST",
+    displayName: "Germany",
+  },
+  {
+    countryCode: "GR",
+    impactCountryCode: "GR",
+    taxType: "GST",
+    displayName: "Greece",
+  },
+  {
+    countryCode: "HU",
+    impactCountryCode: "HU",
+    taxType: "GST",
+    displayName: "Hungary",
+  },
+  {
+    countryCode: "IS",
+    impactCountryCode: "IS",
+    taxType: "GST",
+    displayName: "Iceland",
+  },
+  {
+    countryCode: "IL",
+    impactCountryCode: "IL",
+    taxType: "GST",
+    displayName: "Israel",
+  },
+  {
+    countryCode: "IE",
+    impactCountryCode: "IE",
+    taxType: "GST",
+    displayName: "Ireland",
+  },
+  {
+    countryCode: "IT",
+    impactCountryCode: "IT",
+    taxType: "GST",
+    displayName: "Italy",
+  },
+  {
+    countryCode: "LV",
+    impactCountryCode: "LV",
+    taxType: "GST",
+    displayName: "Latvia",
+  },
+  {
+    countryCode: "LT",
+    impactCountryCode: "LT",
+    taxType: "GST",
+    displayName: "Lithuania",
+  },
+  {
+    countryCode: "LU",
+    impactCountryCode: "LU",
+    taxType: "GST",
+    displayName: "Luxembourg",
+  },
+  {
+    countryCode: "MT",
+    impactCountryCode: "MT",
+    taxType: "GST",
+    displayName: "Malta",
+  },
+  {
+    countryCode: "MX",
+    impactCountryCode: "MX",
+    taxType: "GST",
+    displayName: "Mexico",
+  },
+  {
+    countryCode: "NL",
+    impactCountryCode: "NL",
+    taxType: "GST",
+    displayName: "Netherlands",
+  },
+  {
+    countryCode: "NO",
+    impactCountryCode: "NO",
+    taxType: "GST",
+    displayName: "Norway",
+  },
+  {
+    countryCode: "PH",
+    impactCountryCode: "PH",
+    taxType: "GST",
+    displayName: "Philippines",
+  },
+  {
+    countryCode: "PL",
+    impactCountryCode: "PL",
+    taxType: "GST",
+    displayName: "Poland",
+  },
+  {
+    countryCode: "PT",
+    impactCountryCode: "PT",
+    taxType: "GST",
+    displayName: "Portugal",
+  },
+  {
+    countryCode: "RO",
+    impactCountryCode: "RO",
+    taxType: "GST",
+    displayName: "Romania",
+  },
+  {
+    countryCode: "RU",
+    impactCountryCode: "RU",
+    taxType: "GST",
+    displayName: "Russia",
+  },
+  {
+    countryCode: "SK",
+    impactCountryCode: "SK",
+    taxType: "GST",
+    displayName: "Slovakia",
+  },
+  {
+    countryCode: "SI",
+    impactCountryCode: "SI",
+    taxType: "GST",
+    displayName: "Slovenia",
+  },
+  {
+    countryCode: "ES",
+    impactCountryCode: "ES",
+    taxType: "GST",
+    displayName: "Spain",
+  },
+  {
+    countryCode: "SE",
+    impactCountryCode: "SE",
+    taxType: "GST",
+    displayName: "Sweden",
+  },
+  {
+    countryCode: "ZA",
+    impactCountryCode: "ZA",
+    taxType: "GST",
+    displayName: "South Africa",
+  },
+  {
+    countryCode: "KR",
+    impactCountryCode: "KR",
+    taxType: "GST",
+    displayName: "South Korea",
+  },
+  {
+    countryCode: "CH",
+    impactCountryCode: "CH",
+    taxType: "GST",
+    displayName: "Switzerland",
+  },
+  {
+    countryCode: "TW",
+    impactCountryCode: "TW",
+    taxType: "GST",
+    displayName: "Taiwan",
+  },
+  {
+    countryCode: "TH",
+    impactCountryCode: "TH",
+    taxType: "GST",
+    displayName: "Thailand",
+  },
+  {
+    countryCode: "TR",
+    impactCountryCode: "TR",
+    taxType: "GST",
+    displayName: "Turkey",
+  },
+  {
+    countryCode: "AE",
+    impactCountryCode: "AE",
+    taxType: "GST",
+    displayName: "United Arab Emirates",
+  },
 ];
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 658080865e..ed6f87c5f9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -1,6 +1,14 @@
 import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, Element, h, Host, Prop, State } from "@stencil/core";
+import {
+  Component,
+  Element,
+  h,
+  Host,
+  Listen,
+  Prop,
+  State,
+} from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
@@ -9,6 +17,7 @@ import {
   DocusignFormViewProps,
 } from "./sqm-docusign-form-view";
 import { useDocusignForm, UseDocusignFormResult } from "./useDocusignForm";
+import { DocusignEmbedComponent } from "../../sqm-docusign-embed/sqm-docusign-embed";
 
 /**
  * @uiName DocuSign Document Submission
@@ -107,6 +116,11 @@ export class DocusignForm {
 
   disconnectedCallback() {}
 
+  @Listen("docusignEvent")
+  docusignEventHandler(data) {
+    console.log("DATA", data);
+  }
+
   getTextProps() {
     const props = getProps(this);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index d492d3e7db..ea5594ec28 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -17,11 +17,13 @@ import {
 import { DocusignForm } from "./sqm-docusign-form";
 
 type CreateTaxDocumentQuery = {
-  documentUrl: string;
+  createImpactPartnerTaxDocument: {
+    documentUrl: string;
+  };
 };
 const GET_TAX_DOCUMENT = gql`
   mutation createImpactPartnerTaxDocument(
-    $vars: CreateImpactPartnerTaxDocumentInput
+    $vars: CreateImpactPartnerTaxDocumentInput!
   ) {
     createImpactPartnerTaxDocument(createImpactPartnerTaxDocumentInput: $vars) {
       documentUrl
@@ -29,21 +31,15 @@ const GET_TAX_DOCUMENT = gql`
   }
 `;
 
-const UPSERT_USER = gql`
-  mutation ($userInput: UserInput!) {
-    upsertUser(userInput: $userInput) {
-      firstName
-      lastName
-    }
-  }
-`;
-
 export function useDocusignForm(props: DocusignForm, el: any) {
   const user = useUserIdentity();
   const [path, setPath] = useParent<string>(TAX_CONTEXT_NAMESPACE);
   const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
-  const { data, refetch } =
-    useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+  const {
+    data,
+    loading: userLoading,
+    refetch,
+  } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
 
   const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
   const [errors, setErrors] = useState({});
@@ -64,25 +60,36 @@ export function useDocusignForm(props: DocusignForm, el: any) {
   ] = useMutation<CreateTaxDocumentQuery>(GET_TAX_DOCUMENT);
 
   useEffect(() => {
-    if (data.user && !data.user.impactPartner) {
-      setErrors({ general: true });
-      return;
-    }
-
+    if (document) return;
     if (!user || !documentType) return;
 
-    createTaxDocument({
-      userId: user.id,
-      accountId: user.accountId,
-      taxDocumentType: documentType,
-    });
-  }, [data, user, documentType]);
+    const fetchDocument = async () => {
+      try {
+        const result = await createTaxDocument({
+          vars: {
+            userId: user.id,
+            accountId: user.accountId,
+            taxDocumentType: documentType,
+          },
+        });
+
+        if (!result || (result as Error).message) throw new Error();
+      } catch (e) {
+        setErrors({ general: true });
+      }
+    };
+
+    fetchDocument();
+  }, [user, documentType, document]);
 
   useEffect(() => {
-    if (!document) return;
+    console.log({ document });
+    if (!document?.createImpactPartnerTaxDocument) return;
     // Load docusign iframe with given url
     const slotted = el.querySelector("sqm-docusign-embed");
-    if (slotted) slotted.url = document.documentUrl;
+    if (slotted) {
+      slotted.url = document.createImpactPartnerTaxDocument?.documentUrl;
+    }
   }, [document]);
 
   const onSubmit = async () => {
@@ -94,17 +101,17 @@ export function useDocusignForm(props: DocusignForm, el: any) {
     // TODO: Check document is actually registered in the backend
     try {
       setLoading(true);
-      // Backend request
-      // await upsertUser({
-      //   userInput: {
-      //     id: user.id,
-      //     accountId: user.accountId,
-      //     customFields: {
-      //       __taxDocumentSubmitted: true,
-      //     },
-      //   },
-      // });
-      await refetch();
+
+      const result = await refetch();
+      if ((result as Error).message) throw new Error();
+
+      const status = (result as UserQuery).user?.impactPartner
+        ?.currentTaxDocument?.status;
+
+      // TODO : Confirm behaviour
+      if (status === "NOT_VERIFIED" || status === "ACTIVE") {
+        console.log("Document has been registered as submitted");
+      }
 
       setPath(context.overrideNextStep || "/submitted");
     } catch (e) {
@@ -121,9 +128,9 @@ export function useDocusignForm(props: DocusignForm, el: any) {
   return {
     states: {
       hideSteps: context.hideSteps,
-      disabled: documentLoading || loading,
+      disabled: userLoading || documentLoading || loading,
       submitDisabled: !formSubmitted,
-      loading: documentLoading || loading,
+      loading: userLoading || documentLoading || loading,
       formState: {
         completedTaxForm: formSubmitted,
         taxFormExpired: false, // TODO: Unhardcode this
@@ -133,7 +140,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
     },
     data: {
       taxForm: documentType,
-      documentUrl: document?.documentUrl,
+      documentUrl: document?.createImpactPartnerTaxDocument?.documentUrl,
     },
     callbacks: {
       onShowDocumentType: () => setPath("/3b"),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 48ec261375..624ced502a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -14,6 +14,7 @@ import {
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
   TaxContext,
+  TaxCountry,
   USER_FORM_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
   UserFormContext,
@@ -26,6 +27,27 @@ import {
 } from "../subregions";
 import { IndirectTaxForm } from "./sqm-indirect-tax-form";
 
+type ConnectPartnerResult = {
+  connectImpactPartner: {
+    id: string;
+    accountId: string;
+    impactPartner: {
+      connectionStatus;
+    } | null;
+  };
+};
+const CONNECT_PARTNER = gql`
+  mutation connectImpactPartner($vars: ImpactPartnerInput!) {
+    connectImpactPartner(impactPartnerInput: $vars) {
+      id
+      accountId
+      impactPartner {
+        connectionStatus
+      }
+    }
+  }
+`;
+
 function getOption(participantType: string, countryCode: string) {
   if (participantType === "individualParticipant") return "notRegistered";
   if (INDIRECT_TAX_COUNTRIES.find((c) => c.countryCode === countryCode)) {
@@ -44,6 +66,10 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
   const [loading, setLoading] = useState(false);
   const [formState, setFormState] = useState<Record<string, any>>({});
 
+  const [
+    connectImpactPartner,
+    { loading: connectLoading, errors: connectErrors },
+  ] = useMutation<ConnectPartnerResult>(CONNECT_PARTNER);
   const userForm = useParentValue<UserFormContext>(USER_FORM_CONTEXT_NAMESPACE);
   const { data: userData, refetch } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
@@ -126,19 +152,34 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
           : "DIFFERENT_COUNTRY";
 
       const fields = {
-        taxOption: taxOption,
-        countrySubDivision: formData.province || formData.subRegion,
+        indirectTaxOption: taxOption,
+        indirectTaxCountry: formData.selectedRegion, // TODO: May need formatting
+        indirectTaxSubdivision: formData.province || formData.subRegion,
         indirectTaxId: formData.indirectTaxNumber,
-        additionalTax: formState.hasQst,
         additionalTaxId: formData.qstNumber,
         withholdingTaxCountry: formState.hasSubRegionTaxNumber
           ? "SPAIN"
           : undefined,
         withholdingTaxNumber: formData.subRegionTaxNumber,
+        organizationType: "OTHER", // TODO: Eventually know what to pass here
       };
 
-      console.log({ formData, fields, userForm });
-
+      const result = await connectImpactPartner({
+        vars: {
+          userId: user.id,
+          accountId: user.accountId,
+          firstName: userForm.firstName,
+          lastName: userForm.lastName,
+          country: userForm.countryCode, // TODO: May need formatting
+          currency: userForm.currency,
+          ...fields,
+        },
+      });
+      if (!result || (result as Error)?.message) throw new Error();
+
+      await refetch();
+
+      console.log({ result });
       setStep("/3");
     } catch (e) {
       setErrors({ general: true });
@@ -154,9 +195,9 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
   return {
     states: {
       hideSteps: context.hideSteps,
-      disabled: loading || countriesLoading,
-      loading: loading || countriesLoading,
-      isPartner: userData?.user?.customFields?.__taxIsPartner,
+      disabled: loading || countriesLoading || connectLoading,
+      loading: loading || connectLoading || countriesLoading,
+      isPartner: !!userData?.user?.impactPartner,
       errors,
       formState: {
         checked: option,
@@ -175,8 +216,9 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
         })),
     },
     data: {
+      // TODO: Confirm
       esRegions: INDIRECT_TAX_SPAIN_REGIONS,
-      countries: INDIRECT_TAX_COUNTRIES,
+      countries: INDIRECT_TAX_COUNTRIES as TaxCountry[],
       provinces: INDIRECT_TAX_PROVINCES,
     },
     text: props.getTextProps(),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 5bea2d4640..ea5def21ab 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -95,18 +95,21 @@ export const GET_COUNTRIES = gql`
     countries(limit: 1000) {
       data {
         countryCode
+        impactCountryCode
         displayName
       }
     }
   }
 `;
 
+export type TaxCountry = {
+  impactCountryCode: string;
+  countryCode: string;
+  displayName: string;
+};
 export type CountriesQuery = {
   countries: {
-    data: {
-      countryCode: string;
-      displayName: string;
-    }[];
+    data: TaxCountry[];
   };
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index e3c71b76e5..477c1dd368 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -55,13 +55,14 @@ export function useTaxAndCash() {
 
   /**** DEMO DATA */
 
-  const id = "zach.harrison@referralsaasquatch.com";
-  const accountId = id;
-  const programId = "klip-referral-program";
+  const id = "e5dce75a6773b42feb0d3a5599d4b9bc0bc14320f857dce94a7534027378c583";
+  const accountId =
+    "e5dce75a6773b42feb0d3a5599d4b9bc0bc14320f857dce94a7534027378c583";
+  const programId = "22514";
 
   //@ts-ignore
   window.widgetIdent = {
-    tenantAlias: "test_a74miwdpofztj",
+    tenantAlias: "aprh0cfq6y8tk",
     appDomain: "https://staging.referralsaasquatch.com",
     programId,
   };
@@ -70,7 +71,7 @@ export function useTaxAndCash() {
     setUserIdentity({
       accountId,
       id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiYWNjb3VudElkIjoiemFjaC5oYXJyaXNvbkByZWZlcnJhbHNhYXNxdWF0Y2guY29tIiwiZW1haWwiOiJ6YWNoLmhhcnJpc29uQHJlZmVycmFsc2Fhc3F1YXRjaC5jb20ifX0.vBPHefz1au0_O-Hub2q6m5S8t-D5EO9LxK_pd9rkLhQ",
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZTVkY2U3NWE2NzczYjQyZmViMGQzYTU1OTlkNGI5YmMwYmMxNDMyMGY4NTdkY2U5NGE3NTM0MDI3Mzc4YzU4MyIsImFjY291bnRJZCI6ImU1ZGNlNzVhNjc3M2I0MmZlYjBkM2E1NTk5ZDRiOWJjMGJjMTQzMjBmODU3ZGNlOTRhNzUzNDAyNzM3OGM1ODMifX0.Cw4sJM8ZG_oApmvN2JjjX1CirKj3c1oa-ubu3iZxOtQ",
     });
   }, []);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 206628b4e9..dac892d533 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -36,6 +36,7 @@ const stepOneProps: StoryDemoData<UseUserInfoFormResult> = {
   data: {
     countries: [
       {
+        impactCountryCode: "CANADA",
         countryCode: "CA",
         displayName: "Canada",
       },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 8d385d0182..ae678e4de6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -2,6 +2,7 @@ import { h } from "@stencil/core";
 import { intl } from "../../../../global/global";
 import { createStyleSheet } from "../../../../styling/JSS";
 import { INDIRECT_TAX_PROVINCES } from "../../subregions";
+import { TaxContext, TaxCountry } from "../../sqm-tax-and-cash/data";
 
 export interface IndirectDetailsSlotViewProps {
   states: {
@@ -30,10 +31,7 @@ export interface IndirectDetailsSlotViewProps {
       provinceCode: string;
       displayName: string;
     }[];
-    countries?: {
-      countryCode: string;
-      displayName: string;
-    }[];
+    countries?: TaxCountry[];
   };
   callbacks: {
     onFormChange: (field: string, e: CustomEvent) => void;
@@ -182,7 +180,6 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
           class={classes.Input}
           value={formState.subRegion}
           label={"Sub Region"}
-          // onSl-select={(e) => callbacks.onFormChange("subRegion", e)}
           disabled={states.loading}
           {...(formState.errors?.indirectTaxNumber && {
             class: classes.ErrorInput,
@@ -348,7 +345,9 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             name="/selectedRegion"
           >
             {props.data.countries!.map((c) => (
-              <sl-menu-item value={c.countryCode}>{c.displayName}</sl-menu-item>
+              <sl-menu-item value={c.impactCountryCode}>
+                {c.displayName}
+              </sl-menu-item>
             ))}
           </sl-select>
           {/* Trying to stop shoelace from persisting form inputs */}

From ba3dbda2f0d24132c85c582b97e346d2eb2328e3 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 14 Feb 2024 14:32:06 -0800
Subject: [PATCH 186/753] prerelease 1.8.0-27

---
 packages/mint-components/package-lock.json    |  4 +-
 packages/mint-components/package.json         |  2 +-
 packages/mint-components/src/components.d.ts  | 48 +++++++-------
 .../components/sqm-docusign-embed/readme.md   |  9 ++-
 .../tax-and-cash/TaxForm.stories.tsx          |  2 +-
 .../sqm-document-type-form/readme.md          |  8 +--
 .../tax-and-cash/sqm-docusign-form/readme.md  | 34 +++++-----
 .../sqm-indirect-tax-form/readme.md           | 63 ++++++++++---------
 .../tax-and-cash/sqm-tax-and-cash/readme.md   | 12 ++--
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 38 +++++------
 .../sqm-tax-document-submitted/readme.md      |  2 +-
 .../tax-and-cash/sqm-user-info-form/readme.md | 56 ++++++++---------
 12 files changed, 143 insertions(+), 135 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 3a54d9b8bc..b8d3b77205 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-26",
+  "version": "1.8.0-27",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-26",
+      "version": "1.8.0-27",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index a1ce98495b..7309ce7519 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-26",
+  "version": "1.8.0-27",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 060fe9f93f..e2839b36de 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -7,8 +7,8 @@
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 import { DemoData } from "./global/demo";
 import { AssetCardViewProps } from "./components/sqm-asset-card/sqm-asset-card-view";
-import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { UserNameViewProps } from "./components/sqm-user-name/sqm-user-name-view";
+import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
 import { CouponCodeViewProps } from "./components/sqm-coupon-code/sqm-coupon-code-view";
 import { UseDocumentTypeFormResult } from "./components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm";
@@ -66,6 +66,13 @@ export namespace Components {
          */
         "titleText": string;
     }
+    interface SqmBankingInfoForm {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+    }
     interface SqmBigStat {
         /**
           * Controls the alignment of the flexbox
@@ -127,13 +134,6 @@ export namespace Components {
          */
         "width": number;
     }
-    interface SqmCashForm {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
-    }
     interface SqmCheckboxField {
         /**
           * @uiName Checkbox label
@@ -3980,6 +3980,12 @@ declare global {
         prototype: HTMLSqmAssetCardElement;
         new (): HTMLSqmAssetCardElement;
     };
+    interface HTMLSqmBankingInfoFormElement extends Components.SqmBankingInfoForm, HTMLStencilElement {
+    }
+    var HTMLSqmBankingInfoFormElement: {
+        prototype: HTMLSqmBankingInfoFormElement;
+        new (): HTMLSqmBankingInfoFormElement;
+    };
     interface HTMLSqmBigStatElement extends Components.SqmBigStat, HTMLStencilElement {
     }
     var HTMLSqmBigStatElement: {
@@ -3998,12 +4004,6 @@ declare global {
         prototype: HTMLSqmCardFeedElement;
         new (): HTMLSqmCardFeedElement;
     };
-    interface HTMLSqmCashFormElement extends Components.SqmCashForm, HTMLStencilElement {
-    }
-    var HTMLSqmCashFormElement: {
-        prototype: HTMLSqmCashFormElement;
-        new (): HTMLSqmCashFormElement;
-    };
     interface HTMLSqmCheckboxFieldElement extends Components.SqmCheckboxField, HTMLStencilElement {
     }
     var HTMLSqmCheckboxFieldElement: {
@@ -4583,10 +4583,10 @@ declare global {
     interface HTMLElementTagNameMap {
         "raisins-plop-target": HTMLRaisinsPlopTargetElement;
         "sqm-asset-card": HTMLSqmAssetCardElement;
+        "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
         "sqm-big-stat": HTMLSqmBigStatElement;
         "sqm-brand": HTMLSqmBrandElement;
         "sqm-card-feed": HTMLSqmCardFeedElement;
-        "sqm-cash-form": HTMLSqmCashFormElement;
         "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
         "sqm-close-button": HTMLSqmCloseButtonElement;
         "sqm-context-router": HTMLSqmContextRouterElement;
@@ -4703,6 +4703,13 @@ declare namespace LocalJSX {
          */
         "titleText"?: string;
     }
+    interface SqmBankingInfoForm {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+    }
     interface SqmBigStat {
         /**
           * Controls the alignment of the flexbox
@@ -4764,13 +4771,6 @@ declare namespace LocalJSX {
          */
         "width"?: number;
     }
-    interface SqmCashForm {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
-    }
     interface SqmCheckboxField {
         /**
           * @uiName Checkbox label
@@ -8582,10 +8582,10 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "raisins-plop-target": RaisinsPlopTarget;
         "sqm-asset-card": SqmAssetCard;
+        "sqm-banking-info-form": SqmBankingInfoForm;
         "sqm-big-stat": SqmBigStat;
         "sqm-brand": SqmBrand;
         "sqm-card-feed": SqmCardFeed;
-        "sqm-cash-form": SqmCashForm;
         "sqm-checkbox-field": SqmCheckboxField;
         "sqm-close-button": SqmCloseButton;
         "sqm-context-router": SqmContextRouter;
@@ -8690,10 +8690,10 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "raisins-plop-target": LocalJSX.RaisinsPlopTarget & JSXBase.HTMLAttributes<HTMLRaisinsPlopTargetElement>;
             "sqm-asset-card": LocalJSX.SqmAssetCard & JSXBase.HTMLAttributes<HTMLSqmAssetCardElement>;
+            "sqm-banking-info-form": LocalJSX.SqmBankingInfoForm & JSXBase.HTMLAttributes<HTMLSqmBankingInfoFormElement>;
             "sqm-big-stat": LocalJSX.SqmBigStat & JSXBase.HTMLAttributes<HTMLSqmBigStatElement>;
             "sqm-brand": LocalJSX.SqmBrand & JSXBase.HTMLAttributes<HTMLSqmBrandElement>;
             "sqm-card-feed": LocalJSX.SqmCardFeed & JSXBase.HTMLAttributes<HTMLSqmCardFeedElement>;
-            "sqm-cash-form": LocalJSX.SqmCashForm & JSXBase.HTMLAttributes<HTMLSqmCashFormElement>;
             "sqm-checkbox-field": LocalJSX.SqmCheckboxField & JSXBase.HTMLAttributes<HTMLSqmCheckboxFieldElement>;
             "sqm-close-button": LocalJSX.SqmCloseButton & JSXBase.HTMLAttributes<HTMLSqmCloseButtonElement>;
             "sqm-context-router": LocalJSX.SqmContextRouter & JSXBase.HTMLAttributes<HTMLSqmContextRouterElement>;
diff --git a/packages/mint-components/src/components/sqm-docusign-embed/readme.md b/packages/mint-components/src/components/sqm-docusign-embed/readme.md
index 11faae3c59..51d7f218b3 100644
--- a/packages/mint-components/src/components/sqm-docusign-embed/readme.md
+++ b/packages/mint-components/src/components/sqm-docusign-embed/readme.md
@@ -12,11 +12,18 @@
 | `url`    | `url`     |             | `string` | `undefined` |
 
 
+## Events
+
+| Event           | Description | Type                               |
+| --------------- | ----------- | ---------------------------------- |
+| `docusignEvent` |             | `CustomEvent<{ status: string; }>` |
+
+
 ## Dependencies
 
 ### Used by
 
- - [sqm-tax-and-cash](../sqm-tax-and-cash)
+ - [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 721eaaae01..5b3dcbf067 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -68,7 +68,7 @@ const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
     onSubmit: async () => console.log("Submit"),
     onChange: () => console.log("Submit"),
     onBack: () => console.log("Submit"),
-    onFormChange: (field: string, e: CustomEvent) => console.log(e),
+    onFormChange: (field: string, e: CustomEvent) => console.log(field, e),
     onQstToggle: () => {},
     onSpainToggle: () => {},
   },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
index de0ea5a122..58fbde21ec 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
@@ -17,11 +17,11 @@
 | `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                 | `"There was a problem submitting your information"`                                                                                           |
 | `submitButton`            | `submit-button`             | Text shown inside of submit button                                                    | `string`                                                                                                                                                 | `"Continue"`                                                                                                                                  |
 | `taxForm`                 | `tax-form`                  | Heading text shown at the top of the top of page                                      | `string`                                                                                                                                                 | `"Tax form"`                                                                                                                                  |
-| `w8Description`           | `w-8-description`           | Subtext for the W8 radio button                                                       | `string`                                                                                                                                                 | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                    |
-| `w8EDescription`          | `w-8-e-description`         | Subtext for the W8E radio button                                                      | `string`                                                                                                                                                 | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."` |
+| `w8Description`           | `w-8-description`           | Description for the W8 radio button                                                   | `string`                                                                                                                                                 | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                    |
+| `w8EDescription`          | `w-8-e-description`         | Description for the W8E radio button                                                  | `string`                                                                                                                                                 | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."` |
 | `w8ELabel`                | `w-8-e-label`               | Label text for the W8E radio button                                                   | `string`                                                                                                                                                 | `"W8-BEN-E"`                                                                                                                                  |
 | `w8Label`                 | `w-8-label`                 | Label text for the W8 radio button                                                    | `string`                                                                                                                                                 | `"W8-Ben"`                                                                                                                                    |
-| `w9Description`           | `w-9-description`           | Subtext for the W9 radio button                                                       | `string`                                                                                                                                                 | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                  |
+| `w9Description`           | `w-9-description`           | Description for the W9 radio button                                                   | `string`                                                                                                                                                 | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                  |
 | `w9Label`                 | `w-9-label`                 | Label text for the W9 radio button                                                    | `string`                                                                                                                                                 | `"W9"`                                                                                                                                        |
 
 
@@ -30,7 +30,7 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
- - [sqm-tax-and-cash](../../sqm-tax-and-cash)
+ - [sqm-tax-and-cash](../sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index d9a3b78ad6..26f238a7a3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,22 +7,22 @@
 
 ## Properties
 
-| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                                                   | Default                                                                                                               |
-| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
-| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                               | `"Back"`                                                                                                              |
-| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                               | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."` |
-| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                               | `"I have completed and submitted my tax form"`                                                                        |
-| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                               | `"Form submission"`                                                                                                   |
-| `demoData`                | --                          |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; submitDisabled: boolean; loading: boolean; formState: { completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; documentType: TaxDocumentType; }; data?: { taxForm: string; documentUrl: string; }; }` | `undefined`                                                                                                           |
-| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                               | `"Step 3 of 4"`                                                                                                       |
-| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                               | `"This field is required"`                                                                                            |
-| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                               | `"Please review your information and try again. If this problem continues, contact Support."`                         |
-| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                               | `"There was a problem submitting your information"`                                                                   |
-| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                               | `"Not based in the US?"`                                                                                              |
-| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                               | `"Continue"`                                                                                                          |
-| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                               | `"Tax form"`                                                                                                          |
-| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                               | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`            |
-| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                               | `"{documentType} Tax Form"`                                                                                           |
+| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                                                            | Default                                                                                                               |
+| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
+| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                              |
+| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                        | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."` |
+| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                        | `"I have completed and submitted my tax form"`                                                                        |
+| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                        | `"Form submission"`                                                                                                   |
+| `demoData`                | --                          |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; submitDisabled: boolean; loading: boolean; formState: { completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; documentType: TaxDocumentType; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                           |
+| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                        | `"Step 3 of 4"`                                                                                                       |
+| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                        | `"This field is required"`                                                                                            |
+| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                         |
+| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                   |
+| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                        | `"Not based in the US?"`                                                                                              |
+| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                          |
+| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                        | `"Tax form"`                                                                                                          |
+| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                        | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`            |
+| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                        | `"{documentType} Tax Form"`                                                                                           |
 
 
 ## Dependencies
@@ -30,7 +30,7 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
- - [sqm-tax-and-cash](../../sqm-tax-and-cash)
+ - [sqm-tax-and-cash](../sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 777d6e268a..db0caca6cb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -7,36 +7,37 @@
 
 ## Properties
 
-| Property                         | Attribute                             | Description | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                     |
-| -------------------------------- | ------------------------------------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`                     | `back-button`                         |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                                    |
-| `demoData`                       | --                                    |             | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: any; errors: {}; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: { countryCode: string; taxType: string; displayName: string; }[]; provinces: { provinceCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: number; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                 |
-| `formStep`                       | `form-step`                           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Step 2 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`        | `general-error-description`           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`              | `general-error-title`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                                                                         |
-| `indirectTax`                    | `indirect-tax`                        |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax"`                                                                                                                                                            |
-| `indirectTaxDescription`         | `indirect-tax-description`            |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
-| `indirectTaxDetails`             | `indirect-tax-details`                |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax Details"`                                                                                                                                                    |
-| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
-| `indirectTaxNumber`              | `indirect-tax-number`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}}"`                                                                                    |
-| `indirectTaxNumberError`         | `indirect-tax-number-error`           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required"`                                                                        |
-| `isPartnerAlertDescription`      | `is-partner-alert-description`        |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."` |
-| `isPartnerAlertHeader`           | `is-partner-alert-header`             |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `isRegisteredQST`                | `is-registered-q-s-t`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for QST Tax"`                                                                                                                                             |
-| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                              |
-| `notRegistered`                  | `not-registered`                      |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am not registered for Indirect Tax"`                                                                                                                                    |
-| `otherRegion`                    | `other-region`                        |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
-| `province`                       | `province`                            |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province"`                                                                                                                                                                |
-| `provinceError`                  | `province-error`                      |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province is required"`                                                                                                                                                    |
-| `qstNumber`                      | `qst-number`                          |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number"`                                                                                                                                                              |
-| `qstTaxNumberError`              | `qst-tax-number-error`                |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Tax Number is required"`                                                                                                                                              |
-| `selectedRegion`                 | `selected-region`                     |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country / Region of Indirect Tax"`                                                                                                                                        |
-| `selectedRegionError`            | `selected-region-error`               |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country is required"`                                                                                                                                                     |
-| `subRegion`                      | `sub-region`                          |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Sub-region"`                                                                                                                                                              |
-| `subRegionTaxNumberError`        | `sub-region-tax-number-error`         |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number is required"`                                                                                                                                           |
-| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number"`                                                                                                                                                       |
-| `submitButton`                   | `submit-button`                       |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                                                                                |
-| `taxDetailsError`                | `tax-details-error`                   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"This field is required"`                                                                                                                                                  |
+| Property                         | Attribute                             | Description | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                                                                  |
+| -------------------------------- | ------------------------------------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `backButton`                     | `back-button`                         |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                                                                                 |
+| `demoData`                       | --                                    |             | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; errors: {}; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { provinceCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: number; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                              |
+| `formStep`                       | `form-step`                           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Step 2 of 4"`                                                                                                                                                                                                          |
+| `generalErrorDescription`        | `general-error-description`           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                            |
+| `generalErrorTitle`              | `general-error-title`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                                                                                                                      |
+| `indirectTax`                    | `indirect-tax`                        |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax"`                                                                                                                                                                                                         |
+| `indirectTaxDescription`         | `indirect-tax-description`            |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."`      |
+| `indirectTaxDetails`             | `indirect-tax-details`                |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax Details"`                                                                                                                                                                                                 |
+| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"If you represent a business entity, you may be registered for indirect tax. If you are based in the US you are most likely not registered. Not sure if you’re registered? Contact our Support team to find out more."` |
+| `indirectTaxNumber`              | `indirect-tax-number`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}}"`                                                                                                                                 |
+| `indirectTaxNumberError`         | `indirect-tax-number-error`           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required"`                                                                                                                     |
+| `isPartnerAlertDescription`      | `is-partner-alert-description`        |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."`                                              |
+| `isPartnerAlertHeader`           | `is-partner-alert-header`             |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                             |
+| `isRegisteredQST`                | `is-registered-q-s-t`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for QST Tax"`                                                                                                                                                                                          |
+| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                           |
+| `notRegistered`                  | `not-registered`                      |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am not registered for Indirect Tax"`                                                                                                                                                                                 |
+| `otherRegion`                    | `other-region`                        |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                                                                     |
+| `province`                       | `province`                            |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province"`                                                                                                                                                                                                             |
+| `provinceError`                  | `province-error`                      |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province is required"`                                                                                                                                                                                                 |
+| `qstNumber`                      | `qst-number`                          |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number"`                                                                                                                                                                                                           |
+| `qstTaxNumberError`              | `qst-tax-number-error`                |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number is required"`                                                                                                                                                                                               |
+| `selectedRegion`                 | `selected-region`                     |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country / Region of Indirect Tax"`                                                                                                                                                                                     |
+| `selectedRegionError`            | `selected-region-error`               |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country is required"`                                                                                                                                                                                                  |
+| `subRegion`                      | `sub-region`                          |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Sub-region"`                                                                                                                                                                                                           |
+| `subRegionError`                 | `sub-region-error`                    |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Sub-region is required"`                                                                                                                                                                                               |
+| `subRegionTaxNumberError`        | `sub-region-tax-number-error`         |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number is required"`                                                                                                                                                                                        |
+| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number"`                                                                                                                                                                                                    |
+| `submitButton`                   | `submit-button`                       |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                                                                                                                             |
+| `taxDetailsError`                | `tax-details-error`                   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"This field is required"`                                                                                                                                                                                               |
 
 
 ## Dependencies
@@ -44,7 +45,7 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
- - [sqm-tax-and-cash](../../sqm-tax-and-cash)
+ - [sqm-tax-and-cash](../sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 0010b73722..96b98f7114 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -115,12 +115,12 @@
 
 ### Depends on
 
-- [sqm-user-info-form](../tax-and-cash/sqm-user-info-form)
-- [sqm-indirect-tax-form](../tax-and-cash/sqm-indirect-tax-form)
-- [sqm-docusign-form](../tax-and-cash/sqm-docusign-form)
-- [sqm-docusign-embed](../sqm-docusign-embed)
-- [sqm-document-type-form](../tax-and-cash/sqm-document-type-form)
-- [sqm-tax-document-submitted](../tax-and-cash/sqm-tax-document-submitted)
+- [sqm-user-info-form](../sqm-user-info-form)
+- [sqm-indirect-tax-form](../sqm-indirect-tax-form)
+- [sqm-docusign-form](../sqm-docusign-form)
+- [sqm-docusign-embed](../../sqm-docusign-embed)
+- [sqm-document-type-form](../sqm-document-type-form)
+- [sqm-tax-document-submitted](../sqm-tax-document-submitted)
 
 ### Graph
 ```mermaid
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 477c1dd368..15fee60eb9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -55,25 +55,25 @@ export function useTaxAndCash() {
 
   /**** DEMO DATA */
 
-  const id = "e5dce75a6773b42feb0d3a5599d4b9bc0bc14320f857dce94a7534027378c583";
-  const accountId =
-    "e5dce75a6773b42feb0d3a5599d4b9bc0bc14320f857dce94a7534027378c583";
-  const programId = "22514";
-
-  //@ts-ignore
-  window.widgetIdent = {
-    tenantAlias: "aprh0cfq6y8tk",
-    appDomain: "https://staging.referralsaasquatch.com",
-    programId,
-  };
-
-  useEffect(() => {
-    setUserIdentity({
-      accountId,
-      id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZTVkY2U3NWE2NzczYjQyZmViMGQzYTU1OTlkNGI5YmMwYmMxNDMyMGY4NTdkY2U5NGE3NTM0MDI3Mzc4YzU4MyIsImFjY291bnRJZCI6ImU1ZGNlNzVhNjc3M2I0MmZlYjBkM2E1NTk5ZDRiOWJjMGJjMTQzMjBmODU3ZGNlOTRhNzUzNDAyNzM3OGM1ODMifX0.Cw4sJM8ZG_oApmvN2JjjX1CirKj3c1oa-ubu3iZxOtQ",
-    });
-  }, []);
+  // const id = "e5dce75a6773b42feb0d3a5599d4b9bc0bc14320f857dce94a7534027378c583";
+  // const accountId =
+  //   "e5dce75a6773b42feb0d3a5599d4b9bc0bc14320f857dce94a7534027378c583";
+  // const programId = "22514";
+
+  // //@ts-ignore
+  // window.widgetIdent = {
+  //   tenantAlias: "aprh0cfq6y8tk",
+  //   appDomain: "https://staging.referralsaasquatch.com",
+  //   programId,
+  // };
+
+  // useEffect(() => {
+  //   setUserIdentity({
+  //     accountId,
+  //     id,
+  //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZTVkY2U3NWE2NzczYjQyZmViMGQzYTU1OTlkNGI5YmMwYmMxNDMyMGY4NTdkY2U5NGE3NTM0MDI3Mzc4YzU4MyIsImFjY291bnRJZCI6ImU1ZGNlNzVhNjc3M2I0MmZlYjBkM2E1NTk5ZDRiOWJjMGJjMTQzMjBmODU3ZGNlOTRhNzUzNDAyNzM3OGM1ODMifX0.Cw4sJM8ZG_oApmvN2JjjX1CirKj3c1oa-ubu3iZxOtQ",
+  //   });
+  // }, []);
 
   const user = useUserIdentity();
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
index d137d1c834..4039b47975 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
@@ -45,7 +45,7 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
- - [sqm-tax-and-cash](../../sqm-tax-and-cash)
+ - [sqm-tax-and-cash](../sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index d74dd9e149..38cf76fb35 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,33 +7,33 @@
 
 ## Properties
 
-| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                    | Default                                                                                                                                                                     |
-| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"I agree to the terms"`                                                                                                                                                    |
-| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"This field is required"`                                                                                                                                                  |
-| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"I represent a business entity"`                                                                                                                                           |
-| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Country"`                                                                                                                                                                 |
-| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Select a country"`                                                                                                                                                        |
-| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Currency"`                                                                                                                                                                |
-| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Select a currency"`                                                                                                                                                       |
-| `demoData`                    | --                               |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: any; formState: FormState; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: { countryCode: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; onRadioClick?: (value: string) => void; }` | `undefined`                                                                                                                                                                 |
-| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Email"`                                                                                                                                                                   |
-| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Enter a valid email"`                                                                                                                                                     |
-| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"First name"`                                                                                                                                                              |
-| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Enter a first name"`                                                                                                                                                      |
-| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Step 1 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"There was a problem submitting your information"`                                                                                                                         |
-| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"I am an individual participant"`                                                                                                                                          |
-| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"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."` |
-| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Last name"`                                                                                                                                                               |
-| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Enter a last name"`                                                                                                                                                       |
-| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Participant type"`                                                                                                                                                        |
-| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Select a participant type"`                                                                                                                                               |
-| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Personal Information"`                                                                                                                                                    |
-| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Continue"`                                                                                                                                                                |
-| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Continue"`                                                                                                                                                                |
+| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default                                                                                                                                                                     |
+| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I agree to the terms"`                                                                                                                                                    |
+| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"This field is required"`                                                                                                                                                  |
+| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I represent a business entity"`                                                                                                                                           |
+| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Country"`                                                                                                                                                                 |
+| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Select a country"`                                                                                                                                                        |
+| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Currency"`                                                                                                                                                                |
+| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Select a currency"`                                                                                                                                                       |
+| `demoData`                    | --                               |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; participantType: string; }; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: TaxCountry[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; onRadioClick?: (value: string) => void; }` | `undefined`                                                                                                                                                                 |
+| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Email"`                                                                                                                                                                   |
+| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Enter a valid email"`                                                                                                                                                     |
+| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"First name"`                                                                                                                                                              |
+| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Enter a first name"`                                                                                                                                                      |
+| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Step 1 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                                                                         |
+| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I am an individual participant"`                                                                                                                                          |
+| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"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."` |
+| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Last name"`                                                                                                                                                               |
+| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Enter a last name"`                                                                                                                                                       |
+| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participant type"`                                                                                                                                                        |
+| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Select a participant type"`                                                                                                                                               |
+| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Personal Information"`                                                                                                                                                    |
+| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Continue"`                                                                                                                                                                |
+| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Continue"`                                                                                                                                                                |
 
 
 ## Dependencies
@@ -41,7 +41,7 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
- - [sqm-tax-and-cash](../../sqm-tax-and-cash)
+ - [sqm-tax-and-cash](../sqm-tax-and-cash)
 
 ### Graph
 ```mermaid

From baf10853d1fb463e0ad13142cd7009c2889e8329 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 14 Feb 2024 14:52:27 -0800
Subject: [PATCH 187/753] Added DoccusignExpiredSlot and story

---
 packages/mint-components/src/components.d.ts  | 10 ++++++++++
 .../sqm-docusign-form-view.tsx                | 18 ++++++++++++++----
 .../sqm-docusign-form/sqm-docusign-form.tsx   | 13 +++++++++++++
 .../sqm-user-info-form/TaxForm.stories.tsx    | 19 ++++++++++++++++++-
 .../small-views/DocusignExpiredView.tsx       | 11 +++++++++--
 5 files changed, 64 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index cfdd5a3806..74cdbd0162 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -389,6 +389,11 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseDocusignFormResult>;
+        /**
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+         */
+        "docusignExpired": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
@@ -5634,6 +5639,11 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UseDocusignFormResult>;
+        /**
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+         */
+        "docusignExpired"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index eb93197faa..e4b39db067 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -1,7 +1,8 @@
-import { h } from "@stencil/core";
+import { VNode, h } from "@stencil/core";
 import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
 import { TaxDocumentType } from "../sqm-tax-and-cash/data";
+import { useState } from "@saasquatch/universal-hooks";
 
 export interface DocusignFormViewProps {
   states: {
@@ -16,6 +17,9 @@ export interface DocusignFormViewProps {
     };
     documentType: TaxDocumentType;
   };
+  slots: {
+    docusignExpiredSlot?: VNode;
+  };
   callbacks: {
     onShowDocumentType: () => void;
     toggleFormSubmitted: () => void;
@@ -171,6 +175,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
     states: { formState, documentType },
     callbacks,
     text,
+    slots,
   } = props;
 
   const { classes } = sheet;
@@ -229,7 +234,12 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             <sl-icon slot="icon" name="info-circle"></sl-icon>
             {text.banner}
           </sl-alert>
-          <slot name="docusign-iframe"></slot>
+          {states.formState.taxFormExpired ? (
+            slots.docusignExpiredSlot
+          ) : (
+            <slot name="docusign-iframe"></slot>
+          )}
+          <br />
           <div>
             <p class={classes.BoldText}>{text.checkboxLabel}</p>
             <sl-checkbox
@@ -245,7 +255,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
           </div>
 
           <div class={classes.BtnContainer}>
-            <sl-button
+            {/* <sl-button
               type="primary"
               loading={states.loading}
               disabled={states.submitDisabled}
@@ -254,7 +264,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
               exportparts="base: primarybutton-base"
             >
               {text.submitButton}
-            </sl-button>
+            </sl-button> */}
             <sl-button
               class={classes.SecondaryBtn}
               type="text"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 658080865e..45281ab9d4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -9,6 +9,7 @@ import {
   DocusignFormViewProps,
 } from "./sqm-docusign-form-view";
 import { useDocusignForm, UseDocusignFormResult } from "./useDocusignForm";
+import { DocusignExpiredView } from "../sqm-user-info-form/small-views/DocusignExpiredView";
 
 /**
  * @uiName DocuSign Document Submission
@@ -65,6 +66,12 @@ export class DocusignForm {
    */
   @Prop() checkboxDescription: string =
     "I have completed and submitted my tax form";
+  /**
+   * Label text for the form submission checkbox
+   * @uiName Form submission checkbox label
+   */
+  @Prop() docusignExpired: string =
+    "For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
@@ -125,12 +132,17 @@ export class DocusignForm {
       ? useDocusignFormDemo(this)
       : useDocusignForm(this, this.el);
 
+    const docusignExpiredSlot = <DocusignExpiredView text={props.text} />;
+
     return (
       <Host>
         <DocusignFormView
           callbacks={props.callbacks}
           states={props.states}
           text={props.text}
+          slots={{
+            docusignExpiredSlot,
+          }}
         />
       </Host>
     );
@@ -147,6 +159,7 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
         loading: false,
         formState: {
           completedTaxForm: true,
+          taxFormExpired: true,
           errors: {},
         },
         documentType: "W9",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
index 206628b4e9..20a64b07d8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.tsx
@@ -526,11 +526,28 @@ export const StepThreeWithDocusign = () => {
         },
       }}
     >
-      <div slot="docusign-iframe">Hey</div>
+      <div slot="docusign-iframe">hey</div>
     </sqm-docusign-form>
   );
 };
 
+export const StepThreeWithDocusignExpired = () => {
+  return (
+    <sqm-docusign-form
+      demoData={{
+        states: {
+          ...docusignFormProps.states,
+          formState: {
+            taxFormExpired: true,
+            completedTaxForm: false,
+            errors: {},
+          },
+        },
+      }}
+    ></sqm-docusign-form>
+  );
+};
+
 export const StepThreeDocusignWithGeneralError = () => {
   return (
     <sqm-docusign-form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx
index ad33e00599..f95f2f2caf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx
@@ -1,6 +1,12 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../../styling/JSS";
 
+export interface DocusignExpiredViewProps {
+  text: {
+    docusignExpired: string;
+  };
+}
+
 const style = {
   Container: {
     width: "100%",
@@ -9,17 +15,18 @@ const style = {
     alignItems: "center",
     padding: "20px",
     gap: "10px",
-    maxWidth: "500px",
     margin: "auto",
     textAlign: "center",
+    border: "1px solid var(--sl-color-gray-200)",
   },
 };
 
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 
-export const DocusignExpiredView = () => {
+export const DocusignExpiredView = (props: DocusignExpiredViewProps) => {
   const { classes } = sheet;
+  const { text } = props;
   return (
     <div>
       <style type="text/css">{styleString}</style>

From 97a193f4075cacbd82ce4ce08f99add1a7ebf19c Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 14 Feb 2024 14:56:55 -0800
Subject: [PATCH 188/753] integrate iframe conditions

---
 .../sqm-docusign-form-view.tsx                |  7 +++-
 .../sqm-docusign-form/useDocusignForm.tsx     | 10 -----
 .../useIndirectTaxForm.tsx                    | 27 +++++++------
 .../tax-and-cash/sqm-tax-and-cash/data.ts     | 10 ++++-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  2 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 38 +++++++++----------
 .../useTaxDocumentSubmitted.tsx               |  4 +-
 packages/mint-components/src/index.html       |  4 +-
 8 files changed, 53 insertions(+), 49 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index eb93197faa..2b7f07caee 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -229,7 +229,12 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             <sl-icon slot="icon" name="info-circle"></sl-icon>
             {text.banner}
           </sl-alert>
-          <slot name="docusign-iframe"></slot>
+          <iframe
+            src={"https://example.com"}
+            width="100%"
+            height="900px"
+          ></iframe>
+          {/* <slot name="docusign-iframe"></slot> */}
           <div>
             <p class={classes.BoldText}>{text.checkboxLabel}</p>
             <sl-checkbox
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index ea5594ec28..6278cfdf91 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -82,16 +82,6 @@ export function useDocusignForm(props: DocusignForm, el: any) {
     fetchDocument();
   }, [user, documentType, document]);
 
-  useEffect(() => {
-    console.log({ document });
-    if (!document?.createImpactPartnerTaxDocument) return;
-    // Load docusign iframe with given url
-    const slotted = el.querySelector("sqm-docusign-embed");
-    if (slotted) {
-      slotted.url = document.createImpactPartnerTaxDocument?.documentUrl;
-    }
-  }, [document]);
-
   const onSubmit = async () => {
     if (!formSubmitted) {
       setErrors({ submitCheckbox: true });
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 624ced502a..8eb6f8b127 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -94,16 +94,20 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       ? userForm.countryCode
       : undefined;
 
-    setFormState({
-      province: user.customFields?.__taxProvince,
-      subRegion: user.customFields?.__taxSubRegion,
-      hasQst: !!user.customFields?.__taxQstNumber,
-      qstNumber: user.customFields?.__taxQstNumber,
-      hasSubRegionTaxNumber: !!user.customFields?.__taxSubRegionTaxNumber,
-      subRegionTaxNumber: user.customFields?.__taxSubRegionTaxNumber,
-      selectedRegion: user.customFields?.__taxCountry || defaultCountryCode,
-      indirectTaxNumber: user.customFields?.__taxIndirectTaxNumber,
-    });
+    if (user.impactPartner) {
+      setFormState({
+        province: user.impactPartner?.indirectTaxSubdivision,
+        subRegion: user.impactPartner?.indirectTaxSubdivision,
+        hasQst: !!user.impactPartner?.additionalTaxId,
+        qstNumber: user.impactPartner?.additionalTaxId,
+        hasSubRegionTaxNumber: !!user.impactPartner?.withholdingTaxNumber,
+        subRegionTaxNumber: user.impactPartner?.withholdingTaxNumber,
+        selectedRegion: user.impactPartner?.indirectTaxCountry,
+        indirectTaxNumber: user.impactPartner?.indirectTaxNumber,
+      });
+    } else {
+      setFormState({ selectedRegion: user?.countryCode });
+    }
   }, [userData, userForm]);
 
   const onFormChange = (field: string, e: CustomEvent) => {
@@ -131,7 +135,6 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       const value = control.value;
       JSONPointer.set(formData, key, value);
 
-      console.log({ control, value });
       if (control.required && !value) {
         JSONPointer.set(validationErrors, key, true);
       }
@@ -155,7 +158,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
         indirectTaxOption: taxOption,
         indirectTaxCountry: formData.selectedRegion, // TODO: May need formatting
         indirectTaxSubdivision: formData.province || formData.subRegion,
-        indirectTaxId: formData.indirectTaxNumber,
+        indirectTaxNumber: formData.indirectTaxNumber,
         additionalTaxId: formData.qstNumber,
         withholdingTaxCountry: formState.hasSubRegionTaxNumber
           ? "SPAIN"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index ea5def21ab..5d1a3ef18f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -84,8 +84,14 @@ export type UserQuery = {
       };
 
       // TODO: Remove this comment when these fields exist
-      taxOption: "SAME_COUNTRY" | "NO_TAX" | "DIFFERENT_COUNTRY";
-      countrySubdivision: string;
+      indirectTaxOption: "SAME_COUNTRY" | "NO_TAX" | "DIFFERENT_COUNTRY";
+      indirectTaxSubdivision: string;
+      indirectTaxCountry: string;
+      indirectTaxId: string;
+      additionalTaxId: string;
+      withholdingTaxCountry: string;
+      withholdingTaxNumber: string;
+      organizationType: string;
     };
   };
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index e2ba3cbb17..052ac56824 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -772,7 +772,7 @@ export class TaxAndCashMonolith {
       case "/3/W9":
         return (
           <sqm-docusign-form {...this.getDocuSignFormTextProps()}>
-            <sqm-docusign-embed slot="docusign-iframe"></sqm-docusign-embed>
+            {/* <sqm-docusign-embed slot="docusign-iframe"></sqm-docusign-embed> */}
           </sqm-docusign-form>
         );
       case "/3b":
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 15fee60eb9..477c1dd368 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -55,25 +55,25 @@ export function useTaxAndCash() {
 
   /**** DEMO DATA */
 
-  // const id = "e5dce75a6773b42feb0d3a5599d4b9bc0bc14320f857dce94a7534027378c583";
-  // const accountId =
-  //   "e5dce75a6773b42feb0d3a5599d4b9bc0bc14320f857dce94a7534027378c583";
-  // const programId = "22514";
-
-  // //@ts-ignore
-  // window.widgetIdent = {
-  //   tenantAlias: "aprh0cfq6y8tk",
-  //   appDomain: "https://staging.referralsaasquatch.com",
-  //   programId,
-  // };
-
-  // useEffect(() => {
-  //   setUserIdentity({
-  //     accountId,
-  //     id,
-  //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZTVkY2U3NWE2NzczYjQyZmViMGQzYTU1OTlkNGI5YmMwYmMxNDMyMGY4NTdkY2U5NGE3NTM0MDI3Mzc4YzU4MyIsImFjY291bnRJZCI6ImU1ZGNlNzVhNjc3M2I0MmZlYjBkM2E1NTk5ZDRiOWJjMGJjMTQzMjBmODU3ZGNlOTRhNzUzNDAyNzM3OGM1ODMifX0.Cw4sJM8ZG_oApmvN2JjjX1CirKj3c1oa-ubu3iZxOtQ",
-  //   });
-  // }, []);
+  const id = "e5dce75a6773b42feb0d3a5599d4b9bc0bc14320f857dce94a7534027378c583";
+  const accountId =
+    "e5dce75a6773b42feb0d3a5599d4b9bc0bc14320f857dce94a7534027378c583";
+  const programId = "22514";
+
+  //@ts-ignore
+  window.widgetIdent = {
+    tenantAlias: "aprh0cfq6y8tk",
+    appDomain: "https://staging.referralsaasquatch.com",
+    programId,
+  };
+
+  useEffect(() => {
+    setUserIdentity({
+      accountId,
+      id,
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZTVkY2U3NWE2NzczYjQyZmViMGQzYTU1OTlkNGI5YmMwYmMxNDMyMGY4NTdkY2U5NGE3NTM0MDI3Mzc4YzU4MyIsImFjY291bnRJZCI6ImU1ZGNlNzVhNjc3M2I0MmZlYjBkM2E1NTk5ZDRiOWJjMGJjMTQzMjBmODU3ZGNlOTRhNzUzNDAyNzM3OGM1ODMifX0.Cw4sJM8ZG_oApmvN2JjjX1CirKj3c1oa-ubu3iZxOtQ",
+    });
+  }, []);
 
   const user = useUserIdentity();
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 5d6904a6b4..aac4854b40 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -74,7 +74,7 @@ export const useTaxDocumentSubmitted = (
   };
 
   const provinceName = INDIRECT_TAX_PROVINCES.find(
-    (p) => p.provinceCode === data?.user?.impactPartner?.countrySubdivision
+    (p) => p.provinceCode === data?.user?.impactPartner?.indirectTaxSubdivision
   )?.displayName;
 
   return {
@@ -91,7 +91,7 @@ export const useTaxDocumentSubmitted = (
       country: new Intl.DisplayNames(["en"], { type: "region" }).of([
         data?.user?.customFields?.__taxCountry,
       ]),
-      notRegistered: data?.user?.impactPartner?.taxOption === "NO_TAX",
+      notRegistered: data?.user?.impactPartner?.indirectTaxOption === "NO_TAX",
       noFormNeeded: !documentType,
       dateExpired,
       expiresSoon,
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From aa5ea14f1062ab336dd2e900835d9bd869541da4 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 14 Feb 2024 14:57:25 -0800
Subject: [PATCH 189/753] Added docusignExpired text to monolith

---
 packages/mint-components/src/components.d.ts  | 5727 ++++++++++-------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |    7 +
 .../small-views/DocusignExpiredView.tsx       |    6 +-
 3 files changed, 3483 insertions(+), 2257 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 36d65064ca..fc47085221 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3340,6 +3340,12 @@ export namespace Components {
           * @uiGroup Step 3 Properties
          */
         "step3_checkboxLabel": string;
+        /**
+          * Text shown inside iframe when Docusign form expires
+          * @uiName Expired Docusign form text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_docusignExpired": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
@@ -3605,362 +3611,963 @@ export namespace Components {
          */
         "stop3NotBasedInUS": string;
     }
-    interface SqmTaxDocumentSubmitted {
+    interface SqmTaxAndCashMonolith {
         /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
+          * @undocumented 
+          * @uiType object
          */
-        "badgeTextAwaitingReview"?: string;
+        "demoData"?: DemoData<UseTaxAndCashResultType>;
         /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
+          * @uiGroup Step 1 Properties
          */
-        "badgeTextExpiredOn"?: string;
+        "step1_allowBankingCollection": string;
         /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "badgeTextExpiringSoon"?: string;
+        "step1_allowBankingCollectionError": string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+          * @uiGroup Step 1 Properties
          */
-        "badgeTextSubmittedOn"?: string;
+        "step1_businessEntity": string;
         /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
+          * Label text for country input
+          * @uiName Country label
+          * @uiGroup Step 1 Properties
          */
-        "bankingInformationSectionHeader": string;
+        "step1_country": string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
+          * @uiGroup Step 1 Properties
          */
-        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
+        "step1_countryError": string;
         /**
-          * Text displayed in the edit Indirect Tax button
-          * @uiName Edit Indirect Tax button
+          * Label text for currency input
+          * @uiName Currency label
+          * @uiGroup Step 1 Properties
          */
-        "editIndirectTaxButton": string;
+        "step1_currency": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
+          * @uiGroup Step 1 Properties
          */
-        "generalErrorDescription": string;
+        "step1_currencyError": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * Label text for email input
+          * @uiName Email label
+          * @uiGroup Step 1 Properties
          */
-        "generalErrorTitle": string;
+        "step1_email": string;
         /**
-          * Indirect tax description text for individual participants
-          * @uiName Indirect tax individual participant description
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
+          * @uiGroup Step 1 Properties
          */
-        "indirectTaxIndividualParticipant": string;
+        "step1_emailError": string;
         /**
-          * Country/Region description text of indirect tax
-          * @uiName Indirect tax Canada description
+          * Label text for first name input
+          * @uiName First name label
+          * @uiGroup Step 1 Properties
          */
-        "indirectTaxInfoCanada": string;
+        "step1_firstName": string;
         /**
-          * Other country description text of indirect tax
-          * @uiName Indirect tax other country description
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
+          * @uiGroup Step 1 Properties
          */
-        "indirectTaxInfoOtherCountry": string;
+        "step1_firstNameError": string;
         /**
-          * Header text displayed above the indirect tax preview section
-          * @uiName Indirect Tax Information Header
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup Step 1 Properties
          */
-        "indirectTaxInfoSectionHeader": string;
+        "step1_formStep": string;
         /**
-          * Indirect tax tooltip text for support
-          * @uiName Indirect tax tooltip description
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 1 Properties
          */
-        "indirectTaxTooltipSupport": string;
+        "step1_generalErrorDescription": string;
         /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 1 Properties
          */
-        "invalidForm"?: string;
+        "step1_generalErrorTitle": string;
         /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName No form needed subtext
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+          * @uiGroup Step 1 Properties
          */
-        "newFormButton": string;
+        "step1_individualParticipant": string;
         /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+          * @uiGroup Step 1 Properties
          */
-        "noFormNeededSubtext": string;
+        "step1_isPartnerAlertDescription": string;
         /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+          * @uiGroup Step 1 Properties
          */
-        "notRegisteredForTax": string;
+        "step1_isPartnerAlertHeader": string;
         /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
+          * Label text for last name input
+          * @uiName Last name label
+          * @uiGroup Step 1 Properties
          */
-        "statusTextActive"?: string;
+        "step1_lastName": string;
         /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
+          * @uiGroup Step 1 Properties
          */
-        "statusTextExpired"?: string;
+        "step1_lastNameError": string;
         /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
+          * @uiGroup Step 1 Properties
          */
-        "statusTextNotActive"?: string;
+        "step1_participantType": string;
         /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "statusTextNotVerified"?: string;
+        "step1_participantTypeError": string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
+          * @uiGroup Step 1 Properties
          */
-        "taxAlertHeaderExpiredOn"?: string;
+        "step1_personalInformation": string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 1 Properties
          */
-        "taxAlertHeaderExpiringSoon"?: string;
+        "step1_submitButton": string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
+          * @uiGroup Step 1 Properties
          */
-        "taxAlertHeaderNotActive"?: string;
+        "step1_taxAndBankingCollection": string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 2 Properties
          */
-        "taxAlertMessage"?: string;
+        "step2_backButton": string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Indirect tax form step text
+          * @uiGroup Step 2 Properties
          */
-        "taxAlertMessageExpiringSoon": string;
+        "step2_formStep": string;
         /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 2 Properties
          */
-        "taxDocumentSectionHeader": string;
+        "step2_generalErrorDescription": string;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 2 Properties
          */
-        "taxDocumentSectionSubHeader": string;
-    }
-    interface SqmText {
-    }
-    interface SqmTextSpan {
+        "step2_generalErrorTitle": string;
         /**
-          * @uiName Text
+          * Heading text shown at the top of the page
+          * @uiName Indirect tax heading text
+          * @uiGroup Step 2 Properties
          */
-        "text": string;
+        "step2_indirectTax": string;
         /**
-          * @uiName Type
-          * @uiType string
-          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
-          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
+          * Subtext shown at the top of the page
+          * @uiName Indirect tax sub text
+          * @uiGroup Step 2 Properties
          */
-        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
-    }
-    interface SqmTimeline {
+        "step2_indirectTaxDescription": string;
         /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
+          * Heading text shown above the tax details radio buttons
+          * @uiName Indirect tax details heading
+          * @uiGroup Step 2 Properties
          */
-        "icon": "gift" | "circle";
-    }
-    interface SqmTimelineEntry {
+        "step2_indirectTaxDetails": string;
         /**
-          * @uiName Description
+          * Sub text shown above the tax details radio buttons
+          * @uiName Indirect tax details sub text
+          * @uiGroup Step 2 Properties
          */
-        "desc": string;
+        "step2_indirectTaxDetailsDescription": string;
         /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
+          * Label text for the Indirect Tax Number input
+          * @uiName Indirect Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "icon": "gift" | "circle";
+        "step2_indirectTaxNumber": string;
         /**
-          * @uiName Reward amount
-         */
-        "reward": string;
-        "setIcon": (value: "gift" | "circle") => Promise<void>;
+          * Error text shown below the Indirect Tax Number select input
+          * @uiName Indirect Tax Number error text
+          * @uiGroup Step 2 Properties
+         */
+        "step2_indirectTaxNumberError": string;
         /**
-          * @uiName Reward unit
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+          * @uiGroup Step 2 Properties
          */
-        "unit": string;
-    }
-    interface SqmTitledSection {
+        "step2_isPartnerAlertDescription": string;
         /**
-          * Text value shown when there is no label slot declared.
-          * @uiName Label
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+          * @uiGroup Step 2 Properties
          */
-        "label": string;
+        "step2_isPartnerAlertHeader": string;
         /**
-          * Margin applied to the bottom of the label slot
-          * @uiName Label bottom margin
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Label text for the QST checkbox
+          * @uiName checkbox label
+          * @uiGroup Step 2 Properties
          */
-        "labelMargin": Spacing;
+        "step2_isRegisteredQST": string;
         /**
-          * Padding applied to all 4 sides of the container
-          * @uiName Section padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Label text for Income Tax checkbox
+          * @uiName Income Tax checkbox label
+          * @uiGroup Step 2 Properties
          */
-        "padding": Spacing;
+        "step2_isRegisteredSubRegionIncomeTax": string;
         /**
-          * @uiName Text alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * Label text for the not registered radio button
+          * @uiName Not registered radio button label
+          * @uiGroup Step 2 Properties
          */
-        "textAlign": "left" | "center" | "right";
-    }
-    interface SqmUserInfoForm {
+        "step2_notRegistered": string;
         /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
+          * Label text for the other region radio button
+          * @uiName Other region radio button label
+          * @uiGroup Step 2 Properties
          */
-        "allowBankingCollection": string;
+        "step2_otherRegion": string;
         /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
+          * Label text for the Province select input
+          * @uiName Province select input label
+          * @uiGroup Step 2 Properties
          */
-        "allowBankingCollectionError": string;
+        "step2_province": string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
+          * Error text shown below the Selected Region select input
+          * @uiName Province error text
+          * @uiGroup Step 2 Properties
          */
-        "businessEntity": string;
+        "step2_provinceError": string;
         /**
-          * Label text for country input
-          * @uiName Country label
+          * Label text for the QST Tax Number input
+          * @uiName QST Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "country": string;
+        "step2_qstNumber": string;
         /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
+          * Error text shown below the QST Tax number input
+          * @uiName QST Tax Number error text
+          * @uiGroup Step 2 Properties
          */
-        "countryError": string;
+        "step2_qstTaxNumberError": string;
         /**
-          * Label text for currency input
-          * @uiName Currency label
+          * Label text for the Selected Region select input
+          * @uiName Selected region select input label
+          * @uiGroup Step 2 Properties
          */
-        "currency": string;
+        "step2_selectedRegion": string;
         /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
+          * Error text shown below the Selected Region select input
+          * @uiName Selected Region error text
+          * @uiGroup Step 2 Properties
          */
-        "currencyError": string;
+        "step2_selectedRegionError": string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Label text for Sub-region select
+          * @uiName for Sub-region select label
+          * @uiGroup Step 2 Properties
          */
-        "demoData"?: DemoData<UseUserInfoFormResult>;
+        "step2_subRegion": string;
         /**
-          * Label text for email input
-          * @uiName Email label
+          * Error text shown below the Sub-region Income Tax number input
+          * @uiName Sub-region Income Tax error text
+          * @uiGroup Step 2 Properties
          */
-        "email": string;
+        "step2_subRegionTaxNumberError": string;
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
+          * Label text for the Sub-region Income Tax Number input
+          * @uiName Sub-region income Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "emailError": string;
+        "step2_subRegionTaxNumberLabel": string;
         /**
-          * Label text for first name input
-          * @uiName First name label
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 2 Properties
          */
-        "firstName": string;
+        "step2_submitButton": string;
         /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
+          * Error text shown below the tax details radio buttons
+          * @uiName Indirect tax details error text
+          * @uiGroup Step 2 Properties
          */
-        "firstNameError": string;
+        "step2_taxDetailsError": string;
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_backButton": string;
+        /**
+          * Text shown in the banner above the document
+          * @uiName Banner text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_banner": string;
+        /**
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+          * @uiGroup Step 3 Properties
+         */
+        "step3_checkboxDescription": string;
+        /**
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
+          * @uiGroup Step 3 Properties
+         */
+        "step3_checkboxLabel": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
+          * @uiGroup Step 3 Properties
          */
-        "formStep": string;
+        "step3_formStep": string;
+        /**
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_formSubmissionError": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
+          * @uiGroup Step 3 Properties
          */
-        "generalErrorDescription": string;
+        "step3_generalErrorDescription": string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
+          * @uiGroup Step 3 Properties
          */
-        "generalErrorTitle": string;
+        "step3_generalErrorTitle": string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 3 Properties
          */
-        "individualParticipant": string;
+        "step3_submitButton": string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
+          * @uiGroup Step 3 Properties
          */
-        "isPartnerAlertDescription": string;
+        "step3_taxForm": string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
+          * @uiGroup Step 3 Properties
          */
-        "isPartnerAlertHeader": string;
+        "step3_taxFormDescription": string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
+          * @uiGroup Step 3 Properties
          */
-        "lastName": string;
+        "step3_taxFormLabel": string;
         /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 3b Properties
          */
-        "lastNameError": string;
+        "step3b_backButton": string;
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
+          * @uiGroup Step 3b Properties
          */
-        "participantType": string;
+        "step3b_formLabel": string;
         /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup Step 3b Properties
          */
-        "participantTypeError": string;
+        "step3b_formStep": string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 3b Properties
          */
-        "personalInformation": string;
+        "step3b_generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_generalErrorTitle": string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
+          * @uiGroup Step 3b Properties
          */
-        "submitButton": string;
+        "step3b_submitButton": string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
+          * @uiGroup Step 3b Properties
          */
-        "taxAndBankingCollection": string;
-    }
-    interface SqmUserName {
+        "step3b_taxForm": string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Subtext for the W8 radio button
+          * @uiName W8 radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "demoData"?: DemoData<UserNameViewProps>;
+        "step3b_w8Description": string;
+        /**
+          * Subtext for the W8E radio button
+          * @uiName W8E radio button subtext
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_w8EDescription": string;
+        /**
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_w8ELabel": string;
+        /**
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_w8Label": string;
+        /**
+          * Subtext for the W9 radio button
+          * @uiName W9 radio button subtext
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_w9Description": string;
+        /**
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_w9Label": string;
+        /**
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_badgeTextAwaitingReview"?: string;
+        /**
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_badgeTextExpiredOn"?: string;
+        /**
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_badgeTextExpiringSoon"?: string;
+        /**
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_badgeTextSubmittedOn"?: string;
+        /**
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_bankingInformationSectionHeader": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName Step 4 General error text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName Step 4 General error title
+          * @uiGroup Step 4 Properties
+         */
+        "step4_generalErrorTitle": string;
+        /**
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_invalidForm"?: string;
+        /**
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName Step 4 No form needed subtext
+          * @uiGroup Step 4 Properties
+         */
+        "step4_newFormButton": string;
+        /**
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
+          * @uiGroup Step 4 Properties
+         */
+        "step4_noFormNeededSubtext": string;
+        /**
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
+          * @uiGroup Step 4 Properties
+         */
+        "step4_notRegisteredForTax": string;
+        /**
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_statusTextActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_statusTextExpired"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_statusTextNotActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_statusTextNotVerified"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxAlertHeaderExpiredOn"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxAlertHeaderExpiringSoon"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxAlertHeaderNotActive"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxAlertMessage"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxAlertMessageExpiringSoon": string;
+        /**
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxDocumentSectionHeader": string;
+        /**
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxDocumentSectionSubHeader": string;
+        /**
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
+          * @uiGroup Step 3 Properties
+         */
+        "stop3NotBasedInUS": string;
+    }
+    interface SqmTaxDocumentSubmitted {
+        /**
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
+         */
+        "badgeTextAwaitingReview"?: string;
+        /**
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
+         */
+        "badgeTextExpiredOn"?: string;
+        /**
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
+         */
+        "badgeTextExpiringSoon"?: string;
+        /**
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+         */
+        "badgeTextSubmittedOn"?: string;
+        /**
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
+         */
+        "bankingInformationSectionHeader": string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
+        /**
+          * Text displayed in the edit Indirect Tax button
+          * @uiName Edit Indirect Tax button
+         */
+        "editIndirectTaxButton": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle": string;
+        /**
+          * Indirect tax description text for individual participants
+          * @uiName Indirect tax individual participant description
+         */
+        "indirectTaxIndividualParticipant": string;
+        /**
+          * Country/Region description text of indirect tax
+          * @uiName Indirect tax Canada description
+         */
+        "indirectTaxInfoCanada": string;
+        /**
+          * Other country description text of indirect tax
+          * @uiName Indirect tax other country description
+         */
+        "indirectTaxInfoOtherCountry": string;
+        /**
+          * Header text displayed above the indirect tax preview section
+          * @uiName Indirect Tax Information Header
+         */
+        "indirectTaxInfoSectionHeader": string;
+        /**
+          * Indirect tax tooltip text for support
+          * @uiName Indirect tax tooltip description
+         */
+        "indirectTaxTooltipSupport": string;
+        /**
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
+         */
+        "invalidForm"?: string;
+        /**
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
+         */
+        "newFormButton": string;
+        /**
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
+         */
+        "noFormNeededSubtext": string;
+        /**
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
+         */
+        "notRegisteredForTax": string;
+        /**
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
+         */
+        "statusTextActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
+         */
+        "statusTextExpired"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
+         */
+        "statusTextNotActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
+         */
+        "statusTextNotVerified"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
+         */
+        "taxAlertHeaderExpiredOn"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
+         */
+        "taxAlertHeaderExpiringSoon"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
+         */
+        "taxAlertHeaderNotActive"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
+         */
+        "taxAlertMessage"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
+         */
+        "taxAlertMessageExpiringSoon": string;
+        /**
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+         */
+        "taxDocumentSectionHeader": string;
+        /**
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
+         */
+        "taxDocumentSectionSubHeader": string;
+    }
+    interface SqmText {
+    }
+    interface SqmTextSpan {
+        /**
+          * @uiName Text
+         */
+        "text": string;
+        /**
+          * @uiName Type
+          * @uiType string
+          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
+          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
+         */
+        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+    }
+    interface SqmTimeline {
+        /**
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
+         */
+        "icon": "gift" | "circle";
+    }
+    interface SqmTimelineEntry {
+        /**
+          * @uiName Description
+         */
+        "desc": string;
+        /**
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
+         */
+        "icon": "gift" | "circle";
+        /**
+          * @uiName Reward amount
+         */
+        "reward": string;
+        "setIcon": (value: "gift" | "circle") => Promise<void>;
+        /**
+          * @uiName Reward unit
+         */
+        "unit": string;
+    }
+    interface SqmTitledSection {
+        /**
+          * Text value shown when there is no label slot declared.
+          * @uiName Label
+         */
+        "label": string;
+        /**
+          * Margin applied to the bottom of the label slot
+          * @uiName Label bottom margin
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "labelMargin": Spacing;
+        /**
+          * Padding applied to all 4 sides of the container
+          * @uiName Section padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "padding": Spacing;
+        /**
+          * @uiName Text alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "textAlign": "left" | "center" | "right";
+    }
+    interface SqmUserInfoForm {
+        /**
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
+         */
+        "allowBankingCollection": string;
+        /**
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
+         */
+        "allowBankingCollectionError": string;
+        /**
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+         */
+        "businessEntity": string;
+        /**
+          * Label text for country input
+          * @uiName Country label
+         */
+        "country": string;
+        /**
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
+         */
+        "countryError": string;
+        /**
+          * Label text for currency input
+          * @uiName Currency label
+         */
+        "currency": string;
+        /**
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
+         */
+        "currencyError": string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseUserInfoFormResult>;
+        /**
+          * Label text for email input
+          * @uiName Email label
+         */
+        "email": string;
+        /**
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
+         */
+        "emailError": string;
+        /**
+          * Label text for first name input
+          * @uiName First name label
+         */
+        "firstName": string;
+        /**
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
+         */
+        "firstNameError": string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
+        "formStep": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle": string;
+        /**
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+         */
+        "individualParticipant": string;
+        /**
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+         */
+        "isPartnerAlertDescription": string;
+        /**
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+         */
+        "isPartnerAlertHeader": string;
+        /**
+          * Label text for last name input
+          * @uiName Last name label
+         */
+        "lastName": string;
+        /**
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
+         */
+        "lastNameError": string;
+        /**
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
+         */
+        "participantType": string;
+        /**
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
+         */
+        "participantTypeError": string;
+        /**
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
+         */
+        "personalInformation": string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "submitButton": string;
+        /**
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
+         */
+        "taxAndBankingCollection": string;
+    }
+    interface SqmUserName {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
         /**
           * @uiName Unknown user name
          */
@@ -4501,1441 +5108,1982 @@ declare global {
         prototype: HTMLSqmStencilbookElement;
         new (): HTMLSqmStencilbookElement;
     };
-    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    }
+    var HTMLSqmTabElement: {
+        prototype: HTMLSqmTabElement;
+        new (): HTMLSqmTabElement;
+    };
+    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    }
+    var HTMLSqmTableCellElement: {
+        prototype: HTMLSqmTableCellElement;
+        new (): HTMLSqmTableCellElement;
+    };
+    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    }
+    var HTMLSqmTableRowElement: {
+        prototype: HTMLSqmTableRowElement;
+        new (): HTMLSqmTableRowElement;
+    };
+    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    }
+    var HTMLSqmTabsElement: {
+        prototype: HTMLSqmTabsElement;
+        new (): HTMLSqmTabsElement;
+    };
+    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
+    }
+    var HTMLSqmTaskCardElement: {
+        prototype: HTMLSqmTaskCardElement;
+        new (): HTMLSqmTaskCardElement;
+    };
+    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    }
+    var HTMLSqmTaxAndCashElement: {
+        prototype: HTMLSqmTaxAndCashElement;
+        new (): HTMLSqmTaxAndCashElement;
+    };
+    interface HTMLSqmTaxAndCashMonolithElement extends Components.SqmTaxAndCashMonolith, HTMLStencilElement {
+    }
+    var HTMLSqmTaxAndCashMonolithElement: {
+        prototype: HTMLSqmTaxAndCashMonolithElement;
+        new (): HTMLSqmTaxAndCashMonolithElement;
+    };
+    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
+    }
+    var HTMLSqmTaxDocumentSubmittedElement: {
+        prototype: HTMLSqmTaxDocumentSubmittedElement;
+        new (): HTMLSqmTaxDocumentSubmittedElement;
+    };
+    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
+    }
+    var HTMLSqmTextElement: {
+        prototype: HTMLSqmTextElement;
+        new (): HTMLSqmTextElement;
+    };
+    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
+    }
+    var HTMLSqmTextSpanElement: {
+        prototype: HTMLSqmTextSpanElement;
+        new (): HTMLSqmTextSpanElement;
+    };
+    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
+    }
+    var HTMLSqmTimelineElement: {
+        prototype: HTMLSqmTimelineElement;
+        new (): HTMLSqmTimelineElement;
+    };
+    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
+    }
+    var HTMLSqmTimelineEntryElement: {
+        prototype: HTMLSqmTimelineEntryElement;
+        new (): HTMLSqmTimelineEntryElement;
+    };
+    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
     }
-    var HTMLSqmTabElement: {
-        prototype: HTMLSqmTabElement;
-        new (): HTMLSqmTabElement;
+    var HTMLSqmTitledSectionElement: {
+        prototype: HTMLSqmTitledSectionElement;
+        new (): HTMLSqmTitledSectionElement;
     };
-    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
     }
-    var HTMLSqmTableCellElement: {
-        prototype: HTMLSqmTableCellElement;
-        new (): HTMLSqmTableCellElement;
+    var HTMLSqmUserInfoFormElement: {
+        prototype: HTMLSqmUserInfoFormElement;
+        new (): HTMLSqmUserInfoFormElement;
     };
-    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
     }
-    var HTMLSqmTableRowElement: {
-        prototype: HTMLSqmTableRowElement;
-        new (): HTMLSqmTableRowElement;
+    var HTMLSqmUserNameElement: {
+        prototype: HTMLSqmUserNameElement;
+        new (): HTMLSqmUserNameElement;
     };
-    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    interface HTMLElementTagNameMap {
+        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
+        "sqm-asset-card": HTMLSqmAssetCardElement;
+        "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
+        "sqm-big-stat": HTMLSqmBigStatElement;
+        "sqm-brand": HTMLSqmBrandElement;
+        "sqm-card-feed": HTMLSqmCardFeedElement;
+        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
+        "sqm-close-button": HTMLSqmCloseButtonElement;
+        "sqm-context-router": HTMLSqmContextRouterElement;
+        "sqm-coupon-code": HTMLSqmCouponCodeElement;
+        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
+        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
+        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
+        "sqm-docusign-form": HTMLSqmDocusignFormElement;
+        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
+        "sqm-edit-profile": HTMLSqmEditProfileElement;
+        "sqm-empty": HTMLSqmEmptyElement;
+        "sqm-form-message": HTMLSqmFormMessageElement;
+        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
+        "sqm-header-logo": HTMLSqmHeaderLogoElement;
+        "sqm-hero": HTMLSqmHeroElement;
+        "sqm-hero-image": HTMLSqmHeroImageElement;
+        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
+        "sqm-image": HTMLSqmImageElement;
+        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
+        "sqm-input-field": HTMLSqmInputFieldElement;
+        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
+        "sqm-leaderboard": HTMLSqmLeaderboardElement;
+        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
+        "sqm-link-button": HTMLSqmLinkButtonElement;
+        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
+        "sqm-name-fields": HTMLSqmNameFieldsElement;
+        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
+        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
+        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
+        "sqm-password-field": HTMLSqmPasswordFieldElement;
+        "sqm-popup-container": HTMLSqmPopupContainerElement;
+        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
+        "sqm-portal-container": HTMLSqmPortalContainerElement;
+        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
+        "sqm-portal-footer": HTMLSqmPortalFooterElement;
+        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
+        "sqm-portal-frame": HTMLSqmPortalFrameElement;
+        "sqm-portal-login": HTMLSqmPortalLoginElement;
+        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
+        "sqm-portal-profile": HTMLSqmPortalProfileElement;
+        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
+        "sqm-portal-register": HTMLSqmPortalRegisterElement;
+        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
+        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
+        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
+        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
+        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
+        "sqm-program-menu": HTMLSqmProgramMenuElement;
+        "sqm-referral-card": HTMLSqmReferralCardElement;
+        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
+        "sqm-referral-table": HTMLSqmReferralTableElement;
+        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
+        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
+        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
+        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
+        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
+        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
+        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
+        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
+        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
+        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
+        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
+        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
+        "sqm-rewards-table": HTMLSqmRewardsTableElement;
+        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
+        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
+        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
+        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
+        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
+        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
+        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
+        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
+        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
+        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
+        "sqm-route": HTMLSqmRouteElement;
+        "sqm-router": HTMLSqmRouterElement;
+        "sqm-scroll": HTMLSqmScrollElement;
+        "sqm-share-button": HTMLSqmShareButtonElement;
+        "sqm-share-code": HTMLSqmShareCodeElement;
+        "sqm-share-link": HTMLSqmShareLinkElement;
+        "sqm-stat-container": HTMLSqmStatContainerElement;
+        "sqm-stencilbook": HTMLSqmStencilbookElement;
+        "sqm-tab": HTMLSqmTabElement;
+        "sqm-table-cell": HTMLSqmTableCellElement;
+        "sqm-table-row": HTMLSqmTableRowElement;
+        "sqm-tabs": HTMLSqmTabsElement;
+        "sqm-task-card": HTMLSqmTaskCardElement;
+        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
+        "sqm-tax-and-cash-monolith": HTMLSqmTaxAndCashMonolithElement;
+        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
+        "sqm-text": HTMLSqmTextElement;
+        "sqm-text-span": HTMLSqmTextSpanElement;
+        "sqm-timeline": HTMLSqmTimelineElement;
+        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
+        "sqm-titled-section": HTMLSqmTitledSectionElement;
+        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
+        "sqm-user-name": HTMLSqmUserNameElement;
     }
-    var HTMLSqmTabsElement: {
-        prototype: HTMLSqmTabsElement;
-        new (): HTMLSqmTabsElement;
-    };
-    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
+}
+declare namespace LocalJSX {
+    interface RaisinsPlopTarget {
+    }
+    interface SqmAssetCard {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<AssetCardViewProps>;
+        /**
+          * @uiName Banner image
+         */
+        "imgUrl"?: string;
+        /**
+          * @uiName Banner title
+         */
+        "titleText"?: string;
+    }
+    interface SqmBankingInfoForm {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+    }
+    interface SqmBigStat {
+        /**
+          * Controls the alignment of the flexbox
+          * @uiName Alignment
+          * @uiType string
+          * @uiEnum ["left", "right", "center"]
+          * @uiEnumNames ["Left", "Right", "Center"]
+         */
+        "alignment"?: "left" | "right" | "center";
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<BigStatViewProps>;
+        /**
+          * Controls the order of the stat value & description column
+          * @uiName Flex reverse
+          * @default
+         */
+        "flexReverse"?: boolean;
+        /**
+          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
+          * @uiName Program ID
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * Select what type of stat to display. Manual paths are also supported.
+          * @uiWidget statTypeSelectWidget
+          * @uiName Stat type
+          * @required 
+          * @uiWidgetOptions {"version": 1.1}
+         */
+        "statType"?: string;
+    }
+    interface SqmBrand {
+        /**
+          * Controls the primary brand color used in the Mint Components library.
+          * @uiName Brand color
+          * @uiWidget color
+          * @format color
+         */
+        "brandColor"?: string;
+        /**
+          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
+          * @uiName Brand font
+          * @default "Nunito Sans"
+         */
+        "brandFont"?: string;
+    }
+    interface SqmCardFeed {
+        /**
+          * @uiName Column gap
+          * @uiType number
+         */
+        "gap"?: number;
+        /**
+          * @uiName Card width
+         */
+        "width"?: number;
+    }
+    interface SqmCheckboxField {
+        /**
+          * @uiName Checkbox label
+          * @uiWidget textArea
+         */
+        "checkboxLabel"?: string;
+        /**
+          * Used with link text if the checkbox label contains {labelLink}
+          * @uiName Checkbox label link
+         */
+        "checkboxLabelLink"?: string;
+        /**
+          * @uiName Checkbox label link lext
+         */
+        "checkboxLabelLinkText"?: string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Checkbox name attribute
+          * @required
+         */
+        "checkboxName"?: string;
+        /**
+          * @uiName Optional
+         */
+        "checkboxOptional"?: boolean;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<CheckboxFieldViewProps>;
+        /**
+          * @uiName Unchecked error message
+         */
+        "errorMessage"?: string;
+    }
+    interface SqmCloseButton {
+        /**
+          * @uiName Color
+          * @uiWidget color
+          * @uiType string
+         */
+        "color"?: string;
     }
-    var HTMLSqmTaskCardElement: {
-        prototype: HTMLSqmTaskCardElement;
-        new (): HTMLSqmTaskCardElement;
-    };
-    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    interface SqmContextRouter {
+        "contextName"?: string;
     }
-    var HTMLSqmTaxAndCashElement: {
-        prototype: HTMLSqmTaxAndCashElement;
-        new (): HTMLSqmTaxAndCashElement;
-    };
-    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
+    interface SqmCouponCode {
+        /**
+          * Set the copy button style and placement.
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+         */
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * Display this message when the coupon code has been cancelled.
+          * @uiWidget textArea
+          * @uiName Cancelled code error message
+          * @uiGroup Coupon code error
+         */
+        "cancelledErrorText"?: string;
+        /**
+          * @uiName Copy button label
+         */
+        "copyButtonLabel"?: string;
+        /**
+          * @uiName Coupon code label
+         */
+        "couponCodeLabel"?: string;
+        /**
+          * Display this text when the coupon code can’t be retrieved.
+          * @uiName Coupon code placeholder
+          * @uiGroup Coupon code error
+         */
+        "couponCodePlaceholder"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<CouponCodeViewProps>;
+        /**
+          * Display this message when the coupon code has expired.
+          * @uiWidget textArea
+          * @uiName Expired code error message
+          * @uiGroup Coupon code error
+         */
+        "expiredErrorText"?: string;
+        /**
+          * Display this message when the code fails to load due to a fulfillment error.
+          * @uiWidget textArea
+          * @uiName Code fulfillment error message
+          * @uiGroup Coupon code error
+         */
+        "fullfillmentErrorText"?: string;
+        /**
+          * Display this message when the code fails to load due to an unspecified error.
+          * @uiWidget textArea
+          * @uiName Code retrieval error message
+          * @uiGroup Coupon code error
+         */
+        "genericErrorText"?: string;
+        /**
+          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
+          * @uiWidget textArea
+          * @uiName Code pending error message
+          * @uiGroup Coupon code error
+         */
+        "pendingErrorText"?: string;
+        /**
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * Display this message when the coupon code has already been redeemed.
+          * @uiWidget textArea
+          * @uiName Redeemed code error message
+          * @uiGroup Coupon code error
+         */
+        "redeemedErrorText"?: string;
+        /**
+          * @uiName Coupon code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "textAlign"?: "left" | "center" | "right";
+        /**
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
+         */
+        "tooltiplifespan"?: number;
+        /**
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
+          * @uiName Tooltip text
+         */
+        "tooltiptext"?: string;
     }
-    var HTMLSqmTaxDocumentSubmittedElement: {
-        prototype: HTMLSqmTaxDocumentSubmittedElement;
-        new (): HTMLSqmTaxDocumentSubmittedElement;
-    };
-    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
+    interface SqmDividedLayout {
+        /**
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
+         */
+        "direction"?: "row" | "column";
+        /**
+          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
+          * @uiName Border style
+         */
+        "dividerStyle"?: string;
     }
-    var HTMLSqmTextElement: {
-        prototype: HTMLSqmTextElement;
-        new (): HTMLSqmTextElement;
-    };
-    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
+    interface SqmDocumentTypeForm {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
+        "backButton"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseDocumentTypeFormResult>;
+        /**
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
+         */
+        "formLabel"?: string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
+        "formStep"?: string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription"?: string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle"?: string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "submitButton"?: string;
+        /**
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
+         */
+        "taxForm"?: string;
+        /**
+          * Description for the W8 radio button
+          * @uiName W8 radio button subtext
+         */
+        "w8Description"?: string;
+        /**
+          * Description for the W8E radio button
+          * @uiName W8E radio button subtext
+         */
+        "w8EDescription"?: string;
+        /**
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
+         */
+        "w8ELabel"?: string;
+        /**
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
+         */
+        "w8Label"?: string;
+        /**
+          * Description for the W9 radio button
+          * @uiName W9 radio button subtext
+         */
+        "w9Description"?: string;
+        /**
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
+         */
+        "w9Label"?: string;
     }
-    var HTMLSqmTextSpanElement: {
-        prototype: HTMLSqmTextSpanElement;
-        new (): HTMLSqmTextSpanElement;
-    };
-    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
+    interface SqmDocusignEmbed {
+        "onDocusignEvent"?: (event: CustomEvent<{ status: string }>) => void;
+        "url"?: string;
     }
-    var HTMLSqmTimelineElement: {
-        prototype: HTMLSqmTimelineElement;
-        new (): HTMLSqmTimelineElement;
-    };
-    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
+    interface SqmDocusignForm {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
+        "backButton"?: string;
+        /**
+          * Text shown in the banner above the document
+          * @uiName Banner text
+         */
+        "banner"?: string;
+        /**
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+         */
+        "checkboxDescription"?: string;
+        /**
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
+         */
+        "checkboxLabel"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseDocusignFormResult>;
+        /**
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+         */
+        "docusignExpired"?: string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
+        "formStep"?: string;
+        /**
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
+         */
+        "formSubmissionError"?: string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription"?: string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle"?: string;
+        /**
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
+         */
+        "notBasedInUS"?: string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "submitButton"?: string;
+        /**
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
+         */
+        "taxForm"?: string;
+        /**
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
+         */
+        "taxFormDescription"?: string;
+        /**
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
+         */
+        "taxFormLabel"?: string;
     }
-    var HTMLSqmTimelineEntryElement: {
-        prototype: HTMLSqmTimelineEntryElement;
-        new (): HTMLSqmTimelineEntryElement;
-    };
-    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
+    interface SqmDropdownField {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<DropdownFieldViewProps>;
+        /**
+          * @uiName Dropdown label
+         */
+        "dropdownLabel"?: string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Dropdown name attribute
+          * @required
+         */
+        "dropdownName"?: string;
+        /**
+          * @uiName Optional
+          * @default
+         */
+        "dropdownOptional"?: boolean;
+        /**
+          * @uiName Unselected error message
+         */
+        "errorMessage"?: string;
     }
-    var HTMLSqmTitledSectionElement: {
-        prototype: HTMLSqmTitledSectionElement;
-        new (): HTMLSqmTitledSectionElement;
-    };
-    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    interface SqmEditProfile {
+        /**
+          * @uiName Cancel button text
+         */
+        "canceltext"?: string;
+        /**
+          * @uiName Region field label
+         */
+        "currentregiontext"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<EditProfileViewProps>;
+        /**
+          * @uiName Heading
+         */
+        "editprofileheader"?: string;
+        /**
+          * Enable editing button text
+          * @uiName Edit profile text
+         */
+        "editprofiletext"?: string;
+        /**
+          * @uiName First name label
+         */
+        "firstnametext"?: string;
+        /**
+          * @uiName Last name label
+         */
+        "lastnametext"?: string;
+        /**
+          * Show or hide current region
+          * @uiName Show region
+         */
+        "showregion"?: boolean;
+        /**
+          * @uiName Info button text
+         */
+        "updatetext"?: string;
     }
-    var HTMLSqmUserInfoFormElement: {
-        prototype: HTMLSqmUserInfoFormElement;
-        new (): HTMLSqmUserInfoFormElement;
-    };
-    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    interface SqmEmpty {
+        /**
+          * @uiName Title
+         */
+        "emptyStateHeader"?: string;
+        /**
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
+         */
+        "emptyStateImage"?: string;
+        /**
+          * @uiName Description
+          * @uiWidget textArea
+         */
+        "emptyStateText"?: string;
     }
-    var HTMLSqmUserNameElement: {
-        prototype: HTMLSqmUserNameElement;
-        new (): HTMLSqmUserNameElement;
-    };
-    interface HTMLElementTagNameMap {
-        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
-        "sqm-asset-card": HTMLSqmAssetCardElement;
-        "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
-        "sqm-big-stat": HTMLSqmBigStatElement;
-        "sqm-brand": HTMLSqmBrandElement;
-        "sqm-card-feed": HTMLSqmCardFeedElement;
-        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
-        "sqm-close-button": HTMLSqmCloseButtonElement;
-        "sqm-context-router": HTMLSqmContextRouterElement;
-        "sqm-coupon-code": HTMLSqmCouponCodeElement;
-        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
-        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
-        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
-        "sqm-docusign-form": HTMLSqmDocusignFormElement;
-        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
-        "sqm-edit-profile": HTMLSqmEditProfileElement;
-        "sqm-empty": HTMLSqmEmptyElement;
-        "sqm-form-message": HTMLSqmFormMessageElement;
-        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
-        "sqm-header-logo": HTMLSqmHeaderLogoElement;
-        "sqm-hero": HTMLSqmHeroElement;
-        "sqm-hero-image": HTMLSqmHeroImageElement;
-        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
-        "sqm-image": HTMLSqmImageElement;
-        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
-        "sqm-input-field": HTMLSqmInputFieldElement;
-        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
-        "sqm-leaderboard": HTMLSqmLeaderboardElement;
-        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
-        "sqm-link-button": HTMLSqmLinkButtonElement;
-        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
-        "sqm-name-fields": HTMLSqmNameFieldsElement;
-        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
-        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
-        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
-        "sqm-password-field": HTMLSqmPasswordFieldElement;
-        "sqm-popup-container": HTMLSqmPopupContainerElement;
-        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
-        "sqm-portal-container": HTMLSqmPortalContainerElement;
-        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
-        "sqm-portal-footer": HTMLSqmPortalFooterElement;
-        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
-        "sqm-portal-frame": HTMLSqmPortalFrameElement;
-        "sqm-portal-login": HTMLSqmPortalLoginElement;
-        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
-        "sqm-portal-profile": HTMLSqmPortalProfileElement;
-        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
-        "sqm-portal-register": HTMLSqmPortalRegisterElement;
-        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
-        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
-        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
-        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
-        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
-        "sqm-program-menu": HTMLSqmProgramMenuElement;
-        "sqm-referral-card": HTMLSqmReferralCardElement;
-        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
-        "sqm-referral-table": HTMLSqmReferralTableElement;
-        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
-        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
-        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
-        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
-        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
-        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
-        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
-        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
-        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
-        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
-        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
-        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
-        "sqm-rewards-table": HTMLSqmRewardsTableElement;
-        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
-        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
-        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
-        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
-        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
-        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
-        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
-        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
-        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
-        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
-        "sqm-route": HTMLSqmRouteElement;
-        "sqm-router": HTMLSqmRouterElement;
-        "sqm-scroll": HTMLSqmScrollElement;
-        "sqm-share-button": HTMLSqmShareButtonElement;
-        "sqm-share-code": HTMLSqmShareCodeElement;
-        "sqm-share-link": HTMLSqmShareLinkElement;
-        "sqm-stat-container": HTMLSqmStatContainerElement;
-        "sqm-stencilbook": HTMLSqmStencilbookElement;
-        "sqm-tab": HTMLSqmTabElement;
-        "sqm-table-cell": HTMLSqmTableCellElement;
-        "sqm-table-row": HTMLSqmTableRowElement;
-        "sqm-tabs": HTMLSqmTabsElement;
-        "sqm-task-card": HTMLSqmTaskCardElement;
-        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
-        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
-        "sqm-text": HTMLSqmTextElement;
-        "sqm-text-span": HTMLSqmTextSpanElement;
-        "sqm-timeline": HTMLSqmTimelineElement;
-        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
-        "sqm-titled-section": HTMLSqmTitledSectionElement;
-        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
-        "sqm-user-name": HTMLSqmUserNameElement;
+    interface SqmFormMessage {
+        /**
+          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
+          * @uiName Icon
+         */
+        "icon"?: string;
+        /**
+          * Options include "success", "info", "warning", and "error"
+          * @uiName Alert type
+         */
+        "type"?: string;
     }
-}
-declare namespace LocalJSX {
-    interface RaisinsPlopTarget {
+    interface SqmGraphqlClientProvider {
+        /**
+          * @uiName Domain
+         */
+        "domain"?: string;
     }
-    interface SqmAssetCard {
+    interface SqmHeaderLogo {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Logo height
          */
-        "demoData"?: DemoData<AssetCardViewProps>;
+        "height"?: number;
         /**
-          * @uiName Banner image
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Logo image
          */
-        "imgUrl"?: string;
+        "imageUrl"?: string;
         /**
-          * @uiName Banner title
+          * Page participants are navigated to after clicking the header logo.
+          * @uiName Redirect path
+          * @uiWidget pageSelect
          */
-        "titleText"?: string;
+        "nextPage"?: string;
     }
-    interface SqmBankingInfoForm {
+    interface SqmHero {
         /**
-          * @undocumented 
-          * @uiType object
+          * Can be an image url, colour or Shoelace variable.
+          * @uiName Background
+          * @uiWidget Background
          */
-        "demoData"?: DemoData<UserNameViewProps>;
-    }
-    interface SqmBigStat {
+        "background"?: string;
         /**
-          * Controls the alignment of the flexbox
-          * @uiName Alignment
-          * @uiType string
-          * @uiEnum ["left", "right", "center"]
-          * @uiEnumNames ["Left", "Right", "Center"]
+          * @uiName Columns
+          * @uiEnum [1, 2]
+          * @uiEnumNames ["One", "Two"]
          */
-        "alignment"?: "left" | "right" | "center";
+        "columns"?: 1 | 2;
         /**
-          * @undocumented 
-          * @uiType object
+          * Minimum height of each column including when they are stacked on mobile
+          * @uiName Minimum height (in px)
          */
-        "demoData"?: DemoData<BigStatViewProps>;
+        "minHeight"?: number;
         /**
-          * Controls the order of the stat value & description column
-          * @uiName Flex reverse
-          * @default
+          * @uiName Padding size
+          * @uiEnum ["none", "small", "medium","large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "flexReverse"?: boolean;
+        "paddingSize"?: "none" | "small" | "medium" | "large";
         /**
-          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Secondary background image or color (for use in the right column)
+          * @uiName Secondary background
+          * @uiWidget Background
          */
-        "programId"?: string;
+        "secondaryBackground"?: string;
         /**
-          * Select what type of stat to display. Manual paths are also supported.
-          * @uiWidget statTypeSelectWidget
-          * @uiName Stat type
-          * @required 
-          * @uiWidgetOptions {"version": 1.1}
+          * Flexbox wrap direction, accepts wrap or wrap-reverse
+          * @uiName Wrap direction
+          * @uiEnum ["wrap", "wrap-reverse"]
+          * @uiEnumNames ["Wrap", "Wrap Reverse"]
          */
-        "statType"?: string;
+        "wrapDirection"?: "wrap" | "wrap-reverse";
     }
-    interface SqmBrand {
+    interface SqmHeroImage {
         /**
-          * Controls the primary brand color used in the Mint Components library.
-          * @uiName Brand color
+          * @uiName Background color
           * @uiWidget color
           * @format color
          */
-        "brandColor"?: string;
+        "backgroundColor"?: string;
         /**
-          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
-          * @uiName Brand font
-          * @default "Nunito Sans"
+          * @uiName Button link
          */
-        "brandFont"?: string;
-    }
-    interface SqmCardFeed {
+        "buttonLink"?: string;
         /**
-          * @uiName Column gap
+          * @uiName Open link in new tab
+          * @default
+         */
+        "buttonNewTab"?: boolean;
+        /**
+          * @uiName Button text
+         */
+        "buttonText"?: string;
+        /**
+          * @uiName Description
+          * @uiWidget textArea
+         */
+        "description"?: string;
+        /**
+          * @uiName Title
+         */
+        "header"?: string;
+        /**
+          * @uiName Image mobile position
+          * @uiType string
+          * @uiEnum ["top", "bottom"]
+          * @uiEnumNames ["Top", "Bottom"]
+         */
+        "imageMobilePos"?: "top" | "bottom";
+        /**
+          * @uiName Image percentage
           * @uiType number
          */
-        "gap"?: number;
+        "imagePercentage"?: number;
         /**
-          * @uiName Card width
+          * @uiName Image position
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "width"?: number;
+        "imagePos"?: "left" | "center" | "right";
+        /**
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
+         */
+        "imageUrl"?: string;
+        /**
+          * @uiName Image layout
+          * @uiType string
+          * @uiEnum ["overlay", "columns"]
+          * @uiEnumNames ["Overlay", "Two-column"]
+         */
+        "layout"?: "overlay" | "columns";
+        /**
+          * @uiName Overlay color
+          * @uiWidget color
+          * @format color
+         */
+        "overlayColor"?: string;
+        /**
+          * @uiName Overlay opacity
+         */
+        "overlayOpacity"?: string;
+        /**
+          * @uiName Image padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "paddingImage"?: Spacing;
+        /**
+          * @uiName Text padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "paddingText"?: Spacing;
+        /**
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+         */
+        "textColor"?: string;
     }
-    interface SqmCheckboxField {
+    interface SqmHookStoryContainer {
+        "hookStory"?: FunctionalComponent;
+    }
+    interface SqmImage {
         /**
-          * @uiName Checkbox label
-          * @uiWidget textArea
+          * @uiName Position alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "checkboxLabel"?: string;
+        "alignment"?: "left" | "center" | "right";
         /**
-          * Used with link text if the checkbox label contains {labelLink}
-          * @uiName Checkbox label link
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "checkboxLabelLink"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Checkbox label link lext
+          * @uiWidget ImageUpload
+          * @format url
+          * @required 
+          * @uiName Image link
          */
-        "checkboxLabelLinkText"?: string;
+        "imageUrl"?: string;
         /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Checkbox name attribute
-          * @required
+          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
+          * @uiName Minimum height
          */
-        "checkboxName"?: string;
+        "minHeight"?: string;
+    }
+    interface SqmIndirectTaxForm {
+        "backButton"?: string;
         /**
-          * @uiName Optional
+          * @undocumented
          */
-        "checkboxOptional"?: boolean;
+        "demoData"?: DemoData<UseIndirectTaxFormResult>;
+        "formStep"?: string;
+        "generalErrorDescription"?: string;
+        "generalErrorTitle"?: string;
+        "indirectTax"?: string;
+        "indirectTaxDescription"?: string;
+        "indirectTaxDetails"?: string;
+        "indirectTaxDetailsDescription"?: string;
+        "indirectTaxNumber"?: string;
+        "indirectTaxNumberError"?: string;
+        "isPartnerAlertDescription"?: string;
+        "isPartnerAlertHeader"?: string;
+        "isRegisteredQST"?: string;
+        "isRegisteredSubRegionIncomeTax"?: string;
+        "notRegistered"?: string;
+        "otherRegion"?: string;
+        "province"?: string;
+        "provinceError"?: string;
+        "qstNumber"?: string;
+        "qstTaxNumberError"?: string;
+        "selectedRegion"?: string;
+        "selectedRegionError"?: string;
+        "subRegion"?: string;
+        "subRegionError"?: string;
+        "subRegionTaxNumberError"?: string;
+        "subRegionTaxNumberLabel"?: string;
+        "submitButton"?: string;
+        "taxDetailsError"?: string;
+    }
+    interface SqmInputField {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<CheckboxFieldViewProps>;
+        "demoData"?: DemoData<InputFieldViewProps>;
+        /**
+          * @uiName Required error message
+         */
+        "errorMessage"?: string;
+        /**
+          * @uiName Input label
+         */
+        "fieldLabel"?: string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Input name attribute
+          * @required
+         */
+        "fieldName"?: string;
         /**
-          * @uiName Unchecked error message
+          * @uiName Optional
+          * @default
          */
-        "errorMessage"?: string;
-    }
-    interface SqmCloseButton {
+        "fieldOptional"?: boolean;
         /**
-          * @uiName Color
-          * @uiWidget color
+          * @uiName Input type
           * @uiType string
+          * @uiEnum ["text", "date", "tel"]
+          * @uiEnumNames ["Text", "Date", "Phone Number"]
          */
-        "color"?: string;
-    }
-    interface SqmContextRouter {
-        "contextName"?: string;
+        "fieldType"?: "text" | "date" | "tel";
     }
-    interface SqmCouponCode {
+    interface SqmInstantAccessRegistration {
         /**
-          * Set the copy button style and placement.
-          * @uiName Style
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
           * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "backgroundColor"?: string;
         /**
-          * Display this message when the coupon code has been cancelled.
-          * @uiWidget textArea
-          * @uiName Cancelled code error message
-          * @uiGroup Coupon code error
+          * @undocumented 
+          * @uiType object
          */
-        "cancelledErrorText"?: string;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * @uiName Copy button label
+          * @uiName Email field label
          */
-        "copyButtonLabel"?: string;
+        "emailLabel"?: string;
         /**
-          * @uiName Coupon code label
+          * @uiName First name field label
          */
-        "couponCodeLabel"?: string;
+        "firstNameLabel"?: string;
         /**
-          * Display this text when the coupon code can’t be retrieved.
-          * @uiName Coupon code placeholder
-          * @uiGroup Coupon code error
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "couponCodePlaceholder"?: string;
+        "hideBorder"?: boolean;
         /**
           * @undocumented 
-          * @uiType object
+          * @uiType boolean
          */
-        "demoData"?: DemoData<CouponCodeViewProps>;
+        "includeCookies"?: boolean;
         /**
-          * Display this message when the coupon code has expired.
-          * @uiWidget textArea
-          * @uiName Expired code error message
-          * @uiGroup Coupon code error
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "expiredErrorText"?: string;
+        "includeName"?: boolean;
         /**
-          * Display this message when the code fails to load due to a fulfillment error.
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
           * @uiWidget textArea
-          * @uiName Code fulfillment error message
-          * @uiGroup Coupon code error
+          * @uiGroup Error messages
          */
-        "fullfillmentErrorText"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Display this message when the code fails to load due to an unspecified error.
-          * @uiWidget textArea
-          * @uiName Code retrieval error message
-          * @uiGroup Coupon code error
+          * @uiName Last name field label
          */
-        "genericErrorText"?: string;
+        "lastNameLabel"?: string;
         /**
-          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
           * @uiWidget textArea
-          * @uiName Code pending error message
-          * @uiGroup Coupon code error
-         */
-        "pendingErrorText"?: string;
-        /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiGroup Error messages
          */
-        "programId"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * Display this message when the coupon code has already been redeemed.
-          * @uiWidget textArea
-          * @uiName Redeemed code error message
-          * @uiGroup Coupon code error
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "redeemedErrorText"?: string;
+        "paddingBottom"?: string;
         /**
-          * @uiName Coupon code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "textAlign"?: "left" | "center" | "right";
+        "paddingLeft"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "tooltiplifespan"?: number;
+        "paddingRight"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
-          * @uiName Tooltip text
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmDividedLayout {
+        "paddingTop"?: string;
         /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
+          * @uiName Register button text
          */
-        "direction"?: "row" | "column";
+        "registerLabel"?: string;
         /**
-          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
-          * @uiName Border style
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "dividerStyle"?: string;
+        "requiredFieldErrorMessage"?: string;
     }
-    interface SqmDocumentTypeForm {
+    interface SqmLeaderboard {
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
+          * Title displayed for users without names
+          * @uiName Unknown user text
          */
-        "backButton"?: string;
+        "anonymousUser"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UseDocumentTypeFormResult>;
-        /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-         */
-        "formLabel"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
-        /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-         */
-        "taxForm"?: string;
+        "demoData"?: DemoData<LeaderboardViewProps>;
         /**
-          * Description for the W8 radio button
-          * @uiName W8 radio button subtext
+          * Hide the viewer's leaderboard row if not in the top results.
+          * @uiName Hide viewing user
+          * @default
          */
-        "w8Description"?: string;
+        "hideViewer"?: boolean;
         /**
-          * Description for the W8E radio button
-          * @uiName W8E radio button subtext
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "w8EDescription"?: string;
+        "interval"?: string;
         /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "w8ELabel"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
+          * Control the maximum amount of rows displayed on the leaderboard.
+          * @uiName Maximum rows number
          */
-        "w8Label"?: string;
+        "maxRows"?: number;
         /**
-          * Description for the W9 radio button
-          * @uiName W9 radio button subtext
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "w9Description"?: string;
+        "programId"?: string;
         /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
+          * @uiName Rank type
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "w9Label"?: string;
-    }
-    interface SqmDocusignEmbed {
-        "onDocusignEvent"?: (event: CustomEvent<{ status: string }>) => void;
-        "url"?: string;
-    }
-    interface SqmDocusignForm {
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
+          * @uiName Rank column heading
          */
-        "backButton"?: string;
+        "rankheading"?: string;
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
+          * @uiName Show leaderboard rank
          */
-        "banner"?: string;
+        "showRank"?: boolean;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
+          * @uiName Stats column heading
          */
-        "checkboxDescription"?: string;
+        "statsheading"?: string;
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
+          * @uiName User column heading
          */
-        "checkboxLabel"?: string;
+        "usersheading"?: string;
+    }
+    interface SqmLeaderboardRank {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UseDocusignFormResult>;
+        "demoData"?: DemoData<LeaderboardRankViewProps>;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "docusignExpired"?: string;
+        "interval"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "formStep"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "formSubmissionError"?: string;
+        "programId"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
+          * @uiName Rank text
+          * @uiWidget textArea
          */
-        "generalErrorDescription"?: string;
+        "rankText"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * @uiName Default rank
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "generalErrorTitle"?: string;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
+          * @uiName Unranked text
          */
-        "notBasedInUS"?: string;
+        "unrankedText"?: string;
+    }
+    interface SqmLinkButton {
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
+          * @uiName Button text
+          * @uiType string
          */
-        "submitButton"?: string;
+        "buttonText"?: string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
+          * Enter the URL where you want your participants redirected. Example: https://www.example.com
+          * @required 
+          * @uiName Link
          */
-        "taxForm"?: string;
+        "link"?: string;
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
+          * @uiName Open link in new tab
          */
-        "taxFormDescription"?: string;
+        "openInNewTab"?: boolean;
+    }
+    interface SqmLogoutCurrentUser {
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
+          * @required 
+          * @uiName Switch user button link
          */
-        "taxFormLabel"?: string;
-    }
-    interface SqmDropdownField {
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * @undocumented 
-          * @uiType object
+          * @required 
+          * @uiName Switch user button label
          */
-        "demoData"?: DemoData<DropdownFieldViewProps>;
+        "switchUserText"?: string;
         /**
-          * @uiName Dropdown label
+          * @required 
+          * @uiName User identification text
          */
-        "dropdownLabel"?: string;
+        "userIdentificationText"?: string;
+    }
+    interface SqmNameFields {
         /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Dropdown name attribute
-          * @required
+          * @undocumented 
+          * @uiType object
          */
-        "dropdownName"?: string;
+        "demoData"?: DemoData<NameFieldsViewProps>;
         /**
-          * @uiName Optional
-          * @default
+          * @uiName First name label
          */
-        "dropdownOptional"?: boolean;
+        "firstNameLabel"?: string;
         /**
-          * @uiName Unselected error message
+          * @uiName Last name label
          */
-        "errorMessage"?: string;
+        "lastNameLabel"?: string;
     }
-    interface SqmEditProfile {
+    interface SqmNavigationMenu {
         /**
-          * @uiName Cancel button text
+          * @undocumented 
+          * @uiType object
          */
-        "canceltext"?: string;
+        "demoData"?: DemoData<NavigationMenuViewProps>;
         /**
-          * @uiName Region field label
+          * @uiName Include dropdown menu
          */
-        "currentregiontext"?: string;
+        "includeDropdown"?: boolean;
+        /**
+          * Label on the header menu
+          * @uiName Menu label
+         */
+        "menuLabel"?: string;
+    }
+    interface SqmNavigationSidebar {
+    }
+    interface SqmNavigationSidebarItem {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<EditProfileViewProps>;
+        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
         /**
-          * @uiName Heading
+          * Options available at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "editprofileheader"?: string;
+        "icon"?: string;
         /**
-          * Enable editing button text
-          * @uiName Edit profile text
+          * @uiName Label
          */
-        "editprofiletext"?: string;
+        "label"?: string;
         /**
-          * @uiName First name label
+          * @uiName Navigation path
+          * @uiWidget pageSelect
          */
-        "firstnametext"?: string;
+        "path"?: string;
+    }
+    interface SqmPasswordField {
         /**
-          * @uiName Last name label
+          * @undocumented 
+          * @uiType object
          */
-        "lastnametext"?: string;
+        "demoData"?: PasswordFieldViewDemoProps;
         /**
-          * Show or hide current region
-          * @uiName Show region
+          * Disable live password validation
+          * @uiName Disable validation
          */
-        "showregion"?: boolean;
+        "disableValidation"?: boolean;
         /**
-          * @uiName Info button text
+          * Label for password field
+          * @uiName Password label
          */
-        "updatetext"?: string;
+        "fieldLabel"?: string;
     }
-    interface SqmEmpty {
-        /**
-          * @uiName Title
-         */
-        "emptyStateHeader"?: string;
+    interface SqmPopupContainer {
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
+          * Display a close button on the popup
+          * @uiName Show close button
          */
-        "emptyStateImage"?: string;
+        "closeButton"?: boolean;
         /**
-          * @uiName Description
-          * @uiWidget textArea
+          * Text inside the close button
+          * @uiName Close button text
          */
-        "emptyStateText"?: string;
-    }
-    interface SqmFormMessage {
+        "closeButtonText"?: string;
         /**
-          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
-          * @uiName Icon
+          * Specify padding on the popup contents when in embedded mode
+          * @uiName Embed padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "icon"?: string;
+        "embedPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * Options include "success", "info", "warning", and "error"
-          * @uiName Alert type
+          * Specify padding on the popup contents when in popup mode
+          * @uiName Popup padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "type"?: string;
-    }
-    interface SqmGraphqlClientProvider {
+        "popupPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Domain
+          * Show Powered with SaaSquatch by Impact.com link
+          * @uiName Show powered by
          */
-        "domain"?: string;
+        "poweredBy"?: boolean;
     }
-    interface SqmHeaderLogo {
+    interface SqmPortalChangePassword {
         /**
-          * @uiName Logo height
+          * Found in modal
+          * @uiName Cancel button text
          */
-        "height"?: number;
+        "cancelText"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Logo image
+          * Found in modal
+          * @uiName Change password button text
          */
-        "imageUrl"?: string;
+        "changePasswordButtonText"?: string;
         /**
-          * Page participants are navigated to after clicking the header logo.
-          * @uiName Redirect path
-          * @uiWidget pageSelect
+          * Found in modal
+          * @uiName Confirm password Label
          */
-        "nextPage"?: string;
-    }
-    interface SqmHero {
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * Can be an image url, colour or Shoelace variable.
-          * @uiName Background
-          * @uiWidget Background
+          * @undocumented 
+          * @uiType object
          */
-        "background"?: string;
+        "demoData"?: DemoData<PortalChangePasswordViewProps>;
         /**
-          * @uiName Columns
-          * @uiEnum [1, 2]
-          * @uiEnumNames ["One", "Two"]
+          * @uiName Change password modal header
          */
-        "columns"?: 1 | 2;
+        "modalChangePasswordHeader"?: string;
         /**
-          * Minimum height of each column including when they are stacked on mobile
-          * @uiName Minimum height (in px)
+          * Found in modal
+          * @uiName New password field label
          */
-        "minHeight"?: number;
-        /**
-          * @uiName Padding size
-          * @uiEnum ["none", "small", "medium","large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+        "passwordFieldLabel"?: string;
+        /**
+          * @uiName Change password button text
          */
-        "paddingSize"?: "none" | "small" | "medium" | "large";
+        "portalChangePasswordButtonText"?: string;
         /**
-          * Secondary background image or color (for use in the right column)
-          * @uiName Secondary background
-          * @uiWidget Background
+          * Portal change password section header
+          * @uiName Change password header
          */
-        "secondaryBackground"?: string;
+        "portalChangePasswordHeader"?: string;
         /**
-          * Flexbox wrap direction, accepts wrap or wrap-reverse
-          * @uiName Wrap direction
-          * @uiEnum ["wrap", "wrap-reverse"]
-          * @uiEnumNames ["Wrap", "Wrap Reverse"]
+          * Successful password change message
+          * @uiName Successful password change message
+          * @uiWidget textArea
          */
-        "wrapDirection"?: "wrap" | "wrap-reverse";
+        "successMessage"?: string;
     }
-    interface SqmHeroImage {
+    interface SqmPortalContainer {
         /**
           * @uiName Background color
           * @uiWidget color
-          * @format color
+          * @uiGroup Card style
+          * @uiType string
          */
         "backgroundColor"?: string;
         /**
-          * @uiName Button link
+          * @uiName Center content
          */
-        "buttonLink"?: string;
+        "center"?: boolean;
         /**
-          * @uiName Open link in new tab
-          * @default
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
          */
-        "buttonNewTab"?: boolean;
+        "direction"?: "row" | "column";
         /**
-          * @uiName Button text
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "buttonText"?: string;
+        "display"?: "grid" | "flex";
         /**
-          * @uiName Description
-          * @uiWidget textArea
+          * @uiName Gap
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "description"?: string;
+        "gap"?: Spacing;
         /**
-          * @uiName Title
+          * Define how this container distributes its contents along the main-axis.
+          * @uiName Justify content
+          * @uiType string
+          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
+          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
          */
-        "header"?: string;
+        "justifyContent"?: | "start"
+    | "center"
+    | "end"
+    | "space-between"
+    | "space-around"
+    | "space-evenly";
         /**
-          * @uiName Image mobile position
-          * @uiType string
-          * @uiEnum ["top", "bottom"]
-          * @uiEnumNames ["Top", "Bottom"]
+          * @uiName Maximum width
          */
-        "imageMobilePos"?: "top" | "bottom";
+        "maxWidth"?: string;
         /**
-          * @uiName Image percentage
-          * @uiType number
+          * @uiName Minimum width
          */
-        "imagePercentage"?: number;
+        "minWidth"?: string;
         /**
-          * @uiName Image position
+          * @uiName Padding
           * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "imagePos"?: "left" | "center" | "right";
+        "padding"?: Spacing;
+    }
+    interface SqmPortalEmailVerification {
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
+          * @undocumented 
+          * @uiType object
          */
-        "imageUrl"?: string;
+        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
         /**
-          * @uiName Image layout
-          * @uiType string
-          * @uiEnum ["overlay", "columns"]
-          * @uiEnumNames ["Overlay", "Two-column"]
+          * @uiName Email verification header text
          */
-        "layout"?: "overlay" | "columns";
+        "emailVerificationHeader"?: string;
         /**
-          * @uiName Overlay color
-          * @uiWidget color
-          * @format color
+          * Redirect participants to this page from their verification email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "overlayColor"?: string;
+        "redirectPath"?: string;
         /**
-          * @uiName Overlay opacity
+          * @uiName Re-send email button text
          */
-        "overlayOpacity"?: string;
+        "resendEmailButtonText"?: string;
         /**
-          * @uiName Image padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Email verification checking text
+          * @uiWidget textArea
          */
-        "paddingImage"?: Spacing;
+        "verificationLoadingMessage"?: string;
         /**
-          * @uiName Text padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Email verification status text
+          * @uiWidget textArea
          */
-        "paddingText"?: Spacing;
+        "verificationStatusMessage"?: string;
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * @uiName Email verification body text
+          * @uiWidget textArea
          */
-        "textColor"?: string;
-    }
-    interface SqmHookStoryContainer {
-        "hookStory"?: FunctionalComponent;
+        "verifyMessage"?: string;
     }
-    interface SqmImage {
+    interface SqmPortalFooter {
         /**
-          * @uiName Position alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName FAQ link
          */
-        "alignment"?: "left" | "center" | "right";
+        "faqLink"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * @uiName FAQ text
          */
-        "backgroundColor"?: string;
+        "faqText"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @required 
-          * @uiName Image link
+          * @uiName Hide powered with SaaSquatch by Impact.com
          */
-        "imageUrl"?: string;
+        "hidePoweredBy"?: boolean;
         /**
-          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
-          * @uiName Minimum height
+          * @uiName Hide support message
          */
-        "minHeight"?: string;
-    }
-    interface SqmIndirectTaxForm {
-        "backButton"?: string;
+        "hideSupportText"?: boolean;
         /**
-          * @undocumented
+          * @uiName Bottom padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "demoData"?: DemoData<UseIndirectTaxFormResult>;
-        "formStep"?: string;
-        "generalErrorDescription"?: string;
-        "generalErrorTitle"?: string;
-        "indirectTax"?: string;
-        "indirectTaxDescription"?: string;
-        "indirectTaxDetails"?: string;
-        "indirectTaxDetailsDescription"?: string;
-        "indirectTaxNumber"?: string;
-        "indirectTaxNumberError"?: string;
-        "isPartnerAlertDescription"?: string;
-        "isPartnerAlertHeader"?: string;
-        "isRegisteredQST"?: string;
-        "isRegisteredSubRegionIncomeTax"?: string;
-        "notRegistered"?: string;
-        "otherRegion"?: string;
-        "province"?: string;
-        "provinceError"?: string;
-        "qstNumber"?: string;
-        "qstTaxNumberError"?: string;
-        "selectedRegion"?: string;
-        "selectedRegionError"?: string;
-        "subRegion"?: string;
-        "subRegionError"?: string;
-        "subRegionTaxNumberError"?: string;
-        "subRegionTaxNumberLabel"?: string;
-        "submitButton"?: string;
-        "taxDetailsError"?: string;
-    }
-    interface SqmInputField {
+        "paddingBottom"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Left padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "demoData"?: DemoData<InputFieldViewProps>;
+        "paddingLeft"?: string;
         /**
-          * @uiName Required error message
+          * @uiName Right padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "errorMessage"?: string;
+        "paddingRight"?: string;
         /**
-          * @uiName Input label
+          * @uiName Top padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "fieldLabel"?: string;
+        "paddingTop"?: string;
         /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Input name attribute
-          * @required
+          * @uiName Powered By link
          */
-        "fieldName"?: string;
+        "poweredByLink"?: string;
         /**
-          * @uiName Optional
-          * @default
+          * @uiName Support email
          */
-        "fieldOptional"?: boolean;
+        "supportEmail"?: string;
         /**
-          * @uiName Input type
-          * @uiType string
-          * @uiEnum ["text", "date", "tel"]
-          * @uiEnumNames ["Text", "Date", "Phone Number"]
+          * @uiName Support message
+          * @uiWidget textArea
          */
-        "fieldType"?: "text" | "date" | "tel";
-    }
-    interface SqmInstantAccessRegistration {
+        "supportText"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * @uiName Terms and conditions link
+         */
+        "termsLink"?: string;
+        /**
+          * @uiName Terms and conditions text
          */
-        "backgroundColor"?: string;
+        "termsText"?: string;
+    }
+    interface SqmPortalForgotPassword {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
         /**
           * @uiName Email field label
          */
         "emailLabel"?: string;
         /**
-          * @uiName First name field label
+          * @uiName Header text
+          * @uiWidget textArea
          */
-        "firstNameLabel"?: string;
+        "headerText"?: string;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * @uiName Login redirect path
+          * @uiWidget pageSelect
          */
-        "hideBorder"?: boolean;
+        "loginPath"?: string;
+        /**
+          * Sign in link text
+         */
+        "loginText"?: string;
+        /**
+          * Redirect participants to this page after they verify their email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
+         */
+        "redirectPath"?: string;
+        /**
+          * @uiName Password reset button text
+         */
+        "submitLabel"?: string;
+    }
+    interface SqmPortalFrame {
         /**
           * @undocumented 
-          * @uiType boolean
+          * @uiType object
          */
-        "includeCookies"?: boolean;
+        "demoData"?: DemoData<PortalFrameViewProps>;
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * @undocumented
          */
-        "includeName"?: boolean;
+        "notFullScreen"?: boolean;
+    }
+    interface SqmPortalLogin {
         /**
-          * Display this message when the given email is invalid.
-          * @uiName Invalid email message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @undocumented 
+          * @uiType object
          */
-        "invalidEmailErrorMessage"?: string;
+        "demoData"?: DemoData<PortalLoginViewProps>;
         /**
-          * @uiName Last name field label
+          * @uiName Email field label
          */
-        "lastNameLabel"?: string;
+        "emailLabel"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
-          * @uiName Network error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Forgot password text
          */
-        "networkErrorMessage"?: string;
+        "forgotPasswordLabel"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page to reset their password
+          * @uiName Forgot password redirect
+          * @uiWidget pageSelect
          */
-        "paddingBottom"?: string;
+        "forgotPasswordPath"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page after they successfully login.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "paddingLeft"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Heading label
+          * @uiWidget textArea
          */
-        "paddingRight"?: string;
+        "pageLabel"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Password field label
          */
-        "paddingTop"?: string;
+        "passwordLabel"?: string;
         /**
           * @uiName Register button text
          */
         "registerLabel"?: string;
         /**
-          * Display this message when a required field has not been filled out.
-          * @uiName Required field message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * Redirect participants to this page to start registration.
+          * @uiName Register button redirect
+          * @uiWidget pageSelect
          */
-        "requiredFieldErrorMessage"?: string;
+        "registerPath"?: string;
+        /**
+          * @uiName Submit button text
+         */
+        "submitLabel"?: string;
     }
-    interface SqmLeaderboard {
+    interface SqmPortalLogout {
         /**
-          * Title displayed for users without names
-          * @uiName Unknown user text
+          * Redirect participants to this page when they log out.
+          * @uiName Logout redirect path
+          * @uiWidget pageSelect
          */
-        "anonymousUser"?: string;
+        "nextPage"?: string;
+    }
+    interface SqmPortalProfile {
+        /**
+          * @uiName Country field label
+         */
+        "countrytext"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<LeaderboardViewProps>;
+        "demoData"?: DemoData<PortalProfileViewProps>;
         /**
-          * Hide the viewer's leaderboard row if not in the top results.
-          * @uiName Hide viewing user
-          * @default
+          * @uiName Edit profile header
          */
-        "hideViewer"?: boolean;
+        "editProfileHeader"?: string;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiName Edit profile sub header
          */
-        "interval"?: string;
+        "editProfileSubHeader"?: string;
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * @uiName Email field label
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "emailtext"?: string;
         /**
-          * Control the maximum amount of rows displayed on the leaderboard.
-          * @uiName Maximum rows number
+          * @uiName First name label
          */
-        "maxRows"?: number;
+        "firstnametext"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * @uiName Hide country field
          */
-        "programId"?: string;
+        "hideCountry"?: boolean;
         /**
-          * @uiName Rank type
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * @uiName Last name field label
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "lastnametext"?: string;
         /**
-          * @uiName Rank column heading
+          * @uiName Submit changes button text
          */
-        "rankheading"?: string;
+        "submitChangeButtonText"?: string;
+    }
+    interface SqmPortalProtectedRoute {
         /**
-          * @uiName Show leaderboard rank
+          * Redirect participants to this page they are not logged in.
+          * @uiName Unauthenticated participant redirect
          */
-        "showRank"?: boolean;
+        "redirectTo"?: string;
         /**
-          * @uiName Stats column heading
+          * Redirect participants to this page when email verification is required but they have not verified their email.
+          * @uiName Unverified participant redirect
          */
-        "statsheading"?: string;
+        "redirectToUnverified"?: string;
         /**
-          * @uiName User column heading
+          * @uiName Require email verification
          */
-        "usersheading"?: string;
+        "requireEmailVerification"?: boolean;
     }
-    interface SqmLeaderboardRank {
+    interface SqmPortalRegister {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Show confirm password field
          */
-        "demoData"?: DemoData<LeaderboardRankViewProps>;
+        "confirmPassword"?: boolean;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiName Confirm password field label
          */
-        "interval"?: string;
+        "confirmPasswordLabel"?: string;
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * @undocumented 
+          * @uiType object
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "demoData"?: DemoData<PortalRegisterViewProps>;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * @uiName Disable password validation
          */
-        "programId"?: string;
+        "disablePasswordValidation"?: boolean;
         /**
-          * @uiName Rank text
-          * @uiWidget textArea
+          * @uiName Email field label
          */
-        "rankText"?: string;
+        "emailLabel"?: string;
         /**
-          * @uiName Default rank
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "hideInputs"?: boolean;
         /**
-          * @uiName Unranked text
+          * The message to be displayed when the email used is invalid or blocked.
+          * @uiName Invalid email message
+          * @uiWidget textArea
          */
-        "unrankedText"?: string;
-    }
-    interface SqmLinkButton {
+        "invalidEmailErrorMessage"?: string;
         /**
-          * @uiName Button text
-          * @uiType string
+          * @uiName Login button text
          */
-        "buttonText"?: string;
+        "loginLabel"?: string;
         /**
-          * Enter the URL where you want your participants redirected. Example: https://www.example.com
-          * @required 
-          * @uiName Link
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "link"?: string;
+        "loginPath"?: string;
         /**
-          * @uiName Open link in new tab
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
          */
-        "openInNewTab"?: boolean;
-    }
-    interface SqmLogoutCurrentUser {
+        "networkErrorMessage"?: string;
         /**
-          * @required 
-          * @uiName Switch user button link
+          * Redirect participants to this page from their verification email
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "nextPage"?: string;
         /**
-          * @required 
-          * @uiName Switch user button label
+          * @uiName Header text
          */
-        "switchUserText"?: string;
+        "pageLabel"?: string;
         /**
-          * @required 
-          * @uiName User identification text
+          * @uiName Password field label
          */
-        "userIdentificationText"?: string;
-    }
-    interface SqmNameFields {
+        "passwordLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
+          * @uiWidget textArea
          */
-        "demoData"?: DemoData<NameFieldsViewProps>;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * @uiName First name label
+          * The page that participants are redirected to from the verification email.
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "firstNameLabel"?: string;
+        "redirectPath"?: string;
         /**
-          * @uiName Last name label
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
          */
-        "lastNameLabel"?: string;
-    }
-    interface SqmNavigationMenu {
+        "requiredFieldErrorMessage"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Submit button text
          */
-        "demoData"?: DemoData<NavigationMenuViewProps>;
+        "submitLabel"?: string;
+    }
+    interface SqmPortalRegistrationForm {
         /**
-          * @uiName Include dropdown menu
+          * @uiName Show confirm password field
          */
-        "includeDropdown"?: boolean;
+        "confirmPassword"?: boolean;
         /**
-          * Label on the header menu
-          * @uiName Menu label
+          * @uiName Confirm password field label
          */
-        "menuLabel"?: string;
-    }
-    interface SqmNavigationSidebar {
-    }
-    interface SqmNavigationSidebarItem {
+        "confirmPasswordLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
+        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
         /**
-          * Options available at https://shoelace.style/components/icon
-          * @uiName Icon
+          * @uiName Disable password validation
          */
-        "icon"?: string;
+        "disablePasswordValidation"?: boolean;
         /**
-          * @uiName Label
+          * @uiName Email field label
          */
-        "label"?: string;
+        "emailLabel"?: string;
         /**
-          * @uiName Navigation path
-          * @uiWidget pageSelect
+          * The message to be displayed when the registration form is disabled.
+          * @uiName Form disabled message
+          * @uiWidget textArea
          */
-        "path"?: string;
-    }
-    interface SqmPasswordField {
+        "formDisabledErrorMessage"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The key of the registration form used for this microsite.
+          * @uiName Form key
+          * @required
          */
-        "demoData"?: PasswordFieldViewDemoProps;
+        "formKey"?: string;
         /**
-          * Disable live password validation
-          * @uiName Disable validation
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "disableValidation"?: boolean;
+        "hideInputs"?: boolean;
         /**
-          * Label for password field
-          * @uiName Password label
+          * The message to be displayed when the email used is invalid or blocked.
+          * @uiName Invalid email message
+          * @uiWidget textArea
          */
-        "fieldLabel"?: string;
-    }
-    interface SqmPopupContainer {
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Display a close button on the popup
-          * @uiName Show close button
+          * @uiName Login button text
          */
-        "closeButton"?: boolean;
+        "loginLabel"?: string;
         /**
-          * Text inside the close button
-          * @uiName Close button text
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "closeButtonText"?: string;
+        "loginPath"?: string;
         /**
-          * Specify padding on the popup contents when in embedded mode
-          * @uiName Embed padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
          */
-        "embedPadding"?: "none" | "small" | "medium" | "large";
+        "networkErrorMessage"?: string;
         /**
-          * Specify padding on the popup contents when in popup mode
-          * @uiName Popup padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * Redirect participants to this page after they successfully register.
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "popupPadding"?: "none" | "small" | "medium" | "large";
+        "nextPage"?: string;
         /**
-          * Show Powered with SaaSquatch by Impact.com link
-          * @uiName Show powered by
+          * @uiName Header text
          */
-        "poweredBy"?: boolean;
-    }
-    interface SqmPortalChangePassword {
+        "pageLabel"?: string;
         /**
-          * Found in modal
-          * @uiName Cancel button text
+          * @uiName Password field label
          */
-        "cancelText"?: string;
+        "passwordLabel"?: string;
         /**
-          * Found in modal
-          * @uiName Change password button text
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
+          * @uiWidget textArea
          */
-        "changePasswordButtonText"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * Found in modal
-          * @uiName Confirm password Label
+          * Redirect participants to this page from their verification email
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "confirmPasswordFieldLabel"?: string;
+        "redirectPath"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
          */
-        "demoData"?: DemoData<PortalChangePasswordViewProps>;
+        "requiredFieldErrorMessage"?: string;
         /**
-          * @uiName Change password modal header
+          * @uiName Submit button text
          */
-        "modalChangePasswordHeader"?: string;
+        "submitLabel"?: string;
+    }
+    interface SqmPortalResetPassword {
         /**
-          * Found in modal
-          * @uiName New password field label
+          * @uiName Show confirm password field
          */
-        "passwordFieldLabel"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * @uiName Change password button text
+          * @uiName Password confirmation field label
          */
-        "portalChangePasswordButtonText"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * Portal change password section header
-          * @uiName Change password header
+          * Button text displayed after a successful password reset.
+          * @uiName Continue button text
          */
-        "portalChangePasswordHeader"?: string;
+        "continueButtonText"?: string;
         /**
-          * Successful password change message
-          * @uiName Successful password change message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "successMessage"?: string;
-    }
-    interface SqmPortalContainer {
+        "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
+          * @uiName Failed reset redirect
+          * @uiWidget pageSelect
          */
-        "backgroundColor"?: string;
+        "failedPage"?: string;
         /**
-          * @uiName Center content
+          * Redirect participants to this page when they successfully reset their password.
+          * @uiName Successful reset redirect
+          * @uiWidget pageSelect
          */
-        "center"?: boolean;
+        "nextPage"?: string;
         /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
+          * @uiName Password field label
          */
-        "direction"?: "row" | "column";
+        "passwordFieldLabel"?: string;
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * Displayed after a successful password reset.
+          * @uiName Successful password reset text
+          * @uiWidget textArea
          */
-        "display"?: "grid" | "flex";
+        "passwordResetHeader"?: string;
         /**
-          * @uiName Gap
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Password reset button text
          */
-        "gap"?: Spacing;
+        "resetPasswordButtonText"?: string;
         /**
-          * Define how this container distributes its contents along the main-axis.
-          * @uiName Justify content
-          * @uiType string
-          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
-          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
+          * @uiName Reset password header text
          */
-        "justifyContent"?: | "start"
-    | "center"
-    | "end"
-    | "space-between"
-    | "space-around"
-    | "space-evenly";
+        "resetPasswordHeader"?: string;
+    }
+    interface SqmPortalVerifyEmail {
         /**
-          * @uiName Maximum width
+          * @undocumented 
+          * @uiType object
          */
-        "maxWidth"?: string;
+        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
-          * @uiName Minimum width
+          * Redirect participants to this page if verification fails due to an outdated verification attempt.
+          * @uiName Failed verification redirect
+          * @uiWidget pageSelect
          */
-        "minWidth"?: string;
+        "failedPage"?: string;
         /**
-          * @uiName Padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page when they successfully verify their email.
+          * @uiName Successful verification redirect
+          * @uiWidget pageSelect
          */
-        "padding"?: Spacing;
+        "nextPage"?: string;
     }
-    interface SqmPortalEmailVerification {
+    interface SqmProgramExplainer {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Header background color
+          * @uiWidget color
+          * @format color
          */
-        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
+        "backgroundColor"?: string;
         /**
-          * @uiName Email verification header text
+          * @uiName Header text
          */
-        "emailVerificationHeader"?: string;
+        "header"?: string;
         /**
-          * Redirect participants to this page from their verification email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @uiName Header text color
+          * @uiWidget color
+          * @format color
          */
-        "redirectPath"?: string;
+        "textColor"?: string;
+    }
+    interface SqmProgramExplainerStep {
         /**
-          * @uiName Re-send email button text
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "resendEmailButtonText"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Email verification checking text
+          * @uiName Description
           * @uiWidget textArea
          */
-        "verificationLoadingMessage"?: string;
+        "description"?: string;
         /**
-          * @uiName Email verification status text
-          * @uiWidget textArea
+          * @uiName Title
          */
-        "verificationStatusMessage"?: string;
+        "header"?: string;
         /**
-          * @uiName Email verification body text
-          * @uiWidget textArea
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "verifyMessage"?: string;
-    }
-    interface SqmPortalFooter {
+        "icon"?: string;
         /**
-          * @uiName FAQ link
+          * Displayed in place of an icon
+          * @uiName Image URL
+          * @uiWidget imageUpload
+          * @format url
          */
-        "faqLink"?: string;
+        "imageUrl"?: string;
         /**
-          * @uiName FAQ text
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "faqText"?: string;
+        "textColor"?: string;
+    }
+    interface SqmProgramMenu {
+    }
+    interface SqmReferralCard {
         /**
-          * @uiName Hide powered with SaaSquatch by Impact.com
+          * @uiName Background color
+          * @uiWidget color
+          * @uiType string
          */
-        "hidePoweredBy"?: boolean;
+        "backgroundColor"?: string;
         /**
-          * @uiName Hide support message
+          * @uiName Hide border
+          * @uiType boolean
          */
-        "hideSupportText"?: boolean;
+        "hideBorder"?: boolean;
+        /**
+          * @uiName Limit width
+          * @uiType boolean
+         */
+        "limitWidth"?: boolean;
         /**
           * @uiName Bottom padding
           * @uiGroup Padding
@@ -5965,1665 +7113,1738 @@ declare namespace LocalJSX {
          */
         "paddingTop"?: string;
         /**
-          * @uiName Powered By link
+          * @uiName Vertical alignment
+          * @uiType string
+          * @uiEnum ["start", "center", "end"]
+          * @uiEnumNames ["Top", "Center", "Bottom"]
          */
-        "poweredByLink"?: string;
+        "verticalAlignment"?: "start" | "center" | "end";
+    }
+    interface SqmReferralIframe {
         /**
-          * @uiName Support email
+          * @undocumented 
+          * @uiType object
          */
-        "supportEmail"?: string;
+        "demoData"?: DemoData<ReferralIframeViewProps>;
         /**
-          * @uiName Support message
-          * @uiWidget textArea
+          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame height
          */
-        "supportText"?: string;
+        "iframeHeight"?: string;
         /**
-          * @uiName Terms and conditions link
+          * URL of iframe to display
+          * @uiName IFrame source
+          * @required
          */
-        "termsLink"?: string;
+        "iframeSrc"?: string;
         /**
-          * @uiName Terms and conditions text
+          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame width
          */
-        "termsText"?: string;
+        "iframeWidth"?: string;
     }
-    interface SqmPortalForgotPassword {
+    interface SqmReferralTable {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * @uiName Email field label
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Hidden mobile columns
          */
-        "emailLabel"?: string;
+        "hiddenColumns"?: string;
         /**
-          * @uiName Header text
-          * @uiWidget textArea
+          * @uiName Hide column labels
          */
-        "headerText"?: string;
+        "hideLabels"?: boolean;
         /**
-          * @uiName Login redirect path
-          * @uiWidget pageSelect
+          * @uiName Tablet breakpoint
          */
-        "loginPath"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * Sign in link text
+          * @uiName View More button text
          */
-        "loginText"?: string;
+        "moreLabel"?: string;
         /**
-          * Redirect participants to this page after they verify their email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * Number of referrals displayed per page
+          * @uiName Referrals per page
          */
-        "redirectPath"?: string;
+        "perPage"?: number;
         /**
-          * @uiName Password reset button text
+          * @uiName Previous button text
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalFrame {
+        "prevLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "demoData"?: DemoData<PortalFrameViewProps>;
+        "programId"?: string;
         /**
-          * @undocumented
+          * Show referred by user in table
+          * @uiName Show referrer
+          * @default
          */
-        "notFullScreen"?: boolean;
+        "showReferrer"?: boolean;
+        /**
+          * @uiName Mobile breakpoint
+         */
+        "smBreakpoint"?: number;
     }
-    interface SqmPortalLogin {
+    interface SqmReferralTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmReferralTableColumn {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Column title
          */
-        "demoData"?: DemoData<PortalLoginViewProps>;
+        "columnTitle"?: string;
+    }
+    interface SqmReferralTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmReferralTableDateColumn {
         /**
-          * @uiName Email field label
+          * @uiName Date column title
          */
-        "emailLabel"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiName Forgot password text
+          * @uiName Date displayed
+          * @uiType string
+          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
+          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
          */
-        "forgotPasswordLabel"?: string;
+        "dateShown"?: ReferralDates;
+    }
+    interface SqmReferralTableRewardsCell {
+        "deniedHelpText"?: string;
+        "expiringText"?: string;
+        "fuelTankText"?: string;
+        "hideDetails"?: boolean;
+        "locale"?: string;
+        "pendingForText"?: string;
+        "rewardReceivedText"?: string;
+        "rewards"?: Reward[];
+        "statusLongText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableRewardsColumn {
         /**
-          * Redirect participants to this page to reset their password
-          * @uiName Forgot password redirect
-          * @uiWidget pageSelect
+          * @uiName Reward column title
          */
-        "forgotPasswordPath"?: string;
+        "columnTitle"?: string;
         /**
-          * Redirect participants to this page after they successfully login.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * Shown in the dropdown details when a reward was denied.
+          * @uiName Reward denied help text
          */
-        "nextPage"?: string;
+        "deniedHelpText"?: string;
         /**
-          * @uiName Heading label
-          * @uiWidget textArea
+          * Shown in the dropdown details when a reward has an expiry date.
+          * @uiName Reward expiring text
          */
-        "pageLabel"?: string;
+        "expiringText"?: string;
         /**
-          * @uiName Password field label
+          * Shown in the dropdown details when a reward has an associated fuel tank code.
+          * @uiName Fuel tank code text
+         */
+        "fuelTankText"?: string;
+        /**
+          * @uiName Hide dropdown details of reward
+          * @default
+         */
+        "hideDetails"?: boolean;
+        /**
+          * Shown in the dropdown details when a reward is pending.
+          * @uiName Reward pending text
          */
-        "passwordLabel"?: string;
+        "pendingForText"?: string;
         /**
-          * @uiName Register button text
+          * Shown in the dropdown details when a reward has been received.’
+          * @uiName Reward received text
          */
-        "registerLabel"?: string;
+        "rewardReceivedText"?: string;
         /**
-          * Redirect participants to this page to start registration.
-          * @uiName Register button redirect
-          * @uiWidget pageSelect
+          * Additional status text shown in the details drop down.
+          * @uiName Reward status long text
+          * @uiWidget textArea
          */
-        "registerPath"?: string;
+        "statusLongText"?: string;
         /**
-          * @uiName Submit button text
+          * Text shown in the reward status badge.
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "submitLabel"?: string;
+        "statusText"?: string;
     }
-    interface SqmPortalLogout {
+    interface SqmReferralTableStatusCell {
+        "converted"?: boolean;
+        "fraudStatus"?: FraudStatus;
+        "statusSubText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusColumn {
         /**
-          * Redirect participants to this page when they log out.
-          * @uiName Logout redirect path
-          * @uiWidget pageSelect
+          * @uiName Column title
          */
-        "nextPage"?: string;
-    }
-    interface SqmPortalProfile {
+        "columnTitle"?: string;
         /**
-          * @uiName Country field label
+          * @uiName Converted status text
          */
-        "countrytext"?: string;
+        "convertedStatusText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Denied status sub-text
          */
-        "demoData"?: DemoData<PortalProfileViewProps>;
+        "deniedStatusSubText"?: string;
         /**
-          * @uiName Edit profile header
+          * @uiName Denied status text
          */
-        "editProfileHeader"?: string;
+        "deniedStatusText"?: string;
         /**
-          * @uiName Edit profile sub header
+          * @uiName In progress status text
          */
-        "editProfileSubHeader"?: string;
+        "inProgressStatusText"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Pending review status sub-text
          */
-        "emailtext"?: string;
+        "pendingReviewStatusSubText"?: string;
         /**
-          * @uiName First name label
+          * @uiName Pending review status text
          */
-        "firstnametext"?: string;
+        "pendingReviewStatusText"?: string;
+    }
+    interface SqmReferralTableUserCell {
+        "name"?: string;
+    }
+    interface SqmReferralTableUserColumn {
         /**
-          * @uiName Hide country field
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "hideCountry"?: boolean;
+        "anonymousUser"?: string;
         /**
-          * @uiName Last name field label
+          * @uiName User column title
          */
-        "lastnametext"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiName Submit changes button text
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "submitChangeButtonText"?: string;
+        "deletedUser"?: string;
     }
-    interface SqmPortalProtectedRoute {
+    interface SqmReferredRegistration {
         /**
-          * Redirect participants to this page they are not logged in.
-          * @uiName Unauthenticated participant redirect
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "redirectTo"?: string;
+        "backgroundColor"?: string;
         /**
-          * Redirect participants to this page when email verification is required but they have not verified their email.
-          * @uiName Unverified participant redirect
+          * @undocumented 
+          * @uiType object
          */
-        "redirectToUnverified"?: string;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * @uiName Require email verification
+          * @uiName Email field label
          */
-        "requireEmailVerification"?: boolean;
-    }
-    interface SqmPortalRegister {
+        "emailLabel"?: string;
         /**
-          * @uiName Show confirm password field
+          * @uiName First name field label
          */
-        "confirmPassword"?: boolean;
+        "firstNameLabel"?: string;
         /**
-          * @uiName Confirm password field label
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "confirmPasswordLabel"?: string;
+        "fraudErrorMessage"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message title
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "demoData"?: DemoData<PortalRegisterViewProps>;
+        "fraudErrorMessageTitle"?: string;
         /**
-          * @uiName Disable password validation
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "disablePasswordValidation"?: boolean;
+        "hideBorder"?: boolean;
         /**
-          * @uiName Email field label
+          * @undocumented 
+          * @uiType boolean
          */
-        "emailLabel"?: string;
+        "includeCookies"?: boolean;
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "hideInputs"?: boolean;
+        "includeName"?: boolean;
         /**
-          * The message to be displayed when the email used is invalid or blocked.
+          * Display this message when the given email is invalid.
           * @uiName Invalid email message
           * @uiWidget textArea
+          * @uiGroup Error messages
          */
         "invalidEmailErrorMessage"?: string;
         /**
-          * @uiName Login button text
-         */
-        "loginLabel"?: string;
-        /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * @uiName Last name field label
          */
-        "loginPath"?: string;
+        "lastNameLabel"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
+          * Display this message when the form submission unexpectedly fails.
           * @uiName Network error message
           * @uiWidget textArea
+          * @uiGroup Error messages
          */
         "networkErrorMessage"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "nextPage"?: string;
+        "paddingBottom"?: string;
         /**
-          * @uiName Header text
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "pageLabel"?: string;
+        "paddingLeft"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "passwordLabel"?: string;
+        "paddingRight"?: string;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "passwordMismatchErrorMessage"?: string;
+        "paddingTop"?: string;
         /**
-          * The page that participants are redirected to from the verification email.
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * @uiName Register button text
          */
-        "redirectPath"?: string;
+        "registerLabel"?: string;
         /**
-          * The message to be displayed when a required field is not filled.
+          * Display this message when a required field has not been filled out.
           * @uiName Required field message
           * @uiWidget textArea
+          * @uiGroup Error messages
          */
         "requiredFieldErrorMessage"?: string;
-        /**
-          * @uiName Submit button text
-         */
-        "submitLabel"?: string;
     }
-    interface SqmPortalRegistrationForm {
-        /**
-          * @uiName Show confirm password field
-         */
-        "confirmPassword"?: boolean;
-        /**
-          * @uiName Confirm password field label
-         */
-        "confirmPasswordLabel"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
-        /**
-          * @uiName Disable password validation
-         */
-        "disablePasswordValidation"?: boolean;
+    interface SqmRewardExchangeList {
         /**
-          * @uiName Email field label
+          * @uiName Back button text
          */
-        "emailLabel"?: string;
+        "backText"?: string;
         /**
-          * The message to be displayed when the registration form is disabled.
-          * @uiName Form disabled message
-          * @uiWidget textArea
+          * @uiName Cancel button text
          */
-        "formDisabledErrorMessage"?: string;
+        "cancelText"?: string;
         /**
-          * The key of the registration form used for this microsite.
-          * @uiName Form key
-          * @required
+          * @uiName Choose amount progress title
          */
-        "formKey"?: string;
+        "chooseAmountTitle"?: string;
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * @uiName Choose reward progress title
          */
-        "hideInputs"?: boolean;
+        "chooseRewardTitle"?: string;
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
-          * @uiWidget textArea
+          * @uiName Confirmation progress title
          */
-        "invalidEmailErrorMessage"?: string;
+        "confirmationTitle"?: string;
         /**
-          * @uiName Login button text
+          * @uiName Continue button text
          */
-        "loginLabel"?: string;
+        "continueText"?: string;
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * Displayed on the reward selection page.
+          * @uiName Continue to confirmation button text
          */
-        "loginPath"?: string;
+        "continueToConfirmationText"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
+          * Shown in the confirmation state.
+          * @uiName Cost row title
          */
-        "networkErrorMessage"?: string;
+        "costTitle"?: string;
         /**
-          * Redirect participants to this page after they successfully register.
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * @undocumented 
+          * @uiType object
          */
-        "nextPage"?: string;
+        "demoData"?: DemoData<RewardExchangeViewProps>;
         /**
-          * @uiName Header text
+          * @uiName Done text
          */
-        "pageLabel"?: string;
+        "doneText"?: string;
         /**
-          * @uiName Password field label
+          * Error message shown when reward is not available
+          * @uiName Not available error
+          * @uiWidget textArea
          */
-        "passwordLabel"?: string;
+        "notAvailableError"?: string;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
+          * @uiName Not enough error message
           * @uiWidget textArea
          */
-        "passwordMismatchErrorMessage"?: string;
+        "notEnoughError"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * @uiName Promo code text
          */
-        "redirectPath"?: string;
+        "promoCode"?: string;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
+          * Shown if an error occurs when loading the reward exchange.
+          * @uiName Reward list error message
           * @uiWidget textArea
          */
-        "requiredFieldErrorMessage"?: string;
+        "queryError"?: string;
         /**
-          * @uiName Submit button text
+          * @uiName Redeem button text
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalResetPassword {
+        "redeemText"?: string;
         /**
-          * @uiName Show confirm password field
+          * Displayed as the header for the confirmation page.
+          * @uiName Confirmation title text
          */
-        "confirmPassword"?: boolean;
+        "redeemTitle"?: string;
         /**
-          * @uiName Password confirmation field label
+          * Shown if an error occurs during the reward exchange.
+          * @uiName Redemption error message
+          * @uiWidget textArea
          */
-        "confirmPasswordFieldLabel"?: string;
+        "redemptionError"?: string;
         /**
-          * Button text displayed after a successful password reset.
-          * @uiName Continue button text
+          * Displayed on the success screen when a user successfully exchanges for a reward.
+          * @uiName Redemption success message
+          * @uiWidget textArea
          */
-        "continueButtonText"?: string;
+        "redemptionSuccessText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Shown in the confirmation state.
+          * @uiName Reward amount row title
          */
-        "demoData"?: DemoData<PortalResetPasswordViewProps>;
+        "rewardAmountTitle"?: string;
         /**
-          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
-          * @uiName Failed reset redirect
-          * @uiWidget pageSelect
+          * Shown in the confirmation state.
+          * @uiName Reward row title
          */
-        "failedPage"?: string;
+        "rewardNameTitle"?: string;
         /**
-          * Redirect participants to this page when they successfully reset their password.
-          * @uiName Successful reset redirect
-          * @uiWidget pageSelect
+          * @uiName Reward redeemed text
          */
-        "nextPage"?: string;
+        "rewardRedeemedText"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Reward title text
          */
-        "passwordFieldLabel"?: string;
+        "rewardTitle"?: string;
         /**
-          * Displayed after a successful password reset.
-          * @uiName Successful password reset text
+          * @uiName Select amount text
           * @uiWidget textArea
          */
-        "passwordResetHeader"?: string;
+        "selectText"?: string;
         /**
-          * @uiName Password reset button text
+          * Set the number of placeholder cards to be shown in loading state.
+          * @uiName Loading cards
          */
-        "resetPasswordButtonText"?: string;
+        "skeletonCardNum"?: number;
         /**
-          * @uiName Reset password header text
+          * Displayed on the reward exchange cards.
+          * @uiName Reward exchange amount text
+          * @uiWidget textArea
          */
-        "resetPasswordHeader"?: string;
+        "sourceAmountMessage"?: string;
+        /**
+          * Shown when a user copies a fuel tank code
+          * @uiName Tooltip text
+         */
+        "tooltipText"?: string;
     }
-    interface SqmPortalVerifyEmail {
+    interface SqmRewardsTable {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * Redirect participants to this page if verification fails due to an outdated verification attempt.
-          * @uiName Failed verification redirect
-          * @uiWidget pageSelect
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Mobile hidden columns
          */
-        "failedPage"?: string;
+        "hiddenColumns"?: string;
         /**
-          * Redirect participants to this page when they successfully verify their email.
-          * @uiName Successful verification redirect
-          * @uiWidget pageSelect
+          * @uiName Hide column labels
          */
-        "nextPage"?: string;
-    }
-    interface SqmProgramExplainer {
+        "hideLabels"?: boolean;
         /**
-          * @uiName Header background color
-          * @uiWidget color
-          * @format color
+          * @uiName Tablet breakpoint
          */
-        "backgroundColor"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * @uiName Header text
+          * @uiName View more button text
          */
-        "header"?: string;
+        "moreLabel"?: string;
         /**
-          * @uiName Header text color
-          * @uiWidget color
-          * @format color
+          * @uiName Rewards per page
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramExplainerStep {
+        "perPage"?: number;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * @uiName Previous button text
          */
-        "backgroundColor"?: string;
+        "prevLabel"?: string;
         /**
-          * @uiName Description
-          * @uiWidget textArea
+          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "description"?: string;
+        "programId"?: string;
         /**
-          * @uiName Title
+          * @uiName Mobile breakpoint
          */
-        "header"?: string;
+        "smBreakpoint"?: number;
+    }
+    interface SqmRewardsTableCustomerNoteCell {
+        "locale"?: string;
+        "note"?: string;
+    }
+    interface SqmRewardsTableCustomerNoteColumn {
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * @uiName Column title
          */
-        "icon"?: string;
+        "columnTitle"?: string;
+    }
+    interface SqmRewardsTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmRewardsTableDateColumn {
         /**
-          * Displayed in place of an icon
-          * @uiName Image URL
-          * @uiWidget imageUpload
-          * @format url
+          * @uiName Date column title
          */
-        "imageUrl"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * @uiName Date displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
+          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
          */
-        "textColor"?: string;
+        "dateShown"?: string;
     }
-    interface SqmProgramMenu {
+    interface SqmRewardsTableRewardCell {
+        "availableText"?: string;
+        "copyText"?: string;
+        "locale"?: string;
+        "redeemedText"?: string;
+        "reward"?: Reward;
     }
-    interface SqmReferralCard {
+    interface SqmRewardsTableRewardColumn {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiType string
+          * @uiName Remaining amount text
          */
-        "backgroundColor"?: string;
+        "availableText"?: string;
         /**
-          * @uiName Hide border
-          * @uiType boolean
+          * @uiName Reward column title
          */
-        "hideBorder"?: boolean;
+        "columnTitle"?: string;
         /**
-          * @uiName Limit width
-          * @uiType boolean
+          * @uiName Copied fuel tank text
          */
-        "limitWidth"?: boolean;
+        "copyText"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Redeemed amount text
          */
-        "paddingBottom"?: string;
+        "redeemedText"?: string;
+    }
+    interface SqmRewardsTableSourceCell {
+        "anonymousUserText"?: string;
+        "deletedUserText"?: string;
+        "locale"?: string;
+        "referralText"?: string;
+        "reward"?: Reward;
+        "rewardExchangeText"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableSourceColumn {
         /**
-          * @uiName Left padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
+         */
+        "anonymousUser"?: string;
+        /**
+          * @uiName Soruce column title
+         */
+        "columnTitle"?: string;
+        /**
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "paddingLeft"?: string;
+        "deletedUser"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Shown when a reward has been created by a referral
+          * @uiName Referral text
+          * @uiWidget textArea
          */
-        "paddingRight"?: string;
+        "referralText"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Reward exchange label
          */
-        "paddingTop"?: string;
+        "rewardExchangeText"?: string;
         /**
-          * @uiName Vertical alignment
-          * @uiType string
-          * @uiEnum ["start", "center", "end"]
-          * @uiEnumNames ["Top", "Center", "Bottom"]
+          * Shown when a reward has been created by a source other than a referral.
+          * @uiName Reward source text
+          * @uiWidget textArea
          */
-        "verticalAlignment"?: "start" | "center" | "end";
+        "rewardSourceText"?: string;
     }
-    interface SqmReferralIframe {
+    interface SqmRewardsTableStatusCell {
+        "deniedText"?: string;
+        "expiryText"?: string;
+        "locale"?: string;
+        "pendingReviewText"?: string;
+        "pendingScheduled"?: string;
+        "pendingUnhandled"?: string;
+        "pendingUsTax"?: string;
+        "reward"?: Reward;
+        "statusText"?: string;
+    }
+    interface SqmRewardsTableStatusColumn {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Column title
          */
-        "demoData"?: DemoData<ReferralIframeViewProps>;
+        "columnTitle"?: string;
         /**
-          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame height
+          * Displayed when denied for fraud.
+          * @uiName Denied text
          */
-        "iframeHeight"?: string;
+        "deniedText"?: string;
         /**
-          * URL of iframe to display
-          * @uiName IFrame source
-          * @required
+          * Text shown before the date of an expiring reward.
+          * @uiName Expiry date prefix
          */
-        "iframeSrc"?: string;
+        "expiryText"?: string;
         /**
-          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame width
+          * Displayed when flagged for fraud.
+          * @uiName Pending review text
          */
-        "iframeWidth"?: string;
-    }
-    interface SqmReferralTable {
+        "pendingReviewText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Text shown before the available date of a pending reward.
+          * @uiName Pending date prefix
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
+        "pendingScheduled"?: string;
         /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Hidden mobile columns
+          * Displayed when fulfillment error occured when creating a reward.
+          * @uiName Unhandled error text
          */
-        "hiddenColumns"?: string;
+        "pendingUnhandled"?: string;
         /**
-          * @uiName Hide column labels
+          * Displayed when a reward is pending due to W9 compliance.
+          * @uiName W9 pending text
          */
-        "hideLabels"?: boolean;
+        "pendingUsTax"?: string;
         /**
-          * @uiName Tablet breakpoint
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "mdBreakpoint"?: number;
+        "statusText"?: string;
+    }
+    interface SqmRoute {
         /**
-          * @uiName View More button text
+          * Page Path URL for this route.
+          * @uiName Navigation path name
          */
-        "moreLabel"?: string;
+        "path"?: string;
+    }
+    interface SqmRouter {
+    }
+    interface SqmScroll {
         /**
-          * Number of referrals displayed per page
-          * @uiName Referrals per page
+          * @uiName Button text
          */
-        "perPage"?: number;
+        "buttonText"?: string;
         /**
-          * @uiName Previous button text
+          * @uiName Button type
+          * @uiType string
+          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
+          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
          */
-        "prevLabel"?: string;
+        "buttonType"?: | "default"
+    | "primary"
+    | "success"
+    | "neutral"
+    | "warning"
+    | "danger"
+    | "text";
         /**
-          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
-          * @uiName Program
-          * @uiWidget programSelector
+          * Draws a circle button.
+          * @uiName Circle
          */
-        "programId"?: string;
+        "circle"?: boolean;
         /**
-          * Show referred by user in table
-          * @uiName Show referrer
-          * @default
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "showReferrer"?: boolean;
+        "iconName"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * @uiName Icon slot
+          * @uiType string
+          * @uiEnum ["prefix", "suffix"]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmReferralTableCell {
-        "innerTemplate"?: string;
-    }
-    interface SqmReferralTableColumn {
+        "iconSlot"?: string;
         /**
-          * @uiName Column title
+          * The button becomes full width if the screen size is smaller than 500px
+          * @uiName Full width on mobile
          */
-        "columnTitle"?: string;
-    }
-    interface SqmReferralTableDateCell {
-        "date"?: number;
-        "locale"?: string;
-    }
-    interface SqmReferralTableDateColumn {
+        "mobile"?: boolean;
         /**
-          * @uiName Date column title
+          * Draws an outlined button.
+          * @uiName Outline
          */
-        "columnTitle"?: string;
+        "outline"?: boolean;
         /**
-          * @uiName Date displayed
+          * Draws a pill-style button with rounded edges.
+          * @uiName Pill
+         */
+        "pill"?: boolean;
+        /**
+          * @uiName Scroll animation style
           * @uiType string
-          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
-          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
+          * @uiEnum ["smooth", "auto"]
+          * @uiEnumNames ["Smooth", "Auto"]
          */
-        "dateShown"?: ReferralDates;
-    }
-    interface SqmReferralTableRewardsCell {
-        "deniedHelpText"?: string;
-        "expiringText"?: string;
-        "fuelTankText"?: string;
-        "hideDetails"?: boolean;
-        "locale"?: string;
-        "pendingForText"?: string;
-        "rewardReceivedText"?: string;
-        "rewards"?: Reward[];
-        "statusLongText"?: string;
-        "statusText"?: string;
-    }
-    interface SqmReferralTableRewardsColumn {
+        "scrollAnimation"?: "smooth" | "auto";
         /**
-          * @uiName Reward column title
+          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
+          * @uiName Scroll ID
          */
-        "columnTitle"?: string;
+        "scrollId"?: string;
         /**
-          * Shown in the dropdown details when a reward was denied.
-          * @uiName Reward denied help text
+          * The name of the HTML tag you would like to scroll to. E.g referral-table
+          * @uiName Scroll tag name
          */
-        "deniedHelpText"?: string;
+        "scrollTagName"?: string;
         /**
-          * Shown in the dropdown details when a reward has an expiry date.
-          * @uiName Reward expiring text
+          * @uiName Size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large"]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "expiringText"?: string;
+        "size"?: string;
+    }
+    interface SqmShareButton {
         /**
-          * Shown in the dropdown details when a reward has an associated fuel tank code.
-          * @uiName Fuel tank code text
+          * @uiName Button background color
+          * @uiWidget color
+          * @format color
          */
-        "fuelTankText"?: string;
+        "backgroundcolor"?: string;
         /**
-          * @uiName Hide dropdown details of reward
-          * @default
+          * Configure border radius with pixel amount
+          * @uiName Border radius
          */
-        "hideDetails"?: boolean;
+        "borderradius"?: number;
         /**
-          * Shown in the dropdown details when a reward is pending.
-          * @uiName Reward pending text
+          * @undocumented 
+          * @uiType object
          */
-        "pendingForText"?: string;
+        "demoData"?: DemoData<ShareButtonViewProps>;
         /**
-          * Shown in the dropdown details when a reward has been received.’
-          * @uiName Reward received text
+          * @uiName Disabled
          */
-        "rewardReceivedText"?: string;
+        "disabled"?: boolean;
         /**
-          * Additional status text shown in the details drop down.
-          * @uiName Reward status long text
-          * @uiWidget textArea
+          * @uiName Hide icon
+          * @default
          */
-        "statusLongText"?: string;
+        "hideicon"?: boolean;
         /**
-          * Text shown in the reward status badge.
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * @uiName Hide text
+          * @default
          */
-        "statusText"?: string;
-    }
-    interface SqmReferralTableStatusCell {
-        "converted"?: boolean;
-        "fraudStatus"?: FraudStatus;
-        "statusSubText"?: string;
-        "statusText"?: string;
-    }
-    interface SqmReferralTableStatusColumn {
+        "hidetext"?: boolean;
         /**
-          * @uiName Column title
+          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
+          * @uiName Icon
          */
-        "columnTitle"?: string;
+        "icon"?: string;
         /**
-          * @uiName Converted status text
+          * @uiName Icon location
+          * @uiType string
+          * @uiEnum ["prefix", "suffix" ]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "convertedStatusText"?: string;
+        "iconslot"?: "prefix" | "suffix";
         /**
-          * @uiName Denied status sub-text
+          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
+          * @uiName Share medium
+          * @uiType string
+          * @required 
+          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
+          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
          */
-        "deniedStatusSubText"?: string;
+        "medium"?: | "facebook"
+    | "twitter"
+    | "email"
+    | "direct"
+    | "linkedin"
+    | "sms"
+    | "fbmessenger"
+    | "whatsapp"
+    | "linemessenger"
+    | "pinterest"
+    | "reminder"
+    | "unknown";
         /**
-          * @uiName Denied status text
+          * @uiName Display pill
          */
-        "deniedStatusText"?: string;
+        "pill"?: boolean;
         /**
-          * @uiName In progress status text
+          * Optional programId, or uses the programId context where this button is rendered.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "inProgressStatusText"?: string;
+        "programId"?: string;
         /**
-          * @uiName Pending review status sub-text
+          * Text used for native sharing (mobile only)
+          * @uiName Share text
          */
-        "pendingReviewStatusSubText"?: string;
+        "sharetext"?: string;
         /**
-          * @uiName Pending review status text
+          * Title used for native sharing (mobile only)
+          * @uiName Share title
          */
-        "pendingReviewStatusText"?: string;
-    }
-    interface SqmReferralTableUserCell {
-        "name"?: string;
-    }
-    interface SqmReferralTableUserColumn {
+        "sharetitle"?: string;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * @uiName Button size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large" ]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "anonymousUser"?: string;
+        "size"?: "small" | "medium" | "large";
         /**
-          * @uiName User column title
+          * @uiName Button text color
+          * @uiWidget color
+          * @format color
          */
-        "columnTitle"?: string;
+        "textcolor"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * @uiType string
+          * @uiName Button style
+          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
+          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
-        "deletedUser"?: string;
+        "type"?: | "primary"
+    | "success"
+    | "info"
+    | "warning"
+    | "danger"
+    | "default"
+    | "text";
     }
-    interface SqmReferredRegistration {
+    interface SqmShareCode {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
+          * Set the copy button style and placement
+          * @uiName Style
           * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "backgroundColor"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Copy button label
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "copyButtonLabel"?: string;
         /**
-          * @uiName Email field label
+          * @undocumented 
+          * @uiType object
          */
-        "emailLabel"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * @uiName First name field label
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "firstNameLabel"?: string;
+        "programId"?: string;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * Change the text alignment
+          * @uiName Share code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "fraudErrorMessage"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message title
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "fraudErrorMessageTitle"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "hideBorder"?: boolean;
+        "tooltiptext"?: string;
+    }
+    interface SqmShareLink {
         /**
-          * @undocumented 
-          * @uiType boolean
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "includeCookies"?: boolean;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * @uiName Copy button label
          */
-        "includeName"?: boolean;
+        "copyButtonLabel"?: string;
         /**
-          * Display this message when the given email is invalid.
-          * @uiName Invalid email message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @undocumented 
+          * @uiType object
          */
-        "invalidEmailErrorMessage"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * @uiName Last name field label
+          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "lastNameLabel"?: string;
+        "programId"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
-          * @uiName Network error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * Change the text alignment
+          * @uiName Share link alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "networkErrorMessage"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "paddingBottom"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "paddingLeft"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmStatContainer {
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "paddingRight"?: string;
+        "display"?: "grid" | "flex";
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
+          * @uiName Space between stats
+          * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingTop"?: string;
-        /**
-          * @uiName Register button text
-         */
-        "registerLabel"?: string;
+        "space"?: Spacing;
+    }
+    interface SqmStencilbook {
+    }
+    interface SqmTab {
         /**
-          * Display this message when a required field has not been filled out.
-          * @uiName Required field message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Tab title
          */
-        "requiredFieldErrorMessage"?: string;
+        "header"?: string;
     }
-    interface SqmRewardExchangeList {
+    interface SqmTableCell {
         /**
-          * @uiName Back button text
+          * @uiName Column span
          */
-        "backText"?: string;
+        "colspan"?: number;
         /**
-          * @uiName Cancel button text
+          * @uiName Padding
          */
-        "cancelText"?: string;
+        "padding"?: string;
+    }
+    interface SqmTableRow {
         /**
-          * @uiName Choose amount progress title
+          * @uiName Border
          */
-        "chooseAmountTitle"?: string;
+        "border"?: string;
+    }
+    interface SqmTabs {
         /**
-          * @uiName Choose reward progress title
+          * Used to specify the placement of the tabs
+          * @uiName Tabs placement
+          * @uiType string
+          * @uiEnum ["left", "right", "bottom", "top"]
+          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
          */
-        "chooseRewardTitle"?: string;
+        "placement"?: "left" | "right" | "bottom" | "top";
+    }
+    interface SqmTaskCard {
         /**
-          * @uiName Confirmation progress title
+          * @uiName Button link
+          * @uiGroup Button
          */
-        "confirmationTitle"?: string;
+        "buttonLink"?: string;
         /**
-          * @uiName Continue button text
+          * @uiName Button text
+          * @uiGroup Button
          */
-        "continueText"?: string;
+        "buttonText"?: string;
         /**
-          * Displayed on the reward selection page.
-          * @uiName Continue to confirmation button text
+          * @uiName Title
+          * @uiGroup Task
          */
-        "continueToConfirmationText"?: string;
+        "cardTitle"?: string;
         /**
-          * Shown in the confirmation state.
-          * @uiName Cost row title
+          * Displays the amount of times that a user has completed a repeatable task.
+          * @uiName Completed count text
+          * @uiGroup Task
+          * @uiWidget textArea
          */
-        "costTitle"?: string;
+        "completedText"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<RewardExchangeViewProps>;
-        /**
-          * @uiName Done text
-         */
-        "doneText"?: string;
+        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
-          * Error message shown when reward is not available
-          * @uiName Not available error
-          * @uiWidget textArea
+          * @uiName Description
+          * @uiGroup Task
          */
-        "notAvailableError"?: string;
+        "description"?: string;
         /**
-          * @uiName Not enough error message
-          * @uiWidget textArea
+          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
+          * @uiName Display duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Task
          */
-        "notEnoughError"?: string;
+        "displayDuration"?: string;
         /**
-          * @uiName Promo code text
+          * Shown to users after the end of the task duration.
+          * @uiName Ended date message
+          * @uiGroup Task
          */
-        "promoCode"?: string;
+        "endedMessage"?: string;
         /**
-          * Shown if an error occurs when loading the reward exchange.
-          * @uiName Reward list error message
-          * @uiWidget textArea
+          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
+          * @uiName Task card button event key
+          * @uiGroup Button
          */
-        "queryError"?: string;
+        "eventKey"?: string;
         /**
-          * @uiName Redeem button text
+          * Displayed when a user views a task card after the reward duration interval.
+          * @uiName Expiry date message
+          * @uiGroup Task
          */
-        "redeemText"?: string;
+        "expiryMessage"?: string;
         /**
-          * Displayed as the header for the confirmation page.
-          * @uiName Confirmation title text
+          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
+          * @uiName Repeat amount
+          * @uiGroup Reward
          */
-        "redeemTitle"?: string;
+        "finite"?: number;
         /**
-          * Shown if an error occurs during the reward exchange.
-          * @uiName Redemption error message
-          * @uiWidget textArea
+          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
+          * @uiName Goal completion number
+          * @uiGroup Goal
          */
-        "redemptionError"?: string;
+        "goal"?: number;
         /**
-          * Displayed on the success screen when a user successfully exchanges for a reward.
-          * @uiName Redemption success message
-          * @uiWidget textArea
+          * @uiName Hide CTA button
+          * @uiGroup Button
          */
-        "redemptionSuccessText"?: string;
+        "hideButton"?: boolean;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward amount row title
+          * Button link opens in new tab
+          * @uiName Open in new tab
+          * @uiGroup Button
+          * @default
          */
-        "rewardAmountTitle"?: string;
+        "openNewTab"?: boolean;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward row title
+          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
+          * @uiName Program ID override
+          * @uiWidget programSelector
+          * @uiGroup Goal
          */
-        "rewardNameTitle"?: string;
+        "programId"?: string;
         /**
-          * @uiName Reward redeemed text
+          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
+          * @uiName Progress bar unit
+          * @uiGroup Goal
          */
-        "rewardRedeemedText"?: string;
+        "progressBarUnit"?: string;
         /**
-          * @uiName Reward title text
+          * @uiName Goal repeatable
+          * @uiGroup Goal
+          * @default
          */
-        "rewardTitle"?: string;
+        "repeatable"?: boolean;
         /**
-          * @uiName Select amount text
-          * @uiWidget textArea
+          * @uiName Reward amount
+          * @uiGroup Reward
          */
-        "selectText"?: string;
+        "rewardAmount"?: string;
         /**
-          * Set the number of placeholder cards to be shown in loading state.
-          * @uiName Loading cards
+          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
+          * @uiName Reward duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Reward
          */
-        "skeletonCardNum"?: number;
+        "rewardDuration"?: string;
         /**
-          * Displayed on the reward exchange cards.
-          * @uiName Reward exchange amount text
-          * @uiWidget textArea
+          * @uiName Reward unit
+          * @uiGroup Reward
          */
-        "sourceAmountMessage"?: string;
+        "rewardUnit"?: string;
         /**
-          * Shown when a user copies a fuel tank code
-          * @uiName Tooltip text
+          * @uiName Show progress bar
+          * @uiGroup Goal
+          * @default
          */
-        "tooltipText"?: string;
-    }
-    interface SqmRewardsTable {
+        "showProgressBar"?: boolean;
         /**
-          * @undocumented 
-          * @uiType object
+          * Shown to users before the start of the task duration.
+          * @uiName Start date message
+          * @uiGroup Task
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
+        "startsOnMessage"?: string;
         /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Mobile hidden columns
+          * Select what type of stat to display for the goal. Manual paths are also supported.
+          * @uiName Goal progress source
+          * @required 
+          * @minLength 1
+          * @uiWidget statTypeSelectWidget
+          * @uiWidgetOptions {"version": 1.1}
+          * @uiGroup Goal
          */
-        "hiddenColumns"?: string;
+        "statType"?: string;
         /**
-          * @uiName Hide column labels
+          * @uiName Progress bar steps
+          * @uiGroup Goal
+          * @default
          */
-        "hideLabels"?: boolean;
+        "steps"?: boolean;
+    }
+    interface SqmTaxAndCash {
         /**
-          * @uiName Tablet breakpoint
+          * @undocumented 
+          * @uiType object
          */
-        "mdBreakpoint"?: number;
+        "demoData"?: DemoData<UseTaxAndCashResultType>;
         /**
-          * @uiName View more button text
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
+          * @uiGroup Step 1 Properties
          */
-        "moreLabel"?: string;
+        "step1_allowBankingCollection"?: string;
         /**
-          * @uiName Rewards per page
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "perPage"?: number;
+        "step1_allowBankingCollectionError"?: string;
         /**
-          * @uiName Previous button text
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+          * @uiGroup Step 1 Properties
          */
-        "prevLabel"?: string;
+        "step1_businessEntity"?: string;
         /**
-          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Label text for country input
+          * @uiName Country label
+          * @uiGroup Step 1 Properties
          */
-        "programId"?: string;
+        "step1_country"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
+          * @uiGroup Step 1 Properties
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmRewardsTableCustomerNoteCell {
-        "locale"?: string;
-        "note"?: string;
-    }
-    interface SqmRewardsTableCustomerNoteColumn {
+        "step1_countryError"?: string;
         /**
-          * @uiName Column title
+          * Label text for currency input
+          * @uiName Currency label
+          * @uiGroup Step 1 Properties
          */
-        "columnTitle"?: string;
-    }
-    interface SqmRewardsTableDateCell {
-        "date"?: number;
-        "locale"?: string;
-    }
-    interface SqmRewardsTableDateColumn {
+        "step1_currency"?: string;
         /**
-          * @uiName Date column title
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
+          * @uiGroup Step 1 Properties
          */
-        "columnTitle"?: string;
+        "step1_currencyError"?: string;
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
-          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
+          * Label text for email input
+          * @uiName Email label
+          * @uiGroup Step 1 Properties
          */
-        "dateShown"?: string;
-    }
-    interface SqmRewardsTableRewardCell {
-        "availableText"?: string;
-        "copyText"?: string;
-        "locale"?: string;
-        "redeemedText"?: string;
-        "reward"?: Reward;
-    }
-    interface SqmRewardsTableRewardColumn {
+        "step1_email"?: string;
         /**
-          * @uiName Remaining amount text
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
+          * @uiGroup Step 1 Properties
          */
-        "availableText"?: string;
+        "step1_emailError"?: string;
         /**
-          * @uiName Reward column title
+          * Label text for first name input
+          * @uiName First name label
+          * @uiGroup Step 1 Properties
          */
-        "columnTitle"?: string;
+        "step1_firstName"?: string;
         /**
-          * @uiName Copied fuel tank text
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
+          * @uiGroup Step 1 Properties
          */
-        "copyText"?: string;
+        "step1_firstNameError"?: string;
         /**
-          * @uiName Redeemed amount text
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup Step 1 Properties
          */
-        "redeemedText"?: string;
-    }
-    interface SqmRewardsTableSourceCell {
-        "anonymousUserText"?: string;
-        "deletedUserText"?: string;
-        "locale"?: string;
-        "referralText"?: string;
-        "reward"?: Reward;
-        "rewardExchangeText"?: string;
-        "rewardSourceText"?: string;
-    }
-    interface SqmRewardsTableSourceColumn {
+        "step1_formStep"?: string;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 1 Properties
          */
-        "anonymousUser"?: string;
+        "step1_generalErrorDescription"?: string;
         /**
-          * @uiName Soruce column title
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 1 Properties
          */
-        "columnTitle"?: string;
+        "step1_generalErrorTitle"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+          * @uiGroup Step 1 Properties
          */
-        "deletedUser"?: string;
+        "step1_individualParticipant"?: string;
         /**
-          * Shown when a reward has been created by a referral
-          * @uiName Referral text
-          * @uiWidget textArea
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+          * @uiGroup Step 1 Properties
          */
-        "referralText"?: string;
+        "step1_isPartnerAlertDescription"?: string;
         /**
-          * @uiName Reward exchange label
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+          * @uiGroup Step 1 Properties
          */
-        "rewardExchangeText"?: string;
+        "step1_isPartnerAlertHeader"?: string;
         /**
-          * Shown when a reward has been created by a source other than a referral.
-          * @uiName Reward source text
-          * @uiWidget textArea
+          * Label text for last name input
+          * @uiName Last name label
+          * @uiGroup Step 1 Properties
          */
-        "rewardSourceText"?: string;
-    }
-    interface SqmRewardsTableStatusCell {
-        "deniedText"?: string;
-        "expiryText"?: string;
-        "locale"?: string;
-        "pendingReviewText"?: string;
-        "pendingScheduled"?: string;
-        "pendingUnhandled"?: string;
-        "pendingUsTax"?: string;
-        "reward"?: Reward;
-        "statusText"?: string;
-    }
-    interface SqmRewardsTableStatusColumn {
+        "step1_lastName"?: string;
         /**
-          * @uiName Column title
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
+          * @uiGroup Step 1 Properties
          */
-        "columnTitle"?: string;
+        "step1_lastNameError"?: string;
         /**
-          * Displayed when denied for fraud.
-          * @uiName Denied text
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
+          * @uiGroup Step 1 Properties
          */
-        "deniedText"?: string;
+        "step1_participantType"?: string;
         /**
-          * Text shown before the date of an expiring reward.
-          * @uiName Expiry date prefix
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "expiryText"?: string;
+        "step1_participantTypeError"?: string;
         /**
-          * Displayed when flagged for fraud.
-          * @uiName Pending review text
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
+          * @uiGroup Step 1 Properties
          */
-        "pendingReviewText"?: string;
+        "step1_personalInformation"?: string;
         /**
-          * Text shown before the available date of a pending reward.
-          * @uiName Pending date prefix
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 1 Properties
          */
-        "pendingScheduled"?: string;
+        "step1_submitButton"?: string;
         /**
-          * Displayed when fulfillment error occured when creating a reward.
-          * @uiName Unhandled error text
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
+          * @uiGroup Step 1 Properties
          */
-        "pendingUnhandled"?: string;
+        "step1_taxAndBankingCollection"?: string;
         /**
-          * Displayed when a reward is pending due to W9 compliance.
-          * @uiName W9 pending text
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 2 Properties
          */
-        "pendingUsTax"?: string;
+        "step2_backButton"?: string;
         /**
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Indirect tax form step text
+          * @uiGroup Step 2 Properties
          */
-        "statusText"?: string;
-    }
-    interface SqmRoute {
+        "step2_formStep"?: string;
         /**
-          * Page Path URL for this route.
-          * @uiName Navigation path name
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 2 Properties
          */
-        "path"?: string;
-    }
-    interface SqmRouter {
-    }
-    interface SqmScroll {
+        "step2_generalErrorDescription"?: string;
         /**
-          * @uiName Button text
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 2 Properties
          */
-        "buttonText"?: string;
+        "step2_generalErrorTitle"?: string;
         /**
-          * @uiName Button type
-          * @uiType string
-          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
-          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
+          * Heading text shown at the top of the page
+          * @uiName Indirect tax heading text
+          * @uiGroup Step 2 Properties
          */
-        "buttonType"?: | "default"
-    | "primary"
-    | "success"
-    | "neutral"
-    | "warning"
-    | "danger"
-    | "text";
+        "step2_indirectTax"?: string;
         /**
-          * Draws a circle button.
-          * @uiName Circle
+          * Subtext shown at the top of the page
+          * @uiName Indirect tax sub text
+          * @uiGroup Step 2 Properties
          */
-        "circle"?: boolean;
+        "step2_indirectTaxDescription"?: string;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * Heading text shown above the tax details radio buttons
+          * @uiName Indirect tax details heading
+          * @uiGroup Step 2 Properties
          */
-        "iconName"?: string;
+        "step2_indirectTaxDetails"?: string;
         /**
-          * @uiName Icon slot
-          * @uiType string
-          * @uiEnum ["prefix", "suffix"]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * Sub text shown above the tax details radio buttons
+          * @uiName Indirect tax details sub text
+          * @uiGroup Step 2 Properties
          */
-        "iconSlot"?: string;
+        "step2_indirectTaxDetailsDescription"?: string;
         /**
-          * The button becomes full width if the screen size is smaller than 500px
-          * @uiName Full width on mobile
+          * Label text for the Indirect Tax Number input
+          * @uiName Indirect Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "mobile"?: boolean;
+        "step2_indirectTaxNumber"?: string;
         /**
-          * Draws an outlined button.
-          * @uiName Outline
+          * Error text shown below the Indirect Tax Number select input
+          * @uiName Indirect Tax Number error text
+          * @uiGroup Step 2 Properties
          */
-        "outline"?: boolean;
+        "step2_indirectTaxNumberError"?: string;
         /**
-          * Draws a pill-style button with rounded edges.
-          * @uiName Pill
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+          * @uiGroup Step 2 Properties
          */
-        "pill"?: boolean;
+        "step2_isPartnerAlertDescription"?: string;
         /**
-          * @uiName Scroll animation style
-          * @uiType string
-          * @uiEnum ["smooth", "auto"]
-          * @uiEnumNames ["Smooth", "Auto"]
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+          * @uiGroup Step 2 Properties
          */
-        "scrollAnimation"?: "smooth" | "auto";
+        "step2_isPartnerAlertHeader"?: string;
         /**
-          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
-          * @uiName Scroll ID
+          * Label text for the QST checkbox
+          * @uiName checkbox label
+          * @uiGroup Step 2 Properties
          */
-        "scrollId"?: string;
+        "step2_isRegisteredQST"?: string;
         /**
-          * The name of the HTML tag you would like to scroll to. E.g referral-table
-          * @uiName Scroll tag name
+          * Label text for Income Tax checkbox
+          * @uiName Income Tax checkbox label
+          * @uiGroup Step 2 Properties
          */
-        "scrollTagName"?: string;
+        "step2_isRegisteredSubRegionIncomeTax"?: string;
         /**
-          * @uiName Size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large"]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * Label text for the not registered radio button
+          * @uiName Not registered radio button label
+          * @uiGroup Step 2 Properties
          */
-        "size"?: string;
-    }
-    interface SqmShareButton {
-        /**
-          * @uiName Button background color
-          * @uiWidget color
-          * @format color
+        "step2_notRegistered"?: string;
+        /**
+          * Label text for the other region radio button
+          * @uiName Other region radio button label
+          * @uiGroup Step 2 Properties
          */
-        "backgroundcolor"?: string;
+        "step2_otherRegion"?: string;
         /**
-          * Configure border radius with pixel amount
-          * @uiName Border radius
+          * Label text for the Province select input
+          * @uiName Province select input label
+          * @uiGroup Step 2 Properties
          */
-        "borderradius"?: number;
+        "step2_province"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Error text shown below the Selected Region select input
+          * @uiName Province error text
+          * @uiGroup Step 2 Properties
          */
-        "demoData"?: DemoData<ShareButtonViewProps>;
+        "step2_provinceError"?: string;
         /**
-          * @uiName Disabled
+          * Label text for the QST Tax Number input
+          * @uiName QST Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "disabled"?: boolean;
+        "step2_qstNumber"?: string;
         /**
-          * @uiName Hide icon
-          * @default
+          * Error text shown below the QST Tax number input
+          * @uiName QST Tax Number error text
+          * @uiGroup Step 2 Properties
          */
-        "hideicon"?: boolean;
+        "step2_qstTaxNumberError"?: string;
         /**
-          * @uiName Hide text
-          * @default
+          * Label text for the Selected Region select input
+          * @uiName Selected region select input label
+          * @uiGroup Step 2 Properties
          */
-        "hidetext"?: boolean;
+        "step2_selectedRegion"?: string;
         /**
-          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
-          * @uiName Icon
+          * Error text shown below the Selected Region select input
+          * @uiName Selected Region error text
+          * @uiGroup Step 2 Properties
          */
-        "icon"?: string;
+        "step2_selectedRegionError"?: string;
         /**
-          * @uiName Icon location
-          * @uiType string
-          * @uiEnum ["prefix", "suffix" ]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * Label text for Sub-region select
+          * @uiName for Sub-region select label
+          * @uiGroup Step 2 Properties
          */
-        "iconslot"?: "prefix" | "suffix";
+        "step2_subRegion"?: string;
         /**
-          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
-          * @uiName Share medium
-          * @uiType string
-          * @required 
-          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
-          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
+          * Error text shown below the Sub-region Income Tax number input
+          * @uiName Sub-region Income Tax error text
+          * @uiGroup Step 2 Properties
          */
-        "medium"?: | "facebook"
-    | "twitter"
-    | "email"
-    | "direct"
-    | "linkedin"
-    | "sms"
-    | "fbmessenger"
-    | "whatsapp"
-    | "linemessenger"
-    | "pinterest"
-    | "reminder"
-    | "unknown";
+        "step2_subRegionTaxNumberError"?: string;
         /**
-          * @uiName Display pill
+          * Label text for the Sub-region Income Tax Number input
+          * @uiName Sub-region income Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "pill"?: boolean;
+        "step2_subRegionTaxNumberLabel"?: string;
         /**
-          * Optional programId, or uses the programId context where this button is rendered.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 2 Properties
          */
-        "programId"?: string;
+        "step2_submitButton"?: string;
         /**
-          * Text used for native sharing (mobile only)
-          * @uiName Share text
+          * Error text shown below the tax details radio buttons
+          * @uiName Indirect tax details error text
+          * @uiGroup Step 2 Properties
          */
-        "sharetext"?: string;
+        "step2_taxDetailsError"?: string;
         /**
-          * Title used for native sharing (mobile only)
-          * @uiName Share title
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 3 Properties
          */
-        "sharetitle"?: string;
+        "step3_backButton"?: string;
         /**
-          * @uiName Button size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large" ]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * Text shown in the banner above the document
+          * @uiName Banner text
+          * @uiGroup Step 3 Properties
          */
-        "size"?: "small" | "medium" | "large";
+        "step3_banner"?: string;
         /**
-          * @uiName Button text color
-          * @uiWidget color
-          * @format color
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+          * @uiGroup Step 3 Properties
          */
-        "textcolor"?: string;
+        "step3_checkboxDescription"?: string;
         /**
-          * @uiType string
-          * @uiName Button style
-          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
-          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
+          * @uiGroup Step 3 Properties
          */
-        "type"?: | "primary"
-    | "success"
-    | "info"
-    | "warning"
-    | "danger"
-    | "default"
-    | "text";
-    }
-    interface SqmShareCode {
+        "step3_checkboxLabel"?: string;
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * Text shown inside iframe when Docusign form expires
+          * @uiName Expired Docusign form text
+          * @uiGroup Step 3 Properties
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "step3_docusignExpired"?: string;
         /**
-          * @uiName Copy button label
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup Step 3 Properties
          */
-        "copyButtonLabel"?: string;
+        "step3_formStep"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
+          * @uiGroup Step 3 Properties
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "step3_formSubmissionError"?: string;
         /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 3 Properties
          */
-        "programId"?: string;
+        "step3_generalErrorDescription"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 3 Properties
          */
-        "textAlign"?: "left" | "center" | "right";
+        "step3_generalErrorTitle"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 3 Properties
          */
-        "tooltiplifespan"?: number;
+        "step3_submitButton"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
+          * @uiGroup Step 3 Properties
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmShareLink {
+        "step3_taxForm"?: string;
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
+          * @uiGroup Step 3 Properties
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "step3_taxFormDescription"?: string;
         /**
-          * @uiName Copy button label
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
+          * @uiGroup Step 3 Properties
          */
-        "copyButtonLabel"?: string;
+        "step3_taxFormLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 3b Properties
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "step3b_backButton"?: string;
         /**
-          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
+          * @uiGroup Step 3b Properties
          */
-        "programId"?: string;
+        "step3b_formLabel"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share link alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup Step 3b Properties
          */
-        "textAlign"?: "left" | "center" | "right";
+        "step3b_formStep"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 3b Properties
          */
-        "tooltiplifespan"?: number;
+        "step3b_generalErrorDescription"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 3b Properties
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmStatContainer {
+        "step3b_generalErrorTitle"?: string;
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 3b Properties
          */
-        "display"?: "grid" | "flex";
+        "step3b_submitButton"?: string;
         /**
-          * @uiName Space between stats
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
+          * @uiGroup Step 3b Properties
          */
-        "space"?: Spacing;
-    }
-    interface SqmStencilbook {
-    }
-    interface SqmTab {
+        "step3b_taxForm"?: string;
         /**
-          * @uiName Tab title
+          * Subtext for the W8 radio button
+          * @uiName W8 radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "header"?: string;
-    }
-    interface SqmTableCell {
+        "step3b_w8Description"?: string;
         /**
-          * @uiName Column span
+          * Subtext for the W8E radio button
+          * @uiName W8E radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "colspan"?: number;
+        "step3b_w8EDescription"?: string;
         /**
-          * @uiName Padding
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
+          * @uiGroup Step 3b Properties
          */
-        "padding"?: string;
-    }
-    interface SqmTableRow {
+        "step3b_w8ELabel"?: string;
         /**
-          * @uiName Border
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
+          * @uiGroup Step 3b Properties
          */
-        "border"?: string;
-    }
-    interface SqmTabs {
+        "step3b_w8Label"?: string;
         /**
-          * Used to specify the placement of the tabs
-          * @uiName Tabs placement
-          * @uiType string
-          * @uiEnum ["left", "right", "bottom", "top"]
-          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
+          * Subtext for the W9 radio button
+          * @uiName W9 radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "placement"?: "left" | "right" | "bottom" | "top";
-    }
-    interface SqmTaskCard {
+        "step3b_w9Description"?: string;
         /**
-          * @uiName Button link
-          * @uiGroup Button
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
+          * @uiGroup Step 3b Properties
          */
-        "buttonLink"?: string;
+        "step3b_w9Label"?: string;
         /**
-          * @uiName Button text
-          * @uiGroup Button
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "buttonText"?: string;
+        "step4_badgeTextAwaitingReview"?: string;
         /**
-          * @uiName Title
-          * @uiGroup Task
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "cardTitle"?: string;
+        "step4_badgeTextExpiredOn"?: string;
         /**
-          * Displays the amount of times that a user has completed a repeatable task.
-          * @uiName Completed count text
-          * @uiGroup Task
-          * @uiWidget textArea
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "completedText"?: string;
+        "step4_badgeTextExpiringSoon"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
+        "step4_badgeTextSubmittedOn"?: string;
         /**
-          * @uiName Description
-          * @uiGroup Task
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
+          * @uiGroup Step 4 Properties
          */
-        "description"?: string;
+        "step4_bankingInformationSectionHeader"?: string;
         /**
-          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
-          * @uiName Display duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Task
+          * The error message shown at the top of the page in an error banner
+          * @uiName Step 4 General error text
+          * @uiGroup Step 4 Properties
          */
-        "displayDuration"?: string;
+        "step4_generalErrorDescription"?: string;
         /**
-          * Shown to users after the end of the task duration.
-          * @uiName Ended date message
-          * @uiGroup Task
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName Step 4 General error title
+          * @uiGroup Step 4 Properties
          */
-        "endedMessage"?: string;
+        "step4_generalErrorTitle"?: string;
         /**
-          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
-          * @uiName Task card button event key
-          * @uiGroup Button
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
+          * @uiGroup Step 4 Properties
          */
-        "eventKey"?: string;
+        "step4_invalidForm"?: string;
         /**
-          * Displayed when a user views a task card after the reward duration interval.
-          * @uiName Expiry date message
-          * @uiGroup Task
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName Step 4 No form needed subtext
+          * @uiGroup Step 4 Properties
          */
-        "expiryMessage"?: string;
+        "step4_newFormButton"?: string;
         /**
-          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
-          * @uiName Repeat amount
-          * @uiGroup Reward
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
+          * @uiGroup Step 4 Properties
          */
-        "finite"?: number;
+        "step4_noFormNeededSubtext"?: string;
         /**
-          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
-          * @uiName Goal completion number
-          * @uiGroup Goal
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
+          * @uiGroup Step 4 Properties
          */
-        "goal"?: number;
+        "step4_notRegisteredForTax"?: string;
         /**
-          * @uiName Hide CTA button
-          * @uiGroup Button
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "hideButton"?: boolean;
+        "step4_statusTextActive"?: string;
         /**
-          * Button link opens in new tab
-          * @uiName Open in new tab
-          * @uiGroup Button
-          * @default
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "openNewTab"?: boolean;
+        "step4_statusTextExpired"?: string;
         /**
-          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
-          * @uiName Program ID override
-          * @uiWidget programSelector
-          * @uiGroup Goal
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "programId"?: string;
+        "step4_statusTextNotActive"?: string;
         /**
-          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
-          * @uiName Progress bar unit
-          * @uiGroup Goal
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "progressBarUnit"?: string;
+        "step4_statusTextNotVerified"?: string;
         /**
-          * @uiName Goal repeatable
-          * @uiGroup Goal
-          * @default
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
+          * @uiGroup Step 4 Properties
          */
-        "repeatable"?: boolean;
+        "step4_taxAlertHeaderExpiredOn"?: string;
         /**
-          * @uiName Reward amount
-          * @uiGroup Reward
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
+          * @uiGroup Step 4 Properties
          */
-        "rewardAmount"?: string;
+        "step4_taxAlertHeaderExpiringSoon"?: string;
         /**
-          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
-          * @uiName Reward duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Reward
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
+          * @uiGroup Step 4 Properties
          */
-        "rewardDuration"?: string;
+        "step4_taxAlertHeaderNotActive"?: string;
         /**
-          * @uiName Reward unit
-          * @uiGroup Reward
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
+          * @uiGroup Step 4 Properties
          */
-        "rewardUnit"?: string;
+        "step4_taxAlertMessage"?: string;
         /**
-          * @uiName Show progress bar
-          * @uiGroup Goal
-          * @default
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
+          * @uiGroup Step 4 Properties
          */
-        "showProgressBar"?: boolean;
+        "step4_taxAlertMessageExpiringSoon"?: string;
         /**
-          * Shown to users before the start of the task duration.
-          * @uiName Start date message
-          * @uiGroup Task
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+          * @uiGroup Step 4 Properties
          */
-        "startsOnMessage"?: string;
+        "step4_taxDocumentSectionHeader"?: string;
         /**
-          * Select what type of stat to display for the goal. Manual paths are also supported.
-          * @uiName Goal progress source
-          * @required 
-          * @minLength 1
-          * @uiWidget statTypeSelectWidget
-          * @uiWidgetOptions {"version": 1.1}
-          * @uiGroup Goal
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
+          * @uiGroup Step 4 Properties
          */
-        "statType"?: string;
+        "step4_taxDocumentSectionSubHeader"?: string;
         /**
-          * @uiName Progress bar steps
-          * @uiGroup Goal
-          * @default
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
+          * @uiGroup Step 3 Properties
          */
-        "steps"?: boolean;
+        "stop3NotBasedInUS"?: string;
     }
-    interface SqmTaxAndCash {
+    interface SqmTaxAndCashMonolith {
         /**
           * @undocumented 
           * @uiType object
@@ -8684,6 +9905,7 @@ declare namespace LocalJSX {
         "sqm-tabs": SqmTabs;
         "sqm-task-card": SqmTaskCard;
         "sqm-tax-and-cash": SqmTaxAndCash;
+        "sqm-tax-and-cash-monolith": SqmTaxAndCashMonolith;
         "sqm-tax-document-submitted": SqmTaxDocumentSubmitted;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
@@ -8792,6 +10014,7 @@ declare module "@stencil/core" {
             "sqm-tabs": LocalJSX.SqmTabs & JSXBase.HTMLAttributes<HTMLSqmTabsElement>;
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
+            "sqm-tax-and-cash-monolith": LocalJSX.SqmTaxAndCashMonolith & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashMonolithElement>;
             "sqm-tax-document-submitted": LocalJSX.SqmTaxDocumentSubmitted & JSXBase.HTMLAttributes<HTMLSqmTaxDocumentSubmittedElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index e2ba3cbb17..c82dbbefab 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -415,6 +415,13 @@ export class TaxAndCashMonolith {
    */
   @Prop() step3_checkboxDescription: string =
     "I have completed and submitted my tax form";
+  /**
+   * Text shown inside iframe when Docusign form expires
+   * @uiName Expired Docusign form text
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_docusignExpired: string =
+    "For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx
index f95f2f2caf..9c7aca9c1d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx
@@ -40,11 +40,7 @@ export const DocusignExpiredView = (props: DocusignExpiredViewProps) => {
           }}
           name="clock"
         ></sl-icon>
-        <p style={{ margin: "0" }}>
-          For your security and privacy, we automatically end your session after
-          20 minutes of inactivity. Please refresh and re-enter your tax
-          information to continue.
-        </p>
+        <p style={{ margin: "0" }}>{text.docusignExpired}</p>
       </div>
     </div>
   );

From 0e0eeb11ec7f5ee3f19e2e2b3b9ff0e977137ed1 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 14 Feb 2024 14:58:50 -0800
Subject: [PATCH 190/753] Update stories

---
 packages/mint-components/src/components.d.ts  | 6157 +++++++----------
 .../tax-and-cash/TaxForm.stories.tsx          |   59 +
 .../sqm-banking-info-form-view.tsx            |  230 +
 .../sqm-banking-info-form.tsx                 |   75 +-
 .../sqm-indirect-tax-form-view.tsx            |    4 -
 5 files changed, 2834 insertions(+), 3691 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index fc47085221..7f64ae8cd6 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -7,7 +7,6 @@
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 import { DemoData } from "./global/demo";
 import { AssetCardViewProps } from "./components/sqm-asset-card/sqm-asset-card-view";
-import { UserNameViewProps } from "./components/sqm-user-name/sqm-user-name-view";
 import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
 import { CouponCodeViewProps } from "./components/sqm-coupon-code/sqm-coupon-code-view";
@@ -46,6 +45,7 @@ import { TaskCardViewProps } from "./components/sqm-task-card/sqm-task-card-view
 import { UseTaxAndCashResultType } from "./components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash";
 import { UseTaxDocumentSubmittedResult } from "./components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted";
 import { UseUserInfoFormResult } from "./components/tax-and-cash/sqm-user-info-form/useUserInfoForm";
+import { UserNameViewProps } from "./components/sqm-user-name/sqm-user-name-view";
 export namespace Components {
     interface RaisinsPlopTarget {
         "renderCell": () => Promise<any>;
@@ -71,7 +71,14 @@ export namespace Components {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UserNameViewProps>;
+        "demoData"?: DemoData<any>;
+        "directlyToBankAccount": string;
+        "formStep": string;
+        "paymentMethod": string;
+        "submitButton": string;
+        "taxAndPayouts": string;
+        "taxAndPayoutsDescription": string;
+        "toPaypalAccount": string;
     }
     interface SqmBigStat {
         /**
@@ -3611,963 +3618,362 @@ export namespace Components {
          */
         "stop3NotBasedInUS": string;
     }
-    interface SqmTaxAndCashMonolith {
+    interface SqmTaxDocumentSubmitted {
         /**
-          * @undocumented 
-          * @uiType object
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
          */
-        "demoData"?: DemoData<UseTaxAndCashResultType>;
+        "badgeTextAwaitingReview"?: string;
         /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
          */
-        "step1_allowBankingCollection": string;
+        "badgeTextExpiredOn"?: string;
         /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
          */
-        "step1_allowBankingCollectionError": string;
+        "badgeTextExpiringSoon"?: string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
          */
-        "step1_businessEntity": string;
+        "badgeTextSubmittedOn"?: string;
         /**
-          * Label text for country input
-          * @uiName Country label
-          * @uiGroup Step 1 Properties
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
          */
-        "step1_country": string;
+        "bankingInformationSectionHeader": string;
         /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-          * @uiGroup Step 1 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step1_countryError": string;
+        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
         /**
-          * Label text for currency input
-          * @uiName Currency label
-          * @uiGroup Step 1 Properties
+          * Text displayed in the edit Indirect Tax button
+          * @uiName Edit Indirect Tax button
          */
-        "step1_currency": string;
+        "editIndirectTaxButton": string;
         /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-          * @uiGroup Step 1 Properties
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "step1_currencyError": string;
+        "generalErrorDescription": string;
         /**
-          * Label text for email input
-          * @uiName Email label
-          * @uiGroup Step 1 Properties
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "step1_email": string;
+        "generalErrorTitle": string;
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-          * @uiGroup Step 1 Properties
+          * Indirect tax description text for individual participants
+          * @uiName Indirect tax individual participant description
          */
-        "step1_emailError": string;
+        "indirectTaxIndividualParticipant": string;
         /**
-          * Label text for first name input
-          * @uiName First name label
-          * @uiGroup Step 1 Properties
+          * Country/Region description text of indirect tax
+          * @uiName Indirect tax Canada description
          */
-        "step1_firstName": string;
+        "indirectTaxInfoCanada": string;
         /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-          * @uiGroup Step 1 Properties
+          * Other country description text of indirect tax
+          * @uiName Indirect tax other country description
          */
-        "step1_firstNameError": string;
+        "indirectTaxInfoOtherCountry": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 1 Properties
+          * Header text displayed above the indirect tax preview section
+          * @uiName Indirect Tax Information Header
          */
-        "step1_formStep": string;
+        "indirectTaxInfoSectionHeader": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 1 Properties
+          * Indirect tax tooltip text for support
+          * @uiName Indirect tax tooltip description
          */
-        "step1_generalErrorDescription": string;
+        "indirectTaxTooltipSupport": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 1 Properties
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
          */
-        "step1_generalErrorTitle": string;
+        "invalidForm"?: string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-          * @uiGroup Step 1 Properties
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
          */
-        "step1_individualParticipant": string;
+        "newFormButton": string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 1 Properties
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
          */
-        "step1_isPartnerAlertDescription": string;
+        "noFormNeededSubtext": string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 1 Properties
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
          */
-        "step1_isPartnerAlertHeader": string;
+        "notRegisteredForTax": string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
          */
-        "step1_lastName": string;
+        "statusTextActive"?: string;
         /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
          */
-        "step1_lastNameError": string;
+        "statusTextExpired"?: string;
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
          */
-        "step1_participantType": string;
+        "statusTextNotActive"?: string;
         /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
          */
-        "step1_participantTypeError": string;
+        "statusTextNotVerified"?: string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
          */
-        "step1_personalInformation": string;
+        "taxAlertHeaderExpiredOn"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
          */
-        "step1_submitButton": string;
+        "taxAlertHeaderExpiringSoon"?: string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
          */
-        "step1_taxAndBankingCollection": string;
+        "taxAlertHeaderNotActive"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 2 Properties
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
          */
-        "step2_backButton": string;
+        "taxAlertMessage"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-          * @uiGroup Step 2 Properties
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
          */
-        "step2_formStep": string;
+        "taxAlertMessageExpiringSoon": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 2 Properties
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
          */
-        "step2_generalErrorDescription": string;
+        "taxDocumentSectionHeader": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 2 Properties
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
          */
-        "step2_generalErrorTitle": string;
+        "taxDocumentSectionSubHeader": string;
+    }
+    interface SqmText {
+    }
+    interface SqmTextSpan {
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
-          * @uiGroup Step 2 Properties
+          * @uiName Text
          */
-        "step2_indirectTax": string;
+        "text": string;
         /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Type
+          * @uiType string
+          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
+          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
          */
-        "step2_indirectTaxDescription": string;
+        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+    }
+    interface SqmTimeline {
         /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
-          * @uiGroup Step 2 Properties
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
          */
-        "step2_indirectTaxDetails": string;
+        "icon": "gift" | "circle";
+    }
+    interface SqmTimelineEntry {
         /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Description
          */
-        "step2_indirectTaxDetailsDescription": string;
+        "desc": string;
         /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
          */
-        "step2_indirectTaxNumber": string;
+        "icon": "gift" | "circle";
         /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_indirectTaxNumberError": string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertDescription": string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertHeader": string;
-        /**
-          * Label text for the QST checkbox
-          * @uiName checkbox label
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isRegisteredQST": string;
-        /**
-          * Label text for Income Tax checkbox
-          * @uiName Income Tax checkbox label
-          * @uiGroup Step 2 Properties
+          * @uiName Reward amount
          */
-        "step2_isRegisteredSubRegionIncomeTax": string;
+        "reward": string;
+        "setIcon": (value: "gift" | "circle") => Promise<void>;
         /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
-          * @uiGroup Step 2 Properties
+          * @uiName Reward unit
          */
-        "step2_notRegistered": string;
+        "unit": string;
+    }
+    interface SqmTitledSection {
         /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
-          * @uiGroup Step 2 Properties
+          * Text value shown when there is no label slot declared.
+          * @uiName Label
          */
-        "step2_otherRegion": string;
+        "label": string;
         /**
-          * Label text for the Province select input
-          * @uiName Province select input label
-          * @uiGroup Step 2 Properties
+          * Margin applied to the bottom of the label slot
+          * @uiName Label bottom margin
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step2_province": string;
+        "labelMargin": Spacing;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-          * @uiGroup Step 2 Properties
+          * Padding applied to all 4 sides of the container
+          * @uiName Section padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step2_provinceError": string;
+        "padding": Spacing;
         /**
-          * Label text for the QST Tax Number input
-          * @uiName QST Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Text alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step2_qstNumber": string;
+        "textAlign": "left" | "center" | "right";
+    }
+    interface SqmUserInfoForm {
         /**
-          * Error text shown below the QST Tax number input
-          * @uiName QST Tax Number error text
-          * @uiGroup Step 2 Properties
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
          */
-        "step2_qstTaxNumberError": string;
+        "allowBankingCollection": string;
         /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
          */
-        "step2_selectedRegion": string;
+        "allowBankingCollectionError": string;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-          * @uiGroup Step 2 Properties
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
          */
-        "step2_selectedRegionError": string;
+        "businessEntity": string;
         /**
-          * Label text for Sub-region select
-          * @uiName for Sub-region select label
-          * @uiGroup Step 2 Properties
+          * Label text for country input
+          * @uiName Country label
          */
-        "step2_subRegion": string;
+        "country": string;
         /**
-          * Error text shown below the Sub-region Income Tax number input
-          * @uiName Sub-region Income Tax error text
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
          */
-        "step2_subRegionTaxNumberError": string;
+        "countryError": string;
         /**
-          * Label text for the Sub-region Income Tax Number input
-          * @uiName Sub-region income Tax Number input label
-          * @uiGroup Step 2 Properties
+          * Label text for currency input
+          * @uiName Currency label
          */
-        "step2_subRegionTaxNumberLabel": string;
+        "currency": string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
          */
-        "step2_submitButton": string;
+        "currencyError": string;
         /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-          * @uiGroup Step 2 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step2_taxDetailsError": string;
+        "demoData"?: DemoData<UseUserInfoFormResult>;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3 Properties
+          * Label text for email input
+          * @uiName Email label
          */
-        "step3_backButton": string;
+        "email": string;
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-          * @uiGroup Step 3 Properties
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
          */
-        "step3_banner": string;
+        "emailError": string;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-          * @uiGroup Step 3 Properties
+          * Label text for first name input
+          * @uiName First name label
          */
-        "step3_checkboxDescription": string;
+        "firstName": string;
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-          * @uiGroup Step 3 Properties
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
          */
-        "step3_checkboxLabel": string;
+        "firstNameError": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_formStep": string;
-        /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-          * @uiGroup Step 3 Properties
          */
-        "step3_formSubmissionError": string;
+        "formStep": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
-          * @uiGroup Step 3 Properties
          */
-        "step3_generalErrorDescription": string;
+        "generalErrorDescription": string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
-          * @uiGroup Step 3 Properties
-         */
-        "step3_generalErrorTitle": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3 Properties
          */
-        "step3_submitButton": string;
+        "generalErrorTitle": string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3 Properties
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
          */
-        "step3_taxForm": string;
+        "individualParticipant": string;
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-          * @uiGroup Step 3 Properties
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
          */
-        "step3_taxFormDescription": string;
+        "isPartnerAlertDescription": string;
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-          * @uiGroup Step 3 Properties
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
          */
-        "step3_taxFormLabel": string;
+        "isPartnerAlertHeader": string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3b Properties
+          * Label text for last name input
+          * @uiName Last name label
          */
-        "step3b_backButton": string;
+        "lastName": string;
         /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-          * @uiGroup Step 3b Properties
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
          */
-        "step3b_formLabel": string;
+        "lastNameError": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3b Properties
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
          */
-        "step3b_formStep": string;
+        "participantType": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3b Properties
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
          */
-        "step3b_generalErrorDescription": string;
+        "participantTypeError": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3b Properties
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
          */
-        "step3b_generalErrorTitle": string;
+        "personalInformation": string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
-          * @uiGroup Step 3b Properties
          */
-        "step3b_submitButton": string;
+        "submitButton": string;
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3b Properties
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
          */
-        "step3b_taxForm": string;
+        "taxAndBankingCollection": string;
+    }
+    interface SqmUserName {
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
-          * @uiGroup Step 3b Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3b_w8Description": string;
-        /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8EDescription": string;
-        /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8ELabel": string;
-        /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8Label": string;
-        /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w9Description": string;
-        /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w9Label": string;
-        /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextAwaitingReview"?: string;
-        /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextExpiredOn"?: string;
-        /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextExpiringSoon"?: string;
-        /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextSubmittedOn"?: string;
-        /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_bankingInformationSectionHeader": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error title
-          * @uiGroup Step 4 Properties
-         */
-        "step4_generalErrorTitle": string;
-        /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_invalidForm"?: string;
-        /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName Step 4 No form needed subtext
-          * @uiGroup Step 4 Properties
-         */
-        "step4_newFormButton": string;
-        /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-          * @uiGroup Step 4 Properties
-         */
-        "step4_noFormNeededSubtext": string;
-        /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-          * @uiGroup Step 4 Properties
-         */
-        "step4_notRegisteredForTax": string;
-        /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextExpired"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextNotActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextNotVerified"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderExpiredOn"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderExpiringSoon"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderNotActive"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertMessage"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertMessageExpiringSoon": string;
-        /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxDocumentSectionHeader": string;
-        /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxDocumentSectionSubHeader": string;
-        /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-          * @uiGroup Step 3 Properties
-         */
-        "stop3NotBasedInUS": string;
-    }
-    interface SqmTaxDocumentSubmitted {
-        /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-         */
-        "badgeTextAwaitingReview"?: string;
-        /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-         */
-        "badgeTextExpiredOn"?: string;
-        /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-         */
-        "badgeTextExpiringSoon"?: string;
-        /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-         */
-        "badgeTextSubmittedOn"?: string;
-        /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-         */
-        "bankingInformationSectionHeader": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
-        /**
-          * Text displayed in the edit Indirect Tax button
-          * @uiName Edit Indirect Tax button
-         */
-        "editIndirectTaxButton": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle": string;
-        /**
-          * Indirect tax description text for individual participants
-          * @uiName Indirect tax individual participant description
-         */
-        "indirectTaxIndividualParticipant": string;
-        /**
-          * Country/Region description text of indirect tax
-          * @uiName Indirect tax Canada description
-         */
-        "indirectTaxInfoCanada": string;
-        /**
-          * Other country description text of indirect tax
-          * @uiName Indirect tax other country description
-         */
-        "indirectTaxInfoOtherCountry": string;
-        /**
-          * Header text displayed above the indirect tax preview section
-          * @uiName Indirect Tax Information Header
-         */
-        "indirectTaxInfoSectionHeader": string;
-        /**
-          * Indirect tax tooltip text for support
-          * @uiName Indirect tax tooltip description
-         */
-        "indirectTaxTooltipSupport": string;
-        /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-         */
-        "invalidForm"?: string;
-        /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName No form needed subtext
-         */
-        "newFormButton": string;
-        /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-         */
-        "noFormNeededSubtext": string;
-        /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-         */
-        "notRegisteredForTax": string;
-        /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-         */
-        "statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-         */
-        "statusTextExpired"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-         */
-        "statusTextNotActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-         */
-        "statusTextNotVerified"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-         */
-        "taxAlertHeaderExpiredOn"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-         */
-        "taxAlertHeaderExpiringSoon"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-         */
-        "taxAlertHeaderNotActive"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-         */
-        "taxAlertMessage"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-         */
-        "taxAlertMessageExpiringSoon": string;
-        /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-         */
-        "taxDocumentSectionHeader": string;
-        /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-         */
-        "taxDocumentSectionSubHeader": string;
-    }
-    interface SqmText {
-    }
-    interface SqmTextSpan {
-        /**
-          * @uiName Text
-         */
-        "text": string;
-        /**
-          * @uiName Type
-          * @uiType string
-          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
-          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
-         */
-        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
-    }
-    interface SqmTimeline {
-        /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
-         */
-        "icon": "gift" | "circle";
-    }
-    interface SqmTimelineEntry {
-        /**
-          * @uiName Description
-         */
-        "desc": string;
-        /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
-         */
-        "icon": "gift" | "circle";
-        /**
-          * @uiName Reward amount
-         */
-        "reward": string;
-        "setIcon": (value: "gift" | "circle") => Promise<void>;
-        /**
-          * @uiName Reward unit
-         */
-        "unit": string;
-    }
-    interface SqmTitledSection {
-        /**
-          * Text value shown when there is no label slot declared.
-          * @uiName Label
-         */
-        "label": string;
-        /**
-          * Margin applied to the bottom of the label slot
-          * @uiName Label bottom margin
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "labelMargin": Spacing;
-        /**
-          * Padding applied to all 4 sides of the container
-          * @uiName Section padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "padding": Spacing;
-        /**
-          * @uiName Text alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "textAlign": "left" | "center" | "right";
-    }
-    interface SqmUserInfoForm {
-        /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-         */
-        "allowBankingCollection": string;
-        /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-         */
-        "allowBankingCollectionError": string;
-        /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-         */
-        "businessEntity": string;
-        /**
-          * Label text for country input
-          * @uiName Country label
-         */
-        "country": string;
-        /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-         */
-        "countryError": string;
-        /**
-          * Label text for currency input
-          * @uiName Currency label
-         */
-        "currency": string;
-        /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-         */
-        "currencyError": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseUserInfoFormResult>;
-        /**
-          * Label text for email input
-          * @uiName Email label
-         */
-        "email": string;
-        /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-         */
-        "emailError": string;
-        /**
-          * Label text for first name input
-          * @uiName First name label
-         */
-        "firstName": string;
-        /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-         */
-        "firstNameError": string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle": string;
-        /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-         */
-        "individualParticipant": string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-         */
-        "isPartnerAlertDescription": string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-         */
-        "isPartnerAlertHeader": string;
-        /**
-          * Label text for last name input
-          * @uiName Last name label
-         */
-        "lastName": string;
-        /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-         */
-        "lastNameError": string;
-        /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-         */
-        "participantType": string;
-        /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-         */
-        "participantTypeError": string;
-        /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-         */
-        "personalInformation": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton": string;
-        /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-         */
-        "taxAndBankingCollection": string;
-    }
-    interface SqmUserName {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
+        "demoData"?: DemoData<UserNameViewProps>;
         /**
           * @uiName Unknown user name
          */
@@ -4866,2224 +4272,1690 @@ declare global {
     }
     var HTMLSqmPortalRegisterElement: {
         prototype: HTMLSqmPortalRegisterElement;
-        new (): HTMLSqmPortalRegisterElement;
-    };
-    interface HTMLSqmPortalRegistrationFormElement extends Components.SqmPortalRegistrationForm, HTMLStencilElement {
-    }
-    var HTMLSqmPortalRegistrationFormElement: {
-        prototype: HTMLSqmPortalRegistrationFormElement;
-        new (): HTMLSqmPortalRegistrationFormElement;
-    };
-    interface HTMLSqmPortalResetPasswordElement extends Components.SqmPortalResetPassword, HTMLStencilElement {
-    }
-    var HTMLSqmPortalResetPasswordElement: {
-        prototype: HTMLSqmPortalResetPasswordElement;
-        new (): HTMLSqmPortalResetPasswordElement;
-    };
-    interface HTMLSqmPortalVerifyEmailElement extends Components.SqmPortalVerifyEmail, HTMLStencilElement {
-    }
-    var HTMLSqmPortalVerifyEmailElement: {
-        prototype: HTMLSqmPortalVerifyEmailElement;
-        new (): HTMLSqmPortalVerifyEmailElement;
-    };
-    interface HTMLSqmProgramExplainerElement extends Components.SqmProgramExplainer, HTMLStencilElement {
-    }
-    var HTMLSqmProgramExplainerElement: {
-        prototype: HTMLSqmProgramExplainerElement;
-        new (): HTMLSqmProgramExplainerElement;
-    };
-    interface HTMLSqmProgramExplainerStepElement extends Components.SqmProgramExplainerStep, HTMLStencilElement {
-    }
-    var HTMLSqmProgramExplainerStepElement: {
-        prototype: HTMLSqmProgramExplainerStepElement;
-        new (): HTMLSqmProgramExplainerStepElement;
-    };
-    interface HTMLSqmProgramMenuElement extends Components.SqmProgramMenu, HTMLStencilElement {
-    }
-    var HTMLSqmProgramMenuElement: {
-        prototype: HTMLSqmProgramMenuElement;
-        new (): HTMLSqmProgramMenuElement;
-    };
-    interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
-    }
-    var HTMLSqmReferralCardElement: {
-        prototype: HTMLSqmReferralCardElement;
-        new (): HTMLSqmReferralCardElement;
-    };
-    interface HTMLSqmReferralIframeElement extends Components.SqmReferralIframe, HTMLStencilElement {
-    }
-    var HTMLSqmReferralIframeElement: {
-        prototype: HTMLSqmReferralIframeElement;
-        new (): HTMLSqmReferralIframeElement;
-    };
-    interface HTMLSqmReferralTableElement extends Components.SqmReferralTable, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableElement: {
-        prototype: HTMLSqmReferralTableElement;
-        new (): HTMLSqmReferralTableElement;
-    };
-    interface HTMLSqmReferralTableCellElement extends Components.SqmReferralTableCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableCellElement: {
-        prototype: HTMLSqmReferralTableCellElement;
-        new (): HTMLSqmReferralTableCellElement;
-    };
-    interface HTMLSqmReferralTableColumnElement extends Components.SqmReferralTableColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableColumnElement: {
-        prototype: HTMLSqmReferralTableColumnElement;
-        new (): HTMLSqmReferralTableColumnElement;
-    };
-    interface HTMLSqmReferralTableDateCellElement extends Components.SqmReferralTableDateCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableDateCellElement: {
-        prototype: HTMLSqmReferralTableDateCellElement;
-        new (): HTMLSqmReferralTableDateCellElement;
-    };
-    interface HTMLSqmReferralTableDateColumnElement extends Components.SqmReferralTableDateColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableDateColumnElement: {
-        prototype: HTMLSqmReferralTableDateColumnElement;
-        new (): HTMLSqmReferralTableDateColumnElement;
-    };
-    interface HTMLSqmReferralTableRewardsCellElement extends Components.SqmReferralTableRewardsCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableRewardsCellElement: {
-        prototype: HTMLSqmReferralTableRewardsCellElement;
-        new (): HTMLSqmReferralTableRewardsCellElement;
-    };
-    interface HTMLSqmReferralTableRewardsColumnElement extends Components.SqmReferralTableRewardsColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableRewardsColumnElement: {
-        prototype: HTMLSqmReferralTableRewardsColumnElement;
-        new (): HTMLSqmReferralTableRewardsColumnElement;
-    };
-    interface HTMLSqmReferralTableStatusCellElement extends Components.SqmReferralTableStatusCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableStatusCellElement: {
-        prototype: HTMLSqmReferralTableStatusCellElement;
-        new (): HTMLSqmReferralTableStatusCellElement;
-    };
-    interface HTMLSqmReferralTableStatusColumnElement extends Components.SqmReferralTableStatusColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableStatusColumnElement: {
-        prototype: HTMLSqmReferralTableStatusColumnElement;
-        new (): HTMLSqmReferralTableStatusColumnElement;
-    };
-    interface HTMLSqmReferralTableUserCellElement extends Components.SqmReferralTableUserCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableUserCellElement: {
-        prototype: HTMLSqmReferralTableUserCellElement;
-        new (): HTMLSqmReferralTableUserCellElement;
-    };
-    interface HTMLSqmReferralTableUserColumnElement extends Components.SqmReferralTableUserColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableUserColumnElement: {
-        prototype: HTMLSqmReferralTableUserColumnElement;
-        new (): HTMLSqmReferralTableUserColumnElement;
-    };
-    interface HTMLSqmReferredRegistrationElement extends Components.SqmReferredRegistration, HTMLStencilElement {
-    }
-    var HTMLSqmReferredRegistrationElement: {
-        prototype: HTMLSqmReferredRegistrationElement;
-        new (): HTMLSqmReferredRegistrationElement;
-    };
-    interface HTMLSqmRewardExchangeListElement extends Components.SqmRewardExchangeList, HTMLStencilElement {
-    }
-    var HTMLSqmRewardExchangeListElement: {
-        prototype: HTMLSqmRewardExchangeListElement;
-        new (): HTMLSqmRewardExchangeListElement;
-    };
-    interface HTMLSqmRewardsTableElement extends Components.SqmRewardsTable, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableElement: {
-        prototype: HTMLSqmRewardsTableElement;
-        new (): HTMLSqmRewardsTableElement;
-    };
-    interface HTMLSqmRewardsTableCustomerNoteCellElement extends Components.SqmRewardsTableCustomerNoteCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableCustomerNoteCellElement: {
-        prototype: HTMLSqmRewardsTableCustomerNoteCellElement;
-        new (): HTMLSqmRewardsTableCustomerNoteCellElement;
-    };
-    interface HTMLSqmRewardsTableCustomerNoteColumnElement extends Components.SqmRewardsTableCustomerNoteColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableCustomerNoteColumnElement: {
-        prototype: HTMLSqmRewardsTableCustomerNoteColumnElement;
-        new (): HTMLSqmRewardsTableCustomerNoteColumnElement;
-    };
-    interface HTMLSqmRewardsTableDateCellElement extends Components.SqmRewardsTableDateCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableDateCellElement: {
-        prototype: HTMLSqmRewardsTableDateCellElement;
-        new (): HTMLSqmRewardsTableDateCellElement;
-    };
-    interface HTMLSqmRewardsTableDateColumnElement extends Components.SqmRewardsTableDateColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableDateColumnElement: {
-        prototype: HTMLSqmRewardsTableDateColumnElement;
-        new (): HTMLSqmRewardsTableDateColumnElement;
-    };
-    interface HTMLSqmRewardsTableRewardCellElement extends Components.SqmRewardsTableRewardCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableRewardCellElement: {
-        prototype: HTMLSqmRewardsTableRewardCellElement;
-        new (): HTMLSqmRewardsTableRewardCellElement;
-    };
-    interface HTMLSqmRewardsTableRewardColumnElement extends Components.SqmRewardsTableRewardColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableRewardColumnElement: {
-        prototype: HTMLSqmRewardsTableRewardColumnElement;
-        new (): HTMLSqmRewardsTableRewardColumnElement;
-    };
-    interface HTMLSqmRewardsTableSourceCellElement extends Components.SqmRewardsTableSourceCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableSourceCellElement: {
-        prototype: HTMLSqmRewardsTableSourceCellElement;
-        new (): HTMLSqmRewardsTableSourceCellElement;
-    };
-    interface HTMLSqmRewardsTableSourceColumnElement extends Components.SqmRewardsTableSourceColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableSourceColumnElement: {
-        prototype: HTMLSqmRewardsTableSourceColumnElement;
-        new (): HTMLSqmRewardsTableSourceColumnElement;
-    };
-    interface HTMLSqmRewardsTableStatusCellElement extends Components.SqmRewardsTableStatusCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableStatusCellElement: {
-        prototype: HTMLSqmRewardsTableStatusCellElement;
-        new (): HTMLSqmRewardsTableStatusCellElement;
-    };
-    interface HTMLSqmRewardsTableStatusColumnElement extends Components.SqmRewardsTableStatusColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableStatusColumnElement: {
-        prototype: HTMLSqmRewardsTableStatusColumnElement;
-        new (): HTMLSqmRewardsTableStatusColumnElement;
-    };
-    interface HTMLSqmRouteElement extends Components.SqmRoute, HTMLStencilElement {
-    }
-    var HTMLSqmRouteElement: {
-        prototype: HTMLSqmRouteElement;
-        new (): HTMLSqmRouteElement;
-    };
-    interface HTMLSqmRouterElement extends Components.SqmRouter, HTMLStencilElement {
-    }
-    var HTMLSqmRouterElement: {
-        prototype: HTMLSqmRouterElement;
-        new (): HTMLSqmRouterElement;
-    };
-    interface HTMLSqmScrollElement extends Components.SqmScroll, HTMLStencilElement {
-    }
-    var HTMLSqmScrollElement: {
-        prototype: HTMLSqmScrollElement;
-        new (): HTMLSqmScrollElement;
-    };
-    interface HTMLSqmShareButtonElement extends Components.SqmShareButton, HTMLStencilElement {
-    }
-    var HTMLSqmShareButtonElement: {
-        prototype: HTMLSqmShareButtonElement;
-        new (): HTMLSqmShareButtonElement;
-    };
-    interface HTMLSqmShareCodeElement extends Components.SqmShareCode, HTMLStencilElement {
-    }
-    var HTMLSqmShareCodeElement: {
-        prototype: HTMLSqmShareCodeElement;
-        new (): HTMLSqmShareCodeElement;
-    };
-    interface HTMLSqmShareLinkElement extends Components.SqmShareLink, HTMLStencilElement {
-    }
-    var HTMLSqmShareLinkElement: {
-        prototype: HTMLSqmShareLinkElement;
-        new (): HTMLSqmShareLinkElement;
-    };
-    interface HTMLSqmStatContainerElement extends Components.SqmStatContainer, HTMLStencilElement {
-    }
-    var HTMLSqmStatContainerElement: {
-        prototype: HTMLSqmStatContainerElement;
-        new (): HTMLSqmStatContainerElement;
+        new (): HTMLSqmPortalRegisterElement;
     };
-    interface HTMLSqmStencilbookElement extends Components.SqmStencilbook, HTMLStencilElement {
+    interface HTMLSqmPortalRegistrationFormElement extends Components.SqmPortalRegistrationForm, HTMLStencilElement {
     }
-    var HTMLSqmStencilbookElement: {
-        prototype: HTMLSqmStencilbookElement;
-        new (): HTMLSqmStencilbookElement;
+    var HTMLSqmPortalRegistrationFormElement: {
+        prototype: HTMLSqmPortalRegistrationFormElement;
+        new (): HTMLSqmPortalRegistrationFormElement;
     };
-    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    interface HTMLSqmPortalResetPasswordElement extends Components.SqmPortalResetPassword, HTMLStencilElement {
     }
-    var HTMLSqmTabElement: {
-        prototype: HTMLSqmTabElement;
-        new (): HTMLSqmTabElement;
+    var HTMLSqmPortalResetPasswordElement: {
+        prototype: HTMLSqmPortalResetPasswordElement;
+        new (): HTMLSqmPortalResetPasswordElement;
     };
-    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    interface HTMLSqmPortalVerifyEmailElement extends Components.SqmPortalVerifyEmail, HTMLStencilElement {
     }
-    var HTMLSqmTableCellElement: {
-        prototype: HTMLSqmTableCellElement;
-        new (): HTMLSqmTableCellElement;
+    var HTMLSqmPortalVerifyEmailElement: {
+        prototype: HTMLSqmPortalVerifyEmailElement;
+        new (): HTMLSqmPortalVerifyEmailElement;
     };
-    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    interface HTMLSqmProgramExplainerElement extends Components.SqmProgramExplainer, HTMLStencilElement {
     }
-    var HTMLSqmTableRowElement: {
-        prototype: HTMLSqmTableRowElement;
-        new (): HTMLSqmTableRowElement;
+    var HTMLSqmProgramExplainerElement: {
+        prototype: HTMLSqmProgramExplainerElement;
+        new (): HTMLSqmProgramExplainerElement;
     };
-    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    interface HTMLSqmProgramExplainerStepElement extends Components.SqmProgramExplainerStep, HTMLStencilElement {
     }
-    var HTMLSqmTabsElement: {
-        prototype: HTMLSqmTabsElement;
-        new (): HTMLSqmTabsElement;
+    var HTMLSqmProgramExplainerStepElement: {
+        prototype: HTMLSqmProgramExplainerStepElement;
+        new (): HTMLSqmProgramExplainerStepElement;
     };
-    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
+    interface HTMLSqmProgramMenuElement extends Components.SqmProgramMenu, HTMLStencilElement {
     }
-    var HTMLSqmTaskCardElement: {
-        prototype: HTMLSqmTaskCardElement;
-        new (): HTMLSqmTaskCardElement;
+    var HTMLSqmProgramMenuElement: {
+        prototype: HTMLSqmProgramMenuElement;
+        new (): HTMLSqmProgramMenuElement;
     };
-    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
     }
-    var HTMLSqmTaxAndCashElement: {
-        prototype: HTMLSqmTaxAndCashElement;
-        new (): HTMLSqmTaxAndCashElement;
+    var HTMLSqmReferralCardElement: {
+        prototype: HTMLSqmReferralCardElement;
+        new (): HTMLSqmReferralCardElement;
     };
-    interface HTMLSqmTaxAndCashMonolithElement extends Components.SqmTaxAndCashMonolith, HTMLStencilElement {
+    interface HTMLSqmReferralIframeElement extends Components.SqmReferralIframe, HTMLStencilElement {
     }
-    var HTMLSqmTaxAndCashMonolithElement: {
-        prototype: HTMLSqmTaxAndCashMonolithElement;
-        new (): HTMLSqmTaxAndCashMonolithElement;
+    var HTMLSqmReferralIframeElement: {
+        prototype: HTMLSqmReferralIframeElement;
+        new (): HTMLSqmReferralIframeElement;
     };
-    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
+    interface HTMLSqmReferralTableElement extends Components.SqmReferralTable, HTMLStencilElement {
     }
-    var HTMLSqmTaxDocumentSubmittedElement: {
-        prototype: HTMLSqmTaxDocumentSubmittedElement;
-        new (): HTMLSqmTaxDocumentSubmittedElement;
+    var HTMLSqmReferralTableElement: {
+        prototype: HTMLSqmReferralTableElement;
+        new (): HTMLSqmReferralTableElement;
     };
-    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
+    interface HTMLSqmReferralTableCellElement extends Components.SqmReferralTableCell, HTMLStencilElement {
     }
-    var HTMLSqmTextElement: {
-        prototype: HTMLSqmTextElement;
-        new (): HTMLSqmTextElement;
+    var HTMLSqmReferralTableCellElement: {
+        prototype: HTMLSqmReferralTableCellElement;
+        new (): HTMLSqmReferralTableCellElement;
     };
-    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
+    interface HTMLSqmReferralTableColumnElement extends Components.SqmReferralTableColumn, HTMLStencilElement {
     }
-    var HTMLSqmTextSpanElement: {
-        prototype: HTMLSqmTextSpanElement;
-        new (): HTMLSqmTextSpanElement;
+    var HTMLSqmReferralTableColumnElement: {
+        prototype: HTMLSqmReferralTableColumnElement;
+        new (): HTMLSqmReferralTableColumnElement;
     };
-    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
+    interface HTMLSqmReferralTableDateCellElement extends Components.SqmReferralTableDateCell, HTMLStencilElement {
     }
-    var HTMLSqmTimelineElement: {
-        prototype: HTMLSqmTimelineElement;
-        new (): HTMLSqmTimelineElement;
+    var HTMLSqmReferralTableDateCellElement: {
+        prototype: HTMLSqmReferralTableDateCellElement;
+        new (): HTMLSqmReferralTableDateCellElement;
     };
-    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
+    interface HTMLSqmReferralTableDateColumnElement extends Components.SqmReferralTableDateColumn, HTMLStencilElement {
     }
-    var HTMLSqmTimelineEntryElement: {
-        prototype: HTMLSqmTimelineEntryElement;
-        new (): HTMLSqmTimelineEntryElement;
+    var HTMLSqmReferralTableDateColumnElement: {
+        prototype: HTMLSqmReferralTableDateColumnElement;
+        new (): HTMLSqmReferralTableDateColumnElement;
     };
-    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
+    interface HTMLSqmReferralTableRewardsCellElement extends Components.SqmReferralTableRewardsCell, HTMLStencilElement {
     }
-    var HTMLSqmTitledSectionElement: {
-        prototype: HTMLSqmTitledSectionElement;
-        new (): HTMLSqmTitledSectionElement;
+    var HTMLSqmReferralTableRewardsCellElement: {
+        prototype: HTMLSqmReferralTableRewardsCellElement;
+        new (): HTMLSqmReferralTableRewardsCellElement;
     };
-    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    interface HTMLSqmReferralTableRewardsColumnElement extends Components.SqmReferralTableRewardsColumn, HTMLStencilElement {
     }
-    var HTMLSqmUserInfoFormElement: {
-        prototype: HTMLSqmUserInfoFormElement;
-        new (): HTMLSqmUserInfoFormElement;
+    var HTMLSqmReferralTableRewardsColumnElement: {
+        prototype: HTMLSqmReferralTableRewardsColumnElement;
+        new (): HTMLSqmReferralTableRewardsColumnElement;
     };
-    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    interface HTMLSqmReferralTableStatusCellElement extends Components.SqmReferralTableStatusCell, HTMLStencilElement {
     }
-    var HTMLSqmUserNameElement: {
-        prototype: HTMLSqmUserNameElement;
-        new (): HTMLSqmUserNameElement;
+    var HTMLSqmReferralTableStatusCellElement: {
+        prototype: HTMLSqmReferralTableStatusCellElement;
+        new (): HTMLSqmReferralTableStatusCellElement;
     };
-    interface HTMLElementTagNameMap {
-        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
-        "sqm-asset-card": HTMLSqmAssetCardElement;
-        "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
-        "sqm-big-stat": HTMLSqmBigStatElement;
-        "sqm-brand": HTMLSqmBrandElement;
-        "sqm-card-feed": HTMLSqmCardFeedElement;
-        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
-        "sqm-close-button": HTMLSqmCloseButtonElement;
-        "sqm-context-router": HTMLSqmContextRouterElement;
-        "sqm-coupon-code": HTMLSqmCouponCodeElement;
-        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
-        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
-        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
-        "sqm-docusign-form": HTMLSqmDocusignFormElement;
-        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
-        "sqm-edit-profile": HTMLSqmEditProfileElement;
-        "sqm-empty": HTMLSqmEmptyElement;
-        "sqm-form-message": HTMLSqmFormMessageElement;
-        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
-        "sqm-header-logo": HTMLSqmHeaderLogoElement;
-        "sqm-hero": HTMLSqmHeroElement;
-        "sqm-hero-image": HTMLSqmHeroImageElement;
-        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
-        "sqm-image": HTMLSqmImageElement;
-        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
-        "sqm-input-field": HTMLSqmInputFieldElement;
-        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
-        "sqm-leaderboard": HTMLSqmLeaderboardElement;
-        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
-        "sqm-link-button": HTMLSqmLinkButtonElement;
-        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
-        "sqm-name-fields": HTMLSqmNameFieldsElement;
-        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
-        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
-        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
-        "sqm-password-field": HTMLSqmPasswordFieldElement;
-        "sqm-popup-container": HTMLSqmPopupContainerElement;
-        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
-        "sqm-portal-container": HTMLSqmPortalContainerElement;
-        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
-        "sqm-portal-footer": HTMLSqmPortalFooterElement;
-        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
-        "sqm-portal-frame": HTMLSqmPortalFrameElement;
-        "sqm-portal-login": HTMLSqmPortalLoginElement;
-        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
-        "sqm-portal-profile": HTMLSqmPortalProfileElement;
-        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
-        "sqm-portal-register": HTMLSqmPortalRegisterElement;
-        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
-        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
-        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
-        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
-        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
-        "sqm-program-menu": HTMLSqmProgramMenuElement;
-        "sqm-referral-card": HTMLSqmReferralCardElement;
-        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
-        "sqm-referral-table": HTMLSqmReferralTableElement;
-        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
-        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
-        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
-        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
-        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
-        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
-        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
-        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
-        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
-        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
-        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
-        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
-        "sqm-rewards-table": HTMLSqmRewardsTableElement;
-        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
-        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
-        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
-        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
-        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
-        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
-        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
-        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
-        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
-        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
-        "sqm-route": HTMLSqmRouteElement;
-        "sqm-router": HTMLSqmRouterElement;
-        "sqm-scroll": HTMLSqmScrollElement;
-        "sqm-share-button": HTMLSqmShareButtonElement;
-        "sqm-share-code": HTMLSqmShareCodeElement;
-        "sqm-share-link": HTMLSqmShareLinkElement;
-        "sqm-stat-container": HTMLSqmStatContainerElement;
-        "sqm-stencilbook": HTMLSqmStencilbookElement;
-        "sqm-tab": HTMLSqmTabElement;
-        "sqm-table-cell": HTMLSqmTableCellElement;
-        "sqm-table-row": HTMLSqmTableRowElement;
-        "sqm-tabs": HTMLSqmTabsElement;
-        "sqm-task-card": HTMLSqmTaskCardElement;
-        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
-        "sqm-tax-and-cash-monolith": HTMLSqmTaxAndCashMonolithElement;
-        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
-        "sqm-text": HTMLSqmTextElement;
-        "sqm-text-span": HTMLSqmTextSpanElement;
-        "sqm-timeline": HTMLSqmTimelineElement;
-        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
-        "sqm-titled-section": HTMLSqmTitledSectionElement;
-        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
-        "sqm-user-name": HTMLSqmUserNameElement;
+    interface HTMLSqmReferralTableStatusColumnElement extends Components.SqmReferralTableStatusColumn, HTMLStencilElement {
     }
-}
-declare namespace LocalJSX {
-    interface RaisinsPlopTarget {
+    var HTMLSqmReferralTableStatusColumnElement: {
+        prototype: HTMLSqmReferralTableStatusColumnElement;
+        new (): HTMLSqmReferralTableStatusColumnElement;
+    };
+    interface HTMLSqmReferralTableUserCellElement extends Components.SqmReferralTableUserCell, HTMLStencilElement {
     }
-    interface SqmAssetCard {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<AssetCardViewProps>;
-        /**
-          * @uiName Banner image
-         */
-        "imgUrl"?: string;
-        /**
-          * @uiName Banner title
-         */
-        "titleText"?: string;
+    var HTMLSqmReferralTableUserCellElement: {
+        prototype: HTMLSqmReferralTableUserCellElement;
+        new (): HTMLSqmReferralTableUserCellElement;
+    };
+    interface HTMLSqmReferralTableUserColumnElement extends Components.SqmReferralTableUserColumn, HTMLStencilElement {
     }
-    interface SqmBankingInfoForm {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
+    var HTMLSqmReferralTableUserColumnElement: {
+        prototype: HTMLSqmReferralTableUserColumnElement;
+        new (): HTMLSqmReferralTableUserColumnElement;
+    };
+    interface HTMLSqmReferredRegistrationElement extends Components.SqmReferredRegistration, HTMLStencilElement {
     }
-    interface SqmBigStat {
-        /**
-          * Controls the alignment of the flexbox
-          * @uiName Alignment
-          * @uiType string
-          * @uiEnum ["left", "right", "center"]
-          * @uiEnumNames ["Left", "Right", "Center"]
-         */
-        "alignment"?: "left" | "right" | "center";
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<BigStatViewProps>;
-        /**
-          * Controls the order of the stat value & description column
-          * @uiName Flex reverse
-          * @default
-         */
-        "flexReverse"?: boolean;
-        /**
-          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
-          * @uiName Program ID
-          * @uiWidget programSelector
-         */
-        "programId"?: string;
-        /**
-          * Select what type of stat to display. Manual paths are also supported.
-          * @uiWidget statTypeSelectWidget
-          * @uiName Stat type
-          * @required 
-          * @uiWidgetOptions {"version": 1.1}
-         */
-        "statType"?: string;
+    var HTMLSqmReferredRegistrationElement: {
+        prototype: HTMLSqmReferredRegistrationElement;
+        new (): HTMLSqmReferredRegistrationElement;
+    };
+    interface HTMLSqmRewardExchangeListElement extends Components.SqmRewardExchangeList, HTMLStencilElement {
     }
-    interface SqmBrand {
-        /**
-          * Controls the primary brand color used in the Mint Components library.
-          * @uiName Brand color
-          * @uiWidget color
-          * @format color
-         */
-        "brandColor"?: string;
-        /**
-          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
-          * @uiName Brand font
-          * @default "Nunito Sans"
-         */
-        "brandFont"?: string;
+    var HTMLSqmRewardExchangeListElement: {
+        prototype: HTMLSqmRewardExchangeListElement;
+        new (): HTMLSqmRewardExchangeListElement;
+    };
+    interface HTMLSqmRewardsTableElement extends Components.SqmRewardsTable, HTMLStencilElement {
     }
-    interface SqmCardFeed {
-        /**
-          * @uiName Column gap
-          * @uiType number
-         */
-        "gap"?: number;
-        /**
-          * @uiName Card width
-         */
-        "width"?: number;
+    var HTMLSqmRewardsTableElement: {
+        prototype: HTMLSqmRewardsTableElement;
+        new (): HTMLSqmRewardsTableElement;
+    };
+    interface HTMLSqmRewardsTableCustomerNoteCellElement extends Components.SqmRewardsTableCustomerNoteCell, HTMLStencilElement {
     }
-    interface SqmCheckboxField {
-        /**
-          * @uiName Checkbox label
-          * @uiWidget textArea
-         */
-        "checkboxLabel"?: string;
-        /**
-          * Used with link text if the checkbox label contains {labelLink}
-          * @uiName Checkbox label link
-         */
-        "checkboxLabelLink"?: string;
-        /**
-          * @uiName Checkbox label link lext
-         */
-        "checkboxLabelLinkText"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Checkbox name attribute
-          * @required
-         */
-        "checkboxName"?: string;
-        /**
-          * @uiName Optional
-         */
-        "checkboxOptional"?: boolean;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<CheckboxFieldViewProps>;
-        /**
-          * @uiName Unchecked error message
-         */
-        "errorMessage"?: string;
+    var HTMLSqmRewardsTableCustomerNoteCellElement: {
+        prototype: HTMLSqmRewardsTableCustomerNoteCellElement;
+        new (): HTMLSqmRewardsTableCustomerNoteCellElement;
+    };
+    interface HTMLSqmRewardsTableCustomerNoteColumnElement extends Components.SqmRewardsTableCustomerNoteColumn, HTMLStencilElement {
     }
-    interface SqmCloseButton {
-        /**
-          * @uiName Color
-          * @uiWidget color
-          * @uiType string
-         */
-        "color"?: string;
+    var HTMLSqmRewardsTableCustomerNoteColumnElement: {
+        prototype: HTMLSqmRewardsTableCustomerNoteColumnElement;
+        new (): HTMLSqmRewardsTableCustomerNoteColumnElement;
+    };
+    interface HTMLSqmRewardsTableDateCellElement extends Components.SqmRewardsTableDateCell, HTMLStencilElement {
     }
-    interface SqmContextRouter {
-        "contextName"?: string;
+    var HTMLSqmRewardsTableDateCellElement: {
+        prototype: HTMLSqmRewardsTableDateCellElement;
+        new (): HTMLSqmRewardsTableDateCellElement;
+    };
+    interface HTMLSqmRewardsTableDateColumnElement extends Components.SqmRewardsTableDateColumn, HTMLStencilElement {
     }
-    interface SqmCouponCode {
-        /**
-          * Set the copy button style and placement.
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
-         */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * Display this message when the coupon code has been cancelled.
-          * @uiWidget textArea
-          * @uiName Cancelled code error message
-          * @uiGroup Coupon code error
-         */
-        "cancelledErrorText"?: string;
-        /**
-          * @uiName Copy button label
-         */
-        "copyButtonLabel"?: string;
-        /**
-          * @uiName Coupon code label
-         */
-        "couponCodeLabel"?: string;
-        /**
-          * Display this text when the coupon code can’t be retrieved.
-          * @uiName Coupon code placeholder
-          * @uiGroup Coupon code error
-         */
-        "couponCodePlaceholder"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<CouponCodeViewProps>;
-        /**
-          * Display this message when the coupon code has expired.
-          * @uiWidget textArea
-          * @uiName Expired code error message
-          * @uiGroup Coupon code error
-         */
-        "expiredErrorText"?: string;
-        /**
-          * Display this message when the code fails to load due to a fulfillment error.
-          * @uiWidget textArea
-          * @uiName Code fulfillment error message
-          * @uiGroup Coupon code error
-         */
-        "fullfillmentErrorText"?: string;
-        /**
-          * Display this message when the code fails to load due to an unspecified error.
-          * @uiWidget textArea
-          * @uiName Code retrieval error message
-          * @uiGroup Coupon code error
-         */
-        "genericErrorText"?: string;
-        /**
-          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
-          * @uiWidget textArea
-          * @uiName Code pending error message
-          * @uiGroup Coupon code error
-         */
-        "pendingErrorText"?: string;
-        /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
-         */
-        "programId"?: string;
-        /**
-          * Display this message when the coupon code has already been redeemed.
-          * @uiWidget textArea
-          * @uiName Redeemed code error message
-          * @uiGroup Coupon code error
-         */
-        "redeemedErrorText"?: string;
-        /**
-          * @uiName Coupon code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "textAlign"?: "left" | "center" | "right";
-        /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
-         */
-        "tooltiplifespan"?: number;
-        /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
-          * @uiName Tooltip text
-         */
-        "tooltiptext"?: string;
+    var HTMLSqmRewardsTableDateColumnElement: {
+        prototype: HTMLSqmRewardsTableDateColumnElement;
+        new (): HTMLSqmRewardsTableDateColumnElement;
+    };
+    interface HTMLSqmRewardsTableRewardCellElement extends Components.SqmRewardsTableRewardCell, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableRewardCellElement: {
+        prototype: HTMLSqmRewardsTableRewardCellElement;
+        new (): HTMLSqmRewardsTableRewardCellElement;
+    };
+    interface HTMLSqmRewardsTableRewardColumnElement extends Components.SqmRewardsTableRewardColumn, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableRewardColumnElement: {
+        prototype: HTMLSqmRewardsTableRewardColumnElement;
+        new (): HTMLSqmRewardsTableRewardColumnElement;
+    };
+    interface HTMLSqmRewardsTableSourceCellElement extends Components.SqmRewardsTableSourceCell, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableSourceCellElement: {
+        prototype: HTMLSqmRewardsTableSourceCellElement;
+        new (): HTMLSqmRewardsTableSourceCellElement;
+    };
+    interface HTMLSqmRewardsTableSourceColumnElement extends Components.SqmRewardsTableSourceColumn, HTMLStencilElement {
     }
-    interface SqmDividedLayout {
-        /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
-         */
-        "direction"?: "row" | "column";
-        /**
-          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
-          * @uiName Border style
-         */
-        "dividerStyle"?: string;
+    var HTMLSqmRewardsTableSourceColumnElement: {
+        prototype: HTMLSqmRewardsTableSourceColumnElement;
+        new (): HTMLSqmRewardsTableSourceColumnElement;
+    };
+    interface HTMLSqmRewardsTableStatusCellElement extends Components.SqmRewardsTableStatusCell, HTMLStencilElement {
     }
-    interface SqmDocumentTypeForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseDocumentTypeFormResult>;
-        /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-         */
-        "formLabel"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
-        /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-         */
-        "taxForm"?: string;
-        /**
-          * Description for the W8 radio button
-          * @uiName W8 radio button subtext
-         */
-        "w8Description"?: string;
-        /**
-          * Description for the W8E radio button
-          * @uiName W8E radio button subtext
-         */
-        "w8EDescription"?: string;
-        /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-         */
-        "w8ELabel"?: string;
-        /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-         */
-        "w8Label"?: string;
-        /**
-          * Description for the W9 radio button
-          * @uiName W9 radio button subtext
-         */
-        "w9Description"?: string;
-        /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-         */
-        "w9Label"?: string;
+    var HTMLSqmRewardsTableStatusCellElement: {
+        prototype: HTMLSqmRewardsTableStatusCellElement;
+        new (): HTMLSqmRewardsTableStatusCellElement;
+    };
+    interface HTMLSqmRewardsTableStatusColumnElement extends Components.SqmRewardsTableStatusColumn, HTMLStencilElement {
     }
-    interface SqmDocusignEmbed {
-        "onDocusignEvent"?: (event: CustomEvent<{ status: string }>) => void;
-        "url"?: string;
+    var HTMLSqmRewardsTableStatusColumnElement: {
+        prototype: HTMLSqmRewardsTableStatusColumnElement;
+        new (): HTMLSqmRewardsTableStatusColumnElement;
+    };
+    interface HTMLSqmRouteElement extends Components.SqmRoute, HTMLStencilElement {
     }
-    interface SqmDocusignForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton"?: string;
-        /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-         */
-        "banner"?: string;
-        /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-         */
-        "checkboxDescription"?: string;
-        /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-         */
-        "checkboxLabel"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseDocusignFormResult>;
-        /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-         */
-        "docusignExpired"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
-        /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-         */
-        "formSubmissionError"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle"?: string;
-        /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-         */
-        "notBasedInUS"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
-        /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-         */
-        "taxForm"?: string;
-        /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-         */
-        "taxFormDescription"?: string;
-        /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-         */
-        "taxFormLabel"?: string;
+    var HTMLSqmRouteElement: {
+        prototype: HTMLSqmRouteElement;
+        new (): HTMLSqmRouteElement;
+    };
+    interface HTMLSqmRouterElement extends Components.SqmRouter, HTMLStencilElement {
+    }
+    var HTMLSqmRouterElement: {
+        prototype: HTMLSqmRouterElement;
+        new (): HTMLSqmRouterElement;
+    };
+    interface HTMLSqmScrollElement extends Components.SqmScroll, HTMLStencilElement {
+    }
+    var HTMLSqmScrollElement: {
+        prototype: HTMLSqmScrollElement;
+        new (): HTMLSqmScrollElement;
+    };
+    interface HTMLSqmShareButtonElement extends Components.SqmShareButton, HTMLStencilElement {
+    }
+    var HTMLSqmShareButtonElement: {
+        prototype: HTMLSqmShareButtonElement;
+        new (): HTMLSqmShareButtonElement;
+    };
+    interface HTMLSqmShareCodeElement extends Components.SqmShareCode, HTMLStencilElement {
+    }
+    var HTMLSqmShareCodeElement: {
+        prototype: HTMLSqmShareCodeElement;
+        new (): HTMLSqmShareCodeElement;
+    };
+    interface HTMLSqmShareLinkElement extends Components.SqmShareLink, HTMLStencilElement {
+    }
+    var HTMLSqmShareLinkElement: {
+        prototype: HTMLSqmShareLinkElement;
+        new (): HTMLSqmShareLinkElement;
+    };
+    interface HTMLSqmStatContainerElement extends Components.SqmStatContainer, HTMLStencilElement {
+    }
+    var HTMLSqmStatContainerElement: {
+        prototype: HTMLSqmStatContainerElement;
+        new (): HTMLSqmStatContainerElement;
+    };
+    interface HTMLSqmStencilbookElement extends Components.SqmStencilbook, HTMLStencilElement {
+    }
+    var HTMLSqmStencilbookElement: {
+        prototype: HTMLSqmStencilbookElement;
+        new (): HTMLSqmStencilbookElement;
+    };
+    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    }
+    var HTMLSqmTabElement: {
+        prototype: HTMLSqmTabElement;
+        new (): HTMLSqmTabElement;
+    };
+    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    }
+    var HTMLSqmTableCellElement: {
+        prototype: HTMLSqmTableCellElement;
+        new (): HTMLSqmTableCellElement;
+    };
+    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    }
+    var HTMLSqmTableRowElement: {
+        prototype: HTMLSqmTableRowElement;
+        new (): HTMLSqmTableRowElement;
+    };
+    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    }
+    var HTMLSqmTabsElement: {
+        prototype: HTMLSqmTabsElement;
+        new (): HTMLSqmTabsElement;
+    };
+    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
+    }
+    var HTMLSqmTaskCardElement: {
+        prototype: HTMLSqmTaskCardElement;
+        new (): HTMLSqmTaskCardElement;
+    };
+    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
     }
-    interface SqmDropdownField {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<DropdownFieldViewProps>;
-        /**
-          * @uiName Dropdown label
-         */
-        "dropdownLabel"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Dropdown name attribute
-          * @required
-         */
-        "dropdownName"?: string;
-        /**
-          * @uiName Optional
-          * @default
-         */
-        "dropdownOptional"?: boolean;
-        /**
-          * @uiName Unselected error message
-         */
-        "errorMessage"?: string;
+    var HTMLSqmTaxAndCashElement: {
+        prototype: HTMLSqmTaxAndCashElement;
+        new (): HTMLSqmTaxAndCashElement;
+    };
+    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
     }
-    interface SqmEditProfile {
-        /**
-          * @uiName Cancel button text
-         */
-        "canceltext"?: string;
-        /**
-          * @uiName Region field label
-         */
-        "currentregiontext"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<EditProfileViewProps>;
-        /**
-          * @uiName Heading
-         */
-        "editprofileheader"?: string;
-        /**
-          * Enable editing button text
-          * @uiName Edit profile text
-         */
-        "editprofiletext"?: string;
-        /**
-          * @uiName First name label
-         */
-        "firstnametext"?: string;
-        /**
-          * @uiName Last name label
-         */
-        "lastnametext"?: string;
-        /**
-          * Show or hide current region
-          * @uiName Show region
-         */
-        "showregion"?: boolean;
-        /**
-          * @uiName Info button text
-         */
-        "updatetext"?: string;
+    var HTMLSqmTaxDocumentSubmittedElement: {
+        prototype: HTMLSqmTaxDocumentSubmittedElement;
+        new (): HTMLSqmTaxDocumentSubmittedElement;
+    };
+    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
     }
-    interface SqmEmpty {
-        /**
-          * @uiName Title
-         */
-        "emptyStateHeader"?: string;
-        /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
-         */
-        "emptyStateImage"?: string;
-        /**
-          * @uiName Description
-          * @uiWidget textArea
-         */
-        "emptyStateText"?: string;
+    var HTMLSqmTextElement: {
+        prototype: HTMLSqmTextElement;
+        new (): HTMLSqmTextElement;
+    };
+    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
     }
-    interface SqmFormMessage {
-        /**
-          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
-          * @uiName Icon
-         */
-        "icon"?: string;
-        /**
-          * Options include "success", "info", "warning", and "error"
-          * @uiName Alert type
-         */
-        "type"?: string;
+    var HTMLSqmTextSpanElement: {
+        prototype: HTMLSqmTextSpanElement;
+        new (): HTMLSqmTextSpanElement;
+    };
+    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
     }
-    interface SqmGraphqlClientProvider {
-        /**
-          * @uiName Domain
-         */
-        "domain"?: string;
+    var HTMLSqmTimelineElement: {
+        prototype: HTMLSqmTimelineElement;
+        new (): HTMLSqmTimelineElement;
+    };
+    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
     }
-    interface SqmHeaderLogo {
-        /**
-          * @uiName Logo height
-         */
-        "height"?: number;
-        /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Logo image
-         */
-        "imageUrl"?: string;
-        /**
-          * Page participants are navigated to after clicking the header logo.
-          * @uiName Redirect path
-          * @uiWidget pageSelect
-         */
-        "nextPage"?: string;
+    var HTMLSqmTimelineEntryElement: {
+        prototype: HTMLSqmTimelineEntryElement;
+        new (): HTMLSqmTimelineEntryElement;
+    };
+    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
+    }
+    var HTMLSqmTitledSectionElement: {
+        prototype: HTMLSqmTitledSectionElement;
+        new (): HTMLSqmTitledSectionElement;
+    };
+    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    }
+    var HTMLSqmUserInfoFormElement: {
+        prototype: HTMLSqmUserInfoFormElement;
+        new (): HTMLSqmUserInfoFormElement;
+    };
+    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    }
+    var HTMLSqmUserNameElement: {
+        prototype: HTMLSqmUserNameElement;
+        new (): HTMLSqmUserNameElement;
+    };
+    interface HTMLElementTagNameMap {
+        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
+        "sqm-asset-card": HTMLSqmAssetCardElement;
+        "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
+        "sqm-big-stat": HTMLSqmBigStatElement;
+        "sqm-brand": HTMLSqmBrandElement;
+        "sqm-card-feed": HTMLSqmCardFeedElement;
+        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
+        "sqm-close-button": HTMLSqmCloseButtonElement;
+        "sqm-context-router": HTMLSqmContextRouterElement;
+        "sqm-coupon-code": HTMLSqmCouponCodeElement;
+        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
+        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
+        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
+        "sqm-docusign-form": HTMLSqmDocusignFormElement;
+        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
+        "sqm-edit-profile": HTMLSqmEditProfileElement;
+        "sqm-empty": HTMLSqmEmptyElement;
+        "sqm-form-message": HTMLSqmFormMessageElement;
+        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
+        "sqm-header-logo": HTMLSqmHeaderLogoElement;
+        "sqm-hero": HTMLSqmHeroElement;
+        "sqm-hero-image": HTMLSqmHeroImageElement;
+        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
+        "sqm-image": HTMLSqmImageElement;
+        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
+        "sqm-input-field": HTMLSqmInputFieldElement;
+        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
+        "sqm-leaderboard": HTMLSqmLeaderboardElement;
+        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
+        "sqm-link-button": HTMLSqmLinkButtonElement;
+        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
+        "sqm-name-fields": HTMLSqmNameFieldsElement;
+        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
+        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
+        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
+        "sqm-password-field": HTMLSqmPasswordFieldElement;
+        "sqm-popup-container": HTMLSqmPopupContainerElement;
+        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
+        "sqm-portal-container": HTMLSqmPortalContainerElement;
+        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
+        "sqm-portal-footer": HTMLSqmPortalFooterElement;
+        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
+        "sqm-portal-frame": HTMLSqmPortalFrameElement;
+        "sqm-portal-login": HTMLSqmPortalLoginElement;
+        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
+        "sqm-portal-profile": HTMLSqmPortalProfileElement;
+        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
+        "sqm-portal-register": HTMLSqmPortalRegisterElement;
+        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
+        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
+        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
+        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
+        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
+        "sqm-program-menu": HTMLSqmProgramMenuElement;
+        "sqm-referral-card": HTMLSqmReferralCardElement;
+        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
+        "sqm-referral-table": HTMLSqmReferralTableElement;
+        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
+        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
+        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
+        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
+        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
+        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
+        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
+        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
+        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
+        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
+        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
+        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
+        "sqm-rewards-table": HTMLSqmRewardsTableElement;
+        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
+        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
+        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
+        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
+        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
+        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
+        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
+        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
+        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
+        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
+        "sqm-route": HTMLSqmRouteElement;
+        "sqm-router": HTMLSqmRouterElement;
+        "sqm-scroll": HTMLSqmScrollElement;
+        "sqm-share-button": HTMLSqmShareButtonElement;
+        "sqm-share-code": HTMLSqmShareCodeElement;
+        "sqm-share-link": HTMLSqmShareLinkElement;
+        "sqm-stat-container": HTMLSqmStatContainerElement;
+        "sqm-stencilbook": HTMLSqmStencilbookElement;
+        "sqm-tab": HTMLSqmTabElement;
+        "sqm-table-cell": HTMLSqmTableCellElement;
+        "sqm-table-row": HTMLSqmTableRowElement;
+        "sqm-tabs": HTMLSqmTabsElement;
+        "sqm-task-card": HTMLSqmTaskCardElement;
+        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
+        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
+        "sqm-text": HTMLSqmTextElement;
+        "sqm-text-span": HTMLSqmTextSpanElement;
+        "sqm-timeline": HTMLSqmTimelineElement;
+        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
+        "sqm-titled-section": HTMLSqmTitledSectionElement;
+        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
+        "sqm-user-name": HTMLSqmUserNameElement;
     }
-    interface SqmHero {
-        /**
-          * Can be an image url, colour or Shoelace variable.
-          * @uiName Background
-          * @uiWidget Background
-         */
-        "background"?: string;
-        /**
-          * @uiName Columns
-          * @uiEnum [1, 2]
-          * @uiEnumNames ["One", "Two"]
-         */
-        "columns"?: 1 | 2;
-        /**
-          * Minimum height of each column including when they are stacked on mobile
-          * @uiName Minimum height (in px)
-         */
-        "minHeight"?: number;
-        /**
-          * @uiName Padding size
-          * @uiEnum ["none", "small", "medium","large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
-         */
-        "paddingSize"?: "none" | "small" | "medium" | "large";
-        /**
-          * Secondary background image or color (for use in the right column)
-          * @uiName Secondary background
-          * @uiWidget Background
-         */
-        "secondaryBackground"?: string;
-        /**
-          * Flexbox wrap direction, accepts wrap or wrap-reverse
-          * @uiName Wrap direction
-          * @uiEnum ["wrap", "wrap-reverse"]
-          * @uiEnumNames ["Wrap", "Wrap Reverse"]
-         */
-        "wrapDirection"?: "wrap" | "wrap-reverse";
+}
+declare namespace LocalJSX {
+    interface RaisinsPlopTarget {
     }
-    interface SqmHeroImage {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-         */
-        "backgroundColor"?: string;
-        /**
-          * @uiName Button link
-         */
-        "buttonLink"?: string;
+    interface SqmAssetCard {
         /**
-          * @uiName Open link in new tab
-          * @default
+          * @undocumented 
+          * @uiType object
          */
-        "buttonNewTab"?: boolean;
+        "demoData"?: DemoData<AssetCardViewProps>;
         /**
-          * @uiName Button text
+          * @uiName Banner image
          */
-        "buttonText"?: string;
+        "imgUrl"?: string;
         /**
-          * @uiName Description
-          * @uiWidget textArea
+          * @uiName Banner title
          */
-        "description"?: string;
+        "titleText"?: string;
+    }
+    interface SqmBankingInfoForm {
         /**
-          * @uiName Title
+          * @undocumented 
+          * @uiType object
          */
-        "header"?: string;
+        "demoData"?: DemoData<any>;
+        "directlyToBankAccount"?: string;
+        "formStep"?: string;
+        "paymentMethod"?: string;
+        "submitButton"?: string;
+        "taxAndPayouts"?: string;
+        "taxAndPayoutsDescription"?: string;
+        "toPaypalAccount"?: string;
+    }
+    interface SqmBigStat {
         /**
-          * @uiName Image mobile position
+          * Controls the alignment of the flexbox
+          * @uiName Alignment
           * @uiType string
-          * @uiEnum ["top", "bottom"]
-          * @uiEnumNames ["Top", "Bottom"]
+          * @uiEnum ["left", "right", "center"]
+          * @uiEnumNames ["Left", "Right", "Center"]
          */
-        "imageMobilePos"?: "top" | "bottom";
+        "alignment"?: "left" | "right" | "center";
         /**
-          * @uiName Image percentage
-          * @uiType number
+          * @undocumented 
+          * @uiType object
          */
-        "imagePercentage"?: number;
+        "demoData"?: DemoData<BigStatViewProps>;
         /**
-          * @uiName Image position
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * Controls the order of the stat value & description column
+          * @uiName Flex reverse
+          * @default
          */
-        "imagePos"?: "left" | "center" | "right";
+        "flexReverse"?: boolean;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
+          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "imageUrl"?: string;
+        "programId"?: string;
         /**
-          * @uiName Image layout
-          * @uiType string
-          * @uiEnum ["overlay", "columns"]
-          * @uiEnumNames ["Overlay", "Two-column"]
+          * Select what type of stat to display. Manual paths are also supported.
+          * @uiWidget statTypeSelectWidget
+          * @uiName Stat type
+          * @required 
+          * @uiWidgetOptions {"version": 1.1}
          */
-        "layout"?: "overlay" | "columns";
+        "statType"?: string;
+    }
+    interface SqmBrand {
         /**
-          * @uiName Overlay color
+          * Controls the primary brand color used in the Mint Components library.
+          * @uiName Brand color
           * @uiWidget color
           * @format color
          */
-        "overlayColor"?: string;
-        /**
-          * @uiName Overlay opacity
-         */
-        "overlayOpacity"?: string;
+        "brandColor"?: string;
         /**
-          * @uiName Image padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
+          * @uiName Brand font
+          * @default "Nunito Sans"
          */
-        "paddingImage"?: Spacing;
+        "brandFont"?: string;
+    }
+    interface SqmCardFeed {
         /**
-          * @uiName Text padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Column gap
+          * @uiType number
          */
-        "paddingText"?: Spacing;
+        "gap"?: number;
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * @uiName Card width
          */
-        "textColor"?: string;
-    }
-    interface SqmHookStoryContainer {
-        "hookStory"?: FunctionalComponent;
+        "width"?: number;
     }
-    interface SqmImage {
+    interface SqmCheckboxField {
         /**
-          * @uiName Position alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName Checkbox label
+          * @uiWidget textArea
          */
-        "alignment"?: "left" | "center" | "right";
+        "checkboxLabel"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * Used with link text if the checkbox label contains {labelLink}
+          * @uiName Checkbox label link
          */
-        "backgroundColor"?: string;
+        "checkboxLabelLink"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @required 
-          * @uiName Image link
+          * @uiName Checkbox label link lext
          */
-        "imageUrl"?: string;
+        "checkboxLabelLinkText"?: string;
         /**
-          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
-          * @uiName Minimum height
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Checkbox name attribute
+          * @required
          */
-        "minHeight"?: string;
-    }
-    interface SqmIndirectTaxForm {
-        "backButton"?: string;
+        "checkboxName"?: string;
         /**
-          * @undocumented
+          * @uiName Optional
          */
-        "demoData"?: DemoData<UseIndirectTaxFormResult>;
-        "formStep"?: string;
-        "generalErrorDescription"?: string;
-        "generalErrorTitle"?: string;
-        "indirectTax"?: string;
-        "indirectTaxDescription"?: string;
-        "indirectTaxDetails"?: string;
-        "indirectTaxDetailsDescription"?: string;
-        "indirectTaxNumber"?: string;
-        "indirectTaxNumberError"?: string;
-        "isPartnerAlertDescription"?: string;
-        "isPartnerAlertHeader"?: string;
-        "isRegisteredQST"?: string;
-        "isRegisteredSubRegionIncomeTax"?: string;
-        "notRegistered"?: string;
-        "otherRegion"?: string;
-        "province"?: string;
-        "provinceError"?: string;
-        "qstNumber"?: string;
-        "qstTaxNumberError"?: string;
-        "selectedRegion"?: string;
-        "selectedRegionError"?: string;
-        "subRegion"?: string;
-        "subRegionError"?: string;
-        "subRegionTaxNumberError"?: string;
-        "subRegionTaxNumberLabel"?: string;
-        "submitButton"?: string;
-        "taxDetailsError"?: string;
-    }
-    interface SqmInputField {
+        "checkboxOptional"?: boolean;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<InputFieldViewProps>;
+        "demoData"?: DemoData<CheckboxFieldViewProps>;
         /**
-          * @uiName Required error message
+          * @uiName Unchecked error message
          */
         "errorMessage"?: string;
+    }
+    interface SqmCloseButton {
         /**
-          * @uiName Input label
-         */
-        "fieldLabel"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Input name attribute
-          * @required
-         */
-        "fieldName"?: string;
-        /**
-          * @uiName Optional
-          * @default
-         */
-        "fieldOptional"?: boolean;
-        /**
-          * @uiName Input type
+          * @uiName Color
+          * @uiWidget color
           * @uiType string
-          * @uiEnum ["text", "date", "tel"]
-          * @uiEnumNames ["Text", "Date", "Phone Number"]
          */
-        "fieldType"?: "text" | "date" | "tel";
+        "color"?: string;
     }
-    interface SqmInstantAccessRegistration {
+    interface SqmContextRouter {
+        "contextName"?: string;
+    }
+    interface SqmCouponCode {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
+          * Set the copy button style and placement.
+          * @uiName Style
           * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "backgroundColor"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * @undocumented 
-          * @uiType object
+          * Display this message when the coupon code has been cancelled.
+          * @uiWidget textArea
+          * @uiName Cancelled code error message
+          * @uiGroup Coupon code error
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "cancelledErrorText"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Copy button label
          */
-        "emailLabel"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * @uiName First name field label
+          * @uiName Coupon code label
          */
-        "firstNameLabel"?: string;
+        "couponCodeLabel"?: string;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * Display this text when the coupon code can’t be retrieved.
+          * @uiName Coupon code placeholder
+          * @uiGroup Coupon code error
          */
-        "hideBorder"?: boolean;
+        "couponCodePlaceholder"?: string;
         /**
           * @undocumented 
-          * @uiType boolean
+          * @uiType object
          */
-        "includeCookies"?: boolean;
+        "demoData"?: DemoData<CouponCodeViewProps>;
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * Display this message when the coupon code has expired.
+          * @uiWidget textArea
+          * @uiName Expired code error message
+          * @uiGroup Coupon code error
          */
-        "includeName"?: boolean;
+        "expiredErrorText"?: string;
         /**
-          * Display this message when the given email is invalid.
-          * @uiName Invalid email message
+          * Display this message when the code fails to load due to a fulfillment error.
           * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Code fulfillment error message
+          * @uiGroup Coupon code error
          */
-        "invalidEmailErrorMessage"?: string;
+        "fullfillmentErrorText"?: string;
         /**
-          * @uiName Last name field label
+          * Display this message when the code fails to load due to an unspecified error.
+          * @uiWidget textArea
+          * @uiName Code retrieval error message
+          * @uiGroup Coupon code error
          */
-        "lastNameLabel"?: string;
+        "genericErrorText"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
-          * @uiName Network error message
+          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
           * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Code pending error message
+          * @uiGroup Coupon code error
          */
-        "networkErrorMessage"?: string;
+        "pendingErrorText"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "paddingBottom"?: string;
+        "programId"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Display this message when the coupon code has already been redeemed.
+          * @uiWidget textArea
+          * @uiName Redeemed code error message
+          * @uiGroup Coupon code error
          */
-        "paddingLeft"?: string;
+        "redeemedErrorText"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Coupon code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "paddingRight"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "paddingTop"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * @uiName Register button text
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
+          * @uiName Tooltip text
          */
-        "registerLabel"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmDividedLayout {
         /**
-          * Display this message when a required field has not been filled out.
-          * @uiName Required field message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
          */
-        "requiredFieldErrorMessage"?: string;
+        "direction"?: "row" | "column";
+        /**
+          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
+          * @uiName Border style
+         */
+        "dividerStyle"?: string;
     }
-    interface SqmLeaderboard {
+    interface SqmDocumentTypeForm {
         /**
-          * Title displayed for users without names
-          * @uiName Unknown user text
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "anonymousUser"?: string;
+        "backButton"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<LeaderboardViewProps>;
+        "demoData"?: DemoData<UseDocumentTypeFormResult>;
         /**
-          * Hide the viewer's leaderboard row if not in the top results.
-          * @uiName Hide viewing user
-          * @default
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
          */
-        "hideViewer"?: boolean;
+        "formLabel"?: string;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
          */
-        "interval"?: string;
+        "formStep"?: string;
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "generalErrorDescription"?: string;
         /**
-          * Control the maximum amount of rows displayed on the leaderboard.
-          * @uiName Maximum rows number
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "maxRows"?: number;
+        "generalErrorTitle"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "programId"?: string;
+        "submitButton"?: string;
         /**
-          * @uiName Rank type
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "taxForm"?: string;
         /**
-          * @uiName Rank column heading
+          * Description for the W8 radio button
+          * @uiName W8 radio button subtext
          */
-        "rankheading"?: string;
+        "w8Description"?: string;
         /**
-          * @uiName Show leaderboard rank
+          * Description for the W8E radio button
+          * @uiName W8E radio button subtext
          */
-        "showRank"?: boolean;
+        "w8EDescription"?: string;
         /**
-          * @uiName Stats column heading
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
          */
-        "statsheading"?: string;
+        "w8ELabel"?: string;
         /**
-          * @uiName User column heading
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
          */
-        "usersheading"?: string;
-    }
-    interface SqmLeaderboardRank {
+        "w8Label"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Description for the W9 radio button
+          * @uiName W9 radio button subtext
          */
-        "demoData"?: DemoData<LeaderboardRankViewProps>;
+        "w9Description"?: string;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
          */
-        "interval"?: string;
+        "w9Label"?: string;
+    }
+    interface SqmDocusignEmbed {
+        "onDocusignEvent"?: (event: CustomEvent<{ status: string }>) => void;
+        "url"?: string;
+    }
+    interface SqmDocusignForm {
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "backButton"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Text shown in the banner above the document
+          * @uiName Banner text
+         */
+        "banner"?: string;
+        /**
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
          */
-        "programId"?: string;
+        "checkboxDescription"?: string;
         /**
-          * @uiName Rank text
-          * @uiWidget textArea
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
          */
-        "rankText"?: string;
+        "checkboxLabel"?: string;
         /**
-          * @uiName Default rank
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * @undocumented 
+          * @uiType object
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "demoData"?: DemoData<UseDocusignFormResult>;
         /**
-          * @uiName Unranked text
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
          */
-        "unrankedText"?: string;
-    }
-    interface SqmLinkButton {
+        "docusignExpired"?: string;
         /**
-          * @uiName Button text
-          * @uiType string
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
          */
-        "buttonText"?: string;
+        "formStep"?: string;
         /**
-          * Enter the URL where you want your participants redirected. Example: https://www.example.com
-          * @required 
-          * @uiName Link
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
          */
-        "link"?: string;
+        "formSubmissionError"?: string;
         /**
-          * @uiName Open link in new tab
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "openInNewTab"?: boolean;
-    }
-    interface SqmLogoutCurrentUser {
+        "generalErrorDescription"?: string;
         /**
-          * @required 
-          * @uiName Switch user button link
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "generalErrorTitle"?: string;
         /**
-          * @required 
-          * @uiName Switch user button label
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
          */
-        "switchUserText"?: string;
+        "notBasedInUS"?: string;
         /**
-          * @required 
-          * @uiName User identification text
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "userIdentificationText"?: string;
-    }
-    interface SqmNameFields {
+        "submitButton"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
          */
-        "demoData"?: DemoData<NameFieldsViewProps>;
+        "taxForm"?: string;
         /**
-          * @uiName First name label
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
          */
-        "firstNameLabel"?: string;
+        "taxFormDescription"?: string;
         /**
-          * @uiName Last name label
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
          */
-        "lastNameLabel"?: string;
+        "taxFormLabel"?: string;
     }
-    interface SqmNavigationMenu {
+    interface SqmDropdownField {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<NavigationMenuViewProps>;
+        "demoData"?: DemoData<DropdownFieldViewProps>;
         /**
-          * @uiName Include dropdown menu
+          * @uiName Dropdown label
          */
-        "includeDropdown"?: boolean;
+        "dropdownLabel"?: string;
         /**
-          * Label on the header menu
-          * @uiName Menu label
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Dropdown name attribute
+          * @required
          */
-        "menuLabel"?: string;
-    }
-    interface SqmNavigationSidebar {
-    }
-    interface SqmNavigationSidebarItem {
+        "dropdownName"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Optional
+          * @default
          */
-        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
+        "dropdownOptional"?: boolean;
         /**
-          * Options available at https://shoelace.style/components/icon
-          * @uiName Icon
+          * @uiName Unselected error message
          */
-        "icon"?: string;
+        "errorMessage"?: string;
+    }
+    interface SqmEditProfile {
         /**
-          * @uiName Label
+          * @uiName Cancel button text
          */
-        "label"?: string;
+        "canceltext"?: string;
         /**
-          * @uiName Navigation path
-          * @uiWidget pageSelect
+          * @uiName Region field label
          */
-        "path"?: string;
-    }
-    interface SqmPasswordField {
+        "currentregiontext"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: PasswordFieldViewDemoProps;
-        /**
-          * Disable live password validation
-          * @uiName Disable validation
-         */
-        "disableValidation"?: boolean;
+        "demoData"?: DemoData<EditProfileViewProps>;
         /**
-          * Label for password field
-          * @uiName Password label
+          * @uiName Heading
          */
-        "fieldLabel"?: string;
-    }
-    interface SqmPopupContainer {
+        "editprofileheader"?: string;
         /**
-          * Display a close button on the popup
-          * @uiName Show close button
+          * Enable editing button text
+          * @uiName Edit profile text
          */
-        "closeButton"?: boolean;
+        "editprofiletext"?: string;
         /**
-          * Text inside the close button
-          * @uiName Close button text
+          * @uiName First name label
          */
-        "closeButtonText"?: string;
+        "firstnametext"?: string;
         /**
-          * Specify padding on the popup contents when in embedded mode
-          * @uiName Embed padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * @uiName Last name label
          */
-        "embedPadding"?: "none" | "small" | "medium" | "large";
+        "lastnametext"?: string;
         /**
-          * Specify padding on the popup contents when in popup mode
-          * @uiName Popup padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * Show or hide current region
+          * @uiName Show region
          */
-        "popupPadding"?: "none" | "small" | "medium" | "large";
+        "showregion"?: boolean;
         /**
-          * Show Powered with SaaSquatch by Impact.com link
-          * @uiName Show powered by
+          * @uiName Info button text
          */
-        "poweredBy"?: boolean;
+        "updatetext"?: string;
     }
-    interface SqmPortalChangePassword {
-        /**
-          * Found in modal
-          * @uiName Cancel button text
-         */
-        "cancelText"?: string;
-        /**
-          * Found in modal
-          * @uiName Change password button text
-         */
-        "changePasswordButtonText"?: string;
-        /**
-          * Found in modal
-          * @uiName Confirm password Label
-         */
-        "confirmPasswordFieldLabel"?: string;
+    interface SqmEmpty {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Title
          */
-        "demoData"?: DemoData<PortalChangePasswordViewProps>;
+        "emptyStateHeader"?: string;
         /**
-          * @uiName Change password modal header
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
          */
-        "modalChangePasswordHeader"?: string;
+        "emptyStateImage"?: string;
         /**
-          * Found in modal
-          * @uiName New password field label
+          * @uiName Description
+          * @uiWidget textArea
          */
-        "passwordFieldLabel"?: string;
+        "emptyStateText"?: string;
+    }
+    interface SqmFormMessage {
         /**
-          * @uiName Change password button text
+          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "portalChangePasswordButtonText"?: string;
+        "icon"?: string;
         /**
-          * Portal change password section header
-          * @uiName Change password header
+          * Options include "success", "info", "warning", and "error"
+          * @uiName Alert type
          */
-        "portalChangePasswordHeader"?: string;
+        "type"?: string;
+    }
+    interface SqmGraphqlClientProvider {
         /**
-          * Successful password change message
-          * @uiName Successful password change message
-          * @uiWidget textArea
+          * @uiName Domain
          */
-        "successMessage"?: string;
+        "domain"?: string;
     }
-    interface SqmPortalContainer {
+    interface SqmHeaderLogo {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * @uiName Logo height
          */
-        "backgroundColor"?: string;
+        "height"?: number;
         /**
-          * @uiName Center content
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Logo image
          */
-        "center"?: boolean;
+        "imageUrl"?: string;
         /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
+          * Page participants are navigated to after clicking the header logo.
+          * @uiName Redirect path
+          * @uiWidget pageSelect
          */
-        "direction"?: "row" | "column";
+        "nextPage"?: string;
+    }
+    interface SqmHero {
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * Can be an image url, colour or Shoelace variable.
+          * @uiName Background
+          * @uiWidget Background
          */
-        "display"?: "grid" | "flex";
+        "background"?: string;
         /**
-          * @uiName Gap
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Columns
+          * @uiEnum [1, 2]
+          * @uiEnumNames ["One", "Two"]
          */
-        "gap"?: Spacing;
+        "columns"?: 1 | 2;
         /**
-          * Define how this container distributes its contents along the main-axis.
-          * @uiName Justify content
-          * @uiType string
-          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
-          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
+          * Minimum height of each column including when they are stacked on mobile
+          * @uiName Minimum height (in px)
          */
-        "justifyContent"?: | "start"
-    | "center"
-    | "end"
-    | "space-between"
-    | "space-around"
-    | "space-evenly";
+        "minHeight"?: number;
         /**
-          * @uiName Maximum width
+          * @uiName Padding size
+          * @uiEnum ["none", "small", "medium","large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "maxWidth"?: string;
+        "paddingSize"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Minimum width
+          * Secondary background image or color (for use in the right column)
+          * @uiName Secondary background
+          * @uiWidget Background
          */
-        "minWidth"?: string;
+        "secondaryBackground"?: string;
         /**
-          * @uiName Padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Flexbox wrap direction, accepts wrap or wrap-reverse
+          * @uiName Wrap direction
+          * @uiEnum ["wrap", "wrap-reverse"]
+          * @uiEnumNames ["Wrap", "Wrap Reverse"]
          */
-        "padding"?: Spacing;
+        "wrapDirection"?: "wrap" | "wrap-reverse";
     }
-    interface SqmPortalEmailVerification {
+    interface SqmHeroImage {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
+        "backgroundColor"?: string;
         /**
-          * @uiName Email verification header text
+          * @uiName Button link
          */
-        "emailVerificationHeader"?: string;
+        "buttonLink"?: string;
         /**
-          * Redirect participants to this page from their verification email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @uiName Open link in new tab
+          * @default
          */
-        "redirectPath"?: string;
+        "buttonNewTab"?: boolean;
         /**
-          * @uiName Re-send email button text
+          * @uiName Button text
          */
-        "resendEmailButtonText"?: string;
+        "buttonText"?: string;
         /**
-          * @uiName Email verification checking text
+          * @uiName Description
           * @uiWidget textArea
          */
-        "verificationLoadingMessage"?: string;
+        "description"?: string;
         /**
-          * @uiName Email verification status text
-          * @uiWidget textArea
+          * @uiName Title
          */
-        "verificationStatusMessage"?: string;
+        "header"?: string;
         /**
-          * @uiName Email verification body text
-          * @uiWidget textArea
+          * @uiName Image mobile position
+          * @uiType string
+          * @uiEnum ["top", "bottom"]
+          * @uiEnumNames ["Top", "Bottom"]
          */
-        "verifyMessage"?: string;
-    }
-    interface SqmPortalFooter {
+        "imageMobilePos"?: "top" | "bottom";
         /**
-          * @uiName FAQ link
+          * @uiName Image percentage
+          * @uiType number
          */
-        "faqLink"?: string;
+        "imagePercentage"?: number;
         /**
-          * @uiName FAQ text
+          * @uiName Image position
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "faqText"?: string;
+        "imagePos"?: "left" | "center" | "right";
         /**
-          * @uiName Hide powered with SaaSquatch by Impact.com
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
          */
-        "hidePoweredBy"?: boolean;
+        "imageUrl"?: string;
         /**
-          * @uiName Hide support message
+          * @uiName Image layout
+          * @uiType string
+          * @uiEnum ["overlay", "columns"]
+          * @uiEnumNames ["Overlay", "Two-column"]
          */
-        "hideSupportText"?: boolean;
+        "layout"?: "overlay" | "columns";
         /**
-          * @uiName Bottom padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Overlay color
+          * @uiWidget color
+          * @format color
          */
-        "paddingBottom"?: string;
+        "overlayColor"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Overlay opacity
          */
-        "paddingLeft"?: string;
+        "overlayOpacity"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Padding
+          * @uiName Image padding
+          * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingRight"?: string;
+        "paddingImage"?: Spacing;
         /**
-          * @uiName Top padding
-          * @uiGroup Padding
+          * @uiName Text padding
+          * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingTop"?: string;
+        "paddingText"?: Spacing;
         /**
-          * @uiName Powered By link
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "poweredByLink"?: string;
+        "textColor"?: string;
+    }
+    interface SqmHookStoryContainer {
+        "hookStory"?: FunctionalComponent;
+    }
+    interface SqmImage {
         /**
-          * @uiName Support email
+          * @uiName Position alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "supportEmail"?: string;
+        "alignment"?: "left" | "center" | "right";
         /**
-          * @uiName Support message
-          * @uiWidget textArea
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "supportText"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Terms and conditions link
+          * @uiWidget ImageUpload
+          * @format url
+          * @required 
+          * @uiName Image link
          */
-        "termsLink"?: string;
+        "imageUrl"?: string;
         /**
-          * @uiName Terms and conditions text
+          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
+          * @uiName Minimum height
          */
-        "termsText"?: string;
+        "minHeight"?: string;
     }
-    interface SqmPortalForgotPassword {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
-        /**
-          * @uiName Email field label
-         */
-        "emailLabel"?: string;
+    interface SqmIndirectTaxForm {
+        "backButton"?: string;
         /**
-          * @uiName Header text
-          * @uiWidget textArea
+          * @undocumented
          */
-        "headerText"?: string;
+        "demoData"?: DemoData<UseIndirectTaxFormResult>;
+        "formStep"?: string;
+        "generalErrorDescription"?: string;
+        "generalErrorTitle"?: string;
+        "indirectTax"?: string;
+        "indirectTaxDescription"?: string;
+        "indirectTaxDetails"?: string;
+        "indirectTaxDetailsDescription"?: string;
+        "indirectTaxNumber"?: string;
+        "indirectTaxNumberError"?: string;
+        "isPartnerAlertDescription"?: string;
+        "isPartnerAlertHeader"?: string;
+        "isRegisteredQST"?: string;
+        "isRegisteredSubRegionIncomeTax"?: string;
+        "notRegistered"?: string;
+        "otherRegion"?: string;
+        "province"?: string;
+        "provinceError"?: string;
+        "qstNumber"?: string;
+        "qstTaxNumberError"?: string;
+        "selectedRegion"?: string;
+        "selectedRegionError"?: string;
+        "subRegion"?: string;
+        "subRegionError"?: string;
+        "subRegionTaxNumberError"?: string;
+        "subRegionTaxNumberLabel"?: string;
+        "submitButton"?: string;
+        "taxDetailsError"?: string;
+    }
+    interface SqmInputField {
         /**
-          * @uiName Login redirect path
-          * @uiWidget pageSelect
+          * @undocumented 
+          * @uiType object
          */
-        "loginPath"?: string;
+        "demoData"?: DemoData<InputFieldViewProps>;
         /**
-          * Sign in link text
+          * @uiName Required error message
          */
-        "loginText"?: string;
+        "errorMessage"?: string;
         /**
-          * Redirect participants to this page after they verify their email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @uiName Input label
          */
-        "redirectPath"?: string;
+        "fieldLabel"?: string;
         /**
-          * @uiName Password reset button text
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Input name attribute
+          * @required
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalFrame {
+        "fieldName"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Optional
+          * @default
          */
-        "demoData"?: DemoData<PortalFrameViewProps>;
+        "fieldOptional"?: boolean;
         /**
-          * @undocumented
+          * @uiName Input type
+          * @uiType string
+          * @uiEnum ["text", "date", "tel"]
+          * @uiEnumNames ["Text", "Date", "Phone Number"]
          */
-        "notFullScreen"?: boolean;
+        "fieldType"?: "text" | "date" | "tel";
     }
-    interface SqmPortalLogin {
+    interface SqmInstantAccessRegistration {
+        /**
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
+         */
+        "backgroundColor"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalLoginViewProps>;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
           * @uiName Email field label
          */
         "emailLabel"?: string;
         /**
-          * @uiName Forgot password text
-         */
-        "forgotPasswordLabel"?: string;
-        /**
-          * Redirect participants to this page to reset their password
-          * @uiName Forgot password redirect
-          * @uiWidget pageSelect
+          * @uiName First name field label
          */
-        "forgotPasswordPath"?: string;
+        "firstNameLabel"?: string;
         /**
-          * Redirect participants to this page after they successfully login.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "nextPage"?: string;
+        "hideBorder"?: boolean;
         /**
-          * @uiName Heading label
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType boolean
          */
-        "pageLabel"?: string;
+        "includeCookies"?: boolean;
         /**
-          * @uiName Password field label
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "passwordLabel"?: string;
+        "includeName"?: boolean;
         /**
-          * @uiName Register button text
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "registerLabel"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Redirect participants to this page to start registration.
-          * @uiName Register button redirect
-          * @uiWidget pageSelect
+          * @uiName Last name field label
          */
-        "registerPath"?: string;
+        "lastNameLabel"?: string;
         /**
-          * @uiName Submit button text
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalLogout {
+        "networkErrorMessage"?: string;
         /**
-          * Redirect participants to this page when they log out.
-          * @uiName Logout redirect path
-          * @uiWidget pageSelect
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "nextPage"?: string;
-    }
-    interface SqmPortalProfile {
+        "paddingBottom"?: string;
         /**
-          * @uiName Country field label
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "countrytext"?: string;
+        "paddingLeft"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "demoData"?: DemoData<PortalProfileViewProps>;
+        "paddingRight"?: string;
         /**
-          * @uiName Edit profile header
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "editProfileHeader"?: string;
+        "paddingTop"?: string;
         /**
-          * @uiName Edit profile sub header
+          * @uiName Register button text
          */
-        "editProfileSubHeader"?: string;
+        "registerLabel"?: string;
         /**
-          * @uiName Email field label
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "emailtext"?: string;
+        "requiredFieldErrorMessage"?: string;
+    }
+    interface SqmLeaderboard {
         /**
-          * @uiName First name label
+          * Title displayed for users without names
+          * @uiName Unknown user text
          */
-        "firstnametext"?: string;
+        "anonymousUser"?: string;
         /**
-          * @uiName Hide country field
+          * @undocumented 
+          * @uiType object
          */
-        "hideCountry"?: boolean;
+        "demoData"?: DemoData<LeaderboardViewProps>;
         /**
-          * @uiName Last name field label
+          * Hide the viewer's leaderboard row if not in the top results.
+          * @uiName Hide viewing user
+          * @default
          */
-        "lastnametext"?: string;
+        "hideViewer"?: boolean;
         /**
-          * @uiName Submit changes button text
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "submitChangeButtonText"?: string;
-    }
-    interface SqmPortalProtectedRoute {
+        "interval"?: string;
         /**
-          * Redirect participants to this page they are not logged in.
-          * @uiName Unauthenticated participant redirect
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "redirectTo"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * Redirect participants to this page when email verification is required but they have not verified their email.
-          * @uiName Unverified participant redirect
+          * Control the maximum amount of rows displayed on the leaderboard.
+          * @uiName Maximum rows number
          */
-        "redirectToUnverified"?: string;
+        "maxRows"?: number;
         /**
-          * @uiName Require email verification
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "requireEmailVerification"?: boolean;
-    }
-    interface SqmPortalRegister {
+        "programId"?: string;
         /**
-          * @uiName Show confirm password field
+          * @uiName Rank type
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "confirmPassword"?: boolean;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * @uiName Confirm password field label
+          * @uiName Rank column heading
          */
-        "confirmPasswordLabel"?: string;
+        "rankheading"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Show leaderboard rank
          */
-        "demoData"?: DemoData<PortalRegisterViewProps>;
+        "showRank"?: boolean;
         /**
-          * @uiName Disable password validation
+          * @uiName Stats column heading
          */
-        "disablePasswordValidation"?: boolean;
+        "statsheading"?: string;
         /**
-          * @uiName Email field label
+          * @uiName User column heading
          */
-        "emailLabel"?: string;
+        "usersheading"?: string;
+    }
+    interface SqmLeaderboardRank {
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * @undocumented 
+          * @uiType object
          */
-        "hideInputs"?: boolean;
+        "demoData"?: DemoData<LeaderboardRankViewProps>;
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
-          * @uiWidget textArea
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "invalidEmailErrorMessage"?: string;
+        "interval"?: string;
         /**
-          * @uiName Login button text
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "loginLabel"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "loginPath"?: string;
+        "programId"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
+          * @uiName Rank text
           * @uiWidget textArea
          */
-        "networkErrorMessage"?: string;
-        /**
-          * Redirect participants to this page from their verification email
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
-         */
-        "nextPage"?: string;
-        /**
-          * @uiName Header text
-         */
-        "pageLabel"?: string;
+        "rankText"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Default rank
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "passwordLabel"?: string;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * @uiName Unranked text
          */
-        "passwordMismatchErrorMessage"?: string;
+        "unrankedText"?: string;
+    }
+    interface SqmLinkButton {
         /**
-          * The page that participants are redirected to from the verification email.
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * @uiName Button text
+          * @uiType string
          */
-        "redirectPath"?: string;
+        "buttonText"?: string;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
+          * Enter the URL where you want your participants redirected. Example: https://www.example.com
+          * @required 
+          * @uiName Link
          */
-        "requiredFieldErrorMessage"?: string;
+        "link"?: string;
         /**
-          * @uiName Submit button text
+          * @uiName Open link in new tab
          */
-        "submitLabel"?: string;
+        "openInNewTab"?: boolean;
     }
-    interface SqmPortalRegistrationForm {
+    interface SqmLogoutCurrentUser {
         /**
-          * @uiName Show confirm password field
+          * @required 
+          * @uiName Switch user button link
          */
-        "confirmPassword"?: boolean;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * @uiName Confirm password field label
+          * @required 
+          * @uiName Switch user button label
          */
-        "confirmPasswordLabel"?: string;
+        "switchUserText"?: string;
+        /**
+          * @required 
+          * @uiName User identification text
+         */
+        "userIdentificationText"?: string;
+    }
+    interface SqmNameFields {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
+        "demoData"?: DemoData<NameFieldsViewProps>;
         /**
-          * @uiName Disable password validation
+          * @uiName First name label
          */
-        "disablePasswordValidation"?: boolean;
+        "firstNameLabel"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Last name label
          */
-        "emailLabel"?: string;
+        "lastNameLabel"?: string;
+    }
+    interface SqmNavigationMenu {
         /**
-          * The message to be displayed when the registration form is disabled.
-          * @uiName Form disabled message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "formDisabledErrorMessage"?: string;
+        "demoData"?: DemoData<NavigationMenuViewProps>;
         /**
-          * The key of the registration form used for this microsite.
-          * @uiName Form key
-          * @required
+          * @uiName Include dropdown menu
          */
-        "formKey"?: string;
+        "includeDropdown"?: boolean;
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * Label on the header menu
+          * @uiName Menu label
          */
-        "hideInputs"?: boolean;
+        "menuLabel"?: string;
+    }
+    interface SqmNavigationSidebar {
+    }
+    interface SqmNavigationSidebarItem {
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "invalidEmailErrorMessage"?: string;
+        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
         /**
-          * @uiName Login button text
+          * Options available at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "loginLabel"?: string;
+        "icon"?: string;
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
+          * @uiName Label
+         */
+        "label"?: string;
+        /**
+          * @uiName Navigation path
           * @uiWidget pageSelect
          */
-        "loginPath"?: string;
+        "path"?: string;
+    }
+    interface SqmPasswordField {
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "networkErrorMessage"?: string;
+        "demoData"?: PasswordFieldViewDemoProps;
         /**
-          * Redirect participants to this page after they successfully register.
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * Disable live password validation
+          * @uiName Disable validation
          */
-        "nextPage"?: string;
+        "disableValidation"?: boolean;
         /**
-          * @uiName Header text
+          * Label for password field
+          * @uiName Password label
          */
-        "pageLabel"?: string;
+        "fieldLabel"?: string;
+    }
+    interface SqmPopupContainer {
         /**
-          * @uiName Password field label
+          * Display a close button on the popup
+          * @uiName Show close button
          */
-        "passwordLabel"?: string;
+        "closeButton"?: boolean;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * Text inside the close button
+          * @uiName Close button text
          */
-        "passwordMismatchErrorMessage"?: string;
+        "closeButtonText"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * Specify padding on the popup contents when in embedded mode
+          * @uiName Embed padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "redirectPath"?: string;
+        "embedPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
+          * Specify padding on the popup contents when in popup mode
+          * @uiName Popup padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "requiredFieldErrorMessage"?: string;
+        "popupPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Submit button text
+          * Show Powered with SaaSquatch by Impact.com link
+          * @uiName Show powered by
          */
-        "submitLabel"?: string;
+        "poweredBy"?: boolean;
     }
-    interface SqmPortalResetPassword {
+    interface SqmPortalChangePassword {
         /**
-          * @uiName Show confirm password field
+          * Found in modal
+          * @uiName Cancel button text
          */
-        "confirmPassword"?: boolean;
+        "cancelText"?: string;
         /**
-          * @uiName Password confirmation field label
+          * Found in modal
+          * @uiName Change password button text
          */
-        "confirmPasswordFieldLabel"?: string;
+        "changePasswordButtonText"?: string;
         /**
-          * Button text displayed after a successful password reset.
-          * @uiName Continue button text
+          * Found in modal
+          * @uiName Confirm password Label
          */
-        "continueButtonText"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalResetPasswordViewProps>;
+        "demoData"?: DemoData<PortalChangePasswordViewProps>;
         /**
-          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
-          * @uiName Failed reset redirect
-          * @uiWidget pageSelect
+          * @uiName Change password modal header
          */
-        "failedPage"?: string;
+        "modalChangePasswordHeader"?: string;
         /**
-          * Redirect participants to this page when they successfully reset their password.
-          * @uiName Successful reset redirect
-          * @uiWidget pageSelect
+          * Found in modal
+          * @uiName New password field label
          */
-        "nextPage"?: string;
+        "passwordFieldLabel"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Change password button text
          */
-        "passwordFieldLabel"?: string;
+        "portalChangePasswordButtonText"?: string;
         /**
-          * Displayed after a successful password reset.
-          * @uiName Successful password reset text
+          * Portal change password section header
+          * @uiName Change password header
+         */
+        "portalChangePasswordHeader"?: string;
+        /**
+          * Successful password change message
+          * @uiName Successful password change message
           * @uiWidget textArea
          */
-        "passwordResetHeader"?: string;
+        "successMessage"?: string;
+    }
+    interface SqmPortalContainer {
         /**
-          * @uiName Password reset button text
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "resetPasswordButtonText"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Reset password header text
+          * @uiName Center content
          */
-        "resetPasswordHeader"?: string;
-    }
-    interface SqmPortalVerifyEmail {
+        "center"?: boolean;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
          */
-        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
+        "direction"?: "row" | "column";
         /**
-          * Redirect participants to this page if verification fails due to an outdated verification attempt.
-          * @uiName Failed verification redirect
-          * @uiWidget pageSelect
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "failedPage"?: string;
+        "display"?: "grid" | "flex";
         /**
-          * Redirect participants to this page when they successfully verify their email.
-          * @uiName Successful verification redirect
-          * @uiWidget pageSelect
+          * @uiName Gap
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "nextPage"?: string;
-    }
-    interface SqmProgramExplainer {
+        "gap"?: Spacing;
         /**
-          * @uiName Header background color
-          * @uiWidget color
-          * @format color
+          * Define how this container distributes its contents along the main-axis.
+          * @uiName Justify content
+          * @uiType string
+          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
+          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
+         */
+        "justifyContent"?: | "start"
+    | "center"
+    | "end"
+    | "space-between"
+    | "space-around"
+    | "space-evenly";
+        /**
+          * @uiName Maximum width
          */
-        "backgroundColor"?: string;
+        "maxWidth"?: string;
         /**
-          * @uiName Header text
+          * @uiName Minimum width
          */
-        "header"?: string;
+        "minWidth"?: string;
         /**
-          * @uiName Header text color
-          * @uiWidget color
-          * @format color
+          * @uiName Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "textColor"?: string;
+        "padding"?: Spacing;
     }
-    interface SqmProgramExplainerStep {
+    interface SqmPortalEmailVerification {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * @undocumented 
+          * @uiType object
          */
-        "backgroundColor"?: string;
+        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
         /**
-          * @uiName Description
-          * @uiWidget textArea
+          * @uiName Email verification header text
          */
-        "description"?: string;
+        "emailVerificationHeader"?: string;
         /**
-          * @uiName Title
+          * Redirect participants to this page from their verification email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "header"?: string;
+        "redirectPath"?: string;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * @uiName Re-send email button text
          */
-        "icon"?: string;
+        "resendEmailButtonText"?: string;
         /**
-          * Displayed in place of an icon
-          * @uiName Image URL
-          * @uiWidget imageUpload
-          * @format url
+          * @uiName Email verification checking text
+          * @uiWidget textArea
          */
-        "imageUrl"?: string;
+        "verificationLoadingMessage"?: string;
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * @uiName Email verification status text
+          * @uiWidget textArea
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramMenu {
+        "verificationStatusMessage"?: string;
+        /**
+          * @uiName Email verification body text
+          * @uiWidget textArea
+         */
+        "verifyMessage"?: string;
     }
-    interface SqmReferralCard {
+    interface SqmPortalFooter {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiType string
+          * @uiName FAQ link
          */
-        "backgroundColor"?: string;
+        "faqLink"?: string;
         /**
-          * @uiName Hide border
-          * @uiType boolean
+          * @uiName FAQ text
          */
-        "hideBorder"?: boolean;
+        "faqText"?: string;
         /**
-          * @uiName Limit width
-          * @uiType boolean
+          * @uiName Hide powered with SaaSquatch by Impact.com
          */
-        "limitWidth"?: boolean;
+        "hidePoweredBy"?: boolean;
+        /**
+          * @uiName Hide support message
+         */
+        "hideSupportText"?: boolean;
         /**
           * @uiName Bottom padding
           * @uiGroup Padding
@@ -7113,1738 +5985,1665 @@ declare namespace LocalJSX {
          */
         "paddingTop"?: string;
         /**
-          * @uiName Vertical alignment
-          * @uiType string
-          * @uiEnum ["start", "center", "end"]
-          * @uiEnumNames ["Top", "Center", "Bottom"]
+          * @uiName Powered By link
          */
-        "verticalAlignment"?: "start" | "center" | "end";
-    }
-    interface SqmReferralIframe {
+        "poweredByLink"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Support email
          */
-        "demoData"?: DemoData<ReferralIframeViewProps>;
+        "supportEmail"?: string;
         /**
-          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame height
+          * @uiName Support message
+          * @uiWidget textArea
          */
-        "iframeHeight"?: string;
+        "supportText"?: string;
         /**
-          * URL of iframe to display
-          * @uiName IFrame source
-          * @required
+          * @uiName Terms and conditions link
          */
-        "iframeSrc"?: string;
+        "termsLink"?: string;
         /**
-          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame width
+          * @uiName Terms and conditions text
          */
-        "iframeWidth"?: string;
+        "termsText"?: string;
     }
-    interface SqmReferralTable {
+    interface SqmPortalForgotPassword {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
-        /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Hidden mobile columns
-         */
-        "hiddenColumns"?: string;
-        /**
-          * @uiName Hide column labels
-         */
-        "hideLabels"?: boolean;
-        /**
-          * @uiName Tablet breakpoint
-         */
-        "mdBreakpoint"?: number;
-        /**
-          * @uiName View More button text
-         */
-        "moreLabel"?: string;
+        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
         /**
-          * Number of referrals displayed per page
-          * @uiName Referrals per page
+          * @uiName Email field label
          */
-        "perPage"?: number;
+        "emailLabel"?: string;
         /**
-          * @uiName Previous button text
+          * @uiName Header text
+          * @uiWidget textArea
          */
-        "prevLabel"?: string;
+        "headerText"?: string;
         /**
-          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
-          * @uiName Program
-          * @uiWidget programSelector
+          * @uiName Login redirect path
+          * @uiWidget pageSelect
          */
-        "programId"?: string;
+        "loginPath"?: string;
         /**
-          * Show referred by user in table
-          * @uiName Show referrer
-          * @default
+          * Sign in link text
          */
-        "showReferrer"?: boolean;
+        "loginText"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * Redirect participants to this page after they verify their email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmReferralTableCell {
-        "innerTemplate"?: string;
-    }
-    interface SqmReferralTableColumn {
+        "redirectPath"?: string;
         /**
-          * @uiName Column title
+          * @uiName Password reset button text
          */
-        "columnTitle"?: string;
-    }
-    interface SqmReferralTableDateCell {
-        "date"?: number;
-        "locale"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmReferralTableDateColumn {
+    interface SqmPortalFrame {
         /**
-          * @uiName Date column title
+          * @undocumented 
+          * @uiType object
          */
-        "columnTitle"?: string;
+        "demoData"?: DemoData<PortalFrameViewProps>;
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
-          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
+          * @undocumented
          */
-        "dateShown"?: ReferralDates;
-    }
-    interface SqmReferralTableRewardsCell {
-        "deniedHelpText"?: string;
-        "expiringText"?: string;
-        "fuelTankText"?: string;
-        "hideDetails"?: boolean;
-        "locale"?: string;
-        "pendingForText"?: string;
-        "rewardReceivedText"?: string;
-        "rewards"?: Reward[];
-        "statusLongText"?: string;
-        "statusText"?: string;
+        "notFullScreen"?: boolean;
     }
-    interface SqmReferralTableRewardsColumn {
+    interface SqmPortalLogin {
         /**
-          * @uiName Reward column title
+          * @undocumented 
+          * @uiType object
          */
-        "columnTitle"?: string;
+        "demoData"?: DemoData<PortalLoginViewProps>;
         /**
-          * Shown in the dropdown details when a reward was denied.
-          * @uiName Reward denied help text
+          * @uiName Email field label
          */
-        "deniedHelpText"?: string;
+        "emailLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward has an expiry date.
-          * @uiName Reward expiring text
+          * @uiName Forgot password text
          */
-        "expiringText"?: string;
+        "forgotPasswordLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward has an associated fuel tank code.
-          * @uiName Fuel tank code text
+          * Redirect participants to this page to reset their password
+          * @uiName Forgot password redirect
+          * @uiWidget pageSelect
          */
-        "fuelTankText"?: string;
+        "forgotPasswordPath"?: string;
         /**
-          * @uiName Hide dropdown details of reward
-          * @default
+          * Redirect participants to this page after they successfully login.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "hideDetails"?: boolean;
+        "nextPage"?: string;
         /**
-          * Shown in the dropdown details when a reward is pending.
-          * @uiName Reward pending text
+          * @uiName Heading label
+          * @uiWidget textArea
          */
-        "pendingForText"?: string;
+        "pageLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward has been received.’
-          * @uiName Reward received text
+          * @uiName Password field label
          */
-        "rewardReceivedText"?: string;
+        "passwordLabel"?: string;
         /**
-          * Additional status text shown in the details drop down.
-          * @uiName Reward status long text
-          * @uiWidget textArea
+          * @uiName Register button text
+         */
+        "registerLabel"?: string;
+        /**
+          * Redirect participants to this page to start registration.
+          * @uiName Register button redirect
+          * @uiWidget pageSelect
          */
-        "statusLongText"?: string;
+        "registerPath"?: string;
         /**
-          * Text shown in the reward status badge.
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * @uiName Submit button text
          */
-        "statusText"?: string;
-    }
-    interface SqmReferralTableStatusCell {
-        "converted"?: boolean;
-        "fraudStatus"?: FraudStatus;
-        "statusSubText"?: string;
-        "statusText"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmReferralTableStatusColumn {
+    interface SqmPortalLogout {
         /**
-          * @uiName Column title
+          * Redirect participants to this page when they log out.
+          * @uiName Logout redirect path
+          * @uiWidget pageSelect
          */
-        "columnTitle"?: string;
+        "nextPage"?: string;
+    }
+    interface SqmPortalProfile {
         /**
-          * @uiName Converted status text
+          * @uiName Country field label
          */
-        "convertedStatusText"?: string;
+        "countrytext"?: string;
         /**
-          * @uiName Denied status sub-text
+          * @undocumented 
+          * @uiType object
          */
-        "deniedStatusSubText"?: string;
+        "demoData"?: DemoData<PortalProfileViewProps>;
         /**
-          * @uiName Denied status text
+          * @uiName Edit profile header
          */
-        "deniedStatusText"?: string;
+        "editProfileHeader"?: string;
         /**
-          * @uiName In progress status text
+          * @uiName Edit profile sub header
          */
-        "inProgressStatusText"?: string;
+        "editProfileSubHeader"?: string;
         /**
-          * @uiName Pending review status sub-text
+          * @uiName Email field label
          */
-        "pendingReviewStatusSubText"?: string;
+        "emailtext"?: string;
         /**
-          * @uiName Pending review status text
+          * @uiName First name label
          */
-        "pendingReviewStatusText"?: string;
-    }
-    interface SqmReferralTableUserCell {
-        "name"?: string;
-    }
-    interface SqmReferralTableUserColumn {
+        "firstnametext"?: string;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * @uiName Hide country field
          */
-        "anonymousUser"?: string;
+        "hideCountry"?: boolean;
         /**
-          * @uiName User column title
+          * @uiName Last name field label
          */
-        "columnTitle"?: string;
+        "lastnametext"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * @uiName Submit changes button text
          */
-        "deletedUser"?: string;
+        "submitChangeButtonText"?: string;
     }
-    interface SqmReferredRegistration {
+    interface SqmPortalProtectedRoute {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * Redirect participants to this page they are not logged in.
+          * @uiName Unauthenticated participant redirect
          */
-        "backgroundColor"?: string;
+        "redirectTo"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Redirect participants to this page when email verification is required but they have not verified their email.
+          * @uiName Unverified participant redirect
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "redirectToUnverified"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Require email verification
          */
-        "emailLabel"?: string;
+        "requireEmailVerification"?: boolean;
+    }
+    interface SqmPortalRegister {
         /**
-          * @uiName First name field label
+          * @uiName Show confirm password field
          */
-        "firstNameLabel"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Confirm password field label
          */
-        "fraudErrorMessage"?: string;
+        "confirmPasswordLabel"?: string;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message title
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @undocumented 
+          * @uiType object
          */
-        "fraudErrorMessageTitle"?: string;
+        "demoData"?: DemoData<PortalRegisterViewProps>;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * @uiName Disable password validation
          */
-        "hideBorder"?: boolean;
+        "disablePasswordValidation"?: boolean;
         /**
-          * @undocumented 
-          * @uiType boolean
+          * @uiName Email field label
          */
-        "includeCookies"?: boolean;
+        "emailLabel"?: string;
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "includeName"?: boolean;
+        "hideInputs"?: boolean;
         /**
-          * Display this message when the given email is invalid.
+          * The message to be displayed when the email used is invalid or blocked.
           * @uiName Invalid email message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "invalidEmailErrorMessage"?: string;
         /**
-          * @uiName Last name field label
+          * @uiName Login button text
          */
-        "lastNameLabel"?: string;
+        "loginLabel"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
+         */
+        "loginPath"?: string;
+        /**
+          * The message to be displayed when a the form submission fails unexpectedly.
           * @uiName Network error message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "networkErrorMessage"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page from their verification email
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "paddingBottom"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Header text
          */
-        "paddingLeft"?: string;
+        "pageLabel"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Password field label
          */
-        "paddingRight"?: string;
+        "passwordLabel"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
+          * @uiWidget textArea
          */
-        "paddingTop"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * @uiName Register button text
+          * The page that participants are redirected to from the verification email.
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "registerLabel"?: string;
+        "redirectPath"?: string;
         /**
-          * Display this message when a required field has not been filled out.
+          * The message to be displayed when a required field is not filled.
           * @uiName Required field message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "requiredFieldErrorMessage"?: string;
-    }
-    interface SqmRewardExchangeList {
-        /**
-          * @uiName Back button text
-         */
-        "backText"?: string;
         /**
-          * @uiName Cancel button text
-         */
-        "cancelText"?: string;
-        /**
-          * @uiName Choose amount progress title
-         */
-        "chooseAmountTitle"?: string;
-        /**
-          * @uiName Choose reward progress title
-         */
-        "chooseRewardTitle"?: string;
-        /**
-          * @uiName Confirmation progress title
-         */
-        "confirmationTitle"?: string;
-        /**
-          * @uiName Continue button text
+          * @uiName Submit button text
          */
-        "continueText"?: string;
+        "submitLabel"?: string;
+    }
+    interface SqmPortalRegistrationForm {
         /**
-          * Displayed on the reward selection page.
-          * @uiName Continue to confirmation button text
+          * @uiName Show confirm password field
          */
-        "continueToConfirmationText"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * Shown in the confirmation state.
-          * @uiName Cost row title
+          * @uiName Confirm password field label
          */
-        "costTitle"?: string;
+        "confirmPasswordLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<RewardExchangeViewProps>;
+        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
         /**
-          * @uiName Done text
+          * @uiName Disable password validation
          */
-        "doneText"?: string;
+        "disablePasswordValidation"?: boolean;
         /**
-          * Error message shown when reward is not available
-          * @uiName Not available error
-          * @uiWidget textArea
+          * @uiName Email field label
          */
-        "notAvailableError"?: string;
+        "emailLabel"?: string;
         /**
-          * @uiName Not enough error message
+          * The message to be displayed when the registration form is disabled.
+          * @uiName Form disabled message
           * @uiWidget textArea
          */
-        "notEnoughError"?: string;
-        /**
-          * @uiName Promo code text
-         */
-        "promoCode"?: string;
+        "formDisabledErrorMessage"?: string;
         /**
-          * Shown if an error occurs when loading the reward exchange.
-          * @uiName Reward list error message
-          * @uiWidget textArea
+          * The key of the registration form used for this microsite.
+          * @uiName Form key
+          * @required
          */
-        "queryError"?: string;
+        "formKey"?: string;
         /**
-          * @uiName Redeem button text
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "redeemText"?: string;
+        "hideInputs"?: boolean;
         /**
-          * Displayed as the header for the confirmation page.
-          * @uiName Confirmation title text
+          * The message to be displayed when the email used is invalid or blocked.
+          * @uiName Invalid email message
+          * @uiWidget textArea
          */
-        "redeemTitle"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Shown if an error occurs during the reward exchange.
-          * @uiName Redemption error message
-          * @uiWidget textArea
+          * @uiName Login button text
          */
-        "redemptionError"?: string;
+        "loginLabel"?: string;
         /**
-          * Displayed on the success screen when a user successfully exchanges for a reward.
-          * @uiName Redemption success message
-          * @uiWidget textArea
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "redemptionSuccessText"?: string;
+        "loginPath"?: string;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward amount row title
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
          */
-        "rewardAmountTitle"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward row title
+          * Redirect participants to this page after they successfully register.
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "rewardNameTitle"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Reward redeemed text
+          * @uiName Header text
          */
-        "rewardRedeemedText"?: string;
+        "pageLabel"?: string;
         /**
-          * @uiName Reward title text
+          * @uiName Password field label
          */
-        "rewardTitle"?: string;
+        "passwordLabel"?: string;
         /**
-          * @uiName Select amount text
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
           * @uiWidget textArea
          */
-        "selectText"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * Set the number of placeholder cards to be shown in loading state.
-          * @uiName Loading cards
+          * Redirect participants to this page from their verification email
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "skeletonCardNum"?: number;
+        "redirectPath"?: string;
         /**
-          * Displayed on the reward exchange cards.
-          * @uiName Reward exchange amount text
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
           * @uiWidget textArea
          */
-        "sourceAmountMessage"?: string;
+        "requiredFieldErrorMessage"?: string;
         /**
-          * Shown when a user copies a fuel tank code
-          * @uiName Tooltip text
+          * @uiName Submit button text
          */
-        "tooltipText"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmRewardsTable {
+    interface SqmPortalResetPassword {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Show confirm password field
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
+        "confirmPassword"?: boolean;
         /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Mobile hidden columns
+          * @uiName Password confirmation field label
          */
-        "hiddenColumns"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * @uiName Hide column labels
+          * Button text displayed after a successful password reset.
+          * @uiName Continue button text
          */
-        "hideLabels"?: boolean;
+        "continueButtonText"?: string;
         /**
-          * @uiName Tablet breakpoint
+          * @undocumented 
+          * @uiType object
          */
-        "mdBreakpoint"?: number;
+        "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
-          * @uiName View more button text
+          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
+          * @uiName Failed reset redirect
+          * @uiWidget pageSelect
          */
-        "moreLabel"?: string;
+        "failedPage"?: string;
         /**
-          * @uiName Rewards per page
+          * Redirect participants to this page when they successfully reset their password.
+          * @uiName Successful reset redirect
+          * @uiWidget pageSelect
          */
-        "perPage"?: number;
+        "nextPage"?: string;
         /**
-          * @uiName Previous button text
+          * @uiName Password field label
          */
-        "prevLabel"?: string;
+        "passwordFieldLabel"?: string;
         /**
-          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Displayed after a successful password reset.
+          * @uiName Successful password reset text
+          * @uiWidget textArea
          */
-        "programId"?: string;
+        "passwordResetHeader"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * @uiName Password reset button text
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmRewardsTableCustomerNoteCell {
-        "locale"?: string;
-        "note"?: string;
-    }
-    interface SqmRewardsTableCustomerNoteColumn {
+        "resetPasswordButtonText"?: string;
         /**
-          * @uiName Column title
+          * @uiName Reset password header text
          */
-        "columnTitle"?: string;
-    }
-    interface SqmRewardsTableDateCell {
-        "date"?: number;
-        "locale"?: string;
+        "resetPasswordHeader"?: string;
     }
-    interface SqmRewardsTableDateColumn {
+    interface SqmPortalVerifyEmail {
         /**
-          * @uiName Date column title
+          * @undocumented 
+          * @uiType object
          */
-        "columnTitle"?: string;
+        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
-          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
+          * Redirect participants to this page if verification fails due to an outdated verification attempt.
+          * @uiName Failed verification redirect
+          * @uiWidget pageSelect
          */
-        "dateShown"?: string;
-    }
-    interface SqmRewardsTableRewardCell {
-        "availableText"?: string;
-        "copyText"?: string;
-        "locale"?: string;
-        "redeemedText"?: string;
-        "reward"?: Reward;
-    }
-    interface SqmRewardsTableRewardColumn {
+        "failedPage"?: string;
         /**
-          * @uiName Remaining amount text
+          * Redirect participants to this page when they successfully verify their email.
+          * @uiName Successful verification redirect
+          * @uiWidget pageSelect
          */
-        "availableText"?: string;
+        "nextPage"?: string;
+    }
+    interface SqmProgramExplainer {
         /**
-          * @uiName Reward column title
+          * @uiName Header background color
+          * @uiWidget color
+          * @format color
          */
-        "columnTitle"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Copied fuel tank text
+          * @uiName Header text
          */
-        "copyText"?: string;
+        "header"?: string;
         /**
-          * @uiName Redeemed amount text
+          * @uiName Header text color
+          * @uiWidget color
+          * @format color
          */
-        "redeemedText"?: string;
-    }
-    interface SqmRewardsTableSourceCell {
-        "anonymousUserText"?: string;
-        "deletedUserText"?: string;
-        "locale"?: string;
-        "referralText"?: string;
-        "reward"?: Reward;
-        "rewardExchangeText"?: string;
-        "rewardSourceText"?: string;
+        "textColor"?: string;
     }
-    interface SqmRewardsTableSourceColumn {
+    interface SqmProgramExplainerStep {
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "anonymousUser"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Soruce column title
+          * @uiName Description
+          * @uiWidget textArea
          */
-        "columnTitle"?: string;
+        "description"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * @uiName Title
          */
-        "deletedUser"?: string;
+        "header"?: string;
         /**
-          * Shown when a reward has been created by a referral
-          * @uiName Referral text
-          * @uiWidget textArea
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "referralText"?: string;
+        "icon"?: string;
         /**
-          * @uiName Reward exchange label
+          * Displayed in place of an icon
+          * @uiName Image URL
+          * @uiWidget imageUpload
+          * @format url
          */
-        "rewardExchangeText"?: string;
+        "imageUrl"?: string;
         /**
-          * Shown when a reward has been created by a source other than a referral.
-          * @uiName Reward source text
-          * @uiWidget textArea
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "rewardSourceText"?: string;
+        "textColor"?: string;
     }
-    interface SqmRewardsTableStatusCell {
-        "deniedText"?: string;
-        "expiryText"?: string;
-        "locale"?: string;
-        "pendingReviewText"?: string;
-        "pendingScheduled"?: string;
-        "pendingUnhandled"?: string;
-        "pendingUsTax"?: string;
-        "reward"?: Reward;
-        "statusText"?: string;
+    interface SqmProgramMenu {
     }
-    interface SqmRewardsTableStatusColumn {
+    interface SqmReferralCard {
+        /**
+          * @uiName Background color
+          * @uiWidget color
+          * @uiType string
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Hide border
+          * @uiType boolean
+         */
+        "hideBorder"?: boolean;
         /**
-          * @uiName Column title
+          * @uiName Limit width
+          * @uiType boolean
          */
-        "columnTitle"?: string;
+        "limitWidth"?: boolean;
         /**
-          * Displayed when denied for fraud.
-          * @uiName Denied text
+          * @uiName Bottom padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "deniedText"?: string;
+        "paddingBottom"?: string;
         /**
-          * Text shown before the date of an expiring reward.
-          * @uiName Expiry date prefix
+          * @uiName Left padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "expiryText"?: string;
+        "paddingLeft"?: string;
         /**
-          * Displayed when flagged for fraud.
-          * @uiName Pending review text
+          * @uiName Right padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "pendingReviewText"?: string;
+        "paddingRight"?: string;
         /**
-          * Text shown before the available date of a pending reward.
-          * @uiName Pending date prefix
+          * @uiName Top padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "pendingScheduled"?: string;
+        "paddingTop"?: string;
         /**
-          * Displayed when fulfillment error occured when creating a reward.
-          * @uiName Unhandled error text
+          * @uiName Vertical alignment
+          * @uiType string
+          * @uiEnum ["start", "center", "end"]
+          * @uiEnumNames ["Top", "Center", "Bottom"]
          */
-        "pendingUnhandled"?: string;
+        "verticalAlignment"?: "start" | "center" | "end";
+    }
+    interface SqmReferralIframe {
         /**
-          * Displayed when a reward is pending due to W9 compliance.
-          * @uiName W9 pending text
+          * @undocumented 
+          * @uiType object
          */
-        "pendingUsTax"?: string;
+        "demoData"?: DemoData<ReferralIframeViewProps>;
         /**
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame height
          */
-        "statusText"?: string;
-    }
-    interface SqmRoute {
+        "iframeHeight"?: string;
         /**
-          * Page Path URL for this route.
-          * @uiName Navigation path name
+          * URL of iframe to display
+          * @uiName IFrame source
+          * @required
          */
-        "path"?: string;
-    }
-    interface SqmRouter {
+        "iframeSrc"?: string;
+        /**
+          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame width
+         */
+        "iframeWidth"?: string;
     }
-    interface SqmScroll {
+    interface SqmReferralTable {
         /**
-          * @uiName Button text
+          * @undocumented 
+          * @uiType object
          */
-        "buttonText"?: string;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * @uiName Button type
-          * @uiType string
-          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
-          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Hidden mobile columns
          */
-        "buttonType"?: | "default"
-    | "primary"
-    | "success"
-    | "neutral"
-    | "warning"
-    | "danger"
-    | "text";
+        "hiddenColumns"?: string;
         /**
-          * Draws a circle button.
-          * @uiName Circle
+          * @uiName Hide column labels
          */
-        "circle"?: boolean;
+        "hideLabels"?: boolean;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * @uiName Tablet breakpoint
          */
-        "iconName"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * @uiName Icon slot
-          * @uiType string
-          * @uiEnum ["prefix", "suffix"]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * @uiName View More button text
          */
-        "iconSlot"?: string;
+        "moreLabel"?: string;
         /**
-          * The button becomes full width if the screen size is smaller than 500px
-          * @uiName Full width on mobile
+          * Number of referrals displayed per page
+          * @uiName Referrals per page
          */
-        "mobile"?: boolean;
+        "perPage"?: number;
         /**
-          * Draws an outlined button.
-          * @uiName Outline
+          * @uiName Previous button text
          */
-        "outline"?: boolean;
+        "prevLabel"?: string;
         /**
-          * Draws a pill-style button with rounded edges.
-          * @uiName Pill
+          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "pill"?: boolean;
+        "programId"?: string;
         /**
-          * @uiName Scroll animation style
-          * @uiType string
-          * @uiEnum ["smooth", "auto"]
-          * @uiEnumNames ["Smooth", "Auto"]
+          * Show referred by user in table
+          * @uiName Show referrer
+          * @default
          */
-        "scrollAnimation"?: "smooth" | "auto";
+        "showReferrer"?: boolean;
         /**
-          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
-          * @uiName Scroll ID
+          * @uiName Mobile breakpoint
          */
-        "scrollId"?: string;
+        "smBreakpoint"?: number;
+    }
+    interface SqmReferralTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmReferralTableColumn {
         /**
-          * The name of the HTML tag you would like to scroll to. E.g referral-table
-          * @uiName Scroll tag name
+          * @uiName Column title
          */
-        "scrollTagName"?: string;
+        "columnTitle"?: string;
+    }
+    interface SqmReferralTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmReferralTableDateColumn {
         /**
-          * @uiName Size
+          * @uiName Date column title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Date displayed
           * @uiType string
-          * @uiEnum ["small", "medium", "large"]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
+          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
          */
-        "size"?: string;
+        "dateShown"?: ReferralDates;
     }
-    interface SqmShareButton {
+    interface SqmReferralTableRewardsCell {
+        "deniedHelpText"?: string;
+        "expiringText"?: string;
+        "fuelTankText"?: string;
+        "hideDetails"?: boolean;
+        "locale"?: string;
+        "pendingForText"?: string;
+        "rewardReceivedText"?: string;
+        "rewards"?: Reward[];
+        "statusLongText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableRewardsColumn {
         /**
-          * @uiName Button background color
-          * @uiWidget color
-          * @format color
+          * @uiName Reward column title
          */
-        "backgroundcolor"?: string;
+        "columnTitle"?: string;
         /**
-          * Configure border radius with pixel amount
-          * @uiName Border radius
+          * Shown in the dropdown details when a reward was denied.
+          * @uiName Reward denied help text
          */
-        "borderradius"?: number;
+        "deniedHelpText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Shown in the dropdown details when a reward has an expiry date.
+          * @uiName Reward expiring text
          */
-        "demoData"?: DemoData<ShareButtonViewProps>;
+        "expiringText"?: string;
         /**
-          * @uiName Disabled
+          * Shown in the dropdown details when a reward has an associated fuel tank code.
+          * @uiName Fuel tank code text
          */
-        "disabled"?: boolean;
+        "fuelTankText"?: string;
         /**
-          * @uiName Hide icon
+          * @uiName Hide dropdown details of reward
           * @default
          */
-        "hideicon"?: boolean;
+        "hideDetails"?: boolean;
         /**
-          * @uiName Hide text
-          * @default
+          * Shown in the dropdown details when a reward is pending.
+          * @uiName Reward pending text
          */
-        "hidetext"?: boolean;
+        "pendingForText"?: string;
         /**
-          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
-          * @uiName Icon
+          * Shown in the dropdown details when a reward has been received.’
+          * @uiName Reward received text
          */
-        "icon"?: string;
+        "rewardReceivedText"?: string;
         /**
-          * @uiName Icon location
-          * @uiType string
-          * @uiEnum ["prefix", "suffix" ]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * Additional status text shown in the details drop down.
+          * @uiName Reward status long text
+          * @uiWidget textArea
+         */
+        "statusLongText"?: string;
+        /**
+          * Text shown in the reward status badge.
+          * @uiName Reward status text
+          * @uiWidget textArea
+         */
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusCell {
+        "converted"?: boolean;
+        "fraudStatus"?: FraudStatus;
+        "statusSubText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Converted status text
          */
-        "iconslot"?: "prefix" | "suffix";
+        "convertedStatusText"?: string;
         /**
-          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
-          * @uiName Share medium
-          * @uiType string
-          * @required 
-          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
-          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
+          * @uiName Denied status sub-text
          */
-        "medium"?: | "facebook"
-    | "twitter"
-    | "email"
-    | "direct"
-    | "linkedin"
-    | "sms"
-    | "fbmessenger"
-    | "whatsapp"
-    | "linemessenger"
-    | "pinterest"
-    | "reminder"
-    | "unknown";
+        "deniedStatusSubText"?: string;
         /**
-          * @uiName Display pill
+          * @uiName Denied status text
          */
-        "pill"?: boolean;
+        "deniedStatusText"?: string;
         /**
-          * Optional programId, or uses the programId context where this button is rendered.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiName In progress status text
          */
-        "programId"?: string;
+        "inProgressStatusText"?: string;
         /**
-          * Text used for native sharing (mobile only)
-          * @uiName Share text
+          * @uiName Pending review status sub-text
          */
-        "sharetext"?: string;
+        "pendingReviewStatusSubText"?: string;
         /**
-          * Title used for native sharing (mobile only)
-          * @uiName Share title
+          * @uiName Pending review status text
          */
-        "sharetitle"?: string;
+        "pendingReviewStatusText"?: string;
+    }
+    interface SqmReferralTableUserCell {
+        "name"?: string;
+    }
+    interface SqmReferralTableUserColumn {
         /**
-          * @uiName Button size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large" ]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "size"?: "small" | "medium" | "large";
+        "anonymousUser"?: string;
         /**
-          * @uiName Button text color
-          * @uiWidget color
-          * @format color
+          * @uiName User column title
          */
-        "textcolor"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiType string
-          * @uiName Button style
-          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
-          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "type"?: | "primary"
-    | "success"
-    | "info"
-    | "warning"
-    | "danger"
-    | "default"
-    | "text";
+        "deletedUser"?: string;
     }
-    interface SqmShareCode {
+    interface SqmReferredRegistration {
         /**
-          * Set the copy button style and placement
-          * @uiName Style
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
           * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
-         */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * @uiName Copy button label
          */
-        "copyButtonLabel"?: string;
+        "backgroundColor"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiName Email field label
          */
-        "programId"?: string;
+        "emailLabel"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName First name field label
          */
-        "textAlign"?: "left" | "center" | "right";
+        "firstNameLabel"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "tooltiplifespan"?: number;
+        "fraudErrorMessage"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message title
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmShareLink {
+        "fraudErrorMessageTitle"?: string;
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "hideBorder"?: boolean;
         /**
-          * @uiName Copy button label
+          * @undocumented 
+          * @uiType boolean
          */
-        "copyButtonLabel"?: string;
+        "includeCookies"?: boolean;
         /**
-          * @undocumented 
-          * @uiType object
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "includeName"?: boolean;
         /**
-          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "programId"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share link alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName Last name field label
          */
-        "textAlign"?: "left" | "center" | "right";
+        "lastNameLabel"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "tooltiplifespan"?: number;
+        "networkErrorMessage"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmStatContainer {
+        "paddingBottom"?: string;
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "display"?: "grid" | "flex";
+        "paddingLeft"?: string;
         /**
-          * @uiName Space between stats
-          * @uiType string
+          * @uiName Right padding
+          * @uiGroup Card style
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "space"?: Spacing;
-    }
-    interface SqmStencilbook {
-    }
-    interface SqmTab {
+        "paddingRight"?: string;
         /**
-          * @uiName Tab title
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "header"?: string;
-    }
-    interface SqmTableCell {
+        "paddingTop"?: string;
         /**
-          * @uiName Column span
+          * @uiName Register button text
          */
-        "colspan"?: number;
+        "registerLabel"?: string;
         /**
-          * @uiName Padding
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "padding"?: string;
+        "requiredFieldErrorMessage"?: string;
     }
-    interface SqmTableRow {
+    interface SqmRewardExchangeList {
         /**
-          * @uiName Border
+          * @uiName Back button text
          */
-        "border"?: string;
-    }
-    interface SqmTabs {
+        "backText"?: string;
         /**
-          * Used to specify the placement of the tabs
-          * @uiName Tabs placement
-          * @uiType string
-          * @uiEnum ["left", "right", "bottom", "top"]
-          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
+          * @uiName Cancel button text
          */
-        "placement"?: "left" | "right" | "bottom" | "top";
-    }
-    interface SqmTaskCard {
+        "cancelText"?: string;
         /**
-          * @uiName Button link
-          * @uiGroup Button
+          * @uiName Choose amount progress title
          */
-        "buttonLink"?: string;
+        "chooseAmountTitle"?: string;
         /**
-          * @uiName Button text
-          * @uiGroup Button
+          * @uiName Choose reward progress title
          */
-        "buttonText"?: string;
+        "chooseRewardTitle"?: string;
+        /**
+          * @uiName Confirmation progress title
+         */
+        "confirmationTitle"?: string;
+        /**
+          * @uiName Continue button text
+         */
+        "continueText"?: string;
         /**
-          * @uiName Title
-          * @uiGroup Task
+          * Displayed on the reward selection page.
+          * @uiName Continue to confirmation button text
          */
-        "cardTitle"?: string;
+        "continueToConfirmationText"?: string;
         /**
-          * Displays the amount of times that a user has completed a repeatable task.
-          * @uiName Completed count text
-          * @uiGroup Task
-          * @uiWidget textArea
+          * Shown in the confirmation state.
+          * @uiName Cost row title
          */
-        "completedText"?: string;
+        "costTitle"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
+        "demoData"?: DemoData<RewardExchangeViewProps>;
         /**
-          * @uiName Description
-          * @uiGroup Task
+          * @uiName Done text
          */
-        "description"?: string;
+        "doneText"?: string;
         /**
-          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
-          * @uiName Display duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Task
+          * Error message shown when reward is not available
+          * @uiName Not available error
+          * @uiWidget textArea
          */
-        "displayDuration"?: string;
+        "notAvailableError"?: string;
         /**
-          * Shown to users after the end of the task duration.
-          * @uiName Ended date message
-          * @uiGroup Task
+          * @uiName Not enough error message
+          * @uiWidget textArea
          */
-        "endedMessage"?: string;
+        "notEnoughError"?: string;
         /**
-          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
-          * @uiName Task card button event key
-          * @uiGroup Button
+          * @uiName Promo code text
          */
-        "eventKey"?: string;
+        "promoCode"?: string;
         /**
-          * Displayed when a user views a task card after the reward duration interval.
-          * @uiName Expiry date message
-          * @uiGroup Task
+          * Shown if an error occurs when loading the reward exchange.
+          * @uiName Reward list error message
+          * @uiWidget textArea
          */
-        "expiryMessage"?: string;
+        "queryError"?: string;
         /**
-          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
-          * @uiName Repeat amount
-          * @uiGroup Reward
+          * @uiName Redeem button text
          */
-        "finite"?: number;
+        "redeemText"?: string;
         /**
-          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
-          * @uiName Goal completion number
-          * @uiGroup Goal
+          * Displayed as the header for the confirmation page.
+          * @uiName Confirmation title text
          */
-        "goal"?: number;
+        "redeemTitle"?: string;
         /**
-          * @uiName Hide CTA button
-          * @uiGroup Button
+          * Shown if an error occurs during the reward exchange.
+          * @uiName Redemption error message
+          * @uiWidget textArea
          */
-        "hideButton"?: boolean;
+        "redemptionError"?: string;
         /**
-          * Button link opens in new tab
-          * @uiName Open in new tab
-          * @uiGroup Button
-          * @default
+          * Displayed on the success screen when a user successfully exchanges for a reward.
+          * @uiName Redemption success message
+          * @uiWidget textArea
          */
-        "openNewTab"?: boolean;
+        "redemptionSuccessText"?: string;
         /**
-          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
-          * @uiName Program ID override
-          * @uiWidget programSelector
-          * @uiGroup Goal
+          * Shown in the confirmation state.
+          * @uiName Reward amount row title
          */
-        "programId"?: string;
+        "rewardAmountTitle"?: string;
         /**
-          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
-          * @uiName Progress bar unit
-          * @uiGroup Goal
+          * Shown in the confirmation state.
+          * @uiName Reward row title
          */
-        "progressBarUnit"?: string;
+        "rewardNameTitle"?: string;
         /**
-          * @uiName Goal repeatable
-          * @uiGroup Goal
-          * @default
+          * @uiName Reward redeemed text
          */
-        "repeatable"?: boolean;
+        "rewardRedeemedText"?: string;
         /**
-          * @uiName Reward amount
-          * @uiGroup Reward
+          * @uiName Reward title text
          */
-        "rewardAmount"?: string;
+        "rewardTitle"?: string;
         /**
-          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
-          * @uiName Reward duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Reward
+          * @uiName Select amount text
+          * @uiWidget textArea
          */
-        "rewardDuration"?: string;
+        "selectText"?: string;
         /**
-          * @uiName Reward unit
-          * @uiGroup Reward
+          * Set the number of placeholder cards to be shown in loading state.
+          * @uiName Loading cards
          */
-        "rewardUnit"?: string;
+        "skeletonCardNum"?: number;
         /**
-          * @uiName Show progress bar
-          * @uiGroup Goal
-          * @default
+          * Displayed on the reward exchange cards.
+          * @uiName Reward exchange amount text
+          * @uiWidget textArea
          */
-        "showProgressBar"?: boolean;
+        "sourceAmountMessage"?: string;
         /**
-          * Shown to users before the start of the task duration.
-          * @uiName Start date message
-          * @uiGroup Task
+          * Shown when a user copies a fuel tank code
+          * @uiName Tooltip text
          */
-        "startsOnMessage"?: string;
+        "tooltipText"?: string;
+    }
+    interface SqmRewardsTable {
         /**
-          * Select what type of stat to display for the goal. Manual paths are also supported.
-          * @uiName Goal progress source
-          * @required 
-          * @minLength 1
-          * @uiWidget statTypeSelectWidget
-          * @uiWidgetOptions {"version": 1.1}
-          * @uiGroup Goal
+          * @undocumented 
+          * @uiType object
          */
-        "statType"?: string;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * @uiName Progress bar steps
-          * @uiGroup Goal
-          * @default
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Mobile hidden columns
          */
-        "steps"?: boolean;
-    }
-    interface SqmTaxAndCash {
+        "hiddenColumns"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Hide column labels
          */
-        "demoData"?: DemoData<UseTaxAndCashResultType>;
+        "hideLabels"?: boolean;
         /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-          * @uiGroup Step 1 Properties
+          * @uiName Tablet breakpoint
          */
-        "step1_allowBankingCollection"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-          * @uiGroup Step 1 Properties
+          * @uiName View more button text
          */
-        "step1_allowBankingCollectionError"?: string;
+        "moreLabel"?: string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-          * @uiGroup Step 1 Properties
+          * @uiName Rewards per page
          */
-        "step1_businessEntity"?: string;
+        "perPage"?: number;
         /**
-          * Label text for country input
-          * @uiName Country label
-          * @uiGroup Step 1 Properties
+          * @uiName Previous button text
          */
-        "step1_country"?: string;
+        "prevLabel"?: string;
         /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-          * @uiGroup Step 1 Properties
+          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "step1_countryError"?: string;
+        "programId"?: string;
         /**
-          * Label text for currency input
-          * @uiName Currency label
-          * @uiGroup Step 1 Properties
+          * @uiName Mobile breakpoint
          */
-        "step1_currency"?: string;
+        "smBreakpoint"?: number;
+    }
+    interface SqmRewardsTableCustomerNoteCell {
+        "locale"?: string;
+        "note"?: string;
+    }
+    interface SqmRewardsTableCustomerNoteColumn {
         /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Column title
          */
-        "step1_currencyError"?: string;
+        "columnTitle"?: string;
+    }
+    interface SqmRewardsTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmRewardsTableDateColumn {
         /**
-          * Label text for email input
-          * @uiName Email label
-          * @uiGroup Step 1 Properties
+          * @uiName Date column title
          */
-        "step1_email"?: string;
+        "columnTitle"?: string;
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Date displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
+          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
          */
-        "step1_emailError"?: string;
+        "dateShown"?: string;
+    }
+    interface SqmRewardsTableRewardCell {
+        "availableText"?: string;
+        "copyText"?: string;
+        "locale"?: string;
+        "redeemedText"?: string;
+        "reward"?: Reward;
+    }
+    interface SqmRewardsTableRewardColumn {
         /**
-          * Label text for first name input
-          * @uiName First name label
-          * @uiGroup Step 1 Properties
+          * @uiName Remaining amount text
          */
-        "step1_firstName"?: string;
+        "availableText"?: string;
         /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Reward column title
          */
-        "step1_firstNameError"?: string;
+        "columnTitle"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 1 Properties
+          * @uiName Copied fuel tank text
          */
-        "step1_formStep"?: string;
+        "copyText"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 1 Properties
+          * @uiName Redeemed amount text
          */
-        "step1_generalErrorDescription"?: string;
+        "redeemedText"?: string;
+    }
+    interface SqmRewardsTableSourceCell {
+        "anonymousUserText"?: string;
+        "deletedUserText"?: string;
+        "locale"?: string;
+        "referralText"?: string;
+        "reward"?: Reward;
+        "rewardExchangeText"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableSourceColumn {
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 1 Properties
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "step1_generalErrorTitle"?: string;
+        "anonymousUser"?: string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-          * @uiGroup Step 1 Properties
+          * @uiName Soruce column title
          */
-        "step1_individualParticipant"?: string;
+        "columnTitle"?: string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 1 Properties
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "step1_isPartnerAlertDescription"?: string;
+        "deletedUser"?: string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 1 Properties
+          * Shown when a reward has been created by a referral
+          * @uiName Referral text
+          * @uiWidget textArea
          */
-        "step1_isPartnerAlertHeader"?: string;
+        "referralText"?: string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
-          * @uiGroup Step 1 Properties
+          * @uiName Reward exchange label
          */
-        "step1_lastName"?: string;
+        "rewardExchangeText"?: string;
         /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-          * @uiGroup Step 1 Properties
+          * Shown when a reward has been created by a source other than a referral.
+          * @uiName Reward source text
+          * @uiWidget textArea
          */
-        "step1_lastNameError"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableStatusCell {
+        "deniedText"?: string;
+        "expiryText"?: string;
+        "locale"?: string;
+        "pendingReviewText"?: string;
+        "pendingScheduled"?: string;
+        "pendingUnhandled"?: string;
+        "pendingUsTax"?: string;
+        "reward"?: Reward;
+        "statusText"?: string;
+    }
+    interface SqmRewardsTableStatusColumn {
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-          * @uiGroup Step 1 Properties
+          * @uiName Column title
          */
-        "step1_participantType"?: string;
+        "columnTitle"?: string;
         /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-          * @uiGroup Step 1 Properties
+          * Displayed when denied for fraud.
+          * @uiName Denied text
          */
-        "step1_participantTypeError"?: string;
+        "deniedText"?: string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-          * @uiGroup Step 1 Properties
+          * Text shown before the date of an expiring reward.
+          * @uiName Expiry date prefix
          */
-        "step1_personalInformation"?: string;
+        "expiryText"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 1 Properties
+          * Displayed when flagged for fraud.
+          * @uiName Pending review text
          */
-        "step1_submitButton"?: string;
+        "pendingReviewText"?: string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-          * @uiGroup Step 1 Properties
+          * Text shown before the available date of a pending reward.
+          * @uiName Pending date prefix
          */
-        "step1_taxAndBankingCollection"?: string;
+        "pendingScheduled"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 2 Properties
+          * Displayed when fulfillment error occured when creating a reward.
+          * @uiName Unhandled error text
          */
-        "step2_backButton"?: string;
+        "pendingUnhandled"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-          * @uiGroup Step 2 Properties
+          * Displayed when a reward is pending due to W9 compliance.
+          * @uiName W9 pending text
          */
-        "step2_formStep"?: string;
+        "pendingUsTax"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 2 Properties
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "step2_generalErrorDescription"?: string;
+        "statusText"?: string;
+    }
+    interface SqmRoute {
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 2 Properties
+          * Page Path URL for this route.
+          * @uiName Navigation path name
          */
-        "step2_generalErrorTitle"?: string;
+        "path"?: string;
+    }
+    interface SqmRouter {
+    }
+    interface SqmScroll {
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
-          * @uiGroup Step 2 Properties
+          * @uiName Button text
          */
-        "step2_indirectTax"?: string;
+        "buttonText"?: string;
         /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Button type
+          * @uiType string
+          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
+          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
          */
-        "step2_indirectTaxDescription"?: string;
+        "buttonType"?: | "default"
+    | "primary"
+    | "success"
+    | "neutral"
+    | "warning"
+    | "danger"
+    | "text";
         /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
-          * @uiGroup Step 2 Properties
+          * Draws a circle button.
+          * @uiName Circle
          */
-        "step2_indirectTaxDetails"?: string;
+        "circle"?: boolean;
         /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
-          * @uiGroup Step 2 Properties
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "step2_indirectTaxDetailsDescription"?: string;
+        "iconName"?: string;
         /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Icon slot
+          * @uiType string
+          * @uiEnum ["prefix", "suffix"]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "step2_indirectTaxNumber"?: string;
+        "iconSlot"?: string;
         /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
-          * @uiGroup Step 2 Properties
+          * The button becomes full width if the screen size is smaller than 500px
+          * @uiName Full width on mobile
          */
-        "step2_indirectTaxNumberError"?: string;
+        "mobile"?: boolean;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 2 Properties
+          * Draws an outlined button.
+          * @uiName Outline
          */
-        "step2_isPartnerAlertDescription"?: string;
+        "outline"?: boolean;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 2 Properties
+          * Draws a pill-style button with rounded edges.
+          * @uiName Pill
          */
-        "step2_isPartnerAlertHeader"?: string;
+        "pill"?: boolean;
         /**
-          * Label text for the QST checkbox
-          * @uiName checkbox label
-          * @uiGroup Step 2 Properties
+          * @uiName Scroll animation style
+          * @uiType string
+          * @uiEnum ["smooth", "auto"]
+          * @uiEnumNames ["Smooth", "Auto"]
          */
-        "step2_isRegisteredQST"?: string;
+        "scrollAnimation"?: "smooth" | "auto";
         /**
-          * Label text for Income Tax checkbox
-          * @uiName Income Tax checkbox label
-          * @uiGroup Step 2 Properties
+          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
+          * @uiName Scroll ID
          */
-        "step2_isRegisteredSubRegionIncomeTax"?: string;
+        "scrollId"?: string;
         /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
-          * @uiGroup Step 2 Properties
+          * The name of the HTML tag you would like to scroll to. E.g referral-table
+          * @uiName Scroll tag name
          */
-        "step2_notRegistered"?: string;
+        "scrollTagName"?: string;
         /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
-          * @uiGroup Step 2 Properties
+          * @uiName Size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large"]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "step2_otherRegion"?: string;
+        "size"?: string;
+    }
+    interface SqmShareButton {
         /**
-          * Label text for the Province select input
-          * @uiName Province select input label
-          * @uiGroup Step 2 Properties
+          * @uiName Button background color
+          * @uiWidget color
+          * @format color
          */
-        "step2_province"?: string;
+        "backgroundcolor"?: string;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-          * @uiGroup Step 2 Properties
+          * Configure border radius with pixel amount
+          * @uiName Border radius
          */
-        "step2_provinceError"?: string;
+        "borderradius"?: number;
         /**
-          * Label text for the QST Tax Number input
-          * @uiName QST Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step2_qstNumber"?: string;
+        "demoData"?: DemoData<ShareButtonViewProps>;
         /**
-          * Error text shown below the QST Tax number input
-          * @uiName QST Tax Number error text
-          * @uiGroup Step 2 Properties
+          * @uiName Disabled
          */
-        "step2_qstTaxNumberError"?: string;
+        "disabled"?: boolean;
         /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
-          * @uiGroup Step 2 Properties
+          * @uiName Hide icon
+          * @default
          */
-        "step2_selectedRegion"?: string;
+        "hideicon"?: boolean;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-          * @uiGroup Step 2 Properties
+          * @uiName Hide text
+          * @default
          */
-        "step2_selectedRegionError"?: string;
+        "hidetext"?: boolean;
         /**
-          * Label text for Sub-region select
-          * @uiName for Sub-region select label
-          * @uiGroup Step 2 Properties
+          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
+          * @uiName Icon
          */
-        "step2_subRegion"?: string;
+        "icon"?: string;
         /**
-          * Error text shown below the Sub-region Income Tax number input
-          * @uiName Sub-region Income Tax error text
-          * @uiGroup Step 2 Properties
+          * @uiName Icon location
+          * @uiType string
+          * @uiEnum ["prefix", "suffix" ]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "step2_subRegionTaxNumberError"?: string;
+        "iconslot"?: "prefix" | "suffix";
         /**
-          * Label text for the Sub-region Income Tax Number input
-          * @uiName Sub-region income Tax Number input label
-          * @uiGroup Step 2 Properties
+          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
+          * @uiName Share medium
+          * @uiType string
+          * @required 
+          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
+          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
          */
-        "step2_subRegionTaxNumberLabel"?: string;
+        "medium"?: | "facebook"
+    | "twitter"
+    | "email"
+    | "direct"
+    | "linkedin"
+    | "sms"
+    | "fbmessenger"
+    | "whatsapp"
+    | "linemessenger"
+    | "pinterest"
+    | "reminder"
+    | "unknown";
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 2 Properties
+          * @uiName Display pill
          */
-        "step2_submitButton"?: string;
+        "pill"?: boolean;
         /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-          * @uiGroup Step 2 Properties
+          * Optional programId, or uses the programId context where this button is rendered.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step2_taxDetailsError"?: string;
+        "programId"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3 Properties
+          * Text used for native sharing (mobile only)
+          * @uiName Share text
          */
-        "step3_backButton"?: string;
+        "sharetext"?: string;
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-          * @uiGroup Step 3 Properties
+          * Title used for native sharing (mobile only)
+          * @uiName Share title
          */
-        "step3_banner"?: string;
+        "sharetitle"?: string;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-          * @uiGroup Step 3 Properties
+          * @uiName Button size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large" ]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "step3_checkboxDescription"?: string;
+        "size"?: "small" | "medium" | "large";
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-          * @uiGroup Step 3 Properties
+          * @uiName Button text color
+          * @uiWidget color
+          * @format color
          */
-        "step3_checkboxLabel"?: string;
+        "textcolor"?: string;
         /**
-          * Text shown inside iframe when Docusign form expires
-          * @uiName Expired Docusign form text
-          * @uiGroup Step 3 Properties
+          * @uiType string
+          * @uiName Button style
+          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
+          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
-        "step3_docusignExpired"?: string;
+        "type"?: | "primary"
+    | "success"
+    | "info"
+    | "warning"
+    | "danger"
+    | "default"
+    | "text";
+    }
+    interface SqmShareCode {
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3 Properties
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "step3_formStep"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-          * @uiGroup Step 3 Properties
+          * @uiName Copy button label
          */
-        "step3_formSubmissionError"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3_generalErrorDescription"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3 Properties
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step3_generalErrorTitle"?: string;
+        "programId"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3 Properties
+          * Change the text alignment
+          * @uiName Share code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step3_submitButton"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3 Properties
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "step3_taxForm"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-          * @uiGroup Step 3 Properties
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "step3_taxFormDescription"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmShareLink {
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-          * @uiGroup Step 3 Properties
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "step3_taxFormLabel"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3b Properties
+          * @uiName Copy button label
          */
-        "step3b_backButton"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-          * @uiGroup Step 3b Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3b_formLabel"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3b Properties
+          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step3b_formStep"?: string;
+        "programId"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3b Properties
+          * Change the text alignment
+          * @uiName Share link alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step3b_generalErrorDescription"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3b Properties
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "step3b_generalErrorTitle"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3b Properties
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "step3b_submitButton"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmStatContainer {
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3b Properties
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
+         */
+        "display"?: "grid" | "flex";
+        /**
+          * @uiName Space between stats
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step3b_taxForm"?: string;
+        "space"?: Spacing;
+    }
+    interface SqmStencilbook {
+    }
+    interface SqmTab {
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
-          * @uiGroup Step 3b Properties
+          * @uiName Tab title
          */
-        "step3b_w8Description"?: string;
+        "header"?: string;
+    }
+    interface SqmTableCell {
         /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
-          * @uiGroup Step 3b Properties
+          * @uiName Column span
          */
-        "step3b_w8EDescription"?: string;
+        "colspan"?: number;
         /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Padding
          */
-        "step3b_w8ELabel"?: string;
+        "padding"?: string;
+    }
+    interface SqmTableRow {
         /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Border
          */
-        "step3b_w8Label"?: string;
+        "border"?: string;
+    }
+    interface SqmTabs {
         /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
-          * @uiGroup Step 3b Properties
+          * Used to specify the placement of the tabs
+          * @uiName Tabs placement
+          * @uiType string
+          * @uiEnum ["left", "right", "bottom", "top"]
+          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
          */
-        "step3b_w9Description"?: string;
+        "placement"?: "left" | "right" | "bottom" | "top";
+    }
+    interface SqmTaskCard {
         /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Button link
+          * @uiGroup Button
          */
-        "step3b_w9Label"?: string;
+        "buttonLink"?: string;
         /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @uiName Button text
+          * @uiGroup Button
          */
-        "step4_badgeTextAwaitingReview"?: string;
+        "buttonText"?: string;
         /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @uiName Title
+          * @uiGroup Task
          */
-        "step4_badgeTextExpiredOn"?: string;
+        "cardTitle"?: string;
         /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * Displays the amount of times that a user has completed a repeatable task.
+          * @uiName Completed count text
+          * @uiGroup Task
+          * @uiWidget textArea
          */
-        "step4_badgeTextExpiringSoon"?: string;
+        "completedText"?: string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step4_badgeTextSubmittedOn"?: string;
+        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-          * @uiGroup Step 4 Properties
+          * @uiName Description
+          * @uiGroup Task
          */
-        "step4_bankingInformationSectionHeader"?: string;
+        "description"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error text
-          * @uiGroup Step 4 Properties
+          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
+          * @uiName Display duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Task
          */
-        "step4_generalErrorDescription"?: string;
+        "displayDuration"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error title
-          * @uiGroup Step 4 Properties
+          * Shown to users after the end of the task duration.
+          * @uiName Ended date message
+          * @uiGroup Task
          */
-        "step4_generalErrorTitle"?: string;
+        "endedMessage"?: string;
         /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-          * @uiGroup Step 4 Properties
+          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
+          * @uiName Task card button event key
+          * @uiGroup Button
          */
-        "step4_invalidForm"?: string;
+        "eventKey"?: string;
         /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName Step 4 No form needed subtext
-          * @uiGroup Step 4 Properties
+          * Displayed when a user views a task card after the reward duration interval.
+          * @uiName Expiry date message
+          * @uiGroup Task
          */
-        "step4_newFormButton"?: string;
+        "expiryMessage"?: string;
         /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-          * @uiGroup Step 4 Properties
+          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
+          * @uiName Repeat amount
+          * @uiGroup Reward
          */
-        "step4_noFormNeededSubtext"?: string;
+        "finite"?: number;
         /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-          * @uiGroup Step 4 Properties
+          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
+          * @uiName Goal completion number
+          * @uiGroup Goal
          */
-        "step4_notRegisteredForTax"?: string;
+        "goal"?: number;
         /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * @uiName Hide CTA button
+          * @uiGroup Button
          */
-        "step4_statusTextActive"?: string;
+        "hideButton"?: boolean;
         /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * Button link opens in new tab
+          * @uiName Open in new tab
+          * @uiGroup Button
+          * @default
          */
-        "step4_statusTextExpired"?: string;
+        "openNewTab"?: boolean;
         /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
+          * @uiName Program ID override
+          * @uiWidget programSelector
+          * @uiGroup Goal
          */
-        "step4_statusTextNotActive"?: string;
+        "programId"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
+          * @uiName Progress bar unit
+          * @uiGroup Goal
          */
-        "step4_statusTextNotVerified"?: string;
+        "progressBarUnit"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-          * @uiGroup Step 4 Properties
+          * @uiName Goal repeatable
+          * @uiGroup Goal
+          * @default
          */
-        "step4_taxAlertHeaderExpiredOn"?: string;
+        "repeatable"?: boolean;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-          * @uiGroup Step 4 Properties
+          * @uiName Reward amount
+          * @uiGroup Reward
          */
-        "step4_taxAlertHeaderExpiringSoon"?: string;
+        "rewardAmount"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-          * @uiGroup Step 4 Properties
+          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
+          * @uiName Reward duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Reward
          */
-        "step4_taxAlertHeaderNotActive"?: string;
+        "rewardDuration"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-          * @uiGroup Step 4 Properties
+          * @uiName Reward unit
+          * @uiGroup Reward
          */
-        "step4_taxAlertMessage"?: string;
+        "rewardUnit"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-          * @uiGroup Step 4 Properties
+          * @uiName Show progress bar
+          * @uiGroup Goal
+          * @default
          */
-        "step4_taxAlertMessageExpiringSoon"?: string;
+        "showProgressBar"?: boolean;
         /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-          * @uiGroup Step 4 Properties
+          * Shown to users before the start of the task duration.
+          * @uiName Start date message
+          * @uiGroup Task
          */
-        "step4_taxDocumentSectionHeader"?: string;
+        "startsOnMessage"?: string;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-          * @uiGroup Step 4 Properties
+          * Select what type of stat to display for the goal. Manual paths are also supported.
+          * @uiName Goal progress source
+          * @required 
+          * @minLength 1
+          * @uiWidget statTypeSelectWidget
+          * @uiWidgetOptions {"version": 1.1}
+          * @uiGroup Goal
          */
-        "step4_taxDocumentSectionSubHeader"?: string;
+        "statType"?: string;
         /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-          * @uiGroup Step 3 Properties
+          * @uiName Progress bar steps
+          * @uiGroup Goal
+          * @default
          */
-        "stop3NotBasedInUS"?: string;
+        "steps"?: boolean;
     }
-    interface SqmTaxAndCashMonolith {
+    interface SqmTaxAndCash {
         /**
           * @undocumented 
           * @uiType object
@@ -9180,6 +7979,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "step3_checkboxLabel"?: string;
+        /**
+          * Text shown inside iframe when Docusign form expires
+          * @uiName Expired Docusign form text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_docusignExpired"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
@@ -9905,7 +8710,6 @@ declare namespace LocalJSX {
         "sqm-tabs": SqmTabs;
         "sqm-task-card": SqmTaskCard;
         "sqm-tax-and-cash": SqmTaxAndCash;
-        "sqm-tax-and-cash-monolith": SqmTaxAndCashMonolith;
         "sqm-tax-document-submitted": SqmTaxDocumentSubmitted;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
@@ -10014,7 +8818,6 @@ declare module "@stencil/core" {
             "sqm-tabs": LocalJSX.SqmTabs & JSXBase.HTMLAttributes<HTMLSqmTabsElement>;
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
-            "sqm-tax-and-cash-monolith": LocalJSX.SqmTaxAndCashMonolith & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashMonolithElement>;
             "sqm-tax-document-submitted": LocalJSX.SqmTaxDocumentSubmitted & JSXBase.HTMLAttributes<HTMLSqmTaxDocumentSubmittedElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 27d6a515f2..57868043f0 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -85,6 +85,27 @@ const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
   refs: { formRef: { current: null } },
 };
 
+const stepFourProps = {
+  states: {
+    hideSteps: false,
+    disabled: false,
+    loading: false,
+    formState: {
+      checked: "toBankAccount",
+    },
+  },
+  callbacks: {
+    onSubmit: async () => console.log("Submit"),
+    onChange: () => console.log("Submit"),
+  },
+  slotProps: {
+    formState: {
+      errors: {},
+    },
+  },
+  refs: { formRef: { current: null } },
+};
+
 const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
   states: {
     hideSteps: false,
@@ -674,6 +695,44 @@ export const StepThreeFormSelectorWithGeneralError = () => {
   );
 };
 
+// STEP 4
+export const StepFourDefault = () => {
+  return <sqm-banking-info-form></sqm-banking-info-form>;
+};
+
+export const StepFourDirectToBankChecked = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...stepFourProps,
+        states: {
+          ...stepFourProps.states,
+          formState: {
+            ...stepFourProps.states.formState,
+          },
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
+export const StepFourToPaypalChecked = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...stepFourProps,
+        states: {
+          ...stepFourProps.states,
+          formState: {
+            ...stepFourProps.states.formState,
+            checked: "toPaypalAccount",
+          },
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
 export const TaxDocumentSubmittedActive = () => {
   return (
     <sqm-tax-document-submitted
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index e69de29bb2..32b21f5f86 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -0,0 +1,230 @@
+import { VNode, h } from "@stencil/core";
+import { createStyleSheet } from "../../../styling/JSS";
+
+export interface BankingInfoFormViewProps {
+  states: {
+    loading: boolean;
+    disabled: boolean;
+    hideSteps: boolean;
+    formState: {
+      checked: "toBankAccount" | "toPaypalAccount" | undefined;
+      errors?: any;
+    };
+  };
+  slots: {
+    formInputsSlot?: VNode;
+  };
+  callbacks: {
+    onSubmit: (props: any) => Promise<void>;
+    onChange: (e) => void;
+  };
+  text: {
+    formStep: string;
+    taxAndPayouts: string;
+    taxAndPayoutsDescription: string;
+    directlyToBankAccount: string;
+    toPaypalAccount: string;
+    paymentMethod: string;
+    submitButton: string;
+
+    error: {};
+  };
+  refs: {
+    formRef: any;
+  };
+}
+
+const style = {
+  FormWrapper: {
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+  },
+  CheckboxContainer: {
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-xx-small)",
+  },
+  TitleContainer: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    gap: "var(--sl-spacing-small)",
+  },
+  TextContainer: {
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+    gap: "24px",
+    paddingBottom: "16px",
+  },
+  BtnContainer: {
+    paddingTop: "36px",
+    display: "flex",
+    gap: "8px",
+  },
+  ErrorText: {
+    color: "var(--sl-color-danger-500)",
+    marginTop: "10px",
+  },
+  DescriptionText: {
+    color: "var(--sl-color-neutral-500)",
+  },
+  SecondaryBtn: {
+    "&::part(base)": {
+      color: "var(--sl-color-gray-800) !important",
+    },
+  },
+  AlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-red-100)",
+      borderTop: "none",
+      padding: "0 16px",
+    },
+
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
+  PartnerAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-sky-100)",
+      borderTop: "none",
+      padding: "0 16px",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-blue-500)",
+    },
+  },
+  Checkbox: {
+    "&::part(control)": {
+      borderRadius: "50% !important",
+    },
+  },
+};
+
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+
+const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+    * {
+       margin: 0;
+       padding: 0;
+       box-sizing: border-box;
+    }
+
+    p {
+      line-height: 18px;
+      color: var(--sl-color-gray-800);
+      font-size: var(--sl-font-size-small);
+    }
+  `;
+
+export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
+  const {
+    states,
+    states: { formState },
+    callbacks,
+    text,
+    refs,
+    slots,
+  } = props;
+
+  const { classes } = sheet;
+
+  console.log(formState.errors);
+
+  return (
+    <sl-form
+      class={classes.FormWrapper}
+      onSl-submit={callbacks.onSubmit}
+      ref={(el: HTMLFormElement) => (refs.formRef.current = el)}
+      novalidate
+    >
+      <style type="text/css">
+        {styleString}
+        {vanillaStyle}
+      </style>
+      <div class={classes.TextContainer}>
+        <div>
+          {!states.hideSteps && <p>{text.formStep}</p>}
+          <h3>{text.taxAndPayouts}</h3>
+          <p>{text.taxAndPayoutsDescription}</p>
+        </div>
+        {/* {formState.errors?.general && (
+          <sl-alert type="warning" open class={sheet.classes.AlertContainer}>
+            <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+            <strong>{text.error.generalTitle}</strong>
+            <br />
+            {text.error.generalDescription}
+          </sl-alert>
+        )} */}
+        {/* {states.isPartner && (
+          <sl-alert
+            type="primary"
+            open
+            class={sheet.classes.PartnerAlertContainer}
+          >
+            <sl-icon slot="icon" name="info-circle"></sl-icon>
+            <strong>{text.isPartnerAlertHeader}</strong>
+            <br />
+            {text.isPartnerAlertDescription}
+          </sl-alert>
+        )} */}
+        <div>
+          <h4>{text.paymentMethod}</h4>
+        </div>
+      </div>
+      {states.loading ? (
+        <sl-spinner style={{ fontSize: "50px", margin: "40px" }}></sl-spinner>
+      ) : (
+        <div>
+          <div class={classes.CheckboxContainer}>
+            <div style={{ display: "flex", flexDirection: "column" }}>
+              <sl-checkbox
+                class={classes.Checkbox}
+                exportparts="label: input-label"
+                checked={formState.checked === "toBankAccount"}
+                onInput={() => callbacks.onChange("toBankAccount")}
+                disabled={states.disabled}
+                id="toBankAccount"
+                name="/toBankAccount"
+              >
+                {text.directlyToBankAccount}
+              </sl-checkbox>
+              {formState.checked === "toBankAccount" && slots.formInputsSlot}
+              <sl-checkbox
+                class={classes.Checkbox}
+                exportparts="label: input-label"
+                checked={formState.checked === "toPaypalAccount"}
+                onInput={() => callbacks.onChange("toPaypalAccount")}
+                disabled={states.disabled}
+                id="toPaypalAccount"
+                name="/toPaypalAccount"
+              >
+                {text.toPaypalAccount}
+              </sl-checkbox>
+              {formState.checked === "toPaypalAccount" && slots.formInputsSlot}
+            </div>
+          </div>
+          <div class={classes.BtnContainer}>
+            <sl-button
+              type="primary"
+              disabled={states.disabled}
+              submit
+              exportparts="base: primarybutton-base"
+            >
+              {text.submitButton}
+            </sl-button>
+          </div>
+        </div>
+      )}
+    </sl-form>
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index f0d1dcef5a..659ec1c560 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -1,15 +1,17 @@
-import { withHooks } from "@saasquatch/stencil-hooks";
+import { useState, withHooks } from "@saasquatch/stencil-hooks";
+import { isDemo } from "@saasquatch/component-boilerplate";
 import { Component, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { useBankingInfoForm } from "./useBankingInfoForm";
 import { UserNameViewProps } from "../../sqm-user-name/sqm-user-name-view";
+import { BankingInfoFormView } from "./sqm-banking-info-form-view";
 
 /**
- * @uiName Tax And Cash
+ * @uiName Banking Information Form
  * @exampleGroup Common Components
- * @example User Name Display - <sqm-user-name fallback="Anonymous User" loading-text="..."></sqm-user-name>
+ *
  */
 @Component({
   tag: "sqm-banking-info-form",
@@ -18,11 +20,20 @@ import { UserNameViewProps } from "../../sqm-user-name/sqm-user-name-view";
 export class BankingInfoForm {
   @State() ignored = true;
 
+  @Prop() formStep: string = "Step 4 of 4";
+  @Prop() taxAndPayouts: string = "Tax and Payouts";
+  @Prop() taxAndPayoutsDescription: string =
+    "Submit your tax documents and add your banking information to receive your rewards.";
+  @Prop() directlyToBankAccount: string = "Directly to my bank account";
+  @Prop() toPaypalAccount: string = "To my PayPal account";
+  @Prop() paymentMethod: string = "Payment Method";
+  @Prop() submitButton: string = "Save";
+
   /**
    * @undocumented
    * @uiType object
    */
-  @Prop() demoData?: DemoData<UserNameViewProps>;
+  @Prop() demoData?: DemoData<any>;
 
   constructor() {
     withHooks(this);
@@ -30,20 +41,64 @@ export class BankingInfoForm {
 
   disconnectedCallback() {}
 
-  render() {
-    const props = useBankingInfoForm(getProps(this));
+  getTextProps() {
+    const props = getProps(this);
+
+    return {
+      ...props,
+      error: {},
+    };
+  }
 
+  render() {
+    // const props = isDemo()
+    //   ? useDemoBankingInfoForm(this)
+    //   : useBankingInfoForm(getProps(this));
+    const props = useDemoBankingInfoForm(this);
     console.log({ props });
 
     return (
       <Host>
-        Step 3<sl-button onClick={() => props.setStep("/2")}>back</sl-button>
-        <sl-button onClick={() => props.setStep("/4")}>continue</sl-button>
+        <BankingInfoFormView
+          callbacks={props.callbacks}
+          text={props.text}
+          states={props.states}
+          refs={props.refs}
+          slots={{
+            formInputsSlot: <div>FORM INPUTS</div>,
+          }}
+        />
       </Host>
     );
   }
 }
 
-function useTaxAndCashDemo(props: BankingInfoForm) {
-  return deepmerge({}, props.demoData || {}, { arrayMerge: (_, a) => a });
+function useDemoBankingInfoForm(props: BankingInfoForm) {
+  const [option, setOption] = useState(null);
+
+  return deepmerge(
+    {
+      states: {
+        disabled: false,
+        loading: false,
+        hideSteps: false,
+        formState: {
+          checked: option,
+          errors: {
+            general: false,
+          },
+        },
+      },
+      callbacks: {
+        onSubmit: async () => {},
+        onChange: setOption,
+      },
+      text: props.getTextProps(),
+      refs: {
+        formRef: { current: null },
+      },
+    },
+    props.demoData || {},
+    { arrayMerge: (_, a) => a }
+  );
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index d8f1ff9dc7..281aeda0c7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -223,10 +223,6 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
               >
                 {text.notRegistered}
               </sl-checkbox>
-              {/* ZH: Commenting for now, not sure if we still need it or not */}
-              {/* {formState.errors?.taxDetails && (
-                <p class={classes.ErrorText}>{text.error.taxDetails}</p>
-              )} */}
             </div>
           </div>
           <div class={classes.BtnContainer}>

From 290f129835ca00a9e6ba8e8986028d7827fb873b Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 14 Feb 2024 15:27:03 -0800
Subject: [PATCH 191/753] refactor iframe

Co-authored-by: AndiLuo <AndiLuo@users.noreply.github.com>
---
 packages/mint-components/src/components.d.ts  | 5771 +++++++----------
 .../tax-and-cash/TaxForm.stories.tsx          |    3 +
 .../docusign-iframe/DocusignIframe.tsx        |  120 +
 .../sqm-docusign-form-view.tsx                |    2 +
 .../sqm-docusign-form/sqm-docusign-form.tsx   |   34 +-
 .../sqm-docusign-form/useDocusignForm.tsx     |    3 +
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |    7 +
 7 files changed, 2450 insertions(+), 3490 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index fc47085221..af08a45434 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -390,8 +390,13 @@ export namespace Components {
          */
         "demoData"?: DemoData<UseDocusignFormResult>;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
+          * Text inside iframe when Docusign form is compelted
+          * @uiName Docusign completed text
+         */
+        "docusignCompleted": string;
+        /**
+          * Text inside iframe when Docusign expires
+          * @uiName Docusign expired text
          */
         "docusignExpired": string;
         /**
@@ -3010,6 +3015,12 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * Text inside iframe when Docusign form is compelted
+          * @uiName Docusign completed text
+          * @uiGroup Step 3 Properties
+         */
+        "docusignCompleted": string;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -3611,1006 +3622,405 @@ export namespace Components {
          */
         "stop3NotBasedInUS": string;
     }
-    interface SqmTaxAndCashMonolith {
+    interface SqmTaxDocumentSubmitted {
         /**
-          * @undocumented 
-          * @uiType object
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
          */
-        "demoData"?: DemoData<UseTaxAndCashResultType>;
+        "badgeTextAwaitingReview"?: string;
         /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
          */
-        "step1_allowBankingCollection": string;
+        "badgeTextExpiredOn"?: string;
         /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
          */
-        "step1_allowBankingCollectionError": string;
+        "badgeTextExpiringSoon"?: string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
          */
-        "step1_businessEntity": string;
+        "badgeTextSubmittedOn"?: string;
         /**
-          * Label text for country input
-          * @uiName Country label
-          * @uiGroup Step 1 Properties
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
          */
-        "step1_country": string;
+        "bankingInformationSectionHeader": string;
         /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-          * @uiGroup Step 1 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step1_countryError": string;
+        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
         /**
-          * Label text for currency input
-          * @uiName Currency label
-          * @uiGroup Step 1 Properties
+          * Text displayed in the edit Indirect Tax button
+          * @uiName Edit Indirect Tax button
          */
-        "step1_currency": string;
+        "editIndirectTaxButton": string;
         /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-          * @uiGroup Step 1 Properties
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "step1_currencyError": string;
+        "generalErrorDescription": string;
         /**
-          * Label text for email input
-          * @uiName Email label
-          * @uiGroup Step 1 Properties
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "step1_email": string;
+        "generalErrorTitle": string;
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-          * @uiGroup Step 1 Properties
+          * Indirect tax description text for individual participants
+          * @uiName Indirect tax individual participant description
          */
-        "step1_emailError": string;
+        "indirectTaxIndividualParticipant": string;
         /**
-          * Label text for first name input
-          * @uiName First name label
-          * @uiGroup Step 1 Properties
+          * Country/Region description text of indirect tax
+          * @uiName Indirect tax Canada description
          */
-        "step1_firstName": string;
+        "indirectTaxInfoCanada": string;
         /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-          * @uiGroup Step 1 Properties
+          * Other country description text of indirect tax
+          * @uiName Indirect tax other country description
          */
-        "step1_firstNameError": string;
+        "indirectTaxInfoOtherCountry": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 1 Properties
+          * Header text displayed above the indirect tax preview section
+          * @uiName Indirect Tax Information Header
          */
-        "step1_formStep": string;
+        "indirectTaxInfoSectionHeader": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 1 Properties
+          * Indirect tax tooltip text for support
+          * @uiName Indirect tax tooltip description
          */
-        "step1_generalErrorDescription": string;
+        "indirectTaxTooltipSupport": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 1 Properties
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
          */
-        "step1_generalErrorTitle": string;
+        "invalidForm"?: string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-          * @uiGroup Step 1 Properties
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
          */
-        "step1_individualParticipant": string;
+        "newFormButton": string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 1 Properties
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
          */
-        "step1_isPartnerAlertDescription": string;
+        "noFormNeededSubtext": string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 1 Properties
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
          */
-        "step1_isPartnerAlertHeader": string;
+        "notRegisteredForTax": string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
          */
-        "step1_lastName": string;
+        "statusTextActive"?: string;
         /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
          */
-        "step1_lastNameError": string;
+        "statusTextExpired"?: string;
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
          */
-        "step1_participantType": string;
+        "statusTextNotActive"?: string;
         /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
          */
-        "step1_participantTypeError": string;
+        "statusTextNotVerified"?: string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
          */
-        "step1_personalInformation": string;
+        "taxAlertHeaderExpiredOn"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
          */
-        "step1_submitButton": string;
+        "taxAlertHeaderExpiringSoon"?: string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
          */
-        "step1_taxAndBankingCollection": string;
+        "taxAlertHeaderNotActive"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 2 Properties
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
          */
-        "step2_backButton": string;
+        "taxAlertMessage"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-          * @uiGroup Step 2 Properties
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
          */
-        "step2_formStep": string;
+        "taxAlertMessageExpiringSoon": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 2 Properties
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
          */
-        "step2_generalErrorDescription": string;
+        "taxDocumentSectionHeader": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 2 Properties
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
          */
-        "step2_generalErrorTitle": string;
+        "taxDocumentSectionSubHeader": string;
+    }
+    interface SqmText {
+    }
+    interface SqmTextSpan {
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
-          * @uiGroup Step 2 Properties
+          * @uiName Text
          */
-        "step2_indirectTax": string;
+        "text": string;
         /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Type
+          * @uiType string
+          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
+          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
          */
-        "step2_indirectTaxDescription": string;
+        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+    }
+    interface SqmTimeline {
         /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
-          * @uiGroup Step 2 Properties
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
          */
-        "step2_indirectTaxDetails": string;
+        "icon": "gift" | "circle";
+    }
+    interface SqmTimelineEntry {
         /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Description
          */
-        "step2_indirectTaxDetailsDescription": string;
+        "desc": string;
         /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
          */
-        "step2_indirectTaxNumber": string;
-        /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_indirectTaxNumberError": string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertDescription": string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertHeader": string;
-        /**
-          * Label text for the QST checkbox
-          * @uiName checkbox label
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isRegisteredQST": string;
+        "icon": "gift" | "circle";
         /**
-          * Label text for Income Tax checkbox
-          * @uiName Income Tax checkbox label
-          * @uiGroup Step 2 Properties
+          * @uiName Reward amount
          */
-        "step2_isRegisteredSubRegionIncomeTax": string;
+        "reward": string;
+        "setIcon": (value: "gift" | "circle") => Promise<void>;
         /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
-          * @uiGroup Step 2 Properties
+          * @uiName Reward unit
          */
-        "step2_notRegistered": string;
+        "unit": string;
+    }
+    interface SqmTitledSection {
         /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
-          * @uiGroup Step 2 Properties
+          * Text value shown when there is no label slot declared.
+          * @uiName Label
          */
-        "step2_otherRegion": string;
+        "label": string;
         /**
-          * Label text for the Province select input
-          * @uiName Province select input label
-          * @uiGroup Step 2 Properties
+          * Margin applied to the bottom of the label slot
+          * @uiName Label bottom margin
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step2_province": string;
+        "labelMargin": Spacing;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-          * @uiGroup Step 2 Properties
+          * Padding applied to all 4 sides of the container
+          * @uiName Section padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step2_provinceError": string;
+        "padding": Spacing;
         /**
-          * Label text for the QST Tax Number input
-          * @uiName QST Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Text alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step2_qstNumber": string;
+        "textAlign": "left" | "center" | "right";
+    }
+    interface SqmUserInfoForm {
         /**
-          * Error text shown below the QST Tax number input
-          * @uiName QST Tax Number error text
-          * @uiGroup Step 2 Properties
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
          */
-        "step2_qstTaxNumberError": string;
+        "allowBankingCollection": string;
         /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
          */
-        "step2_selectedRegion": string;
+        "allowBankingCollectionError": string;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-          * @uiGroup Step 2 Properties
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
          */
-        "step2_selectedRegionError": string;
+        "businessEntity": string;
         /**
-          * Label text for Sub-region select
-          * @uiName for Sub-region select label
-          * @uiGroup Step 2 Properties
+          * Label text for country input
+          * @uiName Country label
          */
-        "step2_subRegion": string;
+        "country": string;
         /**
-          * Error text shown below the Sub-region Income Tax number input
-          * @uiName Sub-region Income Tax error text
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
          */
-        "step2_subRegionTaxNumberError": string;
+        "countryError": string;
         /**
-          * Label text for the Sub-region Income Tax Number input
-          * @uiName Sub-region income Tax Number input label
-          * @uiGroup Step 2 Properties
+          * Label text for currency input
+          * @uiName Currency label
          */
-        "step2_subRegionTaxNumberLabel": string;
+        "currency": string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
          */
-        "step2_submitButton": string;
+        "currencyError": string;
         /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-          * @uiGroup Step 2 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step2_taxDetailsError": string;
+        "demoData"?: DemoData<UseUserInfoFormResult>;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3 Properties
+          * Label text for email input
+          * @uiName Email label
          */
-        "step3_backButton": string;
+        "email": string;
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-          * @uiGroup Step 3 Properties
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
          */
-        "step3_banner": string;
+        "emailError": string;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-          * @uiGroup Step 3 Properties
+          * Label text for first name input
+          * @uiName First name label
          */
-        "step3_checkboxDescription": string;
+        "firstName": string;
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-          * @uiGroup Step 3 Properties
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
          */
-        "step3_checkboxLabel": string;
+        "firstNameError": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_formStep": string;
-        /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-          * @uiGroup Step 3 Properties
          */
-        "step3_formSubmissionError": string;
+        "formStep": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
-          * @uiGroup Step 3 Properties
          */
-        "step3_generalErrorDescription": string;
+        "generalErrorDescription": string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
-          * @uiGroup Step 3 Properties
-         */
-        "step3_generalErrorTitle": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3 Properties
          */
-        "step3_submitButton": string;
+        "generalErrorTitle": string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3 Properties
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
          */
-        "step3_taxForm": string;
+        "individualParticipant": string;
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-          * @uiGroup Step 3 Properties
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
          */
-        "step3_taxFormDescription": string;
+        "isPartnerAlertDescription": string;
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-          * @uiGroup Step 3 Properties
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
          */
-        "step3_taxFormLabel": string;
+        "isPartnerAlertHeader": string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3b Properties
+          * Label text for last name input
+          * @uiName Last name label
          */
-        "step3b_backButton": string;
+        "lastName": string;
         /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-          * @uiGroup Step 3b Properties
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
          */
-        "step3b_formLabel": string;
+        "lastNameError": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3b Properties
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
          */
-        "step3b_formStep": string;
+        "participantType": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3b Properties
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
          */
-        "step3b_generalErrorDescription": string;
+        "participantTypeError": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3b Properties
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
          */
-        "step3b_generalErrorTitle": string;
+        "personalInformation": string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
-          * @uiGroup Step 3b Properties
          */
-        "step3b_submitButton": string;
+        "submitButton": string;
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3b Properties
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
          */
-        "step3b_taxForm": string;
+        "taxAndBankingCollection": string;
+    }
+    interface SqmUserName {
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
-          * @uiGroup Step 3b Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3b_w8Description": string;
-        /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8EDescription": string;
-        /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8ELabel": string;
-        /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8Label": string;
-        /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w9Description": string;
-        /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w9Label": string;
-        /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextAwaitingReview"?: string;
-        /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextExpiredOn"?: string;
-        /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextExpiringSoon"?: string;
-        /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextSubmittedOn"?: string;
-        /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_bankingInformationSectionHeader": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error title
-          * @uiGroup Step 4 Properties
-         */
-        "step4_generalErrorTitle": string;
-        /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_invalidForm"?: string;
-        /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName Step 4 No form needed subtext
-          * @uiGroup Step 4 Properties
-         */
-        "step4_newFormButton": string;
-        /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-          * @uiGroup Step 4 Properties
-         */
-        "step4_noFormNeededSubtext": string;
-        /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-          * @uiGroup Step 4 Properties
-         */
-        "step4_notRegisteredForTax": string;
-        /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextExpired"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextNotActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextNotVerified"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderExpiredOn"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderExpiringSoon"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderNotActive"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertMessage"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertMessageExpiringSoon": string;
-        /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxDocumentSectionHeader": string;
+        "demoData"?: DemoData<UserNameViewProps>;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-          * @uiGroup Step 4 Properties
+          * @uiName Unknown user name
          */
-        "step4_taxDocumentSectionSubHeader": string;
+        "fallback": string;
         /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-          * @uiGroup Step 3 Properties
+          * Text displayed while the participant’s name is loading.
+          * @uiName Loading text
          */
-        "stop3NotBasedInUS": string;
+        "loadingText": string;
     }
-    interface SqmTaxDocumentSubmitted {
-        /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-         */
-        "badgeTextAwaitingReview"?: string;
-        /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-         */
-        "badgeTextExpiredOn"?: string;
-        /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-         */
-        "badgeTextExpiringSoon"?: string;
-        /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-         */
-        "badgeTextSubmittedOn"?: string;
-        /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-         */
-        "bankingInformationSectionHeader": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
-        /**
-          * Text displayed in the edit Indirect Tax button
-          * @uiName Edit Indirect Tax button
-         */
-        "editIndirectTaxButton": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle": string;
-        /**
-          * Indirect tax description text for individual participants
-          * @uiName Indirect tax individual participant description
-         */
-        "indirectTaxIndividualParticipant": string;
-        /**
-          * Country/Region description text of indirect tax
-          * @uiName Indirect tax Canada description
-         */
-        "indirectTaxInfoCanada": string;
-        /**
-          * Other country description text of indirect tax
-          * @uiName Indirect tax other country description
-         */
-        "indirectTaxInfoOtherCountry": string;
-        /**
-          * Header text displayed above the indirect tax preview section
-          * @uiName Indirect Tax Information Header
-         */
-        "indirectTaxInfoSectionHeader": string;
-        /**
-          * Indirect tax tooltip text for support
-          * @uiName Indirect tax tooltip description
-         */
-        "indirectTaxTooltipSupport": string;
-        /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-         */
-        "invalidForm"?: string;
-        /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName No form needed subtext
-         */
-        "newFormButton": string;
-        /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-         */
-        "noFormNeededSubtext": string;
-        /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-         */
-        "notRegisteredForTax": string;
-        /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-         */
-        "statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-         */
-        "statusTextExpired"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-         */
-        "statusTextNotActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-         */
-        "statusTextNotVerified"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-         */
-        "taxAlertHeaderExpiredOn"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-         */
-        "taxAlertHeaderExpiringSoon"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-         */
-        "taxAlertHeaderNotActive"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-         */
-        "taxAlertMessage"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-         */
-        "taxAlertMessageExpiringSoon": string;
-        /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-         */
-        "taxDocumentSectionHeader": string;
-        /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-         */
-        "taxDocumentSectionSubHeader": string;
+}
+declare global {
+    interface HTMLRaisinsPlopTargetElement extends Components.RaisinsPlopTarget, HTMLStencilElement {
     }
-    interface SqmText {
+    var HTMLRaisinsPlopTargetElement: {
+        prototype: HTMLRaisinsPlopTargetElement;
+        new (): HTMLRaisinsPlopTargetElement;
+    };
+    interface HTMLSqmAssetCardElement extends Components.SqmAssetCard, HTMLStencilElement {
     }
-    interface SqmTextSpan {
-        /**
-          * @uiName Text
-         */
-        "text": string;
-        /**
-          * @uiName Type
-          * @uiType string
-          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
-          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
-         */
-        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+    var HTMLSqmAssetCardElement: {
+        prototype: HTMLSqmAssetCardElement;
+        new (): HTMLSqmAssetCardElement;
+    };
+    interface HTMLSqmBankingInfoFormElement extends Components.SqmBankingInfoForm, HTMLStencilElement {
     }
-    interface SqmTimeline {
-        /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
-         */
-        "icon": "gift" | "circle";
+    var HTMLSqmBankingInfoFormElement: {
+        prototype: HTMLSqmBankingInfoFormElement;
+        new (): HTMLSqmBankingInfoFormElement;
+    };
+    interface HTMLSqmBigStatElement extends Components.SqmBigStat, HTMLStencilElement {
     }
-    interface SqmTimelineEntry {
-        /**
-          * @uiName Description
-         */
-        "desc": string;
-        /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
-         */
-        "icon": "gift" | "circle";
-        /**
-          * @uiName Reward amount
-         */
-        "reward": string;
-        "setIcon": (value: "gift" | "circle") => Promise<void>;
-        /**
-          * @uiName Reward unit
-         */
-        "unit": string;
+    var HTMLSqmBigStatElement: {
+        prototype: HTMLSqmBigStatElement;
+        new (): HTMLSqmBigStatElement;
+    };
+    interface HTMLSqmBrandElement extends Components.SqmBrand, HTMLStencilElement {
     }
-    interface SqmTitledSection {
-        /**
-          * Text value shown when there is no label slot declared.
-          * @uiName Label
-         */
-        "label": string;
-        /**
-          * Margin applied to the bottom of the label slot
-          * @uiName Label bottom margin
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "labelMargin": Spacing;
-        /**
-          * Padding applied to all 4 sides of the container
-          * @uiName Section padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "padding": Spacing;
-        /**
-          * @uiName Text alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "textAlign": "left" | "center" | "right";
-    }
-    interface SqmUserInfoForm {
-        /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-         */
-        "allowBankingCollection": string;
-        /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-         */
-        "allowBankingCollectionError": string;
-        /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-         */
-        "businessEntity": string;
-        /**
-          * Label text for country input
-          * @uiName Country label
-         */
-        "country": string;
-        /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-         */
-        "countryError": string;
-        /**
-          * Label text for currency input
-          * @uiName Currency label
-         */
-        "currency": string;
-        /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-         */
-        "currencyError": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseUserInfoFormResult>;
-        /**
-          * Label text for email input
-          * @uiName Email label
-         */
-        "email": string;
-        /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-         */
-        "emailError": string;
-        /**
-          * Label text for first name input
-          * @uiName First name label
-         */
-        "firstName": string;
-        /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-         */
-        "firstNameError": string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle": string;
-        /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-         */
-        "individualParticipant": string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-         */
-        "isPartnerAlertDescription": string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-         */
-        "isPartnerAlertHeader": string;
-        /**
-          * Label text for last name input
-          * @uiName Last name label
-         */
-        "lastName": string;
-        /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-         */
-        "lastNameError": string;
-        /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-         */
-        "participantType": string;
-        /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-         */
-        "participantTypeError": string;
-        /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-         */
-        "personalInformation": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton": string;
-        /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-         */
-        "taxAndBankingCollection": string;
-    }
-    interface SqmUserName {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
-        /**
-          * @uiName Unknown user name
-         */
-        "fallback": string;
-        /**
-          * Text displayed while the participant’s name is loading.
-          * @uiName Loading text
-         */
-        "loadingText": string;
-    }
-}
-declare global {
-    interface HTMLRaisinsPlopTargetElement extends Components.RaisinsPlopTarget, HTMLStencilElement {
-    }
-    var HTMLRaisinsPlopTargetElement: {
-        prototype: HTMLRaisinsPlopTargetElement;
-        new (): HTMLRaisinsPlopTargetElement;
-    };
-    interface HTMLSqmAssetCardElement extends Components.SqmAssetCard, HTMLStencilElement {
-    }
-    var HTMLSqmAssetCardElement: {
-        prototype: HTMLSqmAssetCardElement;
-        new (): HTMLSqmAssetCardElement;
-    };
-    interface HTMLSqmBankingInfoFormElement extends Components.SqmBankingInfoForm, HTMLStencilElement {
-    }
-    var HTMLSqmBankingInfoFormElement: {
-        prototype: HTMLSqmBankingInfoFormElement;
-        new (): HTMLSqmBankingInfoFormElement;
-    };
-    interface HTMLSqmBigStatElement extends Components.SqmBigStat, HTMLStencilElement {
-    }
-    var HTMLSqmBigStatElement: {
-        prototype: HTMLSqmBigStatElement;
-        new (): HTMLSqmBigStatElement;
-    };
-    interface HTMLSqmBrandElement extends Components.SqmBrand, HTMLStencilElement {
-    }
-    var HTMLSqmBrandElement: {
-        prototype: HTMLSqmBrandElement;
-        new (): HTMLSqmBrandElement;
-    };
-    interface HTMLSqmCardFeedElement extends Components.SqmCardFeed, HTMLStencilElement {
+    var HTMLSqmBrandElement: {
+        prototype: HTMLSqmBrandElement;
+        new (): HTMLSqmBrandElement;
+    };
+    interface HTMLSqmCardFeedElement extends Components.SqmCardFeed, HTMLStencilElement {
     }
     var HTMLSqmCardFeedElement: {
         prototype: HTMLSqmCardFeedElement;
@@ -5144,1946 +4554,1410 @@ declare global {
         prototype: HTMLSqmTaxAndCashElement;
         new (): HTMLSqmTaxAndCashElement;
     };
-    interface HTMLSqmTaxAndCashMonolithElement extends Components.SqmTaxAndCashMonolith, HTMLStencilElement {
-    }
-    var HTMLSqmTaxAndCashMonolithElement: {
-        prototype: HTMLSqmTaxAndCashMonolithElement;
-        new (): HTMLSqmTaxAndCashMonolithElement;
-    };
     interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
     }
-    var HTMLSqmTaxDocumentSubmittedElement: {
-        prototype: HTMLSqmTaxDocumentSubmittedElement;
-        new (): HTMLSqmTaxDocumentSubmittedElement;
-    };
-    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
-    }
-    var HTMLSqmTextElement: {
-        prototype: HTMLSqmTextElement;
-        new (): HTMLSqmTextElement;
-    };
-    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
-    }
-    var HTMLSqmTextSpanElement: {
-        prototype: HTMLSqmTextSpanElement;
-        new (): HTMLSqmTextSpanElement;
-    };
-    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
-    }
-    var HTMLSqmTimelineElement: {
-        prototype: HTMLSqmTimelineElement;
-        new (): HTMLSqmTimelineElement;
-    };
-    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
-    }
-    var HTMLSqmTimelineEntryElement: {
-        prototype: HTMLSqmTimelineEntryElement;
-        new (): HTMLSqmTimelineEntryElement;
-    };
-    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
-    }
-    var HTMLSqmTitledSectionElement: {
-        prototype: HTMLSqmTitledSectionElement;
-        new (): HTMLSqmTitledSectionElement;
-    };
-    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
-    }
-    var HTMLSqmUserInfoFormElement: {
-        prototype: HTMLSqmUserInfoFormElement;
-        new (): HTMLSqmUserInfoFormElement;
-    };
-    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
-    }
-    var HTMLSqmUserNameElement: {
-        prototype: HTMLSqmUserNameElement;
-        new (): HTMLSqmUserNameElement;
-    };
-    interface HTMLElementTagNameMap {
-        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
-        "sqm-asset-card": HTMLSqmAssetCardElement;
-        "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
-        "sqm-big-stat": HTMLSqmBigStatElement;
-        "sqm-brand": HTMLSqmBrandElement;
-        "sqm-card-feed": HTMLSqmCardFeedElement;
-        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
-        "sqm-close-button": HTMLSqmCloseButtonElement;
-        "sqm-context-router": HTMLSqmContextRouterElement;
-        "sqm-coupon-code": HTMLSqmCouponCodeElement;
-        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
-        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
-        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
-        "sqm-docusign-form": HTMLSqmDocusignFormElement;
-        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
-        "sqm-edit-profile": HTMLSqmEditProfileElement;
-        "sqm-empty": HTMLSqmEmptyElement;
-        "sqm-form-message": HTMLSqmFormMessageElement;
-        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
-        "sqm-header-logo": HTMLSqmHeaderLogoElement;
-        "sqm-hero": HTMLSqmHeroElement;
-        "sqm-hero-image": HTMLSqmHeroImageElement;
-        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
-        "sqm-image": HTMLSqmImageElement;
-        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
-        "sqm-input-field": HTMLSqmInputFieldElement;
-        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
-        "sqm-leaderboard": HTMLSqmLeaderboardElement;
-        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
-        "sqm-link-button": HTMLSqmLinkButtonElement;
-        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
-        "sqm-name-fields": HTMLSqmNameFieldsElement;
-        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
-        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
-        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
-        "sqm-password-field": HTMLSqmPasswordFieldElement;
-        "sqm-popup-container": HTMLSqmPopupContainerElement;
-        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
-        "sqm-portal-container": HTMLSqmPortalContainerElement;
-        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
-        "sqm-portal-footer": HTMLSqmPortalFooterElement;
-        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
-        "sqm-portal-frame": HTMLSqmPortalFrameElement;
-        "sqm-portal-login": HTMLSqmPortalLoginElement;
-        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
-        "sqm-portal-profile": HTMLSqmPortalProfileElement;
-        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
-        "sqm-portal-register": HTMLSqmPortalRegisterElement;
-        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
-        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
-        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
-        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
-        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
-        "sqm-program-menu": HTMLSqmProgramMenuElement;
-        "sqm-referral-card": HTMLSqmReferralCardElement;
-        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
-        "sqm-referral-table": HTMLSqmReferralTableElement;
-        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
-        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
-        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
-        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
-        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
-        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
-        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
-        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
-        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
-        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
-        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
-        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
-        "sqm-rewards-table": HTMLSqmRewardsTableElement;
-        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
-        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
-        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
-        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
-        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
-        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
-        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
-        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
-        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
-        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
-        "sqm-route": HTMLSqmRouteElement;
-        "sqm-router": HTMLSqmRouterElement;
-        "sqm-scroll": HTMLSqmScrollElement;
-        "sqm-share-button": HTMLSqmShareButtonElement;
-        "sqm-share-code": HTMLSqmShareCodeElement;
-        "sqm-share-link": HTMLSqmShareLinkElement;
-        "sqm-stat-container": HTMLSqmStatContainerElement;
-        "sqm-stencilbook": HTMLSqmStencilbookElement;
-        "sqm-tab": HTMLSqmTabElement;
-        "sqm-table-cell": HTMLSqmTableCellElement;
-        "sqm-table-row": HTMLSqmTableRowElement;
-        "sqm-tabs": HTMLSqmTabsElement;
-        "sqm-task-card": HTMLSqmTaskCardElement;
-        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
-        "sqm-tax-and-cash-monolith": HTMLSqmTaxAndCashMonolithElement;
-        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
-        "sqm-text": HTMLSqmTextElement;
-        "sqm-text-span": HTMLSqmTextSpanElement;
-        "sqm-timeline": HTMLSqmTimelineElement;
-        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
-        "sqm-titled-section": HTMLSqmTitledSectionElement;
-        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
-        "sqm-user-name": HTMLSqmUserNameElement;
-    }
-}
-declare namespace LocalJSX {
-    interface RaisinsPlopTarget {
-    }
-    interface SqmAssetCard {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<AssetCardViewProps>;
-        /**
-          * @uiName Banner image
-         */
-        "imgUrl"?: string;
-        /**
-          * @uiName Banner title
-         */
-        "titleText"?: string;
-    }
-    interface SqmBankingInfoForm {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
-    }
-    interface SqmBigStat {
-        /**
-          * Controls the alignment of the flexbox
-          * @uiName Alignment
-          * @uiType string
-          * @uiEnum ["left", "right", "center"]
-          * @uiEnumNames ["Left", "Right", "Center"]
-         */
-        "alignment"?: "left" | "right" | "center";
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<BigStatViewProps>;
-        /**
-          * Controls the order of the stat value & description column
-          * @uiName Flex reverse
-          * @default
-         */
-        "flexReverse"?: boolean;
-        /**
-          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
-          * @uiName Program ID
-          * @uiWidget programSelector
-         */
-        "programId"?: string;
-        /**
-          * Select what type of stat to display. Manual paths are also supported.
-          * @uiWidget statTypeSelectWidget
-          * @uiName Stat type
-          * @required 
-          * @uiWidgetOptions {"version": 1.1}
-         */
-        "statType"?: string;
-    }
-    interface SqmBrand {
-        /**
-          * Controls the primary brand color used in the Mint Components library.
-          * @uiName Brand color
-          * @uiWidget color
-          * @format color
-         */
-        "brandColor"?: string;
-        /**
-          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
-          * @uiName Brand font
-          * @default "Nunito Sans"
-         */
-        "brandFont"?: string;
-    }
-    interface SqmCardFeed {
-        /**
-          * @uiName Column gap
-          * @uiType number
-         */
-        "gap"?: number;
-        /**
-          * @uiName Card width
-         */
-        "width"?: number;
-    }
-    interface SqmCheckboxField {
-        /**
-          * @uiName Checkbox label
-          * @uiWidget textArea
-         */
-        "checkboxLabel"?: string;
-        /**
-          * Used with link text if the checkbox label contains {labelLink}
-          * @uiName Checkbox label link
-         */
-        "checkboxLabelLink"?: string;
-        /**
-          * @uiName Checkbox label link lext
-         */
-        "checkboxLabelLinkText"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Checkbox name attribute
-          * @required
-         */
-        "checkboxName"?: string;
-        /**
-          * @uiName Optional
-         */
-        "checkboxOptional"?: boolean;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<CheckboxFieldViewProps>;
-        /**
-          * @uiName Unchecked error message
-         */
-        "errorMessage"?: string;
-    }
-    interface SqmCloseButton {
-        /**
-          * @uiName Color
-          * @uiWidget color
-          * @uiType string
-         */
-        "color"?: string;
-    }
-    interface SqmContextRouter {
-        "contextName"?: string;
-    }
-    interface SqmCouponCode {
-        /**
-          * Set the copy button style and placement.
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
-         */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * Display this message when the coupon code has been cancelled.
-          * @uiWidget textArea
-          * @uiName Cancelled code error message
-          * @uiGroup Coupon code error
-         */
-        "cancelledErrorText"?: string;
-        /**
-          * @uiName Copy button label
-         */
-        "copyButtonLabel"?: string;
-        /**
-          * @uiName Coupon code label
-         */
-        "couponCodeLabel"?: string;
-        /**
-          * Display this text when the coupon code can’t be retrieved.
-          * @uiName Coupon code placeholder
-          * @uiGroup Coupon code error
-         */
-        "couponCodePlaceholder"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<CouponCodeViewProps>;
-        /**
-          * Display this message when the coupon code has expired.
-          * @uiWidget textArea
-          * @uiName Expired code error message
-          * @uiGroup Coupon code error
-         */
-        "expiredErrorText"?: string;
-        /**
-          * Display this message when the code fails to load due to a fulfillment error.
-          * @uiWidget textArea
-          * @uiName Code fulfillment error message
-          * @uiGroup Coupon code error
-         */
-        "fullfillmentErrorText"?: string;
-        /**
-          * Display this message when the code fails to load due to an unspecified error.
-          * @uiWidget textArea
-          * @uiName Code retrieval error message
-          * @uiGroup Coupon code error
-         */
-        "genericErrorText"?: string;
-        /**
-          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
-          * @uiWidget textArea
-          * @uiName Code pending error message
-          * @uiGroup Coupon code error
-         */
-        "pendingErrorText"?: string;
-        /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
-         */
-        "programId"?: string;
-        /**
-          * Display this message when the coupon code has already been redeemed.
-          * @uiWidget textArea
-          * @uiName Redeemed code error message
-          * @uiGroup Coupon code error
-         */
-        "redeemedErrorText"?: string;
-        /**
-          * @uiName Coupon code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "textAlign"?: "left" | "center" | "right";
-        /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
-         */
-        "tooltiplifespan"?: number;
-        /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
-          * @uiName Tooltip text
-         */
-        "tooltiptext"?: string;
-    }
-    interface SqmDividedLayout {
-        /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
-         */
-        "direction"?: "row" | "column";
-        /**
-          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
-          * @uiName Border style
-         */
-        "dividerStyle"?: string;
-    }
-    interface SqmDocumentTypeForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseDocumentTypeFormResult>;
-        /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-         */
-        "formLabel"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
-        /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-         */
-        "taxForm"?: string;
-        /**
-          * Description for the W8 radio button
-          * @uiName W8 radio button subtext
-         */
-        "w8Description"?: string;
-        /**
-          * Description for the W8E radio button
-          * @uiName W8E radio button subtext
-         */
-        "w8EDescription"?: string;
-        /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-         */
-        "w8ELabel"?: string;
-        /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-         */
-        "w8Label"?: string;
-        /**
-          * Description for the W9 radio button
-          * @uiName W9 radio button subtext
-         */
-        "w9Description"?: string;
-        /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-         */
-        "w9Label"?: string;
-    }
-    interface SqmDocusignEmbed {
-        "onDocusignEvent"?: (event: CustomEvent<{ status: string }>) => void;
-        "url"?: string;
-    }
-    interface SqmDocusignForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton"?: string;
-        /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-         */
-        "banner"?: string;
-        /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-         */
-        "checkboxDescription"?: string;
-        /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-         */
-        "checkboxLabel"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseDocusignFormResult>;
-        /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-         */
-        "docusignExpired"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
-        /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-         */
-        "formSubmissionError"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle"?: string;
-        /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-         */
-        "notBasedInUS"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
-        /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-         */
-        "taxForm"?: string;
-        /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-         */
-        "taxFormDescription"?: string;
-        /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-         */
-        "taxFormLabel"?: string;
+    var HTMLSqmTaxDocumentSubmittedElement: {
+        prototype: HTMLSqmTaxDocumentSubmittedElement;
+        new (): HTMLSqmTaxDocumentSubmittedElement;
+    };
+    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
     }
-    interface SqmDropdownField {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<DropdownFieldViewProps>;
-        /**
-          * @uiName Dropdown label
-         */
-        "dropdownLabel"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Dropdown name attribute
-          * @required
-         */
-        "dropdownName"?: string;
-        /**
-          * @uiName Optional
-          * @default
-         */
-        "dropdownOptional"?: boolean;
-        /**
-          * @uiName Unselected error message
-         */
-        "errorMessage"?: string;
+    var HTMLSqmTextElement: {
+        prototype: HTMLSqmTextElement;
+        new (): HTMLSqmTextElement;
+    };
+    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
     }
-    interface SqmEditProfile {
-        /**
-          * @uiName Cancel button text
-         */
-        "canceltext"?: string;
-        /**
-          * @uiName Region field label
-         */
-        "currentregiontext"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<EditProfileViewProps>;
-        /**
-          * @uiName Heading
-         */
-        "editprofileheader"?: string;
-        /**
-          * Enable editing button text
-          * @uiName Edit profile text
-         */
-        "editprofiletext"?: string;
-        /**
-          * @uiName First name label
-         */
-        "firstnametext"?: string;
-        /**
-          * @uiName Last name label
-         */
-        "lastnametext"?: string;
-        /**
-          * Show or hide current region
-          * @uiName Show region
-         */
-        "showregion"?: boolean;
-        /**
-          * @uiName Info button text
-         */
-        "updatetext"?: string;
+    var HTMLSqmTextSpanElement: {
+        prototype: HTMLSqmTextSpanElement;
+        new (): HTMLSqmTextSpanElement;
+    };
+    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
     }
-    interface SqmEmpty {
-        /**
-          * @uiName Title
-         */
-        "emptyStateHeader"?: string;
-        /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
-         */
-        "emptyStateImage"?: string;
-        /**
-          * @uiName Description
-          * @uiWidget textArea
-         */
-        "emptyStateText"?: string;
+    var HTMLSqmTimelineElement: {
+        prototype: HTMLSqmTimelineElement;
+        new (): HTMLSqmTimelineElement;
+    };
+    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
     }
-    interface SqmFormMessage {
-        /**
-          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
-          * @uiName Icon
-         */
-        "icon"?: string;
-        /**
-          * Options include "success", "info", "warning", and "error"
-          * @uiName Alert type
-         */
-        "type"?: string;
+    var HTMLSqmTimelineEntryElement: {
+        prototype: HTMLSqmTimelineEntryElement;
+        new (): HTMLSqmTimelineEntryElement;
+    };
+    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
     }
-    interface SqmGraphqlClientProvider {
-        /**
-          * @uiName Domain
-         */
-        "domain"?: string;
+    var HTMLSqmTitledSectionElement: {
+        prototype: HTMLSqmTitledSectionElement;
+        new (): HTMLSqmTitledSectionElement;
+    };
+    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
     }
-    interface SqmHeaderLogo {
-        /**
-          * @uiName Logo height
-         */
-        "height"?: number;
-        /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Logo image
-         */
-        "imageUrl"?: string;
-        /**
-          * Page participants are navigated to after clicking the header logo.
-          * @uiName Redirect path
-          * @uiWidget pageSelect
-         */
-        "nextPage"?: string;
+    var HTMLSqmUserInfoFormElement: {
+        prototype: HTMLSqmUserInfoFormElement;
+        new (): HTMLSqmUserInfoFormElement;
+    };
+    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    }
+    var HTMLSqmUserNameElement: {
+        prototype: HTMLSqmUserNameElement;
+        new (): HTMLSqmUserNameElement;
+    };
+    interface HTMLElementTagNameMap {
+        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
+        "sqm-asset-card": HTMLSqmAssetCardElement;
+        "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
+        "sqm-big-stat": HTMLSqmBigStatElement;
+        "sqm-brand": HTMLSqmBrandElement;
+        "sqm-card-feed": HTMLSqmCardFeedElement;
+        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
+        "sqm-close-button": HTMLSqmCloseButtonElement;
+        "sqm-context-router": HTMLSqmContextRouterElement;
+        "sqm-coupon-code": HTMLSqmCouponCodeElement;
+        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
+        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
+        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
+        "sqm-docusign-form": HTMLSqmDocusignFormElement;
+        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
+        "sqm-edit-profile": HTMLSqmEditProfileElement;
+        "sqm-empty": HTMLSqmEmptyElement;
+        "sqm-form-message": HTMLSqmFormMessageElement;
+        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
+        "sqm-header-logo": HTMLSqmHeaderLogoElement;
+        "sqm-hero": HTMLSqmHeroElement;
+        "sqm-hero-image": HTMLSqmHeroImageElement;
+        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
+        "sqm-image": HTMLSqmImageElement;
+        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
+        "sqm-input-field": HTMLSqmInputFieldElement;
+        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
+        "sqm-leaderboard": HTMLSqmLeaderboardElement;
+        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
+        "sqm-link-button": HTMLSqmLinkButtonElement;
+        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
+        "sqm-name-fields": HTMLSqmNameFieldsElement;
+        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
+        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
+        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
+        "sqm-password-field": HTMLSqmPasswordFieldElement;
+        "sqm-popup-container": HTMLSqmPopupContainerElement;
+        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
+        "sqm-portal-container": HTMLSqmPortalContainerElement;
+        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
+        "sqm-portal-footer": HTMLSqmPortalFooterElement;
+        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
+        "sqm-portal-frame": HTMLSqmPortalFrameElement;
+        "sqm-portal-login": HTMLSqmPortalLoginElement;
+        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
+        "sqm-portal-profile": HTMLSqmPortalProfileElement;
+        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
+        "sqm-portal-register": HTMLSqmPortalRegisterElement;
+        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
+        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
+        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
+        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
+        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
+        "sqm-program-menu": HTMLSqmProgramMenuElement;
+        "sqm-referral-card": HTMLSqmReferralCardElement;
+        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
+        "sqm-referral-table": HTMLSqmReferralTableElement;
+        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
+        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
+        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
+        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
+        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
+        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
+        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
+        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
+        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
+        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
+        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
+        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
+        "sqm-rewards-table": HTMLSqmRewardsTableElement;
+        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
+        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
+        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
+        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
+        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
+        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
+        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
+        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
+        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
+        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
+        "sqm-route": HTMLSqmRouteElement;
+        "sqm-router": HTMLSqmRouterElement;
+        "sqm-scroll": HTMLSqmScrollElement;
+        "sqm-share-button": HTMLSqmShareButtonElement;
+        "sqm-share-code": HTMLSqmShareCodeElement;
+        "sqm-share-link": HTMLSqmShareLinkElement;
+        "sqm-stat-container": HTMLSqmStatContainerElement;
+        "sqm-stencilbook": HTMLSqmStencilbookElement;
+        "sqm-tab": HTMLSqmTabElement;
+        "sqm-table-cell": HTMLSqmTableCellElement;
+        "sqm-table-row": HTMLSqmTableRowElement;
+        "sqm-tabs": HTMLSqmTabsElement;
+        "sqm-task-card": HTMLSqmTaskCardElement;
+        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
+        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
+        "sqm-text": HTMLSqmTextElement;
+        "sqm-text-span": HTMLSqmTextSpanElement;
+        "sqm-timeline": HTMLSqmTimelineElement;
+        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
+        "sqm-titled-section": HTMLSqmTitledSectionElement;
+        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
+        "sqm-user-name": HTMLSqmUserNameElement;
     }
-    interface SqmHero {
-        /**
-          * Can be an image url, colour or Shoelace variable.
-          * @uiName Background
-          * @uiWidget Background
-         */
-        "background"?: string;
-        /**
-          * @uiName Columns
-          * @uiEnum [1, 2]
-          * @uiEnumNames ["One", "Two"]
-         */
-        "columns"?: 1 | 2;
-        /**
-          * Minimum height of each column including when they are stacked on mobile
-          * @uiName Minimum height (in px)
-         */
-        "minHeight"?: number;
-        /**
-          * @uiName Padding size
-          * @uiEnum ["none", "small", "medium","large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
-         */
-        "paddingSize"?: "none" | "small" | "medium" | "large";
-        /**
-          * Secondary background image or color (for use in the right column)
-          * @uiName Secondary background
-          * @uiWidget Background
-         */
-        "secondaryBackground"?: string;
-        /**
-          * Flexbox wrap direction, accepts wrap or wrap-reverse
-          * @uiName Wrap direction
-          * @uiEnum ["wrap", "wrap-reverse"]
-          * @uiEnumNames ["Wrap", "Wrap Reverse"]
-         */
-        "wrapDirection"?: "wrap" | "wrap-reverse";
+}
+declare namespace LocalJSX {
+    interface RaisinsPlopTarget {
     }
-    interface SqmHeroImage {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-         */
-        "backgroundColor"?: string;
-        /**
-          * @uiName Button link
-         */
-        "buttonLink"?: string;
-        /**
-          * @uiName Open link in new tab
-          * @default
-         */
-        "buttonNewTab"?: boolean;
-        /**
-          * @uiName Button text
-         */
-        "buttonText"?: string;
-        /**
-          * @uiName Description
-          * @uiWidget textArea
-         */
-        "description"?: string;
-        /**
-          * @uiName Title
-         */
-        "header"?: string;
+    interface SqmAssetCard {
         /**
-          * @uiName Image mobile position
-          * @uiType string
-          * @uiEnum ["top", "bottom"]
-          * @uiEnumNames ["Top", "Bottom"]
+          * @undocumented 
+          * @uiType object
          */
-        "imageMobilePos"?: "top" | "bottom";
+        "demoData"?: DemoData<AssetCardViewProps>;
         /**
-          * @uiName Image percentage
-          * @uiType number
+          * @uiName Banner image
          */
-        "imagePercentage"?: number;
+        "imgUrl"?: string;
         /**
-          * @uiName Image position
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName Banner title
          */
-        "imagePos"?: "left" | "center" | "right";
+        "titleText"?: string;
+    }
+    interface SqmBankingInfoForm {
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
+          * @undocumented 
+          * @uiType object
          */
-        "imageUrl"?: string;
+        "demoData"?: DemoData<UserNameViewProps>;
+    }
+    interface SqmBigStat {
         /**
-          * @uiName Image layout
+          * Controls the alignment of the flexbox
+          * @uiName Alignment
           * @uiType string
-          * @uiEnum ["overlay", "columns"]
-          * @uiEnumNames ["Overlay", "Two-column"]
-         */
-        "layout"?: "overlay" | "columns";
-        /**
-          * @uiName Overlay color
-          * @uiWidget color
-          * @format color
+          * @uiEnum ["left", "right", "center"]
+          * @uiEnumNames ["Left", "Right", "Center"]
          */
-        "overlayColor"?: string;
+        "alignment"?: "left" | "right" | "center";
         /**
-          * @uiName Overlay opacity
+          * @undocumented 
+          * @uiType object
          */
-        "overlayOpacity"?: string;
+        "demoData"?: DemoData<BigStatViewProps>;
         /**
-          * @uiName Image padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Controls the order of the stat value & description column
+          * @uiName Flex reverse
+          * @default
          */
-        "paddingImage"?: Spacing;
+        "flexReverse"?: boolean;
         /**
-          * @uiName Text padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "paddingText"?: Spacing;
+        "programId"?: string;
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * Select what type of stat to display. Manual paths are also supported.
+          * @uiWidget statTypeSelectWidget
+          * @uiName Stat type
+          * @required 
+          * @uiWidgetOptions {"version": 1.1}
          */
-        "textColor"?: string;
-    }
-    interface SqmHookStoryContainer {
-        "hookStory"?: FunctionalComponent;
+        "statType"?: string;
     }
-    interface SqmImage {
-        /**
-          * @uiName Position alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "alignment"?: "left" | "center" | "right";
+    interface SqmBrand {
         /**
-          * @uiName Background color
+          * Controls the primary brand color used in the Mint Components library.
+          * @uiName Brand color
           * @uiWidget color
           * @format color
          */
-        "backgroundColor"?: string;
+        "brandColor"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @required 
-          * @uiName Image link
+          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
+          * @uiName Brand font
+          * @default "Nunito Sans"
          */
-        "imageUrl"?: string;
+        "brandFont"?: string;
+    }
+    interface SqmCardFeed {
         /**
-          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
-          * @uiName Minimum height
+          * @uiName Column gap
+          * @uiType number
          */
-        "minHeight"?: string;
-    }
-    interface SqmIndirectTaxForm {
-        "backButton"?: string;
+        "gap"?: number;
         /**
-          * @undocumented
+          * @uiName Card width
          */
-        "demoData"?: DemoData<UseIndirectTaxFormResult>;
-        "formStep"?: string;
-        "generalErrorDescription"?: string;
-        "generalErrorTitle"?: string;
-        "indirectTax"?: string;
-        "indirectTaxDescription"?: string;
-        "indirectTaxDetails"?: string;
-        "indirectTaxDetailsDescription"?: string;
-        "indirectTaxNumber"?: string;
-        "indirectTaxNumberError"?: string;
-        "isPartnerAlertDescription"?: string;
-        "isPartnerAlertHeader"?: string;
-        "isRegisteredQST"?: string;
-        "isRegisteredSubRegionIncomeTax"?: string;
-        "notRegistered"?: string;
-        "otherRegion"?: string;
-        "province"?: string;
-        "provinceError"?: string;
-        "qstNumber"?: string;
-        "qstTaxNumberError"?: string;
-        "selectedRegion"?: string;
-        "selectedRegionError"?: string;
-        "subRegion"?: string;
-        "subRegionError"?: string;
-        "subRegionTaxNumberError"?: string;
-        "subRegionTaxNumberLabel"?: string;
-        "submitButton"?: string;
-        "taxDetailsError"?: string;
+        "width"?: number;
     }
-    interface SqmInputField {
+    interface SqmCheckboxField {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Checkbox label
+          * @uiWidget textArea
          */
-        "demoData"?: DemoData<InputFieldViewProps>;
+        "checkboxLabel"?: string;
         /**
-          * @uiName Required error message
+          * Used with link text if the checkbox label contains {labelLink}
+          * @uiName Checkbox label link
          */
-        "errorMessage"?: string;
+        "checkboxLabelLink"?: string;
         /**
-          * @uiName Input label
+          * @uiName Checkbox label link lext
          */
-        "fieldLabel"?: string;
+        "checkboxLabelLinkText"?: string;
         /**
           * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Input name attribute
+          * @uiName Checkbox name attribute
           * @required
          */
-        "fieldName"?: string;
+        "checkboxName"?: string;
         /**
           * @uiName Optional
-          * @default
-         */
-        "fieldOptional"?: boolean;
-        /**
-          * @uiName Input type
-          * @uiType string
-          * @uiEnum ["text", "date", "tel"]
-          * @uiEnumNames ["Text", "Date", "Phone Number"]
-         */
-        "fieldType"?: "text" | "date" | "tel";
-    }
-    interface SqmInstantAccessRegistration {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
          */
-        "backgroundColor"?: string;
+        "checkboxOptional"?: boolean;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "demoData"?: DemoData<CheckboxFieldViewProps>;
         /**
-          * @uiName Email field label
+          * @uiName Unchecked error message
          */
-        "emailLabel"?: string;
+        "errorMessage"?: string;
+    }
+    interface SqmCloseButton {
         /**
-          * @uiName First name field label
+          * @uiName Color
+          * @uiWidget color
+          * @uiType string
          */
-        "firstNameLabel"?: string;
+        "color"?: string;
+    }
+    interface SqmContextRouter {
+        "contextName"?: string;
+    }
+    interface SqmCouponCode {
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * Set the copy button style and placement.
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "hideBorder"?: boolean;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * @undocumented 
-          * @uiType boolean
+          * Display this message when the coupon code has been cancelled.
+          * @uiWidget textArea
+          * @uiName Cancelled code error message
+          * @uiGroup Coupon code error
          */
-        "includeCookies"?: boolean;
+        "cancelledErrorText"?: string;
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * @uiName Copy button label
          */
-        "includeName"?: boolean;
+        "copyButtonLabel"?: string;
         /**
-          * Display this message when the given email is invalid.
-          * @uiName Invalid email message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Coupon code label
          */
-        "invalidEmailErrorMessage"?: string;
+        "couponCodeLabel"?: string;
         /**
-          * @uiName Last name field label
+          * Display this text when the coupon code can’t be retrieved.
+          * @uiName Coupon code placeholder
+          * @uiGroup Coupon code error
          */
-        "lastNameLabel"?: string;
+        "couponCodePlaceholder"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
-          * @uiName Network error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @undocumented 
+          * @uiType object
          */
-        "networkErrorMessage"?: string;
+        "demoData"?: DemoData<CouponCodeViewProps>;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Display this message when the coupon code has expired.
+          * @uiWidget textArea
+          * @uiName Expired code error message
+          * @uiGroup Coupon code error
          */
-        "paddingBottom"?: string;
+        "expiredErrorText"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Display this message when the code fails to load due to a fulfillment error.
+          * @uiWidget textArea
+          * @uiName Code fulfillment error message
+          * @uiGroup Coupon code error
          */
-        "paddingLeft"?: string;
+        "fullfillmentErrorText"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Display this message when the code fails to load due to an unspecified error.
+          * @uiWidget textArea
+          * @uiName Code retrieval error message
+          * @uiGroup Coupon code error
          */
-        "paddingRight"?: string;
+        "genericErrorText"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
+          * @uiWidget textArea
+          * @uiName Code pending error message
+          * @uiGroup Coupon code error
          */
-        "paddingTop"?: string;
+        "pendingErrorText"?: string;
         /**
-          * @uiName Register button text
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "registerLabel"?: string;
+        "programId"?: string;
         /**
-          * Display this message when a required field has not been filled out.
-          * @uiName Required field message
+          * Display this message when the coupon code has already been redeemed.
           * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Redeemed code error message
+          * @uiGroup Coupon code error
          */
-        "requiredFieldErrorMessage"?: string;
-    }
-    interface SqmLeaderboard {
+        "redeemedErrorText"?: string;
         /**
-          * Title displayed for users without names
-          * @uiName Unknown user text
+          * @uiName Coupon code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "anonymousUser"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * @undocumented 
-          * @uiType object
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "demoData"?: DemoData<LeaderboardViewProps>;
+        "tooltiplifespan"?: number;
         /**
-          * Hide the viewer's leaderboard row if not in the top results.
-          * @uiName Hide viewing user
-          * @default
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
+          * @uiName Tooltip text
          */
-        "hideViewer"?: boolean;
+        "tooltiptext"?: string;
+    }
+    interface SqmDividedLayout {
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
          */
-        "interval"?: string;
+        "direction"?: "row" | "column";
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
+          * @uiName Border style
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "dividerStyle"?: string;
+    }
+    interface SqmDocumentTypeForm {
         /**
-          * Control the maximum amount of rows displayed on the leaderboard.
-          * @uiName Maximum rows number
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "maxRows"?: number;
+        "backButton"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * @undocumented 
+          * @uiType object
          */
-        "programId"?: string;
+        "demoData"?: DemoData<UseDocumentTypeFormResult>;
         /**
-          * @uiName Rank type
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "formLabel"?: string;
         /**
-          * @uiName Rank column heading
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
          */
-        "rankheading"?: string;
+        "formStep"?: string;
         /**
-          * @uiName Show leaderboard rank
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "showRank"?: boolean;
+        "generalErrorDescription"?: string;
         /**
-          * @uiName Stats column heading
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "statsheading"?: string;
+        "generalErrorTitle"?: string;
         /**
-          * @uiName User column heading
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "usersheading"?: string;
-    }
-    interface SqmLeaderboardRank {
+        "submitButton"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
          */
-        "demoData"?: DemoData<LeaderboardRankViewProps>;
+        "taxForm"?: string;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * Description for the W8 radio button
+          * @uiName W8 radio button subtext
          */
-        "interval"?: string;
+        "w8Description"?: string;
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * Description for the W8E radio button
+          * @uiName W8E radio button subtext
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "w8EDescription"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
          */
-        "programId"?: string;
+        "w8ELabel"?: string;
         /**
-          * @uiName Rank text
-          * @uiWidget textArea
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
          */
-        "rankText"?: string;
+        "w8Label"?: string;
         /**
-          * @uiName Default rank
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * Description for the W9 radio button
+          * @uiName W9 radio button subtext
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "w9Description"?: string;
         /**
-          * @uiName Unranked text
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
          */
-        "unrankedText"?: string;
+        "w9Label"?: string;
     }
-    interface SqmLinkButton {
+    interface SqmDocusignEmbed {
+        "onDocusignEvent"?: (event: CustomEvent<{ status: string }>) => void;
+        "url"?: string;
+    }
+    interface SqmDocusignForm {
         /**
-          * @uiName Button text
-          * @uiType string
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "buttonText"?: string;
+        "backButton"?: string;
         /**
-          * Enter the URL where you want your participants redirected. Example: https://www.example.com
-          * @required 
-          * @uiName Link
+          * Text shown in the banner above the document
+          * @uiName Banner text
          */
-        "link"?: string;
+        "banner"?: string;
         /**
-          * @uiName Open link in new tab
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
          */
-        "openInNewTab"?: boolean;
-    }
-    interface SqmLogoutCurrentUser {
+        "checkboxDescription"?: string;
         /**
-          * @required 
-          * @uiName Switch user button link
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "checkboxLabel"?: string;
         /**
-          * @required 
-          * @uiName Switch user button label
+          * @undocumented 
+          * @uiType object
          */
-        "switchUserText"?: string;
+        "demoData"?: DemoData<UseDocusignFormResult>;
         /**
-          * @required 
-          * @uiName User identification text
+          * Text inside iframe when Docusign form is compelted
+          * @uiName Docusign completed text
          */
-        "userIdentificationText"?: string;
-    }
-    interface SqmNameFields {
+        "docusignCompleted"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Text inside iframe when Docusign expires
+          * @uiName Docusign expired text
          */
-        "demoData"?: DemoData<NameFieldsViewProps>;
+        "docusignExpired"?: string;
         /**
-          * @uiName First name label
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
          */
-        "firstNameLabel"?: string;
+        "formStep"?: string;
         /**
-          * @uiName Last name label
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
          */
-        "lastNameLabel"?: string;
-    }
-    interface SqmNavigationMenu {
+        "formSubmissionError"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "demoData"?: DemoData<NavigationMenuViewProps>;
+        "generalErrorDescription"?: string;
         /**
-          * @uiName Include dropdown menu
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "includeDropdown"?: boolean;
+        "generalErrorTitle"?: string;
         /**
-          * Label on the header menu
-          * @uiName Menu label
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
          */
-        "menuLabel"?: string;
-    }
-    interface SqmNavigationSidebar {
-    }
-    interface SqmNavigationSidebarItem {
+        "notBasedInUS"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
+        "submitButton"?: string;
         /**
-          * Options available at https://shoelace.style/components/icon
-          * @uiName Icon
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
          */
-        "icon"?: string;
+        "taxForm"?: string;
         /**
-          * @uiName Label
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
          */
-        "label"?: string;
+        "taxFormDescription"?: string;
         /**
-          * @uiName Navigation path
-          * @uiWidget pageSelect
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
          */
-        "path"?: string;
+        "taxFormLabel"?: string;
     }
-    interface SqmPasswordField {
+    interface SqmDropdownField {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: PasswordFieldViewDemoProps;
+        "demoData"?: DemoData<DropdownFieldViewProps>;
         /**
-          * Disable live password validation
-          * @uiName Disable validation
+          * @uiName Dropdown label
          */
-        "disableValidation"?: boolean;
+        "dropdownLabel"?: string;
         /**
-          * Label for password field
-          * @uiName Password label
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Dropdown name attribute
+          * @required
          */
-        "fieldLabel"?: string;
-    }
-    interface SqmPopupContainer {
+        "dropdownName"?: string;
         /**
-          * Display a close button on the popup
-          * @uiName Show close button
+          * @uiName Optional
+          * @default
          */
-        "closeButton"?: boolean;
+        "dropdownOptional"?: boolean;
         /**
-          * Text inside the close button
-          * @uiName Close button text
+          * @uiName Unselected error message
          */
-        "closeButtonText"?: string;
+        "errorMessage"?: string;
+    }
+    interface SqmEditProfile {
         /**
-          * Specify padding on the popup contents when in embedded mode
-          * @uiName Embed padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * @uiName Cancel button text
          */
-        "embedPadding"?: "none" | "small" | "medium" | "large";
+        "canceltext"?: string;
         /**
-          * Specify padding on the popup contents when in popup mode
-          * @uiName Popup padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * @uiName Region field label
          */
-        "popupPadding"?: "none" | "small" | "medium" | "large";
+        "currentregiontext"?: string;
         /**
-          * Show Powered with SaaSquatch by Impact.com link
-          * @uiName Show powered by
+          * @undocumented 
+          * @uiType object
          */
-        "poweredBy"?: boolean;
-    }
-    interface SqmPortalChangePassword {
+        "demoData"?: DemoData<EditProfileViewProps>;
         /**
-          * Found in modal
-          * @uiName Cancel button text
+          * @uiName Heading
          */
-        "cancelText"?: string;
+        "editprofileheader"?: string;
         /**
-          * Found in modal
-          * @uiName Change password button text
+          * Enable editing button text
+          * @uiName Edit profile text
          */
-        "changePasswordButtonText"?: string;
+        "editprofiletext"?: string;
         /**
-          * Found in modal
-          * @uiName Confirm password Label
+          * @uiName First name label
          */
-        "confirmPasswordFieldLabel"?: string;
+        "firstnametext"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Last name label
          */
-        "demoData"?: DemoData<PortalChangePasswordViewProps>;
+        "lastnametext"?: string;
         /**
-          * @uiName Change password modal header
+          * Show or hide current region
+          * @uiName Show region
          */
-        "modalChangePasswordHeader"?: string;
+        "showregion"?: boolean;
         /**
-          * Found in modal
-          * @uiName New password field label
+          * @uiName Info button text
          */
-        "passwordFieldLabel"?: string;
+        "updatetext"?: string;
+    }
+    interface SqmEmpty {
         /**
-          * @uiName Change password button text
+          * @uiName Title
          */
-        "portalChangePasswordButtonText"?: string;
+        "emptyStateHeader"?: string;
         /**
-          * Portal change password section header
-          * @uiName Change password header
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
          */
-        "portalChangePasswordHeader"?: string;
+        "emptyStateImage"?: string;
         /**
-          * Successful password change message
-          * @uiName Successful password change message
+          * @uiName Description
           * @uiWidget textArea
          */
-        "successMessage"?: string;
+        "emptyStateText"?: string;
     }
-    interface SqmPortalContainer {
+    interface SqmFormMessage {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "backgroundColor"?: string;
+        "icon"?: string;
         /**
-          * @uiName Center content
+          * Options include "success", "info", "warning", and "error"
+          * @uiName Alert type
          */
-        "center"?: boolean;
+        "type"?: string;
+    }
+    interface SqmGraphqlClientProvider {
         /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
+          * @uiName Domain
          */
-        "direction"?: "row" | "column";
+        "domain"?: string;
+    }
+    interface SqmHeaderLogo {
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * @uiName Logo height
+         */
+        "height"?: number;
+        /**
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Logo image
+         */
+        "imageUrl"?: string;
+        /**
+          * Page participants are navigated to after clicking the header logo.
+          * @uiName Redirect path
+          * @uiWidget pageSelect
+         */
+        "nextPage"?: string;
+    }
+    interface SqmHero {
+        /**
+          * Can be an image url, colour or Shoelace variable.
+          * @uiName Background
+          * @uiWidget Background
          */
-        "display"?: "grid" | "flex";
+        "background"?: string;
         /**
-          * @uiName Gap
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Columns
+          * @uiEnum [1, 2]
+          * @uiEnumNames ["One", "Two"]
          */
-        "gap"?: Spacing;
+        "columns"?: 1 | 2;
         /**
-          * Define how this container distributes its contents along the main-axis.
-          * @uiName Justify content
-          * @uiType string
-          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
-          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
+          * Minimum height of each column including when they are stacked on mobile
+          * @uiName Minimum height (in px)
          */
-        "justifyContent"?: | "start"
-    | "center"
-    | "end"
-    | "space-between"
-    | "space-around"
-    | "space-evenly";
+        "minHeight"?: number;
         /**
-          * @uiName Maximum width
+          * @uiName Padding size
+          * @uiEnum ["none", "small", "medium","large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "maxWidth"?: string;
+        "paddingSize"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Minimum width
+          * Secondary background image or color (for use in the right column)
+          * @uiName Secondary background
+          * @uiWidget Background
          */
-        "minWidth"?: string;
+        "secondaryBackground"?: string;
         /**
-          * @uiName Padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Flexbox wrap direction, accepts wrap or wrap-reverse
+          * @uiName Wrap direction
+          * @uiEnum ["wrap", "wrap-reverse"]
+          * @uiEnumNames ["Wrap", "Wrap Reverse"]
          */
-        "padding"?: Spacing;
+        "wrapDirection"?: "wrap" | "wrap-reverse";
     }
-    interface SqmPortalEmailVerification {
+    interface SqmHeroImage {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
+        "backgroundColor"?: string;
         /**
-          * @uiName Email verification header text
+          * @uiName Button link
          */
-        "emailVerificationHeader"?: string;
+        "buttonLink"?: string;
         /**
-          * Redirect participants to this page from their verification email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @uiName Open link in new tab
+          * @default
          */
-        "redirectPath"?: string;
+        "buttonNewTab"?: boolean;
         /**
-          * @uiName Re-send email button text
+          * @uiName Button text
          */
-        "resendEmailButtonText"?: string;
+        "buttonText"?: string;
         /**
-          * @uiName Email verification checking text
+          * @uiName Description
           * @uiWidget textArea
          */
-        "verificationLoadingMessage"?: string;
+        "description"?: string;
         /**
-          * @uiName Email verification status text
-          * @uiWidget textArea
+          * @uiName Title
          */
-        "verificationStatusMessage"?: string;
+        "header"?: string;
         /**
-          * @uiName Email verification body text
-          * @uiWidget textArea
+          * @uiName Image mobile position
+          * @uiType string
+          * @uiEnum ["top", "bottom"]
+          * @uiEnumNames ["Top", "Bottom"]
          */
-        "verifyMessage"?: string;
-    }
-    interface SqmPortalFooter {
+        "imageMobilePos"?: "top" | "bottom";
         /**
-          * @uiName FAQ link
+          * @uiName Image percentage
+          * @uiType number
          */
-        "faqLink"?: string;
+        "imagePercentage"?: number;
         /**
-          * @uiName FAQ text
+          * @uiName Image position
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "faqText"?: string;
+        "imagePos"?: "left" | "center" | "right";
         /**
-          * @uiName Hide powered with SaaSquatch by Impact.com
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
          */
-        "hidePoweredBy"?: boolean;
+        "imageUrl"?: string;
         /**
-          * @uiName Hide support message
+          * @uiName Image layout
+          * @uiType string
+          * @uiEnum ["overlay", "columns"]
+          * @uiEnumNames ["Overlay", "Two-column"]
          */
-        "hideSupportText"?: boolean;
+        "layout"?: "overlay" | "columns";
         /**
-          * @uiName Bottom padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Overlay color
+          * @uiWidget color
+          * @format color
          */
-        "paddingBottom"?: string;
+        "overlayColor"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Overlay opacity
          */
-        "paddingLeft"?: string;
+        "overlayOpacity"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Padding
+          * @uiName Image padding
+          * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingRight"?: string;
+        "paddingImage"?: Spacing;
         /**
-          * @uiName Top padding
-          * @uiGroup Padding
+          * @uiName Text padding
+          * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingTop"?: string;
+        "paddingText"?: Spacing;
         /**
-          * @uiName Powered By link
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "poweredByLink"?: string;
+        "textColor"?: string;
+    }
+    interface SqmHookStoryContainer {
+        "hookStory"?: FunctionalComponent;
+    }
+    interface SqmImage {
         /**
-          * @uiName Support email
+          * @uiName Position alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "supportEmail"?: string;
+        "alignment"?: "left" | "center" | "right";
         /**
-          * @uiName Support message
-          * @uiWidget textArea
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "supportText"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Terms and conditions link
+          * @uiWidget ImageUpload
+          * @format url
+          * @required 
+          * @uiName Image link
          */
-        "termsLink"?: string;
+        "imageUrl"?: string;
         /**
-          * @uiName Terms and conditions text
+          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
+          * @uiName Minimum height
          */
-        "termsText"?: string;
+        "minHeight"?: string;
     }
-    interface SqmPortalForgotPassword {
+    interface SqmIndirectTaxForm {
+        "backButton"?: string;
+        /**
+          * @undocumented
+         */
+        "demoData"?: DemoData<UseIndirectTaxFormResult>;
+        "formStep"?: string;
+        "generalErrorDescription"?: string;
+        "generalErrorTitle"?: string;
+        "indirectTax"?: string;
+        "indirectTaxDescription"?: string;
+        "indirectTaxDetails"?: string;
+        "indirectTaxDetailsDescription"?: string;
+        "indirectTaxNumber"?: string;
+        "indirectTaxNumberError"?: string;
+        "isPartnerAlertDescription"?: string;
+        "isPartnerAlertHeader"?: string;
+        "isRegisteredQST"?: string;
+        "isRegisteredSubRegionIncomeTax"?: string;
+        "notRegistered"?: string;
+        "otherRegion"?: string;
+        "province"?: string;
+        "provinceError"?: string;
+        "qstNumber"?: string;
+        "qstTaxNumberError"?: string;
+        "selectedRegion"?: string;
+        "selectedRegionError"?: string;
+        "subRegion"?: string;
+        "subRegionError"?: string;
+        "subRegionTaxNumberError"?: string;
+        "subRegionTaxNumberLabel"?: string;
+        "submitButton"?: string;
+        "taxDetailsError"?: string;
+    }
+    interface SqmInputField {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
+        "demoData"?: DemoData<InputFieldViewProps>;
         /**
-          * @uiName Email field label
+          * @uiName Required error message
          */
-        "emailLabel"?: string;
+        "errorMessage"?: string;
         /**
-          * @uiName Header text
-          * @uiWidget textArea
+          * @uiName Input label
          */
-        "headerText"?: string;
+        "fieldLabel"?: string;
         /**
-          * @uiName Login redirect path
-          * @uiWidget pageSelect
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Input name attribute
+          * @required
          */
-        "loginPath"?: string;
+        "fieldName"?: string;
         /**
-          * Sign in link text
+          * @uiName Optional
+          * @default
+         */
+        "fieldOptional"?: boolean;
+        /**
+          * @uiName Input type
+          * @uiType string
+          * @uiEnum ["text", "date", "tel"]
+          * @uiEnumNames ["Text", "Date", "Phone Number"]
+         */
+        "fieldType"?: "text" | "date" | "tel";
+    }
+    interface SqmInstantAccessRegistration {
+        /**
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "loginText"?: string;
+        "backgroundColor"?: string;
         /**
-          * Redirect participants to this page after they verify their email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @undocumented 
+          * @uiType object
          */
-        "redirectPath"?: string;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * @uiName Password reset button text
+          * @uiName Email field label
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalFrame {
+        "emailLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName First name field label
          */
-        "demoData"?: DemoData<PortalFrameViewProps>;
+        "firstNameLabel"?: string;
         /**
-          * @undocumented
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "notFullScreen"?: boolean;
-    }
-    interface SqmPortalLogin {
+        "hideBorder"?: boolean;
         /**
           * @undocumented 
-          * @uiType object
+          * @uiType boolean
          */
-        "demoData"?: DemoData<PortalLoginViewProps>;
+        "includeCookies"?: boolean;
         /**
-          * @uiName Email field label
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "emailLabel"?: string;
+        "includeName"?: boolean;
         /**
-          * @uiName Forgot password text
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "forgotPasswordLabel"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Redirect participants to this page to reset their password
-          * @uiName Forgot password redirect
-          * @uiWidget pageSelect
+          * @uiName Last name field label
          */
-        "forgotPasswordPath"?: string;
+        "lastNameLabel"?: string;
         /**
-          * Redirect participants to this page after they successfully login.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "nextPage"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * @uiName Heading label
-          * @uiWidget textArea
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "pageLabel"?: string;
+        "paddingBottom"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "passwordLabel"?: string;
+        "paddingLeft"?: string;
         /**
-          * @uiName Register button text
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "registerLabel"?: string;
+        "paddingRight"?: string;
         /**
-          * Redirect participants to this page to start registration.
-          * @uiName Register button redirect
-          * @uiWidget pageSelect
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "registerPath"?: string;
+        "paddingTop"?: string;
         /**
-          * @uiName Submit button text
+          * @uiName Register button text
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalLogout {
+        "registerLabel"?: string;
         /**
-          * Redirect participants to this page when they log out.
-          * @uiName Logout redirect path
-          * @uiWidget pageSelect
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "nextPage"?: string;
+        "requiredFieldErrorMessage"?: string;
     }
-    interface SqmPortalProfile {
+    interface SqmLeaderboard {
         /**
-          * @uiName Country field label
+          * Title displayed for users without names
+          * @uiName Unknown user text
          */
-        "countrytext"?: string;
+        "anonymousUser"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalProfileViewProps>;
+        "demoData"?: DemoData<LeaderboardViewProps>;
         /**
-          * @uiName Edit profile header
+          * Hide the viewer's leaderboard row if not in the top results.
+          * @uiName Hide viewing user
+          * @default
          */
-        "editProfileHeader"?: string;
+        "hideViewer"?: boolean;
         /**
-          * @uiName Edit profile sub header
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "editProfileSubHeader"?: string;
+        "interval"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "emailtext"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * @uiName First name label
+          * Control the maximum amount of rows displayed on the leaderboard.
+          * @uiName Maximum rows number
          */
-        "firstnametext"?: string;
+        "maxRows"?: number;
         /**
-          * @uiName Hide country field
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "hideCountry"?: boolean;
+        "programId"?: string;
         /**
-          * @uiName Last name field label
+          * @uiName Rank type
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "lastnametext"?: string;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * @uiName Submit changes button text
+          * @uiName Rank column heading
          */
-        "submitChangeButtonText"?: string;
-    }
-    interface SqmPortalProtectedRoute {
+        "rankheading"?: string;
         /**
-          * Redirect participants to this page they are not logged in.
-          * @uiName Unauthenticated participant redirect
+          * @uiName Show leaderboard rank
          */
-        "redirectTo"?: string;
+        "showRank"?: boolean;
         /**
-          * Redirect participants to this page when email verification is required but they have not verified their email.
-          * @uiName Unverified participant redirect
+          * @uiName Stats column heading
          */
-        "redirectToUnverified"?: string;
+        "statsheading"?: string;
         /**
-          * @uiName Require email verification
+          * @uiName User column heading
          */
-        "requireEmailVerification"?: boolean;
+        "usersheading"?: string;
     }
-    interface SqmPortalRegister {
+    interface SqmLeaderboardRank {
         /**
-          * @uiName Show confirm password field
+          * @undocumented 
+          * @uiType object
          */
-        "confirmPassword"?: boolean;
+        "demoData"?: DemoData<LeaderboardRankViewProps>;
         /**
-          * @uiName Confirm password field label
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "confirmPasswordLabel"?: string;
+        "interval"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "demoData"?: DemoData<PortalRegisterViewProps>;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * @uiName Disable password validation
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "disablePasswordValidation"?: boolean;
+        "programId"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Rank text
+          * @uiWidget textArea
          */
-        "emailLabel"?: string;
+        "rankText"?: string;
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * @uiName Default rank
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "hideInputs"?: boolean;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
-          * @uiWidget textArea
+          * @uiName Unranked text
          */
-        "invalidEmailErrorMessage"?: string;
+        "unrankedText"?: string;
+    }
+    interface SqmLinkButton {
         /**
-          * @uiName Login button text
+          * @uiName Button text
+          * @uiType string
          */
-        "loginLabel"?: string;
+        "buttonText"?: string;
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * Enter the URL where you want your participants redirected. Example: https://www.example.com
+          * @required 
+          * @uiName Link
          */
-        "loginPath"?: string;
+        "link"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
+          * @uiName Open link in new tab
          */
-        "networkErrorMessage"?: string;
+        "openInNewTab"?: boolean;
+    }
+    interface SqmLogoutCurrentUser {
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * @required 
+          * @uiName Switch user button link
          */
-        "nextPage"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * @uiName Header text
+          * @required 
+          * @uiName Switch user button label
          */
-        "pageLabel"?: string;
+        "switchUserText"?: string;
         /**
-          * @uiName Password field label
+          * @required 
+          * @uiName User identification text
          */
-        "passwordLabel"?: string;
+        "userIdentificationText"?: string;
+    }
+    interface SqmNameFields {
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "passwordMismatchErrorMessage"?: string;
+        "demoData"?: DemoData<NameFieldsViewProps>;
         /**
-          * The page that participants are redirected to from the verification email.
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * @uiName First name label
          */
-        "redirectPath"?: string;
+        "firstNameLabel"?: string;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
+          * @uiName Last name label
          */
-        "requiredFieldErrorMessage"?: string;
+        "lastNameLabel"?: string;
+    }
+    interface SqmNavigationMenu {
         /**
-          * @uiName Submit button text
+          * @undocumented 
+          * @uiType object
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalRegistrationForm {
+        "demoData"?: DemoData<NavigationMenuViewProps>;
         /**
-          * @uiName Show confirm password field
+          * @uiName Include dropdown menu
          */
-        "confirmPassword"?: boolean;
+        "includeDropdown"?: boolean;
         /**
-          * @uiName Confirm password field label
+          * Label on the header menu
+          * @uiName Menu label
          */
-        "confirmPasswordLabel"?: string;
+        "menuLabel"?: string;
+    }
+    interface SqmNavigationSidebar {
+    }
+    interface SqmNavigationSidebarItem {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
+        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
         /**
-          * @uiName Disable password validation
+          * Options available at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "disablePasswordValidation"?: boolean;
+        "icon"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Label
          */
-        "emailLabel"?: string;
+        "label"?: string;
         /**
-          * The message to be displayed when the registration form is disabled.
-          * @uiName Form disabled message
-          * @uiWidget textArea
+          * @uiName Navigation path
+          * @uiWidget pageSelect
          */
-        "formDisabledErrorMessage"?: string;
+        "path"?: string;
+    }
+    interface SqmPasswordField {
         /**
-          * The key of the registration form used for this microsite.
-          * @uiName Form key
-          * @required
+          * @undocumented 
+          * @uiType object
          */
-        "formKey"?: string;
+        "demoData"?: PasswordFieldViewDemoProps;
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * Disable live password validation
+          * @uiName Disable validation
          */
-        "hideInputs"?: boolean;
+        "disableValidation"?: boolean;
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
-          * @uiWidget textArea
+          * Label for password field
+          * @uiName Password label
          */
-        "invalidEmailErrorMessage"?: string;
+        "fieldLabel"?: string;
+    }
+    interface SqmPopupContainer {
         /**
-          * @uiName Login button text
+          * Display a close button on the popup
+          * @uiName Show close button
          */
-        "loginLabel"?: string;
+        "closeButton"?: boolean;
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * Text inside the close button
+          * @uiName Close button text
          */
-        "loginPath"?: string;
+        "closeButtonText"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
+          * Specify padding on the popup contents when in embedded mode
+          * @uiName Embed padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "networkErrorMessage"?: string;
+        "embedPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * Redirect participants to this page after they successfully register.
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * Specify padding on the popup contents when in popup mode
+          * @uiName Popup padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "nextPage"?: string;
+        "popupPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Header text
+          * Show Powered with SaaSquatch by Impact.com link
+          * @uiName Show powered by
          */
-        "pageLabel"?: string;
+        "poweredBy"?: boolean;
+    }
+    interface SqmPortalChangePassword {
         /**
-          * @uiName Password field label
+          * Found in modal
+          * @uiName Cancel button text
          */
-        "passwordLabel"?: string;
+        "cancelText"?: string;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * Found in modal
+          * @uiName Change password button text
          */
-        "passwordMismatchErrorMessage"?: string;
+        "changePasswordButtonText"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * Found in modal
+          * @uiName Confirm password Label
          */
-        "redirectPath"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "requiredFieldErrorMessage"?: string;
+        "demoData"?: DemoData<PortalChangePasswordViewProps>;
         /**
-          * @uiName Submit button text
+          * @uiName Change password modal header
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalResetPassword {
+        "modalChangePasswordHeader"?: string;
         /**
-          * @uiName Show confirm password field
+          * Found in modal
+          * @uiName New password field label
          */
-        "confirmPassword"?: boolean;
+        "passwordFieldLabel"?: string;
         /**
-          * @uiName Password confirmation field label
+          * @uiName Change password button text
          */
-        "confirmPasswordFieldLabel"?: string;
+        "portalChangePasswordButtonText"?: string;
         /**
-          * Button text displayed after a successful password reset.
-          * @uiName Continue button text
+          * Portal change password section header
+          * @uiName Change password header
          */
-        "continueButtonText"?: string;
+        "portalChangePasswordHeader"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Successful password change message
+          * @uiName Successful password change message
+          * @uiWidget textArea
          */
-        "demoData"?: DemoData<PortalResetPasswordViewProps>;
+        "successMessage"?: string;
+    }
+    interface SqmPortalContainer {
         /**
-          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
-          * @uiName Failed reset redirect
-          * @uiWidget pageSelect
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "failedPage"?: string;
+        "backgroundColor"?: string;
         /**
-          * Redirect participants to this page when they successfully reset their password.
-          * @uiName Successful reset redirect
-          * @uiWidget pageSelect
+          * @uiName Center content
          */
-        "nextPage"?: string;
+        "center"?: boolean;
         /**
-          * @uiName Password field label
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
          */
-        "passwordFieldLabel"?: string;
+        "direction"?: "row" | "column";
         /**
-          * Displayed after a successful password reset.
-          * @uiName Successful password reset text
-          * @uiWidget textArea
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "passwordResetHeader"?: string;
+        "display"?: "grid" | "flex";
         /**
-          * @uiName Password reset button text
+          * @uiName Gap
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "resetPasswordButtonText"?: string;
+        "gap"?: Spacing;
         /**
-          * @uiName Reset password header text
+          * Define how this container distributes its contents along the main-axis.
+          * @uiName Justify content
+          * @uiType string
+          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
+          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
          */
-        "resetPasswordHeader"?: string;
-    }
-    interface SqmPortalVerifyEmail {
+        "justifyContent"?: | "start"
+    | "center"
+    | "end"
+    | "space-between"
+    | "space-around"
+    | "space-evenly";
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Maximum width
          */
-        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
+        "maxWidth"?: string;
         /**
-          * Redirect participants to this page if verification fails due to an outdated verification attempt.
-          * @uiName Failed verification redirect
-          * @uiWidget pageSelect
+          * @uiName Minimum width
          */
-        "failedPage"?: string;
+        "minWidth"?: string;
         /**
-          * Redirect participants to this page when they successfully verify their email.
-          * @uiName Successful verification redirect
-          * @uiWidget pageSelect
+          * @uiName Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "nextPage"?: string;
+        "padding"?: Spacing;
     }
-    interface SqmProgramExplainer {
+    interface SqmPortalEmailVerification {
         /**
-          * @uiName Header background color
-          * @uiWidget color
-          * @format color
+          * @undocumented 
+          * @uiType object
          */
-        "backgroundColor"?: string;
+        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
         /**
-          * @uiName Header text
+          * @uiName Email verification header text
          */
-        "header"?: string;
+        "emailVerificationHeader"?: string;
         /**
-          * @uiName Header text color
-          * @uiWidget color
-          * @format color
+          * Redirect participants to this page from their verification email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramExplainerStep {
+        "redirectPath"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * @uiName Re-send email button text
          */
-        "backgroundColor"?: string;
+        "resendEmailButtonText"?: string;
         /**
-          * @uiName Description
+          * @uiName Email verification checking text
           * @uiWidget textArea
          */
-        "description"?: string;
-        /**
-          * @uiName Title
-         */
-        "header"?: string;
+        "verificationLoadingMessage"?: string;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * @uiName Email verification status text
+          * @uiWidget textArea
          */
-        "icon"?: string;
+        "verificationStatusMessage"?: string;
         /**
-          * Displayed in place of an icon
-          * @uiName Image URL
-          * @uiWidget imageUpload
-          * @format url
+          * @uiName Email verification body text
+          * @uiWidget textArea
          */
-        "imageUrl"?: string;
+        "verifyMessage"?: string;
+    }
+    interface SqmPortalFooter {
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * @uiName FAQ link
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramMenu {
-    }
-    interface SqmReferralCard {
+        "faqLink"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiType string
+          * @uiName FAQ text
          */
-        "backgroundColor"?: string;
+        "faqText"?: string;
         /**
-          * @uiName Hide border
-          * @uiType boolean
+          * @uiName Hide powered with SaaSquatch by Impact.com
          */
-        "hideBorder"?: boolean;
+        "hidePoweredBy"?: boolean;
         /**
-          * @uiName Limit width
-          * @uiType boolean
+          * @uiName Hide support message
          */
-        "limitWidth"?: boolean;
+        "hideSupportText"?: boolean;
         /**
           * @uiName Bottom padding
           * @uiGroup Padding
@@ -7113,1743 +5987,1676 @@ declare namespace LocalJSX {
          */
         "paddingTop"?: string;
         /**
-          * @uiName Vertical alignment
-          * @uiType string
-          * @uiEnum ["start", "center", "end"]
-          * @uiEnumNames ["Top", "Center", "Bottom"]
+          * @uiName Powered By link
          */
-        "verticalAlignment"?: "start" | "center" | "end";
-    }
-    interface SqmReferralIframe {
+        "poweredByLink"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Support email
          */
-        "demoData"?: DemoData<ReferralIframeViewProps>;
+        "supportEmail"?: string;
         /**
-          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame height
+          * @uiName Support message
+          * @uiWidget textArea
          */
-        "iframeHeight"?: string;
+        "supportText"?: string;
         /**
-          * URL of iframe to display
-          * @uiName IFrame source
-          * @required
+          * @uiName Terms and conditions link
          */
-        "iframeSrc"?: string;
+        "termsLink"?: string;
         /**
-          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame width
+          * @uiName Terms and conditions text
          */
-        "iframeWidth"?: string;
+        "termsText"?: string;
     }
-    interface SqmReferralTable {
+    interface SqmPortalForgotPassword {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
-        /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Hidden mobile columns
-         */
-        "hiddenColumns"?: string;
-        /**
-          * @uiName Hide column labels
-         */
-        "hideLabels"?: boolean;
-        /**
-          * @uiName Tablet breakpoint
-         */
-        "mdBreakpoint"?: number;
+        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
         /**
-          * @uiName View More button text
+          * @uiName Email field label
          */
-        "moreLabel"?: string;
+        "emailLabel"?: string;
         /**
-          * Number of referrals displayed per page
-          * @uiName Referrals per page
+          * @uiName Header text
+          * @uiWidget textArea
          */
-        "perPage"?: number;
+        "headerText"?: string;
         /**
-          * @uiName Previous button text
+          * @uiName Login redirect path
+          * @uiWidget pageSelect
          */
-        "prevLabel"?: string;
+        "loginPath"?: string;
         /**
-          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
-          * @uiName Program
-          * @uiWidget programSelector
+          * Sign in link text
          */
-        "programId"?: string;
+        "loginText"?: string;
         /**
-          * Show referred by user in table
-          * @uiName Show referrer
-          * @default
+          * Redirect participants to this page after they verify their email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "showReferrer"?: boolean;
+        "redirectPath"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * @uiName Password reset button text
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmReferralTableCell {
-        "innerTemplate"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmReferralTableColumn {
+    interface SqmPortalFrame {
         /**
-          * @uiName Column title
+          * @undocumented 
+          * @uiType object
          */
-        "columnTitle"?: string;
-    }
-    interface SqmReferralTableDateCell {
-        "date"?: number;
-        "locale"?: string;
-    }
-    interface SqmReferralTableDateColumn {
+        "demoData"?: DemoData<PortalFrameViewProps>;
         /**
-          * @uiName Date column title
+          * @undocumented
          */
-        "columnTitle"?: string;
+        "notFullScreen"?: boolean;
+    }
+    interface SqmPortalLogin {
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
-          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
+          * @undocumented 
+          * @uiType object
          */
-        "dateShown"?: ReferralDates;
-    }
-    interface SqmReferralTableRewardsCell {
-        "deniedHelpText"?: string;
-        "expiringText"?: string;
-        "fuelTankText"?: string;
-        "hideDetails"?: boolean;
-        "locale"?: string;
-        "pendingForText"?: string;
-        "rewardReceivedText"?: string;
-        "rewards"?: Reward[];
-        "statusLongText"?: string;
-        "statusText"?: string;
-    }
-    interface SqmReferralTableRewardsColumn {
+        "demoData"?: DemoData<PortalLoginViewProps>;
         /**
-          * @uiName Reward column title
+          * @uiName Email field label
          */
-        "columnTitle"?: string;
+        "emailLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward was denied.
-          * @uiName Reward denied help text
+          * @uiName Forgot password text
          */
-        "deniedHelpText"?: string;
+        "forgotPasswordLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward has an expiry date.
-          * @uiName Reward expiring text
+          * Redirect participants to this page to reset their password
+          * @uiName Forgot password redirect
+          * @uiWidget pageSelect
          */
-        "expiringText"?: string;
+        "forgotPasswordPath"?: string;
         /**
-          * Shown in the dropdown details when a reward has an associated fuel tank code.
-          * @uiName Fuel tank code text
+          * Redirect participants to this page after they successfully login.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "fuelTankText"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Hide dropdown details of reward
-          * @default
+          * @uiName Heading label
+          * @uiWidget textArea
          */
-        "hideDetails"?: boolean;
+        "pageLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward is pending.
-          * @uiName Reward pending text
+          * @uiName Password field label
          */
-        "pendingForText"?: string;
+        "passwordLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward has been received.’
-          * @uiName Reward received text
+          * @uiName Register button text
          */
-        "rewardReceivedText"?: string;
+        "registerLabel"?: string;
         /**
-          * Additional status text shown in the details drop down.
-          * @uiName Reward status long text
-          * @uiWidget textArea
+          * Redirect participants to this page to start registration.
+          * @uiName Register button redirect
+          * @uiWidget pageSelect
          */
-        "statusLongText"?: string;
+        "registerPath"?: string;
         /**
-          * Text shown in the reward status badge.
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * @uiName Submit button text
          */
-        "statusText"?: string;
-    }
-    interface SqmReferralTableStatusCell {
-        "converted"?: boolean;
-        "fraudStatus"?: FraudStatus;
-        "statusSubText"?: string;
-        "statusText"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmReferralTableStatusColumn {
+    interface SqmPortalLogout {
         /**
-          * @uiName Column title
+          * Redirect participants to this page when they log out.
+          * @uiName Logout redirect path
+          * @uiWidget pageSelect
          */
-        "columnTitle"?: string;
+        "nextPage"?: string;
+    }
+    interface SqmPortalProfile {
         /**
-          * @uiName Converted status text
+          * @uiName Country field label
          */
-        "convertedStatusText"?: string;
+        "countrytext"?: string;
         /**
-          * @uiName Denied status sub-text
+          * @undocumented 
+          * @uiType object
          */
-        "deniedStatusSubText"?: string;
+        "demoData"?: DemoData<PortalProfileViewProps>;
         /**
-          * @uiName Denied status text
+          * @uiName Edit profile header
          */
-        "deniedStatusText"?: string;
+        "editProfileHeader"?: string;
         /**
-          * @uiName In progress status text
+          * @uiName Edit profile sub header
          */
-        "inProgressStatusText"?: string;
+        "editProfileSubHeader"?: string;
         /**
-          * @uiName Pending review status sub-text
+          * @uiName Email field label
          */
-        "pendingReviewStatusSubText"?: string;
+        "emailtext"?: string;
         /**
-          * @uiName Pending review status text
+          * @uiName First name label
          */
-        "pendingReviewStatusText"?: string;
-    }
-    interface SqmReferralTableUserCell {
-        "name"?: string;
-    }
-    interface SqmReferralTableUserColumn {
+        "firstnametext"?: string;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * @uiName Hide country field
          */
-        "anonymousUser"?: string;
+        "hideCountry"?: boolean;
         /**
-          * @uiName User column title
+          * @uiName Last name field label
          */
-        "columnTitle"?: string;
+        "lastnametext"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * @uiName Submit changes button text
          */
-        "deletedUser"?: string;
+        "submitChangeButtonText"?: string;
     }
-    interface SqmReferredRegistration {
+    interface SqmPortalProtectedRoute {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * Redirect participants to this page they are not logged in.
+          * @uiName Unauthenticated participant redirect
          */
-        "backgroundColor"?: string;
+        "redirectTo"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Redirect participants to this page when email verification is required but they have not verified their email.
+          * @uiName Unverified participant redirect
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "redirectToUnverified"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Require email verification
          */
-        "emailLabel"?: string;
+        "requireEmailVerification"?: boolean;
+    }
+    interface SqmPortalRegister {
         /**
-          * @uiName First name field label
+          * @uiName Show confirm password field
          */
-        "firstNameLabel"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Confirm password field label
          */
-        "fraudErrorMessage"?: string;
+        "confirmPasswordLabel"?: string;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message title
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @undocumented 
+          * @uiType object
          */
-        "fraudErrorMessageTitle"?: string;
+        "demoData"?: DemoData<PortalRegisterViewProps>;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * @uiName Disable password validation
          */
-        "hideBorder"?: boolean;
+        "disablePasswordValidation"?: boolean;
         /**
-          * @undocumented 
-          * @uiType boolean
+          * @uiName Email field label
          */
-        "includeCookies"?: boolean;
+        "emailLabel"?: string;
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "includeName"?: boolean;
+        "hideInputs"?: boolean;
         /**
-          * Display this message when the given email is invalid.
+          * The message to be displayed when the email used is invalid or blocked.
           * @uiName Invalid email message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "invalidEmailErrorMessage"?: string;
         /**
-          * @uiName Last name field label
+          * @uiName Login button text
          */
-        "lastNameLabel"?: string;
+        "loginLabel"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
+         */
+        "loginPath"?: string;
+        /**
+          * The message to be displayed when a the form submission fails unexpectedly.
           * @uiName Network error message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "networkErrorMessage"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page from their verification email
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "paddingBottom"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Header text
          */
-        "paddingLeft"?: string;
+        "pageLabel"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Password field label
          */
-        "paddingRight"?: string;
+        "passwordLabel"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
+          * @uiWidget textArea
          */
-        "paddingTop"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * @uiName Register button text
+          * The page that participants are redirected to from the verification email.
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "registerLabel"?: string;
+        "redirectPath"?: string;
         /**
-          * Display this message when a required field has not been filled out.
+          * The message to be displayed when a required field is not filled.
           * @uiName Required field message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "requiredFieldErrorMessage"?: string;
-    }
-    interface SqmRewardExchangeList {
-        /**
-          * @uiName Back button text
-         */
-        "backText"?: string;
-        /**
-          * @uiName Cancel button text
-         */
-        "cancelText"?: string;
-        /**
-          * @uiName Choose amount progress title
-         */
-        "chooseAmountTitle"?: string;
-        /**
-          * @uiName Choose reward progress title
-         */
-        "chooseRewardTitle"?: string;
-        /**
-          * @uiName Confirmation progress title
-         */
-        "confirmationTitle"?: string;
         /**
-          * @uiName Continue button text
+          * @uiName Submit button text
          */
-        "continueText"?: string;
+        "submitLabel"?: string;
+    }
+    interface SqmPortalRegistrationForm {
         /**
-          * Displayed on the reward selection page.
-          * @uiName Continue to confirmation button text
+          * @uiName Show confirm password field
          */
-        "continueToConfirmationText"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * Shown in the confirmation state.
-          * @uiName Cost row title
+          * @uiName Confirm password field label
          */
-        "costTitle"?: string;
+        "confirmPasswordLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<RewardExchangeViewProps>;
-        /**
-          * @uiName Done text
-         */
-        "doneText"?: string;
-        /**
-          * Error message shown when reward is not available
-          * @uiName Not available error
-          * @uiWidget textArea
-         */
-        "notAvailableError"?: string;
+        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
         /**
-          * @uiName Not enough error message
-          * @uiWidget textArea
+          * @uiName Disable password validation
          */
-        "notEnoughError"?: string;
+        "disablePasswordValidation"?: boolean;
         /**
-          * @uiName Promo code text
+          * @uiName Email field label
          */
-        "promoCode"?: string;
+        "emailLabel"?: string;
         /**
-          * Shown if an error occurs when loading the reward exchange.
-          * @uiName Reward list error message
+          * The message to be displayed when the registration form is disabled.
+          * @uiName Form disabled message
           * @uiWidget textArea
          */
-        "queryError"?: string;
+        "formDisabledErrorMessage"?: string;
         /**
-          * @uiName Redeem button text
+          * The key of the registration form used for this microsite.
+          * @uiName Form key
+          * @required
          */
-        "redeemText"?: string;
+        "formKey"?: string;
         /**
-          * Displayed as the header for the confirmation page.
-          * @uiName Confirmation title text
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "redeemTitle"?: string;
+        "hideInputs"?: boolean;
         /**
-          * Shown if an error occurs during the reward exchange.
-          * @uiName Redemption error message
+          * The message to be displayed when the email used is invalid or blocked.
+          * @uiName Invalid email message
           * @uiWidget textArea
          */
-        "redemptionError"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Displayed on the success screen when a user successfully exchanges for a reward.
-          * @uiName Redemption success message
-          * @uiWidget textArea
+          * @uiName Login button text
          */
-        "redemptionSuccessText"?: string;
+        "loginLabel"?: string;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward amount row title
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "rewardAmountTitle"?: string;
+        "loginPath"?: string;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward row title
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
          */
-        "rewardNameTitle"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * @uiName Reward redeemed text
+          * Redirect participants to this page after they successfully register.
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "rewardRedeemedText"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Reward title text
+          * @uiName Header text
          */
-        "rewardTitle"?: string;
+        "pageLabel"?: string;
         /**
-          * @uiName Select amount text
+          * @uiName Password field label
+         */
+        "passwordLabel"?: string;
+        /**
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
           * @uiWidget textArea
          */
-        "selectText"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * Set the number of placeholder cards to be shown in loading state.
-          * @uiName Loading cards
+          * Redirect participants to this page from their verification email
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "skeletonCardNum"?: number;
+        "redirectPath"?: string;
         /**
-          * Displayed on the reward exchange cards.
-          * @uiName Reward exchange amount text
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
           * @uiWidget textArea
          */
-        "sourceAmountMessage"?: string;
+        "requiredFieldErrorMessage"?: string;
         /**
-          * Shown when a user copies a fuel tank code
-          * @uiName Tooltip text
+          * @uiName Submit button text
          */
-        "tooltipText"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmRewardsTable {
+    interface SqmPortalResetPassword {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Show confirm password field
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
+        "confirmPassword"?: boolean;
         /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Mobile hidden columns
+          * @uiName Password confirmation field label
          */
-        "hiddenColumns"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * @uiName Hide column labels
+          * Button text displayed after a successful password reset.
+          * @uiName Continue button text
          */
-        "hideLabels"?: boolean;
+        "continueButtonText"?: string;
         /**
-          * @uiName Tablet breakpoint
+          * @undocumented 
+          * @uiType object
          */
-        "mdBreakpoint"?: number;
+        "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
-          * @uiName View more button text
+          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
+          * @uiName Failed reset redirect
+          * @uiWidget pageSelect
          */
-        "moreLabel"?: string;
+        "failedPage"?: string;
         /**
-          * @uiName Rewards per page
+          * Redirect participants to this page when they successfully reset their password.
+          * @uiName Successful reset redirect
+          * @uiWidget pageSelect
          */
-        "perPage"?: number;
+        "nextPage"?: string;
         /**
-          * @uiName Previous button text
+          * @uiName Password field label
          */
-        "prevLabel"?: string;
+        "passwordFieldLabel"?: string;
         /**
-          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Displayed after a successful password reset.
+          * @uiName Successful password reset text
+          * @uiWidget textArea
          */
-        "programId"?: string;
+        "passwordResetHeader"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * @uiName Password reset button text
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmRewardsTableCustomerNoteCell {
-        "locale"?: string;
-        "note"?: string;
-    }
-    interface SqmRewardsTableCustomerNoteColumn {
+        "resetPasswordButtonText"?: string;
         /**
-          * @uiName Column title
+          * @uiName Reset password header text
          */
-        "columnTitle"?: string;
-    }
-    interface SqmRewardsTableDateCell {
-        "date"?: number;
-        "locale"?: string;
+        "resetPasswordHeader"?: string;
     }
-    interface SqmRewardsTableDateColumn {
+    interface SqmPortalVerifyEmail {
         /**
-          * @uiName Date column title
+          * @undocumented 
+          * @uiType object
          */
-        "columnTitle"?: string;
+        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
-          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
+          * Redirect participants to this page if verification fails due to an outdated verification attempt.
+          * @uiName Failed verification redirect
+          * @uiWidget pageSelect
          */
-        "dateShown"?: string;
-    }
-    interface SqmRewardsTableRewardCell {
-        "availableText"?: string;
-        "copyText"?: string;
-        "locale"?: string;
-        "redeemedText"?: string;
-        "reward"?: Reward;
-    }
-    interface SqmRewardsTableRewardColumn {
+        "failedPage"?: string;
         /**
-          * @uiName Remaining amount text
+          * Redirect participants to this page when they successfully verify their email.
+          * @uiName Successful verification redirect
+          * @uiWidget pageSelect
          */
-        "availableText"?: string;
+        "nextPage"?: string;
+    }
+    interface SqmProgramExplainer {
         /**
-          * @uiName Reward column title
+          * @uiName Header background color
+          * @uiWidget color
+          * @format color
          */
-        "columnTitle"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Copied fuel tank text
+          * @uiName Header text
          */
-        "copyText"?: string;
+        "header"?: string;
         /**
-          * @uiName Redeemed amount text
+          * @uiName Header text color
+          * @uiWidget color
+          * @format color
          */
-        "redeemedText"?: string;
-    }
-    interface SqmRewardsTableSourceCell {
-        "anonymousUserText"?: string;
-        "deletedUserText"?: string;
-        "locale"?: string;
-        "referralText"?: string;
-        "reward"?: Reward;
-        "rewardExchangeText"?: string;
-        "rewardSourceText"?: string;
+        "textColor"?: string;
     }
-    interface SqmRewardsTableSourceColumn {
+    interface SqmProgramExplainerStep {
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "anonymousUser"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Soruce column title
+          * @uiName Description
+          * @uiWidget textArea
          */
-        "columnTitle"?: string;
+        "description"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * @uiName Title
          */
-        "deletedUser"?: string;
+        "header"?: string;
         /**
-          * Shown when a reward has been created by a referral
-          * @uiName Referral text
-          * @uiWidget textArea
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "referralText"?: string;
+        "icon"?: string;
         /**
-          * @uiName Reward exchange label
+          * Displayed in place of an icon
+          * @uiName Image URL
+          * @uiWidget imageUpload
+          * @format url
          */
-        "rewardExchangeText"?: string;
+        "imageUrl"?: string;
         /**
-          * Shown when a reward has been created by a source other than a referral.
-          * @uiName Reward source text
-          * @uiWidget textArea
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "rewardSourceText"?: string;
+        "textColor"?: string;
     }
-    interface SqmRewardsTableStatusCell {
-        "deniedText"?: string;
-        "expiryText"?: string;
-        "locale"?: string;
-        "pendingReviewText"?: string;
-        "pendingScheduled"?: string;
-        "pendingUnhandled"?: string;
-        "pendingUsTax"?: string;
-        "reward"?: Reward;
-        "statusText"?: string;
+    interface SqmProgramMenu {
     }
-    interface SqmRewardsTableStatusColumn {
+    interface SqmReferralCard {
+        /**
+          * @uiName Background color
+          * @uiWidget color
+          * @uiType string
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Hide border
+          * @uiType boolean
+         */
+        "hideBorder"?: boolean;
+        /**
+          * @uiName Limit width
+          * @uiType boolean
+         */
+        "limitWidth"?: boolean;
         /**
-          * @uiName Column title
+          * @uiName Bottom padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "columnTitle"?: string;
+        "paddingBottom"?: string;
         /**
-          * Displayed when denied for fraud.
-          * @uiName Denied text
+          * @uiName Left padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "deniedText"?: string;
+        "paddingLeft"?: string;
         /**
-          * Text shown before the date of an expiring reward.
-          * @uiName Expiry date prefix
+          * @uiName Right padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "expiryText"?: string;
+        "paddingRight"?: string;
         /**
-          * Displayed when flagged for fraud.
-          * @uiName Pending review text
+          * @uiName Top padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "pendingReviewText"?: string;
+        "paddingTop"?: string;
         /**
-          * Text shown before the available date of a pending reward.
-          * @uiName Pending date prefix
+          * @uiName Vertical alignment
+          * @uiType string
+          * @uiEnum ["start", "center", "end"]
+          * @uiEnumNames ["Top", "Center", "Bottom"]
          */
-        "pendingScheduled"?: string;
+        "verticalAlignment"?: "start" | "center" | "end";
+    }
+    interface SqmReferralIframe {
         /**
-          * Displayed when fulfillment error occured when creating a reward.
-          * @uiName Unhandled error text
+          * @undocumented 
+          * @uiType object
          */
-        "pendingUnhandled"?: string;
+        "demoData"?: DemoData<ReferralIframeViewProps>;
         /**
-          * Displayed when a reward is pending due to W9 compliance.
-          * @uiName W9 pending text
+          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame height
          */
-        "pendingUsTax"?: string;
+        "iframeHeight"?: string;
         /**
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * URL of iframe to display
+          * @uiName IFrame source
+          * @required
          */
-        "statusText"?: string;
-    }
-    interface SqmRoute {
+        "iframeSrc"?: string;
         /**
-          * Page Path URL for this route.
-          * @uiName Navigation path name
+          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame width
          */
-        "path"?: string;
-    }
-    interface SqmRouter {
+        "iframeWidth"?: string;
     }
-    interface SqmScroll {
+    interface SqmReferralTable {
         /**
-          * @uiName Button text
+          * @undocumented 
+          * @uiType object
          */
-        "buttonText"?: string;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * @uiName Button type
-          * @uiType string
-          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
-          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Hidden mobile columns
          */
-        "buttonType"?: | "default"
-    | "primary"
-    | "success"
-    | "neutral"
-    | "warning"
-    | "danger"
-    | "text";
+        "hiddenColumns"?: string;
         /**
-          * Draws a circle button.
-          * @uiName Circle
+          * @uiName Hide column labels
          */
-        "circle"?: boolean;
+        "hideLabels"?: boolean;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * @uiName Tablet breakpoint
          */
-        "iconName"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * @uiName Icon slot
-          * @uiType string
-          * @uiEnum ["prefix", "suffix"]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * @uiName View More button text
          */
-        "iconSlot"?: string;
+        "moreLabel"?: string;
         /**
-          * The button becomes full width if the screen size is smaller than 500px
-          * @uiName Full width on mobile
+          * Number of referrals displayed per page
+          * @uiName Referrals per page
          */
-        "mobile"?: boolean;
+        "perPage"?: number;
         /**
-          * Draws an outlined button.
-          * @uiName Outline
+          * @uiName Previous button text
          */
-        "outline"?: boolean;
+        "prevLabel"?: string;
         /**
-          * Draws a pill-style button with rounded edges.
-          * @uiName Pill
+          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "pill"?: boolean;
+        "programId"?: string;
         /**
-          * @uiName Scroll animation style
-          * @uiType string
-          * @uiEnum ["smooth", "auto"]
-          * @uiEnumNames ["Smooth", "Auto"]
+          * Show referred by user in table
+          * @uiName Show referrer
+          * @default
          */
-        "scrollAnimation"?: "smooth" | "auto";
+        "showReferrer"?: boolean;
         /**
-          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
-          * @uiName Scroll ID
+          * @uiName Mobile breakpoint
          */
-        "scrollId"?: string;
+        "smBreakpoint"?: number;
+    }
+    interface SqmReferralTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmReferralTableColumn {
         /**
-          * The name of the HTML tag you would like to scroll to. E.g referral-table
-          * @uiName Scroll tag name
+          * @uiName Column title
          */
-        "scrollTagName"?: string;
+        "columnTitle"?: string;
+    }
+    interface SqmReferralTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmReferralTableDateColumn {
         /**
-          * @uiName Size
+          * @uiName Date column title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Date displayed
           * @uiType string
-          * @uiEnum ["small", "medium", "large"]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
+          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
          */
-        "size"?: string;
+        "dateShown"?: ReferralDates;
     }
-    interface SqmShareButton {
+    interface SqmReferralTableRewardsCell {
+        "deniedHelpText"?: string;
+        "expiringText"?: string;
+        "fuelTankText"?: string;
+        "hideDetails"?: boolean;
+        "locale"?: string;
+        "pendingForText"?: string;
+        "rewardReceivedText"?: string;
+        "rewards"?: Reward[];
+        "statusLongText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableRewardsColumn {
         /**
-          * @uiName Button background color
-          * @uiWidget color
-          * @format color
+          * @uiName Reward column title
          */
-        "backgroundcolor"?: string;
+        "columnTitle"?: string;
         /**
-          * Configure border radius with pixel amount
-          * @uiName Border radius
+          * Shown in the dropdown details when a reward was denied.
+          * @uiName Reward denied help text
          */
-        "borderradius"?: number;
+        "deniedHelpText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Shown in the dropdown details when a reward has an expiry date.
+          * @uiName Reward expiring text
          */
-        "demoData"?: DemoData<ShareButtonViewProps>;
+        "expiringText"?: string;
         /**
-          * @uiName Disabled
+          * Shown in the dropdown details when a reward has an associated fuel tank code.
+          * @uiName Fuel tank code text
          */
-        "disabled"?: boolean;
+        "fuelTankText"?: string;
         /**
-          * @uiName Hide icon
+          * @uiName Hide dropdown details of reward
           * @default
          */
-        "hideicon"?: boolean;
+        "hideDetails"?: boolean;
         /**
-          * @uiName Hide text
-          * @default
+          * Shown in the dropdown details when a reward is pending.
+          * @uiName Reward pending text
          */
-        "hidetext"?: boolean;
+        "pendingForText"?: string;
         /**
-          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
-          * @uiName Icon
+          * Shown in the dropdown details when a reward has been received.’
+          * @uiName Reward received text
          */
-        "icon"?: string;
+        "rewardReceivedText"?: string;
         /**
-          * @uiName Icon location
-          * @uiType string
-          * @uiEnum ["prefix", "suffix" ]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * Additional status text shown in the details drop down.
+          * @uiName Reward status long text
+          * @uiWidget textArea
          */
-        "iconslot"?: "prefix" | "suffix";
+        "statusLongText"?: string;
+        /**
+          * Text shown in the reward status badge.
+          * @uiName Reward status text
+          * @uiWidget textArea
+         */
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusCell {
+        "converted"?: boolean;
+        "fraudStatus"?: FraudStatus;
+        "statusSubText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Converted status text
+         */
+        "convertedStatusText"?: string;
         /**
-          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
-          * @uiName Share medium
-          * @uiType string
-          * @required 
-          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
-          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
+          * @uiName Denied status sub-text
          */
-        "medium"?: | "facebook"
-    | "twitter"
-    | "email"
-    | "direct"
-    | "linkedin"
-    | "sms"
-    | "fbmessenger"
-    | "whatsapp"
-    | "linemessenger"
-    | "pinterest"
-    | "reminder"
-    | "unknown";
+        "deniedStatusSubText"?: string;
         /**
-          * @uiName Display pill
+          * @uiName Denied status text
          */
-        "pill"?: boolean;
+        "deniedStatusText"?: string;
         /**
-          * Optional programId, or uses the programId context where this button is rendered.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiName In progress status text
          */
-        "programId"?: string;
+        "inProgressStatusText"?: string;
         /**
-          * Text used for native sharing (mobile only)
-          * @uiName Share text
+          * @uiName Pending review status sub-text
          */
-        "sharetext"?: string;
+        "pendingReviewStatusSubText"?: string;
         /**
-          * Title used for native sharing (mobile only)
-          * @uiName Share title
+          * @uiName Pending review status text
          */
-        "sharetitle"?: string;
+        "pendingReviewStatusText"?: string;
+    }
+    interface SqmReferralTableUserCell {
+        "name"?: string;
+    }
+    interface SqmReferralTableUserColumn {
         /**
-          * @uiName Button size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large" ]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "size"?: "small" | "medium" | "large";
+        "anonymousUser"?: string;
         /**
-          * @uiName Button text color
-          * @uiWidget color
-          * @format color
+          * @uiName User column title
          */
-        "textcolor"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiType string
-          * @uiName Button style
-          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
-          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "type"?: | "primary"
-    | "success"
-    | "info"
-    | "warning"
-    | "danger"
-    | "default"
-    | "text";
+        "deletedUser"?: string;
     }
-    interface SqmShareCode {
+    interface SqmReferredRegistration {
         /**
-          * Set the copy button style and placement
-          * @uiName Style
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
           * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
-         */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * @uiName Copy button label
          */
-        "copyButtonLabel"?: string;
+        "backgroundColor"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiName Email field label
          */
-        "programId"?: string;
+        "emailLabel"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName First name field label
          */
-        "textAlign"?: "left" | "center" | "right";
+        "firstNameLabel"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "tooltiplifespan"?: number;
+        "fraudErrorMessage"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message title
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmShareLink {
+        "fraudErrorMessageTitle"?: string;
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "hideBorder"?: boolean;
         /**
-          * @uiName Copy button label
+          * @undocumented 
+          * @uiType boolean
          */
-        "copyButtonLabel"?: string;
+        "includeCookies"?: boolean;
         /**
-          * @undocumented 
-          * @uiType object
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "includeName"?: boolean;
         /**
-          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "programId"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share link alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName Last name field label
          */
-        "textAlign"?: "left" | "center" | "right";
+        "lastNameLabel"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "tooltiplifespan"?: number;
+        "networkErrorMessage"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmStatContainer {
+        "paddingBottom"?: string;
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "display"?: "grid" | "flex";
+        "paddingLeft"?: string;
         /**
-          * @uiName Space between stats
-          * @uiType string
+          * @uiName Right padding
+          * @uiGroup Card style
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "space"?: Spacing;
-    }
-    interface SqmStencilbook {
-    }
-    interface SqmTab {
+        "paddingRight"?: string;
         /**
-          * @uiName Tab title
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "header"?: string;
-    }
-    interface SqmTableCell {
+        "paddingTop"?: string;
         /**
-          * @uiName Column span
+          * @uiName Register button text
          */
-        "colspan"?: number;
+        "registerLabel"?: string;
         /**
-          * @uiName Padding
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "padding"?: string;
+        "requiredFieldErrorMessage"?: string;
     }
-    interface SqmTableRow {
+    interface SqmRewardExchangeList {
         /**
-          * @uiName Border
+          * @uiName Back button text
          */
-        "border"?: string;
-    }
-    interface SqmTabs {
+        "backText"?: string;
         /**
-          * Used to specify the placement of the tabs
-          * @uiName Tabs placement
-          * @uiType string
-          * @uiEnum ["left", "right", "bottom", "top"]
-          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
+          * @uiName Cancel button text
          */
-        "placement"?: "left" | "right" | "bottom" | "top";
-    }
-    interface SqmTaskCard {
+        "cancelText"?: string;
         /**
-          * @uiName Button link
-          * @uiGroup Button
+          * @uiName Choose amount progress title
          */
-        "buttonLink"?: string;
+        "chooseAmountTitle"?: string;
         /**
-          * @uiName Button text
-          * @uiGroup Button
+          * @uiName Choose reward progress title
          */
-        "buttonText"?: string;
+        "chooseRewardTitle"?: string;
         /**
-          * @uiName Title
-          * @uiGroup Task
+          * @uiName Confirmation progress title
+         */
+        "confirmationTitle"?: string;
+        /**
+          * @uiName Continue button text
+         */
+        "continueText"?: string;
+        /**
+          * Displayed on the reward selection page.
+          * @uiName Continue to confirmation button text
          */
-        "cardTitle"?: string;
+        "continueToConfirmationText"?: string;
         /**
-          * Displays the amount of times that a user has completed a repeatable task.
-          * @uiName Completed count text
-          * @uiGroup Task
-          * @uiWidget textArea
+          * Shown in the confirmation state.
+          * @uiName Cost row title
          */
-        "completedText"?: string;
+        "costTitle"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
+        "demoData"?: DemoData<RewardExchangeViewProps>;
         /**
-          * @uiName Description
-          * @uiGroup Task
+          * @uiName Done text
          */
-        "description"?: string;
+        "doneText"?: string;
         /**
-          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
-          * @uiName Display duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Task
+          * Error message shown when reward is not available
+          * @uiName Not available error
+          * @uiWidget textArea
          */
-        "displayDuration"?: string;
+        "notAvailableError"?: string;
         /**
-          * Shown to users after the end of the task duration.
-          * @uiName Ended date message
-          * @uiGroup Task
+          * @uiName Not enough error message
+          * @uiWidget textArea
          */
-        "endedMessage"?: string;
+        "notEnoughError"?: string;
         /**
-          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
-          * @uiName Task card button event key
-          * @uiGroup Button
+          * @uiName Promo code text
          */
-        "eventKey"?: string;
+        "promoCode"?: string;
         /**
-          * Displayed when a user views a task card after the reward duration interval.
-          * @uiName Expiry date message
-          * @uiGroup Task
+          * Shown if an error occurs when loading the reward exchange.
+          * @uiName Reward list error message
+          * @uiWidget textArea
          */
-        "expiryMessage"?: string;
+        "queryError"?: string;
         /**
-          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
-          * @uiName Repeat amount
-          * @uiGroup Reward
+          * @uiName Redeem button text
          */
-        "finite"?: number;
+        "redeemText"?: string;
         /**
-          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
-          * @uiName Goal completion number
-          * @uiGroup Goal
+          * Displayed as the header for the confirmation page.
+          * @uiName Confirmation title text
          */
-        "goal"?: number;
+        "redeemTitle"?: string;
         /**
-          * @uiName Hide CTA button
-          * @uiGroup Button
+          * Shown if an error occurs during the reward exchange.
+          * @uiName Redemption error message
+          * @uiWidget textArea
          */
-        "hideButton"?: boolean;
+        "redemptionError"?: string;
         /**
-          * Button link opens in new tab
-          * @uiName Open in new tab
-          * @uiGroup Button
-          * @default
+          * Displayed on the success screen when a user successfully exchanges for a reward.
+          * @uiName Redemption success message
+          * @uiWidget textArea
          */
-        "openNewTab"?: boolean;
+        "redemptionSuccessText"?: string;
         /**
-          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
-          * @uiName Program ID override
-          * @uiWidget programSelector
-          * @uiGroup Goal
+          * Shown in the confirmation state.
+          * @uiName Reward amount row title
          */
-        "programId"?: string;
+        "rewardAmountTitle"?: string;
         /**
-          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
-          * @uiName Progress bar unit
-          * @uiGroup Goal
+          * Shown in the confirmation state.
+          * @uiName Reward row title
          */
-        "progressBarUnit"?: string;
+        "rewardNameTitle"?: string;
         /**
-          * @uiName Goal repeatable
-          * @uiGroup Goal
-          * @default
+          * @uiName Reward redeemed text
          */
-        "repeatable"?: boolean;
+        "rewardRedeemedText"?: string;
         /**
-          * @uiName Reward amount
-          * @uiGroup Reward
+          * @uiName Reward title text
          */
-        "rewardAmount"?: string;
+        "rewardTitle"?: string;
         /**
-          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
-          * @uiName Reward duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Reward
+          * @uiName Select amount text
+          * @uiWidget textArea
          */
-        "rewardDuration"?: string;
+        "selectText"?: string;
         /**
-          * @uiName Reward unit
-          * @uiGroup Reward
+          * Set the number of placeholder cards to be shown in loading state.
+          * @uiName Loading cards
          */
-        "rewardUnit"?: string;
+        "skeletonCardNum"?: number;
         /**
-          * @uiName Show progress bar
-          * @uiGroup Goal
-          * @default
+          * Displayed on the reward exchange cards.
+          * @uiName Reward exchange amount text
+          * @uiWidget textArea
          */
-        "showProgressBar"?: boolean;
+        "sourceAmountMessage"?: string;
         /**
-          * Shown to users before the start of the task duration.
-          * @uiName Start date message
-          * @uiGroup Task
+          * Shown when a user copies a fuel tank code
+          * @uiName Tooltip text
          */
-        "startsOnMessage"?: string;
+        "tooltipText"?: string;
+    }
+    interface SqmRewardsTable {
         /**
-          * Select what type of stat to display for the goal. Manual paths are also supported.
-          * @uiName Goal progress source
-          * @required 
-          * @minLength 1
-          * @uiWidget statTypeSelectWidget
-          * @uiWidgetOptions {"version": 1.1}
-          * @uiGroup Goal
+          * @undocumented 
+          * @uiType object
          */
-        "statType"?: string;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * @uiName Progress bar steps
-          * @uiGroup Goal
-          * @default
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Mobile hidden columns
          */
-        "steps"?: boolean;
-    }
-    interface SqmTaxAndCash {
+        "hiddenColumns"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Hide column labels
          */
-        "demoData"?: DemoData<UseTaxAndCashResultType>;
+        "hideLabels"?: boolean;
         /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-          * @uiGroup Step 1 Properties
+          * @uiName Tablet breakpoint
          */
-        "step1_allowBankingCollection"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-          * @uiGroup Step 1 Properties
+          * @uiName View more button text
          */
-        "step1_allowBankingCollectionError"?: string;
+        "moreLabel"?: string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-          * @uiGroup Step 1 Properties
+          * @uiName Rewards per page
          */
-        "step1_businessEntity"?: string;
+        "perPage"?: number;
         /**
-          * Label text for country input
-          * @uiName Country label
-          * @uiGroup Step 1 Properties
+          * @uiName Previous button text
          */
-        "step1_country"?: string;
+        "prevLabel"?: string;
         /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-          * @uiGroup Step 1 Properties
+          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "step1_countryError"?: string;
+        "programId"?: string;
         /**
-          * Label text for currency input
-          * @uiName Currency label
-          * @uiGroup Step 1 Properties
+          * @uiName Mobile breakpoint
          */
-        "step1_currency"?: string;
+        "smBreakpoint"?: number;
+    }
+    interface SqmRewardsTableCustomerNoteCell {
+        "locale"?: string;
+        "note"?: string;
+    }
+    interface SqmRewardsTableCustomerNoteColumn {
         /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Column title
          */
-        "step1_currencyError"?: string;
+        "columnTitle"?: string;
+    }
+    interface SqmRewardsTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmRewardsTableDateColumn {
         /**
-          * Label text for email input
-          * @uiName Email label
-          * @uiGroup Step 1 Properties
+          * @uiName Date column title
          */
-        "step1_email"?: string;
+        "columnTitle"?: string;
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Date displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
+          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
          */
-        "step1_emailError"?: string;
+        "dateShown"?: string;
+    }
+    interface SqmRewardsTableRewardCell {
+        "availableText"?: string;
+        "copyText"?: string;
+        "locale"?: string;
+        "redeemedText"?: string;
+        "reward"?: Reward;
+    }
+    interface SqmRewardsTableRewardColumn {
         /**
-          * Label text for first name input
-          * @uiName First name label
-          * @uiGroup Step 1 Properties
+          * @uiName Remaining amount text
          */
-        "step1_firstName"?: string;
+        "availableText"?: string;
         /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Reward column title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Copied fuel tank text
          */
-        "step1_firstNameError"?: string;
+        "copyText"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 1 Properties
+          * @uiName Redeemed amount text
          */
-        "step1_formStep"?: string;
+        "redeemedText"?: string;
+    }
+    interface SqmRewardsTableSourceCell {
+        "anonymousUserText"?: string;
+        "deletedUserText"?: string;
+        "locale"?: string;
+        "referralText"?: string;
+        "reward"?: Reward;
+        "rewardExchangeText"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableSourceColumn {
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 1 Properties
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "step1_generalErrorDescription"?: string;
+        "anonymousUser"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 1 Properties
+          * @uiName Soruce column title
          */
-        "step1_generalErrorTitle"?: string;
+        "columnTitle"?: string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-          * @uiGroup Step 1 Properties
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "step1_individualParticipant"?: string;
+        "deletedUser"?: string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 1 Properties
+          * Shown when a reward has been created by a referral
+          * @uiName Referral text
+          * @uiWidget textArea
          */
-        "step1_isPartnerAlertDescription"?: string;
+        "referralText"?: string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 1 Properties
+          * @uiName Reward exchange label
          */
-        "step1_isPartnerAlertHeader"?: string;
+        "rewardExchangeText"?: string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
-          * @uiGroup Step 1 Properties
+          * Shown when a reward has been created by a source other than a referral.
+          * @uiName Reward source text
+          * @uiWidget textArea
          */
-        "step1_lastName"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableStatusCell {
+        "deniedText"?: string;
+        "expiryText"?: string;
+        "locale"?: string;
+        "pendingReviewText"?: string;
+        "pendingScheduled"?: string;
+        "pendingUnhandled"?: string;
+        "pendingUsTax"?: string;
+        "reward"?: Reward;
+        "statusText"?: string;
+    }
+    interface SqmRewardsTableStatusColumn {
         /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Column title
          */
-        "step1_lastNameError"?: string;
+        "columnTitle"?: string;
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-          * @uiGroup Step 1 Properties
+          * Displayed when denied for fraud.
+          * @uiName Denied text
          */
-        "step1_participantType"?: string;
+        "deniedText"?: string;
         /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-          * @uiGroup Step 1 Properties
+          * Text shown before the date of an expiring reward.
+          * @uiName Expiry date prefix
          */
-        "step1_participantTypeError"?: string;
+        "expiryText"?: string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-          * @uiGroup Step 1 Properties
+          * Displayed when flagged for fraud.
+          * @uiName Pending review text
          */
-        "step1_personalInformation"?: string;
+        "pendingReviewText"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 1 Properties
+          * Text shown before the available date of a pending reward.
+          * @uiName Pending date prefix
          */
-        "step1_submitButton"?: string;
+        "pendingScheduled"?: string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-          * @uiGroup Step 1 Properties
+          * Displayed when fulfillment error occured when creating a reward.
+          * @uiName Unhandled error text
          */
-        "step1_taxAndBankingCollection"?: string;
+        "pendingUnhandled"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 2 Properties
+          * Displayed when a reward is pending due to W9 compliance.
+          * @uiName W9 pending text
          */
-        "step2_backButton"?: string;
+        "pendingUsTax"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-          * @uiGroup Step 2 Properties
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "step2_formStep"?: string;
+        "statusText"?: string;
+    }
+    interface SqmRoute {
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 2 Properties
+          * Page Path URL for this route.
+          * @uiName Navigation path name
          */
-        "step2_generalErrorDescription"?: string;
+        "path"?: string;
+    }
+    interface SqmRouter {
+    }
+    interface SqmScroll {
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 2 Properties
+          * @uiName Button text
          */
-        "step2_generalErrorTitle"?: string;
+        "buttonText"?: string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
-          * @uiGroup Step 2 Properties
+          * @uiName Button type
+          * @uiType string
+          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
+          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
          */
-        "step2_indirectTax"?: string;
+        "buttonType"?: | "default"
+    | "primary"
+    | "success"
+    | "neutral"
+    | "warning"
+    | "danger"
+    | "text";
         /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
-          * @uiGroup Step 2 Properties
+          * Draws a circle button.
+          * @uiName Circle
          */
-        "step2_indirectTaxDescription"?: string;
+        "circle"?: boolean;
         /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
-          * @uiGroup Step 2 Properties
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "step2_indirectTaxDetails"?: string;
+        "iconName"?: string;
         /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Icon slot
+          * @uiType string
+          * @uiEnum ["prefix", "suffix"]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "step2_indirectTaxDetailsDescription"?: string;
+        "iconSlot"?: string;
         /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
-          * @uiGroup Step 2 Properties
+          * The button becomes full width if the screen size is smaller than 500px
+          * @uiName Full width on mobile
          */
-        "step2_indirectTaxNumber"?: string;
+        "mobile"?: boolean;
         /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
-          * @uiGroup Step 2 Properties
+          * Draws an outlined button.
+          * @uiName Outline
          */
-        "step2_indirectTaxNumberError"?: string;
+        "outline"?: boolean;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 2 Properties
+          * Draws a pill-style button with rounded edges.
+          * @uiName Pill
          */
-        "step2_isPartnerAlertDescription"?: string;
+        "pill"?: boolean;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 2 Properties
+          * @uiName Scroll animation style
+          * @uiType string
+          * @uiEnum ["smooth", "auto"]
+          * @uiEnumNames ["Smooth", "Auto"]
          */
-        "step2_isPartnerAlertHeader"?: string;
+        "scrollAnimation"?: "smooth" | "auto";
         /**
-          * Label text for the QST checkbox
-          * @uiName checkbox label
-          * @uiGroup Step 2 Properties
+          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
+          * @uiName Scroll ID
          */
-        "step2_isRegisteredQST"?: string;
+        "scrollId"?: string;
         /**
-          * Label text for Income Tax checkbox
-          * @uiName Income Tax checkbox label
-          * @uiGroup Step 2 Properties
+          * The name of the HTML tag you would like to scroll to. E.g referral-table
+          * @uiName Scroll tag name
          */
-        "step2_isRegisteredSubRegionIncomeTax"?: string;
+        "scrollTagName"?: string;
         /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
-          * @uiGroup Step 2 Properties
+          * @uiName Size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large"]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "step2_notRegistered"?: string;
+        "size"?: string;
+    }
+    interface SqmShareButton {
         /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
-          * @uiGroup Step 2 Properties
+          * @uiName Button background color
+          * @uiWidget color
+          * @format color
          */
-        "step2_otherRegion"?: string;
+        "backgroundcolor"?: string;
         /**
-          * Label text for the Province select input
-          * @uiName Province select input label
-          * @uiGroup Step 2 Properties
+          * Configure border radius with pixel amount
+          * @uiName Border radius
          */
-        "step2_province"?: string;
+        "borderradius"?: number;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-          * @uiGroup Step 2 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step2_provinceError"?: string;
+        "demoData"?: DemoData<ShareButtonViewProps>;
         /**
-          * Label text for the QST Tax Number input
-          * @uiName QST Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Disabled
          */
-        "step2_qstNumber"?: string;
+        "disabled"?: boolean;
         /**
-          * Error text shown below the QST Tax number input
-          * @uiName QST Tax Number error text
-          * @uiGroup Step 2 Properties
+          * @uiName Hide icon
+          * @default
          */
-        "step2_qstTaxNumberError"?: string;
+        "hideicon"?: boolean;
         /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
-          * @uiGroup Step 2 Properties
+          * @uiName Hide text
+          * @default
          */
-        "step2_selectedRegion"?: string;
+        "hidetext"?: boolean;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-          * @uiGroup Step 2 Properties
+          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
+          * @uiName Icon
          */
-        "step2_selectedRegionError"?: string;
+        "icon"?: string;
         /**
-          * Label text for Sub-region select
-          * @uiName for Sub-region select label
-          * @uiGroup Step 2 Properties
+          * @uiName Icon location
+          * @uiType string
+          * @uiEnum ["prefix", "suffix" ]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "step2_subRegion"?: string;
+        "iconslot"?: "prefix" | "suffix";
         /**
-          * Error text shown below the Sub-region Income Tax number input
-          * @uiName Sub-region Income Tax error text
-          * @uiGroup Step 2 Properties
+          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
+          * @uiName Share medium
+          * @uiType string
+          * @required 
+          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
+          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
          */
-        "step2_subRegionTaxNumberError"?: string;
+        "medium"?: | "facebook"
+    | "twitter"
+    | "email"
+    | "direct"
+    | "linkedin"
+    | "sms"
+    | "fbmessenger"
+    | "whatsapp"
+    | "linemessenger"
+    | "pinterest"
+    | "reminder"
+    | "unknown";
         /**
-          * Label text for the Sub-region Income Tax Number input
-          * @uiName Sub-region income Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Display pill
          */
-        "step2_subRegionTaxNumberLabel"?: string;
+        "pill"?: boolean;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 2 Properties
+          * Optional programId, or uses the programId context where this button is rendered.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step2_submitButton"?: string;
+        "programId"?: string;
         /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-          * @uiGroup Step 2 Properties
+          * Text used for native sharing (mobile only)
+          * @uiName Share text
          */
-        "step2_taxDetailsError"?: string;
+        "sharetext"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3 Properties
+          * Title used for native sharing (mobile only)
+          * @uiName Share title
          */
-        "step3_backButton"?: string;
+        "sharetitle"?: string;
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-          * @uiGroup Step 3 Properties
+          * @uiName Button size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large" ]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "step3_banner"?: string;
+        "size"?: "small" | "medium" | "large";
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-          * @uiGroup Step 3 Properties
+          * @uiName Button text color
+          * @uiWidget color
+          * @format color
          */
-        "step3_checkboxDescription"?: string;
+        "textcolor"?: string;
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-          * @uiGroup Step 3 Properties
+          * @uiType string
+          * @uiName Button style
+          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
+          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
-        "step3_checkboxLabel"?: string;
+        "type"?: | "primary"
+    | "success"
+    | "info"
+    | "warning"
+    | "danger"
+    | "default"
+    | "text";
+    }
+    interface SqmShareCode {
         /**
-          * Text shown inside iframe when Docusign form expires
-          * @uiName Expired Docusign form text
-          * @uiGroup Step 3 Properties
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "step3_docusignExpired"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3 Properties
+          * @uiName Copy button label
          */
-        "step3_formStep"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-          * @uiGroup Step 3 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3_formSubmissionError"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3 Properties
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step3_generalErrorDescription"?: string;
+        "programId"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3 Properties
+          * Change the text alignment
+          * @uiName Share code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step3_generalErrorTitle"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3 Properties
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "step3_submitButton"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3 Properties
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "step3_taxForm"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmShareLink {
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-          * @uiGroup Step 3 Properties
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "step3_taxFormDescription"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-          * @uiGroup Step 3 Properties
+          * @uiName Copy button label
          */
-        "step3_taxFormLabel"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3b Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3b_backButton"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-          * @uiGroup Step 3b Properties
+          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step3b_formLabel"?: string;
+        "programId"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3b Properties
+          * Change the text alignment
+          * @uiName Share link alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step3b_formStep"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3b Properties
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "step3b_generalErrorDescription"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3b Properties
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "step3b_generalErrorTitle"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmStatContainer {
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3b Properties
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "step3b_submitButton"?: string;
+        "display"?: "grid" | "flex";
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3b Properties
+          * @uiName Space between stats
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step3b_taxForm"?: string;
+        "space"?: Spacing;
+    }
+    interface SqmStencilbook {
+    }
+    interface SqmTab {
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
-          * @uiGroup Step 3b Properties
+          * @uiName Tab title
          */
-        "step3b_w8Description"?: string;
+        "header"?: string;
+    }
+    interface SqmTableCell {
         /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
-          * @uiGroup Step 3b Properties
+          * @uiName Column span
          */
-        "step3b_w8EDescription"?: string;
+        "colspan"?: number;
         /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Padding
          */
-        "step3b_w8ELabel"?: string;
+        "padding"?: string;
+    }
+    interface SqmTableRow {
         /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Border
          */
-        "step3b_w8Label"?: string;
+        "border"?: string;
+    }
+    interface SqmTabs {
         /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
-          * @uiGroup Step 3b Properties
+          * Used to specify the placement of the tabs
+          * @uiName Tabs placement
+          * @uiType string
+          * @uiEnum ["left", "right", "bottom", "top"]
+          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
          */
-        "step3b_w9Description"?: string;
+        "placement"?: "left" | "right" | "bottom" | "top";
+    }
+    interface SqmTaskCard {
         /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Button link
+          * @uiGroup Button
          */
-        "step3b_w9Label"?: string;
+        "buttonLink"?: string;
         /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @uiName Button text
+          * @uiGroup Button
          */
-        "step4_badgeTextAwaitingReview"?: string;
+        "buttonText"?: string;
         /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @uiName Title
+          * @uiGroup Task
          */
-        "step4_badgeTextExpiredOn"?: string;
+        "cardTitle"?: string;
         /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * Displays the amount of times that a user has completed a repeatable task.
+          * @uiName Completed count text
+          * @uiGroup Task
+          * @uiWidget textArea
          */
-        "step4_badgeTextExpiringSoon"?: string;
+        "completedText"?: string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step4_badgeTextSubmittedOn"?: string;
+        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-          * @uiGroup Step 4 Properties
+          * @uiName Description
+          * @uiGroup Task
          */
-        "step4_bankingInformationSectionHeader"?: string;
+        "description"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error text
-          * @uiGroup Step 4 Properties
+          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
+          * @uiName Display duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Task
          */
-        "step4_generalErrorDescription"?: string;
+        "displayDuration"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error title
-          * @uiGroup Step 4 Properties
+          * Shown to users after the end of the task duration.
+          * @uiName Ended date message
+          * @uiGroup Task
          */
-        "step4_generalErrorTitle"?: string;
+        "endedMessage"?: string;
         /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-          * @uiGroup Step 4 Properties
+          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
+          * @uiName Task card button event key
+          * @uiGroup Button
          */
-        "step4_invalidForm"?: string;
+        "eventKey"?: string;
         /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName Step 4 No form needed subtext
-          * @uiGroup Step 4 Properties
+          * Displayed when a user views a task card after the reward duration interval.
+          * @uiName Expiry date message
+          * @uiGroup Task
          */
-        "step4_newFormButton"?: string;
+        "expiryMessage"?: string;
         /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-          * @uiGroup Step 4 Properties
+          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
+          * @uiName Repeat amount
+          * @uiGroup Reward
          */
-        "step4_noFormNeededSubtext"?: string;
+        "finite"?: number;
         /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-          * @uiGroup Step 4 Properties
+          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
+          * @uiName Goal completion number
+          * @uiGroup Goal
          */
-        "step4_notRegisteredForTax"?: string;
+        "goal"?: number;
         /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * @uiName Hide CTA button
+          * @uiGroup Button
          */
-        "step4_statusTextActive"?: string;
+        "hideButton"?: boolean;
         /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * Button link opens in new tab
+          * @uiName Open in new tab
+          * @uiGroup Button
+          * @default
          */
-        "step4_statusTextExpired"?: string;
+        "openNewTab"?: boolean;
         /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
+          * @uiName Program ID override
+          * @uiWidget programSelector
+          * @uiGroup Goal
          */
-        "step4_statusTextNotActive"?: string;
+        "programId"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
+          * @uiName Progress bar unit
+          * @uiGroup Goal
          */
-        "step4_statusTextNotVerified"?: string;
+        "progressBarUnit"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-          * @uiGroup Step 4 Properties
+          * @uiName Goal repeatable
+          * @uiGroup Goal
+          * @default
          */
-        "step4_taxAlertHeaderExpiredOn"?: string;
+        "repeatable"?: boolean;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-          * @uiGroup Step 4 Properties
+          * @uiName Reward amount
+          * @uiGroup Reward
          */
-        "step4_taxAlertHeaderExpiringSoon"?: string;
+        "rewardAmount"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-          * @uiGroup Step 4 Properties
+          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
+          * @uiName Reward duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Reward
          */
-        "step4_taxAlertHeaderNotActive"?: string;
+        "rewardDuration"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-          * @uiGroup Step 4 Properties
+          * @uiName Reward unit
+          * @uiGroup Reward
          */
-        "step4_taxAlertMessage"?: string;
+        "rewardUnit"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-          * @uiGroup Step 4 Properties
+          * @uiName Show progress bar
+          * @uiGroup Goal
+          * @default
          */
-        "step4_taxAlertMessageExpiringSoon"?: string;
+        "showProgressBar"?: boolean;
         /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-          * @uiGroup Step 4 Properties
+          * Shown to users before the start of the task duration.
+          * @uiName Start date message
+          * @uiGroup Task
          */
-        "step4_taxDocumentSectionHeader"?: string;
+        "startsOnMessage"?: string;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-          * @uiGroup Step 4 Properties
+          * Select what type of stat to display for the goal. Manual paths are also supported.
+          * @uiName Goal progress source
+          * @required 
+          * @minLength 1
+          * @uiWidget statTypeSelectWidget
+          * @uiWidgetOptions {"version": 1.1}
+          * @uiGroup Goal
          */
-        "step4_taxDocumentSectionSubHeader"?: string;
+        "statType"?: string;
         /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-          * @uiGroup Step 3 Properties
+          * @uiName Progress bar steps
+          * @uiGroup Goal
+          * @default
          */
-        "stop3NotBasedInUS"?: string;
+        "steps"?: boolean;
     }
-    interface SqmTaxAndCashMonolith {
+    interface SqmTaxAndCash {
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * Text inside iframe when Docusign form is compelted
+          * @uiName Docusign completed text
+          * @uiGroup Step 3 Properties
+         */
+        "docusignCompleted"?: string;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -9180,6 +7987,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "step3_checkboxLabel"?: string;
+        /**
+          * Text shown inside iframe when Docusign form expires
+          * @uiName Expired Docusign form text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_docusignExpired"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
@@ -9905,7 +8718,6 @@ declare namespace LocalJSX {
         "sqm-tabs": SqmTabs;
         "sqm-task-card": SqmTaskCard;
         "sqm-tax-and-cash": SqmTaxAndCash;
-        "sqm-tax-and-cash-monolith": SqmTaxAndCashMonolith;
         "sqm-tax-document-submitted": SqmTaxDocumentSubmitted;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
@@ -10014,7 +8826,6 @@ declare module "@stencil/core" {
             "sqm-tabs": LocalJSX.SqmTabs & JSXBase.HTMLAttributes<HTMLSqmTabsElement>;
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
-            "sqm-tax-and-cash-monolith": LocalJSX.SqmTaxAndCashMonolith & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashMonolithElement>;
             "sqm-tax-document-submitted": LocalJSX.SqmTaxDocumentSubmitted & JSXBase.HTMLAttributes<HTMLSqmTaxDocumentSubmittedElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 27d6a515f2..e332254dde 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -87,6 +87,7 @@ const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
 
 const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
   states: {
+    docusignStatus: undefined,
     hideSteps: false,
     documentType: "W9",
     loading: false,
@@ -99,6 +100,7 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
     },
   },
   callbacks: {
+    setDocusignStatus: (status: string) => console.log(status),
     toggleFormSubmitted: () => console.log("Toggle checkbox"),
     onShowDocumentType: () => console.log("To other form"),
     onSubmit: async () => console.log("submit"),
@@ -538,6 +540,7 @@ export const StepThreeWithDocusignExpired = () => {
       demoData={{
         states: {
           ...docusignFormProps.states,
+          docusignStatus: "ttl_expired",
           formState: {
             taxFormExpired: true,
             completedTaxForm: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
new file mode 100644
index 0000000000..13ae537d68
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
@@ -0,0 +1,120 @@
+import { h } from "@stencil/core";
+import { createStyleSheet } from "../../../../styling/JSS";
+import { useCallback, useEffect } from "@saasquatch/universal-hooks";
+
+export type DocusignStatus =
+  | "ttl_expired"
+  | "signing_complete"
+  | "cancel"
+  | "delete"
+  | "exception"
+  | "fax_pending"
+  | "session_timeout"
+  | "viewing_complete";
+
+export interface DocusignIframeProps {
+  states: {
+    url: string;
+    status: DocusignStatus;
+  };
+  callbacks: {
+    onStatusChange: (status: DocusignStatus) => void;
+  };
+  text: {
+    docusignExpired: string;
+    docusignCompleted: string;
+  };
+}
+
+const style = {
+  DocusignStatusContainer: {
+    width: "100%",
+    height: "600px",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    padding: "20px",
+    gap: "10px",
+    margin: "auto",
+    textAlign: "center",
+    border: "1px solid var(--sl-color-gray-200)",
+  },
+};
+
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+
+export const DocusignExpiredView = (props: {
+  text: DocusignIframeProps["text"];
+}) => {
+  const { classes } = sheet;
+  const { text } = props;
+  return (
+    <div>
+      <style type="text/css">{styleString}</style>
+      <div class={classes.DocusignStatusContainer}>
+        <sl-icon
+          style={{
+            width: "50px",
+            height: "50px",
+            color: "var(--sl-color-neutral-500)",
+          }}
+          name="clock"
+        ></sl-icon>
+        <p style={{ margin: "0" }}>{text.docusignExpired}</p>
+      </div>
+    </div>
+  );
+};
+
+export const DocusignCompletedView = (props: {
+  text: DocusignIframeProps["text"];
+}) => {
+  const { classes } = sheet;
+  const { text } = props;
+  return (
+    <div>
+      <style type="text/css">{styleString}</style>
+      <div class={classes.DocusignStatusContainer}>
+        <sl-icon
+          style={{
+            width: "50px",
+            height: "50px",
+            color: "var(--sl-color-success-600)",
+          }}
+          name="check2-circle"
+        ></sl-icon>
+        <p style={{ margin: "0" }}>{text.docusignCompleted}</p>
+      </div>
+    </div>
+  );
+};
+
+export const DocusignIframe = ({
+  states,
+  callbacks,
+  text,
+}: DocusignIframeProps) => {
+  const callback = useCallback((e) => {
+    // TODO: CHANGE THIS WHEN ACTUAL URL IS AVAILABLE
+    if (e.origin !== "https://staging.referralsaasquatch.com") return;
+    if (!e.data) return;
+
+    callbacks.onStatusChange(e.data.eventStatus);
+  }, []);
+
+  useEffect(() => {
+    window.addEventListener("message", callback);
+    return () => {
+      window.removeEventListener("message", callback);
+    };
+  }, []);
+
+  if (states.status === "ttl_expired")
+    return <DocusignExpiredView text={text} />;
+
+  if (states.status === "signing_complete")
+    return <DocusignCompletedView text={text} />;
+
+  return <iframe src={states.url} width="100%" height="600px"></iframe>;
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 5a2be2ef46..8adad5c4a8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -19,6 +19,7 @@ export interface DocusignFormViewProps {
   };
   slots: {
     docusignExpiredSlot?: VNode;
+    docusignIframeSlot: VNode;
   };
   callbacks: {
     onShowDocumentType: () => void;
@@ -234,6 +235,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             <sl-icon slot="icon" name="info-circle"></sl-icon>
             {text.banner}
           </sl-alert>
+          {slots.docusignIframeSlot}
           <div>
             <p class={classes.BoldText}>{text.checkboxLabel}</p>
             <sl-checkbox
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 1ddcc7a337..a9cb2ff1a6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -19,6 +19,7 @@ import {
 import { useDocusignForm, UseDocusignFormResult } from "./useDocusignForm";
 import { DocusignExpiredView } from "../sqm-user-info-form/small-views/DocusignExpiredView";
 import { DocusignEmbedComponent } from "../../sqm-docusign-embed/sqm-docusign-embed";
+import { DocusignIframe } from "./docusign-iframe/DocusignIframe";
 
 /**
  * @uiName DocuSign Document Submission
@@ -76,11 +77,17 @@ export class DocusignForm {
   @Prop() checkboxDescription: string =
     "I have completed and submitted my tax form";
   /**
-   * Label text for the form submission checkbox
-   * @uiName Form submission checkbox label
+   * Text inside iframe when Docusign expires
+   * @uiName Docusign expired text
    */
   @Prop() docusignExpired: string =
     "For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.";
+  /**
+   * Text inside iframe when Docusign form is compelted
+   * @uiName Docusign completed text
+   */
+  @Prop() docusignCompleted: string =
+    "Your document has been completed and submitted.";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
@@ -123,11 +130,6 @@ export class DocusignForm {
 
   disconnectedCallback() {}
 
-  @Listen("docusignEvent")
-  docusignEventHandler(data) {
-    console.log("DATA", data);
-  }
-
   getTextProps() {
     const props = getProps(this);
 
@@ -146,8 +148,6 @@ export class DocusignForm {
       ? useDocusignFormDemo(this)
       : useDocusignForm(this, this.el);
 
-    const docusignExpiredSlot = <DocusignExpiredView text={props.text} />;
-
     return (
       <Host>
         <DocusignFormView
@@ -155,7 +155,19 @@ export class DocusignForm {
           states={props.states}
           text={props.text}
           slots={{
-            docusignExpiredSlot,
+            // docusignExpiredSlot,
+            docusignIframeSlot: (
+              <DocusignIframe
+                states={{
+                  url: props.data.documentUrl,
+                  status: props.states.docusignStatus,
+                }}
+                callbacks={{
+                  onStatusChange: props.callbacks.setDocusignStatus,
+                }}
+                text={props.text}
+              />
+            ),
           }}
         />
       </Host>
@@ -171,6 +183,7 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
         disabled: false,
         submitDisabled: false,
         loading: false,
+        status: "",
         formState: {
           completedTaxForm: true,
           taxFormExpired: true,
@@ -183,6 +196,7 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
         documentUrl: "https://example.com",
       },
       callbacks: {
+        setDocusignStatus: (status: string) => console.log(status),
         onShowDocumentType: () => {},
         onSubmit: async () => {},
         toggleFormSubmitted: () => {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 6278cfdf91..038d1725cc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -40,6 +40,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
     loading: userLoading,
     refetch,
   } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+  const [docusignStatus, setDocusignStatus] = useState(undefined);
 
   const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
   const [errors, setErrors] = useState({});
@@ -126,6 +127,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
         taxFormExpired: false, // TODO: Unhardcode this
         errors,
       },
+      docusignStatus,
       documentType,
     },
     data: {
@@ -135,6 +137,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
     callbacks: {
       onShowDocumentType: () => setPath("/3b"),
       onSubmit,
+      setDocusignStatus,
       toggleFormSubmitted: () => setFormSubmitted((x) => !x),
       onBack,
     },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index dc47772a0c..d9ad3ce631 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -422,6 +422,13 @@ export class TaxAndCashMonolith {
    */
   @Prop() step3_docusignExpired: string =
     "For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.";
+  /**
+   * Text inside iframe when Docusign form is compelted
+   * @uiName Docusign completed text
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() docusignCompleted: string =
+    "Your document has been completed and submitted.";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text

From 63d7e4d092487e4ad6b9a9dd4b372d38510d811b Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 14 Feb 2024 16:23:43 -0800
Subject: [PATCH 192/753] Updated specs and styling

---
 packages/mint-components/src/components.d.ts  | 5821 ++++++++++-------
 .../tax-and-cash/TaxForm.stories.tsx          |   18 +
 .../docusign-iframe/DocusignIframe.tsx        |   50 +-
 .../sqm-docusign-form-view.tsx                |    2 +
 .../sqm-docusign-form.feature                 |   16 +-
 5 files changed, 3571 insertions(+), 2336 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 4e0deedd34..767f35a25d 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3629,366 +3629,967 @@ export namespace Components {
          */
         "stop3NotBasedInUS": string;
     }
-    interface SqmTaxDocumentSubmitted {
+    interface SqmTaxAndCashMonolith {
         /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
+          * @undocumented 
+          * @uiType object
          */
-        "badgeTextAwaitingReview"?: string;
+        "demoData"?: DemoData<UseTaxAndCashResultType>;
         /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
+          * @uiGroup Step 1 Properties
          */
-        "badgeTextExpiredOn"?: string;
+        "step1_allowBankingCollection": string;
         /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "badgeTextExpiringSoon"?: string;
+        "step1_allowBankingCollectionError": string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+          * @uiGroup Step 1 Properties
          */
-        "badgeTextSubmittedOn"?: string;
+        "step1_businessEntity": string;
         /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
+          * Label text for country input
+          * @uiName Country label
+          * @uiGroup Step 1 Properties
          */
-        "bankingInformationSectionHeader": string;
+        "step1_country": string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
+          * @uiGroup Step 1 Properties
          */
-        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
+        "step1_countryError": string;
         /**
-          * Text displayed in the edit Indirect Tax button
-          * @uiName Edit Indirect Tax button
+          * Label text for currency input
+          * @uiName Currency label
+          * @uiGroup Step 1 Properties
          */
-        "editIndirectTaxButton": string;
+        "step1_currency": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
+          * @uiGroup Step 1 Properties
          */
-        "generalErrorDescription": string;
+        "step1_currencyError": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * Label text for email input
+          * @uiName Email label
+          * @uiGroup Step 1 Properties
          */
-        "generalErrorTitle": string;
+        "step1_email": string;
         /**
-          * Indirect tax description text for individual participants
-          * @uiName Indirect tax individual participant description
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
+          * @uiGroup Step 1 Properties
          */
-        "indirectTaxIndividualParticipant": string;
+        "step1_emailError": string;
         /**
-          * Country/Region description text of indirect tax
-          * @uiName Indirect tax Canada description
+          * Label text for first name input
+          * @uiName First name label
+          * @uiGroup Step 1 Properties
          */
-        "indirectTaxInfoCanada": string;
+        "step1_firstName": string;
         /**
-          * Other country description text of indirect tax
-          * @uiName Indirect tax other country description
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
+          * @uiGroup Step 1 Properties
          */
-        "indirectTaxInfoOtherCountry": string;
+        "step1_firstNameError": string;
         /**
-          * Header text displayed above the indirect tax preview section
-          * @uiName Indirect Tax Information Header
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup Step 1 Properties
          */
-        "indirectTaxInfoSectionHeader": string;
+        "step1_formStep": string;
         /**
-          * Indirect tax tooltip text for support
-          * @uiName Indirect tax tooltip description
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 1 Properties
          */
-        "indirectTaxTooltipSupport": string;
+        "step1_generalErrorDescription": string;
         /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 1 Properties
          */
-        "invalidForm"?: string;
+        "step1_generalErrorTitle": string;
         /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName No form needed subtext
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+          * @uiGroup Step 1 Properties
          */
-        "newFormButton": string;
+        "step1_individualParticipant": string;
         /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+          * @uiGroup Step 1 Properties
          */
-        "noFormNeededSubtext": string;
+        "step1_isPartnerAlertDescription": string;
         /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+          * @uiGroup Step 1 Properties
          */
-        "notRegisteredForTax": string;
+        "step1_isPartnerAlertHeader": string;
         /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
+          * Label text for last name input
+          * @uiName Last name label
+          * @uiGroup Step 1 Properties
          */
-        "statusTextActive"?: string;
+        "step1_lastName": string;
         /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
+          * @uiGroup Step 1 Properties
          */
-        "statusTextExpired"?: string;
+        "step1_lastNameError": string;
         /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
+          * @uiGroup Step 1 Properties
          */
-        "statusTextNotActive"?: string;
+        "step1_participantType": string;
         /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "statusTextNotVerified"?: string;
+        "step1_participantTypeError": string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
+          * @uiGroup Step 1 Properties
          */
-        "taxAlertHeaderExpiredOn"?: string;
+        "step1_personalInformation": string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 1 Properties
          */
-        "taxAlertHeaderExpiringSoon"?: string;
+        "step1_submitButton": string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
+          * @uiGroup Step 1 Properties
          */
-        "taxAlertHeaderNotActive"?: string;
+        "step1_taxAndBankingCollection": string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 2 Properties
          */
-        "taxAlertMessage"?: string;
+        "step2_backButton": string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Indirect tax form step text
+          * @uiGroup Step 2 Properties
          */
-        "taxAlertMessageExpiringSoon": string;
+        "step2_formStep": string;
         /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 2 Properties
          */
-        "taxDocumentSectionHeader": string;
+        "step2_generalErrorDescription": string;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 2 Properties
          */
-        "taxDocumentSectionSubHeader": string;
-    }
-    interface SqmText {
-    }
-    interface SqmTextSpan {
+        "step2_generalErrorTitle": string;
         /**
-          * @uiName Text
+          * Heading text shown at the top of the page
+          * @uiName Indirect tax heading text
+          * @uiGroup Step 2 Properties
          */
-        "text": string;
+        "step2_indirectTax": string;
         /**
-          * @uiName Type
-          * @uiType string
-          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
-          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
+          * Subtext shown at the top of the page
+          * @uiName Indirect tax sub text
+          * @uiGroup Step 2 Properties
          */
-        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
-    }
-    interface SqmTimeline {
+        "step2_indirectTaxDescription": string;
         /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
+          * Heading text shown above the tax details radio buttons
+          * @uiName Indirect tax details heading
+          * @uiGroup Step 2 Properties
          */
-        "icon": "gift" | "circle";
-    }
-    interface SqmTimelineEntry {
+        "step2_indirectTaxDetails": string;
         /**
-          * @uiName Description
+          * Sub text shown above the tax details radio buttons
+          * @uiName Indirect tax details sub text
+          * @uiGroup Step 2 Properties
          */
-        "desc": string;
+        "step2_indirectTaxDetailsDescription": string;
         /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
+          * Label text for the Indirect Tax Number input
+          * @uiName Indirect Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "icon": "gift" | "circle";
+        "step2_indirectTaxNumber": string;
         /**
-          * @uiName Reward amount
+          * Error text shown below the Indirect Tax Number select input
+          * @uiName Indirect Tax Number error text
+          * @uiGroup Step 2 Properties
          */
-        "reward": string;
-        "setIcon": (value: "gift" | "circle") => Promise<void>;
+        "step2_indirectTaxNumberError": string;
         /**
-          * @uiName Reward unit
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+          * @uiGroup Step 2 Properties
          */
-        "unit": string;
-    }
-    interface SqmTitledSection {
+        "step2_isPartnerAlertDescription": string;
         /**
-          * Text value shown when there is no label slot declared.
-          * @uiName Label
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+          * @uiGroup Step 2 Properties
          */
-        "label": string;
+        "step2_isPartnerAlertHeader": string;
         /**
-          * Margin applied to the bottom of the label slot
-          * @uiName Label bottom margin
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Label text for the QST checkbox
+          * @uiName checkbox label
+          * @uiGroup Step 2 Properties
          */
-        "labelMargin": Spacing;
+        "step2_isRegisteredQST": string;
         /**
-          * Padding applied to all 4 sides of the container
-          * @uiName Section padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Label text for Income Tax checkbox
+          * @uiName Income Tax checkbox label
+          * @uiGroup Step 2 Properties
          */
-        "padding": Spacing;
+        "step2_isRegisteredSubRegionIncomeTax": string;
         /**
-          * @uiName Text alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * Label text for the not registered radio button
+          * @uiName Not registered radio button label
+          * @uiGroup Step 2 Properties
          */
-        "textAlign": "left" | "center" | "right";
-    }
-    interface SqmUserInfoForm {
+        "step2_notRegistered": string;
         /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
+          * Label text for the other region radio button
+          * @uiName Other region radio button label
+          * @uiGroup Step 2 Properties
          */
-        "allowBankingCollection": string;
+        "step2_otherRegion": string;
         /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
+          * Label text for the Province select input
+          * @uiName Province select input label
+          * @uiGroup Step 2 Properties
          */
-        "allowBankingCollectionError": string;
+        "step2_province": string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
+          * Error text shown below the Selected Region select input
+          * @uiName Province error text
+          * @uiGroup Step 2 Properties
          */
-        "businessEntity": string;
+        "step2_provinceError": string;
         /**
-          * Label text for country input
-          * @uiName Country label
+          * Label text for the QST Tax Number input
+          * @uiName QST Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "country": string;
+        "step2_qstNumber": string;
         /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
+          * Error text shown below the QST Tax number input
+          * @uiName QST Tax Number error text
+          * @uiGroup Step 2 Properties
          */
-        "countryError": string;
+        "step2_qstTaxNumberError": string;
         /**
-          * Label text for currency input
-          * @uiName Currency label
+          * Label text for the Selected Region select input
+          * @uiName Selected region select input label
+          * @uiGroup Step 2 Properties
          */
-        "currency": string;
+        "step2_selectedRegion": string;
         /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
+          * Error text shown below the Selected Region select input
+          * @uiName Selected Region error text
+          * @uiGroup Step 2 Properties
          */
-        "currencyError": string;
+        "step2_selectedRegionError": string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Label text for Sub-region select
+          * @uiName for Sub-region select label
+          * @uiGroup Step 2 Properties
          */
-        "demoData"?: DemoData<UseUserInfoFormResult>;
+        "step2_subRegion": string;
         /**
-          * Label text for email input
-          * @uiName Email label
+          * Error text shown below the Sub-region Income Tax number input
+          * @uiName Sub-region Income Tax error text
+          * @uiGroup Step 2 Properties
          */
-        "email": string;
+        "step2_subRegionTaxNumberError": string;
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
+          * Label text for the Sub-region Income Tax Number input
+          * @uiName Sub-region income Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "emailError": string;
+        "step2_subRegionTaxNumberLabel": string;
         /**
-          * Label text for first name input
-          * @uiName First name label
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 2 Properties
          */
-        "firstName": string;
+        "step2_submitButton": string;
         /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
+          * Error text shown below the tax details radio buttons
+          * @uiName Indirect tax details error text
+          * @uiGroup Step 2 Properties
          */
-        "firstNameError": string;
+        "step2_taxDetailsError": string;
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_backButton": string;
+        /**
+          * Text shown in the banner above the document
+          * @uiName Banner text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_banner": string;
+        /**
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+          * @uiGroup Step 3 Properties
+         */
+        "step3_checkboxDescription": string;
+        /**
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
+          * @uiGroup Step 3 Properties
+         */
+        "step3_checkboxLabel": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
+          * @uiGroup Step 3 Properties
          */
-        "formStep": string;
+        "step3_formStep": string;
+        /**
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_formSubmissionError": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
+          * @uiGroup Step 3 Properties
          */
-        "generalErrorDescription": string;
+        "step3_generalErrorDescription": string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
+          * @uiGroup Step 3 Properties
          */
-        "generalErrorTitle": string;
+        "step3_generalErrorTitle": string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 3 Properties
          */
-        "individualParticipant": string;
+        "step3_submitButton": string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
+          * @uiGroup Step 3 Properties
          */
-        "isPartnerAlertDescription": string;
+        "step3_taxForm": string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
+          * @uiGroup Step 3 Properties
          */
-        "isPartnerAlertHeader": string;
+        "step3_taxFormDescription": string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
+          * @uiGroup Step 3 Properties
          */
-        "lastName": string;
+        "step3_taxFormLabel": string;
         /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 3b Properties
          */
-        "lastNameError": string;
+        "step3b_backButton": string;
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
+          * @uiGroup Step 3b Properties
          */
-        "participantType": string;
+        "step3b_formLabel": string;
         /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup Step 3b Properties
          */
-        "participantTypeError": string;
+        "step3b_formStep": string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 3b Properties
          */
-        "personalInformation": string;
+        "step3b_generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_generalErrorTitle": string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
+          * @uiGroup Step 3b Properties
          */
-        "submitButton": string;
+        "step3b_submitButton": string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
+          * @uiGroup Step 3b Properties
          */
-        "taxAndBankingCollection": string;
-    }
-    interface SqmUserName {
+        "step3b_taxForm": string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Subtext for the W8 radio button
+          * @uiName W8 radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "demoData"?: DemoData<UserNameViewProps>;
+        "step3b_w8Description": string;
         /**
-          * @uiName Unknown user name
+          * Subtext for the W8E radio button
+          * @uiName W8E radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "fallback": string;
+        "step3b_w8EDescription": string;
+        /**
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_w8ELabel": string;
+        /**
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_w8Label": string;
+        /**
+          * Subtext for the W9 radio button
+          * @uiName W9 radio button subtext
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_w9Description": string;
+        /**
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
+          * @uiGroup Step 3b Properties
+         */
+        "step3b_w9Label": string;
+        /**
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_badgeTextAwaitingReview"?: string;
+        /**
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_badgeTextExpiredOn"?: string;
+        /**
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_badgeTextExpiringSoon"?: string;
+        /**
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_badgeTextSubmittedOn"?: string;
+        /**
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_bankingInformationSectionHeader": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName Step 4 General error text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName Step 4 General error title
+          * @uiGroup Step 4 Properties
+         */
+        "step4_generalErrorTitle": string;
+        /**
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_invalidForm"?: string;
+        /**
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName Step 4 No form needed subtext
+          * @uiGroup Step 4 Properties
+         */
+        "step4_newFormButton": string;
+        /**
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
+          * @uiGroup Step 4 Properties
+         */
+        "step4_noFormNeededSubtext": string;
+        /**
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
+          * @uiGroup Step 4 Properties
+         */
+        "step4_notRegisteredForTax": string;
+        /**
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_statusTextActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_statusTextExpired"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_statusTextNotActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_statusTextNotVerified"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxAlertHeaderExpiredOn"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxAlertHeaderExpiringSoon"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxAlertHeaderNotActive"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxAlertMessage"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxAlertMessageExpiringSoon": string;
+        /**
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxDocumentSectionHeader": string;
+        /**
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_taxDocumentSectionSubHeader": string;
+        /**
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
+          * @uiGroup Step 3 Properties
+         */
+        "stop3NotBasedInUS": string;
+    }
+    interface SqmTaxDocumentSubmitted {
+        /**
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
+         */
+        "badgeTextAwaitingReview"?: string;
+        /**
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
+         */
+        "badgeTextExpiredOn"?: string;
+        /**
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
+         */
+        "badgeTextExpiringSoon"?: string;
+        /**
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+         */
+        "badgeTextSubmittedOn"?: string;
+        /**
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
+         */
+        "bankingInformationSectionHeader": string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
+        /**
+          * Text displayed in the edit Indirect Tax button
+          * @uiName Edit Indirect Tax button
+         */
+        "editIndirectTaxButton": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle": string;
+        /**
+          * Indirect tax description text for individual participants
+          * @uiName Indirect tax individual participant description
+         */
+        "indirectTaxIndividualParticipant": string;
+        /**
+          * Country/Region description text of indirect tax
+          * @uiName Indirect tax Canada description
+         */
+        "indirectTaxInfoCanada": string;
+        /**
+          * Other country description text of indirect tax
+          * @uiName Indirect tax other country description
+         */
+        "indirectTaxInfoOtherCountry": string;
+        /**
+          * Header text displayed above the indirect tax preview section
+          * @uiName Indirect Tax Information Header
+         */
+        "indirectTaxInfoSectionHeader": string;
+        /**
+          * Indirect tax tooltip text for support
+          * @uiName Indirect tax tooltip description
+         */
+        "indirectTaxTooltipSupport": string;
+        /**
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
+         */
+        "invalidForm"?: string;
+        /**
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
+         */
+        "newFormButton": string;
+        /**
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
+         */
+        "noFormNeededSubtext": string;
+        /**
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
+         */
+        "notRegisteredForTax": string;
+        /**
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
+         */
+        "statusTextActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
+         */
+        "statusTextExpired"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
+         */
+        "statusTextNotActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
+         */
+        "statusTextNotVerified"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
+         */
+        "taxAlertHeaderExpiredOn"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
+         */
+        "taxAlertHeaderExpiringSoon"?: string;
+        /**
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
+         */
+        "taxAlertHeaderNotActive"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
+         */
+        "taxAlertMessage"?: string;
+        /**
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
+         */
+        "taxAlertMessageExpiringSoon": string;
+        /**
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+         */
+        "taxDocumentSectionHeader": string;
+        /**
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
+         */
+        "taxDocumentSectionSubHeader": string;
+    }
+    interface SqmText {
+    }
+    interface SqmTextSpan {
+        /**
+          * @uiName Text
+         */
+        "text": string;
+        /**
+          * @uiName Type
+          * @uiType string
+          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
+          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
+         */
+        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+    }
+    interface SqmTimeline {
+        /**
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
+         */
+        "icon": "gift" | "circle";
+    }
+    interface SqmTimelineEntry {
+        /**
+          * @uiName Description
+         */
+        "desc": string;
+        /**
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
+         */
+        "icon": "gift" | "circle";
+        /**
+          * @uiName Reward amount
+         */
+        "reward": string;
+        "setIcon": (value: "gift" | "circle") => Promise<void>;
+        /**
+          * @uiName Reward unit
+         */
+        "unit": string;
+    }
+    interface SqmTitledSection {
+        /**
+          * Text value shown when there is no label slot declared.
+          * @uiName Label
+         */
+        "label": string;
+        /**
+          * Margin applied to the bottom of the label slot
+          * @uiName Label bottom margin
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "labelMargin": Spacing;
+        /**
+          * Padding applied to all 4 sides of the container
+          * @uiName Section padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "padding": Spacing;
+        /**
+          * @uiName Text alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "textAlign": "left" | "center" | "right";
+    }
+    interface SqmUserInfoForm {
+        /**
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
+         */
+        "allowBankingCollection": string;
+        /**
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
+         */
+        "allowBankingCollectionError": string;
+        /**
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+         */
+        "businessEntity": string;
+        /**
+          * Label text for country input
+          * @uiName Country label
+         */
+        "country": string;
+        /**
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
+         */
+        "countryError": string;
+        /**
+          * Label text for currency input
+          * @uiName Currency label
+         */
+        "currency": string;
+        /**
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
+         */
+        "currencyError": string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseUserInfoFormResult>;
+        /**
+          * Label text for email input
+          * @uiName Email label
+         */
+        "email": string;
+        /**
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
+         */
+        "emailError": string;
+        /**
+          * Label text for first name input
+          * @uiName First name label
+         */
+        "firstName": string;
+        /**
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
+         */
+        "firstNameError": string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
+        "formStep": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle": string;
+        /**
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+         */
+        "individualParticipant": string;
+        /**
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+         */
+        "isPartnerAlertDescription": string;
+        /**
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+         */
+        "isPartnerAlertHeader": string;
+        /**
+          * Label text for last name input
+          * @uiName Last name label
+         */
+        "lastName": string;
+        /**
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
+         */
+        "lastNameError": string;
+        /**
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
+         */
+        "participantType": string;
+        /**
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
+         */
+        "participantTypeError": string;
+        /**
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
+         */
+        "personalInformation": string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "submitButton": string;
+        /**
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
+         */
+        "taxAndBankingCollection": string;
+    }
+    interface SqmUserName {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UserNameViewProps>;
+        /**
+          * @uiName Unknown user name
+         */
+        "fallback": string;
         /**
           * Text displayed while the participant’s name is loading.
           * @uiName Loading text
@@ -4497,1481 +5098,2022 @@ declare global {
     };
     interface HTMLSqmShareButtonElement extends Components.SqmShareButton, HTMLStencilElement {
     }
-    var HTMLSqmShareButtonElement: {
-        prototype: HTMLSqmShareButtonElement;
-        new (): HTMLSqmShareButtonElement;
-    };
-    interface HTMLSqmShareCodeElement extends Components.SqmShareCode, HTMLStencilElement {
+    var HTMLSqmShareButtonElement: {
+        prototype: HTMLSqmShareButtonElement;
+        new (): HTMLSqmShareButtonElement;
+    };
+    interface HTMLSqmShareCodeElement extends Components.SqmShareCode, HTMLStencilElement {
+    }
+    var HTMLSqmShareCodeElement: {
+        prototype: HTMLSqmShareCodeElement;
+        new (): HTMLSqmShareCodeElement;
+    };
+    interface HTMLSqmShareLinkElement extends Components.SqmShareLink, HTMLStencilElement {
+    }
+    var HTMLSqmShareLinkElement: {
+        prototype: HTMLSqmShareLinkElement;
+        new (): HTMLSqmShareLinkElement;
+    };
+    interface HTMLSqmStatContainerElement extends Components.SqmStatContainer, HTMLStencilElement {
+    }
+    var HTMLSqmStatContainerElement: {
+        prototype: HTMLSqmStatContainerElement;
+        new (): HTMLSqmStatContainerElement;
+    };
+    interface HTMLSqmStencilbookElement extends Components.SqmStencilbook, HTMLStencilElement {
+    }
+    var HTMLSqmStencilbookElement: {
+        prototype: HTMLSqmStencilbookElement;
+        new (): HTMLSqmStencilbookElement;
+    };
+    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    }
+    var HTMLSqmTabElement: {
+        prototype: HTMLSqmTabElement;
+        new (): HTMLSqmTabElement;
+    };
+    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    }
+    var HTMLSqmTableCellElement: {
+        prototype: HTMLSqmTableCellElement;
+        new (): HTMLSqmTableCellElement;
+    };
+    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    }
+    var HTMLSqmTableRowElement: {
+        prototype: HTMLSqmTableRowElement;
+        new (): HTMLSqmTableRowElement;
+    };
+    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    }
+    var HTMLSqmTabsElement: {
+        prototype: HTMLSqmTabsElement;
+        new (): HTMLSqmTabsElement;
+    };
+    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
+    }
+    var HTMLSqmTaskCardElement: {
+        prototype: HTMLSqmTaskCardElement;
+        new (): HTMLSqmTaskCardElement;
+    };
+    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    }
+    var HTMLSqmTaxAndCashElement: {
+        prototype: HTMLSqmTaxAndCashElement;
+        new (): HTMLSqmTaxAndCashElement;
+    };
+    interface HTMLSqmTaxAndCashMonolithElement extends Components.SqmTaxAndCashMonolith, HTMLStencilElement {
+    }
+    var HTMLSqmTaxAndCashMonolithElement: {
+        prototype: HTMLSqmTaxAndCashMonolithElement;
+        new (): HTMLSqmTaxAndCashMonolithElement;
+    };
+    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
+    }
+    var HTMLSqmTaxDocumentSubmittedElement: {
+        prototype: HTMLSqmTaxDocumentSubmittedElement;
+        new (): HTMLSqmTaxDocumentSubmittedElement;
+    };
+    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
+    }
+    var HTMLSqmTextElement: {
+        prototype: HTMLSqmTextElement;
+        new (): HTMLSqmTextElement;
+    };
+    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
+    }
+    var HTMLSqmTextSpanElement: {
+        prototype: HTMLSqmTextSpanElement;
+        new (): HTMLSqmTextSpanElement;
+    };
+    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
+    }
+    var HTMLSqmTimelineElement: {
+        prototype: HTMLSqmTimelineElement;
+        new (): HTMLSqmTimelineElement;
+    };
+    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
+    }
+    var HTMLSqmTimelineEntryElement: {
+        prototype: HTMLSqmTimelineEntryElement;
+        new (): HTMLSqmTimelineEntryElement;
+    };
+    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
+    }
+    var HTMLSqmTitledSectionElement: {
+        prototype: HTMLSqmTitledSectionElement;
+        new (): HTMLSqmTitledSectionElement;
+    };
+    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    }
+    var HTMLSqmUserInfoFormElement: {
+        prototype: HTMLSqmUserInfoFormElement;
+        new (): HTMLSqmUserInfoFormElement;
+    };
+    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    }
+    var HTMLSqmUserNameElement: {
+        prototype: HTMLSqmUserNameElement;
+        new (): HTMLSqmUserNameElement;
+    };
+    interface HTMLElementTagNameMap {
+        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
+        "sqm-asset-card": HTMLSqmAssetCardElement;
+        "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
+        "sqm-big-stat": HTMLSqmBigStatElement;
+        "sqm-brand": HTMLSqmBrandElement;
+        "sqm-card-feed": HTMLSqmCardFeedElement;
+        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
+        "sqm-close-button": HTMLSqmCloseButtonElement;
+        "sqm-context-router": HTMLSqmContextRouterElement;
+        "sqm-coupon-code": HTMLSqmCouponCodeElement;
+        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
+        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
+        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
+        "sqm-docusign-form": HTMLSqmDocusignFormElement;
+        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
+        "sqm-edit-profile": HTMLSqmEditProfileElement;
+        "sqm-empty": HTMLSqmEmptyElement;
+        "sqm-form-message": HTMLSqmFormMessageElement;
+        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
+        "sqm-header-logo": HTMLSqmHeaderLogoElement;
+        "sqm-hero": HTMLSqmHeroElement;
+        "sqm-hero-image": HTMLSqmHeroImageElement;
+        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
+        "sqm-image": HTMLSqmImageElement;
+        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
+        "sqm-input-field": HTMLSqmInputFieldElement;
+        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
+        "sqm-leaderboard": HTMLSqmLeaderboardElement;
+        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
+        "sqm-link-button": HTMLSqmLinkButtonElement;
+        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
+        "sqm-name-fields": HTMLSqmNameFieldsElement;
+        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
+        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
+        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
+        "sqm-password-field": HTMLSqmPasswordFieldElement;
+        "sqm-popup-container": HTMLSqmPopupContainerElement;
+        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
+        "sqm-portal-container": HTMLSqmPortalContainerElement;
+        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
+        "sqm-portal-footer": HTMLSqmPortalFooterElement;
+        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
+        "sqm-portal-frame": HTMLSqmPortalFrameElement;
+        "sqm-portal-login": HTMLSqmPortalLoginElement;
+        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
+        "sqm-portal-profile": HTMLSqmPortalProfileElement;
+        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
+        "sqm-portal-register": HTMLSqmPortalRegisterElement;
+        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
+        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
+        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
+        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
+        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
+        "sqm-program-menu": HTMLSqmProgramMenuElement;
+        "sqm-referral-card": HTMLSqmReferralCardElement;
+        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
+        "sqm-referral-table": HTMLSqmReferralTableElement;
+        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
+        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
+        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
+        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
+        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
+        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
+        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
+        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
+        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
+        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
+        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
+        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
+        "sqm-rewards-table": HTMLSqmRewardsTableElement;
+        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
+        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
+        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
+        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
+        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
+        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
+        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
+        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
+        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
+        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
+        "sqm-route": HTMLSqmRouteElement;
+        "sqm-router": HTMLSqmRouterElement;
+        "sqm-scroll": HTMLSqmScrollElement;
+        "sqm-share-button": HTMLSqmShareButtonElement;
+        "sqm-share-code": HTMLSqmShareCodeElement;
+        "sqm-share-link": HTMLSqmShareLinkElement;
+        "sqm-stat-container": HTMLSqmStatContainerElement;
+        "sqm-stencilbook": HTMLSqmStencilbookElement;
+        "sqm-tab": HTMLSqmTabElement;
+        "sqm-table-cell": HTMLSqmTableCellElement;
+        "sqm-table-row": HTMLSqmTableRowElement;
+        "sqm-tabs": HTMLSqmTabsElement;
+        "sqm-task-card": HTMLSqmTaskCardElement;
+        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
+        "sqm-tax-and-cash-monolith": HTMLSqmTaxAndCashMonolithElement;
+        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
+        "sqm-text": HTMLSqmTextElement;
+        "sqm-text-span": HTMLSqmTextSpanElement;
+        "sqm-timeline": HTMLSqmTimelineElement;
+        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
+        "sqm-titled-section": HTMLSqmTitledSectionElement;
+        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
+        "sqm-user-name": HTMLSqmUserNameElement;
+    }
+}
+declare namespace LocalJSX {
+    interface RaisinsPlopTarget {
     }
-    var HTMLSqmShareCodeElement: {
-        prototype: HTMLSqmShareCodeElement;
-        new (): HTMLSqmShareCodeElement;
-    };
-    interface HTMLSqmShareLinkElement extends Components.SqmShareLink, HTMLStencilElement {
+    interface SqmAssetCard {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<AssetCardViewProps>;
+        /**
+          * @uiName Banner image
+         */
+        "imgUrl"?: string;
+        /**
+          * @uiName Banner title
+         */
+        "titleText"?: string;
     }
-    var HTMLSqmShareLinkElement: {
-        prototype: HTMLSqmShareLinkElement;
-        new (): HTMLSqmShareLinkElement;
-    };
-    interface HTMLSqmStatContainerElement extends Components.SqmStatContainer, HTMLStencilElement {
+    interface SqmBankingInfoForm {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<any>;
+        "directlyToBankAccount"?: string;
+        "formStep"?: string;
+        "paymentMethod"?: string;
+        "submitButton"?: string;
+        "taxAndPayouts"?: string;
+        "taxAndPayoutsDescription"?: string;
+        "toPaypalAccount"?: string;
     }
-    var HTMLSqmStatContainerElement: {
-        prototype: HTMLSqmStatContainerElement;
-        new (): HTMLSqmStatContainerElement;
-    };
-    interface HTMLSqmStencilbookElement extends Components.SqmStencilbook, HTMLStencilElement {
+    interface SqmBigStat {
+        /**
+          * Controls the alignment of the flexbox
+          * @uiName Alignment
+          * @uiType string
+          * @uiEnum ["left", "right", "center"]
+          * @uiEnumNames ["Left", "Right", "Center"]
+         */
+        "alignment"?: "left" | "right" | "center";
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<BigStatViewProps>;
+        /**
+          * Controls the order of the stat value & description column
+          * @uiName Flex reverse
+          * @default
+         */
+        "flexReverse"?: boolean;
+        /**
+          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
+          * @uiName Program ID
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * Select what type of stat to display. Manual paths are also supported.
+          * @uiWidget statTypeSelectWidget
+          * @uiName Stat type
+          * @required 
+          * @uiWidgetOptions {"version": 1.1}
+         */
+        "statType"?: string;
     }
-    var HTMLSqmStencilbookElement: {
-        prototype: HTMLSqmStencilbookElement;
-        new (): HTMLSqmStencilbookElement;
-    };
-    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    interface SqmBrand {
+        /**
+          * Controls the primary brand color used in the Mint Components library.
+          * @uiName Brand color
+          * @uiWidget color
+          * @format color
+         */
+        "brandColor"?: string;
+        /**
+          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
+          * @uiName Brand font
+          * @default "Nunito Sans"
+         */
+        "brandFont"?: string;
     }
-    var HTMLSqmTabElement: {
-        prototype: HTMLSqmTabElement;
-        new (): HTMLSqmTabElement;
-    };
-    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    interface SqmCardFeed {
+        /**
+          * @uiName Column gap
+          * @uiType number
+         */
+        "gap"?: number;
+        /**
+          * @uiName Card width
+         */
+        "width"?: number;
     }
-    var HTMLSqmTableCellElement: {
-        prototype: HTMLSqmTableCellElement;
-        new (): HTMLSqmTableCellElement;
-    };
-    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    interface SqmCheckboxField {
+        /**
+          * @uiName Checkbox label
+          * @uiWidget textArea
+         */
+        "checkboxLabel"?: string;
+        /**
+          * Used with link text if the checkbox label contains {labelLink}
+          * @uiName Checkbox label link
+         */
+        "checkboxLabelLink"?: string;
+        /**
+          * @uiName Checkbox label link lext
+         */
+        "checkboxLabelLinkText"?: string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Checkbox name attribute
+          * @required
+         */
+        "checkboxName"?: string;
+        /**
+          * @uiName Optional
+         */
+        "checkboxOptional"?: boolean;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<CheckboxFieldViewProps>;
+        /**
+          * @uiName Unchecked error message
+         */
+        "errorMessage"?: string;
     }
-    var HTMLSqmTableRowElement: {
-        prototype: HTMLSqmTableRowElement;
-        new (): HTMLSqmTableRowElement;
-    };
-    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    interface SqmCloseButton {
+        /**
+          * @uiName Color
+          * @uiWidget color
+          * @uiType string
+         */
+        "color"?: string;
     }
-    var HTMLSqmTabsElement: {
-        prototype: HTMLSqmTabsElement;
-        new (): HTMLSqmTabsElement;
-    };
-    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
+    interface SqmContextRouter {
+        "contextName"?: string;
     }
-    var HTMLSqmTaskCardElement: {
-        prototype: HTMLSqmTaskCardElement;
-        new (): HTMLSqmTaskCardElement;
-    };
-    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    interface SqmCouponCode {
+        /**
+          * Set the copy button style and placement.
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+         */
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * Display this message when the coupon code has been cancelled.
+          * @uiWidget textArea
+          * @uiName Cancelled code error message
+          * @uiGroup Coupon code error
+         */
+        "cancelledErrorText"?: string;
+        /**
+          * @uiName Copy button label
+         */
+        "copyButtonLabel"?: string;
+        /**
+          * @uiName Coupon code label
+         */
+        "couponCodeLabel"?: string;
+        /**
+          * Display this text when the coupon code can’t be retrieved.
+          * @uiName Coupon code placeholder
+          * @uiGroup Coupon code error
+         */
+        "couponCodePlaceholder"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<CouponCodeViewProps>;
+        /**
+          * Display this message when the coupon code has expired.
+          * @uiWidget textArea
+          * @uiName Expired code error message
+          * @uiGroup Coupon code error
+         */
+        "expiredErrorText"?: string;
+        /**
+          * Display this message when the code fails to load due to a fulfillment error.
+          * @uiWidget textArea
+          * @uiName Code fulfillment error message
+          * @uiGroup Coupon code error
+         */
+        "fullfillmentErrorText"?: string;
+        /**
+          * Display this message when the code fails to load due to an unspecified error.
+          * @uiWidget textArea
+          * @uiName Code retrieval error message
+          * @uiGroup Coupon code error
+         */
+        "genericErrorText"?: string;
+        /**
+          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
+          * @uiWidget textArea
+          * @uiName Code pending error message
+          * @uiGroup Coupon code error
+         */
+        "pendingErrorText"?: string;
+        /**
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * Display this message when the coupon code has already been redeemed.
+          * @uiWidget textArea
+          * @uiName Redeemed code error message
+          * @uiGroup Coupon code error
+         */
+        "redeemedErrorText"?: string;
+        /**
+          * @uiName Coupon code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "textAlign"?: "left" | "center" | "right";
+        /**
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
+         */
+        "tooltiplifespan"?: number;
+        /**
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
+          * @uiName Tooltip text
+         */
+        "tooltiptext"?: string;
     }
-    var HTMLSqmTaxAndCashElement: {
-        prototype: HTMLSqmTaxAndCashElement;
-        new (): HTMLSqmTaxAndCashElement;
-    };
-    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
+    interface SqmDividedLayout {
+        /**
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
+         */
+        "direction"?: "row" | "column";
+        /**
+          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
+          * @uiName Border style
+         */
+        "dividerStyle"?: string;
     }
-    var HTMLSqmTaxDocumentSubmittedElement: {
-        prototype: HTMLSqmTaxDocumentSubmittedElement;
-        new (): HTMLSqmTaxDocumentSubmittedElement;
-    };
-    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
+    interface SqmDocumentTypeForm {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
+        "backButton"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseDocumentTypeFormResult>;
+        /**
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
+         */
+        "formLabel"?: string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
+        "formStep"?: string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription"?: string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle"?: string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "submitButton"?: string;
+        /**
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
+         */
+        "taxForm"?: string;
+        /**
+          * Description for the W8 radio button
+          * @uiName W8 radio button subtext
+         */
+        "w8Description"?: string;
+        /**
+          * Description for the W8E radio button
+          * @uiName W8E radio button subtext
+         */
+        "w8EDescription"?: string;
+        /**
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
+         */
+        "w8ELabel"?: string;
+        /**
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
+         */
+        "w8Label"?: string;
+        /**
+          * Description for the W9 radio button
+          * @uiName W9 radio button subtext
+         */
+        "w9Description"?: string;
+        /**
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
+         */
+        "w9Label"?: string;
     }
-    var HTMLSqmTextElement: {
-        prototype: HTMLSqmTextElement;
-        new (): HTMLSqmTextElement;
-    };
-    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
+    interface SqmDocusignEmbed {
+        "onDocusignEvent"?: (event: CustomEvent<{ status: string }>) => void;
+        "url"?: string;
     }
-    var HTMLSqmTextSpanElement: {
-        prototype: HTMLSqmTextSpanElement;
-        new (): HTMLSqmTextSpanElement;
-    };
-    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
+    interface SqmDocusignForm {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+         */
+        "backButton"?: string;
+        /**
+          * Text shown in the banner above the document
+          * @uiName Banner text
+         */
+        "banner"?: string;
+        /**
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+         */
+        "checkboxDescription"?: string;
+        /**
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
+         */
+        "checkboxLabel"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<UseDocusignFormResult>;
+        /**
+          * Text inside iframe when Docusign form is compelted
+          * @uiName Docusign completed text
+         */
+        "docusignCompleted"?: string;
+        /**
+          * Text inside iframe when Docusign expires
+          * @uiName Docusign expired text
+         */
+        "docusignExpired"?: string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+         */
+        "formStep"?: string;
+        /**
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
+         */
+        "formSubmissionError"?: string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+         */
+        "generalErrorDescription"?: string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+         */
+        "generalErrorTitle"?: string;
+        /**
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
+         */
+        "notBasedInUS"?: string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "submitButton"?: string;
+        /**
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
+         */
+        "taxForm"?: string;
+        /**
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
+         */
+        "taxFormDescription"?: string;
+        /**
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
+         */
+        "taxFormLabel"?: string;
     }
-    var HTMLSqmTimelineElement: {
-        prototype: HTMLSqmTimelineElement;
-        new (): HTMLSqmTimelineElement;
-    };
-    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
+    interface SqmDropdownField {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<DropdownFieldViewProps>;
+        /**
+          * @uiName Dropdown label
+         */
+        "dropdownLabel"?: string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Dropdown name attribute
+          * @required
+         */
+        "dropdownName"?: string;
+        /**
+          * @uiName Optional
+          * @default
+         */
+        "dropdownOptional"?: boolean;
+        /**
+          * @uiName Unselected error message
+         */
+        "errorMessage"?: string;
     }
-    var HTMLSqmTimelineEntryElement: {
-        prototype: HTMLSqmTimelineEntryElement;
-        new (): HTMLSqmTimelineEntryElement;
-    };
-    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
+    interface SqmEditProfile {
+        /**
+          * @uiName Cancel button text
+         */
+        "canceltext"?: string;
+        /**
+          * @uiName Region field label
+         */
+        "currentregiontext"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<EditProfileViewProps>;
+        /**
+          * @uiName Heading
+         */
+        "editprofileheader"?: string;
+        /**
+          * Enable editing button text
+          * @uiName Edit profile text
+         */
+        "editprofiletext"?: string;
+        /**
+          * @uiName First name label
+         */
+        "firstnametext"?: string;
+        /**
+          * @uiName Last name label
+         */
+        "lastnametext"?: string;
+        /**
+          * Show or hide current region
+          * @uiName Show region
+         */
+        "showregion"?: boolean;
+        /**
+          * @uiName Info button text
+         */
+        "updatetext"?: string;
     }
-    var HTMLSqmTitledSectionElement: {
-        prototype: HTMLSqmTitledSectionElement;
-        new (): HTMLSqmTitledSectionElement;
-    };
-    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    interface SqmEmpty {
+        /**
+          * @uiName Title
+         */
+        "emptyStateHeader"?: string;
+        /**
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
+         */
+        "emptyStateImage"?: string;
+        /**
+          * @uiName Description
+          * @uiWidget textArea
+         */
+        "emptyStateText"?: string;
     }
-    var HTMLSqmUserInfoFormElement: {
-        prototype: HTMLSqmUserInfoFormElement;
-        new (): HTMLSqmUserInfoFormElement;
-    };
-    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    interface SqmFormMessage {
+        /**
+          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
+          * @uiName Icon
+         */
+        "icon"?: string;
+        /**
+          * Options include "success", "info", "warning", and "error"
+          * @uiName Alert type
+         */
+        "type"?: string;
     }
-    var HTMLSqmUserNameElement: {
-        prototype: HTMLSqmUserNameElement;
-        new (): HTMLSqmUserNameElement;
-    };
-    interface HTMLElementTagNameMap {
-        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
-        "sqm-asset-card": HTMLSqmAssetCardElement;
-        "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
-        "sqm-big-stat": HTMLSqmBigStatElement;
-        "sqm-brand": HTMLSqmBrandElement;
-        "sqm-card-feed": HTMLSqmCardFeedElement;
-        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
-        "sqm-close-button": HTMLSqmCloseButtonElement;
-        "sqm-context-router": HTMLSqmContextRouterElement;
-        "sqm-coupon-code": HTMLSqmCouponCodeElement;
-        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
-        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
-        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
-        "sqm-docusign-form": HTMLSqmDocusignFormElement;
-        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
-        "sqm-edit-profile": HTMLSqmEditProfileElement;
-        "sqm-empty": HTMLSqmEmptyElement;
-        "sqm-form-message": HTMLSqmFormMessageElement;
-        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
-        "sqm-header-logo": HTMLSqmHeaderLogoElement;
-        "sqm-hero": HTMLSqmHeroElement;
-        "sqm-hero-image": HTMLSqmHeroImageElement;
-        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
-        "sqm-image": HTMLSqmImageElement;
-        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
-        "sqm-input-field": HTMLSqmInputFieldElement;
-        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
-        "sqm-leaderboard": HTMLSqmLeaderboardElement;
-        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
-        "sqm-link-button": HTMLSqmLinkButtonElement;
-        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
-        "sqm-name-fields": HTMLSqmNameFieldsElement;
-        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
-        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
-        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
-        "sqm-password-field": HTMLSqmPasswordFieldElement;
-        "sqm-popup-container": HTMLSqmPopupContainerElement;
-        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
-        "sqm-portal-container": HTMLSqmPortalContainerElement;
-        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
-        "sqm-portal-footer": HTMLSqmPortalFooterElement;
-        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
-        "sqm-portal-frame": HTMLSqmPortalFrameElement;
-        "sqm-portal-login": HTMLSqmPortalLoginElement;
-        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
-        "sqm-portal-profile": HTMLSqmPortalProfileElement;
-        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
-        "sqm-portal-register": HTMLSqmPortalRegisterElement;
-        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
-        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
-        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
-        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
-        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
-        "sqm-program-menu": HTMLSqmProgramMenuElement;
-        "sqm-referral-card": HTMLSqmReferralCardElement;
-        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
-        "sqm-referral-table": HTMLSqmReferralTableElement;
-        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
-        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
-        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
-        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
-        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
-        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
-        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
-        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
-        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
-        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
-        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
-        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
-        "sqm-rewards-table": HTMLSqmRewardsTableElement;
-        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
-        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
-        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
-        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
-        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
-        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
-        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
-        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
-        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
-        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
-        "sqm-route": HTMLSqmRouteElement;
-        "sqm-router": HTMLSqmRouterElement;
-        "sqm-scroll": HTMLSqmScrollElement;
-        "sqm-share-button": HTMLSqmShareButtonElement;
-        "sqm-share-code": HTMLSqmShareCodeElement;
-        "sqm-share-link": HTMLSqmShareLinkElement;
-        "sqm-stat-container": HTMLSqmStatContainerElement;
-        "sqm-stencilbook": HTMLSqmStencilbookElement;
-        "sqm-tab": HTMLSqmTabElement;
-        "sqm-table-cell": HTMLSqmTableCellElement;
-        "sqm-table-row": HTMLSqmTableRowElement;
-        "sqm-tabs": HTMLSqmTabsElement;
-        "sqm-task-card": HTMLSqmTaskCardElement;
-        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
-        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
-        "sqm-text": HTMLSqmTextElement;
-        "sqm-text-span": HTMLSqmTextSpanElement;
-        "sqm-timeline": HTMLSqmTimelineElement;
-        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
-        "sqm-titled-section": HTMLSqmTitledSectionElement;
-        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
-        "sqm-user-name": HTMLSqmUserNameElement;
+    interface SqmGraphqlClientProvider {
+        /**
+          * @uiName Domain
+         */
+        "domain"?: string;
     }
-}
-declare namespace LocalJSX {
-    interface RaisinsPlopTarget {
+    interface SqmHeaderLogo {
+        /**
+          * @uiName Logo height
+         */
+        "height"?: number;
+        /**
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Logo image
+         */
+        "imageUrl"?: string;
+        /**
+          * Page participants are navigated to after clicking the header logo.
+          * @uiName Redirect path
+          * @uiWidget pageSelect
+         */
+        "nextPage"?: string;
     }
-    interface SqmAssetCard {
+    interface SqmHero {
+        /**
+          * Can be an image url, colour or Shoelace variable.
+          * @uiName Background
+          * @uiWidget Background
+         */
+        "background"?: string;
+        /**
+          * @uiName Columns
+          * @uiEnum [1, 2]
+          * @uiEnumNames ["One", "Two"]
+         */
+        "columns"?: 1 | 2;
         /**
-          * @undocumented 
-          * @uiType object
+          * Minimum height of each column including when they are stacked on mobile
+          * @uiName Minimum height (in px)
          */
-        "demoData"?: DemoData<AssetCardViewProps>;
+        "minHeight"?: number;
         /**
-          * @uiName Banner image
+          * @uiName Padding size
+          * @uiEnum ["none", "small", "medium","large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "imgUrl"?: string;
+        "paddingSize"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Banner title
+          * Secondary background image or color (for use in the right column)
+          * @uiName Secondary background
+          * @uiWidget Background
          */
-        "titleText"?: string;
-    }
-    interface SqmBankingInfoForm {
+        "secondaryBackground"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Flexbox wrap direction, accepts wrap or wrap-reverse
+          * @uiName Wrap direction
+          * @uiEnum ["wrap", "wrap-reverse"]
+          * @uiEnumNames ["Wrap", "Wrap Reverse"]
          */
-        "demoData"?: DemoData<any>;
-        "directlyToBankAccount"?: string;
-        "formStep"?: string;
-        "paymentMethod"?: string;
-        "submitButton"?: string;
-        "taxAndPayouts"?: string;
-        "taxAndPayoutsDescription"?: string;
-        "toPaypalAccount"?: string;
+        "wrapDirection"?: "wrap" | "wrap-reverse";
     }
-    interface SqmBigStat {
+    interface SqmHeroImage {
         /**
-          * Controls the alignment of the flexbox
-          * @uiName Alignment
-          * @uiType string
-          * @uiEnum ["left", "right", "center"]
-          * @uiEnumNames ["Left", "Right", "Center"]
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "alignment"?: "left" | "right" | "center";
+        "backgroundColor"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Button link
          */
-        "demoData"?: DemoData<BigStatViewProps>;
+        "buttonLink"?: string;
         /**
-          * Controls the order of the stat value & description column
-          * @uiName Flex reverse
+          * @uiName Open link in new tab
           * @default
          */
-        "flexReverse"?: boolean;
+        "buttonNewTab"?: boolean;
         /**
-          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiName Button text
          */
-        "programId"?: string;
+        "buttonText"?: string;
         /**
-          * Select what type of stat to display. Manual paths are also supported.
-          * @uiWidget statTypeSelectWidget
-          * @uiName Stat type
-          * @required 
-          * @uiWidgetOptions {"version": 1.1}
+          * @uiName Description
+          * @uiWidget textArea
          */
-        "statType"?: string;
-    }
-    interface SqmBrand {
+        "description"?: string;
         /**
-          * Controls the primary brand color used in the Mint Components library.
-          * @uiName Brand color
+          * @uiName Title
+         */
+        "header"?: string;
+        /**
+          * @uiName Image mobile position
+          * @uiType string
+          * @uiEnum ["top", "bottom"]
+          * @uiEnumNames ["Top", "Bottom"]
+         */
+        "imageMobilePos"?: "top" | "bottom";
+        /**
+          * @uiName Image percentage
+          * @uiType number
+         */
+        "imagePercentage"?: number;
+        /**
+          * @uiName Image position
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "imagePos"?: "left" | "center" | "right";
+        /**
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
+         */
+        "imageUrl"?: string;
+        /**
+          * @uiName Image layout
+          * @uiType string
+          * @uiEnum ["overlay", "columns"]
+          * @uiEnumNames ["Overlay", "Two-column"]
+         */
+        "layout"?: "overlay" | "columns";
+        /**
+          * @uiName Overlay color
           * @uiWidget color
           * @format color
          */
-        "brandColor"?: string;
+        "overlayColor"?: string;
         /**
-          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
-          * @uiName Brand font
-          * @default "Nunito Sans"
+          * @uiName Overlay opacity
          */
-        "brandFont"?: string;
-    }
-    interface SqmCardFeed {
+        "overlayOpacity"?: string;
         /**
-          * @uiName Column gap
-          * @uiType number
+          * @uiName Image padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "gap"?: number;
+        "paddingImage"?: Spacing;
         /**
-          * @uiName Card width
+          * @uiName Text padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "width"?: number;
+        "paddingText"?: Spacing;
+        /**
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+         */
+        "textColor"?: string;
     }
-    interface SqmCheckboxField {
+    interface SqmHookStoryContainer {
+        "hookStory"?: FunctionalComponent;
+    }
+    interface SqmImage {
         /**
-          * @uiName Checkbox label
-          * @uiWidget textArea
+          * @uiName Position alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "checkboxLabel"?: string;
+        "alignment"?: "left" | "center" | "right";
         /**
-          * Used with link text if the checkbox label contains {labelLink}
-          * @uiName Checkbox label link
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "checkboxLabelLink"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Checkbox label link lext
+          * @uiWidget ImageUpload
+          * @format url
+          * @required 
+          * @uiName Image link
          */
-        "checkboxLabelLinkText"?: string;
+        "imageUrl"?: string;
         /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Checkbox name attribute
-          * @required
+          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
+          * @uiName Minimum height
          */
-        "checkboxName"?: string;
+        "minHeight"?: string;
+    }
+    interface SqmIndirectTaxForm {
+        "backButton"?: string;
         /**
-          * @uiName Optional
+          * @undocumented
          */
-        "checkboxOptional"?: boolean;
+        "demoData"?: DemoData<UseIndirectTaxFormResult>;
+        "formStep"?: string;
+        "generalErrorDescription"?: string;
+        "generalErrorTitle"?: string;
+        "indirectTax"?: string;
+        "indirectTaxDescription"?: string;
+        "indirectTaxDetails"?: string;
+        "indirectTaxDetailsDescription"?: string;
+        "indirectTaxNumber"?: string;
+        "indirectTaxNumberError"?: string;
+        "isPartnerAlertDescription"?: string;
+        "isPartnerAlertHeader"?: string;
+        "isRegisteredQST"?: string;
+        "isRegisteredSubRegionIncomeTax"?: string;
+        "notRegistered"?: string;
+        "otherRegion"?: string;
+        "province"?: string;
+        "provinceError"?: string;
+        "qstNumber"?: string;
+        "qstTaxNumberError"?: string;
+        "selectedRegion"?: string;
+        "selectedRegionError"?: string;
+        "subRegion"?: string;
+        "subRegionError"?: string;
+        "subRegionTaxNumberError"?: string;
+        "subRegionTaxNumberLabel"?: string;
+        "submitButton"?: string;
+        "taxDetailsError"?: string;
+    }
+    interface SqmInputField {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<CheckboxFieldViewProps>;
+        "demoData"?: DemoData<InputFieldViewProps>;
         /**
-          * @uiName Unchecked error message
+          * @uiName Required error message
          */
         "errorMessage"?: string;
-    }
-    interface SqmCloseButton {
         /**
-          * @uiName Color
-          * @uiWidget color
+          * @uiName Input label
+         */
+        "fieldLabel"?: string;
+        /**
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Input name attribute
+          * @required
+         */
+        "fieldName"?: string;
+        /**
+          * @uiName Optional
+          * @default
+         */
+        "fieldOptional"?: boolean;
+        /**
+          * @uiName Input type
           * @uiType string
+          * @uiEnum ["text", "date", "tel"]
+          * @uiEnumNames ["Text", "Date", "Phone Number"]
          */
-        "color"?: string;
-    }
-    interface SqmContextRouter {
-        "contextName"?: string;
+        "fieldType"?: "text" | "date" | "tel";
     }
-    interface SqmCouponCode {
+    interface SqmInstantAccessRegistration {
         /**
-          * Set the copy button style and placement.
-          * @uiName Style
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
           * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "backgroundColor"?: string;
         /**
-          * Display this message when the coupon code has been cancelled.
-          * @uiWidget textArea
-          * @uiName Cancelled code error message
-          * @uiGroup Coupon code error
+          * @undocumented 
+          * @uiType object
          */
-        "cancelledErrorText"?: string;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * @uiName Copy button label
+          * @uiName Email field label
          */
-        "copyButtonLabel"?: string;
+        "emailLabel"?: string;
         /**
-          * @uiName Coupon code label
+          * @uiName First name field label
          */
-        "couponCodeLabel"?: string;
+        "firstNameLabel"?: string;
         /**
-          * Display this text when the coupon code can’t be retrieved.
-          * @uiName Coupon code placeholder
-          * @uiGroup Coupon code error
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "couponCodePlaceholder"?: string;
+        "hideBorder"?: boolean;
         /**
           * @undocumented 
-          * @uiType object
+          * @uiType boolean
          */
-        "demoData"?: DemoData<CouponCodeViewProps>;
+        "includeCookies"?: boolean;
         /**
-          * Display this message when the coupon code has expired.
-          * @uiWidget textArea
-          * @uiName Expired code error message
-          * @uiGroup Coupon code error
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "expiredErrorText"?: string;
+        "includeName"?: boolean;
         /**
-          * Display this message when the code fails to load due to a fulfillment error.
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
           * @uiWidget textArea
-          * @uiName Code fulfillment error message
-          * @uiGroup Coupon code error
+          * @uiGroup Error messages
          */
-        "fullfillmentErrorText"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Display this message when the code fails to load due to an unspecified error.
-          * @uiWidget textArea
-          * @uiName Code retrieval error message
-          * @uiGroup Coupon code error
+          * @uiName Last name field label
          */
-        "genericErrorText"?: string;
+        "lastNameLabel"?: string;
         /**
-          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
           * @uiWidget textArea
-          * @uiName Code pending error message
-          * @uiGroup Coupon code error
-         */
-        "pendingErrorText"?: string;
-        /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiGroup Error messages
          */
-        "programId"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * Display this message when the coupon code has already been redeemed.
-          * @uiWidget textArea
-          * @uiName Redeemed code error message
-          * @uiGroup Coupon code error
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "redeemedErrorText"?: string;
+        "paddingBottom"?: string;
         /**
-          * @uiName Coupon code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "textAlign"?: "left" | "center" | "right";
+        "paddingLeft"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "tooltiplifespan"?: number;
+        "paddingRight"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
-          * @uiName Tooltip text
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmDividedLayout {
+        "paddingTop"?: string;
         /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
+          * @uiName Register button text
          */
-        "direction"?: "row" | "column";
+        "registerLabel"?: string;
         /**
-          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
-          * @uiName Border style
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "dividerStyle"?: string;
+        "requiredFieldErrorMessage"?: string;
     }
-    interface SqmDocumentTypeForm {
+    interface SqmLeaderboard {
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
+          * Title displayed for users without names
+          * @uiName Unknown user text
          */
-        "backButton"?: string;
+        "anonymousUser"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UseDocumentTypeFormResult>;
-        /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-         */
-        "formLabel"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
+        "demoData"?: DemoData<LeaderboardViewProps>;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
+          * Hide the viewer's leaderboard row if not in the top results.
+          * @uiName Hide viewing user
+          * @default
          */
-        "generalErrorDescription"?: string;
+        "hideViewer"?: boolean;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "generalErrorTitle"?: string;
+        "interval"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "submitButton"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
+          * Control the maximum amount of rows displayed on the leaderboard.
+          * @uiName Maximum rows number
          */
-        "taxForm"?: string;
+        "maxRows"?: number;
         /**
-          * Description for the W8 radio button
-          * @uiName W8 radio button subtext
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "w8Description"?: string;
+        "programId"?: string;
         /**
-          * Description for the W8E radio button
-          * @uiName W8E radio button subtext
+          * @uiName Rank type
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "w8EDescription"?: string;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
+          * @uiName Rank column heading
          */
-        "w8ELabel"?: string;
+        "rankheading"?: string;
         /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
+          * @uiName Show leaderboard rank
          */
-        "w8Label"?: string;
+        "showRank"?: boolean;
         /**
-          * Description for the W9 radio button
-          * @uiName W9 radio button subtext
+          * @uiName Stats column heading
          */
-        "w9Description"?: string;
+        "statsheading"?: string;
         /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
+          * @uiName User column heading
          */
-        "w9Label"?: string;
-    }
-    interface SqmDocusignEmbed {
-        "onDocusignEvent"?: (event: CustomEvent<{ status: string }>) => void;
-        "url"?: string;
+        "usersheading"?: string;
     }
-    interface SqmDocusignForm {
+    interface SqmLeaderboardRank {
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
+          * @undocumented 
+          * @uiType object
          */
-        "backButton"?: string;
+        "demoData"?: DemoData<LeaderboardRankViewProps>;
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "banner"?: string;
+        "interval"?: string;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "checkboxDescription"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "checkboxLabel"?: string;
+        "programId"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Rank text
+          * @uiWidget textArea
          */
-        "demoData"?: DemoData<UseDocusignFormResult>;
+        "rankText"?: string;
         /**
-          * Text inside iframe when Docusign form is compelted
-          * @uiName Docusign completed text
+          * @uiName Default rank
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "docusignCompleted"?: string;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * Text inside iframe when Docusign expires
-          * @uiName Docusign expired text
+          * @uiName Unranked text
          */
-        "docusignExpired"?: string;
+        "unrankedText"?: string;
+    }
+    interface SqmLinkButton {
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
+          * @uiName Button text
+          * @uiType string
          */
-        "formStep"?: string;
+        "buttonText"?: string;
         /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
+          * Enter the URL where you want your participants redirected. Example: https://www.example.com
+          * @required 
+          * @uiName Link
          */
-        "formSubmissionError"?: string;
+        "link"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
+          * @uiName Open link in new tab
          */
-        "generalErrorDescription"?: string;
+        "openInNewTab"?: boolean;
+    }
+    interface SqmLogoutCurrentUser {
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * @required 
+          * @uiName Switch user button link
          */
-        "generalErrorTitle"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
+          * @required 
+          * @uiName Switch user button label
          */
-        "notBasedInUS"?: string;
+        "switchUserText"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
+          * @required 
+          * @uiName User identification text
          */
-        "submitButton"?: string;
+        "userIdentificationText"?: string;
+    }
+    interface SqmNameFields {
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
+          * @undocumented 
+          * @uiType object
          */
-        "taxForm"?: string;
+        "demoData"?: DemoData<NameFieldsViewProps>;
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
+          * @uiName First name label
          */
-        "taxFormDescription"?: string;
+        "firstNameLabel"?: string;
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
+          * @uiName Last name label
          */
-        "taxFormLabel"?: string;
+        "lastNameLabel"?: string;
     }
-    interface SqmDropdownField {
+    interface SqmNavigationMenu {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<DropdownFieldViewProps>;
+        "demoData"?: DemoData<NavigationMenuViewProps>;
         /**
-          * @uiName Dropdown label
+          * @uiName Include dropdown menu
          */
-        "dropdownLabel"?: string;
+        "includeDropdown"?: boolean;
         /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Dropdown name attribute
-          * @required
+          * Label on the header menu
+          * @uiName Menu label
          */
-        "dropdownName"?: string;
+        "menuLabel"?: string;
+    }
+    interface SqmNavigationSidebar {
+    }
+    interface SqmNavigationSidebarItem {
         /**
-          * @uiName Optional
-          * @default
+          * @undocumented 
+          * @uiType object
          */
-        "dropdownOptional"?: boolean;
+        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
         /**
-          * @uiName Unselected error message
+          * Options available at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "errorMessage"?: string;
-    }
-    interface SqmEditProfile {
+        "icon"?: string;
         /**
-          * @uiName Cancel button text
+          * @uiName Label
          */
-        "canceltext"?: string;
+        "label"?: string;
         /**
-          * @uiName Region field label
+          * @uiName Navigation path
+          * @uiWidget pageSelect
          */
-        "currentregiontext"?: string;
+        "path"?: string;
+    }
+    interface SqmPasswordField {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<EditProfileViewProps>;
+        "demoData"?: PasswordFieldViewDemoProps;
         /**
-          * @uiName Heading
+          * Disable live password validation
+          * @uiName Disable validation
          */
-        "editprofileheader"?: string;
+        "disableValidation"?: boolean;
         /**
-          * Enable editing button text
-          * @uiName Edit profile text
+          * Label for password field
+          * @uiName Password label
          */
-        "editprofiletext"?: string;
+        "fieldLabel"?: string;
+    }
+    interface SqmPopupContainer {
         /**
-          * @uiName First name label
+          * Display a close button on the popup
+          * @uiName Show close button
          */
-        "firstnametext"?: string;
+        "closeButton"?: boolean;
         /**
-          * @uiName Last name label
+          * Text inside the close button
+          * @uiName Close button text
          */
-        "lastnametext"?: string;
+        "closeButtonText"?: string;
         /**
-          * Show or hide current region
-          * @uiName Show region
+          * Specify padding on the popup contents when in embedded mode
+          * @uiName Embed padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "showregion"?: boolean;
+        "embedPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Info button text
+          * Specify padding on the popup contents when in popup mode
+          * @uiName Popup padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "updatetext"?: string;
+        "popupPadding"?: "none" | "small" | "medium" | "large";
+        /**
+          * Show Powered with SaaSquatch by Impact.com link
+          * @uiName Show powered by
+         */
+        "poweredBy"?: boolean;
     }
-    interface SqmEmpty {
+    interface SqmPortalChangePassword {
         /**
-          * @uiName Title
+          * Found in modal
+          * @uiName Cancel button text
          */
-        "emptyStateHeader"?: string;
+        "cancelText"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
+          * Found in modal
+          * @uiName Change password button text
          */
-        "emptyStateImage"?: string;
+        "changePasswordButtonText"?: string;
         /**
-          * @uiName Description
-          * @uiWidget textArea
+          * Found in modal
+          * @uiName Confirm password Label
          */
-        "emptyStateText"?: string;
-    }
-    interface SqmFormMessage {
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
-          * @uiName Icon
+          * @undocumented 
+          * @uiType object
          */
-        "icon"?: string;
+        "demoData"?: DemoData<PortalChangePasswordViewProps>;
         /**
-          * Options include "success", "info", "warning", and "error"
-          * @uiName Alert type
+          * @uiName Change password modal header
          */
-        "type"?: string;
-    }
-    interface SqmGraphqlClientProvider {
+        "modalChangePasswordHeader"?: string;
         /**
-          * @uiName Domain
+          * Found in modal
+          * @uiName New password field label
          */
-        "domain"?: string;
-    }
-    interface SqmHeaderLogo {
+        "passwordFieldLabel"?: string;
         /**
-          * @uiName Logo height
+          * @uiName Change password button text
          */
-        "height"?: number;
+        "portalChangePasswordButtonText"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Logo image
+          * Portal change password section header
+          * @uiName Change password header
          */
-        "imageUrl"?: string;
+        "portalChangePasswordHeader"?: string;
         /**
-          * Page participants are navigated to after clicking the header logo.
-          * @uiName Redirect path
-          * @uiWidget pageSelect
+          * Successful password change message
+          * @uiName Successful password change message
+          * @uiWidget textArea
          */
-        "nextPage"?: string;
+        "successMessage"?: string;
     }
-    interface SqmHero {
+    interface SqmPortalContainer {
         /**
-          * Can be an image url, colour or Shoelace variable.
-          * @uiName Background
-          * @uiWidget Background
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "background"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Columns
-          * @uiEnum [1, 2]
-          * @uiEnumNames ["One", "Two"]
+          * @uiName Center content
          */
-        "columns"?: 1 | 2;
+        "center"?: boolean;
         /**
-          * Minimum height of each column including when they are stacked on mobile
-          * @uiName Minimum height (in px)
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
+         */
+        "direction"?: "row" | "column";
+        /**
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
+         */
+        "display"?: "grid" | "flex";
+        /**
+          * @uiName Gap
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "gap"?: Spacing;
+        /**
+          * Define how this container distributes its contents along the main-axis.
+          * @uiName Justify content
+          * @uiType string
+          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
+          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
          */
-        "minHeight"?: number;
+        "justifyContent"?: | "start"
+    | "center"
+    | "end"
+    | "space-between"
+    | "space-around"
+    | "space-evenly";
         /**
-          * @uiName Padding size
-          * @uiEnum ["none", "small", "medium","large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * @uiName Maximum width
          */
-        "paddingSize"?: "none" | "small" | "medium" | "large";
+        "maxWidth"?: string;
         /**
-          * Secondary background image or color (for use in the right column)
-          * @uiName Secondary background
-          * @uiWidget Background
+          * @uiName Minimum width
          */
-        "secondaryBackground"?: string;
+        "minWidth"?: string;
         /**
-          * Flexbox wrap direction, accepts wrap or wrap-reverse
-          * @uiName Wrap direction
-          * @uiEnum ["wrap", "wrap-reverse"]
-          * @uiEnumNames ["Wrap", "Wrap Reverse"]
+          * @uiName Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "wrapDirection"?: "wrap" | "wrap-reverse";
+        "padding"?: Spacing;
     }
-    interface SqmHeroImage {
+    interface SqmPortalEmailVerification {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * @undocumented 
+          * @uiType object
          */
-        "backgroundColor"?: string;
+        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
         /**
-          * @uiName Button link
+          * @uiName Email verification header text
          */
-        "buttonLink"?: string;
+        "emailVerificationHeader"?: string;
         /**
-          * @uiName Open link in new tab
-          * @default
+          * Redirect participants to this page from their verification email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "buttonNewTab"?: boolean;
+        "redirectPath"?: string;
         /**
-          * @uiName Button text
+          * @uiName Re-send email button text
          */
-        "buttonText"?: string;
+        "resendEmailButtonText"?: string;
         /**
-          * @uiName Description
+          * @uiName Email verification checking text
           * @uiWidget textArea
          */
-        "description"?: string;
-        /**
-          * @uiName Title
-         */
-        "header"?: string;
+        "verificationLoadingMessage"?: string;
         /**
-          * @uiName Image mobile position
-          * @uiType string
-          * @uiEnum ["top", "bottom"]
-          * @uiEnumNames ["Top", "Bottom"]
+          * @uiName Email verification status text
+          * @uiWidget textArea
          */
-        "imageMobilePos"?: "top" | "bottom";
+        "verificationStatusMessage"?: string;
         /**
-          * @uiName Image percentage
-          * @uiType number
+          * @uiName Email verification body text
+          * @uiWidget textArea
          */
-        "imagePercentage"?: number;
+        "verifyMessage"?: string;
+    }
+    interface SqmPortalFooter {
         /**
-          * @uiName Image position
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName FAQ link
          */
-        "imagePos"?: "left" | "center" | "right";
+        "faqLink"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
+          * @uiName FAQ text
          */
-        "imageUrl"?: string;
+        "faqText"?: string;
         /**
-          * @uiName Image layout
-          * @uiType string
-          * @uiEnum ["overlay", "columns"]
-          * @uiEnumNames ["Overlay", "Two-column"]
+          * @uiName Hide powered with SaaSquatch by Impact.com
          */
-        "layout"?: "overlay" | "columns";
+        "hidePoweredBy"?: boolean;
         /**
-          * @uiName Overlay color
-          * @uiWidget color
-          * @format color
+          * @uiName Hide support message
          */
-        "overlayColor"?: string;
+        "hideSupportText"?: boolean;
         /**
-          * @uiName Overlay opacity
+          * @uiName Bottom padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "overlayOpacity"?: string;
+        "paddingBottom"?: string;
         /**
-          * @uiName Image padding
-          * @uiType string
+          * @uiName Left padding
+          * @uiGroup Padding
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingImage"?: Spacing;
+        "paddingLeft"?: string;
         /**
-          * @uiName Text padding
-          * @uiType string
+          * @uiName Right padding
+          * @uiGroup Padding
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingText"?: Spacing;
+        "paddingRight"?: string;
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * @uiName Top padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "textColor"?: string;
-    }
-    interface SqmHookStoryContainer {
-        "hookStory"?: FunctionalComponent;
-    }
-    interface SqmImage {
+        "paddingTop"?: string;
         /**
-          * @uiName Position alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName Powered By link
          */
-        "alignment"?: "left" | "center" | "right";
+        "poweredByLink"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * @uiName Support email
          */
-        "backgroundColor"?: string;
+        "supportEmail"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @required 
-          * @uiName Image link
+          * @uiName Support message
+          * @uiWidget textArea
          */
-        "imageUrl"?: string;
+        "supportText"?: string;
         /**
-          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
-          * @uiName Minimum height
+          * @uiName Terms and conditions link
          */
-        "minHeight"?: string;
-    }
-    interface SqmIndirectTaxForm {
-        "backButton"?: string;
+        "termsLink"?: string;
         /**
-          * @undocumented
+          * @uiName Terms and conditions text
          */
-        "demoData"?: DemoData<UseIndirectTaxFormResult>;
-        "formStep"?: string;
-        "generalErrorDescription"?: string;
-        "generalErrorTitle"?: string;
-        "indirectTax"?: string;
-        "indirectTaxDescription"?: string;
-        "indirectTaxDetails"?: string;
-        "indirectTaxDetailsDescription"?: string;
-        "indirectTaxNumber"?: string;
-        "indirectTaxNumberError"?: string;
-        "isPartnerAlertDescription"?: string;
-        "isPartnerAlertHeader"?: string;
-        "isRegisteredQST"?: string;
-        "isRegisteredSubRegionIncomeTax"?: string;
-        "notRegistered"?: string;
-        "otherRegion"?: string;
-        "province"?: string;
-        "provinceError"?: string;
-        "qstNumber"?: string;
-        "qstTaxNumberError"?: string;
-        "selectedRegion"?: string;
-        "selectedRegionError"?: string;
-        "subRegion"?: string;
-        "subRegionError"?: string;
-        "subRegionTaxNumberError"?: string;
-        "subRegionTaxNumberLabel"?: string;
-        "submitButton"?: string;
-        "taxDetailsError"?: string;
+        "termsText"?: string;
     }
-    interface SqmInputField {
+    interface SqmPortalForgotPassword {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<InputFieldViewProps>;
+        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
         /**
-          * @uiName Required error message
+          * @uiName Email field label
          */
-        "errorMessage"?: string;
+        "emailLabel"?: string;
         /**
-          * @uiName Input label
+          * @uiName Header text
+          * @uiWidget textArea
          */
-        "fieldLabel"?: string;
+        "headerText"?: string;
         /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Input name attribute
-          * @required
+          * @uiName Login redirect path
+          * @uiWidget pageSelect
          */
-        "fieldName"?: string;
+        "loginPath"?: string;
         /**
-          * @uiName Optional
-          * @default
+          * Sign in link text
          */
-        "fieldOptional"?: boolean;
+        "loginText"?: string;
         /**
-          * @uiName Input type
-          * @uiType string
-          * @uiEnum ["text", "date", "tel"]
-          * @uiEnumNames ["Text", "Date", "Phone Number"]
+          * Redirect participants to this page after they verify their email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "fieldType"?: "text" | "date" | "tel";
-    }
-    interface SqmInstantAccessRegistration {
+        "redirectPath"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * @uiName Password reset button text
          */
-        "backgroundColor"?: string;
+        "submitLabel"?: string;
+    }
+    interface SqmPortalFrame {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
-        /**
-          * @uiName Email field label
-         */
-        "emailLabel"?: string;
-        /**
-          * @uiName First name field label
-         */
-        "firstNameLabel"?: string;
+        "demoData"?: DemoData<PortalFrameViewProps>;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * @undocumented
          */
-        "hideBorder"?: boolean;
+        "notFullScreen"?: boolean;
+    }
+    interface SqmPortalLogin {
         /**
           * @undocumented 
-          * @uiType boolean
+          * @uiType object
          */
-        "includeCookies"?: boolean;
+        "demoData"?: DemoData<PortalLoginViewProps>;
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * @uiName Email field label
          */
-        "includeName"?: boolean;
+        "emailLabel"?: string;
         /**
-          * Display this message when the given email is invalid.
-          * @uiName Invalid email message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Forgot password text
          */
-        "invalidEmailErrorMessage"?: string;
+        "forgotPasswordLabel"?: string;
         /**
-          * @uiName Last name field label
+          * Redirect participants to this page to reset their password
+          * @uiName Forgot password redirect
+          * @uiWidget pageSelect
          */
-        "lastNameLabel"?: string;
+        "forgotPasswordPath"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
-          * @uiName Network error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * Redirect participants to this page after they successfully login.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "networkErrorMessage"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Heading label
+          * @uiWidget textArea
          */
-        "paddingBottom"?: string;
+        "pageLabel"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Password field label
          */
-        "paddingLeft"?: string;
+        "passwordLabel"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Register button text
          */
-        "paddingRight"?: string;
+        "registerLabel"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page to start registration.
+          * @uiName Register button redirect
+          * @uiWidget pageSelect
          */
-        "paddingTop"?: string;
+        "registerPath"?: string;
         /**
-          * @uiName Register button text
+          * @uiName Submit button text
          */
-        "registerLabel"?: string;
+        "submitLabel"?: string;
+    }
+    interface SqmPortalLogout {
         /**
-          * Display this message when a required field has not been filled out.
-          * @uiName Required field message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * Redirect participants to this page when they log out.
+          * @uiName Logout redirect path
+          * @uiWidget pageSelect
          */
-        "requiredFieldErrorMessage"?: string;
+        "nextPage"?: string;
     }
-    interface SqmLeaderboard {
+    interface SqmPortalProfile {
         /**
-          * Title displayed for users without names
-          * @uiName Unknown user text
+          * @uiName Country field label
          */
-        "anonymousUser"?: string;
+        "countrytext"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<LeaderboardViewProps>;
+        "demoData"?: DemoData<PortalProfileViewProps>;
         /**
-          * Hide the viewer's leaderboard row if not in the top results.
-          * @uiName Hide viewing user
-          * @default
+          * @uiName Edit profile header
          */
-        "hideViewer"?: boolean;
+        "editProfileHeader"?: string;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiName Edit profile sub header
          */
-        "interval"?: string;
+        "editProfileSubHeader"?: string;
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * @uiName Email field label
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "emailtext"?: string;
         /**
-          * Control the maximum amount of rows displayed on the leaderboard.
-          * @uiName Maximum rows number
+          * @uiName First name label
          */
-        "maxRows"?: number;
+        "firstnametext"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * @uiName Hide country field
          */
-        "programId"?: string;
+        "hideCountry"?: boolean;
         /**
-          * @uiName Rank type
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * @uiName Last name field label
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "lastnametext"?: string;
         /**
-          * @uiName Rank column heading
+          * @uiName Submit changes button text
          */
-        "rankheading"?: string;
+        "submitChangeButtonText"?: string;
+    }
+    interface SqmPortalProtectedRoute {
         /**
-          * @uiName Show leaderboard rank
+          * Redirect participants to this page they are not logged in.
+          * @uiName Unauthenticated participant redirect
          */
-        "showRank"?: boolean;
+        "redirectTo"?: string;
         /**
-          * @uiName Stats column heading
+          * Redirect participants to this page when email verification is required but they have not verified their email.
+          * @uiName Unverified participant redirect
          */
-        "statsheading"?: string;
+        "redirectToUnverified"?: string;
         /**
-          * @uiName User column heading
+          * @uiName Require email verification
          */
-        "usersheading"?: string;
+        "requireEmailVerification"?: boolean;
     }
-    interface SqmLeaderboardRank {
+    interface SqmPortalRegister {
+        /**
+          * @uiName Show confirm password field
+         */
+        "confirmPassword"?: boolean;
+        /**
+          * @uiName Confirm password field label
+         */
+        "confirmPasswordLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<LeaderboardRankViewProps>;
+        "demoData"?: DemoData<PortalRegisterViewProps>;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiName Disable password validation
          */
-        "interval"?: string;
+        "disablePasswordValidation"?: boolean;
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * @uiName Email field label
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "emailLabel"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "programId"?: string;
+        "hideInputs"?: boolean;
         /**
-          * @uiName Rank text
+          * The message to be displayed when the email used is invalid or blocked.
+          * @uiName Invalid email message
           * @uiWidget textArea
          */
-        "rankText"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * @uiName Default rank
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * @uiName Login button text
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "loginLabel"?: string;
         /**
-          * @uiName Unranked text
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "unrankedText"?: string;
-    }
-    interface SqmLinkButton {
+        "loginPath"?: string;
         /**
-          * @uiName Button text
-          * @uiType string
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
          */
-        "buttonText"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * Enter the URL where you want your participants redirected. Example: https://www.example.com
-          * @required 
-          * @uiName Link
+          * Redirect participants to this page from their verification email
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "link"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Open link in new tab
+          * @uiName Header text
          */
-        "openInNewTab"?: boolean;
-    }
-    interface SqmLogoutCurrentUser {
+        "pageLabel"?: string;
         /**
-          * @required 
-          * @uiName Switch user button link
+          * @uiName Password field label
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "passwordLabel"?: string;
+        /**
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
+          * @uiWidget textArea
+         */
+        "passwordMismatchErrorMessage"?: string;
+        /**
+          * The page that participants are redirected to from the verification email.
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
+         */
+        "redirectPath"?: string;
+        /**
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
+         */
+        "requiredFieldErrorMessage"?: string;
+        /**
+          * @uiName Submit button text
+         */
+        "submitLabel"?: string;
+    }
+    interface SqmPortalRegistrationForm {
         /**
-          * @required 
-          * @uiName Switch user button label
+          * @uiName Show confirm password field
          */
-        "switchUserText"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * @required 
-          * @uiName User identification text
+          * @uiName Confirm password field label
          */
-        "userIdentificationText"?: string;
-    }
-    interface SqmNameFields {
+        "confirmPasswordLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<NameFieldsViewProps>;
-        /**
-          * @uiName First name label
-         */
-        "firstNameLabel"?: string;
+        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
         /**
-          * @uiName Last name label
+          * @uiName Disable password validation
          */
-        "lastNameLabel"?: string;
-    }
-    interface SqmNavigationMenu {
+        "disablePasswordValidation"?: boolean;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Email field label
          */
-        "demoData"?: DemoData<NavigationMenuViewProps>;
+        "emailLabel"?: string;
         /**
-          * @uiName Include dropdown menu
+          * The message to be displayed when the registration form is disabled.
+          * @uiName Form disabled message
+          * @uiWidget textArea
          */
-        "includeDropdown"?: boolean;
+        "formDisabledErrorMessage"?: string;
         /**
-          * Label on the header menu
-          * @uiName Menu label
+          * The key of the registration form used for this microsite.
+          * @uiName Form key
+          * @required
          */
-        "menuLabel"?: string;
-    }
-    interface SqmNavigationSidebar {
-    }
-    interface SqmNavigationSidebarItem {
+        "formKey"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
+        "hideInputs"?: boolean;
         /**
-          * Options available at https://shoelace.style/components/icon
-          * @uiName Icon
+          * The message to be displayed when the email used is invalid or blocked.
+          * @uiName Invalid email message
+          * @uiWidget textArea
          */
-        "icon"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * @uiName Label
+          * @uiName Login button text
          */
-        "label"?: string;
+        "loginLabel"?: string;
         /**
-          * @uiName Navigation path
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
           * @uiWidget pageSelect
          */
-        "path"?: string;
-    }
-    interface SqmPasswordField {
+        "loginPath"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
          */
-        "demoData"?: PasswordFieldViewDemoProps;
+        "networkErrorMessage"?: string;
         /**
-          * Disable live password validation
-          * @uiName Disable validation
+          * Redirect participants to this page after they successfully register.
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "disableValidation"?: boolean;
+        "nextPage"?: string;
         /**
-          * Label for password field
-          * @uiName Password label
+          * @uiName Header text
          */
-        "fieldLabel"?: string;
-    }
-    interface SqmPopupContainer {
+        "pageLabel"?: string;
         /**
-          * Display a close button on the popup
-          * @uiName Show close button
+          * @uiName Password field label
          */
-        "closeButton"?: boolean;
+        "passwordLabel"?: string;
         /**
-          * Text inside the close button
-          * @uiName Close button text
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
+          * @uiWidget textArea
          */
-        "closeButtonText"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * Specify padding on the popup contents when in embedded mode
-          * @uiName Embed padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * Redirect participants to this page from their verification email
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "embedPadding"?: "none" | "small" | "medium" | "large";
+        "redirectPath"?: string;
         /**
-          * Specify padding on the popup contents when in popup mode
-          * @uiName Popup padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
+          * @uiWidget textArea
          */
-        "popupPadding"?: "none" | "small" | "medium" | "large";
+        "requiredFieldErrorMessage"?: string;
         /**
-          * Show Powered with SaaSquatch by Impact.com link
-          * @uiName Show powered by
+          * @uiName Submit button text
          */
-        "poweredBy"?: boolean;
+        "submitLabel"?: string;
     }
-    interface SqmPortalChangePassword {
+    interface SqmPortalResetPassword {
         /**
-          * Found in modal
-          * @uiName Cancel button text
+          * @uiName Show confirm password field
          */
-        "cancelText"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * Found in modal
-          * @uiName Change password button text
+          * @uiName Password confirmation field label
          */
-        "changePasswordButtonText"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * Found in modal
-          * @uiName Confirm password Label
+          * Button text displayed after a successful password reset.
+          * @uiName Continue button text
          */
-        "confirmPasswordFieldLabel"?: string;
+        "continueButtonText"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalChangePasswordViewProps>;
-        /**
-          * @uiName Change password modal header
-         */
-        "modalChangePasswordHeader"?: string;
+        "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
-          * Found in modal
-          * @uiName New password field label
+          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
+          * @uiName Failed reset redirect
+          * @uiWidget pageSelect
          */
-        "passwordFieldLabel"?: string;
+        "failedPage"?: string;
         /**
-          * @uiName Change password button text
+          * Redirect participants to this page when they successfully reset their password.
+          * @uiName Successful reset redirect
+          * @uiWidget pageSelect
          */
-        "portalChangePasswordButtonText"?: string;
+        "nextPage"?: string;
         /**
-          * Portal change password section header
-          * @uiName Change password header
+          * @uiName Password field label
          */
-        "portalChangePasswordHeader"?: string;
+        "passwordFieldLabel"?: string;
         /**
-          * Successful password change message
-          * @uiName Successful password change message
+          * Displayed after a successful password reset.
+          * @uiName Successful password reset text
           * @uiWidget textArea
          */
-        "successMessage"?: string;
-    }
-    interface SqmPortalContainer {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
-         */
-        "backgroundColor"?: string;
-        /**
-          * @uiName Center content
-         */
-        "center"?: boolean;
+        "passwordResetHeader"?: string;
         /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
+          * @uiName Password reset button text
          */
-        "direction"?: "row" | "column";
+        "resetPasswordButtonText"?: string;
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * @uiName Reset password header text
          */
-        "display"?: "grid" | "flex";
+        "resetPasswordHeader"?: string;
+    }
+    interface SqmPortalVerifyEmail {
         /**
-          * @uiName Gap
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @undocumented 
+          * @uiType object
          */
-        "gap"?: Spacing;
+        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
-          * Define how this container distributes its contents along the main-axis.
-          * @uiName Justify content
-          * @uiType string
-          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
-          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
+          * Redirect participants to this page if verification fails due to an outdated verification attempt.
+          * @uiName Failed verification redirect
+          * @uiWidget pageSelect
          */
-        "justifyContent"?: | "start"
-    | "center"
-    | "end"
-    | "space-between"
-    | "space-around"
-    | "space-evenly";
+        "failedPage"?: string;
         /**
-          * @uiName Maximum width
+          * Redirect participants to this page when they successfully verify their email.
+          * @uiName Successful verification redirect
+          * @uiWidget pageSelect
          */
-        "maxWidth"?: string;
+        "nextPage"?: string;
+    }
+    interface SqmProgramExplainer {
         /**
-          * @uiName Minimum width
+          * @uiName Header background color
+          * @uiWidget color
+          * @format color
          */
-        "minWidth"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Header text
          */
-        "padding"?: Spacing;
-    }
-    interface SqmPortalEmailVerification {
+        "header"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Header text color
+          * @uiWidget color
+          * @format color
          */
-        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
+        "textColor"?: string;
+    }
+    interface SqmProgramExplainerStep {
         /**
-          * @uiName Email verification header text
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "emailVerificationHeader"?: string;
+        "backgroundColor"?: string;
         /**
-          * Redirect participants to this page from their verification email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @uiName Description
+          * @uiWidget textArea
          */
-        "redirectPath"?: string;
+        "description"?: string;
         /**
-          * @uiName Re-send email button text
+          * @uiName Title
          */
-        "resendEmailButtonText"?: string;
+        "header"?: string;
         /**
-          * @uiName Email verification checking text
-          * @uiWidget textArea
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "verificationLoadingMessage"?: string;
+        "icon"?: string;
         /**
-          * @uiName Email verification status text
-          * @uiWidget textArea
+          * Displayed in place of an icon
+          * @uiName Image URL
+          * @uiWidget imageUpload
+          * @format url
          */
-        "verificationStatusMessage"?: string;
+        "imageUrl"?: string;
         /**
-          * @uiName Email verification body text
-          * @uiWidget textArea
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "verifyMessage"?: string;
+        "textColor"?: string;
     }
-    interface SqmPortalFooter {
-        /**
-          * @uiName FAQ link
-         */
-        "faqLink"?: string;
+    interface SqmProgramMenu {
+    }
+    interface SqmReferralCard {
         /**
-          * @uiName FAQ text
+          * @uiName Background color
+          * @uiWidget color
+          * @uiType string
          */
-        "faqText"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Hide powered with SaaSquatch by Impact.com
+          * @uiName Hide border
+          * @uiType boolean
          */
-        "hidePoweredBy"?: boolean;
+        "hideBorder"?: boolean;
         /**
-          * @uiName Hide support message
+          * @uiName Limit width
+          * @uiType boolean
          */
-        "hideSupportText"?: boolean;
+        "limitWidth"?: boolean;
         /**
           * @uiName Bottom padding
           * @uiGroup Padding
@@ -6001,1676 +7143,1749 @@ declare namespace LocalJSX {
          */
         "paddingTop"?: string;
         /**
-          * @uiName Powered By link
+          * @uiName Vertical alignment
+          * @uiType string
+          * @uiEnum ["start", "center", "end"]
+          * @uiEnumNames ["Top", "Center", "Bottom"]
          */
-        "poweredByLink"?: string;
+        "verticalAlignment"?: "start" | "center" | "end";
+    }
+    interface SqmReferralIframe {
         /**
-          * @uiName Support email
+          * @undocumented 
+          * @uiType object
          */
-        "supportEmail"?: string;
+        "demoData"?: DemoData<ReferralIframeViewProps>;
         /**
-          * @uiName Support message
-          * @uiWidget textArea
+          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame height
          */
-        "supportText"?: string;
+        "iframeHeight"?: string;
         /**
-          * @uiName Terms and conditions link
+          * URL of iframe to display
+          * @uiName IFrame source
+          * @required
          */
-        "termsLink"?: string;
+        "iframeSrc"?: string;
         /**
-          * @uiName Terms and conditions text
+          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame width
          */
-        "termsText"?: string;
+        "iframeWidth"?: string;
     }
-    interface SqmPortalForgotPassword {
+    interface SqmReferralTable {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * @uiName Email field label
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Hidden mobile columns
          */
-        "emailLabel"?: string;
+        "hiddenColumns"?: string;
         /**
-          * @uiName Header text
-          * @uiWidget textArea
+          * @uiName Hide column labels
          */
-        "headerText"?: string;
+        "hideLabels"?: boolean;
         /**
-          * @uiName Login redirect path
-          * @uiWidget pageSelect
+          * @uiName Tablet breakpoint
          */
-        "loginPath"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * Sign in link text
+          * @uiName View More button text
          */
-        "loginText"?: string;
+        "moreLabel"?: string;
         /**
-          * Redirect participants to this page after they verify their email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * Number of referrals displayed per page
+          * @uiName Referrals per page
          */
-        "redirectPath"?: string;
+        "perPage"?: number;
         /**
-          * @uiName Password reset button text
+          * @uiName Previous button text
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalFrame {
+        "prevLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "demoData"?: DemoData<PortalFrameViewProps>;
+        "programId"?: string;
         /**
-          * @undocumented
+          * Show referred by user in table
+          * @uiName Show referrer
+          * @default
          */
-        "notFullScreen"?: boolean;
+        "showReferrer"?: boolean;
+        /**
+          * @uiName Mobile breakpoint
+         */
+        "smBreakpoint"?: number;
     }
-    interface SqmPortalLogin {
+    interface SqmReferralTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmReferralTableColumn {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Column title
          */
-        "demoData"?: DemoData<PortalLoginViewProps>;
+        "columnTitle"?: string;
+    }
+    interface SqmReferralTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmReferralTableDateColumn {
         /**
-          * @uiName Email field label
+          * @uiName Date column title
          */
-        "emailLabel"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiName Forgot password text
+          * @uiName Date displayed
+          * @uiType string
+          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
+          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
          */
-        "forgotPasswordLabel"?: string;
+        "dateShown"?: ReferralDates;
+    }
+    interface SqmReferralTableRewardsCell {
+        "deniedHelpText"?: string;
+        "expiringText"?: string;
+        "fuelTankText"?: string;
+        "hideDetails"?: boolean;
+        "locale"?: string;
+        "pendingForText"?: string;
+        "rewardReceivedText"?: string;
+        "rewards"?: Reward[];
+        "statusLongText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableRewardsColumn {
         /**
-          * Redirect participants to this page to reset their password
-          * @uiName Forgot password redirect
-          * @uiWidget pageSelect
+          * @uiName Reward column title
          */
-        "forgotPasswordPath"?: string;
+        "columnTitle"?: string;
         /**
-          * Redirect participants to this page after they successfully login.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * Shown in the dropdown details when a reward was denied.
+          * @uiName Reward denied help text
          */
-        "nextPage"?: string;
+        "deniedHelpText"?: string;
         /**
-          * @uiName Heading label
-          * @uiWidget textArea
+          * Shown in the dropdown details when a reward has an expiry date.
+          * @uiName Reward expiring text
          */
-        "pageLabel"?: string;
+        "expiringText"?: string;
         /**
-          * @uiName Password field label
+          * Shown in the dropdown details when a reward has an associated fuel tank code.
+          * @uiName Fuel tank code text
          */
-        "passwordLabel"?: string;
+        "fuelTankText"?: string;
         /**
-          * @uiName Register button text
+          * @uiName Hide dropdown details of reward
+          * @default
          */
-        "registerLabel"?: string;
+        "hideDetails"?: boolean;
         /**
-          * Redirect participants to this page to start registration.
-          * @uiName Register button redirect
-          * @uiWidget pageSelect
+          * Shown in the dropdown details when a reward is pending.
+          * @uiName Reward pending text
          */
-        "registerPath"?: string;
+        "pendingForText"?: string;
         /**
-          * @uiName Submit button text
+          * Shown in the dropdown details when a reward has been received.’
+          * @uiName Reward received text
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalLogout {
+        "rewardReceivedText"?: string;
         /**
-          * Redirect participants to this page when they log out.
-          * @uiName Logout redirect path
-          * @uiWidget pageSelect
+          * Additional status text shown in the details drop down.
+          * @uiName Reward status long text
+          * @uiWidget textArea
          */
-        "nextPage"?: string;
+        "statusLongText"?: string;
+        /**
+          * Text shown in the reward status badge.
+          * @uiName Reward status text
+          * @uiWidget textArea
+         */
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusCell {
+        "converted"?: boolean;
+        "fraudStatus"?: FraudStatus;
+        "statusSubText"?: string;
+        "statusText"?: string;
     }
-    interface SqmPortalProfile {
+    interface SqmReferralTableStatusColumn {
         /**
-          * @uiName Country field label
+          * @uiName Column title
          */
-        "countrytext"?: string;
+        "columnTitle"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Converted status text
          */
-        "demoData"?: DemoData<PortalProfileViewProps>;
+        "convertedStatusText"?: string;
         /**
-          * @uiName Edit profile header
+          * @uiName Denied status sub-text
          */
-        "editProfileHeader"?: string;
+        "deniedStatusSubText"?: string;
         /**
-          * @uiName Edit profile sub header
+          * @uiName Denied status text
          */
-        "editProfileSubHeader"?: string;
+        "deniedStatusText"?: string;
         /**
-          * @uiName Email field label
+          * @uiName In progress status text
          */
-        "emailtext"?: string;
+        "inProgressStatusText"?: string;
         /**
-          * @uiName First name label
+          * @uiName Pending review status sub-text
          */
-        "firstnametext"?: string;
+        "pendingReviewStatusSubText"?: string;
         /**
-          * @uiName Hide country field
+          * @uiName Pending review status text
          */
-        "hideCountry"?: boolean;
+        "pendingReviewStatusText"?: string;
+    }
+    interface SqmReferralTableUserCell {
+        "name"?: string;
+    }
+    interface SqmReferralTableUserColumn {
         /**
-          * @uiName Last name field label
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "lastnametext"?: string;
+        "anonymousUser"?: string;
         /**
-          * @uiName Submit changes button text
+          * @uiName User column title
          */
-        "submitChangeButtonText"?: string;
+        "columnTitle"?: string;
+        /**
+          * Name displayed for deleted users
+          * @uiName Deleted user text
+         */
+        "deletedUser"?: string;
     }
-    interface SqmPortalProtectedRoute {
+    interface SqmReferredRegistration {
         /**
-          * Redirect participants to this page they are not logged in.
-          * @uiName Unauthenticated participant redirect
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "redirectTo"?: string;
+        "backgroundColor"?: string;
         /**
-          * Redirect participants to this page when email verification is required but they have not verified their email.
-          * @uiName Unverified participant redirect
+          * @undocumented 
+          * @uiType object
          */
-        "redirectToUnverified"?: string;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * @uiName Require email verification
+          * @uiName Email field label
          */
-        "requireEmailVerification"?: boolean;
-    }
-    interface SqmPortalRegister {
+        "emailLabel"?: string;
         /**
-          * @uiName Show confirm password field
+          * @uiName First name field label
          */
-        "confirmPassword"?: boolean;
+        "firstNameLabel"?: string;
         /**
-          * @uiName Confirm password field label
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "confirmPasswordLabel"?: string;
+        "fraudErrorMessage"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message title
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "demoData"?: DemoData<PortalRegisterViewProps>;
+        "fraudErrorMessageTitle"?: string;
         /**
-          * @uiName Disable password validation
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "disablePasswordValidation"?: boolean;
+        "hideBorder"?: boolean;
         /**
-          * @uiName Email field label
+          * @undocumented 
+          * @uiType boolean
          */
-        "emailLabel"?: string;
+        "includeCookies"?: boolean;
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "hideInputs"?: boolean;
+        "includeName"?: boolean;
         /**
-          * The message to be displayed when the email used is invalid or blocked.
+          * Display this message when the given email is invalid.
           * @uiName Invalid email message
           * @uiWidget textArea
+          * @uiGroup Error messages
          */
         "invalidEmailErrorMessage"?: string;
         /**
-          * @uiName Login button text
-         */
-        "loginLabel"?: string;
-        /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * @uiName Last name field label
          */
-        "loginPath"?: string;
+        "lastNameLabel"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
+          * Display this message when the form submission unexpectedly fails.
           * @uiName Network error message
           * @uiWidget textArea
+          * @uiGroup Error messages
          */
         "networkErrorMessage"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "nextPage"?: string;
+        "paddingBottom"?: string;
         /**
-          * @uiName Header text
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "pageLabel"?: string;
+        "paddingLeft"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "passwordLabel"?: string;
+        "paddingRight"?: string;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "passwordMismatchErrorMessage"?: string;
+        "paddingTop"?: string;
         /**
-          * The page that participants are redirected to from the verification email.
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * @uiName Register button text
          */
-        "redirectPath"?: string;
+        "registerLabel"?: string;
         /**
-          * The message to be displayed when a required field is not filled.
+          * Display this message when a required field has not been filled out.
           * @uiName Required field message
           * @uiWidget textArea
+          * @uiGroup Error messages
          */
         "requiredFieldErrorMessage"?: string;
-        /**
-          * @uiName Submit button text
-         */
-        "submitLabel"?: string;
     }
-    interface SqmPortalRegistrationForm {
-        /**
-          * @uiName Show confirm password field
-         */
-        "confirmPassword"?: boolean;
+    interface SqmRewardExchangeList {
         /**
-          * @uiName Confirm password field label
+          * @uiName Back button text
          */
-        "confirmPasswordLabel"?: string;
+        "backText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Cancel button text
          */
-        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
+        "cancelText"?: string;
         /**
-          * @uiName Disable password validation
+          * @uiName Choose amount progress title
          */
-        "disablePasswordValidation"?: boolean;
+        "chooseAmountTitle"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Choose reward progress title
          */
-        "emailLabel"?: string;
+        "chooseRewardTitle"?: string;
         /**
-          * The message to be displayed when the registration form is disabled.
-          * @uiName Form disabled message
-          * @uiWidget textArea
+          * @uiName Confirmation progress title
          */
-        "formDisabledErrorMessage"?: string;
+        "confirmationTitle"?: string;
         /**
-          * The key of the registration form used for this microsite.
-          * @uiName Form key
-          * @required
+          * @uiName Continue button text
          */
-        "formKey"?: string;
+        "continueText"?: string;
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * Displayed on the reward selection page.
+          * @uiName Continue to confirmation button text
          */
-        "hideInputs"?: boolean;
+        "continueToConfirmationText"?: string;
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
-          * @uiWidget textArea
+          * Shown in the confirmation state.
+          * @uiName Cost row title
          */
-        "invalidEmailErrorMessage"?: string;
+        "costTitle"?: string;
         /**
-          * @uiName Login button text
+          * @undocumented 
+          * @uiType object
          */
-        "loginLabel"?: string;
+        "demoData"?: DemoData<RewardExchangeViewProps>;
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * @uiName Done text
          */
-        "loginPath"?: string;
+        "doneText"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
+          * Error message shown when reward is not available
+          * @uiName Not available error
           * @uiWidget textArea
          */
-        "networkErrorMessage"?: string;
-        /**
-          * Redirect participants to this page after they successfully register.
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
-         */
-        "nextPage"?: string;
-        /**
-          * @uiName Header text
-         */
-        "pageLabel"?: string;
-        /**
-          * @uiName Password field label
-         */
-        "passwordLabel"?: string;
+        "notAvailableError"?: string;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
+          * @uiName Not enough error message
           * @uiWidget textArea
          */
-        "passwordMismatchErrorMessage"?: string;
+        "notEnoughError"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * @uiName Promo code text
          */
-        "redirectPath"?: string;
+        "promoCode"?: string;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
+          * Shown if an error occurs when loading the reward exchange.
+          * @uiName Reward list error message
           * @uiWidget textArea
          */
-        "requiredFieldErrorMessage"?: string;
+        "queryError"?: string;
         /**
-          * @uiName Submit button text
+          * @uiName Redeem button text
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalResetPassword {
+        "redeemText"?: string;
         /**
-          * @uiName Show confirm password field
+          * Displayed as the header for the confirmation page.
+          * @uiName Confirmation title text
          */
-        "confirmPassword"?: boolean;
+        "redeemTitle"?: string;
         /**
-          * @uiName Password confirmation field label
+          * Shown if an error occurs during the reward exchange.
+          * @uiName Redemption error message
+          * @uiWidget textArea
          */
-        "confirmPasswordFieldLabel"?: string;
+        "redemptionError"?: string;
         /**
-          * Button text displayed after a successful password reset.
-          * @uiName Continue button text
+          * Displayed on the success screen when a user successfully exchanges for a reward.
+          * @uiName Redemption success message
+          * @uiWidget textArea
          */
-        "continueButtonText"?: string;
+        "redemptionSuccessText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Shown in the confirmation state.
+          * @uiName Reward amount row title
          */
-        "demoData"?: DemoData<PortalResetPasswordViewProps>;
+        "rewardAmountTitle"?: string;
         /**
-          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
-          * @uiName Failed reset redirect
-          * @uiWidget pageSelect
+          * Shown in the confirmation state.
+          * @uiName Reward row title
          */
-        "failedPage"?: string;
+        "rewardNameTitle"?: string;
         /**
-          * Redirect participants to this page when they successfully reset their password.
-          * @uiName Successful reset redirect
-          * @uiWidget pageSelect
+          * @uiName Reward redeemed text
          */
-        "nextPage"?: string;
+        "rewardRedeemedText"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Reward title text
          */
-        "passwordFieldLabel"?: string;
+        "rewardTitle"?: string;
         /**
-          * Displayed after a successful password reset.
-          * @uiName Successful password reset text
+          * @uiName Select amount text
           * @uiWidget textArea
          */
-        "passwordResetHeader"?: string;
+        "selectText"?: string;
         /**
-          * @uiName Password reset button text
+          * Set the number of placeholder cards to be shown in loading state.
+          * @uiName Loading cards
          */
-        "resetPasswordButtonText"?: string;
+        "skeletonCardNum"?: number;
         /**
-          * @uiName Reset password header text
+          * Displayed on the reward exchange cards.
+          * @uiName Reward exchange amount text
+          * @uiWidget textArea
          */
-        "resetPasswordHeader"?: string;
+        "sourceAmountMessage"?: string;
+        /**
+          * Shown when a user copies a fuel tank code
+          * @uiName Tooltip text
+         */
+        "tooltipText"?: string;
     }
-    interface SqmPortalVerifyEmail {
+    interface SqmRewardsTable {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * Redirect participants to this page if verification fails due to an outdated verification attempt.
-          * @uiName Failed verification redirect
-          * @uiWidget pageSelect
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Mobile hidden columns
          */
-        "failedPage"?: string;
+        "hiddenColumns"?: string;
         /**
-          * Redirect participants to this page when they successfully verify their email.
-          * @uiName Successful verification redirect
-          * @uiWidget pageSelect
+          * @uiName Hide column labels
          */
-        "nextPage"?: string;
-    }
-    interface SqmProgramExplainer {
+        "hideLabels"?: boolean;
         /**
-          * @uiName Header background color
-          * @uiWidget color
-          * @format color
+          * @uiName Tablet breakpoint
          */
-        "backgroundColor"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * @uiName Header text
+          * @uiName View more button text
          */
-        "header"?: string;
+        "moreLabel"?: string;
         /**
-          * @uiName Header text color
-          * @uiWidget color
-          * @format color
+          * @uiName Rewards per page
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramExplainerStep {
+        "perPage"?: number;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * @uiName Previous button text
          */
-        "backgroundColor"?: string;
+        "prevLabel"?: string;
         /**
-          * @uiName Description
-          * @uiWidget textArea
+          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "description"?: string;
+        "programId"?: string;
         /**
-          * @uiName Title
+          * @uiName Mobile breakpoint
          */
-        "header"?: string;
+        "smBreakpoint"?: number;
+    }
+    interface SqmRewardsTableCustomerNoteCell {
+        "locale"?: string;
+        "note"?: string;
+    }
+    interface SqmRewardsTableCustomerNoteColumn {
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * @uiName Column title
          */
-        "icon"?: string;
+        "columnTitle"?: string;
+    }
+    interface SqmRewardsTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmRewardsTableDateColumn {
         /**
-          * Displayed in place of an icon
-          * @uiName Image URL
-          * @uiWidget imageUpload
-          * @format url
+          * @uiName Date column title
          */
-        "imageUrl"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * @uiName Date displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
+          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
          */
-        "textColor"?: string;
+        "dateShown"?: string;
     }
-    interface SqmProgramMenu {
+    interface SqmRewardsTableRewardCell {
+        "availableText"?: string;
+        "copyText"?: string;
+        "locale"?: string;
+        "redeemedText"?: string;
+        "reward"?: Reward;
     }
-    interface SqmReferralCard {
+    interface SqmRewardsTableRewardColumn {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiType string
+          * @uiName Remaining amount text
          */
-        "backgroundColor"?: string;
+        "availableText"?: string;
         /**
-          * @uiName Hide border
-          * @uiType boolean
+          * @uiName Reward column title
          */
-        "hideBorder"?: boolean;
+        "columnTitle"?: string;
         /**
-          * @uiName Limit width
-          * @uiType boolean
+          * @uiName Copied fuel tank text
          */
-        "limitWidth"?: boolean;
+        "copyText"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Redeemed amount text
          */
-        "paddingBottom"?: string;
+        "redeemedText"?: string;
+    }
+    interface SqmRewardsTableSourceCell {
+        "anonymousUserText"?: string;
+        "deletedUserText"?: string;
+        "locale"?: string;
+        "referralText"?: string;
+        "reward"?: Reward;
+        "rewardExchangeText"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableSourceColumn {
         /**
-          * @uiName Left padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "paddingLeft"?: string;
+        "anonymousUser"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Soruce column title
          */
-        "paddingRight"?: string;
+        "columnTitle"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "paddingTop"?: string;
+        "deletedUser"?: string;
+        /**
+          * Shown when a reward has been created by a referral
+          * @uiName Referral text
+          * @uiWidget textArea
+         */
+        "referralText"?: string;
+        /**
+          * @uiName Reward exchange label
+         */
+        "rewardExchangeText"?: string;
+        /**
+          * Shown when a reward has been created by a source other than a referral.
+          * @uiName Reward source text
+          * @uiWidget textArea
+         */
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableStatusCell {
+        "deniedText"?: string;
+        "expiryText"?: string;
+        "locale"?: string;
+        "pendingReviewText"?: string;
+        "pendingScheduled"?: string;
+        "pendingUnhandled"?: string;
+        "pendingUsTax"?: string;
+        "reward"?: Reward;
+        "statusText"?: string;
+    }
+    interface SqmRewardsTableStatusColumn {
         /**
-          * @uiName Vertical alignment
-          * @uiType string
-          * @uiEnum ["start", "center", "end"]
-          * @uiEnumNames ["Top", "Center", "Bottom"]
+          * @uiName Column title
          */
-        "verticalAlignment"?: "start" | "center" | "end";
-    }
-    interface SqmReferralIframe {
+        "columnTitle"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Displayed when denied for fraud.
+          * @uiName Denied text
          */
-        "demoData"?: DemoData<ReferralIframeViewProps>;
+        "deniedText"?: string;
         /**
-          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame height
+          * Text shown before the date of an expiring reward.
+          * @uiName Expiry date prefix
          */
-        "iframeHeight"?: string;
+        "expiryText"?: string;
         /**
-          * URL of iframe to display
-          * @uiName IFrame source
-          * @required
+          * Displayed when flagged for fraud.
+          * @uiName Pending review text
          */
-        "iframeSrc"?: string;
+        "pendingReviewText"?: string;
         /**
-          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame width
+          * Text shown before the available date of a pending reward.
+          * @uiName Pending date prefix
          */
-        "iframeWidth"?: string;
-    }
-    interface SqmReferralTable {
+        "pendingScheduled"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Displayed when fulfillment error occured when creating a reward.
+          * @uiName Unhandled error text
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
+        "pendingUnhandled"?: string;
         /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Hidden mobile columns
+          * Displayed when a reward is pending due to W9 compliance.
+          * @uiName W9 pending text
          */
-        "hiddenColumns"?: string;
+        "pendingUsTax"?: string;
         /**
-          * @uiName Hide column labels
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "hideLabels"?: boolean;
+        "statusText"?: string;
+    }
+    interface SqmRoute {
         /**
-          * @uiName Tablet breakpoint
+          * Page Path URL for this route.
+          * @uiName Navigation path name
          */
-        "mdBreakpoint"?: number;
+        "path"?: string;
+    }
+    interface SqmRouter {
+    }
+    interface SqmScroll {
         /**
-          * @uiName View More button text
+          * @uiName Button text
          */
-        "moreLabel"?: string;
+        "buttonText"?: string;
         /**
-          * Number of referrals displayed per page
-          * @uiName Referrals per page
+          * @uiName Button type
+          * @uiType string
+          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
+          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
          */
-        "perPage"?: number;
+        "buttonType"?: | "default"
+    | "primary"
+    | "success"
+    | "neutral"
+    | "warning"
+    | "danger"
+    | "text";
         /**
-          * @uiName Previous button text
+          * Draws a circle button.
+          * @uiName Circle
          */
-        "prevLabel"?: string;
+        "circle"?: boolean;
         /**
-          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
-          * @uiName Program
-          * @uiWidget programSelector
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "programId"?: string;
+        "iconName"?: string;
         /**
-          * Show referred by user in table
-          * @uiName Show referrer
-          * @default
+          * @uiName Icon slot
+          * @uiType string
+          * @uiEnum ["prefix", "suffix"]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "showReferrer"?: boolean;
+        "iconSlot"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * The button becomes full width if the screen size is smaller than 500px
+          * @uiName Full width on mobile
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmReferralTableCell {
-        "innerTemplate"?: string;
-    }
-    interface SqmReferralTableColumn {
+        "mobile"?: boolean;
         /**
-          * @uiName Column title
+          * Draws an outlined button.
+          * @uiName Outline
          */
-        "columnTitle"?: string;
-    }
-    interface SqmReferralTableDateCell {
-        "date"?: number;
-        "locale"?: string;
-    }
-    interface SqmReferralTableDateColumn {
+        "outline"?: boolean;
         /**
-          * @uiName Date column title
+          * Draws a pill-style button with rounded edges.
+          * @uiName Pill
          */
-        "columnTitle"?: string;
+        "pill"?: boolean;
         /**
-          * @uiName Date displayed
+          * @uiName Scroll animation style
           * @uiType string
-          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
-          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
+          * @uiEnum ["smooth", "auto"]
+          * @uiEnumNames ["Smooth", "Auto"]
          */
-        "dateShown"?: ReferralDates;
-    }
-    interface SqmReferralTableRewardsCell {
-        "deniedHelpText"?: string;
-        "expiringText"?: string;
-        "fuelTankText"?: string;
-        "hideDetails"?: boolean;
-        "locale"?: string;
-        "pendingForText"?: string;
-        "rewardReceivedText"?: string;
-        "rewards"?: Reward[];
-        "statusLongText"?: string;
-        "statusText"?: string;
-    }
-    interface SqmReferralTableRewardsColumn {
+        "scrollAnimation"?: "smooth" | "auto";
         /**
-          * @uiName Reward column title
+          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
+          * @uiName Scroll ID
          */
-        "columnTitle"?: string;
+        "scrollId"?: string;
         /**
-          * Shown in the dropdown details when a reward was denied.
-          * @uiName Reward denied help text
+          * The name of the HTML tag you would like to scroll to. E.g referral-table
+          * @uiName Scroll tag name
          */
-        "deniedHelpText"?: string;
+        "scrollTagName"?: string;
         /**
-          * Shown in the dropdown details when a reward has an expiry date.
-          * @uiName Reward expiring text
+          * @uiName Size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large"]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "expiringText"?: string;
+        "size"?: string;
+    }
+    interface SqmShareButton {
         /**
-          * Shown in the dropdown details when a reward has an associated fuel tank code.
-          * @uiName Fuel tank code text
+          * @uiName Button background color
+          * @uiWidget color
+          * @format color
          */
-        "fuelTankText"?: string;
+        "backgroundcolor"?: string;
         /**
-          * @uiName Hide dropdown details of reward
-          * @default
+          * Configure border radius with pixel amount
+          * @uiName Border radius
          */
-        "hideDetails"?: boolean;
+        "borderradius"?: number;
         /**
-          * Shown in the dropdown details when a reward is pending.
-          * @uiName Reward pending text
+          * @undocumented 
+          * @uiType object
          */
-        "pendingForText"?: string;
+        "demoData"?: DemoData<ShareButtonViewProps>;
         /**
-          * Shown in the dropdown details when a reward has been received.’
-          * @uiName Reward received text
+          * @uiName Disabled
          */
-        "rewardReceivedText"?: string;
+        "disabled"?: boolean;
         /**
-          * Additional status text shown in the details drop down.
-          * @uiName Reward status long text
-          * @uiWidget textArea
+          * @uiName Hide icon
+          * @default
          */
-        "statusLongText"?: string;
+        "hideicon"?: boolean;
         /**
-          * Text shown in the reward status badge.
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * @uiName Hide text
+          * @default
          */
-        "statusText"?: string;
-    }
-    interface SqmReferralTableStatusCell {
-        "converted"?: boolean;
-        "fraudStatus"?: FraudStatus;
-        "statusSubText"?: string;
-        "statusText"?: string;
-    }
-    interface SqmReferralTableStatusColumn {
+        "hidetext"?: boolean;
         /**
-          * @uiName Column title
+          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
+          * @uiName Icon
          */
-        "columnTitle"?: string;
+        "icon"?: string;
         /**
-          * @uiName Converted status text
+          * @uiName Icon location
+          * @uiType string
+          * @uiEnum ["prefix", "suffix" ]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "convertedStatusText"?: string;
+        "iconslot"?: "prefix" | "suffix";
         /**
-          * @uiName Denied status sub-text
+          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
+          * @uiName Share medium
+          * @uiType string
+          * @required 
+          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
+          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
          */
-        "deniedStatusSubText"?: string;
+        "medium"?: | "facebook"
+    | "twitter"
+    | "email"
+    | "direct"
+    | "linkedin"
+    | "sms"
+    | "fbmessenger"
+    | "whatsapp"
+    | "linemessenger"
+    | "pinterest"
+    | "reminder"
+    | "unknown";
         /**
-          * @uiName Denied status text
+          * @uiName Display pill
          */
-        "deniedStatusText"?: string;
+        "pill"?: boolean;
         /**
-          * @uiName In progress status text
+          * Optional programId, or uses the programId context where this button is rendered.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "inProgressStatusText"?: string;
+        "programId"?: string;
         /**
-          * @uiName Pending review status sub-text
+          * Text used for native sharing (mobile only)
+          * @uiName Share text
          */
-        "pendingReviewStatusSubText"?: string;
+        "sharetext"?: string;
         /**
-          * @uiName Pending review status text
+          * Title used for native sharing (mobile only)
+          * @uiName Share title
          */
-        "pendingReviewStatusText"?: string;
-    }
-    interface SqmReferralTableUserCell {
-        "name"?: string;
-    }
-    interface SqmReferralTableUserColumn {
+        "sharetitle"?: string;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * @uiName Button size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large" ]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "anonymousUser"?: string;
+        "size"?: "small" | "medium" | "large";
         /**
-          * @uiName User column title
+          * @uiName Button text color
+          * @uiWidget color
+          * @format color
          */
-        "columnTitle"?: string;
+        "textcolor"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * @uiType string
+          * @uiName Button style
+          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
+          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
-        "deletedUser"?: string;
+        "type"?: | "primary"
+    | "success"
+    | "info"
+    | "warning"
+    | "danger"
+    | "default"
+    | "text";
     }
-    interface SqmReferredRegistration {
+    interface SqmShareCode {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
+          * Set the copy button style and placement
+          * @uiName Style
           * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "backgroundColor"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Copy button label
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "copyButtonLabel"?: string;
         /**
-          * @uiName Email field label
+          * @undocumented 
+          * @uiType object
          */
-        "emailLabel"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * @uiName First name field label
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "firstNameLabel"?: string;
+        "programId"?: string;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * Change the text alignment
+          * @uiName Share code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "fraudErrorMessage"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message title
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "fraudErrorMessageTitle"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "hideBorder"?: boolean;
+        "tooltiptext"?: string;
+    }
+    interface SqmShareLink {
         /**
-          * @undocumented 
-          * @uiType boolean
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "includeCookies"?: boolean;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * @uiName Copy button label
          */
-        "includeName"?: boolean;
+        "copyButtonLabel"?: string;
         /**
-          * Display this message when the given email is invalid.
-          * @uiName Invalid email message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @undocumented 
+          * @uiType object
          */
-        "invalidEmailErrorMessage"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * @uiName Last name field label
+          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "lastNameLabel"?: string;
+        "programId"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
-          * @uiName Network error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * Change the text alignment
+          * @uiName Share link alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "networkErrorMessage"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "paddingBottom"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "paddingLeft"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmStatContainer {
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "paddingRight"?: string;
+        "display"?: "grid" | "flex";
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
+          * @uiName Space between stats
+          * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingTop"?: string;
-        /**
-          * @uiName Register button text
-         */
-        "registerLabel"?: string;
-        /**
-          * Display this message when a required field has not been filled out.
-          * @uiName Required field message
-          * @uiWidget textArea
-          * @uiGroup Error messages
-         */
-        "requiredFieldErrorMessage"?: string;
+        "space"?: Spacing;
     }
-    interface SqmRewardExchangeList {
-        /**
-          * @uiName Back button text
-         */
-        "backText"?: string;
-        /**
-          * @uiName Cancel button text
-         */
-        "cancelText"?: string;
+    interface SqmStencilbook {
+    }
+    interface SqmTab {
         /**
-          * @uiName Choose amount progress title
+          * @uiName Tab title
          */
-        "chooseAmountTitle"?: string;
+        "header"?: string;
+    }
+    interface SqmTableCell {
         /**
-          * @uiName Choose reward progress title
+          * @uiName Column span
          */
-        "chooseRewardTitle"?: string;
+        "colspan"?: number;
         /**
-          * @uiName Confirmation progress title
+          * @uiName Padding
          */
-        "confirmationTitle"?: string;
+        "padding"?: string;
+    }
+    interface SqmTableRow {
         /**
-          * @uiName Continue button text
+          * @uiName Border
          */
-        "continueText"?: string;
+        "border"?: string;
+    }
+    interface SqmTabs {
         /**
-          * Displayed on the reward selection page.
-          * @uiName Continue to confirmation button text
+          * Used to specify the placement of the tabs
+          * @uiName Tabs placement
+          * @uiType string
+          * @uiEnum ["left", "right", "bottom", "top"]
+          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
          */
-        "continueToConfirmationText"?: string;
+        "placement"?: "left" | "right" | "bottom" | "top";
+    }
+    interface SqmTaskCard {
         /**
-          * Shown in the confirmation state.
-          * @uiName Cost row title
+          * @uiName Button link
+          * @uiGroup Button
          */
-        "costTitle"?: string;
+        "buttonLink"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Button text
+          * @uiGroup Button
          */
-        "demoData"?: DemoData<RewardExchangeViewProps>;
+        "buttonText"?: string;
         /**
-          * @uiName Done text
+          * @uiName Title
+          * @uiGroup Task
          */
-        "doneText"?: string;
-        /**
-          * Error message shown when reward is not available
-          * @uiName Not available error
+        "cardTitle"?: string;
+        /**
+          * Displays the amount of times that a user has completed a repeatable task.
+          * @uiName Completed count text
+          * @uiGroup Task
           * @uiWidget textArea
          */
-        "notAvailableError"?: string;
+        "completedText"?: string;
         /**
-          * @uiName Not enough error message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "notEnoughError"?: string;
+        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
-          * @uiName Promo code text
+          * @uiName Description
+          * @uiGroup Task
          */
-        "promoCode"?: string;
+        "description"?: string;
         /**
-          * Shown if an error occurs when loading the reward exchange.
-          * @uiName Reward list error message
-          * @uiWidget textArea
+          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
+          * @uiName Display duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Task
          */
-        "queryError"?: string;
+        "displayDuration"?: string;
         /**
-          * @uiName Redeem button text
+          * Shown to users after the end of the task duration.
+          * @uiName Ended date message
+          * @uiGroup Task
          */
-        "redeemText"?: string;
+        "endedMessage"?: string;
         /**
-          * Displayed as the header for the confirmation page.
-          * @uiName Confirmation title text
+          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
+          * @uiName Task card button event key
+          * @uiGroup Button
          */
-        "redeemTitle"?: string;
+        "eventKey"?: string;
         /**
-          * Shown if an error occurs during the reward exchange.
-          * @uiName Redemption error message
-          * @uiWidget textArea
+          * Displayed when a user views a task card after the reward duration interval.
+          * @uiName Expiry date message
+          * @uiGroup Task
          */
-        "redemptionError"?: string;
+        "expiryMessage"?: string;
         /**
-          * Displayed on the success screen when a user successfully exchanges for a reward.
-          * @uiName Redemption success message
-          * @uiWidget textArea
+          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
+          * @uiName Repeat amount
+          * @uiGroup Reward
          */
-        "redemptionSuccessText"?: string;
+        "finite"?: number;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward amount row title
+          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
+          * @uiName Goal completion number
+          * @uiGroup Goal
          */
-        "rewardAmountTitle"?: string;
+        "goal"?: number;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward row title
+          * @uiName Hide CTA button
+          * @uiGroup Button
          */
-        "rewardNameTitle"?: string;
+        "hideButton"?: boolean;
         /**
-          * @uiName Reward redeemed text
+          * Button link opens in new tab
+          * @uiName Open in new tab
+          * @uiGroup Button
+          * @default
          */
-        "rewardRedeemedText"?: string;
+        "openNewTab"?: boolean;
         /**
-          * @uiName Reward title text
+          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
+          * @uiName Program ID override
+          * @uiWidget programSelector
+          * @uiGroup Goal
          */
-        "rewardTitle"?: string;
+        "programId"?: string;
         /**
-          * @uiName Select amount text
-          * @uiWidget textArea
+          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
+          * @uiName Progress bar unit
+          * @uiGroup Goal
          */
-        "selectText"?: string;
+        "progressBarUnit"?: string;
         /**
-          * Set the number of placeholder cards to be shown in loading state.
-          * @uiName Loading cards
+          * @uiName Goal repeatable
+          * @uiGroup Goal
+          * @default
          */
-        "skeletonCardNum"?: number;
+        "repeatable"?: boolean;
         /**
-          * Displayed on the reward exchange cards.
-          * @uiName Reward exchange amount text
-          * @uiWidget textArea
+          * @uiName Reward amount
+          * @uiGroup Reward
          */
-        "sourceAmountMessage"?: string;
+        "rewardAmount"?: string;
         /**
-          * Shown when a user copies a fuel tank code
-          * @uiName Tooltip text
+          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
+          * @uiName Reward duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Reward
          */
-        "tooltipText"?: string;
-    }
-    interface SqmRewardsTable {
+        "rewardDuration"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Reward unit
+          * @uiGroup Reward
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
+        "rewardUnit"?: string;
         /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Mobile hidden columns
+          * @uiName Show progress bar
+          * @uiGroup Goal
+          * @default
          */
-        "hiddenColumns"?: string;
+        "showProgressBar"?: boolean;
         /**
-          * @uiName Hide column labels
+          * Shown to users before the start of the task duration.
+          * @uiName Start date message
+          * @uiGroup Task
          */
-        "hideLabels"?: boolean;
+        "startsOnMessage"?: string;
         /**
-          * @uiName Tablet breakpoint
+          * Select what type of stat to display for the goal. Manual paths are also supported.
+          * @uiName Goal progress source
+          * @required 
+          * @minLength 1
+          * @uiWidget statTypeSelectWidget
+          * @uiWidgetOptions {"version": 1.1}
+          * @uiGroup Goal
          */
-        "mdBreakpoint"?: number;
+        "statType"?: string;
         /**
-          * @uiName View more button text
+          * @uiName Progress bar steps
+          * @uiGroup Goal
+          * @default
          */
-        "moreLabel"?: string;
+        "steps"?: boolean;
+    }
+    interface SqmTaxAndCash {
         /**
-          * @uiName Rewards per page
+          * @undocumented 
+          * @uiType object
          */
-        "perPage"?: number;
+        "demoData"?: DemoData<UseTaxAndCashResultType>;
         /**
-          * @uiName Previous button text
+          * Text inside iframe when Docusign form is compelted
+          * @uiName Docusign completed text
+          * @uiGroup Step 3 Properties
          */
-        "prevLabel"?: string;
+        "docusignCompleted"?: string;
         /**
-          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
+          * @uiGroup Step 1 Properties
          */
-        "programId"?: string;
+        "step1_allowBankingCollection"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmRewardsTableCustomerNoteCell {
-        "locale"?: string;
-        "note"?: string;
-    }
-    interface SqmRewardsTableCustomerNoteColumn {
+        "step1_allowBankingCollectionError"?: string;
         /**
-          * @uiName Column title
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+          * @uiGroup Step 1 Properties
          */
-        "columnTitle"?: string;
-    }
-    interface SqmRewardsTableDateCell {
-        "date"?: number;
-        "locale"?: string;
-    }
-    interface SqmRewardsTableDateColumn {
+        "step1_businessEntity"?: string;
         /**
-          * @uiName Date column title
+          * Label text for country input
+          * @uiName Country label
+          * @uiGroup Step 1 Properties
          */
-        "columnTitle"?: string;
+        "step1_country"?: string;
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
-          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
+          * @uiGroup Step 1 Properties
          */
-        "dateShown"?: string;
-    }
-    interface SqmRewardsTableRewardCell {
-        "availableText"?: string;
-        "copyText"?: string;
-        "locale"?: string;
-        "redeemedText"?: string;
-        "reward"?: Reward;
-    }
-    interface SqmRewardsTableRewardColumn {
+        "step1_countryError"?: string;
         /**
-          * @uiName Remaining amount text
+          * Label text for currency input
+          * @uiName Currency label
+          * @uiGroup Step 1 Properties
          */
-        "availableText"?: string;
+        "step1_currency"?: string;
         /**
-          * @uiName Reward column title
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
+          * @uiGroup Step 1 Properties
          */
-        "columnTitle"?: string;
+        "step1_currencyError"?: string;
         /**
-          * @uiName Copied fuel tank text
+          * Label text for email input
+          * @uiName Email label
+          * @uiGroup Step 1 Properties
          */
-        "copyText"?: string;
+        "step1_email"?: string;
         /**
-          * @uiName Redeemed amount text
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
+          * @uiGroup Step 1 Properties
          */
-        "redeemedText"?: string;
-    }
-    interface SqmRewardsTableSourceCell {
-        "anonymousUserText"?: string;
-        "deletedUserText"?: string;
-        "locale"?: string;
-        "referralText"?: string;
-        "reward"?: Reward;
-        "rewardExchangeText"?: string;
-        "rewardSourceText"?: string;
-    }
-    interface SqmRewardsTableSourceColumn {
+        "step1_emailError"?: string;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * Label text for first name input
+          * @uiName First name label
+          * @uiGroup Step 1 Properties
          */
-        "anonymousUser"?: string;
+        "step1_firstName"?: string;
         /**
-          * @uiName Soruce column title
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
+          * @uiGroup Step 1 Properties
          */
-        "columnTitle"?: string;
+        "step1_firstNameError"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup Step 1 Properties
          */
-        "deletedUser"?: string;
+        "step1_formStep"?: string;
         /**
-          * Shown when a reward has been created by a referral
-          * @uiName Referral text
-          * @uiWidget textArea
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 1 Properties
          */
-        "referralText"?: string;
+        "step1_generalErrorDescription"?: string;
         /**
-          * @uiName Reward exchange label
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 1 Properties
          */
-        "rewardExchangeText"?: string;
+        "step1_generalErrorTitle"?: string;
         /**
-          * Shown when a reward has been created by a source other than a referral.
-          * @uiName Reward source text
-          * @uiWidget textArea
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+          * @uiGroup Step 1 Properties
          */
-        "rewardSourceText"?: string;
-    }
-    interface SqmRewardsTableStatusCell {
-        "deniedText"?: string;
-        "expiryText"?: string;
-        "locale"?: string;
-        "pendingReviewText"?: string;
-        "pendingScheduled"?: string;
-        "pendingUnhandled"?: string;
-        "pendingUsTax"?: string;
-        "reward"?: Reward;
-        "statusText"?: string;
-    }
-    interface SqmRewardsTableStatusColumn {
+        "step1_individualParticipant"?: string;
         /**
-          * @uiName Column title
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+          * @uiGroup Step 1 Properties
          */
-        "columnTitle"?: string;
+        "step1_isPartnerAlertDescription"?: string;
         /**
-          * Displayed when denied for fraud.
-          * @uiName Denied text
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+          * @uiGroup Step 1 Properties
          */
-        "deniedText"?: string;
+        "step1_isPartnerAlertHeader"?: string;
         /**
-          * Text shown before the date of an expiring reward.
-          * @uiName Expiry date prefix
+          * Label text for last name input
+          * @uiName Last name label
+          * @uiGroup Step 1 Properties
          */
-        "expiryText"?: string;
+        "step1_lastName"?: string;
         /**
-          * Displayed when flagged for fraud.
-          * @uiName Pending review text
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
+          * @uiGroup Step 1 Properties
          */
-        "pendingReviewText"?: string;
+        "step1_lastNameError"?: string;
         /**
-          * Text shown before the available date of a pending reward.
-          * @uiName Pending date prefix
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
+          * @uiGroup Step 1 Properties
          */
-        "pendingScheduled"?: string;
+        "step1_participantType"?: string;
         /**
-          * Displayed when fulfillment error occured when creating a reward.
-          * @uiName Unhandled error text
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
+          * @uiGroup Step 1 Properties
          */
-        "pendingUnhandled"?: string;
+        "step1_participantTypeError"?: string;
         /**
-          * Displayed when a reward is pending due to W9 compliance.
-          * @uiName W9 pending text
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
+          * @uiGroup Step 1 Properties
          */
-        "pendingUsTax"?: string;
+        "step1_personalInformation"?: string;
         /**
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 1 Properties
          */
-        "statusText"?: string;
-    }
-    interface SqmRoute {
+        "step1_submitButton"?: string;
         /**
-          * Page Path URL for this route.
-          * @uiName Navigation path name
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
+          * @uiGroup Step 1 Properties
          */
-        "path"?: string;
-    }
-    interface SqmRouter {
-    }
-    interface SqmScroll {
+        "step1_taxAndBankingCollection"?: string;
         /**
-          * @uiName Button text
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 2 Properties
          */
-        "buttonText"?: string;
+        "step2_backButton"?: string;
         /**
-          * @uiName Button type
-          * @uiType string
-          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
-          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Indirect tax form step text
+          * @uiGroup Step 2 Properties
          */
-        "buttonType"?: | "default"
-    | "primary"
-    | "success"
-    | "neutral"
-    | "warning"
-    | "danger"
-    | "text";
+        "step2_formStep"?: string;
         /**
-          * Draws a circle button.
-          * @uiName Circle
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 2 Properties
          */
-        "circle"?: boolean;
+        "step2_generalErrorDescription"?: string;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 2 Properties
          */
-        "iconName"?: string;
+        "step2_generalErrorTitle"?: string;
         /**
-          * @uiName Icon slot
-          * @uiType string
-          * @uiEnum ["prefix", "suffix"]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * Heading text shown at the top of the page
+          * @uiName Indirect tax heading text
+          * @uiGroup Step 2 Properties
          */
-        "iconSlot"?: string;
+        "step2_indirectTax"?: string;
         /**
-          * The button becomes full width if the screen size is smaller than 500px
-          * @uiName Full width on mobile
+          * Subtext shown at the top of the page
+          * @uiName Indirect tax sub text
+          * @uiGroup Step 2 Properties
          */
-        "mobile"?: boolean;
+        "step2_indirectTaxDescription"?: string;
         /**
-          * Draws an outlined button.
-          * @uiName Outline
+          * Heading text shown above the tax details radio buttons
+          * @uiName Indirect tax details heading
+          * @uiGroup Step 2 Properties
          */
-        "outline"?: boolean;
+        "step2_indirectTaxDetails"?: string;
         /**
-          * Draws a pill-style button with rounded edges.
-          * @uiName Pill
+          * Sub text shown above the tax details radio buttons
+          * @uiName Indirect tax details sub text
+          * @uiGroup Step 2 Properties
          */
-        "pill"?: boolean;
+        "step2_indirectTaxDetailsDescription"?: string;
         /**
-          * @uiName Scroll animation style
-          * @uiType string
-          * @uiEnum ["smooth", "auto"]
-          * @uiEnumNames ["Smooth", "Auto"]
+          * Label text for the Indirect Tax Number input
+          * @uiName Indirect Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "scrollAnimation"?: "smooth" | "auto";
+        "step2_indirectTaxNumber"?: string;
         /**
-          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
-          * @uiName Scroll ID
+          * Error text shown below the Indirect Tax Number select input
+          * @uiName Indirect Tax Number error text
+          * @uiGroup Step 2 Properties
          */
-        "scrollId"?: string;
+        "step2_indirectTaxNumberError"?: string;
         /**
-          * The name of the HTML tag you would like to scroll to. E.g referral-table
-          * @uiName Scroll tag name
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+          * @uiGroup Step 2 Properties
          */
-        "scrollTagName"?: string;
+        "step2_isPartnerAlertDescription"?: string;
         /**
-          * @uiName Size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large"]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+          * @uiGroup Step 2 Properties
          */
-        "size"?: string;
-    }
-    interface SqmShareButton {
+        "step2_isPartnerAlertHeader"?: string;
         /**
-          * @uiName Button background color
-          * @uiWidget color
-          * @format color
+          * Label text for the QST checkbox
+          * @uiName checkbox label
+          * @uiGroup Step 2 Properties
          */
-        "backgroundcolor"?: string;
+        "step2_isRegisteredQST"?: string;
         /**
-          * Configure border radius with pixel amount
-          * @uiName Border radius
+          * Label text for Income Tax checkbox
+          * @uiName Income Tax checkbox label
+          * @uiGroup Step 2 Properties
          */
-        "borderradius"?: number;
+        "step2_isRegisteredSubRegionIncomeTax"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Label text for the not registered radio button
+          * @uiName Not registered radio button label
+          * @uiGroup Step 2 Properties
+         */
+        "step2_notRegistered"?: string;
+        /**
+          * Label text for the other region radio button
+          * @uiName Other region radio button label
+          * @uiGroup Step 2 Properties
+         */
+        "step2_otherRegion"?: string;
+        /**
+          * Label text for the Province select input
+          * @uiName Province select input label
+          * @uiGroup Step 2 Properties
+         */
+        "step2_province"?: string;
+        /**
+          * Error text shown below the Selected Region select input
+          * @uiName Province error text
+          * @uiGroup Step 2 Properties
          */
-        "demoData"?: DemoData<ShareButtonViewProps>;
+        "step2_provinceError"?: string;
         /**
-          * @uiName Disabled
+          * Label text for the QST Tax Number input
+          * @uiName QST Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "disabled"?: boolean;
+        "step2_qstNumber"?: string;
         /**
-          * @uiName Hide icon
-          * @default
+          * Error text shown below the QST Tax number input
+          * @uiName QST Tax Number error text
+          * @uiGroup Step 2 Properties
          */
-        "hideicon"?: boolean;
+        "step2_qstTaxNumberError"?: string;
         /**
-          * @uiName Hide text
-          * @default
+          * Label text for the Selected Region select input
+          * @uiName Selected region select input label
+          * @uiGroup Step 2 Properties
          */
-        "hidetext"?: boolean;
+        "step2_selectedRegion"?: string;
         /**
-          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
-          * @uiName Icon
+          * Error text shown below the Selected Region select input
+          * @uiName Selected Region error text
+          * @uiGroup Step 2 Properties
          */
-        "icon"?: string;
+        "step2_selectedRegionError"?: string;
         /**
-          * @uiName Icon location
-          * @uiType string
-          * @uiEnum ["prefix", "suffix" ]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * Label text for Sub-region select
+          * @uiName for Sub-region select label
+          * @uiGroup Step 2 Properties
          */
-        "iconslot"?: "prefix" | "suffix";
+        "step2_subRegion"?: string;
         /**
-          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
-          * @uiName Share medium
-          * @uiType string
-          * @required 
-          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
-          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
+          * Error text shown below the Sub-region Income Tax number input
+          * @uiName Sub-region Income Tax error text
+          * @uiGroup Step 2 Properties
          */
-        "medium"?: | "facebook"
-    | "twitter"
-    | "email"
-    | "direct"
-    | "linkedin"
-    | "sms"
-    | "fbmessenger"
-    | "whatsapp"
-    | "linemessenger"
-    | "pinterest"
-    | "reminder"
-    | "unknown";
+        "step2_subRegionTaxNumberError"?: string;
         /**
-          * @uiName Display pill
+          * Label text for the Sub-region Income Tax Number input
+          * @uiName Sub-region income Tax Number input label
+          * @uiGroup Step 2 Properties
          */
-        "pill"?: boolean;
+        "step2_subRegionTaxNumberLabel"?: string;
         /**
-          * Optional programId, or uses the programId context where this button is rendered.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 2 Properties
          */
-        "programId"?: string;
+        "step2_submitButton"?: string;
         /**
-          * Text used for native sharing (mobile only)
-          * @uiName Share text
+          * Error text shown below the tax details radio buttons
+          * @uiName Indirect tax details error text
+          * @uiGroup Step 2 Properties
          */
-        "sharetext"?: string;
+        "step2_taxDetailsError"?: string;
         /**
-          * Title used for native sharing (mobile only)
-          * @uiName Share title
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 3 Properties
          */
-        "sharetitle"?: string;
+        "step3_backButton"?: string;
         /**
-          * @uiName Button size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large" ]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * Text shown in the banner above the document
+          * @uiName Banner text
+          * @uiGroup Step 3 Properties
          */
-        "size"?: "small" | "medium" | "large";
+        "step3_banner"?: string;
         /**
-          * @uiName Button text color
-          * @uiWidget color
-          * @format color
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
+          * @uiGroup Step 3 Properties
          */
-        "textcolor"?: string;
+        "step3_checkboxDescription"?: string;
         /**
-          * @uiType string
-          * @uiName Button style
-          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
-          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
+          * @uiGroup Step 3 Properties
          */
-        "type"?: | "primary"
-    | "success"
-    | "info"
-    | "warning"
-    | "danger"
-    | "default"
-    | "text";
-    }
-    interface SqmShareCode {
+        "step3_checkboxLabel"?: string;
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * Text shown inside iframe when Docusign form expires
+          * @uiName Expired Docusign form text
+          * @uiGroup Step 3 Properties
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "step3_docusignExpired"?: string;
         /**
-          * @uiName Copy button label
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup Step 3 Properties
          */
-        "copyButtonLabel"?: string;
+        "step3_formStep"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
+          * @uiGroup Step 3 Properties
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "step3_formSubmissionError"?: string;
         /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 3 Properties
          */
-        "programId"?: string;
+        "step3_generalErrorDescription"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 3 Properties
          */
-        "textAlign"?: "left" | "center" | "right";
+        "step3_generalErrorTitle"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 3 Properties
          */
-        "tooltiplifespan"?: number;
+        "step3_submitButton"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
+          * @uiGroup Step 3 Properties
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmShareLink {
+        "step3_taxForm"?: string;
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
+          * @uiGroup Step 3 Properties
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "step3_taxFormDescription"?: string;
         /**
-          * @uiName Copy button label
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
+          * @uiGroup Step 3 Properties
          */
-        "copyButtonLabel"?: string;
+        "step3_taxFormLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup Step 3b Properties
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "step3b_backButton"?: string;
         /**
-          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
+          * @uiGroup Step 3b Properties
          */
-        "programId"?: string;
+        "step3b_formLabel"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share link alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup Step 3b Properties
          */
-        "textAlign"?: "left" | "center" | "right";
+        "step3b_formStep"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Step 3b Properties
          */
-        "tooltiplifespan"?: number;
+        "step3b_generalErrorDescription"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Step 3b Properties
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmStatContainer {
+        "step3b_generalErrorTitle"?: string;
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * Text shown inside of submit button
+          * @uiName Submit button text
+          * @uiGroup Step 3b Properties
          */
-        "display"?: "grid" | "flex";
+        "step3b_submitButton"?: string;
         /**
-          * @uiName Space between stats
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
+          * @uiGroup Step 3b Properties
          */
-        "space"?: Spacing;
-    }
-    interface SqmStencilbook {
-    }
-    interface SqmTab {
+        "step3b_taxForm"?: string;
         /**
-          * @uiName Tab title
+          * Subtext for the W8 radio button
+          * @uiName W8 radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "header"?: string;
-    }
-    interface SqmTableCell {
+        "step3b_w8Description"?: string;
         /**
-          * @uiName Column span
+          * Subtext for the W8E radio button
+          * @uiName W8E radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "colspan"?: number;
+        "step3b_w8EDescription"?: string;
         /**
-          * @uiName Padding
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
+          * @uiGroup Step 3b Properties
          */
-        "padding"?: string;
-    }
-    interface SqmTableRow {
+        "step3b_w8ELabel"?: string;
         /**
-          * @uiName Border
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
+          * @uiGroup Step 3b Properties
          */
-        "border"?: string;
-    }
-    interface SqmTabs {
+        "step3b_w8Label"?: string;
         /**
-          * Used to specify the placement of the tabs
-          * @uiName Tabs placement
-          * @uiType string
-          * @uiEnum ["left", "right", "bottom", "top"]
-          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
+          * Subtext for the W9 radio button
+          * @uiName W9 radio button subtext
+          * @uiGroup Step 3b Properties
          */
-        "placement"?: "left" | "right" | "bottom" | "top";
-    }
-    interface SqmTaskCard {
+        "step3b_w9Description"?: string;
         /**
-          * @uiName Button link
-          * @uiGroup Button
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
+          * @uiGroup Step 3b Properties
          */
-        "buttonLink"?: string;
+        "step3b_w9Label"?: string;
         /**
-          * @uiName Button text
-          * @uiGroup Button
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "buttonText"?: string;
+        "step4_badgeTextAwaitingReview"?: string;
         /**
-          * @uiName Title
-          * @uiGroup Task
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "cardTitle"?: string;
+        "step4_badgeTextExpiredOn"?: string;
         /**
-          * Displays the amount of times that a user has completed a repeatable task.
-          * @uiName Completed count text
-          * @uiGroup Task
-          * @uiWidget textArea
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "completedText"?: string;
+        "step4_badgeTextExpiringSoon"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+          * @uiGroup Step 4 Properties
          */
-        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
+        "step4_badgeTextSubmittedOn"?: string;
         /**
-          * @uiName Description
-          * @uiGroup Task
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
+          * @uiGroup Step 4 Properties
          */
-        "description"?: string;
+        "step4_bankingInformationSectionHeader"?: string;
         /**
-          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
-          * @uiName Display duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Task
+          * The error message shown at the top of the page in an error banner
+          * @uiName Step 4 General error text
+          * @uiGroup Step 4 Properties
          */
-        "displayDuration"?: string;
+        "step4_generalErrorDescription"?: string;
         /**
-          * Shown to users after the end of the task duration.
-          * @uiName Ended date message
-          * @uiGroup Task
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName Step 4 General error title
+          * @uiGroup Step 4 Properties
          */
-        "endedMessage"?: string;
+        "step4_generalErrorTitle"?: string;
         /**
-          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
-          * @uiName Task card button event key
-          * @uiGroup Button
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
+          * @uiGroup Step 4 Properties
          */
-        "eventKey"?: string;
+        "step4_invalidForm"?: string;
         /**
-          * Displayed when a user views a task card after the reward duration interval.
-          * @uiName Expiry date message
-          * @uiGroup Task
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName Step 4 No form needed subtext
+          * @uiGroup Step 4 Properties
          */
-        "expiryMessage"?: string;
+        "step4_newFormButton"?: string;
         /**
-          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
-          * @uiName Repeat amount
-          * @uiGroup Reward
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
+          * @uiGroup Step 4 Properties
          */
-        "finite"?: number;
+        "step4_noFormNeededSubtext"?: string;
         /**
-          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
-          * @uiName Goal completion number
-          * @uiGroup Goal
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
+          * @uiGroup Step 4 Properties
          */
-        "goal"?: number;
+        "step4_notRegisteredForTax"?: string;
         /**
-          * @uiName Hide CTA button
-          * @uiGroup Button
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "hideButton"?: boolean;
+        "step4_statusTextActive"?: string;
         /**
-          * Button link opens in new tab
-          * @uiName Open in new tab
-          * @uiGroup Button
-          * @default
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "openNewTab"?: boolean;
+        "step4_statusTextExpired"?: string;
         /**
-          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
-          * @uiName Program ID override
-          * @uiWidget programSelector
-          * @uiGroup Goal
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "programId"?: string;
+        "step4_statusTextNotActive"?: string;
         /**
-          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
-          * @uiName Progress bar unit
-          * @uiGroup Goal
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
+          * @uiGroup Step 4 Properties
          */
-        "progressBarUnit"?: string;
+        "step4_statusTextNotVerified"?: string;
         /**
-          * @uiName Goal repeatable
-          * @uiGroup Goal
-          * @default
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
+          * @uiGroup Step 4 Properties
          */
-        "repeatable"?: boolean;
+        "step4_taxAlertHeaderExpiredOn"?: string;
         /**
-          * @uiName Reward amount
-          * @uiGroup Reward
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
+          * @uiGroup Step 4 Properties
          */
-        "rewardAmount"?: string;
+        "step4_taxAlertHeaderExpiringSoon"?: string;
         /**
-          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
-          * @uiName Reward duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Reward
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
+          * @uiGroup Step 4 Properties
          */
-        "rewardDuration"?: string;
+        "step4_taxAlertHeaderNotActive"?: string;
         /**
-          * @uiName Reward unit
-          * @uiGroup Reward
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
+          * @uiGroup Step 4 Properties
          */
-        "rewardUnit"?: string;
+        "step4_taxAlertMessage"?: string;
         /**
-          * @uiName Show progress bar
-          * @uiGroup Goal
-          * @default
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
+          * @uiGroup Step 4 Properties
          */
-        "showProgressBar"?: boolean;
+        "step4_taxAlertMessageExpiringSoon"?: string;
         /**
-          * Shown to users before the start of the task duration.
-          * @uiName Start date message
-          * @uiGroup Task
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+          * @uiGroup Step 4 Properties
          */
-        "startsOnMessage"?: string;
+        "step4_taxDocumentSectionHeader"?: string;
         /**
-          * Select what type of stat to display for the goal. Manual paths are also supported.
-          * @uiName Goal progress source
-          * @required 
-          * @minLength 1
-          * @uiWidget statTypeSelectWidget
-          * @uiWidgetOptions {"version": 1.1}
-          * @uiGroup Goal
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
+          * @uiGroup Step 4 Properties
          */
-        "statType"?: string;
+        "step4_taxDocumentSectionSubHeader"?: string;
         /**
-          * @uiName Progress bar steps
-          * @uiGroup Goal
-          * @default
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
+          * @uiGroup Step 3 Properties
          */
-        "steps"?: boolean;
+        "stop3NotBasedInUS"?: string;
     }
-    interface SqmTaxAndCash {
+    interface SqmTaxAndCashMonolith {
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
-        /**
-          * Text inside iframe when Docusign form is compelted
-          * @uiName Docusign completed text
-          * @uiGroup Step 3 Properties
-         */
-        "docusignCompleted"?: string;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -8001,12 +9216,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "step3_checkboxLabel"?: string;
-        /**
-          * Text shown inside iframe when Docusign form expires
-          * @uiName Expired Docusign form text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_docusignExpired"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
@@ -8732,6 +9941,7 @@ declare namespace LocalJSX {
         "sqm-tabs": SqmTabs;
         "sqm-task-card": SqmTaskCard;
         "sqm-tax-and-cash": SqmTaxAndCash;
+        "sqm-tax-and-cash-monolith": SqmTaxAndCashMonolith;
         "sqm-tax-document-submitted": SqmTaxDocumentSubmitted;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
@@ -8840,6 +10050,7 @@ declare module "@stencil/core" {
             "sqm-tabs": LocalJSX.SqmTabs & JSXBase.HTMLAttributes<HTMLSqmTabsElement>;
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
+            "sqm-tax-and-cash-monolith": LocalJSX.SqmTaxAndCashMonolith & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashMonolithElement>;
             "sqm-tax-document-submitted": LocalJSX.SqmTaxDocumentSubmitted & JSXBase.HTMLAttributes<HTMLSqmTaxDocumentSubmittedElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 80cb04919d..b042ed1961 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -573,6 +573,24 @@ export const StepThreeWithDocusignExpired = () => {
   );
 };
 
+export const StepThreeWithDocusignCompleted = () => {
+  return (
+    <sqm-docusign-form
+      demoData={{
+        states: {
+          ...docusignFormProps.states,
+          docusignStatus: "signing_complete",
+          formState: {
+            taxFormExpired: false,
+            completedTaxForm: true,
+            errors: {},
+          },
+        },
+      }}
+    ></sqm-docusign-form>
+  );
+};
+
 export const StepThreeDocusignWithGeneralError = () => {
   return (
     <sqm-docusign-form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
index 13ae537d68..0202382c3c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
@@ -38,6 +38,7 @@ const style = {
     margin: "auto",
     textAlign: "center",
     border: "1px solid var(--sl-color-gray-200)",
+    justifyContent: "center",
   },
 };
 
@@ -67,28 +68,28 @@ export const DocusignExpiredView = (props: {
   );
 };
 
-export const DocusignCompletedView = (props: {
-  text: DocusignIframeProps["text"];
-}) => {
-  const { classes } = sheet;
-  const { text } = props;
-  return (
-    <div>
-      <style type="text/css">{styleString}</style>
-      <div class={classes.DocusignStatusContainer}>
-        <sl-icon
-          style={{
-            width: "50px",
-            height: "50px",
-            color: "var(--sl-color-success-600)",
-          }}
-          name="check2-circle"
-        ></sl-icon>
-        <p style={{ margin: "0" }}>{text.docusignCompleted}</p>
-      </div>
-    </div>
-  );
-};
+// export const DocusignCompletedView = (props: {
+//   text: DocusignIframeProps["text"];
+// }) => {
+//   const { classes } = sheet;
+//   const { text } = props;
+//   return (
+//     <div>
+//       <style type="text/css">{styleString}</style>
+//       <div class={classes.DocusignStatusContainer}>
+//         <sl-icon
+//           style={{
+//             width: "50px",
+//             height: "50px",
+//             color: "var(--sl-color-success-600)",
+//           }}
+//           name="check2-circle"
+//         ></sl-icon>
+//         <p style={{ margin: "0" }}>{text.docusignCompleted}</p>
+//       </div>
+//     </div>
+//   );
+// };
 
 export const DocusignIframe = ({
   states,
@@ -113,8 +114,9 @@ export const DocusignIframe = ({
   if (states.status === "ttl_expired")
     return <DocusignExpiredView text={text} />;
 
-  if (states.status === "signing_complete")
-    return <DocusignCompletedView text={text} />;
+  // AL: Skip to next step immediatley after states.status === "signing_complete", don't have to show Completed View
+  // if (states.status === "signing_complete")
+  //   return <DocusignCompletedView text={text} />;
 
   return <iframe src={states.url} width="100%" height="600px"></iframe>;
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 8adad5c4a8..beb8a2b4d4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -236,6 +236,8 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             {text.banner}
           </sl-alert>
           {slots.docusignIframeSlot}
+          <br />
+          <br />
           <div>
             <p class={classes.BoldText}>{text.checkboxLabel}</p>
             <sl-checkbox
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index 298db247b6..f02fe30ed6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -44,18 +44,20 @@ Feature: Docusign Form
     Then the loader dissapers and the participant can see the Tax Form
 
   @minutia
-  Scenario: Participant sees success notification in iframe after completing Docusign form
-    When they fillout the Docusign form
-    And submit the form inside the iframe
-    Then they will see a Docusigns success notification inside the iframe
+  Scenario: Participant completes Docusign form
+    When they fillout and complete the Docusign form inside the iframe
+    And submit the form
+    Then they are redirected to step 4
 
   @minutia
   Scenario: Participant's Docusign session expires
-    When they have the Docusign form open for more than 20 minutes
+    When they have the Docusign form open in the iframe
+    And they do not interact with the iframe for more than 20 minutes
     Then the Docusign iframe session expires
     And the Tax Form dissapers
-    Then they will see a Docusigns expired session notification inside the iframe
-    And must refresh the page to start a new Docusign session
+    Then they see a Docusign expired session notification inside the iframe
+    And a refresh page button appears inside the iframe
+    And they must press the button to restart the Docusign process
 
   @minutia
   Scenario: Participant decides to go back to step 2

From 298cc58e724a6b30bd2ac0293c716b850dcde480 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 14 Feb 2024 17:00:56 -0800
Subject: [PATCH 193/753] added missing error state in useindirectTaxForm

---
 .../src/components/tax-and-cash/TaxForm.stories.tsx       | 8 +++++---
 .../sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx  | 2 ++
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.feature   | 1 -
 .../sqm-indirect-tax-form/useIndirectTaxForm.tsx          | 1 +
 .../src/components/tax-and-cash/sqm-tax-form.feature      | 2 +-
 packages/mint-components/src/index.html                   | 4 ++--
 6 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index b042ed1961..3ff34f0fca 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -62,6 +62,7 @@ const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
     errors: {},
     formState: {
       checked: undefined,
+      errors: {},
     },
   },
   callbacks: {
@@ -269,11 +270,11 @@ export const StepTwoWithGeneralError = () => {
       demoData={{
         states: {
           ...stepTwoProps.states,
-          errors: {
-            general: true,
-          },
           formState: {
             ...stepTwoProps.states.formState,
+            errors: {
+              general: true,
+            },
           },
         },
       }}
@@ -426,6 +427,7 @@ export const StepTwoOtherRegionCheckedWithInputErrors = () => {
           ...stepTwoProps.states,
           formState: {
             checked: "otherRegion",
+            errors: {},
           },
         },
         slotProps: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 281aeda0c7..1a3db96e86 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -146,6 +146,8 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
     slots,
   } = props;
 
+  console.log(states, "indirect states");
+
   const { classes } = sheet;
 
   console.log(formState.errors);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 8c3b8400c8..1de0e74725 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -175,7 +175,6 @@ Feature: Indirect Tax Form
       | <indirectTaxNumber> | "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required" |
       | <qstNumber>         | "QST Number is required"                                                                           |
       | <subRegionTaxNumber | "Income tax number is required                                                                     |
-	#   AL: Add case that handles errors thrown by backend, depends on the backend if they are doing that validation
 
   @minutia
   Scenario: Participant is not registered for indirect tax
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 8eb6f8b127..6775fd0876 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -204,6 +204,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       errors,
       formState: {
         checked: option,
+        errors: {},
       },
     },
     callbacks: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 20a3700c90..dd01e1766d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -177,7 +177,7 @@ Feature: Tax Form Flow
   # Undecided behaviour
   # Scenario: Returning to the docusign iframe page shows the previously selected option from the document type page
 
-  @TODO @minutia
+  @unknown @minutia
   Scenario Outline: A user from Another Country completes the User Info and Indirect Tax steps with different countries
     Given they are on the User Info Form step
     And they fill out the following form fields with their personal information:
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From 6b8ca87e61dd5d3590f9a35fa4733ee6dc7ff10d Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 10:16:15 -0800
Subject: [PATCH 194/753] wired up bitset input builder

---
 packages/mint-components/src/components.d.ts  | 6105 +++++++----------
 .../sqm-banking-info-form-view.tsx            |    2 +-
 .../sqm-banking-info-form.tsx                 |   97 +-
 .../useBankingInfoForm.tsx                    |   36 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |    2 +
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |    4 +-
 packages/mint-components/src/index.html       |    4 +-
 7 files changed, 2580 insertions(+), 3670 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 767f35a25d..4e0deedd34 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3629,965 +3629,364 @@ export namespace Components {
          */
         "stop3NotBasedInUS": string;
     }
-    interface SqmTaxAndCashMonolith {
+    interface SqmTaxDocumentSubmitted {
         /**
-          * @undocumented 
-          * @uiType object
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
          */
-        "demoData"?: DemoData<UseTaxAndCashResultType>;
+        "badgeTextAwaitingReview"?: string;
         /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
          */
-        "step1_allowBankingCollection": string;
+        "badgeTextExpiredOn"?: string;
         /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
          */
-        "step1_allowBankingCollectionError": string;
+        "badgeTextExpiringSoon"?: string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
          */
-        "step1_businessEntity": string;
+        "badgeTextSubmittedOn"?: string;
         /**
-          * Label text for country input
-          * @uiName Country label
-          * @uiGroup Step 1 Properties
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
          */
-        "step1_country": string;
+        "bankingInformationSectionHeader": string;
         /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-          * @uiGroup Step 1 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step1_countryError": string;
+        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
         /**
-          * Label text for currency input
-          * @uiName Currency label
-          * @uiGroup Step 1 Properties
+          * Text displayed in the edit Indirect Tax button
+          * @uiName Edit Indirect Tax button
          */
-        "step1_currency": string;
+        "editIndirectTaxButton": string;
         /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-          * @uiGroup Step 1 Properties
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "step1_currencyError": string;
+        "generalErrorDescription": string;
         /**
-          * Label text for email input
-          * @uiName Email label
-          * @uiGroup Step 1 Properties
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "step1_email": string;
+        "generalErrorTitle": string;
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-          * @uiGroup Step 1 Properties
+          * Indirect tax description text for individual participants
+          * @uiName Indirect tax individual participant description
          */
-        "step1_emailError": string;
+        "indirectTaxIndividualParticipant": string;
         /**
-          * Label text for first name input
-          * @uiName First name label
-          * @uiGroup Step 1 Properties
+          * Country/Region description text of indirect tax
+          * @uiName Indirect tax Canada description
          */
-        "step1_firstName": string;
+        "indirectTaxInfoCanada": string;
         /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-          * @uiGroup Step 1 Properties
+          * Other country description text of indirect tax
+          * @uiName Indirect tax other country description
          */
-        "step1_firstNameError": string;
+        "indirectTaxInfoOtherCountry": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 1 Properties
+          * Header text displayed above the indirect tax preview section
+          * @uiName Indirect Tax Information Header
          */
-        "step1_formStep": string;
+        "indirectTaxInfoSectionHeader": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 1 Properties
+          * Indirect tax tooltip text for support
+          * @uiName Indirect tax tooltip description
          */
-        "step1_generalErrorDescription": string;
+        "indirectTaxTooltipSupport": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 1 Properties
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
          */
-        "step1_generalErrorTitle": string;
+        "invalidForm"?: string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-          * @uiGroup Step 1 Properties
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
          */
-        "step1_individualParticipant": string;
+        "newFormButton": string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 1 Properties
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
          */
-        "step1_isPartnerAlertDescription": string;
+        "noFormNeededSubtext": string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 1 Properties
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
          */
-        "step1_isPartnerAlertHeader": string;
+        "notRegisteredForTax": string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
          */
-        "step1_lastName": string;
+        "statusTextActive"?: string;
         /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
          */
-        "step1_lastNameError": string;
+        "statusTextExpired"?: string;
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
          */
-        "step1_participantType": string;
+        "statusTextNotActive"?: string;
         /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
          */
-        "step1_participantTypeError": string;
+        "statusTextNotVerified"?: string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
          */
-        "step1_personalInformation": string;
+        "taxAlertHeaderExpiredOn"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
          */
-        "step1_submitButton": string;
+        "taxAlertHeaderExpiringSoon"?: string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
          */
-        "step1_taxAndBankingCollection": string;
+        "taxAlertHeaderNotActive"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 2 Properties
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
          */
-        "step2_backButton": string;
+        "taxAlertMessage"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-          * @uiGroup Step 2 Properties
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
          */
-        "step2_formStep": string;
+        "taxAlertMessageExpiringSoon": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 2 Properties
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
          */
-        "step2_generalErrorDescription": string;
+        "taxDocumentSectionHeader": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 2 Properties
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
          */
-        "step2_generalErrorTitle": string;
+        "taxDocumentSectionSubHeader": string;
+    }
+    interface SqmText {
+    }
+    interface SqmTextSpan {
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
-          * @uiGroup Step 2 Properties
+          * @uiName Text
          */
-        "step2_indirectTax": string;
+        "text": string;
         /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Type
+          * @uiType string
+          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
+          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
          */
-        "step2_indirectTaxDescription": string;
+        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+    }
+    interface SqmTimeline {
         /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
-          * @uiGroup Step 2 Properties
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
          */
-        "step2_indirectTaxDetails": string;
+        "icon": "gift" | "circle";
+    }
+    interface SqmTimelineEntry {
         /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Description
          */
-        "step2_indirectTaxDetailsDescription": string;
+        "desc": string;
         /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
          */
-        "step2_indirectTaxNumber": string;
+        "icon": "gift" | "circle";
         /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
-          * @uiGroup Step 2 Properties
+          * @uiName Reward amount
          */
-        "step2_indirectTaxNumberError": string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertDescription": string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertHeader": string;
-        /**
-          * Label text for the QST checkbox
-          * @uiName checkbox label
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isRegisteredQST": string;
-        /**
-          * Label text for Income Tax checkbox
-          * @uiName Income Tax checkbox label
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isRegisteredSubRegionIncomeTax": string;
+        "reward": string;
+        "setIcon": (value: "gift" | "circle") => Promise<void>;
         /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
-          * @uiGroup Step 2 Properties
+          * @uiName Reward unit
          */
-        "step2_notRegistered": string;
+        "unit": string;
+    }
+    interface SqmTitledSection {
         /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
-          * @uiGroup Step 2 Properties
+          * Text value shown when there is no label slot declared.
+          * @uiName Label
          */
-        "step2_otherRegion": string;
+        "label": string;
         /**
-          * Label text for the Province select input
-          * @uiName Province select input label
-          * @uiGroup Step 2 Properties
+          * Margin applied to the bottom of the label slot
+          * @uiName Label bottom margin
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step2_province": string;
+        "labelMargin": Spacing;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-          * @uiGroup Step 2 Properties
+          * Padding applied to all 4 sides of the container
+          * @uiName Section padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step2_provinceError": string;
+        "padding": Spacing;
         /**
-          * Label text for the QST Tax Number input
-          * @uiName QST Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Text alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step2_qstNumber": string;
+        "textAlign": "left" | "center" | "right";
+    }
+    interface SqmUserInfoForm {
         /**
-          * Error text shown below the QST Tax number input
-          * @uiName QST Tax Number error text
-          * @uiGroup Step 2 Properties
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
          */
-        "step2_qstTaxNumberError": string;
+        "allowBankingCollection": string;
         /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
          */
-        "step2_selectedRegion": string;
+        "allowBankingCollectionError": string;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-          * @uiGroup Step 2 Properties
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
          */
-        "step2_selectedRegionError": string;
+        "businessEntity": string;
         /**
-          * Label text for Sub-region select
-          * @uiName for Sub-region select label
-          * @uiGroup Step 2 Properties
+          * Label text for country input
+          * @uiName Country label
          */
-        "step2_subRegion": string;
+        "country": string;
         /**
-          * Error text shown below the Sub-region Income Tax number input
-          * @uiName Sub-region Income Tax error text
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
          */
-        "step2_subRegionTaxNumberError": string;
+        "countryError": string;
         /**
-          * Label text for the Sub-region Income Tax Number input
-          * @uiName Sub-region income Tax Number input label
-          * @uiGroup Step 2 Properties
+          * Label text for currency input
+          * @uiName Currency label
          */
-        "step2_subRegionTaxNumberLabel": string;
+        "currency": string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
          */
-        "step2_submitButton": string;
+        "currencyError": string;
         /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-          * @uiGroup Step 2 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step2_taxDetailsError": string;
+        "demoData"?: DemoData<UseUserInfoFormResult>;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3 Properties
+          * Label text for email input
+          * @uiName Email label
          */
-        "step3_backButton": string;
+        "email": string;
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-          * @uiGroup Step 3 Properties
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
          */
-        "step3_banner": string;
+        "emailError": string;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-          * @uiGroup Step 3 Properties
+          * Label text for first name input
+          * @uiName First name label
          */
-        "step3_checkboxDescription": string;
+        "firstName": string;
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-          * @uiGroup Step 3 Properties
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
          */
-        "step3_checkboxLabel": string;
+        "firstNameError": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_formStep": string;
-        /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-          * @uiGroup Step 3 Properties
          */
-        "step3_formSubmissionError": string;
+        "formStep": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
-          * @uiGroup Step 3 Properties
          */
-        "step3_generalErrorDescription": string;
+        "generalErrorDescription": string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
-          * @uiGroup Step 3 Properties
          */
-        "step3_generalErrorTitle": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_submitButton": string;
+        "generalErrorTitle": string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3 Properties
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
          */
-        "step3_taxForm": string;
+        "individualParticipant": string;
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-          * @uiGroup Step 3 Properties
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
          */
-        "step3_taxFormDescription": string;
+        "isPartnerAlertDescription": string;
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-          * @uiGroup Step 3 Properties
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
          */
-        "step3_taxFormLabel": string;
+        "isPartnerAlertHeader": string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3b Properties
+          * Label text for last name input
+          * @uiName Last name label
          */
-        "step3b_backButton": string;
+        "lastName": string;
         /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-          * @uiGroup Step 3b Properties
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
          */
-        "step3b_formLabel": string;
+        "lastNameError": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3b Properties
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
          */
-        "step3b_formStep": string;
+        "participantType": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3b Properties
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
          */
-        "step3b_generalErrorDescription": string;
+        "participantTypeError": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3b Properties
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
          */
-        "step3b_generalErrorTitle": string;
+        "personalInformation": string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
-          * @uiGroup Step 3b Properties
          */
-        "step3b_submitButton": string;
+        "submitButton": string;
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3b Properties
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
          */
-        "step3b_taxForm": string;
+        "taxAndBankingCollection": string;
+    }
+    interface SqmUserName {
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
-          * @uiGroup Step 3b Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3b_w8Description": string;
+        "demoData"?: DemoData<UserNameViewProps>;
         /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8EDescription": string;
-        /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8ELabel": string;
-        /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8Label": string;
-        /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w9Description": string;
-        /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w9Label": string;
-        /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextAwaitingReview"?: string;
-        /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextExpiredOn"?: string;
-        /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextExpiringSoon"?: string;
-        /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextSubmittedOn"?: string;
-        /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_bankingInformationSectionHeader": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error title
-          * @uiGroup Step 4 Properties
-         */
-        "step4_generalErrorTitle": string;
-        /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_invalidForm"?: string;
-        /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName Step 4 No form needed subtext
-          * @uiGroup Step 4 Properties
-         */
-        "step4_newFormButton": string;
-        /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-          * @uiGroup Step 4 Properties
-         */
-        "step4_noFormNeededSubtext": string;
-        /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-          * @uiGroup Step 4 Properties
-         */
-        "step4_notRegisteredForTax": string;
-        /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextExpired"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextNotActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextNotVerified"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderExpiredOn"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderExpiringSoon"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderNotActive"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertMessage"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertMessageExpiringSoon": string;
-        /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxDocumentSectionHeader": string;
-        /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxDocumentSectionSubHeader": string;
-        /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-          * @uiGroup Step 3 Properties
-         */
-        "stop3NotBasedInUS": string;
-    }
-    interface SqmTaxDocumentSubmitted {
-        /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-         */
-        "badgeTextAwaitingReview"?: string;
-        /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-         */
-        "badgeTextExpiredOn"?: string;
-        /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-         */
-        "badgeTextExpiringSoon"?: string;
-        /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-         */
-        "badgeTextSubmittedOn"?: string;
-        /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-         */
-        "bankingInformationSectionHeader": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
-        /**
-          * Text displayed in the edit Indirect Tax button
-          * @uiName Edit Indirect Tax button
-         */
-        "editIndirectTaxButton": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle": string;
-        /**
-          * Indirect tax description text for individual participants
-          * @uiName Indirect tax individual participant description
-         */
-        "indirectTaxIndividualParticipant": string;
-        /**
-          * Country/Region description text of indirect tax
-          * @uiName Indirect tax Canada description
-         */
-        "indirectTaxInfoCanada": string;
-        /**
-          * Other country description text of indirect tax
-          * @uiName Indirect tax other country description
-         */
-        "indirectTaxInfoOtherCountry": string;
-        /**
-          * Header text displayed above the indirect tax preview section
-          * @uiName Indirect Tax Information Header
-         */
-        "indirectTaxInfoSectionHeader": string;
-        /**
-          * Indirect tax tooltip text for support
-          * @uiName Indirect tax tooltip description
-         */
-        "indirectTaxTooltipSupport": string;
-        /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-         */
-        "invalidForm"?: string;
-        /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName No form needed subtext
-         */
-        "newFormButton": string;
-        /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-         */
-        "noFormNeededSubtext": string;
-        /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-         */
-        "notRegisteredForTax": string;
-        /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-         */
-        "statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-         */
-        "statusTextExpired"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-         */
-        "statusTextNotActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-         */
-        "statusTextNotVerified"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-         */
-        "taxAlertHeaderExpiredOn"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-         */
-        "taxAlertHeaderExpiringSoon"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-         */
-        "taxAlertHeaderNotActive"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-         */
-        "taxAlertMessage"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-         */
-        "taxAlertMessageExpiringSoon": string;
-        /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-         */
-        "taxDocumentSectionHeader": string;
-        /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-         */
-        "taxDocumentSectionSubHeader": string;
-    }
-    interface SqmText {
-    }
-    interface SqmTextSpan {
-        /**
-          * @uiName Text
-         */
-        "text": string;
-        /**
-          * @uiName Type
-          * @uiType string
-          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
-          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
-         */
-        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
-    }
-    interface SqmTimeline {
-        /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
-         */
-        "icon": "gift" | "circle";
-    }
-    interface SqmTimelineEntry {
-        /**
-          * @uiName Description
-         */
-        "desc": string;
-        /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
-         */
-        "icon": "gift" | "circle";
-        /**
-          * @uiName Reward amount
-         */
-        "reward": string;
-        "setIcon": (value: "gift" | "circle") => Promise<void>;
-        /**
-          * @uiName Reward unit
-         */
-        "unit": string;
-    }
-    interface SqmTitledSection {
-        /**
-          * Text value shown when there is no label slot declared.
-          * @uiName Label
-         */
-        "label": string;
-        /**
-          * Margin applied to the bottom of the label slot
-          * @uiName Label bottom margin
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "labelMargin": Spacing;
-        /**
-          * Padding applied to all 4 sides of the container
-          * @uiName Section padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "padding": Spacing;
-        /**
-          * @uiName Text alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "textAlign": "left" | "center" | "right";
-    }
-    interface SqmUserInfoForm {
-        /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-         */
-        "allowBankingCollection": string;
-        /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-         */
-        "allowBankingCollectionError": string;
-        /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-         */
-        "businessEntity": string;
-        /**
-          * Label text for country input
-          * @uiName Country label
-         */
-        "country": string;
-        /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-         */
-        "countryError": string;
-        /**
-          * Label text for currency input
-          * @uiName Currency label
-         */
-        "currency": string;
-        /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-         */
-        "currencyError": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseUserInfoFormResult>;
-        /**
-          * Label text for email input
-          * @uiName Email label
-         */
-        "email": string;
-        /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-         */
-        "emailError": string;
-        /**
-          * Label text for first name input
-          * @uiName First name label
-         */
-        "firstName": string;
-        /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-         */
-        "firstNameError": string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle": string;
-        /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-         */
-        "individualParticipant": string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-         */
-        "isPartnerAlertDescription": string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-         */
-        "isPartnerAlertHeader": string;
-        /**
-          * Label text for last name input
-          * @uiName Last name label
-         */
-        "lastName": string;
-        /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-         */
-        "lastNameError": string;
-        /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-         */
-        "participantType": string;
-        /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-         */
-        "participantTypeError": string;
-        /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-         */
-        "personalInformation": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton": string;
-        /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-         */
-        "taxAndBankingCollection": string;
-    }
-    interface SqmUserName {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
-        /**
-          * @uiName Unknown user name
+          * @uiName Unknown user name
          */
         "fallback": string;
         /**
@@ -4916,2204 +4315,1663 @@ declare global {
         prototype: HTMLSqmProgramExplainerStepElement;
         new (): HTMLSqmProgramExplainerStepElement;
     };
-    interface HTMLSqmProgramMenuElement extends Components.SqmProgramMenu, HTMLStencilElement {
-    }
-    var HTMLSqmProgramMenuElement: {
-        prototype: HTMLSqmProgramMenuElement;
-        new (): HTMLSqmProgramMenuElement;
-    };
-    interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
-    }
-    var HTMLSqmReferralCardElement: {
-        prototype: HTMLSqmReferralCardElement;
-        new (): HTMLSqmReferralCardElement;
-    };
-    interface HTMLSqmReferralIframeElement extends Components.SqmReferralIframe, HTMLStencilElement {
-    }
-    var HTMLSqmReferralIframeElement: {
-        prototype: HTMLSqmReferralIframeElement;
-        new (): HTMLSqmReferralIframeElement;
-    };
-    interface HTMLSqmReferralTableElement extends Components.SqmReferralTable, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableElement: {
-        prototype: HTMLSqmReferralTableElement;
-        new (): HTMLSqmReferralTableElement;
-    };
-    interface HTMLSqmReferralTableCellElement extends Components.SqmReferralTableCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableCellElement: {
-        prototype: HTMLSqmReferralTableCellElement;
-        new (): HTMLSqmReferralTableCellElement;
-    };
-    interface HTMLSqmReferralTableColumnElement extends Components.SqmReferralTableColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableColumnElement: {
-        prototype: HTMLSqmReferralTableColumnElement;
-        new (): HTMLSqmReferralTableColumnElement;
-    };
-    interface HTMLSqmReferralTableDateCellElement extends Components.SqmReferralTableDateCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableDateCellElement: {
-        prototype: HTMLSqmReferralTableDateCellElement;
-        new (): HTMLSqmReferralTableDateCellElement;
-    };
-    interface HTMLSqmReferralTableDateColumnElement extends Components.SqmReferralTableDateColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableDateColumnElement: {
-        prototype: HTMLSqmReferralTableDateColumnElement;
-        new (): HTMLSqmReferralTableDateColumnElement;
-    };
-    interface HTMLSqmReferralTableRewardsCellElement extends Components.SqmReferralTableRewardsCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableRewardsCellElement: {
-        prototype: HTMLSqmReferralTableRewardsCellElement;
-        new (): HTMLSqmReferralTableRewardsCellElement;
-    };
-    interface HTMLSqmReferralTableRewardsColumnElement extends Components.SqmReferralTableRewardsColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableRewardsColumnElement: {
-        prototype: HTMLSqmReferralTableRewardsColumnElement;
-        new (): HTMLSqmReferralTableRewardsColumnElement;
-    };
-    interface HTMLSqmReferralTableStatusCellElement extends Components.SqmReferralTableStatusCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableStatusCellElement: {
-        prototype: HTMLSqmReferralTableStatusCellElement;
-        new (): HTMLSqmReferralTableStatusCellElement;
-    };
-    interface HTMLSqmReferralTableStatusColumnElement extends Components.SqmReferralTableStatusColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableStatusColumnElement: {
-        prototype: HTMLSqmReferralTableStatusColumnElement;
-        new (): HTMLSqmReferralTableStatusColumnElement;
-    };
-    interface HTMLSqmReferralTableUserCellElement extends Components.SqmReferralTableUserCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableUserCellElement: {
-        prototype: HTMLSqmReferralTableUserCellElement;
-        new (): HTMLSqmReferralTableUserCellElement;
-    };
-    interface HTMLSqmReferralTableUserColumnElement extends Components.SqmReferralTableUserColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableUserColumnElement: {
-        prototype: HTMLSqmReferralTableUserColumnElement;
-        new (): HTMLSqmReferralTableUserColumnElement;
-    };
-    interface HTMLSqmReferredRegistrationElement extends Components.SqmReferredRegistration, HTMLStencilElement {
-    }
-    var HTMLSqmReferredRegistrationElement: {
-        prototype: HTMLSqmReferredRegistrationElement;
-        new (): HTMLSqmReferredRegistrationElement;
-    };
-    interface HTMLSqmRewardExchangeListElement extends Components.SqmRewardExchangeList, HTMLStencilElement {
-    }
-    var HTMLSqmRewardExchangeListElement: {
-        prototype: HTMLSqmRewardExchangeListElement;
-        new (): HTMLSqmRewardExchangeListElement;
-    };
-    interface HTMLSqmRewardsTableElement extends Components.SqmRewardsTable, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableElement: {
-        prototype: HTMLSqmRewardsTableElement;
-        new (): HTMLSqmRewardsTableElement;
-    };
-    interface HTMLSqmRewardsTableCustomerNoteCellElement extends Components.SqmRewardsTableCustomerNoteCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableCustomerNoteCellElement: {
-        prototype: HTMLSqmRewardsTableCustomerNoteCellElement;
-        new (): HTMLSqmRewardsTableCustomerNoteCellElement;
-    };
-    interface HTMLSqmRewardsTableCustomerNoteColumnElement extends Components.SqmRewardsTableCustomerNoteColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableCustomerNoteColumnElement: {
-        prototype: HTMLSqmRewardsTableCustomerNoteColumnElement;
-        new (): HTMLSqmRewardsTableCustomerNoteColumnElement;
-    };
-    interface HTMLSqmRewardsTableDateCellElement extends Components.SqmRewardsTableDateCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableDateCellElement: {
-        prototype: HTMLSqmRewardsTableDateCellElement;
-        new (): HTMLSqmRewardsTableDateCellElement;
-    };
-    interface HTMLSqmRewardsTableDateColumnElement extends Components.SqmRewardsTableDateColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableDateColumnElement: {
-        prototype: HTMLSqmRewardsTableDateColumnElement;
-        new (): HTMLSqmRewardsTableDateColumnElement;
-    };
-    interface HTMLSqmRewardsTableRewardCellElement extends Components.SqmRewardsTableRewardCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableRewardCellElement: {
-        prototype: HTMLSqmRewardsTableRewardCellElement;
-        new (): HTMLSqmRewardsTableRewardCellElement;
-    };
-    interface HTMLSqmRewardsTableRewardColumnElement extends Components.SqmRewardsTableRewardColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableRewardColumnElement: {
-        prototype: HTMLSqmRewardsTableRewardColumnElement;
-        new (): HTMLSqmRewardsTableRewardColumnElement;
-    };
-    interface HTMLSqmRewardsTableSourceCellElement extends Components.SqmRewardsTableSourceCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableSourceCellElement: {
-        prototype: HTMLSqmRewardsTableSourceCellElement;
-        new (): HTMLSqmRewardsTableSourceCellElement;
-    };
-    interface HTMLSqmRewardsTableSourceColumnElement extends Components.SqmRewardsTableSourceColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableSourceColumnElement: {
-        prototype: HTMLSqmRewardsTableSourceColumnElement;
-        new (): HTMLSqmRewardsTableSourceColumnElement;
-    };
-    interface HTMLSqmRewardsTableStatusCellElement extends Components.SqmRewardsTableStatusCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableStatusCellElement: {
-        prototype: HTMLSqmRewardsTableStatusCellElement;
-        new (): HTMLSqmRewardsTableStatusCellElement;
-    };
-    interface HTMLSqmRewardsTableStatusColumnElement extends Components.SqmRewardsTableStatusColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableStatusColumnElement: {
-        prototype: HTMLSqmRewardsTableStatusColumnElement;
-        new (): HTMLSqmRewardsTableStatusColumnElement;
-    };
-    interface HTMLSqmRouteElement extends Components.SqmRoute, HTMLStencilElement {
-    }
-    var HTMLSqmRouteElement: {
-        prototype: HTMLSqmRouteElement;
-        new (): HTMLSqmRouteElement;
-    };
-    interface HTMLSqmRouterElement extends Components.SqmRouter, HTMLStencilElement {
-    }
-    var HTMLSqmRouterElement: {
-        prototype: HTMLSqmRouterElement;
-        new (): HTMLSqmRouterElement;
-    };
-    interface HTMLSqmScrollElement extends Components.SqmScroll, HTMLStencilElement {
-    }
-    var HTMLSqmScrollElement: {
-        prototype: HTMLSqmScrollElement;
-        new (): HTMLSqmScrollElement;
-    };
-    interface HTMLSqmShareButtonElement extends Components.SqmShareButton, HTMLStencilElement {
-    }
-    var HTMLSqmShareButtonElement: {
-        prototype: HTMLSqmShareButtonElement;
-        new (): HTMLSqmShareButtonElement;
-    };
-    interface HTMLSqmShareCodeElement extends Components.SqmShareCode, HTMLStencilElement {
-    }
-    var HTMLSqmShareCodeElement: {
-        prototype: HTMLSqmShareCodeElement;
-        new (): HTMLSqmShareCodeElement;
-    };
-    interface HTMLSqmShareLinkElement extends Components.SqmShareLink, HTMLStencilElement {
-    }
-    var HTMLSqmShareLinkElement: {
-        prototype: HTMLSqmShareLinkElement;
-        new (): HTMLSqmShareLinkElement;
-    };
-    interface HTMLSqmStatContainerElement extends Components.SqmStatContainer, HTMLStencilElement {
+    interface HTMLSqmProgramMenuElement extends Components.SqmProgramMenu, HTMLStencilElement {
     }
-    var HTMLSqmStatContainerElement: {
-        prototype: HTMLSqmStatContainerElement;
-        new (): HTMLSqmStatContainerElement;
+    var HTMLSqmProgramMenuElement: {
+        prototype: HTMLSqmProgramMenuElement;
+        new (): HTMLSqmProgramMenuElement;
     };
-    interface HTMLSqmStencilbookElement extends Components.SqmStencilbook, HTMLStencilElement {
+    interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
     }
-    var HTMLSqmStencilbookElement: {
-        prototype: HTMLSqmStencilbookElement;
-        new (): HTMLSqmStencilbookElement;
+    var HTMLSqmReferralCardElement: {
+        prototype: HTMLSqmReferralCardElement;
+        new (): HTMLSqmReferralCardElement;
     };
-    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    interface HTMLSqmReferralIframeElement extends Components.SqmReferralIframe, HTMLStencilElement {
     }
-    var HTMLSqmTabElement: {
-        prototype: HTMLSqmTabElement;
-        new (): HTMLSqmTabElement;
+    var HTMLSqmReferralIframeElement: {
+        prototype: HTMLSqmReferralIframeElement;
+        new (): HTMLSqmReferralIframeElement;
     };
-    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    interface HTMLSqmReferralTableElement extends Components.SqmReferralTable, HTMLStencilElement {
     }
-    var HTMLSqmTableCellElement: {
-        prototype: HTMLSqmTableCellElement;
-        new (): HTMLSqmTableCellElement;
+    var HTMLSqmReferralTableElement: {
+        prototype: HTMLSqmReferralTableElement;
+        new (): HTMLSqmReferralTableElement;
     };
-    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    interface HTMLSqmReferralTableCellElement extends Components.SqmReferralTableCell, HTMLStencilElement {
     }
-    var HTMLSqmTableRowElement: {
-        prototype: HTMLSqmTableRowElement;
-        new (): HTMLSqmTableRowElement;
+    var HTMLSqmReferralTableCellElement: {
+        prototype: HTMLSqmReferralTableCellElement;
+        new (): HTMLSqmReferralTableCellElement;
     };
-    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    interface HTMLSqmReferralTableColumnElement extends Components.SqmReferralTableColumn, HTMLStencilElement {
     }
-    var HTMLSqmTabsElement: {
-        prototype: HTMLSqmTabsElement;
-        new (): HTMLSqmTabsElement;
+    var HTMLSqmReferralTableColumnElement: {
+        prototype: HTMLSqmReferralTableColumnElement;
+        new (): HTMLSqmReferralTableColumnElement;
     };
-    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
+    interface HTMLSqmReferralTableDateCellElement extends Components.SqmReferralTableDateCell, HTMLStencilElement {
     }
-    var HTMLSqmTaskCardElement: {
-        prototype: HTMLSqmTaskCardElement;
-        new (): HTMLSqmTaskCardElement;
+    var HTMLSqmReferralTableDateCellElement: {
+        prototype: HTMLSqmReferralTableDateCellElement;
+        new (): HTMLSqmReferralTableDateCellElement;
     };
-    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    interface HTMLSqmReferralTableDateColumnElement extends Components.SqmReferralTableDateColumn, HTMLStencilElement {
     }
-    var HTMLSqmTaxAndCashElement: {
-        prototype: HTMLSqmTaxAndCashElement;
-        new (): HTMLSqmTaxAndCashElement;
+    var HTMLSqmReferralTableDateColumnElement: {
+        prototype: HTMLSqmReferralTableDateColumnElement;
+        new (): HTMLSqmReferralTableDateColumnElement;
     };
-    interface HTMLSqmTaxAndCashMonolithElement extends Components.SqmTaxAndCashMonolith, HTMLStencilElement {
+    interface HTMLSqmReferralTableRewardsCellElement extends Components.SqmReferralTableRewardsCell, HTMLStencilElement {
     }
-    var HTMLSqmTaxAndCashMonolithElement: {
-        prototype: HTMLSqmTaxAndCashMonolithElement;
-        new (): HTMLSqmTaxAndCashMonolithElement;
+    var HTMLSqmReferralTableRewardsCellElement: {
+        prototype: HTMLSqmReferralTableRewardsCellElement;
+        new (): HTMLSqmReferralTableRewardsCellElement;
     };
-    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
+    interface HTMLSqmReferralTableRewardsColumnElement extends Components.SqmReferralTableRewardsColumn, HTMLStencilElement {
     }
-    var HTMLSqmTaxDocumentSubmittedElement: {
-        prototype: HTMLSqmTaxDocumentSubmittedElement;
-        new (): HTMLSqmTaxDocumentSubmittedElement;
+    var HTMLSqmReferralTableRewardsColumnElement: {
+        prototype: HTMLSqmReferralTableRewardsColumnElement;
+        new (): HTMLSqmReferralTableRewardsColumnElement;
     };
-    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
+    interface HTMLSqmReferralTableStatusCellElement extends Components.SqmReferralTableStatusCell, HTMLStencilElement {
     }
-    var HTMLSqmTextElement: {
-        prototype: HTMLSqmTextElement;
-        new (): HTMLSqmTextElement;
+    var HTMLSqmReferralTableStatusCellElement: {
+        prototype: HTMLSqmReferralTableStatusCellElement;
+        new (): HTMLSqmReferralTableStatusCellElement;
     };
-    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
+    interface HTMLSqmReferralTableStatusColumnElement extends Components.SqmReferralTableStatusColumn, HTMLStencilElement {
     }
-    var HTMLSqmTextSpanElement: {
-        prototype: HTMLSqmTextSpanElement;
-        new (): HTMLSqmTextSpanElement;
+    var HTMLSqmReferralTableStatusColumnElement: {
+        prototype: HTMLSqmReferralTableStatusColumnElement;
+        new (): HTMLSqmReferralTableStatusColumnElement;
     };
-    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
+    interface HTMLSqmReferralTableUserCellElement extends Components.SqmReferralTableUserCell, HTMLStencilElement {
     }
-    var HTMLSqmTimelineElement: {
-        prototype: HTMLSqmTimelineElement;
-        new (): HTMLSqmTimelineElement;
+    var HTMLSqmReferralTableUserCellElement: {
+        prototype: HTMLSqmReferralTableUserCellElement;
+        new (): HTMLSqmReferralTableUserCellElement;
     };
-    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
+    interface HTMLSqmReferralTableUserColumnElement extends Components.SqmReferralTableUserColumn, HTMLStencilElement {
     }
-    var HTMLSqmTimelineEntryElement: {
-        prototype: HTMLSqmTimelineEntryElement;
-        new (): HTMLSqmTimelineEntryElement;
+    var HTMLSqmReferralTableUserColumnElement: {
+        prototype: HTMLSqmReferralTableUserColumnElement;
+        new (): HTMLSqmReferralTableUserColumnElement;
     };
-    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
+    interface HTMLSqmReferredRegistrationElement extends Components.SqmReferredRegistration, HTMLStencilElement {
     }
-    var HTMLSqmTitledSectionElement: {
-        prototype: HTMLSqmTitledSectionElement;
-        new (): HTMLSqmTitledSectionElement;
+    var HTMLSqmReferredRegistrationElement: {
+        prototype: HTMLSqmReferredRegistrationElement;
+        new (): HTMLSqmReferredRegistrationElement;
     };
-    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    interface HTMLSqmRewardExchangeListElement extends Components.SqmRewardExchangeList, HTMLStencilElement {
     }
-    var HTMLSqmUserInfoFormElement: {
-        prototype: HTMLSqmUserInfoFormElement;
-        new (): HTMLSqmUserInfoFormElement;
+    var HTMLSqmRewardExchangeListElement: {
+        prototype: HTMLSqmRewardExchangeListElement;
+        new (): HTMLSqmRewardExchangeListElement;
     };
-    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    interface HTMLSqmRewardsTableElement extends Components.SqmRewardsTable, HTMLStencilElement {
     }
-    var HTMLSqmUserNameElement: {
-        prototype: HTMLSqmUserNameElement;
-        new (): HTMLSqmUserNameElement;
+    var HTMLSqmRewardsTableElement: {
+        prototype: HTMLSqmRewardsTableElement;
+        new (): HTMLSqmRewardsTableElement;
     };
-    interface HTMLElementTagNameMap {
-        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
-        "sqm-asset-card": HTMLSqmAssetCardElement;
-        "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
-        "sqm-big-stat": HTMLSqmBigStatElement;
-        "sqm-brand": HTMLSqmBrandElement;
-        "sqm-card-feed": HTMLSqmCardFeedElement;
-        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
-        "sqm-close-button": HTMLSqmCloseButtonElement;
-        "sqm-context-router": HTMLSqmContextRouterElement;
-        "sqm-coupon-code": HTMLSqmCouponCodeElement;
-        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
-        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
-        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
-        "sqm-docusign-form": HTMLSqmDocusignFormElement;
-        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
-        "sqm-edit-profile": HTMLSqmEditProfileElement;
-        "sqm-empty": HTMLSqmEmptyElement;
-        "sqm-form-message": HTMLSqmFormMessageElement;
-        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
-        "sqm-header-logo": HTMLSqmHeaderLogoElement;
-        "sqm-hero": HTMLSqmHeroElement;
-        "sqm-hero-image": HTMLSqmHeroImageElement;
-        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
-        "sqm-image": HTMLSqmImageElement;
-        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
-        "sqm-input-field": HTMLSqmInputFieldElement;
-        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
-        "sqm-leaderboard": HTMLSqmLeaderboardElement;
-        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
-        "sqm-link-button": HTMLSqmLinkButtonElement;
-        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
-        "sqm-name-fields": HTMLSqmNameFieldsElement;
-        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
-        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
-        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
-        "sqm-password-field": HTMLSqmPasswordFieldElement;
-        "sqm-popup-container": HTMLSqmPopupContainerElement;
-        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
-        "sqm-portal-container": HTMLSqmPortalContainerElement;
-        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
-        "sqm-portal-footer": HTMLSqmPortalFooterElement;
-        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
-        "sqm-portal-frame": HTMLSqmPortalFrameElement;
-        "sqm-portal-login": HTMLSqmPortalLoginElement;
-        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
-        "sqm-portal-profile": HTMLSqmPortalProfileElement;
-        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
-        "sqm-portal-register": HTMLSqmPortalRegisterElement;
-        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
-        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
-        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
-        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
-        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
-        "sqm-program-menu": HTMLSqmProgramMenuElement;
-        "sqm-referral-card": HTMLSqmReferralCardElement;
-        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
-        "sqm-referral-table": HTMLSqmReferralTableElement;
-        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
-        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
-        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
-        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
-        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
-        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
-        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
-        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
-        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
-        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
-        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
-        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
-        "sqm-rewards-table": HTMLSqmRewardsTableElement;
-        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
-        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
-        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
-        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
-        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
-        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
-        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
-        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
-        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
-        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
-        "sqm-route": HTMLSqmRouteElement;
-        "sqm-router": HTMLSqmRouterElement;
-        "sqm-scroll": HTMLSqmScrollElement;
-        "sqm-share-button": HTMLSqmShareButtonElement;
-        "sqm-share-code": HTMLSqmShareCodeElement;
-        "sqm-share-link": HTMLSqmShareLinkElement;
-        "sqm-stat-container": HTMLSqmStatContainerElement;
-        "sqm-stencilbook": HTMLSqmStencilbookElement;
-        "sqm-tab": HTMLSqmTabElement;
-        "sqm-table-cell": HTMLSqmTableCellElement;
-        "sqm-table-row": HTMLSqmTableRowElement;
-        "sqm-tabs": HTMLSqmTabsElement;
-        "sqm-task-card": HTMLSqmTaskCardElement;
-        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
-        "sqm-tax-and-cash-monolith": HTMLSqmTaxAndCashMonolithElement;
-        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
-        "sqm-text": HTMLSqmTextElement;
-        "sqm-text-span": HTMLSqmTextSpanElement;
-        "sqm-timeline": HTMLSqmTimelineElement;
-        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
-        "sqm-titled-section": HTMLSqmTitledSectionElement;
-        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
-        "sqm-user-name": HTMLSqmUserNameElement;
-    }
-}
-declare namespace LocalJSX {
-    interface RaisinsPlopTarget {
+    interface HTMLSqmRewardsTableCustomerNoteCellElement extends Components.SqmRewardsTableCustomerNoteCell, HTMLStencilElement {
     }
-    interface SqmAssetCard {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<AssetCardViewProps>;
-        /**
-          * @uiName Banner image
-         */
-        "imgUrl"?: string;
-        /**
-          * @uiName Banner title
-         */
-        "titleText"?: string;
+    var HTMLSqmRewardsTableCustomerNoteCellElement: {
+        prototype: HTMLSqmRewardsTableCustomerNoteCellElement;
+        new (): HTMLSqmRewardsTableCustomerNoteCellElement;
+    };
+    interface HTMLSqmRewardsTableCustomerNoteColumnElement extends Components.SqmRewardsTableCustomerNoteColumn, HTMLStencilElement {
     }
-    interface SqmBankingInfoForm {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<any>;
-        "directlyToBankAccount"?: string;
-        "formStep"?: string;
-        "paymentMethod"?: string;
-        "submitButton"?: string;
-        "taxAndPayouts"?: string;
-        "taxAndPayoutsDescription"?: string;
-        "toPaypalAccount"?: string;
+    var HTMLSqmRewardsTableCustomerNoteColumnElement: {
+        prototype: HTMLSqmRewardsTableCustomerNoteColumnElement;
+        new (): HTMLSqmRewardsTableCustomerNoteColumnElement;
+    };
+    interface HTMLSqmRewardsTableDateCellElement extends Components.SqmRewardsTableDateCell, HTMLStencilElement {
     }
-    interface SqmBigStat {
-        /**
-          * Controls the alignment of the flexbox
-          * @uiName Alignment
-          * @uiType string
-          * @uiEnum ["left", "right", "center"]
-          * @uiEnumNames ["Left", "Right", "Center"]
-         */
-        "alignment"?: "left" | "right" | "center";
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<BigStatViewProps>;
-        /**
-          * Controls the order of the stat value & description column
-          * @uiName Flex reverse
-          * @default
-         */
-        "flexReverse"?: boolean;
-        /**
-          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
-          * @uiName Program ID
-          * @uiWidget programSelector
-         */
-        "programId"?: string;
-        /**
-          * Select what type of stat to display. Manual paths are also supported.
-          * @uiWidget statTypeSelectWidget
-          * @uiName Stat type
-          * @required 
-          * @uiWidgetOptions {"version": 1.1}
-         */
-        "statType"?: string;
+    var HTMLSqmRewardsTableDateCellElement: {
+        prototype: HTMLSqmRewardsTableDateCellElement;
+        new (): HTMLSqmRewardsTableDateCellElement;
+    };
+    interface HTMLSqmRewardsTableDateColumnElement extends Components.SqmRewardsTableDateColumn, HTMLStencilElement {
     }
-    interface SqmBrand {
-        /**
-          * Controls the primary brand color used in the Mint Components library.
-          * @uiName Brand color
-          * @uiWidget color
-          * @format color
-         */
-        "brandColor"?: string;
-        /**
-          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
-          * @uiName Brand font
-          * @default "Nunito Sans"
-         */
-        "brandFont"?: string;
+    var HTMLSqmRewardsTableDateColumnElement: {
+        prototype: HTMLSqmRewardsTableDateColumnElement;
+        new (): HTMLSqmRewardsTableDateColumnElement;
+    };
+    interface HTMLSqmRewardsTableRewardCellElement extends Components.SqmRewardsTableRewardCell, HTMLStencilElement {
     }
-    interface SqmCardFeed {
-        /**
-          * @uiName Column gap
-          * @uiType number
-         */
-        "gap"?: number;
-        /**
-          * @uiName Card width
-         */
-        "width"?: number;
+    var HTMLSqmRewardsTableRewardCellElement: {
+        prototype: HTMLSqmRewardsTableRewardCellElement;
+        new (): HTMLSqmRewardsTableRewardCellElement;
+    };
+    interface HTMLSqmRewardsTableRewardColumnElement extends Components.SqmRewardsTableRewardColumn, HTMLStencilElement {
     }
-    interface SqmCheckboxField {
-        /**
-          * @uiName Checkbox label
-          * @uiWidget textArea
-         */
-        "checkboxLabel"?: string;
-        /**
-          * Used with link text if the checkbox label contains {labelLink}
-          * @uiName Checkbox label link
-         */
-        "checkboxLabelLink"?: string;
-        /**
-          * @uiName Checkbox label link lext
-         */
-        "checkboxLabelLinkText"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Checkbox name attribute
-          * @required
-         */
-        "checkboxName"?: string;
-        /**
-          * @uiName Optional
-         */
-        "checkboxOptional"?: boolean;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<CheckboxFieldViewProps>;
-        /**
-          * @uiName Unchecked error message
-         */
-        "errorMessage"?: string;
+    var HTMLSqmRewardsTableRewardColumnElement: {
+        prototype: HTMLSqmRewardsTableRewardColumnElement;
+        new (): HTMLSqmRewardsTableRewardColumnElement;
+    };
+    interface HTMLSqmRewardsTableSourceCellElement extends Components.SqmRewardsTableSourceCell, HTMLStencilElement {
     }
-    interface SqmCloseButton {
-        /**
-          * @uiName Color
-          * @uiWidget color
-          * @uiType string
-         */
-        "color"?: string;
+    var HTMLSqmRewardsTableSourceCellElement: {
+        prototype: HTMLSqmRewardsTableSourceCellElement;
+        new (): HTMLSqmRewardsTableSourceCellElement;
+    };
+    interface HTMLSqmRewardsTableSourceColumnElement extends Components.SqmRewardsTableSourceColumn, HTMLStencilElement {
     }
-    interface SqmContextRouter {
-        "contextName"?: string;
+    var HTMLSqmRewardsTableSourceColumnElement: {
+        prototype: HTMLSqmRewardsTableSourceColumnElement;
+        new (): HTMLSqmRewardsTableSourceColumnElement;
+    };
+    interface HTMLSqmRewardsTableStatusCellElement extends Components.SqmRewardsTableStatusCell, HTMLStencilElement {
     }
-    interface SqmCouponCode {
-        /**
-          * Set the copy button style and placement.
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
-         */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * Display this message when the coupon code has been cancelled.
-          * @uiWidget textArea
-          * @uiName Cancelled code error message
-          * @uiGroup Coupon code error
-         */
-        "cancelledErrorText"?: string;
-        /**
-          * @uiName Copy button label
-         */
-        "copyButtonLabel"?: string;
-        /**
-          * @uiName Coupon code label
-         */
-        "couponCodeLabel"?: string;
-        /**
-          * Display this text when the coupon code can’t be retrieved.
-          * @uiName Coupon code placeholder
-          * @uiGroup Coupon code error
-         */
-        "couponCodePlaceholder"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<CouponCodeViewProps>;
-        /**
-          * Display this message when the coupon code has expired.
-          * @uiWidget textArea
-          * @uiName Expired code error message
-          * @uiGroup Coupon code error
-         */
-        "expiredErrorText"?: string;
-        /**
-          * Display this message when the code fails to load due to a fulfillment error.
-          * @uiWidget textArea
-          * @uiName Code fulfillment error message
-          * @uiGroup Coupon code error
-         */
-        "fullfillmentErrorText"?: string;
-        /**
-          * Display this message when the code fails to load due to an unspecified error.
-          * @uiWidget textArea
-          * @uiName Code retrieval error message
-          * @uiGroup Coupon code error
-         */
-        "genericErrorText"?: string;
-        /**
-          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
-          * @uiWidget textArea
-          * @uiName Code pending error message
-          * @uiGroup Coupon code error
-         */
-        "pendingErrorText"?: string;
-        /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
-         */
-        "programId"?: string;
-        /**
-          * Display this message when the coupon code has already been redeemed.
-          * @uiWidget textArea
-          * @uiName Redeemed code error message
-          * @uiGroup Coupon code error
-         */
-        "redeemedErrorText"?: string;
-        /**
-          * @uiName Coupon code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "textAlign"?: "left" | "center" | "right";
-        /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
-         */
-        "tooltiplifespan"?: number;
-        /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
-          * @uiName Tooltip text
-         */
-        "tooltiptext"?: string;
+    var HTMLSqmRewardsTableStatusCellElement: {
+        prototype: HTMLSqmRewardsTableStatusCellElement;
+        new (): HTMLSqmRewardsTableStatusCellElement;
+    };
+    interface HTMLSqmRewardsTableStatusColumnElement extends Components.SqmRewardsTableStatusColumn, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableStatusColumnElement: {
+        prototype: HTMLSqmRewardsTableStatusColumnElement;
+        new (): HTMLSqmRewardsTableStatusColumnElement;
+    };
+    interface HTMLSqmRouteElement extends Components.SqmRoute, HTMLStencilElement {
     }
-    interface SqmDividedLayout {
-        /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
-         */
-        "direction"?: "row" | "column";
-        /**
-          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
-          * @uiName Border style
-         */
-        "dividerStyle"?: string;
+    var HTMLSqmRouteElement: {
+        prototype: HTMLSqmRouteElement;
+        new (): HTMLSqmRouteElement;
+    };
+    interface HTMLSqmRouterElement extends Components.SqmRouter, HTMLStencilElement {
     }
-    interface SqmDocumentTypeForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseDocumentTypeFormResult>;
-        /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-         */
-        "formLabel"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
-        /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-         */
-        "taxForm"?: string;
-        /**
-          * Description for the W8 radio button
-          * @uiName W8 radio button subtext
-         */
-        "w8Description"?: string;
-        /**
-          * Description for the W8E radio button
-          * @uiName W8E radio button subtext
-         */
-        "w8EDescription"?: string;
-        /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-         */
-        "w8ELabel"?: string;
-        /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-         */
-        "w8Label"?: string;
-        /**
-          * Description for the W9 radio button
-          * @uiName W9 radio button subtext
-         */
-        "w9Description"?: string;
-        /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-         */
-        "w9Label"?: string;
+    var HTMLSqmRouterElement: {
+        prototype: HTMLSqmRouterElement;
+        new (): HTMLSqmRouterElement;
+    };
+    interface HTMLSqmScrollElement extends Components.SqmScroll, HTMLStencilElement {
     }
-    interface SqmDocusignEmbed {
-        "onDocusignEvent"?: (event: CustomEvent<{ status: string }>) => void;
-        "url"?: string;
+    var HTMLSqmScrollElement: {
+        prototype: HTMLSqmScrollElement;
+        new (): HTMLSqmScrollElement;
+    };
+    interface HTMLSqmShareButtonElement extends Components.SqmShareButton, HTMLStencilElement {
     }
-    interface SqmDocusignForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton"?: string;
-        /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-         */
-        "banner"?: string;
-        /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-         */
-        "checkboxDescription"?: string;
-        /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-         */
-        "checkboxLabel"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseDocusignFormResult>;
-        /**
-          * Text inside iframe when Docusign form is compelted
-          * @uiName Docusign completed text
-         */
-        "docusignCompleted"?: string;
-        /**
-          * Text inside iframe when Docusign expires
-          * @uiName Docusign expired text
-         */
-        "docusignExpired"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
-        /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-         */
-        "formSubmissionError"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle"?: string;
-        /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-         */
-        "notBasedInUS"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
-        /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-         */
-        "taxForm"?: string;
-        /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-         */
-        "taxFormDescription"?: string;
-        /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-         */
-        "taxFormLabel"?: string;
+    var HTMLSqmShareButtonElement: {
+        prototype: HTMLSqmShareButtonElement;
+        new (): HTMLSqmShareButtonElement;
+    };
+    interface HTMLSqmShareCodeElement extends Components.SqmShareCode, HTMLStencilElement {
     }
-    interface SqmDropdownField {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<DropdownFieldViewProps>;
-        /**
-          * @uiName Dropdown label
-         */
-        "dropdownLabel"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Dropdown name attribute
-          * @required
-         */
-        "dropdownName"?: string;
-        /**
-          * @uiName Optional
-          * @default
-         */
-        "dropdownOptional"?: boolean;
-        /**
-          * @uiName Unselected error message
-         */
-        "errorMessage"?: string;
+    var HTMLSqmShareCodeElement: {
+        prototype: HTMLSqmShareCodeElement;
+        new (): HTMLSqmShareCodeElement;
+    };
+    interface HTMLSqmShareLinkElement extends Components.SqmShareLink, HTMLStencilElement {
+    }
+    var HTMLSqmShareLinkElement: {
+        prototype: HTMLSqmShareLinkElement;
+        new (): HTMLSqmShareLinkElement;
+    };
+    interface HTMLSqmStatContainerElement extends Components.SqmStatContainer, HTMLStencilElement {
+    }
+    var HTMLSqmStatContainerElement: {
+        prototype: HTMLSqmStatContainerElement;
+        new (): HTMLSqmStatContainerElement;
+    };
+    interface HTMLSqmStencilbookElement extends Components.SqmStencilbook, HTMLStencilElement {
+    }
+    var HTMLSqmStencilbookElement: {
+        prototype: HTMLSqmStencilbookElement;
+        new (): HTMLSqmStencilbookElement;
+    };
+    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    }
+    var HTMLSqmTabElement: {
+        prototype: HTMLSqmTabElement;
+        new (): HTMLSqmTabElement;
+    };
+    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    }
+    var HTMLSqmTableCellElement: {
+        prototype: HTMLSqmTableCellElement;
+        new (): HTMLSqmTableCellElement;
+    };
+    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    }
+    var HTMLSqmTableRowElement: {
+        prototype: HTMLSqmTableRowElement;
+        new (): HTMLSqmTableRowElement;
+    };
+    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    }
+    var HTMLSqmTabsElement: {
+        prototype: HTMLSqmTabsElement;
+        new (): HTMLSqmTabsElement;
+    };
+    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
     }
-    interface SqmEditProfile {
-        /**
-          * @uiName Cancel button text
-         */
-        "canceltext"?: string;
-        /**
-          * @uiName Region field label
-         */
-        "currentregiontext"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<EditProfileViewProps>;
-        /**
-          * @uiName Heading
-         */
-        "editprofileheader"?: string;
-        /**
-          * Enable editing button text
-          * @uiName Edit profile text
-         */
-        "editprofiletext"?: string;
-        /**
-          * @uiName First name label
-         */
-        "firstnametext"?: string;
-        /**
-          * @uiName Last name label
-         */
-        "lastnametext"?: string;
-        /**
-          * Show or hide current region
-          * @uiName Show region
-         */
-        "showregion"?: boolean;
-        /**
-          * @uiName Info button text
-         */
-        "updatetext"?: string;
+    var HTMLSqmTaskCardElement: {
+        prototype: HTMLSqmTaskCardElement;
+        new (): HTMLSqmTaskCardElement;
+    };
+    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
     }
-    interface SqmEmpty {
-        /**
-          * @uiName Title
-         */
-        "emptyStateHeader"?: string;
-        /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
-         */
-        "emptyStateImage"?: string;
-        /**
-          * @uiName Description
-          * @uiWidget textArea
-         */
-        "emptyStateText"?: string;
+    var HTMLSqmTaxAndCashElement: {
+        prototype: HTMLSqmTaxAndCashElement;
+        new (): HTMLSqmTaxAndCashElement;
+    };
+    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
     }
-    interface SqmFormMessage {
-        /**
-          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
-          * @uiName Icon
-         */
-        "icon"?: string;
-        /**
-          * Options include "success", "info", "warning", and "error"
-          * @uiName Alert type
-         */
-        "type"?: string;
+    var HTMLSqmTaxDocumentSubmittedElement: {
+        prototype: HTMLSqmTaxDocumentSubmittedElement;
+        new (): HTMLSqmTaxDocumentSubmittedElement;
+    };
+    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
     }
-    interface SqmGraphqlClientProvider {
-        /**
-          * @uiName Domain
-         */
-        "domain"?: string;
+    var HTMLSqmTextElement: {
+        prototype: HTMLSqmTextElement;
+        new (): HTMLSqmTextElement;
+    };
+    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
     }
-    interface SqmHeaderLogo {
-        /**
-          * @uiName Logo height
-         */
-        "height"?: number;
-        /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Logo image
-         */
-        "imageUrl"?: string;
-        /**
-          * Page participants are navigated to after clicking the header logo.
-          * @uiName Redirect path
-          * @uiWidget pageSelect
-         */
-        "nextPage"?: string;
+    var HTMLSqmTextSpanElement: {
+        prototype: HTMLSqmTextSpanElement;
+        new (): HTMLSqmTextSpanElement;
+    };
+    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
     }
-    interface SqmHero {
-        /**
-          * Can be an image url, colour or Shoelace variable.
-          * @uiName Background
-          * @uiWidget Background
-         */
-        "background"?: string;
-        /**
-          * @uiName Columns
-          * @uiEnum [1, 2]
-          * @uiEnumNames ["One", "Two"]
-         */
-        "columns"?: 1 | 2;
-        /**
-          * Minimum height of each column including when they are stacked on mobile
-          * @uiName Minimum height (in px)
-         */
-        "minHeight"?: number;
-        /**
-          * @uiName Padding size
-          * @uiEnum ["none", "small", "medium","large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
-         */
-        "paddingSize"?: "none" | "small" | "medium" | "large";
-        /**
-          * Secondary background image or color (for use in the right column)
-          * @uiName Secondary background
-          * @uiWidget Background
-         */
-        "secondaryBackground"?: string;
-        /**
-          * Flexbox wrap direction, accepts wrap or wrap-reverse
-          * @uiName Wrap direction
-          * @uiEnum ["wrap", "wrap-reverse"]
-          * @uiEnumNames ["Wrap", "Wrap Reverse"]
-         */
-        "wrapDirection"?: "wrap" | "wrap-reverse";
+    var HTMLSqmTimelineElement: {
+        prototype: HTMLSqmTimelineElement;
+        new (): HTMLSqmTimelineElement;
+    };
+    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
+    }
+    var HTMLSqmTimelineEntryElement: {
+        prototype: HTMLSqmTimelineEntryElement;
+        new (): HTMLSqmTimelineEntryElement;
+    };
+    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
+    }
+    var HTMLSqmTitledSectionElement: {
+        prototype: HTMLSqmTitledSectionElement;
+        new (): HTMLSqmTitledSectionElement;
+    };
+    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    }
+    var HTMLSqmUserInfoFormElement: {
+        prototype: HTMLSqmUserInfoFormElement;
+        new (): HTMLSqmUserInfoFormElement;
+    };
+    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    }
+    var HTMLSqmUserNameElement: {
+        prototype: HTMLSqmUserNameElement;
+        new (): HTMLSqmUserNameElement;
+    };
+    interface HTMLElementTagNameMap {
+        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
+        "sqm-asset-card": HTMLSqmAssetCardElement;
+        "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
+        "sqm-big-stat": HTMLSqmBigStatElement;
+        "sqm-brand": HTMLSqmBrandElement;
+        "sqm-card-feed": HTMLSqmCardFeedElement;
+        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
+        "sqm-close-button": HTMLSqmCloseButtonElement;
+        "sqm-context-router": HTMLSqmContextRouterElement;
+        "sqm-coupon-code": HTMLSqmCouponCodeElement;
+        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
+        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
+        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
+        "sqm-docusign-form": HTMLSqmDocusignFormElement;
+        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
+        "sqm-edit-profile": HTMLSqmEditProfileElement;
+        "sqm-empty": HTMLSqmEmptyElement;
+        "sqm-form-message": HTMLSqmFormMessageElement;
+        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
+        "sqm-header-logo": HTMLSqmHeaderLogoElement;
+        "sqm-hero": HTMLSqmHeroElement;
+        "sqm-hero-image": HTMLSqmHeroImageElement;
+        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
+        "sqm-image": HTMLSqmImageElement;
+        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
+        "sqm-input-field": HTMLSqmInputFieldElement;
+        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
+        "sqm-leaderboard": HTMLSqmLeaderboardElement;
+        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
+        "sqm-link-button": HTMLSqmLinkButtonElement;
+        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
+        "sqm-name-fields": HTMLSqmNameFieldsElement;
+        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
+        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
+        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
+        "sqm-password-field": HTMLSqmPasswordFieldElement;
+        "sqm-popup-container": HTMLSqmPopupContainerElement;
+        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
+        "sqm-portal-container": HTMLSqmPortalContainerElement;
+        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
+        "sqm-portal-footer": HTMLSqmPortalFooterElement;
+        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
+        "sqm-portal-frame": HTMLSqmPortalFrameElement;
+        "sqm-portal-login": HTMLSqmPortalLoginElement;
+        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
+        "sqm-portal-profile": HTMLSqmPortalProfileElement;
+        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
+        "sqm-portal-register": HTMLSqmPortalRegisterElement;
+        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
+        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
+        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
+        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
+        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
+        "sqm-program-menu": HTMLSqmProgramMenuElement;
+        "sqm-referral-card": HTMLSqmReferralCardElement;
+        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
+        "sqm-referral-table": HTMLSqmReferralTableElement;
+        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
+        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
+        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
+        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
+        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
+        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
+        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
+        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
+        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
+        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
+        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
+        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
+        "sqm-rewards-table": HTMLSqmRewardsTableElement;
+        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
+        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
+        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
+        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
+        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
+        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
+        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
+        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
+        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
+        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
+        "sqm-route": HTMLSqmRouteElement;
+        "sqm-router": HTMLSqmRouterElement;
+        "sqm-scroll": HTMLSqmScrollElement;
+        "sqm-share-button": HTMLSqmShareButtonElement;
+        "sqm-share-code": HTMLSqmShareCodeElement;
+        "sqm-share-link": HTMLSqmShareLinkElement;
+        "sqm-stat-container": HTMLSqmStatContainerElement;
+        "sqm-stencilbook": HTMLSqmStencilbookElement;
+        "sqm-tab": HTMLSqmTabElement;
+        "sqm-table-cell": HTMLSqmTableCellElement;
+        "sqm-table-row": HTMLSqmTableRowElement;
+        "sqm-tabs": HTMLSqmTabsElement;
+        "sqm-task-card": HTMLSqmTaskCardElement;
+        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
+        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
+        "sqm-text": HTMLSqmTextElement;
+        "sqm-text-span": HTMLSqmTextSpanElement;
+        "sqm-timeline": HTMLSqmTimelineElement;
+        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
+        "sqm-titled-section": HTMLSqmTitledSectionElement;
+        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
+        "sqm-user-name": HTMLSqmUserNameElement;
     }
-    interface SqmHeroImage {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-         */
-        "backgroundColor"?: string;
-        /**
-          * @uiName Button link
-         */
-        "buttonLink"?: string;
+}
+declare namespace LocalJSX {
+    interface RaisinsPlopTarget {
+    }
+    interface SqmAssetCard {
         /**
-          * @uiName Open link in new tab
-          * @default
+          * @undocumented 
+          * @uiType object
          */
-        "buttonNewTab"?: boolean;
+        "demoData"?: DemoData<AssetCardViewProps>;
         /**
-          * @uiName Button text
+          * @uiName Banner image
          */
-        "buttonText"?: string;
+        "imgUrl"?: string;
         /**
-          * @uiName Description
-          * @uiWidget textArea
+          * @uiName Banner title
          */
-        "description"?: string;
+        "titleText"?: string;
+    }
+    interface SqmBankingInfoForm {
         /**
-          * @uiName Title
+          * @undocumented 
+          * @uiType object
          */
-        "header"?: string;
+        "demoData"?: DemoData<any>;
+        "directlyToBankAccount"?: string;
+        "formStep"?: string;
+        "paymentMethod"?: string;
+        "submitButton"?: string;
+        "taxAndPayouts"?: string;
+        "taxAndPayoutsDescription"?: string;
+        "toPaypalAccount"?: string;
+    }
+    interface SqmBigStat {
         /**
-          * @uiName Image mobile position
+          * Controls the alignment of the flexbox
+          * @uiName Alignment
           * @uiType string
-          * @uiEnum ["top", "bottom"]
-          * @uiEnumNames ["Top", "Bottom"]
+          * @uiEnum ["left", "right", "center"]
+          * @uiEnumNames ["Left", "Right", "Center"]
          */
-        "imageMobilePos"?: "top" | "bottom";
+        "alignment"?: "left" | "right" | "center";
         /**
-          * @uiName Image percentage
-          * @uiType number
+          * @undocumented 
+          * @uiType object
          */
-        "imagePercentage"?: number;
+        "demoData"?: DemoData<BigStatViewProps>;
         /**
-          * @uiName Image position
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * Controls the order of the stat value & description column
+          * @uiName Flex reverse
+          * @default
          */
-        "imagePos"?: "left" | "center" | "right";
+        "flexReverse"?: boolean;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
+          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "imageUrl"?: string;
+        "programId"?: string;
         /**
-          * @uiName Image layout
-          * @uiType string
-          * @uiEnum ["overlay", "columns"]
-          * @uiEnumNames ["Overlay", "Two-column"]
+          * Select what type of stat to display. Manual paths are also supported.
+          * @uiWidget statTypeSelectWidget
+          * @uiName Stat type
+          * @required 
+          * @uiWidgetOptions {"version": 1.1}
          */
-        "layout"?: "overlay" | "columns";
+        "statType"?: string;
+    }
+    interface SqmBrand {
         /**
-          * @uiName Overlay color
+          * Controls the primary brand color used in the Mint Components library.
+          * @uiName Brand color
           * @uiWidget color
           * @format color
          */
-        "overlayColor"?: string;
-        /**
-          * @uiName Overlay opacity
-         */
-        "overlayOpacity"?: string;
+        "brandColor"?: string;
         /**
-          * @uiName Image padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
+          * @uiName Brand font
+          * @default "Nunito Sans"
          */
-        "paddingImage"?: Spacing;
+        "brandFont"?: string;
+    }
+    interface SqmCardFeed {
         /**
-          * @uiName Text padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Column gap
+          * @uiType number
          */
-        "paddingText"?: Spacing;
+        "gap"?: number;
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * @uiName Card width
          */
-        "textColor"?: string;
-    }
-    interface SqmHookStoryContainer {
-        "hookStory"?: FunctionalComponent;
+        "width"?: number;
     }
-    interface SqmImage {
+    interface SqmCheckboxField {
         /**
-          * @uiName Position alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName Checkbox label
+          * @uiWidget textArea
          */
-        "alignment"?: "left" | "center" | "right";
+        "checkboxLabel"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * Used with link text if the checkbox label contains {labelLink}
+          * @uiName Checkbox label link
          */
-        "backgroundColor"?: string;
+        "checkboxLabelLink"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @required 
-          * @uiName Image link
+          * @uiName Checkbox label link lext
          */
-        "imageUrl"?: string;
+        "checkboxLabelLinkText"?: string;
         /**
-          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
-          * @uiName Minimum height
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Checkbox name attribute
+          * @required
          */
-        "minHeight"?: string;
-    }
-    interface SqmIndirectTaxForm {
-        "backButton"?: string;
+        "checkboxName"?: string;
         /**
-          * @undocumented
+          * @uiName Optional
          */
-        "demoData"?: DemoData<UseIndirectTaxFormResult>;
-        "formStep"?: string;
-        "generalErrorDescription"?: string;
-        "generalErrorTitle"?: string;
-        "indirectTax"?: string;
-        "indirectTaxDescription"?: string;
-        "indirectTaxDetails"?: string;
-        "indirectTaxDetailsDescription"?: string;
-        "indirectTaxNumber"?: string;
-        "indirectTaxNumberError"?: string;
-        "isPartnerAlertDescription"?: string;
-        "isPartnerAlertHeader"?: string;
-        "isRegisteredQST"?: string;
-        "isRegisteredSubRegionIncomeTax"?: string;
-        "notRegistered"?: string;
-        "otherRegion"?: string;
-        "province"?: string;
-        "provinceError"?: string;
-        "qstNumber"?: string;
-        "qstTaxNumberError"?: string;
-        "selectedRegion"?: string;
-        "selectedRegionError"?: string;
-        "subRegion"?: string;
-        "subRegionError"?: string;
-        "subRegionTaxNumberError"?: string;
-        "subRegionTaxNumberLabel"?: string;
-        "submitButton"?: string;
-        "taxDetailsError"?: string;
-    }
-    interface SqmInputField {
+        "checkboxOptional"?: boolean;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<InputFieldViewProps>;
+        "demoData"?: DemoData<CheckboxFieldViewProps>;
         /**
-          * @uiName Required error message
+          * @uiName Unchecked error message
          */
         "errorMessage"?: string;
+    }
+    interface SqmCloseButton {
         /**
-          * @uiName Input label
-         */
-        "fieldLabel"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Input name attribute
-          * @required
-         */
-        "fieldName"?: string;
-        /**
-          * @uiName Optional
-          * @default
-         */
-        "fieldOptional"?: boolean;
-        /**
-          * @uiName Input type
+          * @uiName Color
+          * @uiWidget color
           * @uiType string
-          * @uiEnum ["text", "date", "tel"]
-          * @uiEnumNames ["Text", "Date", "Phone Number"]
          */
-        "fieldType"?: "text" | "date" | "tel";
+        "color"?: string;
+    }
+    interface SqmContextRouter {
+        "contextName"?: string;
     }
-    interface SqmInstantAccessRegistration {
+    interface SqmCouponCode {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
+          * Set the copy button style and placement.
+          * @uiName Style
           * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "backgroundColor"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * @undocumented 
-          * @uiType object
+          * Display this message when the coupon code has been cancelled.
+          * @uiWidget textArea
+          * @uiName Cancelled code error message
+          * @uiGroup Coupon code error
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "cancelledErrorText"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Copy button label
          */
-        "emailLabel"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * @uiName First name field label
+          * @uiName Coupon code label
          */
-        "firstNameLabel"?: string;
+        "couponCodeLabel"?: string;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * Display this text when the coupon code can’t be retrieved.
+          * @uiName Coupon code placeholder
+          * @uiGroup Coupon code error
          */
-        "hideBorder"?: boolean;
+        "couponCodePlaceholder"?: string;
         /**
           * @undocumented 
-          * @uiType boolean
-         */
-        "includeCookies"?: boolean;
-        /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * @uiType object
          */
-        "includeName"?: boolean;
+        "demoData"?: DemoData<CouponCodeViewProps>;
         /**
-          * Display this message when the given email is invalid.
-          * @uiName Invalid email message
+          * Display this message when the coupon code has expired.
           * @uiWidget textArea
-          * @uiGroup Error messages
-         */
-        "invalidEmailErrorMessage"?: string;
-        /**
-          * @uiName Last name field label
+          * @uiName Expired code error message
+          * @uiGroup Coupon code error
          */
-        "lastNameLabel"?: string;
+        "expiredErrorText"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
-          * @uiName Network error message
+          * Display this message when the code fails to load due to a fulfillment error.
           * @uiWidget textArea
-          * @uiGroup Error messages
-         */
-        "networkErrorMessage"?: string;
-        /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "paddingBottom"?: string;
-        /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Code fulfillment error message
+          * @uiGroup Coupon code error
          */
-        "paddingLeft"?: string;
+        "fullfillmentErrorText"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Display this message when the code fails to load due to an unspecified error.
+          * @uiWidget textArea
+          * @uiName Code retrieval error message
+          * @uiGroup Coupon code error
          */
-        "paddingRight"?: string;
+        "genericErrorText"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
+          * @uiWidget textArea
+          * @uiName Code pending error message
+          * @uiGroup Coupon code error
          */
-        "paddingTop"?: string;
+        "pendingErrorText"?: string;
         /**
-          * @uiName Register button text
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "registerLabel"?: string;
+        "programId"?: string;
         /**
-          * Display this message when a required field has not been filled out.
-          * @uiName Required field message
+          * Display this message when the coupon code has already been redeemed.
           * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Redeemed code error message
+          * @uiGroup Coupon code error
          */
-        "requiredFieldErrorMessage"?: string;
-    }
-    interface SqmLeaderboard {
+        "redeemedErrorText"?: string;
         /**
-          * Title displayed for users without names
-          * @uiName Unknown user text
+          * @uiName Coupon code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "anonymousUser"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * @undocumented 
-          * @uiType object
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "demoData"?: DemoData<LeaderboardViewProps>;
+        "tooltiplifespan"?: number;
         /**
-          * Hide the viewer's leaderboard row if not in the top results.
-          * @uiName Hide viewing user
-          * @default
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
+          * @uiName Tooltip text
          */
-        "hideViewer"?: boolean;
+        "tooltiptext"?: string;
+    }
+    interface SqmDividedLayout {
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
          */
-        "interval"?: string;
+        "direction"?: "row" | "column";
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
+          * @uiName Border style
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "dividerStyle"?: string;
+    }
+    interface SqmDocumentTypeForm {
         /**
-          * Control the maximum amount of rows displayed on the leaderboard.
-          * @uiName Maximum rows number
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "maxRows"?: number;
+        "backButton"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * @undocumented 
+          * @uiType object
          */
-        "programId"?: string;
+        "demoData"?: DemoData<UseDocumentTypeFormResult>;
         /**
-          * @uiName Rank type
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "formLabel"?: string;
         /**
-          * @uiName Rank column heading
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
          */
-        "rankheading"?: string;
+        "formStep"?: string;
         /**
-          * @uiName Show leaderboard rank
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "showRank"?: boolean;
+        "generalErrorDescription"?: string;
         /**
-          * @uiName Stats column heading
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "statsheading"?: string;
+        "generalErrorTitle"?: string;
         /**
-          * @uiName User column heading
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "usersheading"?: string;
-    }
-    interface SqmLeaderboardRank {
+        "submitButton"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
          */
-        "demoData"?: DemoData<LeaderboardRankViewProps>;
+        "taxForm"?: string;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * Description for the W8 radio button
+          * @uiName W8 radio button subtext
          */
-        "interval"?: string;
+        "w8Description"?: string;
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * Description for the W8E radio button
+          * @uiName W8E radio button subtext
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "w8EDescription"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
          */
-        "programId"?: string;
+        "w8ELabel"?: string;
         /**
-          * @uiName Rank text
-          * @uiWidget textArea
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
          */
-        "rankText"?: string;
+        "w8Label"?: string;
         /**
-          * @uiName Default rank
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * Description for the W9 radio button
+          * @uiName W9 radio button subtext
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "w9Description"?: string;
         /**
-          * @uiName Unranked text
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
          */
-        "unrankedText"?: string;
+        "w9Label"?: string;
+    }
+    interface SqmDocusignEmbed {
+        "onDocusignEvent"?: (event: CustomEvent<{ status: string }>) => void;
+        "url"?: string;
     }
-    interface SqmLinkButton {
+    interface SqmDocusignForm {
         /**
-          * @uiName Button text
-          * @uiType string
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "buttonText"?: string;
+        "backButton"?: string;
         /**
-          * Enter the URL where you want your participants redirected. Example: https://www.example.com
-          * @required 
-          * @uiName Link
+          * Text shown in the banner above the document
+          * @uiName Banner text
          */
-        "link"?: string;
+        "banner"?: string;
         /**
-          * @uiName Open link in new tab
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
          */
-        "openInNewTab"?: boolean;
-    }
-    interface SqmLogoutCurrentUser {
+        "checkboxDescription"?: string;
         /**
-          * @required 
-          * @uiName Switch user button link
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "checkboxLabel"?: string;
         /**
-          * @required 
-          * @uiName Switch user button label
+          * @undocumented 
+          * @uiType object
          */
-        "switchUserText"?: string;
+        "demoData"?: DemoData<UseDocusignFormResult>;
         /**
-          * @required 
-          * @uiName User identification text
+          * Text inside iframe when Docusign form is compelted
+          * @uiName Docusign completed text
          */
-        "userIdentificationText"?: string;
-    }
-    interface SqmNameFields {
+        "docusignCompleted"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Text inside iframe when Docusign expires
+          * @uiName Docusign expired text
          */
-        "demoData"?: DemoData<NameFieldsViewProps>;
+        "docusignExpired"?: string;
         /**
-          * @uiName First name label
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
          */
-        "firstNameLabel"?: string;
+        "formStep"?: string;
         /**
-          * @uiName Last name label
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
          */
-        "lastNameLabel"?: string;
-    }
-    interface SqmNavigationMenu {
+        "formSubmissionError"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "demoData"?: DemoData<NavigationMenuViewProps>;
+        "generalErrorDescription"?: string;
         /**
-          * @uiName Include dropdown menu
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "includeDropdown"?: boolean;
+        "generalErrorTitle"?: string;
         /**
-          * Label on the header menu
-          * @uiName Menu label
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
          */
-        "menuLabel"?: string;
-    }
-    interface SqmNavigationSidebar {
-    }
-    interface SqmNavigationSidebarItem {
+        "notBasedInUS"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
+        "submitButton"?: string;
         /**
-          * Options available at https://shoelace.style/components/icon
-          * @uiName Icon
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
          */
-        "icon"?: string;
+        "taxForm"?: string;
         /**
-          * @uiName Label
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
          */
-        "label"?: string;
+        "taxFormDescription"?: string;
         /**
-          * @uiName Navigation path
-          * @uiWidget pageSelect
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
          */
-        "path"?: string;
+        "taxFormLabel"?: string;
     }
-    interface SqmPasswordField {
+    interface SqmDropdownField {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: PasswordFieldViewDemoProps;
+        "demoData"?: DemoData<DropdownFieldViewProps>;
         /**
-          * Disable live password validation
-          * @uiName Disable validation
+          * @uiName Dropdown label
          */
-        "disableValidation"?: boolean;
+        "dropdownLabel"?: string;
         /**
-          * Label for password field
-          * @uiName Password label
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Dropdown name attribute
+          * @required
          */
-        "fieldLabel"?: string;
-    }
-    interface SqmPopupContainer {
+        "dropdownName"?: string;
         /**
-          * Display a close button on the popup
-          * @uiName Show close button
+          * @uiName Optional
+          * @default
          */
-        "closeButton"?: boolean;
+        "dropdownOptional"?: boolean;
         /**
-          * Text inside the close button
-          * @uiName Close button text
+          * @uiName Unselected error message
          */
-        "closeButtonText"?: string;
+        "errorMessage"?: string;
+    }
+    interface SqmEditProfile {
         /**
-          * Specify padding on the popup contents when in embedded mode
-          * @uiName Embed padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * @uiName Cancel button text
          */
-        "embedPadding"?: "none" | "small" | "medium" | "large";
+        "canceltext"?: string;
         /**
-          * Specify padding on the popup contents when in popup mode
-          * @uiName Popup padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * @uiName Region field label
          */
-        "popupPadding"?: "none" | "small" | "medium" | "large";
+        "currentregiontext"?: string;
         /**
-          * Show Powered with SaaSquatch by Impact.com link
-          * @uiName Show powered by
+          * @undocumented 
+          * @uiType object
          */
-        "poweredBy"?: boolean;
-    }
-    interface SqmPortalChangePassword {
+        "demoData"?: DemoData<EditProfileViewProps>;
         /**
-          * Found in modal
-          * @uiName Cancel button text
+          * @uiName Heading
          */
-        "cancelText"?: string;
+        "editprofileheader"?: string;
         /**
-          * Found in modal
-          * @uiName Change password button text
+          * Enable editing button text
+          * @uiName Edit profile text
          */
-        "changePasswordButtonText"?: string;
+        "editprofiletext"?: string;
         /**
-          * Found in modal
-          * @uiName Confirm password Label
+          * @uiName First name label
          */
-        "confirmPasswordFieldLabel"?: string;
+        "firstnametext"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Last name label
          */
-        "demoData"?: DemoData<PortalChangePasswordViewProps>;
+        "lastnametext"?: string;
         /**
-          * @uiName Change password modal header
+          * Show or hide current region
+          * @uiName Show region
          */
-        "modalChangePasswordHeader"?: string;
+        "showregion"?: boolean;
         /**
-          * Found in modal
-          * @uiName New password field label
+          * @uiName Info button text
          */
-        "passwordFieldLabel"?: string;
+        "updatetext"?: string;
+    }
+    interface SqmEmpty {
         /**
-          * @uiName Change password button text
+          * @uiName Title
          */
-        "portalChangePasswordButtonText"?: string;
+        "emptyStateHeader"?: string;
         /**
-          * Portal change password section header
-          * @uiName Change password header
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
          */
-        "portalChangePasswordHeader"?: string;
+        "emptyStateImage"?: string;
         /**
-          * Successful password change message
-          * @uiName Successful password change message
+          * @uiName Description
           * @uiWidget textArea
          */
-        "successMessage"?: string;
+        "emptyStateText"?: string;
     }
-    interface SqmPortalContainer {
+    interface SqmFormMessage {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "backgroundColor"?: string;
+        "icon"?: string;
         /**
-          * @uiName Center content
+          * Options include "success", "info", "warning", and "error"
+          * @uiName Alert type
          */
-        "center"?: boolean;
+        "type"?: string;
+    }
+    interface SqmGraphqlClientProvider {
         /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
+          * @uiName Domain
          */
-        "direction"?: "row" | "column";
+        "domain"?: string;
+    }
+    interface SqmHeaderLogo {
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * @uiName Logo height
+         */
+        "height"?: number;
+        /**
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Logo image
+         */
+        "imageUrl"?: string;
+        /**
+          * Page participants are navigated to after clicking the header logo.
+          * @uiName Redirect path
+          * @uiWidget pageSelect
+         */
+        "nextPage"?: string;
+    }
+    interface SqmHero {
+        /**
+          * Can be an image url, colour or Shoelace variable.
+          * @uiName Background
+          * @uiWidget Background
          */
-        "display"?: "grid" | "flex";
+        "background"?: string;
         /**
-          * @uiName Gap
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Columns
+          * @uiEnum [1, 2]
+          * @uiEnumNames ["One", "Two"]
          */
-        "gap"?: Spacing;
+        "columns"?: 1 | 2;
         /**
-          * Define how this container distributes its contents along the main-axis.
-          * @uiName Justify content
-          * @uiType string
-          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
-          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
+          * Minimum height of each column including when they are stacked on mobile
+          * @uiName Minimum height (in px)
          */
-        "justifyContent"?: | "start"
-    | "center"
-    | "end"
-    | "space-between"
-    | "space-around"
-    | "space-evenly";
+        "minHeight"?: number;
         /**
-          * @uiName Maximum width
+          * @uiName Padding size
+          * @uiEnum ["none", "small", "medium","large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "maxWidth"?: string;
+        "paddingSize"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Minimum width
+          * Secondary background image or color (for use in the right column)
+          * @uiName Secondary background
+          * @uiWidget Background
          */
-        "minWidth"?: string;
+        "secondaryBackground"?: string;
         /**
-          * @uiName Padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Flexbox wrap direction, accepts wrap or wrap-reverse
+          * @uiName Wrap direction
+          * @uiEnum ["wrap", "wrap-reverse"]
+          * @uiEnumNames ["Wrap", "Wrap Reverse"]
          */
-        "padding"?: Spacing;
+        "wrapDirection"?: "wrap" | "wrap-reverse";
     }
-    interface SqmPortalEmailVerification {
+    interface SqmHeroImage {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
+        "backgroundColor"?: string;
         /**
-          * @uiName Email verification header text
+          * @uiName Button link
          */
-        "emailVerificationHeader"?: string;
+        "buttonLink"?: string;
         /**
-          * Redirect participants to this page from their verification email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @uiName Open link in new tab
+          * @default
          */
-        "redirectPath"?: string;
+        "buttonNewTab"?: boolean;
         /**
-          * @uiName Re-send email button text
+          * @uiName Button text
          */
-        "resendEmailButtonText"?: string;
+        "buttonText"?: string;
         /**
-          * @uiName Email verification checking text
+          * @uiName Description
           * @uiWidget textArea
          */
-        "verificationLoadingMessage"?: string;
+        "description"?: string;
         /**
-          * @uiName Email verification status text
-          * @uiWidget textArea
+          * @uiName Title
          */
-        "verificationStatusMessage"?: string;
+        "header"?: string;
         /**
-          * @uiName Email verification body text
-          * @uiWidget textArea
+          * @uiName Image mobile position
+          * @uiType string
+          * @uiEnum ["top", "bottom"]
+          * @uiEnumNames ["Top", "Bottom"]
          */
-        "verifyMessage"?: string;
-    }
-    interface SqmPortalFooter {
+        "imageMobilePos"?: "top" | "bottom";
         /**
-          * @uiName FAQ link
+          * @uiName Image percentage
+          * @uiType number
          */
-        "faqLink"?: string;
+        "imagePercentage"?: number;
         /**
-          * @uiName FAQ text
+          * @uiName Image position
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "faqText"?: string;
+        "imagePos"?: "left" | "center" | "right";
         /**
-          * @uiName Hide powered with SaaSquatch by Impact.com
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
          */
-        "hidePoweredBy"?: boolean;
+        "imageUrl"?: string;
         /**
-          * @uiName Hide support message
+          * @uiName Image layout
+          * @uiType string
+          * @uiEnum ["overlay", "columns"]
+          * @uiEnumNames ["Overlay", "Two-column"]
          */
-        "hideSupportText"?: boolean;
+        "layout"?: "overlay" | "columns";
         /**
-          * @uiName Bottom padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Overlay color
+          * @uiWidget color
+          * @format color
          */
-        "paddingBottom"?: string;
+        "overlayColor"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Overlay opacity
          */
-        "paddingLeft"?: string;
+        "overlayOpacity"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Padding
+          * @uiName Image padding
+          * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingRight"?: string;
+        "paddingImage"?: Spacing;
         /**
-          * @uiName Top padding
-          * @uiGroup Padding
+          * @uiName Text padding
+          * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingTop"?: string;
+        "paddingText"?: Spacing;
         /**
-          * @uiName Powered By link
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "poweredByLink"?: string;
+        "textColor"?: string;
+    }
+    interface SqmHookStoryContainer {
+        "hookStory"?: FunctionalComponent;
+    }
+    interface SqmImage {
         /**
-          * @uiName Support email
+          * @uiName Position alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "supportEmail"?: string;
+        "alignment"?: "left" | "center" | "right";
         /**
-          * @uiName Support message
-          * @uiWidget textArea
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "supportText"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Terms and conditions link
+          * @uiWidget ImageUpload
+          * @format url
+          * @required 
+          * @uiName Image link
          */
-        "termsLink"?: string;
+        "imageUrl"?: string;
         /**
-          * @uiName Terms and conditions text
+          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
+          * @uiName Minimum height
          */
-        "termsText"?: string;
+        "minHeight"?: string;
     }
-    interface SqmPortalForgotPassword {
+    interface SqmIndirectTaxForm {
+        "backButton"?: string;
+        /**
+          * @undocumented
+         */
+        "demoData"?: DemoData<UseIndirectTaxFormResult>;
+        "formStep"?: string;
+        "generalErrorDescription"?: string;
+        "generalErrorTitle"?: string;
+        "indirectTax"?: string;
+        "indirectTaxDescription"?: string;
+        "indirectTaxDetails"?: string;
+        "indirectTaxDetailsDescription"?: string;
+        "indirectTaxNumber"?: string;
+        "indirectTaxNumberError"?: string;
+        "isPartnerAlertDescription"?: string;
+        "isPartnerAlertHeader"?: string;
+        "isRegisteredQST"?: string;
+        "isRegisteredSubRegionIncomeTax"?: string;
+        "notRegistered"?: string;
+        "otherRegion"?: string;
+        "province"?: string;
+        "provinceError"?: string;
+        "qstNumber"?: string;
+        "qstTaxNumberError"?: string;
+        "selectedRegion"?: string;
+        "selectedRegionError"?: string;
+        "subRegion"?: string;
+        "subRegionError"?: string;
+        "subRegionTaxNumberError"?: string;
+        "subRegionTaxNumberLabel"?: string;
+        "submitButton"?: string;
+        "taxDetailsError"?: string;
+    }
+    interface SqmInputField {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
+        "demoData"?: DemoData<InputFieldViewProps>;
         /**
-          * @uiName Email field label
+          * @uiName Required error message
          */
-        "emailLabel"?: string;
+        "errorMessage"?: string;
         /**
-          * @uiName Header text
-          * @uiWidget textArea
+          * @uiName Input label
          */
-        "headerText"?: string;
+        "fieldLabel"?: string;
         /**
-          * @uiName Login redirect path
-          * @uiWidget pageSelect
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Input name attribute
+          * @required
          */
-        "loginPath"?: string;
+        "fieldName"?: string;
         /**
-          * Sign in link text
+          * @uiName Optional
+          * @default
+         */
+        "fieldOptional"?: boolean;
+        /**
+          * @uiName Input type
+          * @uiType string
+          * @uiEnum ["text", "date", "tel"]
+          * @uiEnumNames ["Text", "Date", "Phone Number"]
+         */
+        "fieldType"?: "text" | "date" | "tel";
+    }
+    interface SqmInstantAccessRegistration {
+        /**
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "loginText"?: string;
+        "backgroundColor"?: string;
         /**
-          * Redirect participants to this page after they verify their email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @undocumented 
+          * @uiType object
          */
-        "redirectPath"?: string;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * @uiName Password reset button text
+          * @uiName Email field label
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalFrame {
+        "emailLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName First name field label
          */
-        "demoData"?: DemoData<PortalFrameViewProps>;
+        "firstNameLabel"?: string;
         /**
-          * @undocumented
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "notFullScreen"?: boolean;
-    }
-    interface SqmPortalLogin {
+        "hideBorder"?: boolean;
         /**
           * @undocumented 
-          * @uiType object
+          * @uiType boolean
          */
-        "demoData"?: DemoData<PortalLoginViewProps>;
+        "includeCookies"?: boolean;
         /**
-          * @uiName Email field label
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "emailLabel"?: string;
+        "includeName"?: boolean;
         /**
-          * @uiName Forgot password text
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "forgotPasswordLabel"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Redirect participants to this page to reset their password
-          * @uiName Forgot password redirect
-          * @uiWidget pageSelect
+          * @uiName Last name field label
          */
-        "forgotPasswordPath"?: string;
+        "lastNameLabel"?: string;
         /**
-          * Redirect participants to this page after they successfully login.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "nextPage"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * @uiName Heading label
-          * @uiWidget textArea
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "pageLabel"?: string;
+        "paddingBottom"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "passwordLabel"?: string;
+        "paddingLeft"?: string;
         /**
-          * @uiName Register button text
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "registerLabel"?: string;
+        "paddingRight"?: string;
         /**
-          * Redirect participants to this page to start registration.
-          * @uiName Register button redirect
-          * @uiWidget pageSelect
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "registerPath"?: string;
+        "paddingTop"?: string;
         /**
-          * @uiName Submit button text
+          * @uiName Register button text
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalLogout {
+        "registerLabel"?: string;
         /**
-          * Redirect participants to this page when they log out.
-          * @uiName Logout redirect path
-          * @uiWidget pageSelect
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "nextPage"?: string;
+        "requiredFieldErrorMessage"?: string;
     }
-    interface SqmPortalProfile {
+    interface SqmLeaderboard {
         /**
-          * @uiName Country field label
+          * Title displayed for users without names
+          * @uiName Unknown user text
          */
-        "countrytext"?: string;
+        "anonymousUser"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalProfileViewProps>;
+        "demoData"?: DemoData<LeaderboardViewProps>;
         /**
-          * @uiName Edit profile header
+          * Hide the viewer's leaderboard row if not in the top results.
+          * @uiName Hide viewing user
+          * @default
          */
-        "editProfileHeader"?: string;
+        "hideViewer"?: boolean;
         /**
-          * @uiName Edit profile sub header
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "editProfileSubHeader"?: string;
+        "interval"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "emailtext"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * @uiName First name label
+          * Control the maximum amount of rows displayed on the leaderboard.
+          * @uiName Maximum rows number
          */
-        "firstnametext"?: string;
+        "maxRows"?: number;
         /**
-          * @uiName Hide country field
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "hideCountry"?: boolean;
+        "programId"?: string;
         /**
-          * @uiName Last name field label
+          * @uiName Rank type
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "lastnametext"?: string;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * @uiName Submit changes button text
+          * @uiName Rank column heading
          */
-        "submitChangeButtonText"?: string;
-    }
-    interface SqmPortalProtectedRoute {
+        "rankheading"?: string;
         /**
-          * Redirect participants to this page they are not logged in.
-          * @uiName Unauthenticated participant redirect
+          * @uiName Show leaderboard rank
          */
-        "redirectTo"?: string;
+        "showRank"?: boolean;
         /**
-          * Redirect participants to this page when email verification is required but they have not verified their email.
-          * @uiName Unverified participant redirect
+          * @uiName Stats column heading
          */
-        "redirectToUnverified"?: string;
+        "statsheading"?: string;
         /**
-          * @uiName Require email verification
+          * @uiName User column heading
          */
-        "requireEmailVerification"?: boolean;
+        "usersheading"?: string;
     }
-    interface SqmPortalRegister {
-        /**
-          * @uiName Show confirm password field
-         */
-        "confirmPassword"?: boolean;
-        /**
-          * @uiName Confirm password field label
-         */
-        "confirmPasswordLabel"?: string;
+    interface SqmLeaderboardRank {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalRegisterViewProps>;
+        "demoData"?: DemoData<LeaderboardRankViewProps>;
         /**
-          * @uiName Disable password validation
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "disablePasswordValidation"?: boolean;
+        "interval"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "emailLabel"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "hideInputs"?: boolean;
+        "programId"?: string;
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
+          * @uiName Rank text
           * @uiWidget textArea
          */
-        "invalidEmailErrorMessage"?: string;
+        "rankText"?: string;
         /**
-          * @uiName Login button text
+          * @uiName Default rank
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "loginLabel"?: string;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * @uiName Unranked text
          */
-        "loginPath"?: string;
+        "unrankedText"?: string;
+    }
+    interface SqmLinkButton {
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
+          * @uiName Button text
+          * @uiType string
          */
-        "networkErrorMessage"?: string;
+        "buttonText"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * Enter the URL where you want your participants redirected. Example: https://www.example.com
+          * @required 
+          * @uiName Link
          */
-        "nextPage"?: string;
+        "link"?: string;
         /**
-          * @uiName Header text
+          * @uiName Open link in new tab
          */
-        "pageLabel"?: string;
+        "openInNewTab"?: boolean;
+    }
+    interface SqmLogoutCurrentUser {
         /**
-          * @uiName Password field label
+          * @required 
+          * @uiName Switch user button link
+         */
+        "demoData"?: DemoData<CopyTextViewProps>;
+        /**
+          * @required 
+          * @uiName Switch user button label
          */
-        "passwordLabel"?: string;
+        "switchUserText"?: string;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * @required 
+          * @uiName User identification text
          */
-        "passwordMismatchErrorMessage"?: string;
+        "userIdentificationText"?: string;
+    }
+    interface SqmNameFields {
         /**
-          * The page that participants are redirected to from the verification email.
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * @undocumented 
+          * @uiType object
          */
-        "redirectPath"?: string;
+        "demoData"?: DemoData<NameFieldsViewProps>;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
+          * @uiName First name label
          */
-        "requiredFieldErrorMessage"?: string;
+        "firstNameLabel"?: string;
         /**
-          * @uiName Submit button text
+          * @uiName Last name label
          */
-        "submitLabel"?: string;
+        "lastNameLabel"?: string;
     }
-    interface SqmPortalRegistrationForm {
+    interface SqmNavigationMenu {
         /**
-          * @uiName Show confirm password field
+          * @undocumented 
+          * @uiType object
          */
-        "confirmPassword"?: boolean;
+        "demoData"?: DemoData<NavigationMenuViewProps>;
         /**
-          * @uiName Confirm password field label
+          * @uiName Include dropdown menu
          */
-        "confirmPasswordLabel"?: string;
+        "includeDropdown"?: boolean;
+        /**
+          * Label on the header menu
+          * @uiName Menu label
+         */
+        "menuLabel"?: string;
+    }
+    interface SqmNavigationSidebar {
+    }
+    interface SqmNavigationSidebarItem {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
+        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
         /**
-          * @uiName Disable password validation
+          * Options available at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "disablePasswordValidation"?: boolean;
+        "icon"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Label
          */
-        "emailLabel"?: string;
+        "label"?: string;
         /**
-          * The message to be displayed when the registration form is disabled.
-          * @uiName Form disabled message
-          * @uiWidget textArea
+          * @uiName Navigation path
+          * @uiWidget pageSelect
          */
-        "formDisabledErrorMessage"?: string;
+        "path"?: string;
+    }
+    interface SqmPasswordField {
         /**
-          * The key of the registration form used for this microsite.
-          * @uiName Form key
-          * @required
+          * @undocumented 
+          * @uiType object
          */
-        "formKey"?: string;
+        "demoData"?: PasswordFieldViewDemoProps;
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * Disable live password validation
+          * @uiName Disable validation
          */
-        "hideInputs"?: boolean;
+        "disableValidation"?: boolean;
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
-          * @uiWidget textArea
+          * Label for password field
+          * @uiName Password label
          */
-        "invalidEmailErrorMessage"?: string;
+        "fieldLabel"?: string;
+    }
+    interface SqmPopupContainer {
         /**
-          * @uiName Login button text
+          * Display a close button on the popup
+          * @uiName Show close button
          */
-        "loginLabel"?: string;
+        "closeButton"?: boolean;
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * Text inside the close button
+          * @uiName Close button text
          */
-        "loginPath"?: string;
+        "closeButtonText"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
+          * Specify padding on the popup contents when in embedded mode
+          * @uiName Embed padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "networkErrorMessage"?: string;
+        "embedPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * Redirect participants to this page after they successfully register.
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * Specify padding on the popup contents when in popup mode
+          * @uiName Popup padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "nextPage"?: string;
+        "popupPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Header text
+          * Show Powered with SaaSquatch by Impact.com link
+          * @uiName Show powered by
          */
-        "pageLabel"?: string;
+        "poweredBy"?: boolean;
+    }
+    interface SqmPortalChangePassword {
         /**
-          * @uiName Password field label
+          * Found in modal
+          * @uiName Cancel button text
          */
-        "passwordLabel"?: string;
+        "cancelText"?: string;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * Found in modal
+          * @uiName Change password button text
          */
-        "passwordMismatchErrorMessage"?: string;
+        "changePasswordButtonText"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * Found in modal
+          * @uiName Confirm password Label
          */
-        "redirectPath"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "requiredFieldErrorMessage"?: string;
+        "demoData"?: DemoData<PortalChangePasswordViewProps>;
         /**
-          * @uiName Submit button text
+          * @uiName Change password modal header
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalResetPassword {
+        "modalChangePasswordHeader"?: string;
         /**
-          * @uiName Show confirm password field
+          * Found in modal
+          * @uiName New password field label
          */
-        "confirmPassword"?: boolean;
+        "passwordFieldLabel"?: string;
         /**
-          * @uiName Password confirmation field label
+          * @uiName Change password button text
          */
-        "confirmPasswordFieldLabel"?: string;
+        "portalChangePasswordButtonText"?: string;
         /**
-          * Button text displayed after a successful password reset.
-          * @uiName Continue button text
+          * Portal change password section header
+          * @uiName Change password header
          */
-        "continueButtonText"?: string;
+        "portalChangePasswordHeader"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Successful password change message
+          * @uiName Successful password change message
+          * @uiWidget textArea
          */
-        "demoData"?: DemoData<PortalResetPasswordViewProps>;
+        "successMessage"?: string;
+    }
+    interface SqmPortalContainer {
         /**
-          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
-          * @uiName Failed reset redirect
-          * @uiWidget pageSelect
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "failedPage"?: string;
+        "backgroundColor"?: string;
         /**
-          * Redirect participants to this page when they successfully reset their password.
-          * @uiName Successful reset redirect
-          * @uiWidget pageSelect
+          * @uiName Center content
          */
-        "nextPage"?: string;
+        "center"?: boolean;
         /**
-          * @uiName Password field label
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
          */
-        "passwordFieldLabel"?: string;
+        "direction"?: "row" | "column";
         /**
-          * Displayed after a successful password reset.
-          * @uiName Successful password reset text
-          * @uiWidget textArea
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "passwordResetHeader"?: string;
+        "display"?: "grid" | "flex";
         /**
-          * @uiName Password reset button text
+          * @uiName Gap
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "resetPasswordButtonText"?: string;
+        "gap"?: Spacing;
         /**
-          * @uiName Reset password header text
+          * Define how this container distributes its contents along the main-axis.
+          * @uiName Justify content
+          * @uiType string
+          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
+          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
          */
-        "resetPasswordHeader"?: string;
-    }
-    interface SqmPortalVerifyEmail {
+        "justifyContent"?: | "start"
+    | "center"
+    | "end"
+    | "space-between"
+    | "space-around"
+    | "space-evenly";
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Maximum width
          */
-        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
+        "maxWidth"?: string;
         /**
-          * Redirect participants to this page if verification fails due to an outdated verification attempt.
-          * @uiName Failed verification redirect
-          * @uiWidget pageSelect
+          * @uiName Minimum width
          */
-        "failedPage"?: string;
+        "minWidth"?: string;
         /**
-          * Redirect participants to this page when they successfully verify their email.
-          * @uiName Successful verification redirect
-          * @uiWidget pageSelect
+          * @uiName Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "nextPage"?: string;
+        "padding"?: Spacing;
     }
-    interface SqmProgramExplainer {
+    interface SqmPortalEmailVerification {
         /**
-          * @uiName Header background color
-          * @uiWidget color
-          * @format color
+          * @undocumented 
+          * @uiType object
          */
-        "backgroundColor"?: string;
+        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
         /**
-          * @uiName Header text
+          * @uiName Email verification header text
          */
-        "header"?: string;
+        "emailVerificationHeader"?: string;
         /**
-          * @uiName Header text color
-          * @uiWidget color
-          * @format color
+          * Redirect participants to this page from their verification email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramExplainerStep {
+        "redirectPath"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * @uiName Re-send email button text
          */
-        "backgroundColor"?: string;
+        "resendEmailButtonText"?: string;
         /**
-          * @uiName Description
+          * @uiName Email verification checking text
           * @uiWidget textArea
          */
-        "description"?: string;
-        /**
-          * @uiName Title
-         */
-        "header"?: string;
+        "verificationLoadingMessage"?: string;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * @uiName Email verification status text
+          * @uiWidget textArea
          */
-        "icon"?: string;
+        "verificationStatusMessage"?: string;
         /**
-          * Displayed in place of an icon
-          * @uiName Image URL
-          * @uiWidget imageUpload
-          * @format url
+          * @uiName Email verification body text
+          * @uiWidget textArea
          */
-        "imageUrl"?: string;
+        "verifyMessage"?: string;
+    }
+    interface SqmPortalFooter {
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * @uiName FAQ link
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramMenu {
-    }
-    interface SqmReferralCard {
+        "faqLink"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiType string
+          * @uiName FAQ text
          */
-        "backgroundColor"?: string;
+        "faqText"?: string;
         /**
-          * @uiName Hide border
-          * @uiType boolean
+          * @uiName Hide powered with SaaSquatch by Impact.com
          */
-        "hideBorder"?: boolean;
+        "hidePoweredBy"?: boolean;
         /**
-          * @uiName Limit width
-          * @uiType boolean
+          * @uiName Hide support message
          */
-        "limitWidth"?: boolean;
+        "hideSupportText"?: boolean;
         /**
           * @uiName Bottom padding
           * @uiGroup Padding
@@ -7143,1749 +6001,1676 @@ declare namespace LocalJSX {
          */
         "paddingTop"?: string;
         /**
-          * @uiName Vertical alignment
-          * @uiType string
-          * @uiEnum ["start", "center", "end"]
-          * @uiEnumNames ["Top", "Center", "Bottom"]
+          * @uiName Powered By link
          */
-        "verticalAlignment"?: "start" | "center" | "end";
-    }
-    interface SqmReferralIframe {
+        "poweredByLink"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Support email
          */
-        "demoData"?: DemoData<ReferralIframeViewProps>;
+        "supportEmail"?: string;
         /**
-          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame height
+          * @uiName Support message
+          * @uiWidget textArea
          */
-        "iframeHeight"?: string;
+        "supportText"?: string;
         /**
-          * URL of iframe to display
-          * @uiName IFrame source
-          * @required
+          * @uiName Terms and conditions link
          */
-        "iframeSrc"?: string;
+        "termsLink"?: string;
         /**
-          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame width
+          * @uiName Terms and conditions text
          */
-        "iframeWidth"?: string;
+        "termsText"?: string;
     }
-    interface SqmReferralTable {
+    interface SqmPortalForgotPassword {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
-        /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Hidden mobile columns
-         */
-        "hiddenColumns"?: string;
-        /**
-          * @uiName Hide column labels
-         */
-        "hideLabels"?: boolean;
-        /**
-          * @uiName Tablet breakpoint
-         */
-        "mdBreakpoint"?: number;
+        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
         /**
-          * @uiName View More button text
+          * @uiName Email field label
          */
-        "moreLabel"?: string;
+        "emailLabel"?: string;
         /**
-          * Number of referrals displayed per page
-          * @uiName Referrals per page
+          * @uiName Header text
+          * @uiWidget textArea
          */
-        "perPage"?: number;
+        "headerText"?: string;
         /**
-          * @uiName Previous button text
+          * @uiName Login redirect path
+          * @uiWidget pageSelect
          */
-        "prevLabel"?: string;
+        "loginPath"?: string;
         /**
-          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
-          * @uiName Program
-          * @uiWidget programSelector
+          * Sign in link text
          */
-        "programId"?: string;
+        "loginText"?: string;
         /**
-          * Show referred by user in table
-          * @uiName Show referrer
-          * @default
+          * Redirect participants to this page after they verify their email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "showReferrer"?: boolean;
+        "redirectPath"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * @uiName Password reset button text
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmReferralTableCell {
-        "innerTemplate"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmReferralTableColumn {
+    interface SqmPortalFrame {
         /**
-          * @uiName Column title
+          * @undocumented 
+          * @uiType object
          */
-        "columnTitle"?: string;
-    }
-    interface SqmReferralTableDateCell {
-        "date"?: number;
-        "locale"?: string;
-    }
-    interface SqmReferralTableDateColumn {
+        "demoData"?: DemoData<PortalFrameViewProps>;
         /**
-          * @uiName Date column title
+          * @undocumented
          */
-        "columnTitle"?: string;
+        "notFullScreen"?: boolean;
+    }
+    interface SqmPortalLogin {
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
-          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
+          * @undocumented 
+          * @uiType object
          */
-        "dateShown"?: ReferralDates;
-    }
-    interface SqmReferralTableRewardsCell {
-        "deniedHelpText"?: string;
-        "expiringText"?: string;
-        "fuelTankText"?: string;
-        "hideDetails"?: boolean;
-        "locale"?: string;
-        "pendingForText"?: string;
-        "rewardReceivedText"?: string;
-        "rewards"?: Reward[];
-        "statusLongText"?: string;
-        "statusText"?: string;
-    }
-    interface SqmReferralTableRewardsColumn {
+        "demoData"?: DemoData<PortalLoginViewProps>;
         /**
-          * @uiName Reward column title
+          * @uiName Email field label
          */
-        "columnTitle"?: string;
+        "emailLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward was denied.
-          * @uiName Reward denied help text
+          * @uiName Forgot password text
          */
-        "deniedHelpText"?: string;
+        "forgotPasswordLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward has an expiry date.
-          * @uiName Reward expiring text
+          * Redirect participants to this page to reset their password
+          * @uiName Forgot password redirect
+          * @uiWidget pageSelect
          */
-        "expiringText"?: string;
+        "forgotPasswordPath"?: string;
         /**
-          * Shown in the dropdown details when a reward has an associated fuel tank code.
-          * @uiName Fuel tank code text
+          * Redirect participants to this page after they successfully login.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "fuelTankText"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Hide dropdown details of reward
-          * @default
+          * @uiName Heading label
+          * @uiWidget textArea
          */
-        "hideDetails"?: boolean;
+        "pageLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward is pending.
-          * @uiName Reward pending text
+          * @uiName Password field label
          */
-        "pendingForText"?: string;
+        "passwordLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward has been received.’
-          * @uiName Reward received text
+          * @uiName Register button text
          */
-        "rewardReceivedText"?: string;
+        "registerLabel"?: string;
         /**
-          * Additional status text shown in the details drop down.
-          * @uiName Reward status long text
-          * @uiWidget textArea
+          * Redirect participants to this page to start registration.
+          * @uiName Register button redirect
+          * @uiWidget pageSelect
          */
-        "statusLongText"?: string;
+        "registerPath"?: string;
         /**
-          * Text shown in the reward status badge.
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * @uiName Submit button text
          */
-        "statusText"?: string;
-    }
-    interface SqmReferralTableStatusCell {
-        "converted"?: boolean;
-        "fraudStatus"?: FraudStatus;
-        "statusSubText"?: string;
-        "statusText"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmReferralTableStatusColumn {
+    interface SqmPortalLogout {
         /**
-          * @uiName Column title
+          * Redirect participants to this page when they log out.
+          * @uiName Logout redirect path
+          * @uiWidget pageSelect
          */
-        "columnTitle"?: string;
+        "nextPage"?: string;
+    }
+    interface SqmPortalProfile {
         /**
-          * @uiName Converted status text
+          * @uiName Country field label
          */
-        "convertedStatusText"?: string;
+        "countrytext"?: string;
         /**
-          * @uiName Denied status sub-text
+          * @undocumented 
+          * @uiType object
          */
-        "deniedStatusSubText"?: string;
+        "demoData"?: DemoData<PortalProfileViewProps>;
         /**
-          * @uiName Denied status text
+          * @uiName Edit profile header
          */
-        "deniedStatusText"?: string;
+        "editProfileHeader"?: string;
         /**
-          * @uiName In progress status text
+          * @uiName Edit profile sub header
          */
-        "inProgressStatusText"?: string;
+        "editProfileSubHeader"?: string;
         /**
-          * @uiName Pending review status sub-text
+          * @uiName Email field label
          */
-        "pendingReviewStatusSubText"?: string;
+        "emailtext"?: string;
         /**
-          * @uiName Pending review status text
+          * @uiName First name label
          */
-        "pendingReviewStatusText"?: string;
-    }
-    interface SqmReferralTableUserCell {
-        "name"?: string;
-    }
-    interface SqmReferralTableUserColumn {
+        "firstnametext"?: string;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * @uiName Hide country field
          */
-        "anonymousUser"?: string;
+        "hideCountry"?: boolean;
         /**
-          * @uiName User column title
+          * @uiName Last name field label
          */
-        "columnTitle"?: string;
+        "lastnametext"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * @uiName Submit changes button text
          */
-        "deletedUser"?: string;
+        "submitChangeButtonText"?: string;
     }
-    interface SqmReferredRegistration {
+    interface SqmPortalProtectedRoute {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * Redirect participants to this page they are not logged in.
+          * @uiName Unauthenticated participant redirect
          */
-        "backgroundColor"?: string;
+        "redirectTo"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Redirect participants to this page when email verification is required but they have not verified their email.
+          * @uiName Unverified participant redirect
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "redirectToUnverified"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Require email verification
          */
-        "emailLabel"?: string;
+        "requireEmailVerification"?: boolean;
+    }
+    interface SqmPortalRegister {
         /**
-          * @uiName First name field label
+          * @uiName Show confirm password field
          */
-        "firstNameLabel"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Confirm password field label
          */
-        "fraudErrorMessage"?: string;
+        "confirmPasswordLabel"?: string;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message title
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @undocumented 
+          * @uiType object
          */
-        "fraudErrorMessageTitle"?: string;
+        "demoData"?: DemoData<PortalRegisterViewProps>;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * @uiName Disable password validation
          */
-        "hideBorder"?: boolean;
+        "disablePasswordValidation"?: boolean;
         /**
-          * @undocumented 
-          * @uiType boolean
+          * @uiName Email field label
          */
-        "includeCookies"?: boolean;
+        "emailLabel"?: string;
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "includeName"?: boolean;
+        "hideInputs"?: boolean;
         /**
-          * Display this message when the given email is invalid.
+          * The message to be displayed when the email used is invalid or blocked.
           * @uiName Invalid email message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "invalidEmailErrorMessage"?: string;
         /**
-          * @uiName Last name field label
+          * @uiName Login button text
          */
-        "lastNameLabel"?: string;
+        "loginLabel"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
+         */
+        "loginPath"?: string;
+        /**
+          * The message to be displayed when a the form submission fails unexpectedly.
           * @uiName Network error message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "networkErrorMessage"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page from their verification email
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "paddingBottom"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Header text
          */
-        "paddingLeft"?: string;
+        "pageLabel"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Password field label
          */
-        "paddingRight"?: string;
+        "passwordLabel"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
+          * @uiWidget textArea
          */
-        "paddingTop"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * @uiName Register button text
+          * The page that participants are redirected to from the verification email.
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "registerLabel"?: string;
+        "redirectPath"?: string;
         /**
-          * Display this message when a required field has not been filled out.
+          * The message to be displayed when a required field is not filled.
           * @uiName Required field message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "requiredFieldErrorMessage"?: string;
-    }
-    interface SqmRewardExchangeList {
-        /**
-          * @uiName Back button text
-         */
-        "backText"?: string;
-        /**
-          * @uiName Cancel button text
-         */
-        "cancelText"?: string;
-        /**
-          * @uiName Choose amount progress title
-         */
-        "chooseAmountTitle"?: string;
-        /**
-          * @uiName Choose reward progress title
-         */
-        "chooseRewardTitle"?: string;
-        /**
-          * @uiName Confirmation progress title
-         */
-        "confirmationTitle"?: string;
         /**
-          * @uiName Continue button text
+          * @uiName Submit button text
          */
-        "continueText"?: string;
+        "submitLabel"?: string;
+    }
+    interface SqmPortalRegistrationForm {
         /**
-          * Displayed on the reward selection page.
-          * @uiName Continue to confirmation button text
+          * @uiName Show confirm password field
          */
-        "continueToConfirmationText"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * Shown in the confirmation state.
-          * @uiName Cost row title
+          * @uiName Confirm password field label
          */
-        "costTitle"?: string;
+        "confirmPasswordLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<RewardExchangeViewProps>;
+        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
         /**
-          * @uiName Done text
+          * @uiName Disable password validation
          */
-        "doneText"?: string;
+        "disablePasswordValidation"?: boolean;
         /**
-          * Error message shown when reward is not available
-          * @uiName Not available error
-          * @uiWidget textArea
+          * @uiName Email field label
          */
-        "notAvailableError"?: string;
+        "emailLabel"?: string;
         /**
-          * @uiName Not enough error message
+          * The message to be displayed when the registration form is disabled.
+          * @uiName Form disabled message
           * @uiWidget textArea
          */
-        "notEnoughError"?: string;
-        /**
-          * @uiName Promo code text
-         */
-        "promoCode"?: string;
+        "formDisabledErrorMessage"?: string;
         /**
-          * Shown if an error occurs when loading the reward exchange.
-          * @uiName Reward list error message
-          * @uiWidget textArea
+          * The key of the registration form used for this microsite.
+          * @uiName Form key
+          * @required
          */
-        "queryError"?: string;
+        "formKey"?: string;
         /**
-          * @uiName Redeem button text
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "redeemText"?: string;
+        "hideInputs"?: boolean;
         /**
-          * Displayed as the header for the confirmation page.
-          * @uiName Confirmation title text
+          * The message to be displayed when the email used is invalid or blocked.
+          * @uiName Invalid email message
+          * @uiWidget textArea
          */
-        "redeemTitle"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Shown if an error occurs during the reward exchange.
-          * @uiName Redemption error message
-          * @uiWidget textArea
+          * @uiName Login button text
          */
-        "redemptionError"?: string;
+        "loginLabel"?: string;
         /**
-          * Displayed on the success screen when a user successfully exchanges for a reward.
-          * @uiName Redemption success message
-          * @uiWidget textArea
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "redemptionSuccessText"?: string;
+        "loginPath"?: string;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward amount row title
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
          */
-        "rewardAmountTitle"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward row title
+          * Redirect participants to this page after they successfully register.
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "rewardNameTitle"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Reward redeemed text
+          * @uiName Header text
          */
-        "rewardRedeemedText"?: string;
+        "pageLabel"?: string;
         /**
-          * @uiName Reward title text
+          * @uiName Password field label
          */
-        "rewardTitle"?: string;
+        "passwordLabel"?: string;
         /**
-          * @uiName Select amount text
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
           * @uiWidget textArea
          */
-        "selectText"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * Set the number of placeholder cards to be shown in loading state.
-          * @uiName Loading cards
+          * Redirect participants to this page from their verification email
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "skeletonCardNum"?: number;
+        "redirectPath"?: string;
         /**
-          * Displayed on the reward exchange cards.
-          * @uiName Reward exchange amount text
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
           * @uiWidget textArea
          */
-        "sourceAmountMessage"?: string;
+        "requiredFieldErrorMessage"?: string;
         /**
-          * Shown when a user copies a fuel tank code
-          * @uiName Tooltip text
+          * @uiName Submit button text
          */
-        "tooltipText"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmRewardsTable {
+    interface SqmPortalResetPassword {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Show confirm password field
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
+        "confirmPassword"?: boolean;
         /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Mobile hidden columns
+          * @uiName Password confirmation field label
          */
-        "hiddenColumns"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * @uiName Hide column labels
+          * Button text displayed after a successful password reset.
+          * @uiName Continue button text
          */
-        "hideLabels"?: boolean;
+        "continueButtonText"?: string;
         /**
-          * @uiName Tablet breakpoint
+          * @undocumented 
+          * @uiType object
          */
-        "mdBreakpoint"?: number;
+        "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
-          * @uiName View more button text
+          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
+          * @uiName Failed reset redirect
+          * @uiWidget pageSelect
          */
-        "moreLabel"?: string;
+        "failedPage"?: string;
         /**
-          * @uiName Rewards per page
+          * Redirect participants to this page when they successfully reset their password.
+          * @uiName Successful reset redirect
+          * @uiWidget pageSelect
          */
-        "perPage"?: number;
+        "nextPage"?: string;
         /**
-          * @uiName Previous button text
+          * @uiName Password field label
          */
-        "prevLabel"?: string;
+        "passwordFieldLabel"?: string;
         /**
-          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Displayed after a successful password reset.
+          * @uiName Successful password reset text
+          * @uiWidget textArea
          */
-        "programId"?: string;
+        "passwordResetHeader"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * @uiName Password reset button text
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmRewardsTableCustomerNoteCell {
-        "locale"?: string;
-        "note"?: string;
-    }
-    interface SqmRewardsTableCustomerNoteColumn {
+        "resetPasswordButtonText"?: string;
         /**
-          * @uiName Column title
+          * @uiName Reset password header text
          */
-        "columnTitle"?: string;
-    }
-    interface SqmRewardsTableDateCell {
-        "date"?: number;
-        "locale"?: string;
+        "resetPasswordHeader"?: string;
     }
-    interface SqmRewardsTableDateColumn {
+    interface SqmPortalVerifyEmail {
         /**
-          * @uiName Date column title
+          * @undocumented 
+          * @uiType object
          */
-        "columnTitle"?: string;
+        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
-          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
+          * Redirect participants to this page if verification fails due to an outdated verification attempt.
+          * @uiName Failed verification redirect
+          * @uiWidget pageSelect
          */
-        "dateShown"?: string;
-    }
-    interface SqmRewardsTableRewardCell {
-        "availableText"?: string;
-        "copyText"?: string;
-        "locale"?: string;
-        "redeemedText"?: string;
-        "reward"?: Reward;
-    }
-    interface SqmRewardsTableRewardColumn {
+        "failedPage"?: string;
         /**
-          * @uiName Remaining amount text
+          * Redirect participants to this page when they successfully verify their email.
+          * @uiName Successful verification redirect
+          * @uiWidget pageSelect
          */
-        "availableText"?: string;
+        "nextPage"?: string;
+    }
+    interface SqmProgramExplainer {
         /**
-          * @uiName Reward column title
+          * @uiName Header background color
+          * @uiWidget color
+          * @format color
          */
-        "columnTitle"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Copied fuel tank text
+          * @uiName Header text
          */
-        "copyText"?: string;
+        "header"?: string;
         /**
-          * @uiName Redeemed amount text
+          * @uiName Header text color
+          * @uiWidget color
+          * @format color
          */
-        "redeemedText"?: string;
-    }
-    interface SqmRewardsTableSourceCell {
-        "anonymousUserText"?: string;
-        "deletedUserText"?: string;
-        "locale"?: string;
-        "referralText"?: string;
-        "reward"?: Reward;
-        "rewardExchangeText"?: string;
-        "rewardSourceText"?: string;
+        "textColor"?: string;
     }
-    interface SqmRewardsTableSourceColumn {
+    interface SqmProgramExplainerStep {
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "anonymousUser"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Soruce column title
+          * @uiName Description
+          * @uiWidget textArea
          */
-        "columnTitle"?: string;
+        "description"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * @uiName Title
          */
-        "deletedUser"?: string;
+        "header"?: string;
         /**
-          * Shown when a reward has been created by a referral
-          * @uiName Referral text
-          * @uiWidget textArea
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "referralText"?: string;
+        "icon"?: string;
         /**
-          * @uiName Reward exchange label
+          * Displayed in place of an icon
+          * @uiName Image URL
+          * @uiWidget imageUpload
+          * @format url
          */
-        "rewardExchangeText"?: string;
+        "imageUrl"?: string;
         /**
-          * Shown when a reward has been created by a source other than a referral.
-          * @uiName Reward source text
-          * @uiWidget textArea
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "rewardSourceText"?: string;
+        "textColor"?: string;
     }
-    interface SqmRewardsTableStatusCell {
-        "deniedText"?: string;
-        "expiryText"?: string;
-        "locale"?: string;
-        "pendingReviewText"?: string;
-        "pendingScheduled"?: string;
-        "pendingUnhandled"?: string;
-        "pendingUsTax"?: string;
-        "reward"?: Reward;
-        "statusText"?: string;
+    interface SqmProgramMenu {
     }
-    interface SqmRewardsTableStatusColumn {
+    interface SqmReferralCard {
+        /**
+          * @uiName Background color
+          * @uiWidget color
+          * @uiType string
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Hide border
+          * @uiType boolean
+         */
+        "hideBorder"?: boolean;
+        /**
+          * @uiName Limit width
+          * @uiType boolean
+         */
+        "limitWidth"?: boolean;
         /**
-          * @uiName Column title
+          * @uiName Bottom padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "columnTitle"?: string;
+        "paddingBottom"?: string;
         /**
-          * Displayed when denied for fraud.
-          * @uiName Denied text
+          * @uiName Left padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "deniedText"?: string;
+        "paddingLeft"?: string;
         /**
-          * Text shown before the date of an expiring reward.
-          * @uiName Expiry date prefix
+          * @uiName Right padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "expiryText"?: string;
+        "paddingRight"?: string;
         /**
-          * Displayed when flagged for fraud.
-          * @uiName Pending review text
+          * @uiName Top padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "pendingReviewText"?: string;
+        "paddingTop"?: string;
         /**
-          * Text shown before the available date of a pending reward.
-          * @uiName Pending date prefix
+          * @uiName Vertical alignment
+          * @uiType string
+          * @uiEnum ["start", "center", "end"]
+          * @uiEnumNames ["Top", "Center", "Bottom"]
          */
-        "pendingScheduled"?: string;
+        "verticalAlignment"?: "start" | "center" | "end";
+    }
+    interface SqmReferralIframe {
         /**
-          * Displayed when fulfillment error occured when creating a reward.
-          * @uiName Unhandled error text
+          * @undocumented 
+          * @uiType object
          */
-        "pendingUnhandled"?: string;
+        "demoData"?: DemoData<ReferralIframeViewProps>;
         /**
-          * Displayed when a reward is pending due to W9 compliance.
-          * @uiName W9 pending text
+          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame height
          */
-        "pendingUsTax"?: string;
+        "iframeHeight"?: string;
         /**
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * URL of iframe to display
+          * @uiName IFrame source
+          * @required
          */
-        "statusText"?: string;
-    }
-    interface SqmRoute {
+        "iframeSrc"?: string;
         /**
-          * Page Path URL for this route.
-          * @uiName Navigation path name
+          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame width
          */
-        "path"?: string;
-    }
-    interface SqmRouter {
+        "iframeWidth"?: string;
     }
-    interface SqmScroll {
+    interface SqmReferralTable {
         /**
-          * @uiName Button text
+          * @undocumented 
+          * @uiType object
          */
-        "buttonText"?: string;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * @uiName Button type
-          * @uiType string
-          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
-          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Hidden mobile columns
          */
-        "buttonType"?: | "default"
-    | "primary"
-    | "success"
-    | "neutral"
-    | "warning"
-    | "danger"
-    | "text";
+        "hiddenColumns"?: string;
         /**
-          * Draws a circle button.
-          * @uiName Circle
+          * @uiName Hide column labels
          */
-        "circle"?: boolean;
+        "hideLabels"?: boolean;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * @uiName Tablet breakpoint
          */
-        "iconName"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * @uiName Icon slot
-          * @uiType string
-          * @uiEnum ["prefix", "suffix"]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * @uiName View More button text
          */
-        "iconSlot"?: string;
+        "moreLabel"?: string;
         /**
-          * The button becomes full width if the screen size is smaller than 500px
-          * @uiName Full width on mobile
+          * Number of referrals displayed per page
+          * @uiName Referrals per page
          */
-        "mobile"?: boolean;
+        "perPage"?: number;
         /**
-          * Draws an outlined button.
-          * @uiName Outline
+          * @uiName Previous button text
          */
-        "outline"?: boolean;
+        "prevLabel"?: string;
         /**
-          * Draws a pill-style button with rounded edges.
-          * @uiName Pill
+          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "pill"?: boolean;
+        "programId"?: string;
         /**
-          * @uiName Scroll animation style
-          * @uiType string
-          * @uiEnum ["smooth", "auto"]
-          * @uiEnumNames ["Smooth", "Auto"]
+          * Show referred by user in table
+          * @uiName Show referrer
+          * @default
          */
-        "scrollAnimation"?: "smooth" | "auto";
+        "showReferrer"?: boolean;
         /**
-          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
-          * @uiName Scroll ID
+          * @uiName Mobile breakpoint
          */
-        "scrollId"?: string;
+        "smBreakpoint"?: number;
+    }
+    interface SqmReferralTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmReferralTableColumn {
         /**
-          * The name of the HTML tag you would like to scroll to. E.g referral-table
-          * @uiName Scroll tag name
+          * @uiName Column title
          */
-        "scrollTagName"?: string;
+        "columnTitle"?: string;
+    }
+    interface SqmReferralTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmReferralTableDateColumn {
         /**
-          * @uiName Size
+          * @uiName Date column title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Date displayed
           * @uiType string
-          * @uiEnum ["small", "medium", "large"]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
+          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
          */
-        "size"?: string;
+        "dateShown"?: ReferralDates;
     }
-    interface SqmShareButton {
+    interface SqmReferralTableRewardsCell {
+        "deniedHelpText"?: string;
+        "expiringText"?: string;
+        "fuelTankText"?: string;
+        "hideDetails"?: boolean;
+        "locale"?: string;
+        "pendingForText"?: string;
+        "rewardReceivedText"?: string;
+        "rewards"?: Reward[];
+        "statusLongText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableRewardsColumn {
         /**
-          * @uiName Button background color
-          * @uiWidget color
-          * @format color
+          * @uiName Reward column title
          */
-        "backgroundcolor"?: string;
+        "columnTitle"?: string;
         /**
-          * Configure border radius with pixel amount
-          * @uiName Border radius
+          * Shown in the dropdown details when a reward was denied.
+          * @uiName Reward denied help text
          */
-        "borderradius"?: number;
+        "deniedHelpText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Shown in the dropdown details when a reward has an expiry date.
+          * @uiName Reward expiring text
          */
-        "demoData"?: DemoData<ShareButtonViewProps>;
+        "expiringText"?: string;
         /**
-          * @uiName Disabled
+          * Shown in the dropdown details when a reward has an associated fuel tank code.
+          * @uiName Fuel tank code text
          */
-        "disabled"?: boolean;
+        "fuelTankText"?: string;
         /**
-          * @uiName Hide icon
+          * @uiName Hide dropdown details of reward
           * @default
          */
-        "hideicon"?: boolean;
+        "hideDetails"?: boolean;
         /**
-          * @uiName Hide text
-          * @default
+          * Shown in the dropdown details when a reward is pending.
+          * @uiName Reward pending text
          */
-        "hidetext"?: boolean;
+        "pendingForText"?: string;
         /**
-          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
-          * @uiName Icon
+          * Shown in the dropdown details when a reward has been received.’
+          * @uiName Reward received text
          */
-        "icon"?: string;
+        "rewardReceivedText"?: string;
         /**
-          * @uiName Icon location
-          * @uiType string
-          * @uiEnum ["prefix", "suffix" ]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * Additional status text shown in the details drop down.
+          * @uiName Reward status long text
+          * @uiWidget textArea
          */
-        "iconslot"?: "prefix" | "suffix";
+        "statusLongText"?: string;
         /**
-          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
-          * @uiName Share medium
-          * @uiType string
-          * @required 
-          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
-          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
+          * Text shown in the reward status badge.
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "medium"?: | "facebook"
-    | "twitter"
-    | "email"
-    | "direct"
-    | "linkedin"
-    | "sms"
-    | "fbmessenger"
-    | "whatsapp"
-    | "linemessenger"
-    | "pinterest"
-    | "reminder"
-    | "unknown";
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusCell {
+        "converted"?: boolean;
+        "fraudStatus"?: FraudStatus;
+        "statusSubText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusColumn {
         /**
-          * @uiName Display pill
+          * @uiName Column title
          */
-        "pill"?: boolean;
+        "columnTitle"?: string;
         /**
-          * Optional programId, or uses the programId context where this button is rendered.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiName Converted status text
          */
-        "programId"?: string;
+        "convertedStatusText"?: string;
         /**
-          * Text used for native sharing (mobile only)
-          * @uiName Share text
+          * @uiName Denied status sub-text
          */
-        "sharetext"?: string;
+        "deniedStatusSubText"?: string;
         /**
-          * Title used for native sharing (mobile only)
-          * @uiName Share title
+          * @uiName Denied status text
          */
-        "sharetitle"?: string;
+        "deniedStatusText"?: string;
         /**
-          * @uiName Button size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large" ]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * @uiName In progress status text
          */
-        "size"?: "small" | "medium" | "large";
+        "inProgressStatusText"?: string;
         /**
-          * @uiName Button text color
-          * @uiWidget color
-          * @format color
+          * @uiName Pending review status sub-text
          */
-        "textcolor"?: string;
+        "pendingReviewStatusSubText"?: string;
         /**
-          * @uiType string
-          * @uiName Button style
-          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
-          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
+          * @uiName Pending review status text
          */
-        "type"?: | "primary"
-    | "success"
-    | "info"
-    | "warning"
-    | "danger"
-    | "default"
-    | "text";
+        "pendingReviewStatusText"?: string;
     }
-    interface SqmShareCode {
+    interface SqmReferralTableUserCell {
+        "name"?: string;
+    }
+    interface SqmReferralTableUserColumn {
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "anonymousUser"?: string;
         /**
-          * @uiName Copy button label
+          * @uiName User column title
          */
-        "copyButtonLabel"?: string;
+        "columnTitle"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "deletedUser"?: string;
+    }
+    interface SqmReferredRegistration {
         /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "programId"?: string;
+        "backgroundColor"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @undocumented 
+          * @uiType object
          */
-        "textAlign"?: "left" | "center" | "right";
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * @uiName Email field label
          */
-        "tooltiplifespan"?: number;
+        "emailLabel"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * @uiName First name field label
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmShareLink {
+        "firstNameLabel"?: string;
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "fraudErrorMessage"?: string;
         /**
-          * @uiName Copy button label
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message title
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "copyButtonLabel"?: string;
+        "fraudErrorMessageTitle"?: string;
+        /**
+          * @uiName Hide border
+          * @uiGroup Card style
+         */
+        "hideBorder"?: boolean;
         /**
           * @undocumented 
-          * @uiType object
+          * @uiType boolean
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "includeCookies"?: boolean;
         /**
-          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "programId"?: string;
+        "includeName"?: boolean;
         /**
-          * Change the text alignment
-          * @uiName Share link alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "textAlign"?: "left" | "center" | "right";
+        "invalidEmailErrorMessage"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * @uiName Last name field label
          */
-        "tooltiplifespan"?: number;
+        "lastNameLabel"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmStatContainer {
+        "networkErrorMessage"?: string;
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "display"?: "grid" | "flex";
+        "paddingBottom"?: string;
         /**
-          * @uiName Space between stats
-          * @uiType string
+          * @uiName Left padding
+          * @uiGroup Card style
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "space"?: Spacing;
-    }
-    interface SqmStencilbook {
-    }
-    interface SqmTab {
+        "paddingLeft"?: string;
         /**
-          * @uiName Tab title
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "header"?: string;
-    }
-    interface SqmTableCell {
+        "paddingRight"?: string;
         /**
-          * @uiName Column span
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "colspan"?: number;
+        "paddingTop"?: string;
         /**
-          * @uiName Padding
+          * @uiName Register button text
          */
-        "padding"?: string;
-    }
-    interface SqmTableRow {
+        "registerLabel"?: string;
         /**
-          * @uiName Border
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "border"?: string;
+        "requiredFieldErrorMessage"?: string;
     }
-    interface SqmTabs {
+    interface SqmRewardExchangeList {
         /**
-          * Used to specify the placement of the tabs
-          * @uiName Tabs placement
-          * @uiType string
-          * @uiEnum ["left", "right", "bottom", "top"]
-          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
+          * @uiName Back button text
          */
-        "placement"?: "left" | "right" | "bottom" | "top";
-    }
-    interface SqmTaskCard {
+        "backText"?: string;
         /**
-          * @uiName Button link
-          * @uiGroup Button
+          * @uiName Cancel button text
          */
-        "buttonLink"?: string;
+        "cancelText"?: string;
         /**
-          * @uiName Button text
-          * @uiGroup Button
+          * @uiName Choose amount progress title
          */
-        "buttonText"?: string;
+        "chooseAmountTitle"?: string;
         /**
-          * @uiName Title
-          * @uiGroup Task
+          * @uiName Choose reward progress title
          */
-        "cardTitle"?: string;
+        "chooseRewardTitle"?: string;
         /**
-          * Displays the amount of times that a user has completed a repeatable task.
-          * @uiName Completed count text
-          * @uiGroup Task
-          * @uiWidget textArea
+          * @uiName Confirmation progress title
          */
-        "completedText"?: string;
+        "confirmationTitle"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Continue button text
+         */
+        "continueText"?: string;
+        /**
+          * Displayed on the reward selection page.
+          * @uiName Continue to confirmation button text
          */
-        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
+        "continueToConfirmationText"?: string;
         /**
-          * @uiName Description
-          * @uiGroup Task
+          * Shown in the confirmation state.
+          * @uiName Cost row title
          */
-        "description"?: string;
+        "costTitle"?: string;
         /**
-          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
-          * @uiName Display duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Task
+          * @undocumented 
+          * @uiType object
          */
-        "displayDuration"?: string;
+        "demoData"?: DemoData<RewardExchangeViewProps>;
         /**
-          * Shown to users after the end of the task duration.
-          * @uiName Ended date message
-          * @uiGroup Task
+          * @uiName Done text
          */
-        "endedMessage"?: string;
+        "doneText"?: string;
         /**
-          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
-          * @uiName Task card button event key
-          * @uiGroup Button
+          * Error message shown when reward is not available
+          * @uiName Not available error
+          * @uiWidget textArea
          */
-        "eventKey"?: string;
+        "notAvailableError"?: string;
         /**
-          * Displayed when a user views a task card after the reward duration interval.
-          * @uiName Expiry date message
-          * @uiGroup Task
+          * @uiName Not enough error message
+          * @uiWidget textArea
          */
-        "expiryMessage"?: string;
+        "notEnoughError"?: string;
         /**
-          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
-          * @uiName Repeat amount
-          * @uiGroup Reward
+          * @uiName Promo code text
          */
-        "finite"?: number;
+        "promoCode"?: string;
         /**
-          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
-          * @uiName Goal completion number
-          * @uiGroup Goal
+          * Shown if an error occurs when loading the reward exchange.
+          * @uiName Reward list error message
+          * @uiWidget textArea
          */
-        "goal"?: number;
+        "queryError"?: string;
         /**
-          * @uiName Hide CTA button
-          * @uiGroup Button
+          * @uiName Redeem button text
          */
-        "hideButton"?: boolean;
+        "redeemText"?: string;
         /**
-          * Button link opens in new tab
-          * @uiName Open in new tab
-          * @uiGroup Button
-          * @default
+          * Displayed as the header for the confirmation page.
+          * @uiName Confirmation title text
          */
-        "openNewTab"?: boolean;
+        "redeemTitle"?: string;
         /**
-          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
-          * @uiName Program ID override
-          * @uiWidget programSelector
-          * @uiGroup Goal
+          * Shown if an error occurs during the reward exchange.
+          * @uiName Redemption error message
+          * @uiWidget textArea
          */
-        "programId"?: string;
+        "redemptionError"?: string;
         /**
-          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
-          * @uiName Progress bar unit
-          * @uiGroup Goal
+          * Displayed on the success screen when a user successfully exchanges for a reward.
+          * @uiName Redemption success message
+          * @uiWidget textArea
          */
-        "progressBarUnit"?: string;
+        "redemptionSuccessText"?: string;
         /**
-          * @uiName Goal repeatable
-          * @uiGroup Goal
-          * @default
+          * Shown in the confirmation state.
+          * @uiName Reward amount row title
          */
-        "repeatable"?: boolean;
+        "rewardAmountTitle"?: string;
         /**
-          * @uiName Reward amount
-          * @uiGroup Reward
+          * Shown in the confirmation state.
+          * @uiName Reward row title
          */
-        "rewardAmount"?: string;
+        "rewardNameTitle"?: string;
         /**
-          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
-          * @uiName Reward duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Reward
+          * @uiName Reward redeemed text
          */
-        "rewardDuration"?: string;
+        "rewardRedeemedText"?: string;
         /**
-          * @uiName Reward unit
-          * @uiGroup Reward
+          * @uiName Reward title text
          */
-        "rewardUnit"?: string;
+        "rewardTitle"?: string;
         /**
-          * @uiName Show progress bar
-          * @uiGroup Goal
-          * @default
+          * @uiName Select amount text
+          * @uiWidget textArea
          */
-        "showProgressBar"?: boolean;
+        "selectText"?: string;
         /**
-          * Shown to users before the start of the task duration.
-          * @uiName Start date message
-          * @uiGroup Task
+          * Set the number of placeholder cards to be shown in loading state.
+          * @uiName Loading cards
          */
-        "startsOnMessage"?: string;
+        "skeletonCardNum"?: number;
         /**
-          * Select what type of stat to display for the goal. Manual paths are also supported.
-          * @uiName Goal progress source
-          * @required 
-          * @minLength 1
-          * @uiWidget statTypeSelectWidget
-          * @uiWidgetOptions {"version": 1.1}
-          * @uiGroup Goal
+          * Displayed on the reward exchange cards.
+          * @uiName Reward exchange amount text
+          * @uiWidget textArea
          */
-        "statType"?: string;
+        "sourceAmountMessage"?: string;
         /**
-          * @uiName Progress bar steps
-          * @uiGroup Goal
-          * @default
+          * Shown when a user copies a fuel tank code
+          * @uiName Tooltip text
          */
-        "steps"?: boolean;
+        "tooltipText"?: string;
     }
-    interface SqmTaxAndCash {
+    interface SqmRewardsTable {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UseTaxAndCashResultType>;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * Text inside iframe when Docusign form is compelted
-          * @uiName Docusign completed text
-          * @uiGroup Step 3 Properties
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Mobile hidden columns
          */
-        "docusignCompleted"?: string;
+        "hiddenColumns"?: string;
         /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-          * @uiGroup Step 1 Properties
+          * @uiName Hide column labels
          */
-        "step1_allowBankingCollection"?: string;
+        "hideLabels"?: boolean;
         /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-          * @uiGroup Step 1 Properties
+          * @uiName Tablet breakpoint
          */
-        "step1_allowBankingCollectionError"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-          * @uiGroup Step 1 Properties
+          * @uiName View more button text
          */
-        "step1_businessEntity"?: string;
+        "moreLabel"?: string;
         /**
-          * Label text for country input
-          * @uiName Country label
-          * @uiGroup Step 1 Properties
+          * @uiName Rewards per page
          */
-        "step1_country"?: string;
+        "perPage"?: number;
         /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Previous button text
          */
-        "step1_countryError"?: string;
+        "prevLabel"?: string;
         /**
-          * Label text for currency input
-          * @uiName Currency label
-          * @uiGroup Step 1 Properties
+          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "step1_currency"?: string;
+        "programId"?: string;
         /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Mobile breakpoint
          */
-        "step1_currencyError"?: string;
+        "smBreakpoint"?: number;
+    }
+    interface SqmRewardsTableCustomerNoteCell {
+        "locale"?: string;
+        "note"?: string;
+    }
+    interface SqmRewardsTableCustomerNoteColumn {
         /**
-          * Label text for email input
-          * @uiName Email label
-          * @uiGroup Step 1 Properties
+          * @uiName Column title
          */
-        "step1_email"?: string;
+        "columnTitle"?: string;
+    }
+    interface SqmRewardsTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmRewardsTableDateColumn {
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Date column title
          */
-        "step1_emailError"?: string;
+        "columnTitle"?: string;
         /**
-          * Label text for first name input
-          * @uiName First name label
-          * @uiGroup Step 1 Properties
+          * @uiName Date displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
+          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
          */
-        "step1_firstName"?: string;
+        "dateShown"?: string;
+    }
+    interface SqmRewardsTableRewardCell {
+        "availableText"?: string;
+        "copyText"?: string;
+        "locale"?: string;
+        "redeemedText"?: string;
+        "reward"?: Reward;
+    }
+    interface SqmRewardsTableRewardColumn {
         /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Remaining amount text
          */
-        "step1_firstNameError"?: string;
+        "availableText"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 1 Properties
+          * @uiName Reward column title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Copied fuel tank text
          */
-        "step1_formStep"?: string;
+        "copyText"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 1 Properties
+          * @uiName Redeemed amount text
          */
-        "step1_generalErrorDescription"?: string;
+        "redeemedText"?: string;
+    }
+    interface SqmRewardsTableSourceCell {
+        "anonymousUserText"?: string;
+        "deletedUserText"?: string;
+        "locale"?: string;
+        "referralText"?: string;
+        "reward"?: Reward;
+        "rewardExchangeText"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableSourceColumn {
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 1 Properties
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "step1_generalErrorTitle"?: string;
+        "anonymousUser"?: string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-          * @uiGroup Step 1 Properties
+          * @uiName Soruce column title
          */
-        "step1_individualParticipant"?: string;
+        "columnTitle"?: string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 1 Properties
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "step1_isPartnerAlertDescription"?: string;
+        "deletedUser"?: string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 1 Properties
+          * Shown when a reward has been created by a referral
+          * @uiName Referral text
+          * @uiWidget textArea
          */
-        "step1_isPartnerAlertHeader"?: string;
+        "referralText"?: string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
-          * @uiGroup Step 1 Properties
+          * @uiName Reward exchange label
          */
-        "step1_lastName"?: string;
+        "rewardExchangeText"?: string;
         /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-          * @uiGroup Step 1 Properties
+          * Shown when a reward has been created by a source other than a referral.
+          * @uiName Reward source text
+          * @uiWidget textArea
          */
-        "step1_lastNameError"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableStatusCell {
+        "deniedText"?: string;
+        "expiryText"?: string;
+        "locale"?: string;
+        "pendingReviewText"?: string;
+        "pendingScheduled"?: string;
+        "pendingUnhandled"?: string;
+        "pendingUsTax"?: string;
+        "reward"?: Reward;
+        "statusText"?: string;
+    }
+    interface SqmRewardsTableStatusColumn {
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-          * @uiGroup Step 1 Properties
+          * @uiName Column title
          */
-        "step1_participantType"?: string;
+        "columnTitle"?: string;
         /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-          * @uiGroup Step 1 Properties
+          * Displayed when denied for fraud.
+          * @uiName Denied text
          */
-        "step1_participantTypeError"?: string;
+        "deniedText"?: string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-          * @uiGroup Step 1 Properties
+          * Text shown before the date of an expiring reward.
+          * @uiName Expiry date prefix
          */
-        "step1_personalInformation"?: string;
+        "expiryText"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 1 Properties
+          * Displayed when flagged for fraud.
+          * @uiName Pending review text
          */
-        "step1_submitButton"?: string;
+        "pendingReviewText"?: string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-          * @uiGroup Step 1 Properties
+          * Text shown before the available date of a pending reward.
+          * @uiName Pending date prefix
          */
-        "step1_taxAndBankingCollection"?: string;
+        "pendingScheduled"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 2 Properties
+          * Displayed when fulfillment error occured when creating a reward.
+          * @uiName Unhandled error text
          */
-        "step2_backButton"?: string;
+        "pendingUnhandled"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-          * @uiGroup Step 2 Properties
+          * Displayed when a reward is pending due to W9 compliance.
+          * @uiName W9 pending text
          */
-        "step2_formStep"?: string;
+        "pendingUsTax"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 2 Properties
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "step2_generalErrorDescription"?: string;
+        "statusText"?: string;
+    }
+    interface SqmRoute {
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 2 Properties
+          * Page Path URL for this route.
+          * @uiName Navigation path name
          */
-        "step2_generalErrorTitle"?: string;
+        "path"?: string;
+    }
+    interface SqmRouter {
+    }
+    interface SqmScroll {
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
-          * @uiGroup Step 2 Properties
+          * @uiName Button text
          */
-        "step2_indirectTax"?: string;
+        "buttonText"?: string;
         /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Button type
+          * @uiType string
+          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
+          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
          */
-        "step2_indirectTaxDescription"?: string;
+        "buttonType"?: | "default"
+    | "primary"
+    | "success"
+    | "neutral"
+    | "warning"
+    | "danger"
+    | "text";
         /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
-          * @uiGroup Step 2 Properties
+          * Draws a circle button.
+          * @uiName Circle
          */
-        "step2_indirectTaxDetails"?: string;
+        "circle"?: boolean;
         /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
-          * @uiGroup Step 2 Properties
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "step2_indirectTaxDetailsDescription"?: string;
+        "iconName"?: string;
         /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Icon slot
+          * @uiType string
+          * @uiEnum ["prefix", "suffix"]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "step2_indirectTaxNumber"?: string;
+        "iconSlot"?: string;
         /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
-          * @uiGroup Step 2 Properties
+          * The button becomes full width if the screen size is smaller than 500px
+          * @uiName Full width on mobile
          */
-        "step2_indirectTaxNumberError"?: string;
+        "mobile"?: boolean;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 2 Properties
+          * Draws an outlined button.
+          * @uiName Outline
          */
-        "step2_isPartnerAlertDescription"?: string;
+        "outline"?: boolean;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 2 Properties
+          * Draws a pill-style button with rounded edges.
+          * @uiName Pill
          */
-        "step2_isPartnerAlertHeader"?: string;
+        "pill"?: boolean;
         /**
-          * Label text for the QST checkbox
-          * @uiName checkbox label
-          * @uiGroup Step 2 Properties
+          * @uiName Scroll animation style
+          * @uiType string
+          * @uiEnum ["smooth", "auto"]
+          * @uiEnumNames ["Smooth", "Auto"]
          */
-        "step2_isRegisteredQST"?: string;
+        "scrollAnimation"?: "smooth" | "auto";
         /**
-          * Label text for Income Tax checkbox
-          * @uiName Income Tax checkbox label
-          * @uiGroup Step 2 Properties
+          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
+          * @uiName Scroll ID
          */
-        "step2_isRegisteredSubRegionIncomeTax"?: string;
+        "scrollId"?: string;
         /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
-          * @uiGroup Step 2 Properties
+          * The name of the HTML tag you would like to scroll to. E.g referral-table
+          * @uiName Scroll tag name
          */
-        "step2_notRegistered"?: string;
+        "scrollTagName"?: string;
         /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
-          * @uiGroup Step 2 Properties
+          * @uiName Size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large"]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "step2_otherRegion"?: string;
+        "size"?: string;
+    }
+    interface SqmShareButton {
         /**
-          * Label text for the Province select input
-          * @uiName Province select input label
-          * @uiGroup Step 2 Properties
+          * @uiName Button background color
+          * @uiWidget color
+          * @format color
          */
-        "step2_province"?: string;
+        "backgroundcolor"?: string;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-          * @uiGroup Step 2 Properties
+          * Configure border radius with pixel amount
+          * @uiName Border radius
+         */
+        "borderradius"?: number;
+        /**
+          * @undocumented 
+          * @uiType object
          */
-        "step2_provinceError"?: string;
+        "demoData"?: DemoData<ShareButtonViewProps>;
         /**
-          * Label text for the QST Tax Number input
-          * @uiName QST Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Disabled
          */
-        "step2_qstNumber"?: string;
+        "disabled"?: boolean;
         /**
-          * Error text shown below the QST Tax number input
-          * @uiName QST Tax Number error text
-          * @uiGroup Step 2 Properties
+          * @uiName Hide icon
+          * @default
          */
-        "step2_qstTaxNumberError"?: string;
+        "hideicon"?: boolean;
         /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
-          * @uiGroup Step 2 Properties
+          * @uiName Hide text
+          * @default
          */
-        "step2_selectedRegion"?: string;
+        "hidetext"?: boolean;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-          * @uiGroup Step 2 Properties
+          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
+          * @uiName Icon
          */
-        "step2_selectedRegionError"?: string;
+        "icon"?: string;
         /**
-          * Label text for Sub-region select
-          * @uiName for Sub-region select label
-          * @uiGroup Step 2 Properties
+          * @uiName Icon location
+          * @uiType string
+          * @uiEnum ["prefix", "suffix" ]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "step2_subRegion"?: string;
+        "iconslot"?: "prefix" | "suffix";
         /**
-          * Error text shown below the Sub-region Income Tax number input
-          * @uiName Sub-region Income Tax error text
-          * @uiGroup Step 2 Properties
+          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
+          * @uiName Share medium
+          * @uiType string
+          * @required 
+          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
+          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
          */
-        "step2_subRegionTaxNumberError"?: string;
+        "medium"?: | "facebook"
+    | "twitter"
+    | "email"
+    | "direct"
+    | "linkedin"
+    | "sms"
+    | "fbmessenger"
+    | "whatsapp"
+    | "linemessenger"
+    | "pinterest"
+    | "reminder"
+    | "unknown";
         /**
-          * Label text for the Sub-region Income Tax Number input
-          * @uiName Sub-region income Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Display pill
          */
-        "step2_subRegionTaxNumberLabel"?: string;
+        "pill"?: boolean;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 2 Properties
+          * Optional programId, or uses the programId context where this button is rendered.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step2_submitButton"?: string;
+        "programId"?: string;
         /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-          * @uiGroup Step 2 Properties
+          * Text used for native sharing (mobile only)
+          * @uiName Share text
          */
-        "step2_taxDetailsError"?: string;
+        "sharetext"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3 Properties
+          * Title used for native sharing (mobile only)
+          * @uiName Share title
          */
-        "step3_backButton"?: string;
+        "sharetitle"?: string;
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-          * @uiGroup Step 3 Properties
+          * @uiName Button size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large" ]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "step3_banner"?: string;
+        "size"?: "small" | "medium" | "large";
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-          * @uiGroup Step 3 Properties
+          * @uiName Button text color
+          * @uiWidget color
+          * @format color
          */
-        "step3_checkboxDescription"?: string;
+        "textcolor"?: string;
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-          * @uiGroup Step 3 Properties
+          * @uiType string
+          * @uiName Button style
+          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
+          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
-        "step3_checkboxLabel"?: string;
+        "type"?: | "primary"
+    | "success"
+    | "info"
+    | "warning"
+    | "danger"
+    | "default"
+    | "text";
+    }
+    interface SqmShareCode {
         /**
-          * Text shown inside iframe when Docusign form expires
-          * @uiName Expired Docusign form text
-          * @uiGroup Step 3 Properties
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "step3_docusignExpired"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3 Properties
+          * @uiName Copy button label
          */
-        "step3_formStep"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-          * @uiGroup Step 3 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3_formSubmissionError"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3 Properties
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step3_generalErrorDescription"?: string;
+        "programId"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3 Properties
+          * Change the text alignment
+          * @uiName Share code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step3_generalErrorTitle"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3 Properties
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "step3_submitButton"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3 Properties
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "step3_taxForm"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmShareLink {
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-          * @uiGroup Step 3 Properties
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "step3_taxFormDescription"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-          * @uiGroup Step 3 Properties
+          * @uiName Copy button label
          */
-        "step3_taxFormLabel"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3b Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3b_backButton"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-          * @uiGroup Step 3b Properties
+          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step3b_formLabel"?: string;
+        "programId"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3b Properties
+          * Change the text alignment
+          * @uiName Share link alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step3b_formStep"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3b Properties
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "step3b_generalErrorDescription"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3b Properties
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "step3b_generalErrorTitle"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmStatContainer {
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3b Properties
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "step3b_submitButton"?: string;
+        "display"?: "grid" | "flex";
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3b Properties
+          * @uiName Space between stats
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step3b_taxForm"?: string;
+        "space"?: Spacing;
+    }
+    interface SqmStencilbook {
+    }
+    interface SqmTab {
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
-          * @uiGroup Step 3b Properties
+          * @uiName Tab title
          */
-        "step3b_w8Description"?: string;
+        "header"?: string;
+    }
+    interface SqmTableCell {
         /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
-          * @uiGroup Step 3b Properties
+          * @uiName Column span
          */
-        "step3b_w8EDescription"?: string;
+        "colspan"?: number;
         /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Padding
          */
-        "step3b_w8ELabel"?: string;
+        "padding"?: string;
+    }
+    interface SqmTableRow {
         /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Border
          */
-        "step3b_w8Label"?: string;
+        "border"?: string;
+    }
+    interface SqmTabs {
         /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
-          * @uiGroup Step 3b Properties
+          * Used to specify the placement of the tabs
+          * @uiName Tabs placement
+          * @uiType string
+          * @uiEnum ["left", "right", "bottom", "top"]
+          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
          */
-        "step3b_w9Description"?: string;
+        "placement"?: "left" | "right" | "bottom" | "top";
+    }
+    interface SqmTaskCard {
         /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Button link
+          * @uiGroup Button
          */
-        "step3b_w9Label"?: string;
+        "buttonLink"?: string;
         /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @uiName Button text
+          * @uiGroup Button
          */
-        "step4_badgeTextAwaitingReview"?: string;
+        "buttonText"?: string;
         /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @uiName Title
+          * @uiGroup Task
          */
-        "step4_badgeTextExpiredOn"?: string;
+        "cardTitle"?: string;
         /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * Displays the amount of times that a user has completed a repeatable task.
+          * @uiName Completed count text
+          * @uiGroup Task
+          * @uiWidget textArea
          */
-        "step4_badgeTextExpiringSoon"?: string;
+        "completedText"?: string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step4_badgeTextSubmittedOn"?: string;
+        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-          * @uiGroup Step 4 Properties
+          * @uiName Description
+          * @uiGroup Task
          */
-        "step4_bankingInformationSectionHeader"?: string;
+        "description"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error text
-          * @uiGroup Step 4 Properties
+          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
+          * @uiName Display duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Task
          */
-        "step4_generalErrorDescription"?: string;
+        "displayDuration"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error title
-          * @uiGroup Step 4 Properties
+          * Shown to users after the end of the task duration.
+          * @uiName Ended date message
+          * @uiGroup Task
          */
-        "step4_generalErrorTitle"?: string;
+        "endedMessage"?: string;
         /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-          * @uiGroup Step 4 Properties
+          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
+          * @uiName Task card button event key
+          * @uiGroup Button
          */
-        "step4_invalidForm"?: string;
+        "eventKey"?: string;
         /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName Step 4 No form needed subtext
-          * @uiGroup Step 4 Properties
+          * Displayed when a user views a task card after the reward duration interval.
+          * @uiName Expiry date message
+          * @uiGroup Task
          */
-        "step4_newFormButton"?: string;
+        "expiryMessage"?: string;
         /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-          * @uiGroup Step 4 Properties
+          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
+          * @uiName Repeat amount
+          * @uiGroup Reward
          */
-        "step4_noFormNeededSubtext"?: string;
+        "finite"?: number;
         /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-          * @uiGroup Step 4 Properties
+          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
+          * @uiName Goal completion number
+          * @uiGroup Goal
          */
-        "step4_notRegisteredForTax"?: string;
+        "goal"?: number;
         /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * @uiName Hide CTA button
+          * @uiGroup Button
          */
-        "step4_statusTextActive"?: string;
+        "hideButton"?: boolean;
         /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * Button link opens in new tab
+          * @uiName Open in new tab
+          * @uiGroup Button
+          * @default
          */
-        "step4_statusTextExpired"?: string;
+        "openNewTab"?: boolean;
         /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
+          * @uiName Program ID override
+          * @uiWidget programSelector
+          * @uiGroup Goal
          */
-        "step4_statusTextNotActive"?: string;
+        "programId"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
+          * @uiName Progress bar unit
+          * @uiGroup Goal
          */
-        "step4_statusTextNotVerified"?: string;
+        "progressBarUnit"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-          * @uiGroup Step 4 Properties
+          * @uiName Goal repeatable
+          * @uiGroup Goal
+          * @default
          */
-        "step4_taxAlertHeaderExpiredOn"?: string;
+        "repeatable"?: boolean;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-          * @uiGroup Step 4 Properties
+          * @uiName Reward amount
+          * @uiGroup Reward
          */
-        "step4_taxAlertHeaderExpiringSoon"?: string;
+        "rewardAmount"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-          * @uiGroup Step 4 Properties
+          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
+          * @uiName Reward duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Reward
          */
-        "step4_taxAlertHeaderNotActive"?: string;
+        "rewardDuration"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-          * @uiGroup Step 4 Properties
+          * @uiName Reward unit
+          * @uiGroup Reward
          */
-        "step4_taxAlertMessage"?: string;
+        "rewardUnit"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-          * @uiGroup Step 4 Properties
+          * @uiName Show progress bar
+          * @uiGroup Goal
+          * @default
          */
-        "step4_taxAlertMessageExpiringSoon"?: string;
+        "showProgressBar"?: boolean;
         /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-          * @uiGroup Step 4 Properties
+          * Shown to users before the start of the task duration.
+          * @uiName Start date message
+          * @uiGroup Task
          */
-        "step4_taxDocumentSectionHeader"?: string;
+        "startsOnMessage"?: string;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-          * @uiGroup Step 4 Properties
+          * Select what type of stat to display for the goal. Manual paths are also supported.
+          * @uiName Goal progress source
+          * @required 
+          * @minLength 1
+          * @uiWidget statTypeSelectWidget
+          * @uiWidgetOptions {"version": 1.1}
+          * @uiGroup Goal
          */
-        "step4_taxDocumentSectionSubHeader"?: string;
+        "statType"?: string;
         /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-          * @uiGroup Step 3 Properties
+          * @uiName Progress bar steps
+          * @uiGroup Goal
+          * @default
          */
-        "stop3NotBasedInUS"?: string;
+        "steps"?: boolean;
     }
-    interface SqmTaxAndCashMonolith {
+    interface SqmTaxAndCash {
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * Text inside iframe when Docusign form is compelted
+          * @uiName Docusign completed text
+          * @uiGroup Step 3 Properties
+         */
+        "docusignCompleted"?: string;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -9216,6 +8001,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "step3_checkboxLabel"?: string;
+        /**
+          * Text shown inside iframe when Docusign form expires
+          * @uiName Expired Docusign form text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_docusignExpired"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
@@ -9941,7 +8732,6 @@ declare namespace LocalJSX {
         "sqm-tabs": SqmTabs;
         "sqm-task-card": SqmTaskCard;
         "sqm-tax-and-cash": SqmTaxAndCash;
-        "sqm-tax-and-cash-monolith": SqmTaxAndCashMonolith;
         "sqm-tax-document-submitted": SqmTaxDocumentSubmitted;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
@@ -10050,7 +8840,6 @@ declare module "@stencil/core" {
             "sqm-tabs": LocalJSX.SqmTabs & JSXBase.HTMLAttributes<HTMLSqmTabsElement>;
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
-            "sqm-tax-and-cash-monolith": LocalJSX.SqmTaxAndCashMonolith & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashMonolithElement>;
             "sqm-tax-document-submitted": LocalJSX.SqmTaxDocumentSubmitted & JSXBase.HTMLAttributes<HTMLSqmTaxDocumentSubmittedElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 32b21f5f86..377e40e2d5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -12,7 +12,7 @@ export interface BankingInfoFormViewProps {
     };
   };
   slots: {
-    formInputsSlot?: VNode;
+    formInputsSlot?: any;
   };
   callbacks: {
     onSubmit: (props: any) => Promise<void>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 659ec1c560..5f6111ab7b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -1,12 +1,10 @@
 import { useState, withHooks } from "@saasquatch/stencil-hooks";
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { Component, h, Host, Prop, State } from "@stencil/core";
+import { Component, Host, Prop, State, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
-import { useBankingInfoForm } from "./useBankingInfoForm";
-import { UserNameViewProps } from "../../sqm-user-name/sqm-user-name-view";
 import { BankingInfoFormView } from "./sqm-banking-info-form-view";
+import { getIndex, useBankingInfoForm } from "./useBankingInfoForm";
 
 /**
  * @uiName Banking Information Form
@@ -54,18 +52,105 @@ export class BankingInfoForm {
     // const props = isDemo()
     //   ? useDemoBankingInfoForm(this)
     //   : useBankingInfoForm(getProps(this));
-    const props = useDemoBankingInfoForm(this);
+
+    const props = useBankingInfoForm(getProps(this));
+
     console.log({ props });
 
+    const formMap = {
+      0: {
+        label: "BENEFICIARY_ACCOUNT_NAME",
+        input: <sl-input type="text"></sl-input>,
+      },
+      1: {
+        label: "BANK_ACCOUNT_TYPE",
+        input: <sl-input type="text"></sl-input>,
+      },
+      2: {
+        label: "BANK_ACCOUNT_NUMBER",
+        input: <sl-input type="text"></sl-input>,
+      },
+      3: {
+        label: "IBAN",
+        input: <sl-input type="text"></sl-input>,
+      },
+
+      4: {
+        label: "SWIFT_CODE",
+        input: <sl-input type="text"></sl-input>,
+      },
+      5: {
+        label: "ROUTING_CODE",
+        input: <sl-input type="text"></sl-input>,
+      },
+      6: {
+        label: "BANK_NAME",
+        input: <sl-input type="text"></sl-input>,
+      },
+      7: {
+        label: "CLASSIFICATION_ENTITY",
+        input: <sl-input type="text"></sl-input>,
+      },
+      8: {
+        label: "CLASSIFICATION_CPF",
+        input: <sl-input type="text"></sl-input>,
+      },
+      9: {
+        label: "PATRONYMICNAME",
+        input: <sl-input type="text"></sl-input>,
+      },
+      10: {
+        label: "VOCODE",
+        input: <sl-input type="text"></sl-input>,
+      },
+      11: {
+        label: "AGENCYCODE",
+        input: <sl-input type="text"></sl-input>,
+      },
+      12: {
+        label: "BANKADDRESS",
+        input: <sl-input type="text"></sl-input>,
+      },
+      13: {
+        label: "BRANCHCODE",
+        input: <sl-input type="text"></sl-input>,
+      },
+      14: {
+        label: "CLASSIFICATION",
+        input: <sl-input type="text"></sl-input>,
+      },
+    };
+
+    const binary = props.demo.bitset
+      .toString(2)
+      .padStart(Object.keys(formMap).length, "0");
+
+    const inputFields = [...binary].reduce((agg, num, idx) => {
+      const number = Number(num);
+      if (!number) return agg;
+      return [...agg, formMap[getIndex(binary, idx)]];
+    }, []);
+
     return (
       <Host>
+        <sl-input
+          value={props.demo.bitset}
+          onInput={(e) => props.demo.setBitset(Number(e.target.value))}
+        />
         <BankingInfoFormView
           callbacks={props.callbacks}
           text={props.text}
           states={props.states}
           refs={props.refs}
           slots={{
-            formInputsSlot: <div>FORM INPUTS</div>,
+            formInputsSlot: inputFields?.map(({ input, label }) => {
+              return (
+                <label>
+                  {label}
+                  {input}
+                </label>
+              );
+            }),
           }}
         />
       </Host>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index b6bca84867..d8933e18c6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -1,13 +1,47 @@
+import { useRef, useState } from "@saasquatch/universal-hooks";
 import { useParent } from "../../../utils/useParentState";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import { BankingInfoForm } from "./sqm-banking-info-form";
 
+export function getIndex(binary, idx) {
+  return binary.length - idx - 1;
+}
+
 export function useBankingInfoForm(props: BankingInfoForm) {
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
+  const [bitset, setBitset] = useState(42);
+
+  const formRef = useRef<HTMLFormElement>(null);
+  const [option, setOption] = useState(null);
+
   return {
     step: step,
     setStep: setStep,
-    text: { ...props },
+
+    text: { ...props, error: {} },
+
+    callbacks: {
+      onSubmit: async () => {},
+      onChange: setOption,
+    },
+    states: {
+      disabled: false,
+      loading: false,
+      hideSteps: false,
+      formState: {
+        checked: "toBankAccount" as "toBankAccount" | "toPaypalAccount",
+        errors: {
+          general: false,
+        },
+      },
+    },
+    refs: {
+      formRef,
+    },
+    demo: {
+      bitset,
+      setBitset,
+    },
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index d9ad3ce631..1da4fee33a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -795,6 +795,8 @@ export class TaxAndCashMonolith {
             {...this.getDocumentTypeFormTextProps()}
           ></sqm-document-type-form>
         );
+      case "/4":
+        return <sqm-banking-info-form></sqm-banking-info-form>;
       case "/submitted":
         return (
           <sqm-tax-document-submitted
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 477c1dd368..8655f4e6de 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -122,8 +122,8 @@ export function useTaxAndCash() {
       const user = data?.user;
       if (!user || step !== "/loading") return;
 
-      const currentStep = getCurrentStep(user);
-      setStep(currentStep);
+      // const currentStep = getCurrentStep(user);
+      setStep("/4");
     }
   }, [host, user, data?.user?.email]);
 
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From 8c6f795d07cf385736880fd5bb7e883aa7ed150d Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 10:16:26 -0800
Subject: [PATCH 195/753] Update index.html

---
 packages/mint-components/src/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From 4dad6a539a5a52c656b1ddc7e7704b0fa4d91403 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 10:27:44 -0800
Subject: [PATCH 196/753] update with names

---
 .../sqm-banking-info-form.tsx                 | 42 ++++++++------
 .../useBankingInfoForm.tsx                    | 57 +++++++++++++++++++
 packages/mint-components/src/index.html       |  4 +-
 3 files changed, 85 insertions(+), 18 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 5f6111ab7b..c6664ec0f6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -60,64 +60,70 @@ export class BankingInfoForm {
     const formMap = {
       0: {
         label: "BENEFICIARY_ACCOUNT_NAME",
-        input: <sl-input type="text"></sl-input>,
+        input: <sl-input name="/beneficiaryAccountName" type="text"></sl-input>,
       },
       1: {
         label: "BANK_ACCOUNT_TYPE",
-        input: <sl-input type="text"></sl-input>,
+        input: <sl-input name="/bankAccountType" type="text"></sl-input>,
       },
       2: {
         label: "BANK_ACCOUNT_NUMBER",
-        input: <sl-input type="text"></sl-input>,
+        input: <sl-input name="/bankAccountNumber" type="text"></sl-input>,
       },
       3: {
         label: "IBAN",
-        input: <sl-input type="text"></sl-input>,
+        input: <sl-input name="/beneficiaryAccountName" type="text"></sl-input>,
       },
 
       4: {
         label: "SWIFT_CODE",
-        input: <sl-input type="text"></sl-input>,
+        input: <sl-input name="/swiftCode" type="text"></sl-input>,
       },
       5: {
         label: "ROUTING_CODE",
-        input: <sl-input type="text"></sl-input>,
+        input: <sl-input name="/routingCode" type="text"></sl-input>,
       },
       6: {
         label: "BANK_NAME",
-        input: <sl-input type="text"></sl-input>,
+        input: <sl-input name="/bankName" type="text"></sl-input>,
       },
       7: {
         label: "CLASSIFICATION_ENTITY",
-        input: <sl-input type="text"></sl-input>,
+        input: (
+          <sl-input name="/beneficiaryClassification" type="text"></sl-input>
+        ),
       },
       8: {
         label: "CLASSIFICATION_CPF",
-        input: <sl-input type="text"></sl-input>,
+        input: (
+          <sl-input name="/beneficiaryClassification" type="text"></sl-input>
+        ),
       },
       9: {
         label: "PATRONYMICNAME",
-        input: <sl-input type="text"></sl-input>,
+        input: <sl-input name="/patronymicName" type="text"></sl-input>,
       },
       10: {
         label: "VOCODE",
-        input: <sl-input type="text"></sl-input>,
+        input: <sl-input name="/voCode" type="text"></sl-input>,
       },
       11: {
         label: "AGENCYCODE",
-        input: <sl-input type="text"></sl-input>,
+        input: <sl-input name="/agencyCode" type="text"></sl-input>,
       },
       12: {
         label: "BANKADDRESS",
-        input: <sl-input type="text"></sl-input>,
+        input: <sl-input name="/bankAddress" type="text"></sl-input>,
       },
       13: {
         label: "BRANCHCODE",
-        input: <sl-input type="text"></sl-input>,
+        input: <sl-input name="/branchCode" type="text"></sl-input>,
       },
       14: {
         label: "CLASSIFICATION",
-        input: <sl-input type="text"></sl-input>,
+        input: (
+          <sl-input name="/beneficiaryClassification" type="text"></sl-input>
+        ),
       },
     };
 
@@ -128,7 +134,11 @@ export class BankingInfoForm {
     const inputFields = [...binary].reduce((agg, num, idx) => {
       const number = Number(num);
       if (!number) return agg;
-      return [...agg, formMap[getIndex(binary, idx)]];
+      const inputFound = formMap[getIndex(binary, idx)];
+
+      console.log({ inputFound, binary });
+      if (!inputFound) return agg;
+      return [...agg, inputFound];
     }, []);
 
     return (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index d8933e18c6..37b9ef0cc7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -2,6 +2,7 @@ import { useRef, useState } from "@saasquatch/universal-hooks";
 import { useParent } from "../../../utils/useParentState";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import { BankingInfoForm } from "./sqm-banking-info-form";
+import JSONPointer from "jsonpointer";
 
 export function getIndex(binary, idx) {
   return binary.length - idx - 1;
@@ -14,6 +15,62 @@ export function useBankingInfoForm(props: BankingInfoForm) {
 
   const formRef = useRef<HTMLFormElement>(null);
   const [option, setOption] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [errors, setErrors] = useState({});
+
+  const onSubmit = async (event: any) => {
+    if (!option) {
+      setErrors({ taxDetails: true });
+      return;
+    }
+
+    let formData: Record<string, string> = { taxOption: option };
+    let validationErrors: Record<string, string> = {};
+
+    const controls = event.target.getFormControls();
+
+    controls.forEach((control) => {
+      if (!control.name || !control.id) return;
+      if (option === "notRegistered") return; // Don't include fields for notRegistered option
+
+      const key = control.name;
+      const value = control.value;
+      JSONPointer.set(formData, key, value);
+
+      if (control.required && !value) {
+        JSONPointer.set(validationErrors, key, true);
+      }
+    });
+
+    setErrors(validationErrors);
+    if (Object.keys(validationErrors).length) {
+      return;
+    }
+
+    setLoading(true);
+    try {
+      console.log({ formData });
+
+      // const result = await connectImpactPartner({
+      //   vars: {
+      //     userId: user.id,
+      //     accountId: user.accountId,
+      //     firstName: userForm.firstName,
+      //     lastName: userForm.lastName,
+      //     country: userForm.countryCode, // TODO: May need formatting
+      //     currency: userForm.currency,
+      //     ...fields,
+      //   },
+      // });
+      // if (!result || (result as Error)?.message) throw new Error();
+
+      // setStep("/3");
+    } catch (e) {
+      setErrors({ general: true });
+    } finally {
+      setLoading(false);
+    }
+  };
 
   return {
     step: step,
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From ba75444967ab6b1d865848d42ee6bd927e88cca8 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 10:28:27 -0800
Subject: [PATCH 197/753] ensure form inputs are in correct order

---
 .../sqm-banking-info-form/sqm-banking-info-form.tsx         | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index c6664ec0f6..057feada8b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -131,10 +131,12 @@ export class BankingInfoForm {
       .toString(2)
       .padStart(Object.keys(formMap).length, "0");
 
-    const inputFields = [...binary].reduce((agg, num, idx) => {
+    const binaryToParse = binary.split("").reverse().join("");
+
+    const inputFields = [...binaryToParse].reduce((agg, num, idx) => {
       const number = Number(num);
       if (!number) return agg;
-      const inputFound = formMap[getIndex(binary, idx)];
+      const inputFound = formMap[idx];
 
       console.log({ inputFound, binary });
       if (!inputFound) return agg;

From de88e9fa02e6fe60facbe2150997a30694b10067 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 10:30:23 -0800
Subject: [PATCH 198/753] cleanup

---
 .../sqm-banking-info-form/sqm-banking-info-form.tsx          | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 057feada8b..b258a107ce 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -135,11 +135,8 @@ export class BankingInfoForm {
 
     const inputFields = [...binaryToParse].reduce((agg, num, idx) => {
       const number = Number(num);
-      if (!number) return agg;
       const inputFound = formMap[idx];
-
-      console.log({ inputFound, binary });
-      if (!inputFound) return agg;
+      if (!number || !inputFound) return agg;
       return [...agg, inputFound];
     }, []);
 

From 10793d1d9d92c08dd7141262d6b82d14bf0c8163 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 15 Feb 2024 10:46:10 -0800
Subject: [PATCH 199/753] fix some states

---
 packages/mint-components/src/components.d.ts  | 6105 +++++++----------
 .../tax-and-cash/TaxForm.stories.tsx          |    4 +-
 .../docusign-iframe/DocusignIframe.tsx        |    4 -
 .../sqm-docusign-form/sqm-docusign-form.tsx   |    9 +-
 .../sqm-docusign-form/useDocusignForm.tsx     |   10 +-
 .../sqm-indirect-tax-form-view.tsx            |    4 -
 .../useIndirectTaxForm.tsx                    |    3 +-
 packages/mint-components/src/index.html       |    4 +-
 8 files changed, 2467 insertions(+), 3676 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 767f35a25d..4e0deedd34 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3629,965 +3629,364 @@ export namespace Components {
          */
         "stop3NotBasedInUS": string;
     }
-    interface SqmTaxAndCashMonolith {
+    interface SqmTaxDocumentSubmitted {
         /**
-          * @undocumented 
-          * @uiType object
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
          */
-        "demoData"?: DemoData<UseTaxAndCashResultType>;
+        "badgeTextAwaitingReview"?: string;
         /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing the form has expired
+          * @uiName Badge description text
          */
-        "step1_allowBankingCollection": string;
+        "badgeTextExpiredOn"?: string;
         /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing the form expiring soon
+          * @uiName Badge description text
          */
-        "step1_allowBankingCollectionError": string;
+        "badgeTextExpiringSoon"?: string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-          * @uiGroup Step 1 Properties
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
          */
-        "step1_businessEntity": string;
+        "badgeTextSubmittedOn"?: string;
         /**
-          * Label text for country input
-          * @uiName Country label
-          * @uiGroup Step 1 Properties
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
          */
-        "step1_country": string;
+        "bankingInformationSectionHeader": string;
         /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-          * @uiGroup Step 1 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step1_countryError": string;
+        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
         /**
-          * Label text for currency input
-          * @uiName Currency label
-          * @uiGroup Step 1 Properties
+          * Text displayed in the edit Indirect Tax button
+          * @uiName Edit Indirect Tax button
          */
-        "step1_currency": string;
+        "editIndirectTaxButton": string;
         /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-          * @uiGroup Step 1 Properties
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "step1_currencyError": string;
+        "generalErrorDescription": string;
         /**
-          * Label text for email input
-          * @uiName Email label
-          * @uiGroup Step 1 Properties
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "step1_email": string;
+        "generalErrorTitle": string;
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-          * @uiGroup Step 1 Properties
+          * Indirect tax description text for individual participants
+          * @uiName Indirect tax individual participant description
          */
-        "step1_emailError": string;
+        "indirectTaxIndividualParticipant": string;
         /**
-          * Label text for first name input
-          * @uiName First name label
-          * @uiGroup Step 1 Properties
+          * Country/Region description text of indirect tax
+          * @uiName Indirect tax Canada description
          */
-        "step1_firstName": string;
+        "indirectTaxInfoCanada": string;
         /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-          * @uiGroup Step 1 Properties
+          * Other country description text of indirect tax
+          * @uiName Indirect tax other country description
          */
-        "step1_firstNameError": string;
+        "indirectTaxInfoOtherCountry": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 1 Properties
+          * Header text displayed above the indirect tax preview section
+          * @uiName Indirect Tax Information Header
          */
-        "step1_formStep": string;
+        "indirectTaxInfoSectionHeader": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 1 Properties
+          * Indirect tax tooltip text for support
+          * @uiName Indirect tax tooltip description
          */
-        "step1_generalErrorDescription": string;
+        "indirectTaxTooltipSupport": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 1 Properties
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
          */
-        "step1_generalErrorTitle": string;
+        "invalidForm"?: string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-          * @uiGroup Step 1 Properties
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
          */
-        "step1_individualParticipant": string;
+        "newFormButton": string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 1 Properties
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
          */
-        "step1_isPartnerAlertDescription": string;
+        "noFormNeededSubtext": string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 1 Properties
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
          */
-        "step1_isPartnerAlertHeader": string;
+        "notRegisteredForTax": string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
          */
-        "step1_lastName": string;
+        "statusTextActive"?: string;
         /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Expired
+          * @uiName Status text
          */
-        "step1_lastNameError": string;
+        "statusTextExpired"?: string;
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
          */
-        "step1_participantType": string;
+        "statusTextNotActive"?: string;
         /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-          * @uiGroup Step 1 Properties
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
          */
-        "step1_participantTypeError": string;
+        "statusTextNotVerified"?: string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expired alert header
          */
-        "step1_personalInformation": string;
+        "taxAlertHeaderExpiredOn"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Expiring soon alert header
          */
-        "step1_submitButton": string;
+        "taxAlertHeaderExpiringSoon"?: string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-          * @uiGroup Step 1 Properties
+          * Header displayed in alert header at the top of the page.
+          * @uiName Not active alert header
          */
-        "step1_taxAndBankingCollection": string;
+        "taxAlertHeaderNotActive"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 2 Properties
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Tax alert message
          */
-        "step2_backButton": string;
+        "taxAlertMessage"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-          * @uiGroup Step 2 Properties
+          * Description text displayed in alert body at the top of the page.
+          * @uiName Expiring soon tax alert message
          */
-        "step2_formStep": string;
+        "taxAlertMessageExpiringSoon": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 2 Properties
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
          */
-        "step2_generalErrorDescription": string;
+        "taxDocumentSectionHeader": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 2 Properties
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
          */
-        "step2_generalErrorTitle": string;
+        "taxDocumentSectionSubHeader": string;
+    }
+    interface SqmText {
+    }
+    interface SqmTextSpan {
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
-          * @uiGroup Step 2 Properties
+          * @uiName Text
          */
-        "step2_indirectTax": string;
+        "text": string;
         /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Type
+          * @uiType string
+          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
+          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
          */
-        "step2_indirectTaxDescription": string;
+        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+    }
+    interface SqmTimeline {
         /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
-          * @uiGroup Step 2 Properties
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
          */
-        "step2_indirectTaxDetails": string;
+        "icon": "gift" | "circle";
+    }
+    interface SqmTimelineEntry {
         /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Description
          */
-        "step2_indirectTaxDetailsDescription": string;
+        "desc": string;
         /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Icon
+          * @uiType string
+          * @uiEnum ["gift", "circle"]
+          * @uiEnumNames ["Gift", "Circle"]
          */
-        "step2_indirectTaxNumber": string;
+        "icon": "gift" | "circle";
         /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
-          * @uiGroup Step 2 Properties
+          * @uiName Reward amount
          */
-        "step2_indirectTaxNumberError": string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertDescription": string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertHeader": string;
-        /**
-          * Label text for the QST checkbox
-          * @uiName checkbox label
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isRegisteredQST": string;
-        /**
-          * Label text for Income Tax checkbox
-          * @uiName Income Tax checkbox label
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isRegisteredSubRegionIncomeTax": string;
+        "reward": string;
+        "setIcon": (value: "gift" | "circle") => Promise<void>;
         /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
-          * @uiGroup Step 2 Properties
+          * @uiName Reward unit
          */
-        "step2_notRegistered": string;
+        "unit": string;
+    }
+    interface SqmTitledSection {
         /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
-          * @uiGroup Step 2 Properties
+          * Text value shown when there is no label slot declared.
+          * @uiName Label
          */
-        "step2_otherRegion": string;
+        "label": string;
         /**
-          * Label text for the Province select input
-          * @uiName Province select input label
-          * @uiGroup Step 2 Properties
+          * Margin applied to the bottom of the label slot
+          * @uiName Label bottom margin
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step2_province": string;
+        "labelMargin": Spacing;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-          * @uiGroup Step 2 Properties
+          * Padding applied to all 4 sides of the container
+          * @uiName Section padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step2_provinceError": string;
+        "padding": Spacing;
         /**
-          * Label text for the QST Tax Number input
-          * @uiName QST Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Text alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step2_qstNumber": string;
+        "textAlign": "left" | "center" | "right";
+    }
+    interface SqmUserInfoForm {
         /**
-          * Error text shown below the QST Tax number input
-          * @uiName QST Tax Number error text
-          * @uiGroup Step 2 Properties
+          * Label text for tax and banking collection checkbox
+          * @uiName Tax and banking label
          */
-        "step2_qstTaxNumberError": string;
+        "allowBankingCollection": string;
         /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox error text
          */
-        "step2_selectedRegion": string;
+        "allowBankingCollectionError": string;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-          * @uiGroup Step 2 Properties
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
          */
-        "step2_selectedRegionError": string;
+        "businessEntity": string;
         /**
-          * Label text for Sub-region select
-          * @uiName for Sub-region select label
-          * @uiGroup Step 2 Properties
+          * Label text for country input
+          * @uiName Country label
          */
-        "step2_subRegion": string;
+        "country": string;
         /**
-          * Error text shown below the Sub-region Income Tax number input
-          * @uiName Sub-region Income Tax error text
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the country input
+          * @uiName Country input error text
          */
-        "step2_subRegionTaxNumberError": string;
+        "countryError": string;
         /**
-          * Label text for the Sub-region Income Tax Number input
-          * @uiName Sub-region income Tax Number input label
-          * @uiGroup Step 2 Properties
+          * Label text for currency input
+          * @uiName Currency label
          */
-        "step2_subRegionTaxNumberLabel": string;
+        "currency": string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 2 Properties
+          * Error text shown at the bottom of the currency input
+          * @uiName Currency input error text
          */
-        "step2_submitButton": string;
+        "currencyError": string;
         /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-          * @uiGroup Step 2 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step2_taxDetailsError": string;
+        "demoData"?: DemoData<UseUserInfoFormResult>;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3 Properties
+          * Label text for email input
+          * @uiName Email label
          */
-        "step3_backButton": string;
+        "email": string;
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-          * @uiGroup Step 3 Properties
+          * Error text shown at the bottom of the email input
+          * @uiName Email input error text
          */
-        "step3_banner": string;
+        "emailError": string;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-          * @uiGroup Step 3 Properties
+          * Label text for first name input
+          * @uiName First name label
          */
-        "step3_checkboxDescription": string;
+        "firstName": string;
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-          * @uiGroup Step 3 Properties
+          * Error text shown at the bottom of the first name input
+          * @uiName First name input error text
          */
-        "step3_checkboxLabel": string;
+        "firstNameError": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_formStep": string;
-        /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-          * @uiGroup Step 3 Properties
          */
-        "step3_formSubmissionError": string;
+        "formStep": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
-          * @uiGroup Step 3 Properties
          */
-        "step3_generalErrorDescription": string;
+        "generalErrorDescription": string;
         /**
           * The title for error message shown at the top of the page in an error banner
           * @uiName General error title
-          * @uiGroup Step 3 Properties
          */
-        "step3_generalErrorTitle": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_submitButton": string;
+        "generalErrorTitle": string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3 Properties
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
          */
-        "step3_taxForm": string;
+        "individualParticipant": string;
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-          * @uiGroup Step 3 Properties
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
          */
-        "step3_taxFormDescription": string;
+        "isPartnerAlertDescription": string;
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-          * @uiGroup Step 3 Properties
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
          */
-        "step3_taxFormLabel": string;
+        "isPartnerAlertHeader": string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3b Properties
+          * Label text for last name input
+          * @uiName Last name label
          */
-        "step3b_backButton": string;
+        "lastName": string;
         /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-          * @uiGroup Step 3b Properties
+          * Error text shown at the bottom of the last name input
+          * @uiName Last name input error text
          */
-        "step3b_formLabel": string;
+        "lastNameError": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3b Properties
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
          */
-        "step3b_formStep": string;
+        "participantType": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3b Properties
+          * Error text shown at the bottom of the participant type checkbox
+          * @uiName Participant type checkbox error text
          */
-        "step3b_generalErrorDescription": string;
+        "participantTypeError": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3b Properties
+          * Heading text shown above the forms inputs.
+          * @uiName Form heading text
          */
-        "step3b_generalErrorTitle": string;
+        "personalInformation": string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
-          * @uiGroup Step 3b Properties
          */
-        "step3b_submitButton": string;
+        "submitButton": string;
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3b Properties
+          * Heading text for the tax and banking collection checkbox
+          * @uiName Tax and banking collection checkbox heading
          */
-        "step3b_taxForm": string;
+        "taxAndBankingCollection": string;
+    }
+    interface SqmUserName {
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
-          * @uiGroup Step 3b Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3b_w8Description": string;
+        "demoData"?: DemoData<UserNameViewProps>;
         /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8EDescription": string;
-        /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8ELabel": string;
-        /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w8Label": string;
-        /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w9Description": string;
-        /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-          * @uiGroup Step 3b Properties
-         */
-        "step3b_w9Label": string;
-        /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextAwaitingReview"?: string;
-        /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextExpiredOn"?: string;
-        /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextExpiringSoon"?: string;
-        /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextSubmittedOn"?: string;
-        /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_bankingInformationSectionHeader": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error title
-          * @uiGroup Step 4 Properties
-         */
-        "step4_generalErrorTitle": string;
-        /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_invalidForm"?: string;
-        /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName Step 4 No form needed subtext
-          * @uiGroup Step 4 Properties
-         */
-        "step4_newFormButton": string;
-        /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-          * @uiGroup Step 4 Properties
-         */
-        "step4_noFormNeededSubtext": string;
-        /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-          * @uiGroup Step 4 Properties
-         */
-        "step4_notRegisteredForTax": string;
-        /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextExpired"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextNotActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextNotVerified"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderExpiredOn"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderExpiringSoon"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertHeaderNotActive"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertMessage"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertMessageExpiringSoon": string;
-        /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxDocumentSectionHeader": string;
-        /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxDocumentSectionSubHeader": string;
-        /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-          * @uiGroup Step 3 Properties
-         */
-        "stop3NotBasedInUS": string;
-    }
-    interface SqmTaxDocumentSubmitted {
-        /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-         */
-        "badgeTextAwaitingReview"?: string;
-        /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-         */
-        "badgeTextExpiredOn"?: string;
-        /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-         */
-        "badgeTextExpiringSoon"?: string;
-        /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-         */
-        "badgeTextSubmittedOn"?: string;
-        /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-         */
-        "bankingInformationSectionHeader": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
-        /**
-          * Text displayed in the edit Indirect Tax button
-          * @uiName Edit Indirect Tax button
-         */
-        "editIndirectTaxButton": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle": string;
-        /**
-          * Indirect tax description text for individual participants
-          * @uiName Indirect tax individual participant description
-         */
-        "indirectTaxIndividualParticipant": string;
-        /**
-          * Country/Region description text of indirect tax
-          * @uiName Indirect tax Canada description
-         */
-        "indirectTaxInfoCanada": string;
-        /**
-          * Other country description text of indirect tax
-          * @uiName Indirect tax other country description
-         */
-        "indirectTaxInfoOtherCountry": string;
-        /**
-          * Header text displayed above the indirect tax preview section
-          * @uiName Indirect Tax Information Header
-         */
-        "indirectTaxInfoSectionHeader": string;
-        /**
-          * Indirect tax tooltip text for support
-          * @uiName Indirect tax tooltip description
-         */
-        "indirectTaxTooltipSupport": string;
-        /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-         */
-        "invalidForm"?: string;
-        /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName No form needed subtext
-         */
-        "newFormButton": string;
-        /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-         */
-        "noFormNeededSubtext": string;
-        /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-         */
-        "notRegisteredForTax": string;
-        /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-         */
-        "statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-         */
-        "statusTextExpired"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-         */
-        "statusTextNotActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-         */
-        "statusTextNotVerified"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-         */
-        "taxAlertHeaderExpiredOn"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-         */
-        "taxAlertHeaderExpiringSoon"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-         */
-        "taxAlertHeaderNotActive"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-         */
-        "taxAlertMessage"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-         */
-        "taxAlertMessageExpiringSoon": string;
-        /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-         */
-        "taxDocumentSectionHeader": string;
-        /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-         */
-        "taxDocumentSectionSubHeader": string;
-    }
-    interface SqmText {
-    }
-    interface SqmTextSpan {
-        /**
-          * @uiName Text
-         */
-        "text": string;
-        /**
-          * @uiName Type
-          * @uiType string
-          * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
-          * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
-         */
-        "type": "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
-    }
-    interface SqmTimeline {
-        /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
-         */
-        "icon": "gift" | "circle";
-    }
-    interface SqmTimelineEntry {
-        /**
-          * @uiName Description
-         */
-        "desc": string;
-        /**
-          * @uiName Icon
-          * @uiType string
-          * @uiEnum ["gift", "circle"]
-          * @uiEnumNames ["Gift", "Circle"]
-         */
-        "icon": "gift" | "circle";
-        /**
-          * @uiName Reward amount
-         */
-        "reward": string;
-        "setIcon": (value: "gift" | "circle") => Promise<void>;
-        /**
-          * @uiName Reward unit
-         */
-        "unit": string;
-    }
-    interface SqmTitledSection {
-        /**
-          * Text value shown when there is no label slot declared.
-          * @uiName Label
-         */
-        "label": string;
-        /**
-          * Margin applied to the bottom of the label slot
-          * @uiName Label bottom margin
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "labelMargin": Spacing;
-        /**
-          * Padding applied to all 4 sides of the container
-          * @uiName Section padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "padding": Spacing;
-        /**
-          * @uiName Text alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "textAlign": "left" | "center" | "right";
-    }
-    interface SqmUserInfoForm {
-        /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-         */
-        "allowBankingCollection": string;
-        /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-         */
-        "allowBankingCollectionError": string;
-        /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-         */
-        "businessEntity": string;
-        /**
-          * Label text for country input
-          * @uiName Country label
-         */
-        "country": string;
-        /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-         */
-        "countryError": string;
-        /**
-          * Label text for currency input
-          * @uiName Currency label
-         */
-        "currency": string;
-        /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-         */
-        "currencyError": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseUserInfoFormResult>;
-        /**
-          * Label text for email input
-          * @uiName Email label
-         */
-        "email": string;
-        /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-         */
-        "emailError": string;
-        /**
-          * Label text for first name input
-          * @uiName First name label
-         */
-        "firstName": string;
-        /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-         */
-        "firstNameError": string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle": string;
-        /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-         */
-        "individualParticipant": string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-         */
-        "isPartnerAlertDescription": string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-         */
-        "isPartnerAlertHeader": string;
-        /**
-          * Label text for last name input
-          * @uiName Last name label
-         */
-        "lastName": string;
-        /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-         */
-        "lastNameError": string;
-        /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-         */
-        "participantType": string;
-        /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-         */
-        "participantTypeError": string;
-        /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-         */
-        "personalInformation": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton": string;
-        /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-         */
-        "taxAndBankingCollection": string;
-    }
-    interface SqmUserName {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UserNameViewProps>;
-        /**
-          * @uiName Unknown user name
+          * @uiName Unknown user name
          */
         "fallback": string;
         /**
@@ -4916,2204 +4315,1663 @@ declare global {
         prototype: HTMLSqmProgramExplainerStepElement;
         new (): HTMLSqmProgramExplainerStepElement;
     };
-    interface HTMLSqmProgramMenuElement extends Components.SqmProgramMenu, HTMLStencilElement {
-    }
-    var HTMLSqmProgramMenuElement: {
-        prototype: HTMLSqmProgramMenuElement;
-        new (): HTMLSqmProgramMenuElement;
-    };
-    interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
-    }
-    var HTMLSqmReferralCardElement: {
-        prototype: HTMLSqmReferralCardElement;
-        new (): HTMLSqmReferralCardElement;
-    };
-    interface HTMLSqmReferralIframeElement extends Components.SqmReferralIframe, HTMLStencilElement {
-    }
-    var HTMLSqmReferralIframeElement: {
-        prototype: HTMLSqmReferralIframeElement;
-        new (): HTMLSqmReferralIframeElement;
-    };
-    interface HTMLSqmReferralTableElement extends Components.SqmReferralTable, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableElement: {
-        prototype: HTMLSqmReferralTableElement;
-        new (): HTMLSqmReferralTableElement;
-    };
-    interface HTMLSqmReferralTableCellElement extends Components.SqmReferralTableCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableCellElement: {
-        prototype: HTMLSqmReferralTableCellElement;
-        new (): HTMLSqmReferralTableCellElement;
-    };
-    interface HTMLSqmReferralTableColumnElement extends Components.SqmReferralTableColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableColumnElement: {
-        prototype: HTMLSqmReferralTableColumnElement;
-        new (): HTMLSqmReferralTableColumnElement;
-    };
-    interface HTMLSqmReferralTableDateCellElement extends Components.SqmReferralTableDateCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableDateCellElement: {
-        prototype: HTMLSqmReferralTableDateCellElement;
-        new (): HTMLSqmReferralTableDateCellElement;
-    };
-    interface HTMLSqmReferralTableDateColumnElement extends Components.SqmReferralTableDateColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableDateColumnElement: {
-        prototype: HTMLSqmReferralTableDateColumnElement;
-        new (): HTMLSqmReferralTableDateColumnElement;
-    };
-    interface HTMLSqmReferralTableRewardsCellElement extends Components.SqmReferralTableRewardsCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableRewardsCellElement: {
-        prototype: HTMLSqmReferralTableRewardsCellElement;
-        new (): HTMLSqmReferralTableRewardsCellElement;
-    };
-    interface HTMLSqmReferralTableRewardsColumnElement extends Components.SqmReferralTableRewardsColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableRewardsColumnElement: {
-        prototype: HTMLSqmReferralTableRewardsColumnElement;
-        new (): HTMLSqmReferralTableRewardsColumnElement;
-    };
-    interface HTMLSqmReferralTableStatusCellElement extends Components.SqmReferralTableStatusCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableStatusCellElement: {
-        prototype: HTMLSqmReferralTableStatusCellElement;
-        new (): HTMLSqmReferralTableStatusCellElement;
-    };
-    interface HTMLSqmReferralTableStatusColumnElement extends Components.SqmReferralTableStatusColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableStatusColumnElement: {
-        prototype: HTMLSqmReferralTableStatusColumnElement;
-        new (): HTMLSqmReferralTableStatusColumnElement;
-    };
-    interface HTMLSqmReferralTableUserCellElement extends Components.SqmReferralTableUserCell, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableUserCellElement: {
-        prototype: HTMLSqmReferralTableUserCellElement;
-        new (): HTMLSqmReferralTableUserCellElement;
-    };
-    interface HTMLSqmReferralTableUserColumnElement extends Components.SqmReferralTableUserColumn, HTMLStencilElement {
-    }
-    var HTMLSqmReferralTableUserColumnElement: {
-        prototype: HTMLSqmReferralTableUserColumnElement;
-        new (): HTMLSqmReferralTableUserColumnElement;
-    };
-    interface HTMLSqmReferredRegistrationElement extends Components.SqmReferredRegistration, HTMLStencilElement {
-    }
-    var HTMLSqmReferredRegistrationElement: {
-        prototype: HTMLSqmReferredRegistrationElement;
-        new (): HTMLSqmReferredRegistrationElement;
-    };
-    interface HTMLSqmRewardExchangeListElement extends Components.SqmRewardExchangeList, HTMLStencilElement {
-    }
-    var HTMLSqmRewardExchangeListElement: {
-        prototype: HTMLSqmRewardExchangeListElement;
-        new (): HTMLSqmRewardExchangeListElement;
-    };
-    interface HTMLSqmRewardsTableElement extends Components.SqmRewardsTable, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableElement: {
-        prototype: HTMLSqmRewardsTableElement;
-        new (): HTMLSqmRewardsTableElement;
-    };
-    interface HTMLSqmRewardsTableCustomerNoteCellElement extends Components.SqmRewardsTableCustomerNoteCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableCustomerNoteCellElement: {
-        prototype: HTMLSqmRewardsTableCustomerNoteCellElement;
-        new (): HTMLSqmRewardsTableCustomerNoteCellElement;
-    };
-    interface HTMLSqmRewardsTableCustomerNoteColumnElement extends Components.SqmRewardsTableCustomerNoteColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableCustomerNoteColumnElement: {
-        prototype: HTMLSqmRewardsTableCustomerNoteColumnElement;
-        new (): HTMLSqmRewardsTableCustomerNoteColumnElement;
-    };
-    interface HTMLSqmRewardsTableDateCellElement extends Components.SqmRewardsTableDateCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableDateCellElement: {
-        prototype: HTMLSqmRewardsTableDateCellElement;
-        new (): HTMLSqmRewardsTableDateCellElement;
-    };
-    interface HTMLSqmRewardsTableDateColumnElement extends Components.SqmRewardsTableDateColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableDateColumnElement: {
-        prototype: HTMLSqmRewardsTableDateColumnElement;
-        new (): HTMLSqmRewardsTableDateColumnElement;
-    };
-    interface HTMLSqmRewardsTableRewardCellElement extends Components.SqmRewardsTableRewardCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableRewardCellElement: {
-        prototype: HTMLSqmRewardsTableRewardCellElement;
-        new (): HTMLSqmRewardsTableRewardCellElement;
-    };
-    interface HTMLSqmRewardsTableRewardColumnElement extends Components.SqmRewardsTableRewardColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableRewardColumnElement: {
-        prototype: HTMLSqmRewardsTableRewardColumnElement;
-        new (): HTMLSqmRewardsTableRewardColumnElement;
-    };
-    interface HTMLSqmRewardsTableSourceCellElement extends Components.SqmRewardsTableSourceCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableSourceCellElement: {
-        prototype: HTMLSqmRewardsTableSourceCellElement;
-        new (): HTMLSqmRewardsTableSourceCellElement;
-    };
-    interface HTMLSqmRewardsTableSourceColumnElement extends Components.SqmRewardsTableSourceColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableSourceColumnElement: {
-        prototype: HTMLSqmRewardsTableSourceColumnElement;
-        new (): HTMLSqmRewardsTableSourceColumnElement;
-    };
-    interface HTMLSqmRewardsTableStatusCellElement extends Components.SqmRewardsTableStatusCell, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableStatusCellElement: {
-        prototype: HTMLSqmRewardsTableStatusCellElement;
-        new (): HTMLSqmRewardsTableStatusCellElement;
-    };
-    interface HTMLSqmRewardsTableStatusColumnElement extends Components.SqmRewardsTableStatusColumn, HTMLStencilElement {
-    }
-    var HTMLSqmRewardsTableStatusColumnElement: {
-        prototype: HTMLSqmRewardsTableStatusColumnElement;
-        new (): HTMLSqmRewardsTableStatusColumnElement;
-    };
-    interface HTMLSqmRouteElement extends Components.SqmRoute, HTMLStencilElement {
-    }
-    var HTMLSqmRouteElement: {
-        prototype: HTMLSqmRouteElement;
-        new (): HTMLSqmRouteElement;
-    };
-    interface HTMLSqmRouterElement extends Components.SqmRouter, HTMLStencilElement {
-    }
-    var HTMLSqmRouterElement: {
-        prototype: HTMLSqmRouterElement;
-        new (): HTMLSqmRouterElement;
-    };
-    interface HTMLSqmScrollElement extends Components.SqmScroll, HTMLStencilElement {
-    }
-    var HTMLSqmScrollElement: {
-        prototype: HTMLSqmScrollElement;
-        new (): HTMLSqmScrollElement;
-    };
-    interface HTMLSqmShareButtonElement extends Components.SqmShareButton, HTMLStencilElement {
-    }
-    var HTMLSqmShareButtonElement: {
-        prototype: HTMLSqmShareButtonElement;
-        new (): HTMLSqmShareButtonElement;
-    };
-    interface HTMLSqmShareCodeElement extends Components.SqmShareCode, HTMLStencilElement {
-    }
-    var HTMLSqmShareCodeElement: {
-        prototype: HTMLSqmShareCodeElement;
-        new (): HTMLSqmShareCodeElement;
-    };
-    interface HTMLSqmShareLinkElement extends Components.SqmShareLink, HTMLStencilElement {
-    }
-    var HTMLSqmShareLinkElement: {
-        prototype: HTMLSqmShareLinkElement;
-        new (): HTMLSqmShareLinkElement;
-    };
-    interface HTMLSqmStatContainerElement extends Components.SqmStatContainer, HTMLStencilElement {
+    interface HTMLSqmProgramMenuElement extends Components.SqmProgramMenu, HTMLStencilElement {
     }
-    var HTMLSqmStatContainerElement: {
-        prototype: HTMLSqmStatContainerElement;
-        new (): HTMLSqmStatContainerElement;
+    var HTMLSqmProgramMenuElement: {
+        prototype: HTMLSqmProgramMenuElement;
+        new (): HTMLSqmProgramMenuElement;
     };
-    interface HTMLSqmStencilbookElement extends Components.SqmStencilbook, HTMLStencilElement {
+    interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
     }
-    var HTMLSqmStencilbookElement: {
-        prototype: HTMLSqmStencilbookElement;
-        new (): HTMLSqmStencilbookElement;
+    var HTMLSqmReferralCardElement: {
+        prototype: HTMLSqmReferralCardElement;
+        new (): HTMLSqmReferralCardElement;
     };
-    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    interface HTMLSqmReferralIframeElement extends Components.SqmReferralIframe, HTMLStencilElement {
     }
-    var HTMLSqmTabElement: {
-        prototype: HTMLSqmTabElement;
-        new (): HTMLSqmTabElement;
+    var HTMLSqmReferralIframeElement: {
+        prototype: HTMLSqmReferralIframeElement;
+        new (): HTMLSqmReferralIframeElement;
     };
-    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    interface HTMLSqmReferralTableElement extends Components.SqmReferralTable, HTMLStencilElement {
     }
-    var HTMLSqmTableCellElement: {
-        prototype: HTMLSqmTableCellElement;
-        new (): HTMLSqmTableCellElement;
+    var HTMLSqmReferralTableElement: {
+        prototype: HTMLSqmReferralTableElement;
+        new (): HTMLSqmReferralTableElement;
     };
-    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    interface HTMLSqmReferralTableCellElement extends Components.SqmReferralTableCell, HTMLStencilElement {
     }
-    var HTMLSqmTableRowElement: {
-        prototype: HTMLSqmTableRowElement;
-        new (): HTMLSqmTableRowElement;
+    var HTMLSqmReferralTableCellElement: {
+        prototype: HTMLSqmReferralTableCellElement;
+        new (): HTMLSqmReferralTableCellElement;
     };
-    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    interface HTMLSqmReferralTableColumnElement extends Components.SqmReferralTableColumn, HTMLStencilElement {
     }
-    var HTMLSqmTabsElement: {
-        prototype: HTMLSqmTabsElement;
-        new (): HTMLSqmTabsElement;
+    var HTMLSqmReferralTableColumnElement: {
+        prototype: HTMLSqmReferralTableColumnElement;
+        new (): HTMLSqmReferralTableColumnElement;
     };
-    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
+    interface HTMLSqmReferralTableDateCellElement extends Components.SqmReferralTableDateCell, HTMLStencilElement {
     }
-    var HTMLSqmTaskCardElement: {
-        prototype: HTMLSqmTaskCardElement;
-        new (): HTMLSqmTaskCardElement;
+    var HTMLSqmReferralTableDateCellElement: {
+        prototype: HTMLSqmReferralTableDateCellElement;
+        new (): HTMLSqmReferralTableDateCellElement;
     };
-    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
+    interface HTMLSqmReferralTableDateColumnElement extends Components.SqmReferralTableDateColumn, HTMLStencilElement {
     }
-    var HTMLSqmTaxAndCashElement: {
-        prototype: HTMLSqmTaxAndCashElement;
-        new (): HTMLSqmTaxAndCashElement;
+    var HTMLSqmReferralTableDateColumnElement: {
+        prototype: HTMLSqmReferralTableDateColumnElement;
+        new (): HTMLSqmReferralTableDateColumnElement;
     };
-    interface HTMLSqmTaxAndCashMonolithElement extends Components.SqmTaxAndCashMonolith, HTMLStencilElement {
+    interface HTMLSqmReferralTableRewardsCellElement extends Components.SqmReferralTableRewardsCell, HTMLStencilElement {
     }
-    var HTMLSqmTaxAndCashMonolithElement: {
-        prototype: HTMLSqmTaxAndCashMonolithElement;
-        new (): HTMLSqmTaxAndCashMonolithElement;
+    var HTMLSqmReferralTableRewardsCellElement: {
+        prototype: HTMLSqmReferralTableRewardsCellElement;
+        new (): HTMLSqmReferralTableRewardsCellElement;
     };
-    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
+    interface HTMLSqmReferralTableRewardsColumnElement extends Components.SqmReferralTableRewardsColumn, HTMLStencilElement {
     }
-    var HTMLSqmTaxDocumentSubmittedElement: {
-        prototype: HTMLSqmTaxDocumentSubmittedElement;
-        new (): HTMLSqmTaxDocumentSubmittedElement;
+    var HTMLSqmReferralTableRewardsColumnElement: {
+        prototype: HTMLSqmReferralTableRewardsColumnElement;
+        new (): HTMLSqmReferralTableRewardsColumnElement;
     };
-    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
+    interface HTMLSqmReferralTableStatusCellElement extends Components.SqmReferralTableStatusCell, HTMLStencilElement {
     }
-    var HTMLSqmTextElement: {
-        prototype: HTMLSqmTextElement;
-        new (): HTMLSqmTextElement;
+    var HTMLSqmReferralTableStatusCellElement: {
+        prototype: HTMLSqmReferralTableStatusCellElement;
+        new (): HTMLSqmReferralTableStatusCellElement;
     };
-    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
+    interface HTMLSqmReferralTableStatusColumnElement extends Components.SqmReferralTableStatusColumn, HTMLStencilElement {
     }
-    var HTMLSqmTextSpanElement: {
-        prototype: HTMLSqmTextSpanElement;
-        new (): HTMLSqmTextSpanElement;
+    var HTMLSqmReferralTableStatusColumnElement: {
+        prototype: HTMLSqmReferralTableStatusColumnElement;
+        new (): HTMLSqmReferralTableStatusColumnElement;
     };
-    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
+    interface HTMLSqmReferralTableUserCellElement extends Components.SqmReferralTableUserCell, HTMLStencilElement {
     }
-    var HTMLSqmTimelineElement: {
-        prototype: HTMLSqmTimelineElement;
-        new (): HTMLSqmTimelineElement;
+    var HTMLSqmReferralTableUserCellElement: {
+        prototype: HTMLSqmReferralTableUserCellElement;
+        new (): HTMLSqmReferralTableUserCellElement;
     };
-    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
+    interface HTMLSqmReferralTableUserColumnElement extends Components.SqmReferralTableUserColumn, HTMLStencilElement {
     }
-    var HTMLSqmTimelineEntryElement: {
-        prototype: HTMLSqmTimelineEntryElement;
-        new (): HTMLSqmTimelineEntryElement;
+    var HTMLSqmReferralTableUserColumnElement: {
+        prototype: HTMLSqmReferralTableUserColumnElement;
+        new (): HTMLSqmReferralTableUserColumnElement;
     };
-    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
+    interface HTMLSqmReferredRegistrationElement extends Components.SqmReferredRegistration, HTMLStencilElement {
     }
-    var HTMLSqmTitledSectionElement: {
-        prototype: HTMLSqmTitledSectionElement;
-        new (): HTMLSqmTitledSectionElement;
+    var HTMLSqmReferredRegistrationElement: {
+        prototype: HTMLSqmReferredRegistrationElement;
+        new (): HTMLSqmReferredRegistrationElement;
     };
-    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    interface HTMLSqmRewardExchangeListElement extends Components.SqmRewardExchangeList, HTMLStencilElement {
     }
-    var HTMLSqmUserInfoFormElement: {
-        prototype: HTMLSqmUserInfoFormElement;
-        new (): HTMLSqmUserInfoFormElement;
+    var HTMLSqmRewardExchangeListElement: {
+        prototype: HTMLSqmRewardExchangeListElement;
+        new (): HTMLSqmRewardExchangeListElement;
     };
-    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    interface HTMLSqmRewardsTableElement extends Components.SqmRewardsTable, HTMLStencilElement {
     }
-    var HTMLSqmUserNameElement: {
-        prototype: HTMLSqmUserNameElement;
-        new (): HTMLSqmUserNameElement;
+    var HTMLSqmRewardsTableElement: {
+        prototype: HTMLSqmRewardsTableElement;
+        new (): HTMLSqmRewardsTableElement;
     };
-    interface HTMLElementTagNameMap {
-        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
-        "sqm-asset-card": HTMLSqmAssetCardElement;
-        "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
-        "sqm-big-stat": HTMLSqmBigStatElement;
-        "sqm-brand": HTMLSqmBrandElement;
-        "sqm-card-feed": HTMLSqmCardFeedElement;
-        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
-        "sqm-close-button": HTMLSqmCloseButtonElement;
-        "sqm-context-router": HTMLSqmContextRouterElement;
-        "sqm-coupon-code": HTMLSqmCouponCodeElement;
-        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
-        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
-        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
-        "sqm-docusign-form": HTMLSqmDocusignFormElement;
-        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
-        "sqm-edit-profile": HTMLSqmEditProfileElement;
-        "sqm-empty": HTMLSqmEmptyElement;
-        "sqm-form-message": HTMLSqmFormMessageElement;
-        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
-        "sqm-header-logo": HTMLSqmHeaderLogoElement;
-        "sqm-hero": HTMLSqmHeroElement;
-        "sqm-hero-image": HTMLSqmHeroImageElement;
-        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
-        "sqm-image": HTMLSqmImageElement;
-        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
-        "sqm-input-field": HTMLSqmInputFieldElement;
-        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
-        "sqm-leaderboard": HTMLSqmLeaderboardElement;
-        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
-        "sqm-link-button": HTMLSqmLinkButtonElement;
-        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
-        "sqm-name-fields": HTMLSqmNameFieldsElement;
-        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
-        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
-        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
-        "sqm-password-field": HTMLSqmPasswordFieldElement;
-        "sqm-popup-container": HTMLSqmPopupContainerElement;
-        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
-        "sqm-portal-container": HTMLSqmPortalContainerElement;
-        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
-        "sqm-portal-footer": HTMLSqmPortalFooterElement;
-        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
-        "sqm-portal-frame": HTMLSqmPortalFrameElement;
-        "sqm-portal-login": HTMLSqmPortalLoginElement;
-        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
-        "sqm-portal-profile": HTMLSqmPortalProfileElement;
-        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
-        "sqm-portal-register": HTMLSqmPortalRegisterElement;
-        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
-        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
-        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
-        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
-        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
-        "sqm-program-menu": HTMLSqmProgramMenuElement;
-        "sqm-referral-card": HTMLSqmReferralCardElement;
-        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
-        "sqm-referral-table": HTMLSqmReferralTableElement;
-        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
-        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
-        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
-        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
-        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
-        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
-        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
-        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
-        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
-        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
-        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
-        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
-        "sqm-rewards-table": HTMLSqmRewardsTableElement;
-        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
-        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
-        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
-        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
-        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
-        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
-        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
-        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
-        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
-        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
-        "sqm-route": HTMLSqmRouteElement;
-        "sqm-router": HTMLSqmRouterElement;
-        "sqm-scroll": HTMLSqmScrollElement;
-        "sqm-share-button": HTMLSqmShareButtonElement;
-        "sqm-share-code": HTMLSqmShareCodeElement;
-        "sqm-share-link": HTMLSqmShareLinkElement;
-        "sqm-stat-container": HTMLSqmStatContainerElement;
-        "sqm-stencilbook": HTMLSqmStencilbookElement;
-        "sqm-tab": HTMLSqmTabElement;
-        "sqm-table-cell": HTMLSqmTableCellElement;
-        "sqm-table-row": HTMLSqmTableRowElement;
-        "sqm-tabs": HTMLSqmTabsElement;
-        "sqm-task-card": HTMLSqmTaskCardElement;
-        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
-        "sqm-tax-and-cash-monolith": HTMLSqmTaxAndCashMonolithElement;
-        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
-        "sqm-text": HTMLSqmTextElement;
-        "sqm-text-span": HTMLSqmTextSpanElement;
-        "sqm-timeline": HTMLSqmTimelineElement;
-        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
-        "sqm-titled-section": HTMLSqmTitledSectionElement;
-        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
-        "sqm-user-name": HTMLSqmUserNameElement;
-    }
-}
-declare namespace LocalJSX {
-    interface RaisinsPlopTarget {
+    interface HTMLSqmRewardsTableCustomerNoteCellElement extends Components.SqmRewardsTableCustomerNoteCell, HTMLStencilElement {
     }
-    interface SqmAssetCard {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<AssetCardViewProps>;
-        /**
-          * @uiName Banner image
-         */
-        "imgUrl"?: string;
-        /**
-          * @uiName Banner title
-         */
-        "titleText"?: string;
+    var HTMLSqmRewardsTableCustomerNoteCellElement: {
+        prototype: HTMLSqmRewardsTableCustomerNoteCellElement;
+        new (): HTMLSqmRewardsTableCustomerNoteCellElement;
+    };
+    interface HTMLSqmRewardsTableCustomerNoteColumnElement extends Components.SqmRewardsTableCustomerNoteColumn, HTMLStencilElement {
     }
-    interface SqmBankingInfoForm {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<any>;
-        "directlyToBankAccount"?: string;
-        "formStep"?: string;
-        "paymentMethod"?: string;
-        "submitButton"?: string;
-        "taxAndPayouts"?: string;
-        "taxAndPayoutsDescription"?: string;
-        "toPaypalAccount"?: string;
+    var HTMLSqmRewardsTableCustomerNoteColumnElement: {
+        prototype: HTMLSqmRewardsTableCustomerNoteColumnElement;
+        new (): HTMLSqmRewardsTableCustomerNoteColumnElement;
+    };
+    interface HTMLSqmRewardsTableDateCellElement extends Components.SqmRewardsTableDateCell, HTMLStencilElement {
     }
-    interface SqmBigStat {
-        /**
-          * Controls the alignment of the flexbox
-          * @uiName Alignment
-          * @uiType string
-          * @uiEnum ["left", "right", "center"]
-          * @uiEnumNames ["Left", "Right", "Center"]
-         */
-        "alignment"?: "left" | "right" | "center";
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<BigStatViewProps>;
-        /**
-          * Controls the order of the stat value & description column
-          * @uiName Flex reverse
-          * @default
-         */
-        "flexReverse"?: boolean;
-        /**
-          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
-          * @uiName Program ID
-          * @uiWidget programSelector
-         */
-        "programId"?: string;
-        /**
-          * Select what type of stat to display. Manual paths are also supported.
-          * @uiWidget statTypeSelectWidget
-          * @uiName Stat type
-          * @required 
-          * @uiWidgetOptions {"version": 1.1}
-         */
-        "statType"?: string;
+    var HTMLSqmRewardsTableDateCellElement: {
+        prototype: HTMLSqmRewardsTableDateCellElement;
+        new (): HTMLSqmRewardsTableDateCellElement;
+    };
+    interface HTMLSqmRewardsTableDateColumnElement extends Components.SqmRewardsTableDateColumn, HTMLStencilElement {
     }
-    interface SqmBrand {
-        /**
-          * Controls the primary brand color used in the Mint Components library.
-          * @uiName Brand color
-          * @uiWidget color
-          * @format color
-         */
-        "brandColor"?: string;
-        /**
-          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
-          * @uiName Brand font
-          * @default "Nunito Sans"
-         */
-        "brandFont"?: string;
+    var HTMLSqmRewardsTableDateColumnElement: {
+        prototype: HTMLSqmRewardsTableDateColumnElement;
+        new (): HTMLSqmRewardsTableDateColumnElement;
+    };
+    interface HTMLSqmRewardsTableRewardCellElement extends Components.SqmRewardsTableRewardCell, HTMLStencilElement {
     }
-    interface SqmCardFeed {
-        /**
-          * @uiName Column gap
-          * @uiType number
-         */
-        "gap"?: number;
-        /**
-          * @uiName Card width
-         */
-        "width"?: number;
+    var HTMLSqmRewardsTableRewardCellElement: {
+        prototype: HTMLSqmRewardsTableRewardCellElement;
+        new (): HTMLSqmRewardsTableRewardCellElement;
+    };
+    interface HTMLSqmRewardsTableRewardColumnElement extends Components.SqmRewardsTableRewardColumn, HTMLStencilElement {
     }
-    interface SqmCheckboxField {
-        /**
-          * @uiName Checkbox label
-          * @uiWidget textArea
-         */
-        "checkboxLabel"?: string;
-        /**
-          * Used with link text if the checkbox label contains {labelLink}
-          * @uiName Checkbox label link
-         */
-        "checkboxLabelLink"?: string;
-        /**
-          * @uiName Checkbox label link lext
-         */
-        "checkboxLabelLinkText"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Checkbox name attribute
-          * @required
-         */
-        "checkboxName"?: string;
-        /**
-          * @uiName Optional
-         */
-        "checkboxOptional"?: boolean;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<CheckboxFieldViewProps>;
-        /**
-          * @uiName Unchecked error message
-         */
-        "errorMessage"?: string;
+    var HTMLSqmRewardsTableRewardColumnElement: {
+        prototype: HTMLSqmRewardsTableRewardColumnElement;
+        new (): HTMLSqmRewardsTableRewardColumnElement;
+    };
+    interface HTMLSqmRewardsTableSourceCellElement extends Components.SqmRewardsTableSourceCell, HTMLStencilElement {
     }
-    interface SqmCloseButton {
-        /**
-          * @uiName Color
-          * @uiWidget color
-          * @uiType string
-         */
-        "color"?: string;
+    var HTMLSqmRewardsTableSourceCellElement: {
+        prototype: HTMLSqmRewardsTableSourceCellElement;
+        new (): HTMLSqmRewardsTableSourceCellElement;
+    };
+    interface HTMLSqmRewardsTableSourceColumnElement extends Components.SqmRewardsTableSourceColumn, HTMLStencilElement {
     }
-    interface SqmContextRouter {
-        "contextName"?: string;
+    var HTMLSqmRewardsTableSourceColumnElement: {
+        prototype: HTMLSqmRewardsTableSourceColumnElement;
+        new (): HTMLSqmRewardsTableSourceColumnElement;
+    };
+    interface HTMLSqmRewardsTableStatusCellElement extends Components.SqmRewardsTableStatusCell, HTMLStencilElement {
     }
-    interface SqmCouponCode {
-        /**
-          * Set the copy button style and placement.
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
-         */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
-        /**
-          * Display this message when the coupon code has been cancelled.
-          * @uiWidget textArea
-          * @uiName Cancelled code error message
-          * @uiGroup Coupon code error
-         */
-        "cancelledErrorText"?: string;
-        /**
-          * @uiName Copy button label
-         */
-        "copyButtonLabel"?: string;
-        /**
-          * @uiName Coupon code label
-         */
-        "couponCodeLabel"?: string;
-        /**
-          * Display this text when the coupon code can’t be retrieved.
-          * @uiName Coupon code placeholder
-          * @uiGroup Coupon code error
-         */
-        "couponCodePlaceholder"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<CouponCodeViewProps>;
-        /**
-          * Display this message when the coupon code has expired.
-          * @uiWidget textArea
-          * @uiName Expired code error message
-          * @uiGroup Coupon code error
-         */
-        "expiredErrorText"?: string;
-        /**
-          * Display this message when the code fails to load due to a fulfillment error.
-          * @uiWidget textArea
-          * @uiName Code fulfillment error message
-          * @uiGroup Coupon code error
-         */
-        "fullfillmentErrorText"?: string;
-        /**
-          * Display this message when the code fails to load due to an unspecified error.
-          * @uiWidget textArea
-          * @uiName Code retrieval error message
-          * @uiGroup Coupon code error
-         */
-        "genericErrorText"?: string;
-        /**
-          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
-          * @uiWidget textArea
-          * @uiName Code pending error message
-          * @uiGroup Coupon code error
-         */
-        "pendingErrorText"?: string;
-        /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
-         */
-        "programId"?: string;
-        /**
-          * Display this message when the coupon code has already been redeemed.
-          * @uiWidget textArea
-          * @uiName Redeemed code error message
-          * @uiGroup Coupon code error
-         */
-        "redeemedErrorText"?: string;
-        /**
-          * @uiName Coupon code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
-         */
-        "textAlign"?: "left" | "center" | "right";
-        /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
-         */
-        "tooltiplifespan"?: number;
-        /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
-          * @uiName Tooltip text
-         */
-        "tooltiptext"?: string;
+    var HTMLSqmRewardsTableStatusCellElement: {
+        prototype: HTMLSqmRewardsTableStatusCellElement;
+        new (): HTMLSqmRewardsTableStatusCellElement;
+    };
+    interface HTMLSqmRewardsTableStatusColumnElement extends Components.SqmRewardsTableStatusColumn, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableStatusColumnElement: {
+        prototype: HTMLSqmRewardsTableStatusColumnElement;
+        new (): HTMLSqmRewardsTableStatusColumnElement;
+    };
+    interface HTMLSqmRouteElement extends Components.SqmRoute, HTMLStencilElement {
     }
-    interface SqmDividedLayout {
-        /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
-         */
-        "direction"?: "row" | "column";
-        /**
-          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
-          * @uiName Border style
-         */
-        "dividerStyle"?: string;
+    var HTMLSqmRouteElement: {
+        prototype: HTMLSqmRouteElement;
+        new (): HTMLSqmRouteElement;
+    };
+    interface HTMLSqmRouterElement extends Components.SqmRouter, HTMLStencilElement {
     }
-    interface SqmDocumentTypeForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseDocumentTypeFormResult>;
-        /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-         */
-        "formLabel"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
-        /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-         */
-        "taxForm"?: string;
-        /**
-          * Description for the W8 radio button
-          * @uiName W8 radio button subtext
-         */
-        "w8Description"?: string;
-        /**
-          * Description for the W8E radio button
-          * @uiName W8E radio button subtext
-         */
-        "w8EDescription"?: string;
-        /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-         */
-        "w8ELabel"?: string;
-        /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-         */
-        "w8Label"?: string;
-        /**
-          * Description for the W9 radio button
-          * @uiName W9 radio button subtext
-         */
-        "w9Description"?: string;
-        /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-         */
-        "w9Label"?: string;
+    var HTMLSqmRouterElement: {
+        prototype: HTMLSqmRouterElement;
+        new (): HTMLSqmRouterElement;
+    };
+    interface HTMLSqmScrollElement extends Components.SqmScroll, HTMLStencilElement {
     }
-    interface SqmDocusignEmbed {
-        "onDocusignEvent"?: (event: CustomEvent<{ status: string }>) => void;
-        "url"?: string;
+    var HTMLSqmScrollElement: {
+        prototype: HTMLSqmScrollElement;
+        new (): HTMLSqmScrollElement;
+    };
+    interface HTMLSqmShareButtonElement extends Components.SqmShareButton, HTMLStencilElement {
     }
-    interface SqmDocusignForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton"?: string;
-        /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-         */
-        "banner"?: string;
-        /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-         */
-        "checkboxDescription"?: string;
-        /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-         */
-        "checkboxLabel"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseDocusignFormResult>;
-        /**
-          * Text inside iframe when Docusign form is compelted
-          * @uiName Docusign completed text
-         */
-        "docusignCompleted"?: string;
-        /**
-          * Text inside iframe when Docusign expires
-          * @uiName Docusign expired text
-         */
-        "docusignExpired"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
-        /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-         */
-        "formSubmissionError"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle"?: string;
-        /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-         */
-        "notBasedInUS"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
-        /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-         */
-        "taxForm"?: string;
-        /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-         */
-        "taxFormDescription"?: string;
-        /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-         */
-        "taxFormLabel"?: string;
+    var HTMLSqmShareButtonElement: {
+        prototype: HTMLSqmShareButtonElement;
+        new (): HTMLSqmShareButtonElement;
+    };
+    interface HTMLSqmShareCodeElement extends Components.SqmShareCode, HTMLStencilElement {
     }
-    interface SqmDropdownField {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<DropdownFieldViewProps>;
-        /**
-          * @uiName Dropdown label
-         */
-        "dropdownLabel"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Dropdown name attribute
-          * @required
-         */
-        "dropdownName"?: string;
-        /**
-          * @uiName Optional
-          * @default
-         */
-        "dropdownOptional"?: boolean;
-        /**
-          * @uiName Unselected error message
-         */
-        "errorMessage"?: string;
+    var HTMLSqmShareCodeElement: {
+        prototype: HTMLSqmShareCodeElement;
+        new (): HTMLSqmShareCodeElement;
+    };
+    interface HTMLSqmShareLinkElement extends Components.SqmShareLink, HTMLStencilElement {
+    }
+    var HTMLSqmShareLinkElement: {
+        prototype: HTMLSqmShareLinkElement;
+        new (): HTMLSqmShareLinkElement;
+    };
+    interface HTMLSqmStatContainerElement extends Components.SqmStatContainer, HTMLStencilElement {
+    }
+    var HTMLSqmStatContainerElement: {
+        prototype: HTMLSqmStatContainerElement;
+        new (): HTMLSqmStatContainerElement;
+    };
+    interface HTMLSqmStencilbookElement extends Components.SqmStencilbook, HTMLStencilElement {
+    }
+    var HTMLSqmStencilbookElement: {
+        prototype: HTMLSqmStencilbookElement;
+        new (): HTMLSqmStencilbookElement;
+    };
+    interface HTMLSqmTabElement extends Components.SqmTab, HTMLStencilElement {
+    }
+    var HTMLSqmTabElement: {
+        prototype: HTMLSqmTabElement;
+        new (): HTMLSqmTabElement;
+    };
+    interface HTMLSqmTableCellElement extends Components.SqmTableCell, HTMLStencilElement {
+    }
+    var HTMLSqmTableCellElement: {
+        prototype: HTMLSqmTableCellElement;
+        new (): HTMLSqmTableCellElement;
+    };
+    interface HTMLSqmTableRowElement extends Components.SqmTableRow, HTMLStencilElement {
+    }
+    var HTMLSqmTableRowElement: {
+        prototype: HTMLSqmTableRowElement;
+        new (): HTMLSqmTableRowElement;
+    };
+    interface HTMLSqmTabsElement extends Components.SqmTabs, HTMLStencilElement {
+    }
+    var HTMLSqmTabsElement: {
+        prototype: HTMLSqmTabsElement;
+        new (): HTMLSqmTabsElement;
+    };
+    interface HTMLSqmTaskCardElement extends Components.SqmTaskCard, HTMLStencilElement {
     }
-    interface SqmEditProfile {
-        /**
-          * @uiName Cancel button text
-         */
-        "canceltext"?: string;
-        /**
-          * @uiName Region field label
-         */
-        "currentregiontext"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<EditProfileViewProps>;
-        /**
-          * @uiName Heading
-         */
-        "editprofileheader"?: string;
-        /**
-          * Enable editing button text
-          * @uiName Edit profile text
-         */
-        "editprofiletext"?: string;
-        /**
-          * @uiName First name label
-         */
-        "firstnametext"?: string;
-        /**
-          * @uiName Last name label
-         */
-        "lastnametext"?: string;
-        /**
-          * Show or hide current region
-          * @uiName Show region
-         */
-        "showregion"?: boolean;
-        /**
-          * @uiName Info button text
-         */
-        "updatetext"?: string;
+    var HTMLSqmTaskCardElement: {
+        prototype: HTMLSqmTaskCardElement;
+        new (): HTMLSqmTaskCardElement;
+    };
+    interface HTMLSqmTaxAndCashElement extends Components.SqmTaxAndCash, HTMLStencilElement {
     }
-    interface SqmEmpty {
-        /**
-          * @uiName Title
-         */
-        "emptyStateHeader"?: string;
-        /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
-         */
-        "emptyStateImage"?: string;
-        /**
-          * @uiName Description
-          * @uiWidget textArea
-         */
-        "emptyStateText"?: string;
+    var HTMLSqmTaxAndCashElement: {
+        prototype: HTMLSqmTaxAndCashElement;
+        new (): HTMLSqmTaxAndCashElement;
+    };
+    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
     }
-    interface SqmFormMessage {
-        /**
-          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
-          * @uiName Icon
-         */
-        "icon"?: string;
-        /**
-          * Options include "success", "info", "warning", and "error"
-          * @uiName Alert type
-         */
-        "type"?: string;
+    var HTMLSqmTaxDocumentSubmittedElement: {
+        prototype: HTMLSqmTaxDocumentSubmittedElement;
+        new (): HTMLSqmTaxDocumentSubmittedElement;
+    };
+    interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
     }
-    interface SqmGraphqlClientProvider {
-        /**
-          * @uiName Domain
-         */
-        "domain"?: string;
+    var HTMLSqmTextElement: {
+        prototype: HTMLSqmTextElement;
+        new (): HTMLSqmTextElement;
+    };
+    interface HTMLSqmTextSpanElement extends Components.SqmTextSpan, HTMLStencilElement {
     }
-    interface SqmHeaderLogo {
-        /**
-          * @uiName Logo height
-         */
-        "height"?: number;
-        /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Logo image
-         */
-        "imageUrl"?: string;
-        /**
-          * Page participants are navigated to after clicking the header logo.
-          * @uiName Redirect path
-          * @uiWidget pageSelect
-         */
-        "nextPage"?: string;
+    var HTMLSqmTextSpanElement: {
+        prototype: HTMLSqmTextSpanElement;
+        new (): HTMLSqmTextSpanElement;
+    };
+    interface HTMLSqmTimelineElement extends Components.SqmTimeline, HTMLStencilElement {
     }
-    interface SqmHero {
-        /**
-          * Can be an image url, colour or Shoelace variable.
-          * @uiName Background
-          * @uiWidget Background
-         */
-        "background"?: string;
-        /**
-          * @uiName Columns
-          * @uiEnum [1, 2]
-          * @uiEnumNames ["One", "Two"]
-         */
-        "columns"?: 1 | 2;
-        /**
-          * Minimum height of each column including when they are stacked on mobile
-          * @uiName Minimum height (in px)
-         */
-        "minHeight"?: number;
-        /**
-          * @uiName Padding size
-          * @uiEnum ["none", "small", "medium","large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
-         */
-        "paddingSize"?: "none" | "small" | "medium" | "large";
-        /**
-          * Secondary background image or color (for use in the right column)
-          * @uiName Secondary background
-          * @uiWidget Background
-         */
-        "secondaryBackground"?: string;
-        /**
-          * Flexbox wrap direction, accepts wrap or wrap-reverse
-          * @uiName Wrap direction
-          * @uiEnum ["wrap", "wrap-reverse"]
-          * @uiEnumNames ["Wrap", "Wrap Reverse"]
-         */
-        "wrapDirection"?: "wrap" | "wrap-reverse";
+    var HTMLSqmTimelineElement: {
+        prototype: HTMLSqmTimelineElement;
+        new (): HTMLSqmTimelineElement;
+    };
+    interface HTMLSqmTimelineEntryElement extends Components.SqmTimelineEntry, HTMLStencilElement {
+    }
+    var HTMLSqmTimelineEntryElement: {
+        prototype: HTMLSqmTimelineEntryElement;
+        new (): HTMLSqmTimelineEntryElement;
+    };
+    interface HTMLSqmTitledSectionElement extends Components.SqmTitledSection, HTMLStencilElement {
+    }
+    var HTMLSqmTitledSectionElement: {
+        prototype: HTMLSqmTitledSectionElement;
+        new (): HTMLSqmTitledSectionElement;
+    };
+    interface HTMLSqmUserInfoFormElement extends Components.SqmUserInfoForm, HTMLStencilElement {
+    }
+    var HTMLSqmUserInfoFormElement: {
+        prototype: HTMLSqmUserInfoFormElement;
+        new (): HTMLSqmUserInfoFormElement;
+    };
+    interface HTMLSqmUserNameElement extends Components.SqmUserName, HTMLStencilElement {
+    }
+    var HTMLSqmUserNameElement: {
+        prototype: HTMLSqmUserNameElement;
+        new (): HTMLSqmUserNameElement;
+    };
+    interface HTMLElementTagNameMap {
+        "raisins-plop-target": HTMLRaisinsPlopTargetElement;
+        "sqm-asset-card": HTMLSqmAssetCardElement;
+        "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
+        "sqm-big-stat": HTMLSqmBigStatElement;
+        "sqm-brand": HTMLSqmBrandElement;
+        "sqm-card-feed": HTMLSqmCardFeedElement;
+        "sqm-checkbox-field": HTMLSqmCheckboxFieldElement;
+        "sqm-close-button": HTMLSqmCloseButtonElement;
+        "sqm-context-router": HTMLSqmContextRouterElement;
+        "sqm-coupon-code": HTMLSqmCouponCodeElement;
+        "sqm-divided-layout": HTMLSqmDividedLayoutElement;
+        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
+        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
+        "sqm-docusign-form": HTMLSqmDocusignFormElement;
+        "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
+        "sqm-edit-profile": HTMLSqmEditProfileElement;
+        "sqm-empty": HTMLSqmEmptyElement;
+        "sqm-form-message": HTMLSqmFormMessageElement;
+        "sqm-graphql-client-provider": HTMLSqmGraphqlClientProviderElement;
+        "sqm-header-logo": HTMLSqmHeaderLogoElement;
+        "sqm-hero": HTMLSqmHeroElement;
+        "sqm-hero-image": HTMLSqmHeroImageElement;
+        "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
+        "sqm-image": HTMLSqmImageElement;
+        "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
+        "sqm-input-field": HTMLSqmInputFieldElement;
+        "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
+        "sqm-leaderboard": HTMLSqmLeaderboardElement;
+        "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
+        "sqm-link-button": HTMLSqmLinkButtonElement;
+        "sqm-logout-current-user": HTMLSqmLogoutCurrentUserElement;
+        "sqm-name-fields": HTMLSqmNameFieldsElement;
+        "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
+        "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
+        "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
+        "sqm-password-field": HTMLSqmPasswordFieldElement;
+        "sqm-popup-container": HTMLSqmPopupContainerElement;
+        "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
+        "sqm-portal-container": HTMLSqmPortalContainerElement;
+        "sqm-portal-email-verification": HTMLSqmPortalEmailVerificationElement;
+        "sqm-portal-footer": HTMLSqmPortalFooterElement;
+        "sqm-portal-forgot-password": HTMLSqmPortalForgotPasswordElement;
+        "sqm-portal-frame": HTMLSqmPortalFrameElement;
+        "sqm-portal-login": HTMLSqmPortalLoginElement;
+        "sqm-portal-logout": HTMLSqmPortalLogoutElement;
+        "sqm-portal-profile": HTMLSqmPortalProfileElement;
+        "sqm-portal-protected-route": HTMLSqmPortalProtectedRouteElement;
+        "sqm-portal-register": HTMLSqmPortalRegisterElement;
+        "sqm-portal-registration-form": HTMLSqmPortalRegistrationFormElement;
+        "sqm-portal-reset-password": HTMLSqmPortalResetPasswordElement;
+        "sqm-portal-verify-email": HTMLSqmPortalVerifyEmailElement;
+        "sqm-program-explainer": HTMLSqmProgramExplainerElement;
+        "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
+        "sqm-program-menu": HTMLSqmProgramMenuElement;
+        "sqm-referral-card": HTMLSqmReferralCardElement;
+        "sqm-referral-iframe": HTMLSqmReferralIframeElement;
+        "sqm-referral-table": HTMLSqmReferralTableElement;
+        "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
+        "sqm-referral-table-column": HTMLSqmReferralTableColumnElement;
+        "sqm-referral-table-date-cell": HTMLSqmReferralTableDateCellElement;
+        "sqm-referral-table-date-column": HTMLSqmReferralTableDateColumnElement;
+        "sqm-referral-table-rewards-cell": HTMLSqmReferralTableRewardsCellElement;
+        "sqm-referral-table-rewards-column": HTMLSqmReferralTableRewardsColumnElement;
+        "sqm-referral-table-status-cell": HTMLSqmReferralTableStatusCellElement;
+        "sqm-referral-table-status-column": HTMLSqmReferralTableStatusColumnElement;
+        "sqm-referral-table-user-cell": HTMLSqmReferralTableUserCellElement;
+        "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
+        "sqm-referred-registration": HTMLSqmReferredRegistrationElement;
+        "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
+        "sqm-rewards-table": HTMLSqmRewardsTableElement;
+        "sqm-rewards-table-customer-note-cell": HTMLSqmRewardsTableCustomerNoteCellElement;
+        "sqm-rewards-table-customer-note-column": HTMLSqmRewardsTableCustomerNoteColumnElement;
+        "sqm-rewards-table-date-cell": HTMLSqmRewardsTableDateCellElement;
+        "sqm-rewards-table-date-column": HTMLSqmRewardsTableDateColumnElement;
+        "sqm-rewards-table-reward-cell": HTMLSqmRewardsTableRewardCellElement;
+        "sqm-rewards-table-reward-column": HTMLSqmRewardsTableRewardColumnElement;
+        "sqm-rewards-table-source-cell": HTMLSqmRewardsTableSourceCellElement;
+        "sqm-rewards-table-source-column": HTMLSqmRewardsTableSourceColumnElement;
+        "sqm-rewards-table-status-cell": HTMLSqmRewardsTableStatusCellElement;
+        "sqm-rewards-table-status-column": HTMLSqmRewardsTableStatusColumnElement;
+        "sqm-route": HTMLSqmRouteElement;
+        "sqm-router": HTMLSqmRouterElement;
+        "sqm-scroll": HTMLSqmScrollElement;
+        "sqm-share-button": HTMLSqmShareButtonElement;
+        "sqm-share-code": HTMLSqmShareCodeElement;
+        "sqm-share-link": HTMLSqmShareLinkElement;
+        "sqm-stat-container": HTMLSqmStatContainerElement;
+        "sqm-stencilbook": HTMLSqmStencilbookElement;
+        "sqm-tab": HTMLSqmTabElement;
+        "sqm-table-cell": HTMLSqmTableCellElement;
+        "sqm-table-row": HTMLSqmTableRowElement;
+        "sqm-tabs": HTMLSqmTabsElement;
+        "sqm-task-card": HTMLSqmTaskCardElement;
+        "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
+        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
+        "sqm-text": HTMLSqmTextElement;
+        "sqm-text-span": HTMLSqmTextSpanElement;
+        "sqm-timeline": HTMLSqmTimelineElement;
+        "sqm-timeline-entry": HTMLSqmTimelineEntryElement;
+        "sqm-titled-section": HTMLSqmTitledSectionElement;
+        "sqm-user-info-form": HTMLSqmUserInfoFormElement;
+        "sqm-user-name": HTMLSqmUserNameElement;
     }
-    interface SqmHeroImage {
-        /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
-         */
-        "backgroundColor"?: string;
-        /**
-          * @uiName Button link
-         */
-        "buttonLink"?: string;
+}
+declare namespace LocalJSX {
+    interface RaisinsPlopTarget {
+    }
+    interface SqmAssetCard {
         /**
-          * @uiName Open link in new tab
-          * @default
+          * @undocumented 
+          * @uiType object
          */
-        "buttonNewTab"?: boolean;
+        "demoData"?: DemoData<AssetCardViewProps>;
         /**
-          * @uiName Button text
+          * @uiName Banner image
          */
-        "buttonText"?: string;
+        "imgUrl"?: string;
         /**
-          * @uiName Description
-          * @uiWidget textArea
+          * @uiName Banner title
          */
-        "description"?: string;
+        "titleText"?: string;
+    }
+    interface SqmBankingInfoForm {
         /**
-          * @uiName Title
+          * @undocumented 
+          * @uiType object
          */
-        "header"?: string;
+        "demoData"?: DemoData<any>;
+        "directlyToBankAccount"?: string;
+        "formStep"?: string;
+        "paymentMethod"?: string;
+        "submitButton"?: string;
+        "taxAndPayouts"?: string;
+        "taxAndPayoutsDescription"?: string;
+        "toPaypalAccount"?: string;
+    }
+    interface SqmBigStat {
         /**
-          * @uiName Image mobile position
+          * Controls the alignment of the flexbox
+          * @uiName Alignment
           * @uiType string
-          * @uiEnum ["top", "bottom"]
-          * @uiEnumNames ["Top", "Bottom"]
+          * @uiEnum ["left", "right", "center"]
+          * @uiEnumNames ["Left", "Right", "Center"]
          */
-        "imageMobilePos"?: "top" | "bottom";
+        "alignment"?: "left" | "right" | "center";
         /**
-          * @uiName Image percentage
-          * @uiType number
+          * @undocumented 
+          * @uiType object
          */
-        "imagePercentage"?: number;
+        "demoData"?: DemoData<BigStatViewProps>;
         /**
-          * @uiName Image position
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * Controls the order of the stat value & description column
+          * @uiName Flex reverse
+          * @default
          */
-        "imagePos"?: "left" | "center" | "right";
+        "flexReverse"?: boolean;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @uiName Image
+          * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "imageUrl"?: string;
+        "programId"?: string;
         /**
-          * @uiName Image layout
-          * @uiType string
-          * @uiEnum ["overlay", "columns"]
-          * @uiEnumNames ["Overlay", "Two-column"]
+          * Select what type of stat to display. Manual paths are also supported.
+          * @uiWidget statTypeSelectWidget
+          * @uiName Stat type
+          * @required 
+          * @uiWidgetOptions {"version": 1.1}
          */
-        "layout"?: "overlay" | "columns";
+        "statType"?: string;
+    }
+    interface SqmBrand {
         /**
-          * @uiName Overlay color
+          * Controls the primary brand color used in the Mint Components library.
+          * @uiName Brand color
           * @uiWidget color
           * @format color
          */
-        "overlayColor"?: string;
-        /**
-          * @uiName Overlay opacity
-         */
-        "overlayOpacity"?: string;
+        "brandColor"?: string;
         /**
-          * @uiName Image padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto
+          * @uiName Brand font
+          * @default "Nunito Sans"
          */
-        "paddingImage"?: Spacing;
+        "brandFont"?: string;
+    }
+    interface SqmCardFeed {
         /**
-          * @uiName Text padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Column gap
+          * @uiType number
          */
-        "paddingText"?: Spacing;
+        "gap"?: number;
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * @uiName Card width
          */
-        "textColor"?: string;
-    }
-    interface SqmHookStoryContainer {
-        "hookStory"?: FunctionalComponent;
+        "width"?: number;
     }
-    interface SqmImage {
+    interface SqmCheckboxField {
         /**
-          * @uiName Position alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiName Checkbox label
+          * @uiWidget textArea
          */
-        "alignment"?: "left" | "center" | "right";
+        "checkboxLabel"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * Used with link text if the checkbox label contains {labelLink}
+          * @uiName Checkbox label link
          */
-        "backgroundColor"?: string;
+        "checkboxLabelLink"?: string;
         /**
-          * @uiWidget ImageUpload
-          * @format url
-          * @required 
-          * @uiName Image link
+          * @uiName Checkbox label link lext
          */
-        "imageUrl"?: string;
+        "checkboxLabelLinkText"?: string;
         /**
-          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
-          * @uiName Minimum height
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Checkbox name attribute
+          * @required
          */
-        "minHeight"?: string;
-    }
-    interface SqmIndirectTaxForm {
-        "backButton"?: string;
+        "checkboxName"?: string;
         /**
-          * @undocumented
+          * @uiName Optional
          */
-        "demoData"?: DemoData<UseIndirectTaxFormResult>;
-        "formStep"?: string;
-        "generalErrorDescription"?: string;
-        "generalErrorTitle"?: string;
-        "indirectTax"?: string;
-        "indirectTaxDescription"?: string;
-        "indirectTaxDetails"?: string;
-        "indirectTaxDetailsDescription"?: string;
-        "indirectTaxNumber"?: string;
-        "indirectTaxNumberError"?: string;
-        "isPartnerAlertDescription"?: string;
-        "isPartnerAlertHeader"?: string;
-        "isRegisteredQST"?: string;
-        "isRegisteredSubRegionIncomeTax"?: string;
-        "notRegistered"?: string;
-        "otherRegion"?: string;
-        "province"?: string;
-        "provinceError"?: string;
-        "qstNumber"?: string;
-        "qstTaxNumberError"?: string;
-        "selectedRegion"?: string;
-        "selectedRegionError"?: string;
-        "subRegion"?: string;
-        "subRegionError"?: string;
-        "subRegionTaxNumberError"?: string;
-        "subRegionTaxNumberLabel"?: string;
-        "submitButton"?: string;
-        "taxDetailsError"?: string;
-    }
-    interface SqmInputField {
+        "checkboxOptional"?: boolean;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<InputFieldViewProps>;
+        "demoData"?: DemoData<CheckboxFieldViewProps>;
         /**
-          * @uiName Required error message
+          * @uiName Unchecked error message
          */
         "errorMessage"?: string;
+    }
+    interface SqmCloseButton {
         /**
-          * @uiName Input label
-         */
-        "fieldLabel"?: string;
-        /**
-          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
-          * @uiName Input name attribute
-          * @required
-         */
-        "fieldName"?: string;
-        /**
-          * @uiName Optional
-          * @default
-         */
-        "fieldOptional"?: boolean;
-        /**
-          * @uiName Input type
+          * @uiName Color
+          * @uiWidget color
           * @uiType string
-          * @uiEnum ["text", "date", "tel"]
-          * @uiEnumNames ["Text", "Date", "Phone Number"]
          */
-        "fieldType"?: "text" | "date" | "tel";
+        "color"?: string;
+    }
+    interface SqmContextRouter {
+        "contextName"?: string;
     }
-    interface SqmInstantAccessRegistration {
+    interface SqmCouponCode {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
+          * Set the copy button style and placement.
+          * @uiName Style
           * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "backgroundColor"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * @undocumented 
-          * @uiType object
+          * Display this message when the coupon code has been cancelled.
+          * @uiWidget textArea
+          * @uiName Cancelled code error message
+          * @uiGroup Coupon code error
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "cancelledErrorText"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Copy button label
          */
-        "emailLabel"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * @uiName First name field label
+          * @uiName Coupon code label
          */
-        "firstNameLabel"?: string;
+        "couponCodeLabel"?: string;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * Display this text when the coupon code can’t be retrieved.
+          * @uiName Coupon code placeholder
+          * @uiGroup Coupon code error
          */
-        "hideBorder"?: boolean;
+        "couponCodePlaceholder"?: string;
         /**
           * @undocumented 
-          * @uiType boolean
-         */
-        "includeCookies"?: boolean;
-        /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * @uiType object
          */
-        "includeName"?: boolean;
+        "demoData"?: DemoData<CouponCodeViewProps>;
         /**
-          * Display this message when the given email is invalid.
-          * @uiName Invalid email message
+          * Display this message when the coupon code has expired.
           * @uiWidget textArea
-          * @uiGroup Error messages
-         */
-        "invalidEmailErrorMessage"?: string;
-        /**
-          * @uiName Last name field label
+          * @uiName Expired code error message
+          * @uiGroup Coupon code error
          */
-        "lastNameLabel"?: string;
+        "expiredErrorText"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
-          * @uiName Network error message
+          * Display this message when the code fails to load due to a fulfillment error.
           * @uiWidget textArea
-          * @uiGroup Error messages
-         */
-        "networkErrorMessage"?: string;
-        /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-         */
-        "paddingBottom"?: string;
-        /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Code fulfillment error message
+          * @uiGroup Coupon code error
          */
-        "paddingLeft"?: string;
+        "fullfillmentErrorText"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Display this message when the code fails to load due to an unspecified error.
+          * @uiWidget textArea
+          * @uiName Code retrieval error message
+          * @uiGroup Coupon code error
          */
-        "paddingRight"?: string;
+        "genericErrorText"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available.
+          * @uiWidget textArea
+          * @uiName Code pending error message
+          * @uiGroup Coupon code error
          */
-        "paddingTop"?: string;
+        "pendingErrorText"?: string;
         /**
-          * @uiName Register button text
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "registerLabel"?: string;
+        "programId"?: string;
         /**
-          * Display this message when a required field has not been filled out.
-          * @uiName Required field message
+          * Display this message when the coupon code has already been redeemed.
           * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Redeemed code error message
+          * @uiGroup Coupon code error
          */
-        "requiredFieldErrorMessage"?: string;
-    }
-    interface SqmLeaderboard {
+        "redeemedErrorText"?: string;
         /**
-          * Title displayed for users without names
-          * @uiName Unknown user text
+          * @uiName Coupon code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "anonymousUser"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * @undocumented 
-          * @uiType object
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "demoData"?: DemoData<LeaderboardViewProps>;
+        "tooltiplifespan"?: number;
         /**
-          * Hide the viewer's leaderboard row if not in the top results.
-          * @uiName Hide viewing user
-          * @default
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard.
+          * @uiName Tooltip text
          */
-        "hideViewer"?: boolean;
+        "tooltiptext"?: string;
+    }
+    interface SqmDividedLayout {
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
          */
-        "interval"?: string;
+        "direction"?: "row" | "column";
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
+          * @uiName Border style
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "dividerStyle"?: string;
+    }
+    interface SqmDocumentTypeForm {
         /**
-          * Control the maximum amount of rows displayed on the leaderboard.
-          * @uiName Maximum rows number
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "maxRows"?: number;
+        "backButton"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * @undocumented 
+          * @uiType object
          */
-        "programId"?: string;
+        "demoData"?: DemoData<UseDocumentTypeFormResult>;
         /**
-          * @uiName Rank type
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * Sub text shown above form selection radio buttons
+          * @uiName Tax form selection heading text
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "formLabel"?: string;
         /**
-          * @uiName Rank column heading
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
          */
-        "rankheading"?: string;
+        "formStep"?: string;
         /**
-          * @uiName Show leaderboard rank
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "showRank"?: boolean;
+        "generalErrorDescription"?: string;
         /**
-          * @uiName Stats column heading
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "statsheading"?: string;
+        "generalErrorTitle"?: string;
         /**
-          * @uiName User column heading
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "usersheading"?: string;
-    }
-    interface SqmLeaderboardRank {
+        "submitButton"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Heading text shown at the top of the top of page
+          * @uiName Tax form heading text
          */
-        "demoData"?: DemoData<LeaderboardRankViewProps>;
+        "taxForm"?: string;
         /**
-          * @uiName Leaderboard time interval
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * Description for the W8 radio button
+          * @uiName W8 radio button subtext
          */
-        "interval"?: string;
+        "w8Description"?: string;
         /**
-          * @uiName Leaderboard type
-          * @uiType string
-          * @required 
-          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
-          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
+          * Description for the W8E radio button
+          * @uiName W8E radio button subtext
          */
-        "leaderboardType"?: | "topStartedReferrers"
-    | "topConvertedReferrers"
-    | "topPointEarners";
+        "w8EDescription"?: string;
         /**
-          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Label text for the W8E radio button
+          * @uiName W8E radio button label
          */
-        "programId"?: string;
+        "w8ELabel"?: string;
         /**
-          * @uiName Rank text
-          * @uiWidget textArea
+          * Label text for the W8 radio button
+          * @uiName W8 radio button label
          */
-        "rankText"?: string;
+        "w8Label"?: string;
         /**
-          * @uiName Default rank
-          * @uiType string
-          * @uiEnum ["rowNumber", "rank", "denseRank"]
-          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
+          * Description for the W9 radio button
+          * @uiName W9 radio button subtext
          */
-        "rankType"?: "rowNumber" | "rank" | "denseRank";
+        "w9Description"?: string;
         /**
-          * @uiName Unranked text
+          * Label text for the W9 radio button
+          * @uiName W9 radio button label
          */
-        "unrankedText"?: string;
+        "w9Label"?: string;
+    }
+    interface SqmDocusignEmbed {
+        "onDocusignEvent"?: (event: CustomEvent<{ status: string }>) => void;
+        "url"?: string;
     }
-    interface SqmLinkButton {
+    interface SqmDocusignForm {
         /**
-          * @uiName Button text
-          * @uiType string
+          * Text shown inside of back button
+          * @uiName Back button text
          */
-        "buttonText"?: string;
+        "backButton"?: string;
         /**
-          * Enter the URL where you want your participants redirected. Example: https://www.example.com
-          * @required 
-          * @uiName Link
+          * Text shown in the banner above the document
+          * @uiName Banner text
          */
-        "link"?: string;
+        "banner"?: string;
         /**
-          * @uiName Open link in new tab
+          * Label text for the form submission checkbox
+          * @uiName Form submission checkbox label
          */
-        "openInNewTab"?: boolean;
-    }
-    interface SqmLogoutCurrentUser {
+        "checkboxDescription"?: string;
         /**
-          * @required 
-          * @uiName Switch user button link
+          * Heading text for the form submission checkbox
+          * @uiName Form submission checkbox heading
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "checkboxLabel"?: string;
         /**
-          * @required 
-          * @uiName Switch user button label
+          * @undocumented 
+          * @uiType object
          */
-        "switchUserText"?: string;
+        "demoData"?: DemoData<UseDocusignFormResult>;
         /**
-          * @required 
-          * @uiName User identification text
+          * Text inside iframe when Docusign form is compelted
+          * @uiName Docusign completed text
          */
-        "userIdentificationText"?: string;
-    }
-    interface SqmNameFields {
+        "docusignCompleted"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Text inside iframe when Docusign expires
+          * @uiName Docusign expired text
          */
-        "demoData"?: DemoData<NameFieldsViewProps>;
+        "docusignExpired"?: string;
         /**
-          * @uiName First name label
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
          */
-        "firstNameLabel"?: string;
+        "formStep"?: string;
         /**
-          * @uiName Last name label
+          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
+          * @uiName Form submission error text
          */
-        "lastNameLabel"?: string;
-    }
-    interface SqmNavigationMenu {
+        "formSubmissionError"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
          */
-        "demoData"?: DemoData<NavigationMenuViewProps>;
+        "generalErrorDescription"?: string;
         /**
-          * @uiName Include dropdown menu
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
          */
-        "includeDropdown"?: boolean;
+        "generalErrorTitle"?: string;
         /**
-          * Label on the header menu
-          * @uiName Menu label
+          * Text shown in the link to the form for non US residents
+          * @uiName Not based in US link text
          */
-        "menuLabel"?: string;
-    }
-    interface SqmNavigationSidebar {
-    }
-    interface SqmNavigationSidebarItem {
+        "notBasedInUS"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Text shown inside of submit button
+          * @uiName Submit button text
          */
-        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
+        "submitButton"?: string;
         /**
-          * Options available at https://shoelace.style/components/icon
-          * @uiName Icon
+          * Heading text shown at the top of the page
+          * @uiName Tax form heading text
          */
-        "icon"?: string;
+        "taxForm"?: string;
         /**
-          * @uiName Label
+          * Subtext shown at the top of the page next to the document type text
+          * @uiName Tax form subtext
          */
-        "label"?: string;
+        "taxFormDescription"?: string;
         /**
-          * @uiName Navigation path
-          * @uiWidget pageSelect
+          * Text shown at the top of the page next to the document type text
+          * @uiName Tax form label text
          */
-        "path"?: string;
+        "taxFormLabel"?: string;
     }
-    interface SqmPasswordField {
+    interface SqmDropdownField {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: PasswordFieldViewDemoProps;
+        "demoData"?: DemoData<DropdownFieldViewProps>;
         /**
-          * Disable live password validation
-          * @uiName Disable validation
+          * @uiName Dropdown label
          */
-        "disableValidation"?: boolean;
+        "dropdownLabel"?: string;
         /**
-          * Label for password field
-          * @uiName Password label
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Dropdown name attribute
+          * @required
          */
-        "fieldLabel"?: string;
-    }
-    interface SqmPopupContainer {
+        "dropdownName"?: string;
         /**
-          * Display a close button on the popup
-          * @uiName Show close button
+          * @uiName Optional
+          * @default
          */
-        "closeButton"?: boolean;
+        "dropdownOptional"?: boolean;
         /**
-          * Text inside the close button
-          * @uiName Close button text
+          * @uiName Unselected error message
          */
-        "closeButtonText"?: string;
+        "errorMessage"?: string;
+    }
+    interface SqmEditProfile {
         /**
-          * Specify padding on the popup contents when in embedded mode
-          * @uiName Embed padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * @uiName Cancel button text
          */
-        "embedPadding"?: "none" | "small" | "medium" | "large";
+        "canceltext"?: string;
         /**
-          * Specify padding on the popup contents when in popup mode
-          * @uiName Popup padding
-          * @uiType string
-          * @uiEnum ["none", "small", "medium", "large"]
-          * @uiEnumNames ["None", "Small", "Medium", "Large"]
+          * @uiName Region field label
          */
-        "popupPadding"?: "none" | "small" | "medium" | "large";
+        "currentregiontext"?: string;
         /**
-          * Show Powered with SaaSquatch by Impact.com link
-          * @uiName Show powered by
+          * @undocumented 
+          * @uiType object
          */
-        "poweredBy"?: boolean;
-    }
-    interface SqmPortalChangePassword {
+        "demoData"?: DemoData<EditProfileViewProps>;
         /**
-          * Found in modal
-          * @uiName Cancel button text
+          * @uiName Heading
          */
-        "cancelText"?: string;
+        "editprofileheader"?: string;
         /**
-          * Found in modal
-          * @uiName Change password button text
+          * Enable editing button text
+          * @uiName Edit profile text
          */
-        "changePasswordButtonText"?: string;
+        "editprofiletext"?: string;
         /**
-          * Found in modal
-          * @uiName Confirm password Label
+          * @uiName First name label
          */
-        "confirmPasswordFieldLabel"?: string;
+        "firstnametext"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Last name label
          */
-        "demoData"?: DemoData<PortalChangePasswordViewProps>;
+        "lastnametext"?: string;
         /**
-          * @uiName Change password modal header
+          * Show or hide current region
+          * @uiName Show region
          */
-        "modalChangePasswordHeader"?: string;
+        "showregion"?: boolean;
         /**
-          * Found in modal
-          * @uiName New password field label
+          * @uiName Info button text
          */
-        "passwordFieldLabel"?: string;
+        "updatetext"?: string;
+    }
+    interface SqmEmpty {
         /**
-          * @uiName Change password button text
+          * @uiName Title
          */
-        "portalChangePasswordButtonText"?: string;
+        "emptyStateHeader"?: string;
         /**
-          * Portal change password section header
-          * @uiName Change password header
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
          */
-        "portalChangePasswordHeader"?: string;
+        "emptyStateImage"?: string;
         /**
-          * Successful password change message
-          * @uiName Successful password change message
+          * @uiName Description
           * @uiWidget textArea
          */
-        "successMessage"?: string;
+        "emptyStateText"?: string;
     }
-    interface SqmPortalContainer {
+    interface SqmFormMessage {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * Icon to use in alert. Use icon values from Shoelace (e.g. "star" or "heart") at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "backgroundColor"?: string;
+        "icon"?: string;
         /**
-          * @uiName Center content
+          * Options include "success", "info", "warning", and "error"
+          * @uiName Alert type
          */
-        "center"?: boolean;
+        "type"?: string;
+    }
+    interface SqmGraphqlClientProvider {
         /**
-          * @uiName Direction
-          * @uiType string
-          * @uiEnum ["row", "column"]
-          * @uiEnumNames ["Row", "Column"]
+          * @uiName Domain
          */
-        "direction"?: "row" | "column";
+        "domain"?: string;
+    }
+    interface SqmHeaderLogo {
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * @uiName Logo height
+         */
+        "height"?: number;
+        /**
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Logo image
+         */
+        "imageUrl"?: string;
+        /**
+          * Page participants are navigated to after clicking the header logo.
+          * @uiName Redirect path
+          * @uiWidget pageSelect
+         */
+        "nextPage"?: string;
+    }
+    interface SqmHero {
+        /**
+          * Can be an image url, colour or Shoelace variable.
+          * @uiName Background
+          * @uiWidget Background
          */
-        "display"?: "grid" | "flex";
+        "background"?: string;
         /**
-          * @uiName Gap
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Columns
+          * @uiEnum [1, 2]
+          * @uiEnumNames ["One", "Two"]
          */
-        "gap"?: Spacing;
+        "columns"?: 1 | 2;
         /**
-          * Define how this container distributes its contents along the main-axis.
-          * @uiName Justify content
-          * @uiType string
-          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
-          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
+          * Minimum height of each column including when they are stacked on mobile
+          * @uiName Minimum height (in px)
          */
-        "justifyContent"?: | "start"
-    | "center"
-    | "end"
-    | "space-between"
-    | "space-around"
-    | "space-evenly";
+        "minHeight"?: number;
         /**
-          * @uiName Maximum width
+          * @uiName Padding size
+          * @uiEnum ["none", "small", "medium","large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "maxWidth"?: string;
+        "paddingSize"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Minimum width
+          * Secondary background image or color (for use in the right column)
+          * @uiName Secondary background
+          * @uiWidget Background
          */
-        "minWidth"?: string;
+        "secondaryBackground"?: string;
         /**
-          * @uiName Padding
-          * @uiType string
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Flexbox wrap direction, accepts wrap or wrap-reverse
+          * @uiName Wrap direction
+          * @uiEnum ["wrap", "wrap-reverse"]
+          * @uiEnumNames ["Wrap", "Wrap Reverse"]
          */
-        "padding"?: Spacing;
+        "wrapDirection"?: "wrap" | "wrap-reverse";
     }
-    interface SqmPortalEmailVerification {
+    interface SqmHeroImage {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
+        "backgroundColor"?: string;
         /**
-          * @uiName Email verification header text
+          * @uiName Button link
          */
-        "emailVerificationHeader"?: string;
+        "buttonLink"?: string;
         /**
-          * Redirect participants to this page from their verification email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @uiName Open link in new tab
+          * @default
          */
-        "redirectPath"?: string;
+        "buttonNewTab"?: boolean;
         /**
-          * @uiName Re-send email button text
+          * @uiName Button text
          */
-        "resendEmailButtonText"?: string;
+        "buttonText"?: string;
         /**
-          * @uiName Email verification checking text
+          * @uiName Description
           * @uiWidget textArea
          */
-        "verificationLoadingMessage"?: string;
+        "description"?: string;
         /**
-          * @uiName Email verification status text
-          * @uiWidget textArea
+          * @uiName Title
          */
-        "verificationStatusMessage"?: string;
+        "header"?: string;
         /**
-          * @uiName Email verification body text
-          * @uiWidget textArea
+          * @uiName Image mobile position
+          * @uiType string
+          * @uiEnum ["top", "bottom"]
+          * @uiEnumNames ["Top", "Bottom"]
          */
-        "verifyMessage"?: string;
-    }
-    interface SqmPortalFooter {
+        "imageMobilePos"?: "top" | "bottom";
         /**
-          * @uiName FAQ link
+          * @uiName Image percentage
+          * @uiType number
          */
-        "faqLink"?: string;
+        "imagePercentage"?: number;
         /**
-          * @uiName FAQ text
+          * @uiName Image position
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "faqText"?: string;
+        "imagePos"?: "left" | "center" | "right";
         /**
-          * @uiName Hide powered with SaaSquatch by Impact.com
+          * @uiWidget ImageUpload
+          * @format url
+          * @uiName Image
          */
-        "hidePoweredBy"?: boolean;
+        "imageUrl"?: string;
         /**
-          * @uiName Hide support message
+          * @uiName Image layout
+          * @uiType string
+          * @uiEnum ["overlay", "columns"]
+          * @uiEnumNames ["Overlay", "Two-column"]
          */
-        "hideSupportText"?: boolean;
+        "layout"?: "overlay" | "columns";
         /**
-          * @uiName Bottom padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Overlay color
+          * @uiWidget color
+          * @format color
          */
-        "paddingBottom"?: string;
+        "overlayColor"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Padding
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Overlay opacity
          */
-        "paddingLeft"?: string;
+        "overlayOpacity"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Padding
+          * @uiName Image padding
+          * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingRight"?: string;
+        "paddingImage"?: Spacing;
         /**
-          * @uiName Top padding
-          * @uiGroup Padding
+          * @uiName Text padding
+          * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "paddingTop"?: string;
+        "paddingText"?: Spacing;
         /**
-          * @uiName Powered By link
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "poweredByLink"?: string;
+        "textColor"?: string;
+    }
+    interface SqmHookStoryContainer {
+        "hookStory"?: FunctionalComponent;
+    }
+    interface SqmImage {
         /**
-          * @uiName Support email
+          * @uiName Position alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "supportEmail"?: string;
+        "alignment"?: "left" | "center" | "right";
         /**
-          * @uiName Support message
-          * @uiWidget textArea
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "supportText"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Terms and conditions link
+          * @uiWidget ImageUpload
+          * @format url
+          * @required 
+          * @uiName Image link
          */
-        "termsLink"?: string;
+        "imageUrl"?: string;
         /**
-          * @uiName Terms and conditions text
+          * (Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. "500px", "33%", etc.
+          * @uiName Minimum height
          */
-        "termsText"?: string;
+        "minHeight"?: string;
     }
-    interface SqmPortalForgotPassword {
+    interface SqmIndirectTaxForm {
+        "backButton"?: string;
+        /**
+          * @undocumented
+         */
+        "demoData"?: DemoData<UseIndirectTaxFormResult>;
+        "formStep"?: string;
+        "generalErrorDescription"?: string;
+        "generalErrorTitle"?: string;
+        "indirectTax"?: string;
+        "indirectTaxDescription"?: string;
+        "indirectTaxDetails"?: string;
+        "indirectTaxDetailsDescription"?: string;
+        "indirectTaxNumber"?: string;
+        "indirectTaxNumberError"?: string;
+        "isPartnerAlertDescription"?: string;
+        "isPartnerAlertHeader"?: string;
+        "isRegisteredQST"?: string;
+        "isRegisteredSubRegionIncomeTax"?: string;
+        "notRegistered"?: string;
+        "otherRegion"?: string;
+        "province"?: string;
+        "provinceError"?: string;
+        "qstNumber"?: string;
+        "qstTaxNumberError"?: string;
+        "selectedRegion"?: string;
+        "selectedRegionError"?: string;
+        "subRegion"?: string;
+        "subRegionError"?: string;
+        "subRegionTaxNumberError"?: string;
+        "subRegionTaxNumberLabel"?: string;
+        "submitButton"?: string;
+        "taxDetailsError"?: string;
+    }
+    interface SqmInputField {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
+        "demoData"?: DemoData<InputFieldViewProps>;
         /**
-          * @uiName Email field label
+          * @uiName Required error message
          */
-        "emailLabel"?: string;
+        "errorMessage"?: string;
         /**
-          * @uiName Header text
-          * @uiWidget textArea
+          * @uiName Input label
          */
-        "headerText"?: string;
+        "fieldLabel"?: string;
         /**
-          * @uiName Login redirect path
-          * @uiWidget pageSelect
+          * This name is used as the key for this form field on submission. The name must be unique within this specific form.
+          * @uiName Input name attribute
+          * @required
          */
-        "loginPath"?: string;
+        "fieldName"?: string;
         /**
-          * Sign in link text
+          * @uiName Optional
+          * @default
+         */
+        "fieldOptional"?: boolean;
+        /**
+          * @uiName Input type
+          * @uiType string
+          * @uiEnum ["text", "date", "tel"]
+          * @uiEnumNames ["Text", "Date", "Phone Number"]
+         */
+        "fieldType"?: "text" | "date" | "tel";
+    }
+    interface SqmInstantAccessRegistration {
+        /**
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "loginText"?: string;
+        "backgroundColor"?: string;
         /**
-          * Redirect participants to this page after they verify their email.
-          * @uiName Email redirect
-          * @uiWidget pageSelect
+          * @undocumented 
+          * @uiType object
          */
-        "redirectPath"?: string;
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * @uiName Password reset button text
+          * @uiName Email field label
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalFrame {
+        "emailLabel"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName First name field label
          */
-        "demoData"?: DemoData<PortalFrameViewProps>;
+        "firstNameLabel"?: string;
         /**
-          * @undocumented
+          * @uiName Hide border
+          * @uiGroup Card style
          */
-        "notFullScreen"?: boolean;
-    }
-    interface SqmPortalLogin {
+        "hideBorder"?: boolean;
         /**
           * @undocumented 
-          * @uiType object
+          * @uiType boolean
          */
-        "demoData"?: DemoData<PortalLoginViewProps>;
+        "includeCookies"?: boolean;
         /**
-          * @uiName Email field label
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "emailLabel"?: string;
+        "includeName"?: boolean;
         /**
-          * @uiName Forgot password text
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "forgotPasswordLabel"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Redirect participants to this page to reset their password
-          * @uiName Forgot password redirect
-          * @uiWidget pageSelect
+          * @uiName Last name field label
          */
-        "forgotPasswordPath"?: string;
+        "lastNameLabel"?: string;
         /**
-          * Redirect participants to this page after they successfully login.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "nextPage"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * @uiName Heading label
-          * @uiWidget textArea
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "pageLabel"?: string;
+        "paddingBottom"?: string;
         /**
-          * @uiName Password field label
+          * @uiName Left padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "passwordLabel"?: string;
+        "paddingLeft"?: string;
         /**
-          * @uiName Register button text
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "registerLabel"?: string;
+        "paddingRight"?: string;
         /**
-          * Redirect participants to this page to start registration.
-          * @uiName Register button redirect
-          * @uiWidget pageSelect
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "registerPath"?: string;
+        "paddingTop"?: string;
         /**
-          * @uiName Submit button text
+          * @uiName Register button text
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalLogout {
+        "registerLabel"?: string;
         /**
-          * Redirect participants to this page when they log out.
-          * @uiName Logout redirect path
-          * @uiWidget pageSelect
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "nextPage"?: string;
+        "requiredFieldErrorMessage"?: string;
     }
-    interface SqmPortalProfile {
+    interface SqmLeaderboard {
         /**
-          * @uiName Country field label
+          * Title displayed for users without names
+          * @uiName Unknown user text
          */
-        "countrytext"?: string;
+        "anonymousUser"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalProfileViewProps>;
+        "demoData"?: DemoData<LeaderboardViewProps>;
         /**
-          * @uiName Edit profile header
+          * Hide the viewer's leaderboard row if not in the top results.
+          * @uiName Hide viewing user
+          * @default
          */
-        "editProfileHeader"?: string;
+        "hideViewer"?: boolean;
         /**
-          * @uiName Edit profile sub header
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "editProfileSubHeader"?: string;
+        "interval"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "emailtext"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * @uiName First name label
+          * Control the maximum amount of rows displayed on the leaderboard.
+          * @uiName Maximum rows number
          */
-        "firstnametext"?: string;
+        "maxRows"?: number;
         /**
-          * @uiName Hide country field
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "hideCountry"?: boolean;
+        "programId"?: string;
         /**
-          * @uiName Last name field label
+          * @uiName Rank type
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "lastnametext"?: string;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * @uiName Submit changes button text
+          * @uiName Rank column heading
          */
-        "submitChangeButtonText"?: string;
-    }
-    interface SqmPortalProtectedRoute {
+        "rankheading"?: string;
         /**
-          * Redirect participants to this page they are not logged in.
-          * @uiName Unauthenticated participant redirect
+          * @uiName Show leaderboard rank
          */
-        "redirectTo"?: string;
+        "showRank"?: boolean;
         /**
-          * Redirect participants to this page when email verification is required but they have not verified their email.
-          * @uiName Unverified participant redirect
+          * @uiName Stats column heading
          */
-        "redirectToUnverified"?: string;
+        "statsheading"?: string;
         /**
-          * @uiName Require email verification
+          * @uiName User column heading
          */
-        "requireEmailVerification"?: boolean;
+        "usersheading"?: string;
     }
-    interface SqmPortalRegister {
-        /**
-          * @uiName Show confirm password field
-         */
-        "confirmPassword"?: boolean;
-        /**
-          * @uiName Confirm password field label
-         */
-        "confirmPasswordLabel"?: string;
+    interface SqmLeaderboardRank {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalRegisterViewProps>;
+        "demoData"?: DemoData<LeaderboardRankViewProps>;
         /**
-          * @uiName Disable password validation
+          * @uiName Leaderboard time interval
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
-        "disablePasswordValidation"?: boolean;
+        "interval"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Leaderboard type
+          * @uiType string
+          * @required 
+          * @uiEnum ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"]
+          * @uiEnumNames ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"]
          */
-        "emailLabel"?: string;
+        "leaderboardType"?: | "topStartedReferrers"
+    | "topConvertedReferrers"
+    | "topPointEarners";
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is. If no program ID is set or provided by context, then a global leaderboard is shown.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "hideInputs"?: boolean;
+        "programId"?: string;
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
+          * @uiName Rank text
           * @uiWidget textArea
          */
-        "invalidEmailErrorMessage"?: string;
+        "rankText"?: string;
         /**
-          * @uiName Login button text
+          * @uiName Default rank
+          * @uiType string
+          * @uiEnum ["rowNumber", "rank", "denseRank"]
+          * @uiEnumNames ["Row Number", "Rank", "Dense Rank"]
          */
-        "loginLabel"?: string;
+        "rankType"?: "rowNumber" | "rank" | "denseRank";
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * @uiName Unranked text
          */
-        "loginPath"?: string;
+        "unrankedText"?: string;
+    }
+    interface SqmLinkButton {
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
+          * @uiName Button text
+          * @uiType string
          */
-        "networkErrorMessage"?: string;
+        "buttonText"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * Enter the URL where you want your participants redirected. Example: https://www.example.com
+          * @required 
+          * @uiName Link
          */
-        "nextPage"?: string;
+        "link"?: string;
         /**
-          * @uiName Header text
+          * @uiName Open link in new tab
          */
-        "pageLabel"?: string;
+        "openInNewTab"?: boolean;
+    }
+    interface SqmLogoutCurrentUser {
         /**
-          * @uiName Password field label
+          * @required 
+          * @uiName Switch user button link
+         */
+        "demoData"?: DemoData<CopyTextViewProps>;
+        /**
+          * @required 
+          * @uiName Switch user button label
          */
-        "passwordLabel"?: string;
+        "switchUserText"?: string;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * @required 
+          * @uiName User identification text
          */
-        "passwordMismatchErrorMessage"?: string;
+        "userIdentificationText"?: string;
+    }
+    interface SqmNameFields {
         /**
-          * The page that participants are redirected to from the verification email.
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * @undocumented 
+          * @uiType object
          */
-        "redirectPath"?: string;
+        "demoData"?: DemoData<NameFieldsViewProps>;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
+          * @uiName First name label
          */
-        "requiredFieldErrorMessage"?: string;
+        "firstNameLabel"?: string;
         /**
-          * @uiName Submit button text
+          * @uiName Last name label
          */
-        "submitLabel"?: string;
+        "lastNameLabel"?: string;
     }
-    interface SqmPortalRegistrationForm {
+    interface SqmNavigationMenu {
         /**
-          * @uiName Show confirm password field
+          * @undocumented 
+          * @uiType object
          */
-        "confirmPassword"?: boolean;
+        "demoData"?: DemoData<NavigationMenuViewProps>;
         /**
-          * @uiName Confirm password field label
+          * @uiName Include dropdown menu
          */
-        "confirmPasswordLabel"?: string;
+        "includeDropdown"?: boolean;
+        /**
+          * Label on the header menu
+          * @uiName Menu label
+         */
+        "menuLabel"?: string;
+    }
+    interface SqmNavigationSidebar {
+    }
+    interface SqmNavigationSidebarItem {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
+        "demoData"?: DemoData<NavigationSidebarItemViewProps>;
         /**
-          * @uiName Disable password validation
+          * Options available at https://shoelace.style/components/icon
+          * @uiName Icon
          */
-        "disablePasswordValidation"?: boolean;
+        "icon"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Label
          */
-        "emailLabel"?: string;
+        "label"?: string;
         /**
-          * The message to be displayed when the registration form is disabled.
-          * @uiName Form disabled message
-          * @uiWidget textArea
+          * @uiName Navigation path
+          * @uiWidget pageSelect
          */
-        "formDisabledErrorMessage"?: string;
+        "path"?: string;
+    }
+    interface SqmPasswordField {
         /**
-          * The key of the registration form used for this microsite.
-          * @uiName Form key
-          * @required
+          * @undocumented 
+          * @uiType object
          */
-        "formKey"?: string;
+        "demoData"?: PasswordFieldViewDemoProps;
         /**
-          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
-          * @uiName Hide default fields
+          * Disable live password validation
+          * @uiName Disable validation
          */
-        "hideInputs"?: boolean;
+        "disableValidation"?: boolean;
         /**
-          * The message to be displayed when the email used is invalid or blocked.
-          * @uiName Invalid email message
-          * @uiWidget textArea
+          * Label for password field
+          * @uiName Password label
          */
-        "invalidEmailErrorMessage"?: string;
+        "fieldLabel"?: string;
+    }
+    interface SqmPopupContainer {
         /**
-          * @uiName Login button text
+          * Display a close button on the popup
+          * @uiName Show close button
          */
-        "loginLabel"?: string;
+        "closeButton"?: boolean;
         /**
-          * Redirect participants to this page after clicking the login button.
-          * @uiName Login redirect
-          * @uiWidget pageSelect
+          * Text inside the close button
+          * @uiName Close button text
          */
-        "loginPath"?: string;
+        "closeButtonText"?: string;
         /**
-          * The message to be displayed when a the form submission fails unexpectedly.
-          * @uiName Network error message
-          * @uiWidget textArea
+          * Specify padding on the popup contents when in embedded mode
+          * @uiName Embed padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "networkErrorMessage"?: string;
+        "embedPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * Redirect participants to this page after they successfully register.
-          * @uiName Registration redirect
-          * @uiWidget pageSelect
+          * Specify padding on the popup contents when in popup mode
+          * @uiName Popup padding
+          * @uiType string
+          * @uiEnum ["none", "small", "medium", "large"]
+          * @uiEnumNames ["None", "Small", "Medium", "Large"]
          */
-        "nextPage"?: string;
+        "popupPadding"?: "none" | "small" | "medium" | "large";
         /**
-          * @uiName Header text
+          * Show Powered with SaaSquatch by Impact.com link
+          * @uiName Show powered by
          */
-        "pageLabel"?: string;
+        "poweredBy"?: boolean;
+    }
+    interface SqmPortalChangePassword {
         /**
-          * @uiName Password field label
+          * Found in modal
+          * @uiName Cancel button text
          */
-        "passwordLabel"?: string;
+        "cancelText"?: string;
         /**
-          * The message to be displayed when password inputs do not match.
-          * @uiName Password mismatch message
-          * @uiWidget textArea
+          * Found in modal
+          * @uiName Change password button text
          */
-        "passwordMismatchErrorMessage"?: string;
+        "changePasswordButtonText"?: string;
         /**
-          * Redirect participants to this page from their verification email
-          * @uiName Email verification redirect
-          * @uiWidget pageSelect
+          * Found in modal
+          * @uiName Confirm password Label
          */
-        "redirectPath"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * The message to be displayed when a required field is not filled.
-          * @uiName Required field message
-          * @uiWidget textArea
+          * @undocumented 
+          * @uiType object
          */
-        "requiredFieldErrorMessage"?: string;
+        "demoData"?: DemoData<PortalChangePasswordViewProps>;
         /**
-          * @uiName Submit button text
+          * @uiName Change password modal header
          */
-        "submitLabel"?: string;
-    }
-    interface SqmPortalResetPassword {
+        "modalChangePasswordHeader"?: string;
         /**
-          * @uiName Show confirm password field
+          * Found in modal
+          * @uiName New password field label
          */
-        "confirmPassword"?: boolean;
+        "passwordFieldLabel"?: string;
         /**
-          * @uiName Password confirmation field label
+          * @uiName Change password button text
          */
-        "confirmPasswordFieldLabel"?: string;
+        "portalChangePasswordButtonText"?: string;
         /**
-          * Button text displayed after a successful password reset.
-          * @uiName Continue button text
+          * Portal change password section header
+          * @uiName Change password header
          */
-        "continueButtonText"?: string;
+        "portalChangePasswordHeader"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Successful password change message
+          * @uiName Successful password change message
+          * @uiWidget textArea
          */
-        "demoData"?: DemoData<PortalResetPasswordViewProps>;
+        "successMessage"?: string;
+    }
+    interface SqmPortalContainer {
         /**
-          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
-          * @uiName Failed reset redirect
-          * @uiWidget pageSelect
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "failedPage"?: string;
+        "backgroundColor"?: string;
         /**
-          * Redirect participants to this page when they successfully reset their password.
-          * @uiName Successful reset redirect
-          * @uiWidget pageSelect
+          * @uiName Center content
          */
-        "nextPage"?: string;
+        "center"?: boolean;
         /**
-          * @uiName Password field label
+          * @uiName Direction
+          * @uiType string
+          * @uiEnum ["row", "column"]
+          * @uiEnumNames ["Row", "Column"]
          */
-        "passwordFieldLabel"?: string;
+        "direction"?: "row" | "column";
         /**
-          * Displayed after a successful password reset.
-          * @uiName Successful password reset text
-          * @uiWidget textArea
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "passwordResetHeader"?: string;
+        "display"?: "grid" | "flex";
         /**
-          * @uiName Password reset button text
+          * @uiName Gap
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "resetPasswordButtonText"?: string;
+        "gap"?: Spacing;
         /**
-          * @uiName Reset password header text
+          * Define how this container distributes its contents along the main-axis.
+          * @uiName Justify content
+          * @uiType string
+          * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
+          * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
          */
-        "resetPasswordHeader"?: string;
-    }
-    interface SqmPortalVerifyEmail {
+        "justifyContent"?: | "start"
+    | "center"
+    | "end"
+    | "space-between"
+    | "space-around"
+    | "space-evenly";
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Maximum width
          */
-        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
+        "maxWidth"?: string;
         /**
-          * Redirect participants to this page if verification fails due to an outdated verification attempt.
-          * @uiName Failed verification redirect
-          * @uiWidget pageSelect
+          * @uiName Minimum width
          */
-        "failedPage"?: string;
+        "minWidth"?: string;
         /**
-          * Redirect participants to this page when they successfully verify their email.
-          * @uiName Successful verification redirect
-          * @uiWidget pageSelect
+          * @uiName Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "nextPage"?: string;
+        "padding"?: Spacing;
     }
-    interface SqmProgramExplainer {
+    interface SqmPortalEmailVerification {
         /**
-          * @uiName Header background color
-          * @uiWidget color
-          * @format color
+          * @undocumented 
+          * @uiType object
          */
-        "backgroundColor"?: string;
+        "demoData"?: DemoData<PortalEmailVerificationViewProps>;
         /**
-          * @uiName Header text
+          * @uiName Email verification header text
          */
-        "header"?: string;
+        "emailVerificationHeader"?: string;
         /**
-          * @uiName Header text color
-          * @uiWidget color
-          * @format color
+          * Redirect participants to this page from their verification email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramExplainerStep {
+        "redirectPath"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @format color
+          * @uiName Re-send email button text
          */
-        "backgroundColor"?: string;
+        "resendEmailButtonText"?: string;
         /**
-          * @uiName Description
+          * @uiName Email verification checking text
           * @uiWidget textArea
          */
-        "description"?: string;
-        /**
-          * @uiName Title
-         */
-        "header"?: string;
+        "verificationLoadingMessage"?: string;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * @uiName Email verification status text
+          * @uiWidget textArea
          */
-        "icon"?: string;
+        "verificationStatusMessage"?: string;
         /**
-          * Displayed in place of an icon
-          * @uiName Image URL
-          * @uiWidget imageUpload
-          * @format url
+          * @uiName Email verification body text
+          * @uiWidget textArea
          */
-        "imageUrl"?: string;
+        "verifyMessage"?: string;
+    }
+    interface SqmPortalFooter {
         /**
-          * @uiName Text color
-          * @uiWidget color
-          * @format color
+          * @uiName FAQ link
          */
-        "textColor"?: string;
-    }
-    interface SqmProgramMenu {
-    }
-    interface SqmReferralCard {
+        "faqLink"?: string;
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiType string
+          * @uiName FAQ text
          */
-        "backgroundColor"?: string;
+        "faqText"?: string;
         /**
-          * @uiName Hide border
-          * @uiType boolean
+          * @uiName Hide powered with SaaSquatch by Impact.com
          */
-        "hideBorder"?: boolean;
+        "hidePoweredBy"?: boolean;
         /**
-          * @uiName Limit width
-          * @uiType boolean
+          * @uiName Hide support message
          */
-        "limitWidth"?: boolean;
+        "hideSupportText"?: boolean;
         /**
           * @uiName Bottom padding
           * @uiGroup Padding
@@ -7143,1749 +6001,1676 @@ declare namespace LocalJSX {
          */
         "paddingTop"?: string;
         /**
-          * @uiName Vertical alignment
-          * @uiType string
-          * @uiEnum ["start", "center", "end"]
-          * @uiEnumNames ["Top", "Center", "Bottom"]
+          * @uiName Powered By link
          */
-        "verticalAlignment"?: "start" | "center" | "end";
-    }
-    interface SqmReferralIframe {
+        "poweredByLink"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Support email
          */
-        "demoData"?: DemoData<ReferralIframeViewProps>;
+        "supportEmail"?: string;
         /**
-          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame height
+          * @uiName Support message
+          * @uiWidget textArea
          */
-        "iframeHeight"?: string;
+        "supportText"?: string;
         /**
-          * URL of iframe to display
-          * @uiName IFrame source
-          * @required
+          * @uiName Terms and conditions link
          */
-        "iframeSrc"?: string;
+        "termsLink"?: string;
         /**
-          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
-          * @uiName IFrame width
+          * @uiName Terms and conditions text
          */
-        "iframeWidth"?: string;
+        "termsText"?: string;
     }
-    interface SqmReferralTable {
+    interface SqmPortalForgotPassword {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
-        /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Hidden mobile columns
-         */
-        "hiddenColumns"?: string;
-        /**
-          * @uiName Hide column labels
-         */
-        "hideLabels"?: boolean;
-        /**
-          * @uiName Tablet breakpoint
-         */
-        "mdBreakpoint"?: number;
+        "demoData"?: DemoData<PortalForgotPasswordViewProps>;
         /**
-          * @uiName View More button text
+          * @uiName Email field label
          */
-        "moreLabel"?: string;
+        "emailLabel"?: string;
         /**
-          * Number of referrals displayed per page
-          * @uiName Referrals per page
+          * @uiName Header text
+          * @uiWidget textArea
          */
-        "perPage"?: number;
+        "headerText"?: string;
         /**
-          * @uiName Previous button text
+          * @uiName Login redirect path
+          * @uiWidget pageSelect
          */
-        "prevLabel"?: string;
+        "loginPath"?: string;
         /**
-          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
-          * @uiName Program
-          * @uiWidget programSelector
+          * Sign in link text
          */
-        "programId"?: string;
+        "loginText"?: string;
         /**
-          * Show referred by user in table
-          * @uiName Show referrer
-          * @default
+          * Redirect participants to this page after they verify their email.
+          * @uiName Email redirect
+          * @uiWidget pageSelect
          */
-        "showReferrer"?: boolean;
+        "redirectPath"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * @uiName Password reset button text
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmReferralTableCell {
-        "innerTemplate"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmReferralTableColumn {
+    interface SqmPortalFrame {
         /**
-          * @uiName Column title
+          * @undocumented 
+          * @uiType object
          */
-        "columnTitle"?: string;
-    }
-    interface SqmReferralTableDateCell {
-        "date"?: number;
-        "locale"?: string;
-    }
-    interface SqmReferralTableDateColumn {
+        "demoData"?: DemoData<PortalFrameViewProps>;
         /**
-          * @uiName Date column title
+          * @undocumented
          */
-        "columnTitle"?: string;
+        "notFullScreen"?: boolean;
+    }
+    interface SqmPortalLogin {
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
-          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
+          * @undocumented 
+          * @uiType object
          */
-        "dateShown"?: ReferralDates;
-    }
-    interface SqmReferralTableRewardsCell {
-        "deniedHelpText"?: string;
-        "expiringText"?: string;
-        "fuelTankText"?: string;
-        "hideDetails"?: boolean;
-        "locale"?: string;
-        "pendingForText"?: string;
-        "rewardReceivedText"?: string;
-        "rewards"?: Reward[];
-        "statusLongText"?: string;
-        "statusText"?: string;
-    }
-    interface SqmReferralTableRewardsColumn {
+        "demoData"?: DemoData<PortalLoginViewProps>;
         /**
-          * @uiName Reward column title
+          * @uiName Email field label
          */
-        "columnTitle"?: string;
+        "emailLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward was denied.
-          * @uiName Reward denied help text
+          * @uiName Forgot password text
          */
-        "deniedHelpText"?: string;
+        "forgotPasswordLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward has an expiry date.
-          * @uiName Reward expiring text
+          * Redirect participants to this page to reset their password
+          * @uiName Forgot password redirect
+          * @uiWidget pageSelect
          */
-        "expiringText"?: string;
+        "forgotPasswordPath"?: string;
         /**
-          * Shown in the dropdown details when a reward has an associated fuel tank code.
-          * @uiName Fuel tank code text
+          * Redirect participants to this page after they successfully login.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "fuelTankText"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Hide dropdown details of reward
-          * @default
+          * @uiName Heading label
+          * @uiWidget textArea
          */
-        "hideDetails"?: boolean;
+        "pageLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward is pending.
-          * @uiName Reward pending text
+          * @uiName Password field label
          */
-        "pendingForText"?: string;
+        "passwordLabel"?: string;
         /**
-          * Shown in the dropdown details when a reward has been received.’
-          * @uiName Reward received text
+          * @uiName Register button text
          */
-        "rewardReceivedText"?: string;
+        "registerLabel"?: string;
         /**
-          * Additional status text shown in the details drop down.
-          * @uiName Reward status long text
-          * @uiWidget textArea
+          * Redirect participants to this page to start registration.
+          * @uiName Register button redirect
+          * @uiWidget pageSelect
          */
-        "statusLongText"?: string;
+        "registerPath"?: string;
         /**
-          * Text shown in the reward status badge.
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * @uiName Submit button text
          */
-        "statusText"?: string;
-    }
-    interface SqmReferralTableStatusCell {
-        "converted"?: boolean;
-        "fraudStatus"?: FraudStatus;
-        "statusSubText"?: string;
-        "statusText"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmReferralTableStatusColumn {
+    interface SqmPortalLogout {
         /**
-          * @uiName Column title
+          * Redirect participants to this page when they log out.
+          * @uiName Logout redirect path
+          * @uiWidget pageSelect
          */
-        "columnTitle"?: string;
+        "nextPage"?: string;
+    }
+    interface SqmPortalProfile {
         /**
-          * @uiName Converted status text
+          * @uiName Country field label
          */
-        "convertedStatusText"?: string;
+        "countrytext"?: string;
         /**
-          * @uiName Denied status sub-text
+          * @undocumented 
+          * @uiType object
          */
-        "deniedStatusSubText"?: string;
+        "demoData"?: DemoData<PortalProfileViewProps>;
         /**
-          * @uiName Denied status text
+          * @uiName Edit profile header
          */
-        "deniedStatusText"?: string;
+        "editProfileHeader"?: string;
         /**
-          * @uiName In progress status text
+          * @uiName Edit profile sub header
          */
-        "inProgressStatusText"?: string;
+        "editProfileSubHeader"?: string;
         /**
-          * @uiName Pending review status sub-text
+          * @uiName Email field label
          */
-        "pendingReviewStatusSubText"?: string;
+        "emailtext"?: string;
         /**
-          * @uiName Pending review status text
+          * @uiName First name label
          */
-        "pendingReviewStatusText"?: string;
-    }
-    interface SqmReferralTableUserCell {
-        "name"?: string;
-    }
-    interface SqmReferralTableUserColumn {
+        "firstnametext"?: string;
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * @uiName Hide country field
          */
-        "anonymousUser"?: string;
+        "hideCountry"?: boolean;
         /**
-          * @uiName User column title
+          * @uiName Last name field label
          */
-        "columnTitle"?: string;
+        "lastnametext"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * @uiName Submit changes button text
          */
-        "deletedUser"?: string;
+        "submitChangeButtonText"?: string;
     }
-    interface SqmReferredRegistration {
+    interface SqmPortalProtectedRoute {
         /**
-          * @uiName Background color
-          * @uiWidget color
-          * @uiGroup Card style
-          * @uiType string
+          * Redirect participants to this page they are not logged in.
+          * @uiName Unauthenticated participant redirect
          */
-        "backgroundColor"?: string;
+        "redirectTo"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Redirect participants to this page when email verification is required but they have not verified their email.
+          * @uiName Unverified participant redirect
          */
-        "demoData"?: DemoData<EmailRegistrationViewProps>;
+        "redirectToUnverified"?: string;
         /**
-          * @uiName Email field label
+          * @uiName Require email verification
          */
-        "emailLabel"?: string;
+        "requireEmailVerification"?: boolean;
+    }
+    interface SqmPortalRegister {
         /**
-          * @uiName First name field label
+          * @uiName Show confirm password field
          */
-        "firstNameLabel"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @uiName Confirm password field label
          */
-        "fraudErrorMessage"?: string;
+        "confirmPasswordLabel"?: string;
         /**
-          * Display this message when there is suspected fraud.
-          * @uiName Fraud error message title
-          * @uiWidget textArea
-          * @uiGroup Error messages
+          * @undocumented 
+          * @uiType object
          */
-        "fraudErrorMessageTitle"?: string;
+        "demoData"?: DemoData<PortalRegisterViewProps>;
         /**
-          * @uiName Hide border
-          * @uiGroup Card style
+          * @uiName Disable password validation
          */
-        "hideBorder"?: boolean;
+        "disablePasswordValidation"?: boolean;
         /**
-          * @undocumented 
-          * @uiType boolean
+          * @uiName Email field label
          */
-        "includeCookies"?: boolean;
+        "emailLabel"?: string;
         /**
-          * Require your participants to enter their first and last name.
-          * @uiName Include name fields
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "includeName"?: boolean;
+        "hideInputs"?: boolean;
         /**
-          * Display this message when the given email is invalid.
+          * The message to be displayed when the email used is invalid or blocked.
           * @uiName Invalid email message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "invalidEmailErrorMessage"?: string;
         /**
-          * @uiName Last name field label
+          * @uiName Login button text
          */
-        "lastNameLabel"?: string;
+        "loginLabel"?: string;
         /**
-          * Display this message when the form submission unexpectedly fails.
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
+         */
+        "loginPath"?: string;
+        /**
+          * The message to be displayed when a the form submission fails unexpectedly.
           * @uiName Network error message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "networkErrorMessage"?: string;
         /**
-          * @uiName Bottom padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * Redirect participants to this page from their verification email
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "paddingBottom"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Left padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Header text
          */
-        "paddingLeft"?: string;
+        "pageLabel"?: string;
         /**
-          * @uiName Right padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiName Password field label
          */
-        "paddingRight"?: string;
+        "passwordLabel"?: string;
         /**
-          * @uiName Top padding
-          * @uiGroup Card style
-          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
+          * @uiWidget textArea
          */
-        "paddingTop"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * @uiName Register button text
+          * The page that participants are redirected to from the verification email.
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "registerLabel"?: string;
+        "redirectPath"?: string;
         /**
-          * Display this message when a required field has not been filled out.
+          * The message to be displayed when a required field is not filled.
           * @uiName Required field message
           * @uiWidget textArea
-          * @uiGroup Error messages
          */
         "requiredFieldErrorMessage"?: string;
-    }
-    interface SqmRewardExchangeList {
-        /**
-          * @uiName Back button text
-         */
-        "backText"?: string;
-        /**
-          * @uiName Cancel button text
-         */
-        "cancelText"?: string;
-        /**
-          * @uiName Choose amount progress title
-         */
-        "chooseAmountTitle"?: string;
-        /**
-          * @uiName Choose reward progress title
-         */
-        "chooseRewardTitle"?: string;
-        /**
-          * @uiName Confirmation progress title
-         */
-        "confirmationTitle"?: string;
         /**
-          * @uiName Continue button text
+          * @uiName Submit button text
          */
-        "continueText"?: string;
+        "submitLabel"?: string;
+    }
+    interface SqmPortalRegistrationForm {
         /**
-          * Displayed on the reward selection page.
-          * @uiName Continue to confirmation button text
+          * @uiName Show confirm password field
          */
-        "continueToConfirmationText"?: string;
+        "confirmPassword"?: boolean;
         /**
-          * Shown in the confirmation state.
-          * @uiName Cost row title
+          * @uiName Confirm password field label
          */
-        "costTitle"?: string;
+        "confirmPasswordLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<RewardExchangeViewProps>;
+        "demoData"?: DemoData<PortalRegistrationFormViewProps>;
         /**
-          * @uiName Done text
+          * @uiName Disable password validation
          */
-        "doneText"?: string;
+        "disablePasswordValidation"?: boolean;
         /**
-          * Error message shown when reward is not available
-          * @uiName Not available error
-          * @uiWidget textArea
+          * @uiName Email field label
          */
-        "notAvailableError"?: string;
+        "emailLabel"?: string;
         /**
-          * @uiName Not enough error message
+          * The message to be displayed when the registration form is disabled.
+          * @uiName Form disabled message
           * @uiWidget textArea
          */
-        "notEnoughError"?: string;
-        /**
-          * @uiName Promo code text
-         */
-        "promoCode"?: string;
+        "formDisabledErrorMessage"?: string;
         /**
-          * Shown if an error occurs when loading the reward exchange.
-          * @uiName Reward list error message
-          * @uiWidget textArea
+          * The key of the registration form used for this microsite.
+          * @uiName Form key
+          * @required
          */
-        "queryError"?: string;
+        "formKey"?: string;
         /**
-          * @uiName Redeem button text
+          * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+          * @uiName Hide default fields
          */
-        "redeemText"?: string;
+        "hideInputs"?: boolean;
         /**
-          * Displayed as the header for the confirmation page.
-          * @uiName Confirmation title text
+          * The message to be displayed when the email used is invalid or blocked.
+          * @uiName Invalid email message
+          * @uiWidget textArea
          */
-        "redeemTitle"?: string;
+        "invalidEmailErrorMessage"?: string;
         /**
-          * Shown if an error occurs during the reward exchange.
-          * @uiName Redemption error message
-          * @uiWidget textArea
+          * @uiName Login button text
          */
-        "redemptionError"?: string;
+        "loginLabel"?: string;
         /**
-          * Displayed on the success screen when a user successfully exchanges for a reward.
-          * @uiName Redemption success message
-          * @uiWidget textArea
+          * Redirect participants to this page after clicking the login button.
+          * @uiName Login redirect
+          * @uiWidget pageSelect
          */
-        "redemptionSuccessText"?: string;
+        "loginPath"?: string;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward amount row title
+          * The message to be displayed when a the form submission fails unexpectedly.
+          * @uiName Network error message
+          * @uiWidget textArea
          */
-        "rewardAmountTitle"?: string;
+        "networkErrorMessage"?: string;
         /**
-          * Shown in the confirmation state.
-          * @uiName Reward row title
+          * Redirect participants to this page after they successfully register.
+          * @uiName Registration redirect
+          * @uiWidget pageSelect
          */
-        "rewardNameTitle"?: string;
+        "nextPage"?: string;
         /**
-          * @uiName Reward redeemed text
+          * @uiName Header text
          */
-        "rewardRedeemedText"?: string;
+        "pageLabel"?: string;
         /**
-          * @uiName Reward title text
+          * @uiName Password field label
          */
-        "rewardTitle"?: string;
+        "passwordLabel"?: string;
         /**
-          * @uiName Select amount text
+          * The message to be displayed when password inputs do not match.
+          * @uiName Password mismatch message
           * @uiWidget textArea
          */
-        "selectText"?: string;
+        "passwordMismatchErrorMessage"?: string;
         /**
-          * Set the number of placeholder cards to be shown in loading state.
-          * @uiName Loading cards
+          * Redirect participants to this page from their verification email
+          * @uiName Email verification redirect
+          * @uiWidget pageSelect
          */
-        "skeletonCardNum"?: number;
+        "redirectPath"?: string;
         /**
-          * Displayed on the reward exchange cards.
-          * @uiName Reward exchange amount text
+          * The message to be displayed when a required field is not filled.
+          * @uiName Required field message
           * @uiWidget textArea
          */
-        "sourceAmountMessage"?: string;
+        "requiredFieldErrorMessage"?: string;
         /**
-          * Shown when a user copies a fuel tank code
-          * @uiName Tooltip text
+          * @uiName Submit button text
          */
-        "tooltipText"?: string;
+        "submitLabel"?: string;
     }
-    interface SqmRewardsTable {
+    interface SqmPortalResetPassword {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Show confirm password field
          */
-        "demoData"?: DemoData<GenericTableViewProps> & {
-    mockData?: { data: Referral[] };
-  };
+        "confirmPassword"?: boolean;
         /**
-          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
-          * @uiName Mobile hidden columns
+          * @uiName Password confirmation field label
          */
-        "hiddenColumns"?: string;
+        "confirmPasswordFieldLabel"?: string;
         /**
-          * @uiName Hide column labels
+          * Button text displayed after a successful password reset.
+          * @uiName Continue button text
          */
-        "hideLabels"?: boolean;
+        "continueButtonText"?: string;
         /**
-          * @uiName Tablet breakpoint
+          * @undocumented 
+          * @uiType object
          */
-        "mdBreakpoint"?: number;
+        "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
-          * @uiName View more button text
+          * Redirect participants to this page if password reset fails due to an outdated reset attempt.
+          * @uiName Failed reset redirect
+          * @uiWidget pageSelect
          */
-        "moreLabel"?: string;
+        "failedPage"?: string;
         /**
-          * @uiName Rewards per page
+          * Redirect participants to this page when they successfully reset their password.
+          * @uiName Successful reset redirect
+          * @uiWidget pageSelect
          */
-        "perPage"?: number;
+        "nextPage"?: string;
         /**
-          * @uiName Previous button text
+          * @uiName Password field label
          */
-        "prevLabel"?: string;
+        "passwordFieldLabel"?: string;
         /**
-          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
-          * @uiName Program
-          * @uiWidget programSelector
+          * Displayed after a successful password reset.
+          * @uiName Successful password reset text
+          * @uiWidget textArea
          */
-        "programId"?: string;
+        "passwordResetHeader"?: string;
         /**
-          * @uiName Mobile breakpoint
+          * @uiName Password reset button text
          */
-        "smBreakpoint"?: number;
-    }
-    interface SqmRewardsTableCustomerNoteCell {
-        "locale"?: string;
-        "note"?: string;
-    }
-    interface SqmRewardsTableCustomerNoteColumn {
+        "resetPasswordButtonText"?: string;
         /**
-          * @uiName Column title
+          * @uiName Reset password header text
          */
-        "columnTitle"?: string;
-    }
-    interface SqmRewardsTableDateCell {
-        "date"?: number;
-        "locale"?: string;
+        "resetPasswordHeader"?: string;
     }
-    interface SqmRewardsTableDateColumn {
+    interface SqmPortalVerifyEmail {
         /**
-          * @uiName Date column title
+          * @undocumented 
+          * @uiType object
          */
-        "columnTitle"?: string;
+        "demoData"?: DemoData<PortalVerifyEmailViewProps>;
         /**
-          * @uiName Date displayed
-          * @uiType string
-          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
-          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
+          * Redirect participants to this page if verification fails due to an outdated verification attempt.
+          * @uiName Failed verification redirect
+          * @uiWidget pageSelect
          */
-        "dateShown"?: string;
-    }
-    interface SqmRewardsTableRewardCell {
-        "availableText"?: string;
-        "copyText"?: string;
-        "locale"?: string;
-        "redeemedText"?: string;
-        "reward"?: Reward;
-    }
-    interface SqmRewardsTableRewardColumn {
+        "failedPage"?: string;
         /**
-          * @uiName Remaining amount text
+          * Redirect participants to this page when they successfully verify their email.
+          * @uiName Successful verification redirect
+          * @uiWidget pageSelect
          */
-        "availableText"?: string;
+        "nextPage"?: string;
+    }
+    interface SqmProgramExplainer {
         /**
-          * @uiName Reward column title
+          * @uiName Header background color
+          * @uiWidget color
+          * @format color
          */
-        "columnTitle"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Copied fuel tank text
+          * @uiName Header text
          */
-        "copyText"?: string;
+        "header"?: string;
         /**
-          * @uiName Redeemed amount text
+          * @uiName Header text color
+          * @uiWidget color
+          * @format color
          */
-        "redeemedText"?: string;
-    }
-    interface SqmRewardsTableSourceCell {
-        "anonymousUserText"?: string;
-        "deletedUserText"?: string;
-        "locale"?: string;
-        "referralText"?: string;
-        "reward"?: Reward;
-        "rewardExchangeText"?: string;
-        "rewardSourceText"?: string;
+        "textColor"?: string;
     }
-    interface SqmRewardsTableSourceColumn {
+    interface SqmProgramExplainerStep {
         /**
-          * Name displayed for unknown users
-          * @uiName Anonymous user text
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
          */
-        "anonymousUser"?: string;
+        "backgroundColor"?: string;
         /**
-          * @uiName Soruce column title
+          * @uiName Description
+          * @uiWidget textArea
          */
-        "columnTitle"?: string;
+        "description"?: string;
         /**
-          * Name displayed for deleted users
-          * @uiName Deleted user text
+          * @uiName Title
          */
-        "deletedUser"?: string;
+        "header"?: string;
         /**
-          * Shown when a reward has been created by a referral
-          * @uiName Referral text
-          * @uiWidget textArea
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "referralText"?: string;
+        "icon"?: string;
         /**
-          * @uiName Reward exchange label
+          * Displayed in place of an icon
+          * @uiName Image URL
+          * @uiWidget imageUpload
+          * @format url
          */
-        "rewardExchangeText"?: string;
+        "imageUrl"?: string;
         /**
-          * Shown when a reward has been created by a source other than a referral.
-          * @uiName Reward source text
-          * @uiWidget textArea
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
          */
-        "rewardSourceText"?: string;
+        "textColor"?: string;
     }
-    interface SqmRewardsTableStatusCell {
-        "deniedText"?: string;
-        "expiryText"?: string;
-        "locale"?: string;
-        "pendingReviewText"?: string;
-        "pendingScheduled"?: string;
-        "pendingUnhandled"?: string;
-        "pendingUsTax"?: string;
-        "reward"?: Reward;
-        "statusText"?: string;
+    interface SqmProgramMenu {
     }
-    interface SqmRewardsTableStatusColumn {
+    interface SqmReferralCard {
+        /**
+          * @uiName Background color
+          * @uiWidget color
+          * @uiType string
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Hide border
+          * @uiType boolean
+         */
+        "hideBorder"?: boolean;
+        /**
+          * @uiName Limit width
+          * @uiType boolean
+         */
+        "limitWidth"?: boolean;
         /**
-          * @uiName Column title
+          * @uiName Bottom padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "columnTitle"?: string;
+        "paddingBottom"?: string;
         /**
-          * Displayed when denied for fraud.
-          * @uiName Denied text
+          * @uiName Left padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "deniedText"?: string;
+        "paddingLeft"?: string;
         /**
-          * Text shown before the date of an expiring reward.
-          * @uiName Expiry date prefix
+          * @uiName Right padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "expiryText"?: string;
+        "paddingRight"?: string;
         /**
-          * Displayed when flagged for fraud.
-          * @uiName Pending review text
+          * @uiName Top padding
+          * @uiGroup Padding
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "pendingReviewText"?: string;
+        "paddingTop"?: string;
         /**
-          * Text shown before the available date of a pending reward.
-          * @uiName Pending date prefix
+          * @uiName Vertical alignment
+          * @uiType string
+          * @uiEnum ["start", "center", "end"]
+          * @uiEnumNames ["Top", "Center", "Bottom"]
          */
-        "pendingScheduled"?: string;
+        "verticalAlignment"?: "start" | "center" | "end";
+    }
+    interface SqmReferralIframe {
         /**
-          * Displayed when fulfillment error occured when creating a reward.
-          * @uiName Unhandled error text
+          * @undocumented 
+          * @uiType object
          */
-        "pendingUnhandled"?: string;
+        "demoData"?: DemoData<ReferralIframeViewProps>;
         /**
-          * Displayed when a reward is pending due to W9 compliance.
-          * @uiName W9 pending text
+          * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame height
          */
-        "pendingUsTax"?: string;
+        "iframeHeight"?: string;
         /**
-          * @uiName Reward status text
-          * @uiWidget textArea
+          * URL of iframe to display
+          * @uiName IFrame source
+          * @required
          */
-        "statusText"?: string;
-    }
-    interface SqmRoute {
+        "iframeSrc"?: string;
         /**
-          * Page Path URL for this route.
-          * @uiName Navigation path name
+          * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
+          * @uiName IFrame width
          */
-        "path"?: string;
-    }
-    interface SqmRouter {
+        "iframeWidth"?: string;
     }
-    interface SqmScroll {
+    interface SqmReferralTable {
         /**
-          * @uiName Button text
+          * @undocumented 
+          * @uiType object
          */
-        "buttonText"?: string;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * @uiName Button type
-          * @uiType string
-          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
-          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Hidden mobile columns
          */
-        "buttonType"?: | "default"
-    | "primary"
-    | "success"
-    | "neutral"
-    | "warning"
-    | "danger"
-    | "text";
+        "hiddenColumns"?: string;
         /**
-          * Draws a circle button.
-          * @uiName Circle
+          * @uiName Hide column labels
          */
-        "circle"?: boolean;
+        "hideLabels"?: boolean;
         /**
-          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
-          * @uiName Icon
+          * @uiName Tablet breakpoint
          */
-        "iconName"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * @uiName Icon slot
-          * @uiType string
-          * @uiEnum ["prefix", "suffix"]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * @uiName View More button text
          */
-        "iconSlot"?: string;
+        "moreLabel"?: string;
         /**
-          * The button becomes full width if the screen size is smaller than 500px
-          * @uiName Full width on mobile
+          * Number of referrals displayed per page
+          * @uiName Referrals per page
          */
-        "mobile"?: boolean;
+        "perPage"?: number;
         /**
-          * Draws an outlined button.
-          * @uiName Outline
+          * @uiName Previous button text
          */
-        "outline"?: boolean;
+        "prevLabel"?: string;
         /**
-          * Draws a pill-style button with rounded edges.
-          * @uiName Pill
+          * Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "pill"?: boolean;
+        "programId"?: string;
         /**
-          * @uiName Scroll animation style
-          * @uiType string
-          * @uiEnum ["smooth", "auto"]
-          * @uiEnumNames ["Smooth", "Auto"]
+          * Show referred by user in table
+          * @uiName Show referrer
+          * @default
          */
-        "scrollAnimation"?: "smooth" | "auto";
+        "showReferrer"?: boolean;
         /**
-          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
-          * @uiName Scroll ID
+          * @uiName Mobile breakpoint
          */
-        "scrollId"?: string;
+        "smBreakpoint"?: number;
+    }
+    interface SqmReferralTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmReferralTableColumn {
         /**
-          * The name of the HTML tag you would like to scroll to. E.g referral-table
-          * @uiName Scroll tag name
+          * @uiName Column title
          */
-        "scrollTagName"?: string;
+        "columnTitle"?: string;
+    }
+    interface SqmReferralTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmReferralTableDateColumn {
         /**
-          * @uiName Size
+          * @uiName Date column title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Date displayed
           * @uiType string
-          * @uiEnum ["small", "medium", "large"]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * @uiEnum ["dateConverted", "dateReferralStarted", "dateFraudChecksCompleted", "dateModerated", "dateModified", "dateReferralEnded", "dateReferralPaid", "dateUserModified"]
+          * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
          */
-        "size"?: string;
+        "dateShown"?: ReferralDates;
     }
-    interface SqmShareButton {
+    interface SqmReferralTableRewardsCell {
+        "deniedHelpText"?: string;
+        "expiringText"?: string;
+        "fuelTankText"?: string;
+        "hideDetails"?: boolean;
+        "locale"?: string;
+        "pendingForText"?: string;
+        "rewardReceivedText"?: string;
+        "rewards"?: Reward[];
+        "statusLongText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableRewardsColumn {
         /**
-          * @uiName Button background color
-          * @uiWidget color
-          * @format color
+          * @uiName Reward column title
          */
-        "backgroundcolor"?: string;
+        "columnTitle"?: string;
         /**
-          * Configure border radius with pixel amount
-          * @uiName Border radius
+          * Shown in the dropdown details when a reward was denied.
+          * @uiName Reward denied help text
          */
-        "borderradius"?: number;
+        "deniedHelpText"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Shown in the dropdown details when a reward has an expiry date.
+          * @uiName Reward expiring text
          */
-        "demoData"?: DemoData<ShareButtonViewProps>;
+        "expiringText"?: string;
         /**
-          * @uiName Disabled
+          * Shown in the dropdown details when a reward has an associated fuel tank code.
+          * @uiName Fuel tank code text
          */
-        "disabled"?: boolean;
+        "fuelTankText"?: string;
         /**
-          * @uiName Hide icon
+          * @uiName Hide dropdown details of reward
           * @default
          */
-        "hideicon"?: boolean;
+        "hideDetails"?: boolean;
         /**
-          * @uiName Hide text
-          * @default
+          * Shown in the dropdown details when a reward is pending.
+          * @uiName Reward pending text
          */
-        "hidetext"?: boolean;
+        "pendingForText"?: string;
         /**
-          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
-          * @uiName Icon
+          * Shown in the dropdown details when a reward has been received.’
+          * @uiName Reward received text
          */
-        "icon"?: string;
+        "rewardReceivedText"?: string;
         /**
-          * @uiName Icon location
-          * @uiType string
-          * @uiEnum ["prefix", "suffix" ]
-          * @uiEnumNames ["Prefix", "Suffix"]
+          * Additional status text shown in the details drop down.
+          * @uiName Reward status long text
+          * @uiWidget textArea
          */
-        "iconslot"?: "prefix" | "suffix";
+        "statusLongText"?: string;
         /**
-          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
-          * @uiName Share medium
-          * @uiType string
-          * @required 
-          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
-          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
+          * Text shown in the reward status badge.
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "medium"?: | "facebook"
-    | "twitter"
-    | "email"
-    | "direct"
-    | "linkedin"
-    | "sms"
-    | "fbmessenger"
-    | "whatsapp"
-    | "linemessenger"
-    | "pinterest"
-    | "reminder"
-    | "unknown";
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusCell {
+        "converted"?: boolean;
+        "fraudStatus"?: FraudStatus;
+        "statusSubText"?: string;
+        "statusText"?: string;
+    }
+    interface SqmReferralTableStatusColumn {
         /**
-          * @uiName Display pill
+          * @uiName Column title
          */
-        "pill"?: boolean;
+        "columnTitle"?: string;
         /**
-          * Optional programId, or uses the programId context where this button is rendered.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiName Converted status text
          */
-        "programId"?: string;
+        "convertedStatusText"?: string;
         /**
-          * Text used for native sharing (mobile only)
-          * @uiName Share text
+          * @uiName Denied status sub-text
          */
-        "sharetext"?: string;
+        "deniedStatusSubText"?: string;
         /**
-          * Title used for native sharing (mobile only)
-          * @uiName Share title
+          * @uiName Denied status text
          */
-        "sharetitle"?: string;
+        "deniedStatusText"?: string;
         /**
-          * @uiName Button size
-          * @uiType string
-          * @uiEnum ["small", "medium", "large" ]
-          * @uiEnumNames ["Small", "Medium", "Large"]
+          * @uiName In progress status text
          */
-        "size"?: "small" | "medium" | "large";
+        "inProgressStatusText"?: string;
         /**
-          * @uiName Button text color
-          * @uiWidget color
-          * @format color
+          * @uiName Pending review status sub-text
          */
-        "textcolor"?: string;
+        "pendingReviewStatusSubText"?: string;
         /**
-          * @uiType string
-          * @uiName Button style
-          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
-          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
+          * @uiName Pending review status text
          */
-        "type"?: | "primary"
-    | "success"
-    | "info"
-    | "warning"
-    | "danger"
-    | "default"
-    | "text";
+        "pendingReviewStatusText"?: string;
     }
-    interface SqmShareCode {
+    interface SqmReferralTableUserCell {
+        "name"?: string;
+    }
+    interface SqmReferralTableUserColumn {
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "anonymousUser"?: string;
         /**
-          * @uiName Copy button label
+          * @uiName User column title
          */
-        "copyButtonLabel"?: string;
+        "columnTitle"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "deletedUser"?: string;
+    }
+    interface SqmReferredRegistration {
         /**
-          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * @uiName Background color
+          * @uiWidget color
+          * @uiGroup Card style
+          * @uiType string
          */
-        "programId"?: string;
+        "backgroundColor"?: string;
         /**
-          * Change the text alignment
-          * @uiName Share code alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * @undocumented 
+          * @uiType object
          */
-        "textAlign"?: "left" | "center" | "right";
+        "demoData"?: DemoData<EmailRegistrationViewProps>;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * @uiName Email field label
          */
-        "tooltiplifespan"?: number;
+        "emailLabel"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * @uiName First name field label
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmShareLink {
+        "firstNameLabel"?: string;
         /**
-          * Set the copy button style and placement
-          * @uiName Style
-          * @uiType string
-          * @uiEnum ["icon", "button-outside", "button-below"]
-          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        "fraudErrorMessage"?: string;
         /**
-          * @uiName Copy button label
+          * Display this message when there is suspected fraud.
+          * @uiName Fraud error message title
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "copyButtonLabel"?: string;
+        "fraudErrorMessageTitle"?: string;
+        /**
+          * @uiName Hide border
+          * @uiGroup Card style
+         */
+        "hideBorder"?: boolean;
         /**
           * @undocumented 
-          * @uiType object
+          * @uiType boolean
          */
-        "demoData"?: DemoData<CopyTextViewProps>;
+        "includeCookies"?: boolean;
         /**
-          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
-          * @uiName Program ID
-          * @uiWidget programSelector
+          * Require your participants to enter their first and last name.
+          * @uiName Include name fields
          */
-        "programId"?: string;
+        "includeName"?: boolean;
         /**
-          * Change the text alignment
-          * @uiName Share link alignment
-          * @uiType string
-          * @uiEnum ["left", "center", "right"]
-          * @uiEnumNames ["Left", "Center", "Right"]
+          * Display this message when the given email is invalid.
+          * @uiName Invalid email message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "textAlign"?: "left" | "center" | "right";
+        "invalidEmailErrorMessage"?: string;
         /**
-          * The number of milliseconds that the tooltip appears for
-          * @uiName Tooltip lifespan
+          * @uiName Last name field label
          */
-        "tooltiplifespan"?: number;
+        "lastNameLabel"?: string;
         /**
-          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-          * @uiName Tooltip text
+          * Display this message when the form submission unexpectedly fails.
+          * @uiName Network error message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "tooltiptext"?: string;
-    }
-    interface SqmStatContainer {
+        "networkErrorMessage"?: string;
         /**
-          * @uiName Display
-          * @uiType string
-          * @uiEnum ["grid", "flex"]
-          * @uiEnumNames ["Grid", "Flex"]
+          * @uiName Bottom padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "display"?: "grid" | "flex";
+        "paddingBottom"?: string;
         /**
-          * @uiName Space between stats
-          * @uiType string
+          * @uiName Left padding
+          * @uiGroup Card style
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "space"?: Spacing;
-    }
-    interface SqmStencilbook {
-    }
-    interface SqmTab {
+        "paddingLeft"?: string;
         /**
-          * @uiName Tab title
+          * @uiName Right padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "header"?: string;
-    }
-    interface SqmTableCell {
+        "paddingRight"?: string;
         /**
-          * @uiName Column span
+          * @uiName Top padding
+          * @uiGroup Card style
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "colspan"?: number;
+        "paddingTop"?: string;
         /**
-          * @uiName Padding
+          * @uiName Register button text
          */
-        "padding"?: string;
-    }
-    interface SqmTableRow {
+        "registerLabel"?: string;
         /**
-          * @uiName Border
+          * Display this message when a required field has not been filled out.
+          * @uiName Required field message
+          * @uiWidget textArea
+          * @uiGroup Error messages
          */
-        "border"?: string;
+        "requiredFieldErrorMessage"?: string;
     }
-    interface SqmTabs {
+    interface SqmRewardExchangeList {
         /**
-          * Used to specify the placement of the tabs
-          * @uiName Tabs placement
-          * @uiType string
-          * @uiEnum ["left", "right", "bottom", "top"]
-          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
+          * @uiName Back button text
          */
-        "placement"?: "left" | "right" | "bottom" | "top";
-    }
-    interface SqmTaskCard {
+        "backText"?: string;
         /**
-          * @uiName Button link
-          * @uiGroup Button
+          * @uiName Cancel button text
          */
-        "buttonLink"?: string;
+        "cancelText"?: string;
         /**
-          * @uiName Button text
-          * @uiGroup Button
+          * @uiName Choose amount progress title
          */
-        "buttonText"?: string;
+        "chooseAmountTitle"?: string;
         /**
-          * @uiName Title
-          * @uiGroup Task
+          * @uiName Choose reward progress title
          */
-        "cardTitle"?: string;
+        "chooseRewardTitle"?: string;
         /**
-          * Displays the amount of times that a user has completed a repeatable task.
-          * @uiName Completed count text
-          * @uiGroup Task
-          * @uiWidget textArea
+          * @uiName Confirmation progress title
          */
-        "completedText"?: string;
+        "confirmationTitle"?: string;
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Continue button text
+         */
+        "continueText"?: string;
+        /**
+          * Displayed on the reward selection page.
+          * @uiName Continue to confirmation button text
          */
-        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
+        "continueToConfirmationText"?: string;
         /**
-          * @uiName Description
-          * @uiGroup Task
+          * Shown in the confirmation state.
+          * @uiName Cost row title
          */
-        "description"?: string;
+        "costTitle"?: string;
         /**
-          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
-          * @uiName Display duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Task
+          * @undocumented 
+          * @uiType object
          */
-        "displayDuration"?: string;
+        "demoData"?: DemoData<RewardExchangeViewProps>;
         /**
-          * Shown to users after the end of the task duration.
-          * @uiName Ended date message
-          * @uiGroup Task
+          * @uiName Done text
          */
-        "endedMessage"?: string;
+        "doneText"?: string;
         /**
-          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
-          * @uiName Task card button event key
-          * @uiGroup Button
+          * Error message shown when reward is not available
+          * @uiName Not available error
+          * @uiWidget textArea
          */
-        "eventKey"?: string;
+        "notAvailableError"?: string;
         /**
-          * Displayed when a user views a task card after the reward duration interval.
-          * @uiName Expiry date message
-          * @uiGroup Task
+          * @uiName Not enough error message
+          * @uiWidget textArea
          */
-        "expiryMessage"?: string;
+        "notEnoughError"?: string;
         /**
-          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
-          * @uiName Repeat amount
-          * @uiGroup Reward
+          * @uiName Promo code text
          */
-        "finite"?: number;
+        "promoCode"?: string;
         /**
-          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
-          * @uiName Goal completion number
-          * @uiGroup Goal
+          * Shown if an error occurs when loading the reward exchange.
+          * @uiName Reward list error message
+          * @uiWidget textArea
          */
-        "goal"?: number;
+        "queryError"?: string;
         /**
-          * @uiName Hide CTA button
-          * @uiGroup Button
+          * @uiName Redeem button text
          */
-        "hideButton"?: boolean;
+        "redeemText"?: string;
         /**
-          * Button link opens in new tab
-          * @uiName Open in new tab
-          * @uiGroup Button
-          * @default
+          * Displayed as the header for the confirmation page.
+          * @uiName Confirmation title text
          */
-        "openNewTab"?: boolean;
+        "redeemTitle"?: string;
         /**
-          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
-          * @uiName Program ID override
-          * @uiWidget programSelector
-          * @uiGroup Goal
+          * Shown if an error occurs during the reward exchange.
+          * @uiName Redemption error message
+          * @uiWidget textArea
          */
-        "programId"?: string;
+        "redemptionError"?: string;
         /**
-          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
-          * @uiName Progress bar unit
-          * @uiGroup Goal
+          * Displayed on the success screen when a user successfully exchanges for a reward.
+          * @uiName Redemption success message
+          * @uiWidget textArea
          */
-        "progressBarUnit"?: string;
+        "redemptionSuccessText"?: string;
         /**
-          * @uiName Goal repeatable
-          * @uiGroup Goal
-          * @default
+          * Shown in the confirmation state.
+          * @uiName Reward amount row title
          */
-        "repeatable"?: boolean;
+        "rewardAmountTitle"?: string;
         /**
-          * @uiName Reward amount
-          * @uiGroup Reward
+          * Shown in the confirmation state.
+          * @uiName Reward row title
          */
-        "rewardAmount"?: string;
+        "rewardNameTitle"?: string;
         /**
-          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
-          * @uiName Reward duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Reward
+          * @uiName Reward redeemed text
          */
-        "rewardDuration"?: string;
+        "rewardRedeemedText"?: string;
         /**
-          * @uiName Reward unit
-          * @uiGroup Reward
+          * @uiName Reward title text
          */
-        "rewardUnit"?: string;
+        "rewardTitle"?: string;
         /**
-          * @uiName Show progress bar
-          * @uiGroup Goal
-          * @default
+          * @uiName Select amount text
+          * @uiWidget textArea
          */
-        "showProgressBar"?: boolean;
+        "selectText"?: string;
         /**
-          * Shown to users before the start of the task duration.
-          * @uiName Start date message
-          * @uiGroup Task
+          * Set the number of placeholder cards to be shown in loading state.
+          * @uiName Loading cards
          */
-        "startsOnMessage"?: string;
+        "skeletonCardNum"?: number;
         /**
-          * Select what type of stat to display for the goal. Manual paths are also supported.
-          * @uiName Goal progress source
-          * @required 
-          * @minLength 1
-          * @uiWidget statTypeSelectWidget
-          * @uiWidgetOptions {"version": 1.1}
-          * @uiGroup Goal
+          * Displayed on the reward exchange cards.
+          * @uiName Reward exchange amount text
+          * @uiWidget textArea
          */
-        "statType"?: string;
+        "sourceAmountMessage"?: string;
         /**
-          * @uiName Progress bar steps
-          * @uiGroup Goal
-          * @default
+          * Shown when a user copies a fuel tank code
+          * @uiName Tooltip text
          */
-        "steps"?: boolean;
+        "tooltipText"?: string;
     }
-    interface SqmTaxAndCash {
+    interface SqmRewardsTable {
         /**
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UseTaxAndCashResultType>;
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Referral[] };
+  };
         /**
-          * Text inside iframe when Docusign form is compelted
-          * @uiName Docusign completed text
-          * @uiGroup Step 3 Properties
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Mobile hidden columns
          */
-        "docusignCompleted"?: string;
+        "hiddenColumns"?: string;
         /**
-          * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
-          * @uiGroup Step 1 Properties
+          * @uiName Hide column labels
          */
-        "step1_allowBankingCollection"?: string;
+        "hideLabels"?: boolean;
         /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-          * @uiGroup Step 1 Properties
+          * @uiName Tablet breakpoint
          */
-        "step1_allowBankingCollectionError"?: string;
+        "mdBreakpoint"?: number;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-          * @uiGroup Step 1 Properties
+          * @uiName View more button text
          */
-        "step1_businessEntity"?: string;
+        "moreLabel"?: string;
         /**
-          * Label text for country input
-          * @uiName Country label
-          * @uiGroup Step 1 Properties
+          * @uiName Rewards per page
          */
-        "step1_country"?: string;
+        "perPage"?: number;
         /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Previous button text
          */
-        "step1_countryError"?: string;
+        "prevLabel"?: string;
         /**
-          * Label text for currency input
-          * @uiName Currency label
-          * @uiGroup Step 1 Properties
+          * Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
+          * @uiName Program
+          * @uiWidget programSelector
          */
-        "step1_currency"?: string;
+        "programId"?: string;
         /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Mobile breakpoint
          */
-        "step1_currencyError"?: string;
+        "smBreakpoint"?: number;
+    }
+    interface SqmRewardsTableCustomerNoteCell {
+        "locale"?: string;
+        "note"?: string;
+    }
+    interface SqmRewardsTableCustomerNoteColumn {
         /**
-          * Label text for email input
-          * @uiName Email label
-          * @uiGroup Step 1 Properties
+          * @uiName Column title
          */
-        "step1_email"?: string;
+        "columnTitle"?: string;
+    }
+    interface SqmRewardsTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmRewardsTableDateColumn {
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Date column title
          */
-        "step1_emailError"?: string;
+        "columnTitle"?: string;
         /**
-          * Label text for first name input
-          * @uiName First name label
-          * @uiGroup Step 1 Properties
+          * @uiName Date displayed
+          * @uiType string
+          * @uiEnum ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"]
+          * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
          */
-        "step1_firstName"?: string;
+        "dateShown"?: string;
+    }
+    interface SqmRewardsTableRewardCell {
+        "availableText"?: string;
+        "copyText"?: string;
+        "locale"?: string;
+        "redeemedText"?: string;
+        "reward"?: Reward;
+    }
+    interface SqmRewardsTableRewardColumn {
         /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-          * @uiGroup Step 1 Properties
+          * @uiName Remaining amount text
          */
-        "step1_firstNameError"?: string;
+        "availableText"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 1 Properties
+          * @uiName Reward column title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Copied fuel tank text
          */
-        "step1_formStep"?: string;
+        "copyText"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 1 Properties
+          * @uiName Redeemed amount text
          */
-        "step1_generalErrorDescription"?: string;
+        "redeemedText"?: string;
+    }
+    interface SqmRewardsTableSourceCell {
+        "anonymousUserText"?: string;
+        "deletedUserText"?: string;
+        "locale"?: string;
+        "referralText"?: string;
+        "reward"?: Reward;
+        "rewardExchangeText"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableSourceColumn {
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 1 Properties
+          * Name displayed for unknown users
+          * @uiName Anonymous user text
          */
-        "step1_generalErrorTitle"?: string;
+        "anonymousUser"?: string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-          * @uiGroup Step 1 Properties
+          * @uiName Soruce column title
          */
-        "step1_individualParticipant"?: string;
+        "columnTitle"?: string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 1 Properties
+          * Name displayed for deleted users
+          * @uiName Deleted user text
          */
-        "step1_isPartnerAlertDescription"?: string;
+        "deletedUser"?: string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 1 Properties
+          * Shown when a reward has been created by a referral
+          * @uiName Referral text
+          * @uiWidget textArea
          */
-        "step1_isPartnerAlertHeader"?: string;
+        "referralText"?: string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
-          * @uiGroup Step 1 Properties
+          * @uiName Reward exchange label
          */
-        "step1_lastName"?: string;
+        "rewardExchangeText"?: string;
         /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-          * @uiGroup Step 1 Properties
+          * Shown when a reward has been created by a source other than a referral.
+          * @uiName Reward source text
+          * @uiWidget textArea
          */
-        "step1_lastNameError"?: string;
+        "rewardSourceText"?: string;
+    }
+    interface SqmRewardsTableStatusCell {
+        "deniedText"?: string;
+        "expiryText"?: string;
+        "locale"?: string;
+        "pendingReviewText"?: string;
+        "pendingScheduled"?: string;
+        "pendingUnhandled"?: string;
+        "pendingUsTax"?: string;
+        "reward"?: Reward;
+        "statusText"?: string;
+    }
+    interface SqmRewardsTableStatusColumn {
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-          * @uiGroup Step 1 Properties
+          * @uiName Column title
          */
-        "step1_participantType"?: string;
+        "columnTitle"?: string;
         /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-          * @uiGroup Step 1 Properties
+          * Displayed when denied for fraud.
+          * @uiName Denied text
          */
-        "step1_participantTypeError"?: string;
+        "deniedText"?: string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
-          * @uiGroup Step 1 Properties
+          * Text shown before the date of an expiring reward.
+          * @uiName Expiry date prefix
          */
-        "step1_personalInformation"?: string;
+        "expiryText"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 1 Properties
+          * Displayed when flagged for fraud.
+          * @uiName Pending review text
          */
-        "step1_submitButton"?: string;
+        "pendingReviewText"?: string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-          * @uiGroup Step 1 Properties
+          * Text shown before the available date of a pending reward.
+          * @uiName Pending date prefix
          */
-        "step1_taxAndBankingCollection"?: string;
+        "pendingScheduled"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 2 Properties
+          * Displayed when fulfillment error occured when creating a reward.
+          * @uiName Unhandled error text
          */
-        "step2_backButton"?: string;
+        "pendingUnhandled"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-          * @uiGroup Step 2 Properties
+          * Displayed when a reward is pending due to W9 compliance.
+          * @uiName W9 pending text
          */
-        "step2_formStep"?: string;
+        "pendingUsTax"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 2 Properties
+          * @uiName Reward status text
+          * @uiWidget textArea
          */
-        "step2_generalErrorDescription"?: string;
+        "statusText"?: string;
+    }
+    interface SqmRoute {
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 2 Properties
+          * Page Path URL for this route.
+          * @uiName Navigation path name
          */
-        "step2_generalErrorTitle"?: string;
+        "path"?: string;
+    }
+    interface SqmRouter {
+    }
+    interface SqmScroll {
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
-          * @uiGroup Step 2 Properties
+          * @uiName Button text
          */
-        "step2_indirectTax"?: string;
+        "buttonText"?: string;
         /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
-          * @uiGroup Step 2 Properties
+          * @uiName Button type
+          * @uiType string
+          * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
+          * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
          */
-        "step2_indirectTaxDescription"?: string;
+        "buttonType"?: | "default"
+    | "primary"
+    | "success"
+    | "neutral"
+    | "warning"
+    | "danger"
+    | "text";
         /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
-          * @uiGroup Step 2 Properties
+          * Draws a circle button.
+          * @uiName Circle
          */
-        "step2_indirectTaxDetails"?: string;
+        "circle"?: boolean;
         /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
-          * @uiGroup Step 2 Properties
+          * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
+          * @uiName Icon
          */
-        "step2_indirectTaxDetailsDescription"?: string;
+        "iconName"?: string;
         /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Icon slot
+          * @uiType string
+          * @uiEnum ["prefix", "suffix"]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "step2_indirectTaxNumber"?: string;
+        "iconSlot"?: string;
         /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
-          * @uiGroup Step 2 Properties
+          * The button becomes full width if the screen size is smaller than 500px
+          * @uiName Full width on mobile
          */
-        "step2_indirectTaxNumberError"?: string;
+        "mobile"?: boolean;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 2 Properties
+          * Draws an outlined button.
+          * @uiName Outline
          */
-        "step2_isPartnerAlertDescription"?: string;
+        "outline"?: boolean;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 2 Properties
+          * Draws a pill-style button with rounded edges.
+          * @uiName Pill
          */
-        "step2_isPartnerAlertHeader"?: string;
+        "pill"?: boolean;
         /**
-          * Label text for the QST checkbox
-          * @uiName checkbox label
-          * @uiGroup Step 2 Properties
+          * @uiName Scroll animation style
+          * @uiType string
+          * @uiEnum ["smooth", "auto"]
+          * @uiEnumNames ["Smooth", "Auto"]
          */
-        "step2_isRegisteredQST"?: string;
+        "scrollAnimation"?: "smooth" | "auto";
         /**
-          * Label text for Income Tax checkbox
-          * @uiName Income Tax checkbox label
-          * @uiGroup Step 2 Properties
+          * ID applied to the HTML tag you would like to scroll to. E.g tab-1
+          * @uiName Scroll ID
          */
-        "step2_isRegisteredSubRegionIncomeTax"?: string;
+        "scrollId"?: string;
         /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
-          * @uiGroup Step 2 Properties
+          * The name of the HTML tag you would like to scroll to. E.g referral-table
+          * @uiName Scroll tag name
          */
-        "step2_notRegistered"?: string;
+        "scrollTagName"?: string;
         /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
-          * @uiGroup Step 2 Properties
+          * @uiName Size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large"]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "step2_otherRegion"?: string;
+        "size"?: string;
+    }
+    interface SqmShareButton {
         /**
-          * Label text for the Province select input
-          * @uiName Province select input label
-          * @uiGroup Step 2 Properties
+          * @uiName Button background color
+          * @uiWidget color
+          * @format color
          */
-        "step2_province"?: string;
+        "backgroundcolor"?: string;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-          * @uiGroup Step 2 Properties
+          * Configure border radius with pixel amount
+          * @uiName Border radius
+         */
+        "borderradius"?: number;
+        /**
+          * @undocumented 
+          * @uiType object
          */
-        "step2_provinceError"?: string;
+        "demoData"?: DemoData<ShareButtonViewProps>;
         /**
-          * Label text for the QST Tax Number input
-          * @uiName QST Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Disabled
          */
-        "step2_qstNumber"?: string;
+        "disabled"?: boolean;
         /**
-          * Error text shown below the QST Tax number input
-          * @uiName QST Tax Number error text
-          * @uiGroup Step 2 Properties
+          * @uiName Hide icon
+          * @default
          */
-        "step2_qstTaxNumberError"?: string;
+        "hideicon"?: boolean;
         /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
-          * @uiGroup Step 2 Properties
+          * @uiName Hide text
+          * @default
          */
-        "step2_selectedRegion"?: string;
+        "hidetext"?: boolean;
         /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-          * @uiGroup Step 2 Properties
+          * Options available at https://shoelace.style/components/icon  Icon used in button. Will try to select an icon based on the share medium if left empty.
+          * @uiName Icon
          */
-        "step2_selectedRegionError"?: string;
+        "icon"?: string;
         /**
-          * Label text for Sub-region select
-          * @uiName for Sub-region select label
-          * @uiGroup Step 2 Properties
+          * @uiName Icon location
+          * @uiType string
+          * @uiEnum ["prefix", "suffix" ]
+          * @uiEnumNames ["Prefix", "Suffix"]
          */
-        "step2_subRegion"?: string;
+        "iconslot"?: "prefix" | "suffix";
         /**
-          * Error text shown below the Sub-region Income Tax number input
-          * @uiName Sub-region Income Tax error text
-          * @uiGroup Step 2 Properties
+          * The social medium to share on. Share messages and links will be pulled from your program config and tagged for analytics.
+          * @uiName Share medium
+          * @uiType string
+          * @required 
+          * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
+          * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
          */
-        "step2_subRegionTaxNumberError"?: string;
+        "medium"?: | "facebook"
+    | "twitter"
+    | "email"
+    | "direct"
+    | "linkedin"
+    | "sms"
+    | "fbmessenger"
+    | "whatsapp"
+    | "linemessenger"
+    | "pinterest"
+    | "reminder"
+    | "unknown";
         /**
-          * Label text for the Sub-region Income Tax Number input
-          * @uiName Sub-region income Tax Number input label
-          * @uiGroup Step 2 Properties
+          * @uiName Display pill
          */
-        "step2_subRegionTaxNumberLabel"?: string;
+        "pill"?: boolean;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 2 Properties
+          * Optional programId, or uses the programId context where this button is rendered.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step2_submitButton"?: string;
+        "programId"?: string;
         /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-          * @uiGroup Step 2 Properties
+          * Text used for native sharing (mobile only)
+          * @uiName Share text
          */
-        "step2_taxDetailsError"?: string;
+        "sharetext"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3 Properties
+          * Title used for native sharing (mobile only)
+          * @uiName Share title
          */
-        "step3_backButton"?: string;
+        "sharetitle"?: string;
         /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-          * @uiGroup Step 3 Properties
+          * @uiName Button size
+          * @uiType string
+          * @uiEnum ["small", "medium", "large" ]
+          * @uiEnumNames ["Small", "Medium", "Large"]
          */
-        "step3_banner"?: string;
+        "size"?: "small" | "medium" | "large";
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-          * @uiGroup Step 3 Properties
+          * @uiName Button text color
+          * @uiWidget color
+          * @format color
          */
-        "step3_checkboxDescription"?: string;
+        "textcolor"?: string;
         /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-          * @uiGroup Step 3 Properties
+          * @uiType string
+          * @uiName Button style
+          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
+          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
-        "step3_checkboxLabel"?: string;
+        "type"?: | "primary"
+    | "success"
+    | "info"
+    | "warning"
+    | "danger"
+    | "default"
+    | "text";
+    }
+    interface SqmShareCode {
         /**
-          * Text shown inside iframe when Docusign form expires
-          * @uiName Expired Docusign form text
-          * @uiGroup Step 3 Properties
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "step3_docusignExpired"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3 Properties
+          * @uiName Copy button label
          */
-        "step3_formStep"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-          * @uiGroup Step 3 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3_formSubmissionError"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3 Properties
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step3_generalErrorDescription"?: string;
+        "programId"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3 Properties
+          * Change the text alignment
+          * @uiName Share code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step3_generalErrorTitle"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3 Properties
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "step3_submitButton"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3 Properties
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "step3_taxForm"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmShareLink {
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
-          * @uiGroup Step 3 Properties
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
          */
-        "step3_taxFormDescription"?: string;
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
-          * @uiGroup Step 3 Properties
+          * @uiName Copy button label
          */
-        "step3_taxFormLabel"?: string;
+        "copyButtonLabel"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3b Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step3b_backButton"?: string;
+        "demoData"?: DemoData<CopyTextViewProps>;
         /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-          * @uiGroup Step 3b Properties
+          * The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
          */
-        "step3b_formLabel"?: string;
+        "programId"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3b Properties
+          * Change the text alignment
+          * @uiName Share link alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
          */
-        "step3b_formStep"?: string;
+        "textAlign"?: "left" | "center" | "right";
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3b Properties
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
          */
-        "step3b_generalErrorDescription"?: string;
+        "tooltiplifespan"?: number;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3b Properties
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
          */
-        "step3b_generalErrorTitle"?: string;
+        "tooltiptext"?: string;
+    }
+    interface SqmStatContainer {
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3b Properties
+          * @uiName Display
+          * @uiType string
+          * @uiEnum ["grid", "flex"]
+          * @uiEnumNames ["Grid", "Flex"]
          */
-        "step3b_submitButton"?: string;
+        "display"?: "grid" | "flex";
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3b Properties
+          * @uiName Space between stats
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
-        "step3b_taxForm"?: string;
+        "space"?: Spacing;
+    }
+    interface SqmStencilbook {
+    }
+    interface SqmTab {
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
-          * @uiGroup Step 3b Properties
+          * @uiName Tab title
          */
-        "step3b_w8Description"?: string;
+        "header"?: string;
+    }
+    interface SqmTableCell {
         /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
-          * @uiGroup Step 3b Properties
+          * @uiName Column span
          */
-        "step3b_w8EDescription"?: string;
+        "colspan"?: number;
         /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Padding
          */
-        "step3b_w8ELabel"?: string;
+        "padding"?: string;
+    }
+    interface SqmTableRow {
         /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Border
          */
-        "step3b_w8Label"?: string;
+        "border"?: string;
+    }
+    interface SqmTabs {
         /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
-          * @uiGroup Step 3b Properties
+          * Used to specify the placement of the tabs
+          * @uiName Tabs placement
+          * @uiType string
+          * @uiEnum ["left", "right", "bottom", "top"]
+          * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
          */
-        "step3b_w9Description"?: string;
+        "placement"?: "left" | "right" | "bottom" | "top";
+    }
+    interface SqmTaskCard {
         /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-          * @uiGroup Step 3b Properties
+          * @uiName Button link
+          * @uiGroup Button
          */
-        "step3b_w9Label"?: string;
+        "buttonLink"?: string;
         /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @uiName Button text
+          * @uiGroup Button
          */
-        "step4_badgeTextAwaitingReview"?: string;
+        "buttonText"?: string;
         /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @uiName Title
+          * @uiGroup Task
          */
-        "step4_badgeTextExpiredOn"?: string;
+        "cardTitle"?: string;
         /**
-          * Description text which appears beside badge showing the form expiring soon
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * Displays the amount of times that a user has completed a repeatable task.
+          * @uiName Completed count text
+          * @uiGroup Task
+          * @uiWidget textArea
          */
-        "step4_badgeTextExpiringSoon"?: string;
+        "completedText"?: string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * @undocumented 
+          * @uiType object
          */
-        "step4_badgeTextSubmittedOn"?: string;
+        "demoData"?: DemoData<TaskCardViewProps | BigStatViewProps>;
         /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-          * @uiGroup Step 4 Properties
+          * @uiName Description
+          * @uiGroup Task
          */
-        "step4_bankingInformationSectionHeader"?: string;
+        "description"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error text
-          * @uiGroup Step 4 Properties
+          * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
+          * @uiName Display duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Task
          */
-        "step4_generalErrorDescription"?: string;
+        "displayDuration"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error title
-          * @uiGroup Step 4 Properties
+          * Shown to users after the end of the task duration.
+          * @uiName Ended date message
+          * @uiGroup Task
          */
-        "step4_generalErrorTitle"?: string;
+        "endedMessage"?: string;
         /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-          * @uiGroup Step 4 Properties
+          * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
+          * @uiName Task card button event key
+          * @uiGroup Button
          */
-        "step4_invalidForm"?: string;
+        "eventKey"?: string;
         /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName Step 4 No form needed subtext
-          * @uiGroup Step 4 Properties
+          * Displayed when a user views a task card after the reward duration interval.
+          * @uiName Expiry date message
+          * @uiGroup Task
          */
-        "step4_newFormButton"?: string;
+        "expiryMessage"?: string;
         /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-          * @uiGroup Step 4 Properties
+          * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
+          * @uiName Repeat amount
+          * @uiGroup Reward
          */
-        "step4_noFormNeededSubtext"?: string;
+        "finite"?: number;
         /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-          * @uiGroup Step 4 Properties
+          * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
+          * @uiName Goal completion number
+          * @uiGroup Goal
          */
-        "step4_notRegisteredForTax"?: string;
+        "goal"?: number;
         /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * @uiName Hide CTA button
+          * @uiGroup Button
          */
-        "step4_statusTextActive"?: string;
+        "hideButton"?: boolean;
         /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * Button link opens in new tab
+          * @uiName Open in new tab
+          * @uiGroup Button
+          * @default
          */
-        "step4_statusTextExpired"?: string;
+        "openNewTab"?: boolean;
         /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
+          * @uiName Program ID override
+          * @uiWidget programSelector
+          * @uiGroup Goal
          */
-        "step4_statusTextNotActive"?: string;
+        "programId"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
+          * @uiName Progress bar unit
+          * @uiGroup Goal
          */
-        "step4_statusTextNotVerified"?: string;
+        "progressBarUnit"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-          * @uiGroup Step 4 Properties
+          * @uiName Goal repeatable
+          * @uiGroup Goal
+          * @default
          */
-        "step4_taxAlertHeaderExpiredOn"?: string;
+        "repeatable"?: boolean;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
-          * @uiGroup Step 4 Properties
+          * @uiName Reward amount
+          * @uiGroup Reward
          */
-        "step4_taxAlertHeaderExpiringSoon"?: string;
+        "rewardAmount"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
-          * @uiGroup Step 4 Properties
+          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
+          * @uiName Reward duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Reward
          */
-        "step4_taxAlertHeaderNotActive"?: string;
+        "rewardDuration"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
-          * @uiGroup Step 4 Properties
+          * @uiName Reward unit
+          * @uiGroup Reward
          */
-        "step4_taxAlertMessage"?: string;
+        "rewardUnit"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-          * @uiGroup Step 4 Properties
+          * @uiName Show progress bar
+          * @uiGroup Goal
+          * @default
          */
-        "step4_taxAlertMessageExpiringSoon"?: string;
+        "showProgressBar"?: boolean;
         /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-          * @uiGroup Step 4 Properties
+          * Shown to users before the start of the task duration.
+          * @uiName Start date message
+          * @uiGroup Task
          */
-        "step4_taxDocumentSectionHeader"?: string;
+        "startsOnMessage"?: string;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-          * @uiGroup Step 4 Properties
+          * Select what type of stat to display for the goal. Manual paths are also supported.
+          * @uiName Goal progress source
+          * @required 
+          * @minLength 1
+          * @uiWidget statTypeSelectWidget
+          * @uiWidgetOptions {"version": 1.1}
+          * @uiGroup Goal
          */
-        "step4_taxDocumentSectionSubHeader"?: string;
+        "statType"?: string;
         /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-          * @uiGroup Step 3 Properties
+          * @uiName Progress bar steps
+          * @uiGroup Goal
+          * @default
          */
-        "stop3NotBasedInUS"?: string;
+        "steps"?: boolean;
     }
-    interface SqmTaxAndCashMonolith {
+    interface SqmTaxAndCash {
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * Text inside iframe when Docusign form is compelted
+          * @uiName Docusign completed text
+          * @uiGroup Step 3 Properties
+         */
+        "docusignCompleted"?: string;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -9216,6 +8001,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "step3_checkboxLabel"?: string;
+        /**
+          * Text shown inside iframe when Docusign form expires
+          * @uiName Expired Docusign form text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_docusignExpired"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
@@ -9941,7 +8732,6 @@ declare namespace LocalJSX {
         "sqm-tabs": SqmTabs;
         "sqm-task-card": SqmTaskCard;
         "sqm-tax-and-cash": SqmTaxAndCash;
-        "sqm-tax-and-cash-monolith": SqmTaxAndCashMonolith;
         "sqm-tax-document-submitted": SqmTaxDocumentSubmitted;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
@@ -10050,7 +8840,6 @@ declare module "@stencil/core" {
             "sqm-tabs": LocalJSX.SqmTabs & JSXBase.HTMLAttributes<HTMLSqmTabsElement>;
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
-            "sqm-tax-and-cash-monolith": LocalJSX.SqmTaxAndCashMonolith & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashMonolithElement>;
             "sqm-tax-document-submitted": LocalJSX.SqmTaxDocumentSubmitted & JSXBase.HTMLAttributes<HTMLSqmTaxDocumentSubmittedElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 3ff34f0fca..7c572aa2fc 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -9,6 +9,7 @@ import {
   INDIRECT_TAX_SPAIN_REGIONS,
 } from "./subregions";
 import { UseUserInfoFormResult } from "./sqm-user-info-form/useUserInfoForm";
+import { DocusignStatus } from "./sqm-docusign-form/docusign-iframe/DocusignIframe";
 // import sqmUserInfoSpecs from "./sqm-tax-document-step-1.feature";
 // import sqmIndirectTaxFormSpecs from "../sqm-indirect-tax-form/sqm-indirect-tax-form.feature";
 
@@ -59,7 +60,6 @@ const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
     disabled: false,
     loading: false,
     isPartner: false,
-    errors: {},
     formState: {
       checked: undefined,
       errors: {},
@@ -122,7 +122,7 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
     },
   },
   callbacks: {
-    setDocusignStatus: (status: string) => console.log(status),
+    setDocusignStatus: (status: DocusignStatus) => console.log(status),
     toggleFormSubmitted: () => console.log("Toggle checkbox"),
     onShowDocumentType: () => console.log("To other form"),
     onSubmit: async () => console.log("submit"),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
index 0202382c3c..1c0a380afe 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
@@ -114,9 +114,5 @@ export const DocusignIframe = ({
   if (states.status === "ttl_expired")
     return <DocusignExpiredView text={text} />;
 
-  // AL: Skip to next step immediatley after states.status === "signing_complete", don't have to show Completed View
-  // if (states.status === "signing_complete")
-  //   return <DocusignCompletedView text={text} />;
-
   return <iframe src={states.url} width="100%" height="600px"></iframe>;
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index a9cb2ff1a6..1a6c8787a9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -19,7 +19,10 @@ import {
 import { useDocusignForm, UseDocusignFormResult } from "./useDocusignForm";
 import { DocusignExpiredView } from "../sqm-user-info-form/small-views/DocusignExpiredView";
 import { DocusignEmbedComponent } from "../../sqm-docusign-embed/sqm-docusign-embed";
-import { DocusignIframe } from "./docusign-iframe/DocusignIframe";
+import {
+  DocusignIframe,
+  DocusignStatus,
+} from "./docusign-iframe/DocusignIframe";
 
 /**
  * @uiName DocuSign Document Submission
@@ -183,7 +186,7 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
         disabled: false,
         submitDisabled: false,
         loading: false,
-        status: "",
+        status: undefined as DocusignStatus,
         formState: {
           completedTaxForm: true,
           taxFormExpired: true,
@@ -196,7 +199,7 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
         documentUrl: "https://example.com",
       },
       callbacks: {
-        setDocusignStatus: (status: string) => console.log(status),
+        setDocusignStatus: (status: DocusignStatus) => console.log(status),
         onShowDocumentType: () => {},
         onSubmit: async () => {},
         toggleFormSubmitted: () => {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 038d1725cc..a5f6dccb6f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -15,6 +15,7 @@ import {
   UserQuery,
 } from "../sqm-tax-and-cash/data";
 import { DocusignForm } from "./sqm-docusign-form";
+import { DocusignStatus } from "./docusign-iframe/DocusignIframe";
 
 type CreateTaxDocumentQuery = {
   createImpactPartnerTaxDocument: {
@@ -40,7 +41,8 @@ export function useDocusignForm(props: DocusignForm, el: any) {
     loading: userLoading,
     refetch,
   } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
-  const [docusignStatus, setDocusignStatus] = useState(undefined);
+  const [docusignStatus, setDocusignStatus] =
+    useState<DocusignStatus>(undefined);
 
   const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
   const [errors, setErrors] = useState({});
@@ -83,6 +85,12 @@ export function useDocusignForm(props: DocusignForm, el: any) {
     fetchDocument();
   }, [user, documentType, document]);
 
+  useEffect(() => {
+    if (docusignStatus === "signing_complete") {
+      setPath("/submitted");
+    }
+  }, [docusignStatus]);
+
   const onSubmit = async () => {
     if (!formSubmitted) {
       setErrors({ submitCheckbox: true });
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 1a3db96e86..e89ad3dfc9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -146,12 +146,8 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
     slots,
   } = props;
 
-  console.log(states, "indirect states");
-
   const { classes } = sheet;
 
-  console.log(formState.errors);
-
   return (
     <sl-form
       class={classes.FormWrapper}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 6775fd0876..b985527aed 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -201,10 +201,9 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       disabled: loading || countriesLoading || connectLoading,
       loading: loading || connectLoading || countriesLoading,
       isPartner: !!userData?.user?.impactPartner,
-      errors,
       formState: {
         checked: option,
-        errors: {},
+        errors,
       },
     },
     callbacks: {
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From ed59057898f000aa673eaa08ac53aa96607e014d Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 15 Feb 2024 10:50:11 -0800
Subject: [PATCH 200/753] Added loading and error state for Docusign form.
 Updated specs and added stories

---
 packages/mint-components/src/components.d.ts  | 68 ++++++++++++---
 .../tax-and-cash/TaxForm.stories.tsx          | 23 ++----
 .../docusign-iframe/DocusignIframe.tsx        | 57 ++++++++++++-
 .../sqm-docusign-form-view.tsx                | 82 +++++++++----------
 .../sqm-docusign-form.feature                 | 18 ++--
 .../sqm-docusign-form/sqm-docusign-form.tsx   | 12 +++
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 17 +++-
 packages/mint-components/src/index.html       |  4 +-
 8 files changed, 199 insertions(+), 82 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 767f35a25d..2a470de2da 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -401,6 +401,11 @@ export namespace Components {
           * @uiName Docusign completed text
          */
         "docusignCompleted": string;
+        /**
+          * Text inside iframe when Docusign form throws error
+          * @uiName Docusign error text
+         */
+        "docusignError": string;
         /**
           * Text inside iframe when Docusign expires
           * @uiName Docusign expired text
@@ -431,6 +436,11 @@ export namespace Components {
           * @uiName Not based in US link text
          */
         "notBasedInUS": string;
+        /**
+          * Text shown inside of refresh button
+          * @uiName Refresh button text
+         */
+        "refreshButton": string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
@@ -3022,12 +3032,6 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
-        /**
-          * Text inside iframe when Docusign form is compelted
-          * @uiName Docusign completed text
-          * @uiGroup Step 3 Properties
-         */
-        "docusignCompleted": string;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -3358,6 +3362,18 @@ export namespace Components {
           * @uiGroup Step 3 Properties
          */
         "step3_checkboxLabel": string;
+        /**
+          * Text inside iframe when Docusign form is completed
+          * @uiName Docusign completed text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_docusignCompleted": string;
+        /**
+          * Text inside iframe when Docusign form throws error
+          * @uiName Docusign error text *
+          * @uiGroup Step 3 Properties
+         */
+        "step3_docusignError": string;
         /**
           * Text shown inside iframe when Docusign form expires
           * @uiName Expired Docusign form text
@@ -3388,6 +3404,12 @@ export namespace Components {
           * @uiGroup Step 3 Properties
          */
         "step3_generalErrorTitle": string;
+        /**
+          * Text shown inside of refresh button
+          * @uiName Refresh button text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_refreshButton": string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
@@ -5676,6 +5698,11 @@ declare namespace LocalJSX {
           * @uiName Docusign completed text
          */
         "docusignCompleted"?: string;
+        /**
+          * Text inside iframe when Docusign form throws error
+          * @uiName Docusign error text
+         */
+        "docusignError"?: string;
         /**
           * Text inside iframe when Docusign expires
           * @uiName Docusign expired text
@@ -5706,6 +5733,11 @@ declare namespace LocalJSX {
           * @uiName Not based in US link text
          */
         "notBasedInUS"?: string;
+        /**
+          * Text shown inside of refresh button
+          * @uiName Refresh button text
+         */
+        "refreshButton"?: string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
@@ -8273,12 +8305,6 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
-        /**
-          * Text inside iframe when Docusign form is compelted
-          * @uiName Docusign completed text
-          * @uiGroup Step 3 Properties
-         */
-        "docusignCompleted"?: string;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -8609,6 +8635,18 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "step3_checkboxLabel"?: string;
+        /**
+          * Text inside iframe when Docusign form is completed
+          * @uiName Docusign completed text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_docusignCompleted"?: string;
+        /**
+          * Text inside iframe when Docusign form throws error
+          * @uiName Docusign error text *
+          * @uiGroup Step 3 Properties
+         */
+        "step3_docusignError"?: string;
         /**
           * Text shown inside iframe when Docusign form expires
           * @uiName Expired Docusign form text
@@ -8639,6 +8677,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "step3_generalErrorTitle"?: string;
+        /**
+          * Text shown inside of refresh button
+          * @uiName Refresh button text
+          * @uiGroup Step 3 Properties
+         */
+        "step3_refreshButton"?: string;
         /**
           * Text shown inside of submit button
           * @uiName Submit button text
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 3ff34f0fca..c5c9479ab2 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -593,27 +593,27 @@ export const StepThreeWithDocusignCompleted = () => {
   );
 };
 
-export const StepThreeDocusignWithGeneralError = () => {
+export const StepThreeDocusignWithError = () => {
   return (
     <sqm-docusign-form
       demoData={{
         states: {
           ...docusignFormProps.states,
+          docusignStatus: "exception",
           formState: {
             ...docusignFormProps.states.formState,
+            completedTaxForm: false,
             errors: {
-              general: true,
+              formSubmission: true,
             },
           },
         },
       }}
-    >
-      <div slot="docusign-iframe">Hey</div>
-    </sqm-docusign-form>
+    ></sqm-docusign-form>
   );
 };
 
-export const StepThreeDocusignWithFormSubmissionError = () => {
+export const StepThreeDocusignWithGeneralError = () => {
   return (
     <sqm-docusign-form
       demoData={{
@@ -621,16 +621,13 @@ export const StepThreeDocusignWithFormSubmissionError = () => {
           ...docusignFormProps.states,
           formState: {
             ...docusignFormProps.states.formState,
-            completedTaxForm: false,
             errors: {
-              formSubmission: true,
+              general: true,
             },
           },
         },
       }}
-    >
-      <div slot="docusign-iframe">Hey</div>
-    </sqm-docusign-form>
+    ></sqm-docusign-form>
   );
 };
 
@@ -643,9 +640,7 @@ export const StepThreeDocusignLoading = () => {
           loading: true,
         },
       }}
-    >
-      <div slot="docusign-iframe">Hey</div>
-    </sqm-docusign-form>
+    ></sqm-docusign-form>
   );
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
index 0202382c3c..aaa199838f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
@@ -16,6 +16,7 @@ export interface DocusignIframeProps {
   states: {
     url: string;
     status: DocusignStatus;
+    loading: boolean;
   };
   callbacks: {
     onStatusChange: (status: DocusignStatus) => void;
@@ -23,6 +24,8 @@ export interface DocusignIframeProps {
   text: {
     docusignExpired: string;
     docusignCompleted: string;
+    docusignError: string;
+    refreshButton: string;
   };
 }
 
@@ -40,6 +43,9 @@ const style = {
     border: "1px solid var(--sl-color-gray-200)",
     justifyContent: "center",
   },
+  MessageContainer: {
+    maxWidth: "400px",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -62,7 +68,52 @@ export const DocusignExpiredView = (props: {
           }}
           name="clock"
         ></sl-icon>
-        <p style={{ margin: "0" }}>{text.docusignExpired}</p>
+        <div class={classes.MessageContainer}>
+          <p style={{ margin: "0" }}>{text.docusignExpired}</p>
+        </div>
+        <sl-button type="primary" onClick={() => window.location.reload()}>
+          {text.refreshButton}
+        </sl-button>
+      </div>
+    </div>
+  );
+};
+
+export const DocusignErrorView = (props: {
+  text: DocusignIframeProps["text"];
+}) => {
+  const { classes } = sheet;
+  const { text } = props;
+  return (
+    <div>
+      <style type="text/css">{styleString}</style>
+      <div class={classes.DocusignStatusContainer}>
+        <sl-icon
+          style={{
+            width: "50px",
+            height: "50px",
+            color: "var(--sl-color-red-600)",
+          }}
+          name="exclamation-octagon"
+        ></sl-icon>
+        <div class={classes.MessageContainer}>
+          <p style={{ margin: "0" }}>{text.docusignError}</p>
+        </div>
+        <sl-button type="primary" onClick={() => window.location.reload()}>
+          {text.refreshButton}
+        </sl-button>
+      </div>
+    </div>
+  );
+};
+
+export const DocusignLoadingView = () => {
+  const { classes } = sheet;
+  return (
+    <div>
+      <style type="text/css">{styleString}</style>
+      <div class={classes.DocusignStatusContainer}>
+        <sl-spinner style={{ fontSize: "50px", margin: "40px" }}></sl-spinner>
       </div>
     </div>
   );
@@ -96,6 +147,8 @@ export const DocusignIframe = ({
   callbacks,
   text,
 }: DocusignIframeProps) => {
+  if (states.loading) return <DocusignLoadingView />;
+
   const callback = useCallback((e) => {
     // TODO: CHANGE THIS WHEN ACTUAL URL IS AVAILABLE
     if (e.origin !== "https://staging.referralsaasquatch.com") return;
@@ -111,6 +164,8 @@ export const DocusignIframe = ({
     };
   }, []);
 
+  if (states.status === "exception") return <DocusignErrorView text={text} />;
+
   if (states.status === "ttl_expired")
     return <DocusignExpiredView text={text} />;
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index beb8a2b4d4..ed178edcb9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -2,7 +2,6 @@ import { VNode, h } from "@stencil/core";
 import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
 import { TaxDocumentType } from "../sqm-tax-and-cash/data";
-import { useState } from "@saasquatch/universal-hooks";
 
 export interface DocusignFormViewProps {
   states: {
@@ -92,6 +91,10 @@ const style = {
     "&::part(base)": {
       color: "var(--sl-color-gray-800) !important",
     },
+    "&::part(label)": {
+      padding: "0px",
+      margin: "0px",
+    },
   },
   ErrorAlertContainer: {
     "&::part(base)": {
@@ -222,38 +225,33 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
         </p>
       </div>
 
-      {states.loading ? (
-        <sl-spinner style={{ fontSize: "50px", margin: "40px" }}></sl-spinner>
-      ) : (
-        <div>
-          <sl-alert
-            exportparts="base: alert-base, icon:alert-icon"
-            type="primary"
-            open
-            class={classes.InfoAlert}
+      <div>
+        <sl-alert
+          exportparts="base: alert-base, icon:alert-icon"
+          type="primary"
+          open
+          class={classes.InfoAlert}
+        >
+          <sl-icon slot="icon" name="info-circle"></sl-icon>
+          {text.banner}
+        </sl-alert>
+        {slots.docusignIframeSlot}
+        {/* <div>
+          <p class={classes.BoldText}>{text.checkboxLabel}</p>
+          <sl-checkbox
+            disabled={states.disabled}
+            checked={formState.completedTaxForm}
+            onSl-change={callbacks.toggleFormSubmitted}
           >
-            <sl-icon slot="icon" name="info-circle"></sl-icon>
-            {text.banner}
-          </sl-alert>
-          {slots.docusignIframeSlot}
-          <br />
-          <br />
-          <div>
-            <p class={classes.BoldText}>{text.checkboxLabel}</p>
-            <sl-checkbox
-              disabled={states.disabled}
-              checked={formState.completedTaxForm}
-              onSl-change={callbacks.toggleFormSubmitted}
-            >
-              {text.checkboxDescription}
-            </sl-checkbox>
-            {formState.errors?.formSubmission && (
-              <p class={classes.ErrorText}>{text.error.formSubmission}</p>
-            )}
-          </div>
+            {text.checkboxDescription}
+          </sl-checkbox>
+          {formState.errors?.formSubmission && (
+            <p class={classes.ErrorText}>{text.error.formSubmission}</p>
+          )}
+        </div> */}
 
-          <div class={classes.BtnContainer}>
-            {/* <sl-button
+        <div class={classes.BtnContainer}>
+          {/* <sl-button
               type="primary"
               loading={states.loading}
               disabled={states.submitDisabled}
@@ -263,19 +261,17 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             >
               {text.submitButton}
             </sl-button> */}
-            <sl-button
-              class={classes.SecondaryBtn}
-              type="text"
-              loading={states.loading}
-              disabled={states.loading}
-              onClick={callbacks.onBack}
-              exportparts="base: secondarybutton-base"
-            >
-              {text.backButton}
-            </sl-button>
-          </div>
+          <sl-button
+            class={classes.SecondaryBtn}
+            type="text"
+            disabled={states.loading || states.disabled}
+            onClick={callbacks.onBack}
+            exportparts="base: secondarybutton-base"
+          >
+            {text.backButton}
+          </sl-button>
         </div>
-      )}
+      </div>
     </div>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index f02fe30ed6..c0045cbb16 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -36,10 +36,10 @@ Feature: Docusign Form
     And they press "Continue" or refresh the page
     Then they will be directed to the Document Submitted page
 
-  @minutia
+  @minutia @ui
   Scenario: Docusign iframe is loading
     When the Docusign iframe is loading the Tax Form
-    Then the iframe displays a Docusign APIs loader
+    Then the iframe displays a spinnder inside the igrame
     When the Docusign iframe loads in the Tax Form
     Then the loader dissapers and the participant can see the Tax Form
 
@@ -49,7 +49,7 @@ Feature: Docusign Form
     And submit the form
     Then they are redirected to step 4
 
-  @minutia
+  @minutia @ui
   Scenario: Participant's Docusign session expires
     When they have the Docusign form open in the iframe
     And they do not interact with the iframe for more than 20 minutes
@@ -59,13 +59,15 @@ Feature: Docusign Form
     And a refresh page button appears inside the iframe
     And they must press the button to restart the Docusign process
 
+  @minutia @ui
+  Scenario: Docusign iframe throws an error
+    When the Docusign iframe throws an error
+    Then an error icon and message show in the iframe
+    And a "Refresh Page" button appears
+    And the participant presses the refresh button
+
   @minutia
   Scenario: Participant decides to go back to step 2
     When they press the Back button
     Then the they are sent back to step 2
     And they arrive at the step 2 form with original information initially submitted
-
-  @minutia
-  Scenario: Docusign iframe Fails to load
-    When the Docusign iframe does not load the form successfully
-    Then inside the iframe will display a failed to load error
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index a9cb2ff1a6..8938a3dcbc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -88,6 +88,17 @@ export class DocusignForm {
    */
   @Prop() docusignCompleted: string =
     "Your document has been completed and submitted.";
+  /**
+   * Text inside iframe when Docusign form throws error
+   * @uiName Docusign error text
+   */
+  @Prop() docusignError: string =
+    "There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support.";
+  /**
+   * Text shown inside of refresh button
+   * @uiName Refresh button text
+   */
+  @Prop() refreshButton: string = "Refresh Page";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
@@ -161,6 +172,7 @@ export class DocusignForm {
                 states={{
                   url: props.data.documentUrl,
                   status: props.states.docusignStatus,
+                  loading: props.states.loading,
                 }}
                 callbacks={{
                   onStatusChange: props.callbacks.setDocusignStatus,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index d9ad3ce631..a9d5b2b5da 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -423,12 +423,25 @@ export class TaxAndCashMonolith {
   @Prop() step3_docusignExpired: string =
     "For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.";
   /**
-   * Text inside iframe when Docusign form is compelted
+   * Text inside iframe when Docusign form is completed
    * @uiName Docusign completed text
    * @uiGroup Step 3 Properties
    */
-  @Prop() docusignCompleted: string =
+  @Prop() step3_docusignCompleted: string =
     "Your document has been completed and submitted.";
+  /**
+   * Text inside iframe when Docusign form throws error
+   * @uiName Docusign error text
+   * * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_docusignError: string =
+    "There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support.";
+  /**
+   * Text shown inside of refresh button
+   * @uiName Refresh button text
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_refreshButton: string = "Refresh Page";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From fd5901c6960374f3e318c0bb41c4b2fcd700b2a9 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 10:55:16 -0800
Subject: [PATCH 201/753] added multiple inputs for bank address

---
 .../sqm-banking-info-form.tsx                     | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index b258a107ce..bae8074c19 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -112,8 +112,19 @@ export class BankingInfoForm {
         input: <sl-input name="/agencyCode" type="text"></sl-input>,
       },
       12: {
-        label: "BANKADDRESS",
-        input: <sl-input name="/bankAddress" type="text"></sl-input>,
+        label: "",
+        input: (
+          <div>
+            <label htmlFor="/bankAddress">bankAddres</label>
+            <sl-input name="/bankAddress" type="text"></sl-input>
+            <label htmlFor="/bankCity">bankCity</label>
+            <sl-input name="/bankCity" type="text"></sl-input>
+            <label htmlFor="/bankProvinceState">bankProvinceState</label>
+            <sl-input name="/bankProvinceState" type="text"></sl-input>
+            <label htmlFor="/bankPostalCode">bankPostalCode</label>
+            <sl-input name="/bankPostalCode" type="text"></sl-input>
+          </div>
+        ),
       },
       13: {
         label: "BRANCHCODE",

From 89d47e1797d6225e1a5602f63be0bdb2117cc3f8 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 10:58:14 -0800
Subject: [PATCH 202/753] added dropdowns

---
 .../sqm-banking-info-form.tsx                   | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index bae8074c19..7f35d4d47c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -90,13 +90,20 @@ export class BankingInfoForm {
       7: {
         label: "CLASSIFICATION_ENTITY",
         input: (
-          <sl-input name="/beneficiaryClassification" type="text"></sl-input>
+          <sl-select name="/beneficiaryClassification">
+            <sl-menu-item value="BUSINESS">BUSINESS</sl-menu-item>
+            <sl-menu-item value="INDIVIDUAL">INDIVIDUAL</sl-menu-item>
+            <sl-menu-item value="FOREIGN">FOREIGN</sl-menu-item>
+          </sl-select>
         ),
       },
       8: {
         label: "CLASSIFICATION_CPF",
         input: (
-          <sl-input name="/beneficiaryClassification" type="text"></sl-input>
+          <sl-select name="/beneficiaryClassification">
+            <sl-menu-item value="CPF">CPF</sl-menu-item>
+            <sl-menu-item value="CNPJ">CNPJ</sl-menu-item>
+          </sl-select>
         ),
       },
       9: {
@@ -133,7 +140,11 @@ export class BankingInfoForm {
       14: {
         label: "CLASSIFICATION",
         input: (
-          <sl-input name="/beneficiaryClassification" type="text"></sl-input>
+          <sl-select name="/beneficiaryClassification">
+            <sl-menu-item value="BUSINESS">BUSINESS</sl-menu-item>
+            <sl-menu-item value="INDIVIDUAL">INDIVIDUAL</sl-menu-item>
+            <sl-menu-item value="FOREIGN">FOREIGN</sl-menu-item>
+          </sl-select>
         ),
       },
     };

From 88d98af34e3d5950e6f3dba1fbb4d96b5085ee54 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 11:01:14 -0800
Subject: [PATCH 203/753] woops

---
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 8655f4e6de..477c1dd368 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -122,8 +122,8 @@ export function useTaxAndCash() {
       const user = data?.user;
       if (!user || step !== "/loading") return;
 
-      // const currentStep = getCurrentStep(user);
-      setStep("/4");
+      const currentStep = getCurrentStep(user);
+      setStep(currentStep);
     }
   }, [host, user, data?.user?.email]);
 

From 775fabb551e02f6805ef688e6b3e11dadcd15026 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 15 Feb 2024 11:19:13 -0800
Subject: [PATCH 204/753] better state handling for docusign

---
 .../docusign-iframe/DocusignIframe.tsx        |  3 ++-
 .../sqm-docusign-form/useDocusignForm.tsx     | 20 ++++++++++++++++++-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  1 +
 3 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
index 1c0a380afe..2e4e77a47a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../../styling/JSS";
 import { useCallback, useEffect } from "@saasquatch/universal-hooks";
+import { DOCUSIGN_EXPIRED_STATES } from "../useDocusignForm";
 
 export type DocusignStatus =
   | "ttl_expired"
@@ -111,7 +112,7 @@ export const DocusignIframe = ({
     };
   }, []);
 
-  if (states.status === "ttl_expired")
+  if (DOCUSIGN_EXPIRED_STATES.includes(states.status))
     return <DocusignExpiredView text={text} />;
 
   return <iframe src={states.url} width="100%" height="600px"></iframe>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index a5f6dccb6f..33e8825ca4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -32,6 +32,15 @@ const GET_TAX_DOCUMENT = gql`
   }
 `;
 
+export const DOCUSIGN_ERROR_STATES = [
+  "exception",
+  "decline",
+  "cancel",
+  "fax_pending",
+];
+export const DOCUSIGN_EXPIRED_STATES = ["ttl_expired", "session_timeout"];
+export const DOCUSIGN_SUCCESS_STATES = ["signing_complete", "viewing_complete"];
+
 export function useDocusignForm(props: DocusignForm, el: any) {
   const user = useUserIdentity();
   const [path, setPath] = useParent<string>(TAX_CONTEXT_NAMESPACE);
@@ -86,9 +95,18 @@ export function useDocusignForm(props: DocusignForm, el: any) {
   }, [user, documentType, document]);
 
   useEffect(() => {
-    if (docusignStatus === "signing_complete") {
+    // Handled in view
+    if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) return;
+
+    if (DOCUSIGN_SUCCESS_STATES.includes(docusignStatus)) {
       setPath("/submitted");
     }
+
+    if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) {
+      setErrors({
+        docusign: true,
+      });
+    }
   }, [docusignStatus]);
 
   const onSubmit = async () => {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 8655f4e6de..40cd405338 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -123,6 +123,7 @@ export function useTaxAndCash() {
       if (!user || step !== "/loading") return;
 
       // const currentStep = getCurrentStep(user);
+      // setStep(currentStep);
       setStep("/4");
     }
   }, [host, user, data?.user?.email]);

From 66722c0857e67597a3c3a57c6a7e51c62e5cf2b4 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 11:26:08 -0800
Subject: [PATCH 205/753] added country dropdown

---
 .../sqm-banking-info-form-view.tsx             |  2 ++
 .../sqm-banking-info-form.tsx                  | 14 +++++++++++++-
 .../useBankingInfoForm.tsx                     | 18 +++++++++++++++---
 3 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 377e40e2d5..9e0d3b4394 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -13,6 +13,7 @@ export interface BankingInfoFormViewProps {
   };
   slots: {
     formInputsSlot?: any;
+    countryInputSlot?: any;
   };
   callbacks: {
     onSubmit: (props: any) => Promise<void>;
@@ -198,6 +199,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
               >
                 {text.directlyToBankAccount}
               </sl-checkbox>
+              {slots.countryInputSlot}
               {formState.checked === "toBankAccount" && slots.formInputsSlot}
               <sl-checkbox
                 class={classes.Checkbox}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 7f35d4d47c..30afbe27d1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -4,7 +4,7 @@ import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { BankingInfoFormView } from "./sqm-banking-info-form-view";
-import { getIndex, useBankingInfoForm } from "./useBankingInfoForm";
+import { useBankingInfoForm } from "./useBankingInfoForm";
 
 /**
  * @uiName Banking Information Form
@@ -182,6 +182,18 @@ export class BankingInfoForm {
                 </label>
               );
             }),
+            countryInputSlot: (
+              <label htmlFor="/country">
+                <sl-select name="/country">
+                  <sl-menu-item value="CA">Canada</sl-menu-item>
+                  <sl-menu-item value="US">United States</sl-menu-item>
+                  <sl-menu-item value="ES">Spain</sl-menu-item>
+                  <sl-menu-item value="IE">Ireland</sl-menu-item>
+                  <sl-menu-item value="GB">United Kingdom</sl-menu-item>
+                  <sl-menu-item value="JP">Japan</sl-menu-item>
+                </sl-select>
+              </label>
+            ),
           }}
         />
       </Host>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 37b9ef0cc7..2f723a4b02 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -4,9 +4,21 @@ import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import { BankingInfoForm } from "./sqm-banking-info-form";
 import JSONPointer from "jsonpointer";
 
-export function getIndex(binary, idx) {
-  return binary.length - idx - 1;
-}
+export const paypalFeeMap = {
+  USD: 20,
+  GBP: 30,
+  EUR: 35,
+  AUD: 60,
+  CAD: 50,
+  NZD: 60,
+  HKD: 320,
+  DKK: 250,
+  ILS: 160,
+  MXN: 600,
+  RUB: 1200,
+  PHP: 2000,
+  JPY: 2000,
+};
 
 export function useBankingInfoForm(props: BankingInfoForm) {
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);

From 548295ddaa3dfe7388a944afedc36ffa0f43acc6 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 15 Feb 2024 11:46:22 -0800
Subject: [PATCH 206/753] Add more stories

---
 .../sqm-stencilbook/sqm-stencilbook.tsx       |   2 +
 .../tax-and-cash/BankingForm.stories.tsx      | 114 ++++++++++++++++++
 .../sqm-banking-info-form.tsx                 |  14 ++-
 packages/mint-components/src/index.html       |   4 +-
 4 files changed, 127 insertions(+), 7 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx

diff --git a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
index 659367aba0..a9286825ca 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
+++ b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
@@ -80,6 +80,7 @@ import * as TaxFormSlots from "../tax-and-cash/sqm-user-info-form/small-views/Sl
 import * as RadioCard from "../sqm-radio-card/RadioCard.stories";
 import * as ProgressBar from "../sqm-task-card/progress-bar/ProgressBar.stories";
 import * as PayoutDetailsCard from "../tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories";
+import * as BankingInfoForm from "../tax-and-cash/BankingForm.stories";
 
 import * as Themes from "./Themes";
 import { CucumberAddon } from "./CucumberAddon";
@@ -166,6 +167,7 @@ const stories = [
   ProgressBar,
   TaxFormSlots,
   PayoutDetailsCard,
+  BankingInfoForm,
 ];
 
 /**
diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
new file mode 100644
index 0000000000..24504f647d
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -0,0 +1,114 @@
+import { h } from "@stencil/core";
+
+export default {
+  title: "Components/Banking Information Form",
+};
+
+const bankingFormProps = {
+  states: {
+    hideSteps: false,
+    disabled: false,
+    loading: false,
+    formState: {
+      checked: "toBankAccount",
+    },
+  },
+  demo: {
+    bitset: 39,
+  },
+  callbacks: {
+    onSubmit: async () => console.log("Submit"),
+    onChange: () => console.log("Submit"),
+  },
+  slotProps: {
+    formState: {
+      errors: {},
+    },
+  },
+  refs: { formRef: { current: null } },
+};
+export const BankingInfoFormDefault = () => {
+  return <sqm-banking-info-form></sqm-banking-info-form>;
+};
+
+export const BankingInfoFormCountryUSCurrencyUSD = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        demo: {
+          bitset: 39,
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
+export const BankingInfoFormCountryUSCurrencyGBP = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        demo: {
+          bitset: 33,
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
+export const BankingInfoFormCountryCanadaCurrencyCAD = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        demo: {
+          bitset: 37,
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
+export const BankingInfoFormCountryCanadaCurrencyUSD = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        demo: {
+          bitset: 21,
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
+export const BankingInfoFormCountrySpainCurrencyUSD = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        demo: {
+          bitset: 25,
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
+export const BankingInfoFormPaypalChecked = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        states: {
+          ...bankingFormProps.states,
+          formState: {
+            ...bankingFormProps.states.formState,
+            checked: "toPaypalAccount",
+          },
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 30afbe27d1..f78584b36b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -4,7 +4,8 @@ import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { BankingInfoFormView } from "./sqm-banking-info-form-view";
-import { useBankingInfoForm } from "./useBankingInfoForm";
+import { getIndex, useBankingInfoForm } from "./useBankingInfoForm";
+import { isDemo } from "@saasquatch/component-boilerplate";
 
 /**
  * @uiName Banking Information Form
@@ -49,11 +50,11 @@ export class BankingInfoForm {
   }
 
   render() {
-    // const props = isDemo()
-    //   ? useDemoBankingInfoForm(this)
-    //   : useBankingInfoForm(getProps(this));
+    const props = isDemo()
+      ? useDemoBankingInfoForm(this)
+      : useBankingInfoForm(getProps(this));
 
-    const props = useBankingInfoForm(getProps(this));
+    // const props = useBankingInfoForm(getProps(this));
 
     console.log({ props });
 
@@ -217,6 +218,9 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
           },
         },
       },
+      demo: {
+        bitset: 39,
+      },
       callbacks: {
         onSubmit: async () => {},
         onChange: setOption,
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From 7fdff72d39ef5aa86f4c8d6d056f574187a85b0f Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 15 Feb 2024 11:54:37 -0800
Subject: [PATCH 207/753] added error state handling, updated specs

---
 .../docusign-iframe/DocusignIframe.tsx           |  9 ++++++++-
 .../sqm-docusign-form/sqm-docusign-form.feature  | 16 ++++++++++++----
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
index 9a9c2f91e1..ef9d051e6e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
@@ -1,7 +1,10 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../../styling/JSS";
 import { useCallback, useEffect } from "@saasquatch/universal-hooks";
-import { DOCUSIGN_EXPIRED_STATES } from "../useDocusignForm";
+import {
+  DOCUSIGN_EXPIRED_STATES,
+  DOCUSIGN_ERROR_STATES,
+} from "../useDocusignForm";
 
 export type DocusignStatus =
   | "ttl_expired"
@@ -165,6 +168,10 @@ export const DocusignIframe = ({
     };
   }, []);
 
+  if (DOCUSIGN_ERROR_STATES.includes(states.status)) {
+    return <DocusignErrorView text={text} />;
+  }
+
   if (DOCUSIGN_EXPIRED_STATES.includes(states.status))
     return <DocusignExpiredView text={text} />;
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index c0045cbb16..54f9fbd264 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -46,14 +46,18 @@ Feature: Docusign Form
   @minutia
   Scenario: Participant completes Docusign form
     When they fillout and complete the Docusign form inside the iframe
-    And submit the form
+    Then the Docusign iframe session completes with one of the following success statuses:
+      | signing_complete |
+      | viewing_complete |
     Then they are redirected to step 4
 
   @minutia @ui
   Scenario: Participant's Docusign session expires
     When they have the Docusign form open in the iframe
     And they do not interact with the iframe for more than 20 minutes
-    Then the Docusign iframe session expires
+    Then the Docusign iframe session expires with one of the following expirey statuses:
+      | session_timeout |
+      | ttl_expired     |
     And the Tax Form dissapers
     Then they see a Docusign expired session notification inside the iframe
     And a refresh page button appears inside the iframe
@@ -61,10 +65,14 @@ Feature: Docusign Form
 
   @minutia @ui
   Scenario: Docusign iframe throws an error
-    When the Docusign iframe throws an error
+    When the Docusign iframe throws one of the following error statuses:
+      | exception   |
+      | decline     |
+      | cancel      |
+      | fax_pending |
     Then an error icon and message show in the iframe
     And a "Refresh Page" button appears
-    And the participant presses the refresh button
+    And the participant must press the refresh button to continue
 
   @minutia
   Scenario: Participant decides to go back to step 2

From d37d5269e7623131f85742c408f42cb7c5d1831e Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 15 Feb 2024 13:47:25 -0800
Subject: [PATCH 208/753] Updated badge colors in document submitted

---
 .../tax-and-cash/TaxForm.stories.tsx          |  4 +--
 .../sqm-tax-document-submitted-view.tsx       | 30 +++++++++++++++++--
 2 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 9972428969..2a20a76639 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -551,9 +551,7 @@ export const StepThreeWithDocusign = () => {
           ...docusignFormProps.states,
         },
       }}
-    >
-      <div slot="docusign-iframe">hey</div>
-    </sqm-docusign-form>
+    ></sqm-docusign-form>
   );
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 391ea548ee..153a7b2adf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -127,6 +127,18 @@ const style = {
       padding: "var(--sl-spacing-x-small)",
     },
   },
+  SuccessBadgeContainer: {
+    "&::part(base)": {
+      backgroundColor: "#57AC59",
+      padding: "var(--sl-spacing-x-small)",
+    },
+  },
+  CriticalBadgeContainer: {
+    "&::part(base)": {
+      backgroundColor: "#E63717",
+      padding: "var(--sl-spacing-x-small)",
+    },
+  },
   NewFormButton: {
     marginTop: "var(--sl-spacing-large)",
     maxWidth: "179px",
@@ -203,7 +215,11 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
     ),
     ACTIVE: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
-        <sl-badge type="success" pill class={sheet.classes.BadgeContainer}>
+        <sl-badge
+          type="success"
+          pill
+          class={sheet.classes.SuccessBadgeContainer}
+        >
           {text.statusTextActive}
         </sl-badge>
         <p>
@@ -230,7 +246,11 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
     ),
     NOT_ACTIVE: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
-        <sl-badge type="danger" pill class={sheet.classes.BadgeContainer}>
+        <sl-badge
+          type="danger"
+          pill
+          class={sheet.classes.CriticalBadgeContainer}
+        >
           {text.statusTextNotActive}
         </sl-badge>
         <p>{text.invalidForm}</p>
@@ -238,7 +258,11 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
     ),
     EXPIRED: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
-        <sl-badge type="danger" pill class={sheet.classes.BadgeContainer}>
+        <sl-badge
+          type="danger"
+          pill
+          class={sheet.classes.CriticalBadgeContainer}
+        >
           {text.statusTextExpired}
         </sl-badge>
         <p>

From e56a210d01b50b7ae5fb8bf80ec2efee2491f80a Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 15 Feb 2024 14:14:48 -0800
Subject: [PATCH 209/753] hide back button in docusign step

---
 packages/mint-components/package.json         |  2 +-
 .../components/sqm-docusign-embed/readme.md   | 13 -------
 .../src/components/sqm-stencilbook/readme.md  |  2 +
 .../tax-and-cash/TaxForm.stories.tsx          |  1 +
 .../sqm-banking-info-form/readme.md           | 30 +++++++++++++--
 .../tax-and-cash/sqm-docusign-form/readme.md  | 34 +++++++++--------
 .../sqm-docusign-form-view.tsx                | 37 ++++++++-----------
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  5 +--
 .../sqm-docusign-form/useDocusignForm.tsx     |  5 ++-
 .../sqm-indirect-tax-form/readme.md           |  2 +-
 .../useIndirectTaxForm.tsx                    | 24 ++++++++----
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  6 ++-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  7 ++--
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 14 ++++---
 14 files changed, 102 insertions(+), 80 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 7309ce7519..f2147366c2 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-27",
+  "version": "1.8.0-28",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-docusign-embed/readme.md b/packages/mint-components/src/components/sqm-docusign-embed/readme.md
index 51d7f218b3..a4ac1bd651 100644
--- a/packages/mint-components/src/components/sqm-docusign-embed/readme.md
+++ b/packages/mint-components/src/components/sqm-docusign-embed/readme.md
@@ -19,19 +19,6 @@
 | `docusignEvent` |             | `CustomEvent<{ status: string; }>` |
 
 
-## Dependencies
-
-### Used by
-
- - [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
-
-### Graph
-```mermaid
-graph TD;
-  sqm-tax-and-cash --> sqm-docusign-embed
-  style sqm-docusign-embed fill:#f9f,stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/sqm-stencilbook/readme.md b/packages/mint-components/src/components/sqm-stencilbook/readme.md
index 1e68841085..f1c2a52a5e 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/readme.md
+++ b/packages/mint-components/src/components/sqm-stencilbook/readme.md
@@ -79,6 +79,7 @@
 - [sqm-indirect-tax-form](../tax-and-cash/sqm-indirect-tax-form)
 - [sqm-docusign-form](../tax-and-cash/sqm-docusign-form)
 - [sqm-document-type-form](../tax-and-cash/sqm-document-type-form)
+- [sqm-banking-info-form](../tax-and-cash/sqm-banking-info-form)
 - [sqm-tax-document-submitted](../tax-and-cash/sqm-tax-document-submitted)
 
 ### Graph
@@ -154,6 +155,7 @@ graph TD;
   sqm-stencilbook --> sqm-indirect-tax-form
   sqm-stencilbook --> sqm-docusign-form
   sqm-stencilbook --> sqm-document-type-form
+  sqm-stencilbook --> sqm-banking-info-form
   sqm-stencilbook --> sqm-tax-document-submitted
   sqm-empty --> sqm-portal-container
   sqm-empty --> sqm-image
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 7c572aa2fc..5e8fde3e45 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -120,6 +120,7 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
       completedTaxForm: true,
       taxFormExpired: false,
     },
+    hideBackButton: false,
   },
   callbacks: {
     setDocusignStatus: (status: DocusignStatus) => console.log(status),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 95a99f159e..d1dc72a247 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -7,10 +7,32 @@
 
 ## Properties
 
-| Property   | Attribute | Description | Type                                                              | Default     |
-| ---------- | --------- | ----------- | ----------------------------------------------------------------- | ----------- |
-| `demoData` | --        |             | `{ loading?: boolean; loadingText?: string; username?: string; }` | `undefined` |
-
+| Property                   | Attribute                     | Description | Type                                      | Default                                                                                 |
+| -------------------------- | ----------------------------- | ----------- | ----------------------------------------- | --------------------------------------------------------------------------------------- |
+| `demoData`                 | --                            |             | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                             |
+| `directlyToBankAccount`    | `directly-to-bank-account`    |             | `string`                                  | `"Directly to my bank account"`                                                         |
+| `formStep`                 | `form-step`                   |             | `string`                                  | `"Step 4 of 4"`                                                                         |
+| `paymentMethod`            | `payment-method`              |             | `string`                                  | `"Payment Method"`                                                                      |
+| `submitButton`             | `submit-button`               |             | `string`                                  | `"Save"`                                                                                |
+| `taxAndPayouts`            | `tax-and-payouts`             |             | `string`                                  | `"Tax and Payouts"`                                                                     |
+| `taxAndPayoutsDescription` | `tax-and-payouts-description` |             | `string`                                  | `"Submit your tax documents and add your banking information to receive your rewards."` |
+| `toPaypalAccount`          | `to-paypal-account`           |             | `string`                                  | `"To my PayPal account"`                                                                |
+
+
+## Dependencies
+
+### Used by
+
+ - [sqm-stencilbook](../../sqm-stencilbook)
+ - [sqm-tax-and-cash](../sqm-tax-and-cash)
+
+### Graph
+```mermaid
+graph TD;
+  sqm-stencilbook --> sqm-banking-info-form
+  sqm-tax-and-cash --> sqm-banking-info-form
+  style sqm-banking-info-form fill:#f9f,stroke:#333,stroke-width:4px
+```
 
 ----------------------------------------------
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index 26f238a7a3..d4b59fc823 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,22 +7,24 @@
 
 ## Properties
 
-| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                                                            | Default                                                                                                               |
-| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
-| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                              |
-| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                        | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."` |
-| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                        | `"I have completed and submitted my tax form"`                                                                        |
-| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                        | `"Form submission"`                                                                                                   |
-| `demoData`                | --                          |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; submitDisabled: boolean; loading: boolean; formState: { completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; documentType: TaxDocumentType; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                           |
-| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                        | `"Step 3 of 4"`                                                                                                       |
-| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                        | `"This field is required"`                                                                                            |
-| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                         |
-| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                   |
-| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                        | `"Not based in the US?"`                                                                                              |
-| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                          |
-| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                        | `"Tax form"`                                                                                                          |
-| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                        | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`            |
-| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                        | `"{documentType} Tax Form"`                                                                                           |
+| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                            |
+| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                           |
+| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                        | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
+| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                        | `"I have completed and submitted my tax form"`                                                                                                                     |
+| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                        | `"Form submission"`                                                                                                                                                |
+| `demoData`                | --                          |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; submitDisabled: boolean; loading: boolean; formState: { completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
+| `docusignCompleted`       | `docusign-completed`        | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                        | `"Your document has been completed and submitted."`                                                                                                                |
+| `docusignExpired`         | `docusign-expired`          | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                        | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
+| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                        | `"Step 3 of 4"`                                                                                                                                                    |
+| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                        | `"This field is required"`                                                                                                                                         |
+| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
+| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                                                                |
+| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                        | `"Not based in the US?"`                                                                                                                                           |
+| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                                                                       |
+| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                        | `"Tax form"`                                                                                                                                                       |
+| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                        | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                         |
+| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                        | `"{documentType} Tax Form"`                                                                                                                                        |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index beb8a2b4d4..c94f0f809e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -16,6 +16,7 @@ export interface DocusignFormViewProps {
       errors?: any;
     };
     documentType: TaxDocumentType;
+    hideBackButton: boolean;
   };
   slots: {
     docusignExpiredSlot?: VNode;
@@ -252,28 +253,20 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             )}
           </div>
 
-          <div class={classes.BtnContainer}>
-            {/* <sl-button
-              type="primary"
-              loading={states.loading}
-              disabled={states.submitDisabled}
-              submit
-              onClick={callbacks.onSubmit}
-              exportparts="base: primarybutton-base"
-            >
-              {text.submitButton}
-            </sl-button> */}
-            <sl-button
-              class={classes.SecondaryBtn}
-              type="text"
-              loading={states.loading}
-              disabled={states.loading}
-              onClick={callbacks.onBack}
-              exportparts="base: secondarybutton-base"
-            >
-              {text.backButton}
-            </sl-button>
-          </div>
+          {states.hideBackButton && (
+            <div class={classes.BtnContainer}>
+              <sl-button
+                class={classes.SecondaryBtn}
+                type="text"
+                loading={states.loading}
+                disabled={states.loading}
+                onClick={callbacks.onBack}
+                exportparts="base: secondarybutton-base"
+              >
+                {text.backButton}
+              </sl-button>
+            </div>
+          )}
         </div>
       )}
     </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 1a6c8787a9..19cc23a37a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -147,9 +147,7 @@ export class DocusignForm {
   }
 
   render() {
-    const props = isDemo()
-      ? useDocusignFormDemo(this)
-      : useDocusignForm(this, this.el);
+    const props = isDemo() ? useDocusignFormDemo(this) : useDocusignForm(this);
 
     return (
       <Host>
@@ -193,6 +191,7 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
           errors: {},
         },
         documentType: "W9",
+        hideBackButton: false,
       },
       data: {
         taxForm: "W9",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 33e8825ca4..a177475257 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -41,7 +41,7 @@ export const DOCUSIGN_ERROR_STATES = [
 export const DOCUSIGN_EXPIRED_STATES = ["ttl_expired", "session_timeout"];
 export const DOCUSIGN_SUCCESS_STATES = ["signing_complete", "viewing_complete"];
 
-export function useDocusignForm(props: DocusignForm, el: any) {
+export function useDocusignForm(props: DocusignForm) {
   const user = useUserIdentity();
   const [path, setPath] = useParent<string>(TAX_CONTEXT_NAMESPACE);
   const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
@@ -139,7 +139,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
   };
 
   const onBack = () => {
-    setPath(context.overrideBackStep || "/2");
+    setPath(context.overrideBackStep);
   };
 
   return {
@@ -155,6 +155,7 @@ export function useDocusignForm(props: DocusignForm, el: any) {
       },
       docusignStatus,
       documentType,
+      hideBackButton: !context.overrideBackStep,
     },
     data: {
       taxForm: documentType,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index db0caca6cb..44ed72978a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -10,7 +10,7 @@
 | Property                         | Attribute                             | Description | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                                                                  |
 | -------------------------------- | ------------------------------------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
 | `backButton`                     | `back-button`                         |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                                                                                 |
-| `demoData`                       | --                                    |             | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; errors: {}; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { provinceCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: number; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                              |
+| `demoData`                       | --                                    |             | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors: {}; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { provinceCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: number; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                              |
 | `formStep`                       | `form-step`                           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Step 2 of 4"`                                                                                                                                                                                                          |
 | `generalErrorDescription`        | `general-error-description`           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                            |
 | `generalErrorTitle`              | `general-error-title`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                                                                                                                      |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index b985527aed..94ed234bd8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -15,6 +15,7 @@ import {
   TAX_FORM_CONTEXT_NAMESPACE,
   TaxContext,
   TaxCountry,
+  TaxDocumentType,
   USER_FORM_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
   UserFormContext,
@@ -32,7 +33,8 @@ type ConnectPartnerResult = {
     id: string;
     accountId: string;
     impactPartner: {
-      connectionStatus;
+      connectionStatus: "NOT_CONNECTED" | "CONNECTED";
+      requiredTaxDocumentType: TaxDocumentType | null;
     } | null;
   };
 };
@@ -42,6 +44,7 @@ const CONNECT_PARTNER = gql`
       id
       accountId
       impactPartner {
+        requiredTaxDocumentType
         connectionStatus
       }
     }
@@ -158,11 +161,12 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
         indirectTaxOption: taxOption,
         indirectTaxCountry: formData.selectedRegion, // TODO: May need formatting
         indirectTaxSubdivision: formData.province || formData.subRegion,
-        indirectTaxNumber: formData.indirectTaxNumber,
+        indirectTaxId: formData.indirectTaxNumber,
         additionalTaxId: formData.qstNumber,
-        withholdingTaxCountry: formState.hasSubRegionTaxNumber
-          ? "SPAIN"
-          : undefined,
+        withholdingTaxCountry:
+          option !== "notRegistered" && formState.hasSubRegionTaxNumber
+            ? "SPAIN"
+            : undefined,
         withholdingTaxNumber: formData.subRegionTaxNumber,
         organizationType: "OTHER", // TODO: Eventually know what to pass here
       };
@@ -182,8 +186,14 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
 
       await refetch();
 
-      console.log({ result });
-      setStep("/3");
+      if (
+        (result as ConnectPartnerResult).connectImpactPartner?.impactPartner
+          ?.requiredTaxDocumentType
+      ) {
+        setStep("/3");
+      } else {
+        setStep("/submitted");
+      }
     } catch (e) {
       setErrors({ general: true });
     } finally {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 96b98f7114..95591bb196 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -10,6 +10,7 @@
 | Property                                | Attribute                                    | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                     |
 | --------------------------------------- | -------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `demoData`                              | --                                           |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                 |
+| `docusignCompleted`                     | `docusign-completed`                         | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                         |
 | `step1_allowBankingCollection`          | `step-1_allow-banking-collection`            | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                    |
 | `step1_allowBankingCollectionError`     | `step-1_allow-banking-collection-error`      | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
 | `step1_businessEntity`                  | `step-1_business-entity`                     | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                           |
@@ -65,6 +66,7 @@
 | `step3_banner`                          | `step-3_banner`                              | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
 | `step3_checkboxDescription`             | `step-3_checkbox-description`                | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                              |
 | `step3_checkboxLabel`                   | `step-3_checkbox-label`                      | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                         |
+| `step3_docusignExpired`                 | `step-3_docusign-expired`                    | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`          |
 | `step3_formStep`                        | `step-3_form-step`                           | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
 | `step3_formSubmissionError`             | `step-3_form-submission-error`               | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
 | `step3_generalErrorDescription`         | `step-3_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
@@ -118,8 +120,8 @@
 - [sqm-user-info-form](../sqm-user-info-form)
 - [sqm-indirect-tax-form](../sqm-indirect-tax-form)
 - [sqm-docusign-form](../sqm-docusign-form)
-- [sqm-docusign-embed](../../sqm-docusign-embed)
 - [sqm-document-type-form](../sqm-document-type-form)
+- [sqm-banking-info-form](../sqm-banking-info-form)
 - [sqm-tax-document-submitted](../sqm-tax-document-submitted)
 
 ### Graph
@@ -128,8 +130,8 @@ graph TD;
   sqm-tax-and-cash --> sqm-user-info-form
   sqm-tax-and-cash --> sqm-indirect-tax-form
   sqm-tax-and-cash --> sqm-docusign-form
-  sqm-tax-and-cash --> sqm-docusign-embed
   sqm-tax-and-cash --> sqm-document-type-form
+  sqm-tax-and-cash --> sqm-banking-info-form
   sqm-tax-and-cash --> sqm-tax-document-submitted
   style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
 ```
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 1da4fee33a..0eca10743e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -7,6 +7,7 @@ import { getProps } from "../../../utils/utils";
 import { TAX_CONTEXT_NAMESPACE } from "./data";
 import { UseTaxAndCashResultType, useTaxAndCash } from "./useTaxAndCash";
 import { extractProps } from "./extractProps";
+import { isDemo } from "@saasquatch/component-boilerplate";
 
 /**
  * @uiName Tax and Cash
@@ -785,9 +786,9 @@ export class TaxAndCashMonolith {
       case "/3/W8BENE":
       case "/3/W9":
         return (
-          <sqm-docusign-form {...this.getDocuSignFormTextProps()}>
-            {/* <sqm-docusign-embed slot="docusign-iframe"></sqm-docusign-embed> */}
-          </sqm-docusign-form>
+          <sqm-docusign-form
+            {...this.getDocuSignFormTextProps()}
+          ></sqm-docusign-form>
         );
       case "/3b":
         return (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 477c1dd368..76c9574c7f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -34,6 +34,12 @@ function getCurrentStep(user: UserQuery["user"]) {
     return "/1";
   }
 
+  // Prioritise sending them to dashboard if no required document
+  if (!user.impactPartner.requiredTaxDocumentType) {
+    return "/submitted";
+  }
+
+  // If they do have a required document, look at current document
   if (user.impactPartner.currentTaxDocument) {
     const { status, type } = user.impactPartner.currentTaxDocument;
 
@@ -42,12 +48,8 @@ function getCurrentStep(user: UserQuery["user"]) {
     return "/3";
   }
 
-  if (user.impactPartner.requiredTaxDocumentType) {
-    return `/3`;
-  }
-
-  // If impact partner exists but no requiredTaxDocument, go straight to the dashboard
-  return "/submitted";
+  // Catchall
+  return "/error";
 }
 
 export function useTaxAndCash() {

From e58ccd390abfd8ca7634770a87c9a4776fe55f5f Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 15 Feb 2024 14:23:14 -0800
Subject: [PATCH 210/753] actually show back button

---
 .../sqm-banking-info-form/sqm-banking-info-form.tsx             | 2 +-
 .../tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx   | 2 +-
 .../tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx        | 1 -
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index f78584b36b..6e27020ea3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -4,7 +4,7 @@ import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { BankingInfoFormView } from "./sqm-banking-info-form-view";
-import { getIndex, useBankingInfoForm } from "./useBankingInfoForm";
+import { useBankingInfoForm } from "./useBankingInfoForm";
 import { isDemo } from "@saasquatch/component-boilerplate";
 
 /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 337400b8be..211a6b4f48 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -238,7 +238,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
         </sl-alert>
         {slots.docusignIframeSlot}
 
-        {states.hideBackButton && (
+        {!states.hideBackButton && (
           <div class={classes.BtnContainer}>
             <sl-button
               class={classes.SecondaryBtn}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 9bce08155d..4675bdaf16 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -167,7 +167,6 @@ export class DocusignForm {
           states={props.states}
           text={props.text}
           slots={{
-            // docusignExpiredSlot,
             docusignIframeSlot: (
               <DocusignIframe
                 states={{

From e36d89770bbd12e5808e89122d5cb44bfb2add3d Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 14:28:53 -0800
Subject: [PATCH 211/753] more slots, wire up submit

---
 .../sqm-banking-info-form-view.tsx                     |  2 ++
 .../sqm-banking-info-form/sqm-banking-info-form.tsx    |  6 ++++++
 .../sqm-banking-info-form/useBankingInfoForm.tsx       | 10 ++--------
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 9e0d3b4394..b1821e0610 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -14,6 +14,7 @@ export interface BankingInfoFormViewProps {
   slots: {
     formInputsSlot?: any;
     countryInputSlot?: any;
+    paymentMethodSlot?: any;
   };
   callbacks: {
     onSubmit: (props: any) => Promise<void>;
@@ -200,6 +201,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 {text.directlyToBankAccount}
               </sl-checkbox>
               {slots.countryInputSlot}
+              {slots.paymentMethodSlot}
               {formState.checked === "toBankAccount" && slots.formInputsSlot}
               <sl-checkbox
                 class={classes.Checkbox}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 30afbe27d1..95b1640492 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -184,6 +184,7 @@ export class BankingInfoForm {
             }),
             countryInputSlot: (
               <label htmlFor="/country">
+                Bank Location Country
                 <sl-select name="/country">
                   <sl-menu-item value="CA">Canada</sl-menu-item>
                   <sl-menu-item value="US">United States</sl-menu-item>
@@ -194,6 +195,11 @@ export class BankingInfoForm {
                 </sl-select>
               </label>
             ),
+            paymentMethodSlot: (
+              <label>
+                Payment Method <span>EFT Withdrawal</span>
+              </label>
+            ),
           }}
         />
       </Host>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 2f723a4b02..8b291c34cf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -31,19 +31,13 @@ export function useBankingInfoForm(props: BankingInfoForm) {
   const [errors, setErrors] = useState({});
 
   const onSubmit = async (event: any) => {
-    if (!option) {
-      setErrors({ taxDetails: true });
-      return;
-    }
-
-    let formData: Record<string, string> = { taxOption: option };
+    let formData: Record<string, string> = {};
     let validationErrors: Record<string, string> = {};
 
     const controls = event.target.getFormControls();
 
     controls.forEach((control) => {
       if (!control.name || !control.id) return;
-      if (option === "notRegistered") return; // Don't include fields for notRegistered option
 
       const key = control.name;
       const value = control.value;
@@ -91,7 +85,7 @@ export function useBankingInfoForm(props: BankingInfoForm) {
     text: { ...props, error: {} },
 
     callbacks: {
-      onSubmit: async () => {},
+      onSubmit,
       onChange: setOption,
     },
     states: {

From 1a4219889c0f31567b37d9925785a8c12c1f6d37 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 14:30:32 -0800
Subject: [PATCH 212/753] added id's

---
 .../sqm-banking-info-form.tsx                 | 95 +++++++++++++++----
 1 file changed, 77 insertions(+), 18 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index d71512243d..30d857f967 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -61,37 +61,68 @@ export class BankingInfoForm {
     const formMap = {
       0: {
         label: "BENEFICIARY_ACCOUNT_NAME",
-        input: <sl-input name="/beneficiaryAccountName" type="text"></sl-input>,
+        input: (
+          <sl-input
+            name="/beneficiaryAccountName"
+            id="beneficiaryAccountName"
+            type="text"
+          ></sl-input>
+        ),
       },
       1: {
         label: "BANK_ACCOUNT_TYPE",
-        input: <sl-input name="/bankAccountType" type="text"></sl-input>,
+        input: (
+          <sl-input
+            name="/bankAccountType"
+            id="bankAccountType"
+            type="text"
+          ></sl-input>
+        ),
       },
       2: {
         label: "BANK_ACCOUNT_NUMBER",
-        input: <sl-input name="/bankAccountNumber" type="text"></sl-input>,
+        input: (
+          <sl-input
+            name="/bankAccountNumber"
+            id="bankAccountNumber"
+            type="text"
+          ></sl-input>
+        ),
       },
       3: {
         label: "IBAN",
-        input: <sl-input name="/beneficiaryAccountName" type="text"></sl-input>,
+        input: (
+          <sl-input
+            name="/beneficiaryAccountName"
+            id="beneficiaryAccountName"
+            type="text"
+          ></sl-input>
+        ),
       },
 
       4: {
         label: "SWIFT_CODE",
-        input: <sl-input name="/swiftCode" type="text"></sl-input>,
+        input: (
+          <sl-input name="/swiftCode" id="swiftCode" type="text"></sl-input>
+        ),
       },
       5: {
         label: "ROUTING_CODE",
-        input: <sl-input name="/routingCode" type="text"></sl-input>,
+        input: (
+          <sl-input name="/routingCode" id="routingCode" type="text"></sl-input>
+        ),
       },
       6: {
         label: "BANK_NAME",
-        input: <sl-input name="/bankName" type="text"></sl-input>,
+        input: <sl-input name="/bankName" id="bankName" type="text"></sl-input>,
       },
       7: {
         label: "CLASSIFICATION_ENTITY",
         input: (
-          <sl-select name="/beneficiaryClassification">
+          <sl-select
+            name="/beneficiaryClassification"
+            id="beneficiaryClassification"
+          >
             <sl-menu-item value="BUSINESS">BUSINESS</sl-menu-item>
             <sl-menu-item value="INDIVIDUAL">INDIVIDUAL</sl-menu-item>
             <sl-menu-item value="FOREIGN">FOREIGN</sl-menu-item>
@@ -101,7 +132,10 @@ export class BankingInfoForm {
       8: {
         label: "CLASSIFICATION_CPF",
         input: (
-          <sl-select name="/beneficiaryClassification">
+          <sl-select
+            name="/beneficiaryClassification"
+            id="beneficiaryClassification"
+          >
             <sl-menu-item value="CPF">CPF</sl-menu-item>
             <sl-menu-item value="CNPJ">CNPJ</sl-menu-item>
           </sl-select>
@@ -109,39 +143,64 @@ export class BankingInfoForm {
       },
       9: {
         label: "PATRONYMICNAME",
-        input: <sl-input name="/patronymicName" type="text"></sl-input>,
+        input: (
+          <sl-input
+            name="/patronymicName"
+            id="patronymicName"
+            type="text"
+          ></sl-input>
+        ),
       },
       10: {
         label: "VOCODE",
-        input: <sl-input name="/voCode" type="text"></sl-input>,
+        input: <sl-input name="/voCode" id="voCode" type="text"></sl-input>,
       },
       11: {
         label: "AGENCYCODE",
-        input: <sl-input name="/agencyCode" type="text"></sl-input>,
+        input: (
+          <sl-input name="/agencyCode" id="agencyCode" type="text"></sl-input>
+        ),
       },
       12: {
         label: "",
         input: (
           <div>
             <label htmlFor="/bankAddress">bankAddres</label>
-            <sl-input name="/bankAddress" type="text"></sl-input>
+            <sl-input
+              name="/bankAddress"
+              id="bankAddress"
+              type="text"
+            ></sl-input>
             <label htmlFor="/bankCity">bankCity</label>
-            <sl-input name="/bankCity" type="text"></sl-input>
+            <sl-input name="/bankCity" id="bankCity" type="text"></sl-input>
             <label htmlFor="/bankProvinceState">bankProvinceState</label>
-            <sl-input name="/bankProvinceState" type="text"></sl-input>
+            <sl-input
+              name="/bankProvinceState"
+              id="bankProvinceState"
+              type="text"
+            ></sl-input>
             <label htmlFor="/bankPostalCode">bankPostalCode</label>
-            <sl-input name="/bankPostalCode" type="text"></sl-input>
+            <sl-input
+              name="/bankPostalCode"
+              id="bankPostalCode"
+              type="text"
+            ></sl-input>
           </div>
         ),
       },
       13: {
         label: "BRANCHCODE",
-        input: <sl-input name="/branchCode" type="text"></sl-input>,
+        input: (
+          <sl-input name="/branchCode" id="branchCode" type="text"></sl-input>
+        ),
       },
       14: {
         label: "CLASSIFICATION",
         input: (
-          <sl-select name="/beneficiaryClassification">
+          <sl-select
+            name="/beneficiaryClassification"
+            id="beneficiaryClassification"
+          >
             <sl-menu-item value="BUSINESS">BUSINESS</sl-menu-item>
             <sl-menu-item value="INDIVIDUAL">INDIVIDUAL</sl-menu-item>
             <sl-menu-item value="FOREIGN">FOREIGN</sl-menu-item>

From 0d5949460e6f174f6f9f4b5df40273afd0cfc9ec Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 15 Feb 2024 14:41:00 -0800
Subject: [PATCH 213/753] start adding props for labels

---
 packages/mint-components/src/components.d.ts  | 28 ++++++++++++
 .../sqm-banking-info-form.tsx                 | 44 ++++++++++++-------
 2 files changed, 57 insertions(+), 15 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 7155c949bf..129feb43ee 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -67,6 +67,15 @@ export namespace Components {
         "titleText": string;
     }
     interface SqmBankingInfoForm {
+        "agencyCodeLabel": string;
+        "bankAccountNumberLabel": string;
+        "bankAccountTypeLabel": string;
+        "bankNameLabel": string;
+        "beneficiaryAccountNameLabel": string;
+        "branchCodeLabel": string;
+        "classificationCPFLabel": string;
+        "classificationEntityLabel": string;
+        "classificationLabel": string;
         /**
           * @undocumented 
           * @uiType object
@@ -74,11 +83,16 @@ export namespace Components {
         "demoData"?: DemoData<any>;
         "directlyToBankAccount": string;
         "formStep": string;
+        "ibanLabel": string;
+        "patronymicNameLabel": string;
         "paymentMethod": string;
+        "routingCodeLabel": string;
         "submitButton": string;
+        "swiftCodeLabel": string;
         "taxAndPayouts": string;
         "taxAndPayoutsDescription": string;
         "toPaypalAccount": string;
+        "voCodeLabel": string;
     }
     interface SqmBigStat {
         /**
@@ -4755,6 +4769,15 @@ declare namespace LocalJSX {
         "titleText"?: string;
     }
     interface SqmBankingInfoForm {
+        "agencyCodeLabel"?: string;
+        "bankAccountNumberLabel"?: string;
+        "bankAccountTypeLabel"?: string;
+        "bankNameLabel"?: string;
+        "beneficiaryAccountNameLabel"?: string;
+        "branchCodeLabel"?: string;
+        "classificationCPFLabel"?: string;
+        "classificationEntityLabel"?: string;
+        "classificationLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
@@ -4762,11 +4785,16 @@ declare namespace LocalJSX {
         "demoData"?: DemoData<any>;
         "directlyToBankAccount"?: string;
         "formStep"?: string;
+        "ibanLabel"?: string;
+        "patronymicNameLabel"?: string;
         "paymentMethod"?: string;
+        "routingCodeLabel"?: string;
         "submitButton"?: string;
+        "swiftCodeLabel"?: string;
         "taxAndPayouts"?: string;
         "taxAndPayoutsDescription"?: string;
         "toPaypalAccount"?: string;
+        "voCodeLabel"?: string;
     }
     interface SqmBigStat {
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 30d857f967..608c0f006f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -27,6 +27,20 @@ export class BankingInfoForm {
   @Prop() toPaypalAccount: string = "To my PayPal account";
   @Prop() paymentMethod: string = "Payment Method";
   @Prop() submitButton: string = "Save";
+  @Prop() beneficiaryAccountNameLabel: string = "Beneficiary Account Name";
+  @Prop() bankAccountTypeLabel: string = "Bank Account Type";
+  @Prop() bankAccountNumberLabel: string = "Bank Account Number";
+  @Prop() ibanLabel: string = "Iban";
+  @Prop() swiftCodeLabel: string = "Swift Code";
+  @Prop() routingCodeLabel: string = "Routing Code";
+  @Prop() bankNameLabel: string = "Bank Name";
+  @Prop() classificationEntityLabel: string = "Classification Entity";
+  @Prop() classificationCPFLabel: string = "Classification CPF";
+  @Prop() patronymicNameLabel: string = "Patronymic Name";
+  @Prop() voCodeLabel: string = "Vo Code";
+  @Prop() agencyCodeLabel: string = "Agency Code";
+  @Prop() branchCodeLabel: string = "Branch Code";
+  @Prop() classificationLabel: string = "Classification";
 
   /**
    * @undocumented
@@ -56,11 +70,11 @@ export class BankingInfoForm {
 
     // const props = useBankingInfoForm(getProps(this));
 
-    console.log({ props });
+    console.log("PROPS ARE", { props }, props.text.beneficiaryAccountNameLabel);
 
     const formMap = {
       0: {
-        label: "BENEFICIARY_ACCOUNT_NAME",
+        label: props.text.beneficiaryAccountNameLabel,
         input: (
           <sl-input
             name="/beneficiaryAccountName"
@@ -70,7 +84,7 @@ export class BankingInfoForm {
         ),
       },
       1: {
-        label: "BANK_ACCOUNT_TYPE",
+        label: props.text.bankAccountTypeLabel,
         input: (
           <sl-input
             name="/bankAccountType"
@@ -80,7 +94,7 @@ export class BankingInfoForm {
         ),
       },
       2: {
-        label: "BANK_ACCOUNT_NUMBER",
+        label: props.text.bankAccountNumberLabel,
         input: (
           <sl-input
             name="/bankAccountNumber"
@@ -90,7 +104,7 @@ export class BankingInfoForm {
         ),
       },
       3: {
-        label: "IBAN",
+        label: props.text.ibanLabel,
         input: (
           <sl-input
             name="/beneficiaryAccountName"
@@ -101,23 +115,23 @@ export class BankingInfoForm {
       },
 
       4: {
-        label: "SWIFT_CODE",
+        label: props.text.swiftCodeLabel,
         input: (
           <sl-input name="/swiftCode" id="swiftCode" type="text"></sl-input>
         ),
       },
       5: {
-        label: "ROUTING_CODE",
+        label: props.text.routingCodeLabel,
         input: (
           <sl-input name="/routingCode" id="routingCode" type="text"></sl-input>
         ),
       },
       6: {
-        label: "BANK_NAME",
+        label: props.text.bankNameLabel,
         input: <sl-input name="/bankName" id="bankName" type="text"></sl-input>,
       },
       7: {
-        label: "CLASSIFICATION_ENTITY",
+        label: props.text.classificationEntityLabel,
         input: (
           <sl-select
             name="/beneficiaryClassification"
@@ -130,7 +144,7 @@ export class BankingInfoForm {
         ),
       },
       8: {
-        label: "CLASSIFICATION_CPF",
+        label: props.text.classificationCPFLabel,
         input: (
           <sl-select
             name="/beneficiaryClassification"
@@ -142,7 +156,7 @@ export class BankingInfoForm {
         ),
       },
       9: {
-        label: "PATRONYMICNAME",
+        label: props.text.patronymicNameLabel,
         input: (
           <sl-input
             name="/patronymicName"
@@ -152,11 +166,11 @@ export class BankingInfoForm {
         ),
       },
       10: {
-        label: "VOCODE",
+        label: props.text.voCodeLabel,
         input: <sl-input name="/voCode" id="voCode" type="text"></sl-input>,
       },
       11: {
-        label: "AGENCYCODE",
+        label: props.text.agencyCodeLabel,
         input: (
           <sl-input name="/agencyCode" id="agencyCode" type="text"></sl-input>
         ),
@@ -189,13 +203,13 @@ export class BankingInfoForm {
         ),
       },
       13: {
-        label: "BRANCHCODE",
+        label: props.text.branchCodelabel,
         input: (
           <sl-input name="/branchCode" id="branchCode" type="text"></sl-input>
         ),
       },
       14: {
-        label: "CLASSIFICATION",
+        label: props.text.classificationLabel,
         input: (
           <sl-select
             name="/beneficiaryClassification"

From 61a795a3c012a7e1d4cdd850e82b1a050b5b1ce4 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 14:46:03 -0800
Subject: [PATCH 214/753] include bankCountry in formData

---
 .../sqm-banking-info-form/sqm-banking-info-form.tsx           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 30d857f967..023f5d1af3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -243,9 +243,9 @@ export class BankingInfoForm {
               );
             }),
             countryInputSlot: (
-              <label htmlFor="/country">
+              <label htmlFor="/bankCountry">
                 Bank Location Country
-                <sl-select name="/country">
+                <sl-select name="/bankCountry" id="bankCountry">
                   <sl-menu-item value="CA">Canada</sl-menu-item>
                   <sl-menu-item value="US">United States</sl-menu-item>
                   <sl-menu-item value="ES">Spain</sl-menu-item>

From c8027832b9338e27c54cf3db8f51a73a1037a3a7 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 14:47:30 -0800
Subject: [PATCH 215/753] Update sqm-banking-info-form.tsx

---
 .../sqm-banking-info-form/sqm-banking-info-form.tsx           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 35412f5f5d..850e1b5260 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -179,7 +179,7 @@ export class BankingInfoForm {
         label: "",
         input: (
           <div>
-            <label htmlFor="/bankAddress">bankAddres</label>
+            <label htmlFor="/bankAddress">bankAddress</label>
             <sl-input
               name="/bankAddress"
               id="bankAddress"
@@ -203,7 +203,7 @@ export class BankingInfoForm {
         ),
       },
       13: {
-        label: props.text.branchCodelabel,
+        label: props.text.branchCodeLabel,
         input: (
           <sl-input name="/branchCode" id="branchCode" type="text"></sl-input>
         ),

From 0973d413e4cc0f3e5cca5f692bba78d42ea90d82 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 15 Feb 2024 14:50:52 -0800
Subject: [PATCH 216/753] Removed iframe border and reverted badge colors in
 Document submitted

---
 .../sqm-banking-info-form.tsx                 |  2 +-
 .../docusign-iframe/DocusignIframe.tsx        |  9 ++++-
 .../sqm-tax-document-submitted-view.tsx       | 37 ++-----------------
 3 files changed, 13 insertions(+), 35 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index f78584b36b..6e27020ea3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -4,7 +4,7 @@ import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { BankingInfoFormView } from "./sqm-banking-info-form-view";
-import { getIndex, useBankingInfoForm } from "./useBankingInfoForm";
+import { useBankingInfoForm } from "./useBankingInfoForm";
 import { isDemo } from "@saasquatch/component-boilerplate";
 
 /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
index ef9d051e6e..c9323fd705 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
@@ -175,5 +175,12 @@ export const DocusignIframe = ({
   if (DOCUSIGN_EXPIRED_STATES.includes(states.status))
     return <DocusignExpiredView text={text} />;
 
-  return <iframe src={states.url} width="100%" height="600px"></iframe>;
+  return (
+    <iframe
+      frameBorder="0"
+      src={states.url}
+      width="100%"
+      height="600px"
+    ></iframe>
+  );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 153a7b2adf..90ef6ea94a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -122,23 +122,6 @@ const style = {
     alignItems: "baseline",
     flexFlow: "row wrap",
   },
-  BadgeContainer: {
-    "&::part(base)": {
-      padding: "var(--sl-spacing-x-small)",
-    },
-  },
-  SuccessBadgeContainer: {
-    "&::part(base)": {
-      backgroundColor: "#57AC59",
-      padding: "var(--sl-spacing-x-small)",
-    },
-  },
-  CriticalBadgeContainer: {
-    "&::part(base)": {
-      backgroundColor: "#E63717",
-      padding: "var(--sl-spacing-x-small)",
-    },
-  },
   NewFormButton: {
     marginTop: "var(--sl-spacing-large)",
     maxWidth: "179px",
@@ -197,7 +180,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
   const statusMap = {
     NOT_VERIFIED: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
-        <sl-badge type="warning" pill class={sheet.classes.BadgeContainer}>
+        <sl-badge type="warning" pill>
           {text.statusTextNotVerified}
         </sl-badge>
         <p>
@@ -215,11 +198,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
     ),
     ACTIVE: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
-        <sl-badge
-          type="success"
-          pill
-          class={sheet.classes.SuccessBadgeContainer}
-        >
+        <sl-badge type="success" pill>
           {text.statusTextActive}
         </sl-badge>
         <p>
@@ -246,11 +225,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
     ),
     NOT_ACTIVE: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
-        <sl-badge
-          type="danger"
-          pill
-          class={sheet.classes.CriticalBadgeContainer}
-        >
+        <sl-badge type="danger" pill>
           {text.statusTextNotActive}
         </sl-badge>
         <p>{text.invalidForm}</p>
@@ -258,11 +233,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
     ),
     EXPIRED: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
-        <sl-badge
-          type="danger"
-          pill
-          class={sheet.classes.CriticalBadgeContainer}
-        >
+        <sl-badge type="danger" pill>
           {text.statusTextExpired}
         </sl-badge>
         <p>

From 6d58ee6ec08962883ab1c76a767e51a4aa7708d2 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 15:12:49 -0800
Subject: [PATCH 217/753] added missing inputs

---
 .../sqm-banking-info-form.tsx                 | 46 +++++++++++++++----
 .../useBankingInfoForm.tsx                    |  5 ++
 2 files changed, 41 insertions(+), 10 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 850e1b5260..3ade2d63b6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -1,3 +1,4 @@
+import { isDemo } from "@saasquatch/component-boilerplate";
 import { useState, withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Host, Prop, State, h } from "@stencil/core";
 import deepmerge from "deepmerge";
@@ -5,7 +6,6 @@ import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { BankingInfoFormView } from "./sqm-banking-info-form-view";
 import { useBankingInfoForm } from "./useBankingInfoForm";
-import { isDemo } from "@saasquatch/component-boilerplate";
 
 /**
  * @uiName Banking Information Form
@@ -131,16 +131,21 @@ export class BankingInfoForm {
         input: <sl-input name="/bankName" id="bankName" type="text"></sl-input>,
       },
       7: {
-        label: props.text.classificationEntityLabel,
+        label: "",
         input: (
-          <sl-select
-            name="/beneficiaryClassification"
-            id="beneficiaryClassification"
-          >
-            <sl-menu-item value="BUSINESS">BUSINESS</sl-menu-item>
-            <sl-menu-item value="INDIVIDUAL">INDIVIDUAL</sl-menu-item>
-            <sl-menu-item value="FOREIGN">FOREIGN</sl-menu-item>
-          </sl-select>
+          <div>
+            <label>{props.text.classificationEntityLabel}</label>
+            <sl-select
+              name="/beneficiaryClassification"
+              id="beneficiaryClassification"
+            >
+              <sl-menu-item value="BUSINESS">BUSINESS</sl-menu-item>
+              <sl-menu-item value="INDIVIDUAL">INDIVIDUAL</sl-menu-item>
+              <sl-menu-item value="FOREIGN">FOREIGN</sl-menu-item>
+            </sl-select>
+            <label>taxPayerId</label>
+            <sl-input name="/taxPayerId" id="taxPayerId"></sl-input>
+          </div>
         ),
       },
       8: {
@@ -242,6 +247,27 @@ export class BankingInfoForm {
           value={props.demo.bitset}
           onInput={(e) => props.demo.setBitset(Number(e.target.value))}
         />
+        <sl-select
+          name="/currency"
+          value={props.demo.currency}
+          onSl-select={(e) => props.demo.setCurrency(e.detail?.item?.value)}
+        >
+          <sl-menu-item value="USD">USD</sl-menu-item>
+          <sl-menu-item value="GBP">GBP</sl-menu-item>
+          <sl-menu-item value="AUD">AUD</sl-menu-item>
+          <sl-menu-item value="CAD">CAD</sl-menu-item>
+          <sl-menu-item value="NZD">NZD</sl-menu-item>
+          <sl-menu-item value="HKD">HKD</sl-menu-item>
+          <sl-menu-item value="SGD">SGD</sl-menu-item>
+          <sl-menu-item value="SEK">SEK</sl-menu-item>
+          <sl-menu-item value="DKK">DKK</sl-menu-item>
+          <sl-menu-item value="NOK">NOK</sl-menu-item>
+          <sl-menu-item value="ILS">ILS</sl-menu-item>
+          <sl-menu-item value="MXN">MXN</sl-menu-item>
+          <sl-menu-item value="RUB">RUB</sl-menu-item>
+          <sl-menu-item value="PHP">PHP</sl-menu-item>
+          <sl-menu-item value="JPY">JPY</sl-menu-item>
+        </sl-select>
         <BankingInfoFormView
           callbacks={props.callbacks}
           text={props.text}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 8b291c34cf..99d6be84d7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -23,7 +23,10 @@ export const paypalFeeMap = {
 export function useBankingInfoForm(props: BankingInfoForm) {
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
+  /** mock data */
   const [bitset, setBitset] = useState(42);
+  const [currency, setCurrency] = useState("CAD");
+  /** */
 
   const formRef = useRef<HTMLFormElement>(null);
   const [option, setOption] = useState(null);
@@ -105,6 +108,8 @@ export function useBankingInfoForm(props: BankingInfoForm) {
     demo: {
       bitset,
       setBitset,
+      currency,
+      setCurrency,
     },
   };
 }

From 85fd0669f640e9c7b456bd161d000321d9fefa96 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 15:15:05 -0800
Subject: [PATCH 218/753] missing errors in passed down props

---
 .../tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 99d6be84d7..6d41e9171e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -97,9 +97,7 @@ export function useBankingInfoForm(props: BankingInfoForm) {
       hideSteps: false,
       formState: {
         checked: "toBankAccount" as "toBankAccount" | "toPaypalAccount",
-        errors: {
-          general: false,
-        },
+        errors,
       },
     },
     refs: {

From 7b1ea2cb47c85561ec1c863be98e29f5f6992efc Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 15 Feb 2024 15:46:06 -0800
Subject: [PATCH 219/753] More labels

---
 packages/mint-components/src/components.d.ts  |  6 ++++
 .../sqm-banking-info-form.tsx                 | 35 +++++++++++--------
 2 files changed, 26 insertions(+), 15 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 129feb43ee..b88dbc80b1 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -73,6 +73,7 @@ export namespace Components {
         "bankNameLabel": string;
         "beneficiaryAccountNameLabel": string;
         "branchCodeLabel": string;
+        "businessSelectItemLabel": string;
         "classificationCPFLabel": string;
         "classificationEntityLabel": string;
         "classificationLabel": string;
@@ -82,8 +83,10 @@ export namespace Components {
          */
         "demoData"?: DemoData<any>;
         "directlyToBankAccount": string;
+        "foreignSelectItemLabel": string;
         "formStep": string;
         "ibanLabel": string;
+        "individualSelectItemLabel": string;
         "patronymicNameLabel": string;
         "paymentMethod": string;
         "routingCodeLabel": string;
@@ -4775,6 +4778,7 @@ declare namespace LocalJSX {
         "bankNameLabel"?: string;
         "beneficiaryAccountNameLabel"?: string;
         "branchCodeLabel"?: string;
+        "businessSelectItemLabel"?: string;
         "classificationCPFLabel"?: string;
         "classificationEntityLabel"?: string;
         "classificationLabel"?: string;
@@ -4784,8 +4788,10 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<any>;
         "directlyToBankAccount"?: string;
+        "foreignSelectItemLabel"?: string;
         "formStep"?: string;
         "ibanLabel"?: string;
+        "individualSelectItemLabel"?: string;
         "patronymicNameLabel"?: string;
         "paymentMethod"?: string;
         "routingCodeLabel"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 3ade2d63b6..46c07bb073 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -20,7 +20,7 @@ export class BankingInfoForm {
   @State() ignored = true;
 
   @Prop() formStep: string = "Step 4 of 4";
-  @Prop() taxAndPayouts: string = "Tax and Payouts";
+  @Prop() taxAndPayouts: string = "Payouts";
   @Prop() taxAndPayoutsDescription: string =
     "Submit your tax documents and add your banking information to receive your rewards.";
   @Prop() directlyToBankAccount: string = "Directly to my bank account";
@@ -35,6 +35,10 @@ export class BankingInfoForm {
   @Prop() routingCodeLabel: string = "Routing Code";
   @Prop() bankNameLabel: string = "Bank Name";
   @Prop() classificationEntityLabel: string = "Classification Entity";
+  @Prop() businessSelectItemLabel: string = "Business";
+  @Prop() individualSelectItemLabel: string = "Individual";
+  @Prop() foreignSelectItemLabel: string = "Foreign";
+
   @Prop() classificationCPFLabel: string = "Classification CPF";
   @Prop() patronymicNameLabel: string = "Patronymic Name";
   @Prop() voCodeLabel: string = "Vo Code";
@@ -131,21 +135,22 @@ export class BankingInfoForm {
         input: <sl-input name="/bankName" id="bankName" type="text"></sl-input>,
       },
       7: {
-        label: "",
+        label: props.text.classificationLabel,
         input: (
-          <div>
-            <label>{props.text.classificationEntityLabel}</label>
-            <sl-select
-              name="/beneficiaryClassification"
-              id="beneficiaryClassification"
-            >
-              <sl-menu-item value="BUSINESS">BUSINESS</sl-menu-item>
-              <sl-menu-item value="INDIVIDUAL">INDIVIDUAL</sl-menu-item>
-              <sl-menu-item value="FOREIGN">FOREIGN</sl-menu-item>
-            </sl-select>
-            <label>taxPayerId</label>
-            <sl-input name="/taxPayerId" id="taxPayerId"></sl-input>
-          </div>
+          <sl-select
+            name="/beneficiaryClassification"
+            id="beneficiaryClassification"
+          >
+            <sl-menu-item value="BUSINESS">
+              {props.text.businessSelectItemLabel}
+            </sl-menu-item>
+            <sl-menu-item value="INDIVIDUAL">
+              {props.text.individualSelectItemLabel}
+            </sl-menu-item>
+            <sl-menu-item value="FOREIGN">
+              {props.text.foreignSelectItemLabel}
+            </sl-menu-item>
+          </sl-select>
         ),
       },
       8: {

From f811bd3e21df9c8791a9d8e006a8ba7a1ee88ec2 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 15:56:44 -0800
Subject: [PATCH 220/753] wired up fee cap, more dynamic text

---
 .../sqm-banking-info-form.tsx                 |  9 ++++-
 .../useBankingInfoForm.tsx                    | 40 ++++++++++++-------
 .../useTaxDocumentSubmitted.tsx               |  5 ++-
 3 files changed, 38 insertions(+), 16 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 3ade2d63b6..84963ad0bc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -24,7 +24,8 @@ export class BankingInfoForm {
   @Prop() taxAndPayoutsDescription: string =
     "Submit your tax documents and add your banking information to receive your rewards.";
   @Prop() directlyToBankAccount: string = "Directly to my bank account";
-  @Prop() toPaypalAccount: string = "To my PayPal account";
+  @Prop() toPaypalAccount: string =
+    "PayPal (2% processing fee capped to {feeCap})";
   @Prop() paymentMethod: string = "Payment Method";
   @Prop() submitButton: string = "Save";
   @Prop() beneficiaryAccountNameLabel: string = "Beneficiary Account Name";
@@ -72,6 +73,10 @@ export class BankingInfoForm {
 
     console.log("PROPS ARE", { props }, props.text.beneficiaryAccountNameLabel);
 
+    const routingCodeLabels = {
+      AU: "BSB Number",
+    };
+
     const formMap = {
       0: {
         label: props.text.beneficiaryAccountNameLabel,
@@ -243,6 +248,7 @@ export class BankingInfoForm {
 
     return (
       <Host>
+        {/* demo */}
         <sl-input
           value={props.demo.bitset}
           onInput={(e) => props.demo.setBitset(Number(e.target.value))}
@@ -268,6 +274,7 @@ export class BankingInfoForm {
           <sl-menu-item value="PHP">PHP</sl-menu-item>
           <sl-menu-item value="JPY">JPY</sl-menu-item>
         </sl-select>
+        {/*  */}
         <BankingInfoFormView
           callbacks={props.callbacks}
           text={props.text}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 6d41e9171e..c2ccb5ceea 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -1,28 +1,36 @@
 import { useRef, useState } from "@saasquatch/universal-hooks";
 import { useParent } from "../../../utils/useParentState";
-import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
+import {
+  TAX_CONTEXT_NAMESPACE,
+  USER_QUERY_NAMESPACE,
+  UserQuery,
+} from "../sqm-tax-and-cash/data";
 import { BankingInfoForm } from "./sqm-banking-info-form";
 import JSONPointer from "jsonpointer";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
 
 export const paypalFeeMap = {
-  USD: 20,
-  GBP: 30,
-  EUR: 35,
-  AUD: 60,
-  CAD: 50,
-  NZD: 60,
-  HKD: 320,
-  DKK: 250,
-  ILS: 160,
-  MXN: 600,
-  RUB: 1200,
-  PHP: 2000,
-  JPY: 2000,
+  USD: "USD20.00",
+  GBP: "GBP30.00",
+  EUR: "EUR35.00",
+  AUD: "AUD60.00",
+  CAD: "CAD50.00",
+  NZD: "NZD60.00",
+  HKD: "HKD320.00",
+  DKK: "DKK250.00",
+  ILS: "ILS160.00",
+  MXN: "MXN600.00",
+  RUB: "RUB1200.00",
+  PHP: "PHP2000.00",
+  JPY: "JPY2000.00",
 };
 
 export function useBankingInfoForm(props: BankingInfoForm) {
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
+  const { data: userData, refetch } =
+    useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+
   /** mock data */
   const [bitset, setBitset] = useState(42);
   const [currency, setCurrency] = useState("CAD");
@@ -81,6 +89,8 @@ export function useBankingInfoForm(props: BankingInfoForm) {
     }
   };
 
+  const feeCap = paypalFeeMap[currency] || "";
+
   return {
     step: step,
     setStep: setStep,
@@ -92,6 +102,8 @@ export function useBankingInfoForm(props: BankingInfoForm) {
       onChange: setOption,
     },
     states: {
+      isPartner: !!userData?.user?.impactPartner,
+      feeCap,
       disabled: false,
       loading: false,
       hideSteps: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index aac4854b40..e5879244d4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -12,6 +12,7 @@ import {
 import { INDIRECT_TAX_PROVINCES } from "../subregions";
 import { TaxDocumentSubmitted } from "./sqm-tax-document-submitted";
 import { TaxDocumentSubmittedProps } from "./sqm-tax-document-submitted-view";
+import { useLocale } from "@saasquatch/component-boilerplate";
 
 function getExpiresSoon(submissionDate: number, expiryDate: number) {
   if (!submissionDate || !expiryDate) return false;
@@ -31,6 +32,8 @@ export const useTaxDocumentSubmitted = (
     TAX_FORM_CONTEXT_NAMESPACE
   );
 
+  const locale = useLocale();
+
   useEffect(() => {
     // Clear override context once on submitted
     setContext({});
@@ -88,7 +91,7 @@ export const useTaxDocumentSubmitted = (
       isBusinessEntity: true,
       province: provinceName,
       // @ts-ignore: DisplayNames does exist on Intl
-      country: new Intl.DisplayNames(["en"], { type: "region" }).of([
+      country: new Intl.DisplayNames([locale], { type: "region" }).of([
         data?.user?.customFields?.__taxCountry,
       ]),
       notRegistered: data?.user?.impactPartner?.indirectTaxOption === "NO_TAX",

From 831c1775974a0533ccc80c54c1c9b2a4b932f9d0 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 15 Feb 2024 15:59:53 -0800
Subject: [PATCH 221/753] Changed checkboxes to radios in Indirect Tax Form

---
 .../sqm-indirect-tax-form-view.tsx            | 29 ++++++++-----------
 .../small-views/IndirectTaxDetailsView.tsx    |  3 +-
 2 files changed, 13 insertions(+), 19 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index e89ad3dfc9..8578296ea9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -109,11 +109,6 @@ const style = {
       color: "var(--sl-color-blue-500)",
     },
   },
-  Checkbox: {
-    "&::part(control)": {
-      borderRadius: "50% !important",
-    },
-  },
 };
 
 const sheet = createStyleSheet(style);
@@ -198,29 +193,29 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
         <div>
           <div class={classes.CheckboxContainer}>
             <div style={{ display: "flex", flexDirection: "column" }}>
-              <sl-checkbox
-                class={classes.Checkbox}
-                exportparts="label: input-label"
+              <sl-radio
+                exportparts="base: radio-base"
+                name="/checked"
+                value="otherRegion"
+                id="otherRegion"
                 checked={formState.checked === "otherRegion"}
                 onInput={() => callbacks.onChange("otherRegion")}
                 disabled={states.disabled}
-                id="otherRegion"
-                name="/otherRegion"
               >
                 {text.otherRegion}
-              </sl-checkbox>
+              </sl-radio>
               {slots.registeredInDifferentCountryDetailsSlot}
-              <sl-checkbox
-                class={classes.Checkbox}
-                exportparts="label: input-label"
+              <sl-radio
+                exportparts="base: radio-base"
+                name="/checked"
+                value="notRegistered"
+                id="notRegistered"
                 checked={formState.checked === "notRegistered"}
                 onInput={() => callbacks.onChange("notRegistered")}
                 disabled={states.disabled}
-                id="notRegistered"
-                name="/notRegistered"
               >
                 {text.notRegistered}
-              </sl-checkbox>
+              </sl-radio>
             </div>
           </div>
           <div class={classes.BtnContainer}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index ae678e4de6..ed38222e03 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -232,8 +232,6 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
       (p) => p.provinceCode === formState.province
     )?.taxType as TaxType | undefined;
 
-    console.log(currentTaxType);
-
     return (
       <div class={classes.ConditionalInputsContainer}>
         <sl-select
@@ -320,6 +318,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
   };
 
   const activeForm = getActiveForm(formState.selectedRegion);
+
   return (
     <div style={states.hide ? { display: "none" } : {}}>
       <form class={classes.Container}>

From 2d34f8cb588e622db33563d62c22ce37f17a6bc4 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 16:26:10 -0800
Subject: [PATCH 222/753] dynamic country list plugged in, mock data added

---
 .../sqm-banking-info-form/mockData.ts         | 170 ++++++++++++++++++
 .../sqm-banking-info-form.tsx                 |  43 +++--
 .../useBankingInfoForm.tsx                    |   5 +-
 .../useTaxDocumentSubmitted.tsx               |   7 +-
 4 files changed, 205 insertions(+), 20 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
new file mode 100644
index 0000000000..e6f0bd8448
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
@@ -0,0 +1,170 @@
+export const mockPaymentOptions = {
+  CAD: [
+    {
+      country: "CA",
+      currency: "CAD",
+      withdrawalSetting: "ACH",
+      withdrawalId: 37,
+    },
+  ],
+  AUD: [
+    {
+      country: "US",
+      currency: "AUD",
+      withdrawalSetting: "WT",
+      withdrawalId: 33,
+    },
+    {
+      country: "CA",
+      currency: "AUD",
+      withdrawalSetting: "WT",
+      withdrawalId: 21,
+    },
+    {
+      country: "ES",
+      currency: "AUD",
+      withdrawalSetting: "WT",
+      withdrawalId: 25,
+    },
+    {
+      country: "IE",
+      currency: "AUD",
+      withdrawalSetting: "WT",
+      withdrawalId: 25,
+    },
+    {
+      country: "GB",
+      currency: "AUD",
+      withdrawalSetting: "WT",
+      withdrawalId: 25,
+    },
+    {
+      country: "JP",
+      currency: "AUD",
+      withdrawalSetting: "WT",
+      withdrawalId: 21,
+    },
+  ],
+  EUR: [
+    {
+      country: "US",
+      currency: "EUR",
+      withdrawalSetting: "WT",
+      withdrawalId: 33,
+    },
+    {
+      country: "CA",
+      currency: "EUR",
+      withdrawalSetting: "WT",
+      withdrawalId: 21,
+    },
+    {
+      country: "ES",
+      currency: "EUR",
+      withdrawalSetting: "ACH",
+      withdrawalId: 25,
+    },
+    {
+      country: "IE",
+      currency: "EUR",
+      withdrawalSetting: "ACH",
+      withdrawalId: 25,
+    },
+    {
+      country: "GB",
+      currency: "EUR",
+      withdrawalSetting: "ACH",
+      withdrawalId: 25,
+    },
+    {
+      country: "JP",
+      currency: "EUR",
+      withdrawalSetting: "WT",
+      withdrawalId: 21,
+    },
+  ],
+  GBP: [
+    {
+      country: "US",
+      currency: "GBP",
+      withdrawalSetting: "WT",
+      withdrawalId: 33,
+    },
+    {
+      country: "CA",
+      currency: "GBP",
+      withdrawalSetting: "WT",
+      withdrawalId: 21,
+    },
+    {
+      country: "ES",
+      currency: "GBP",
+      withdrawalSetting: "WT",
+      withdrawalId: 25,
+    },
+    {
+      country: "IE",
+      currency: "GBP",
+      withdrawalSetting: "WT",
+      withdrawalId: 25,
+    },
+    {
+      country: "GB",
+      currency: "GBP",
+      withdrawalSetting: "ACH",
+      withdrawalId: 25,
+    },
+    {
+      country: "JP",
+      currency: "GBP",
+      withdrawalSetting: "WT",
+      withdrawalId: 21,
+    },
+  ],
+  USD: [
+    {
+      country: "US",
+      currency: "USD",
+      withdrawalSetting: "ACH",
+      withdrawalId: 39,
+    },
+    {
+      country: "CA",
+      currency: "USD",
+      withdrawalSetting: "WT",
+      withdrawalId: 21,
+    },
+    {
+      country: "ES",
+      currency: "USD",
+      withdrawalSetting: "WT",
+      withdrawalId: 25,
+    },
+    {
+      country: "IE",
+      currency: "USD",
+      withdrawalSetting: "WT",
+      withdrawalId: 25,
+    },
+    {
+      country: "GB",
+      currency: "USD",
+      withdrawalSetting: "WT",
+      withdrawalId: 25,
+    },
+    {
+      country: "JP",
+      currency: "USD",
+      withdrawalSetting: "WT",
+      withdrawalId: 21,
+    },
+  ],
+  JPY: [
+    {
+      country: "JP",
+      currency: "JPY",
+      withdrawalSetting: "WT",
+      withdrawalId: 8279,
+    },
+  ],
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 914a897959..9b75bc8a14 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -6,6 +6,7 @@ import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { BankingInfoFormView } from "./sqm-banking-info-form-view";
 import { useBankingInfoForm } from "./useBankingInfoForm";
+import { mockPaymentOptions } from "./mockData";
 
 /**
  * @uiName Banking Information Form
@@ -79,6 +80,15 @@ export class BankingInfoForm {
 
     const routingCodeLabels = {
       AU: "BSB Number",
+      CA: "Routing Number",
+      CZ: "Bank Code",
+      HK: "Clearing Code",
+      SG: "Clearing Code",
+      US: "ABA Routing Number",
+      NZ: "BSB Number",
+      ZA: "Bank/Branch Number",
+      IN: "IFSC",
+      CNY: "CNAPS",
     };
 
     const formMap = {
@@ -267,16 +277,7 @@ export class BankingInfoForm {
           <sl-menu-item value="GBP">GBP</sl-menu-item>
           <sl-menu-item value="AUD">AUD</sl-menu-item>
           <sl-menu-item value="CAD">CAD</sl-menu-item>
-          <sl-menu-item value="NZD">NZD</sl-menu-item>
-          <sl-menu-item value="HKD">HKD</sl-menu-item>
-          <sl-menu-item value="SGD">SGD</sl-menu-item>
-          <sl-menu-item value="SEK">SEK</sl-menu-item>
-          <sl-menu-item value="DKK">DKK</sl-menu-item>
-          <sl-menu-item value="NOK">NOK</sl-menu-item>
-          <sl-menu-item value="ILS">ILS</sl-menu-item>
-          <sl-menu-item value="MXN">MXN</sl-menu-item>
-          <sl-menu-item value="RUB">RUB</sl-menu-item>
-          <sl-menu-item value="PHP">PHP</sl-menu-item>
+          <sl-menu-item value="EUR">EUR</sl-menu-item>
           <sl-menu-item value="JPY">JPY</sl-menu-item>
         </sl-select>
         {/*  */}
@@ -298,12 +299,22 @@ export class BankingInfoForm {
               <label htmlFor="/bankCountry">
                 Bank Location Country
                 <sl-select name="/bankCountry" id="bankCountry">
-                  <sl-menu-item value="CA">Canada</sl-menu-item>
-                  <sl-menu-item value="US">United States</sl-menu-item>
-                  <sl-menu-item value="ES">Spain</sl-menu-item>
-                  <sl-menu-item value="IE">Ireland</sl-menu-item>
-                  <sl-menu-item value="GB">United Kingdom</sl-menu-item>
-                  <sl-menu-item value="JP">Japan</sl-menu-item>
+                  {mockPaymentOptions[props.demo.currency]?.map(
+                    (paymentOption) => {
+                      // @ts-ignore
+                      const countryDisplayName = new Intl.DisplayNames(
+                        [props.states.locale?.replaceAll("_", "-") || "en"],
+                        { type: "region" }
+                      ).of(paymentOption.country);
+
+                      console.log({ paymentOption, countryDisplayName });
+                      return (
+                        <sl-menu-item value={paymentOption?.country}>
+                          {countryDisplayName}
+                        </sl-menu-item>
+                      );
+                    }
+                  )}
                 </sl-select>
               </label>
             ),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index c2ccb5ceea..80c2e371a0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -8,6 +8,7 @@ import {
 import { BankingInfoForm } from "./sqm-banking-info-form";
 import JSONPointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
+import { useLocale } from "@saasquatch/component-boilerplate";
 
 export const paypalFeeMap = {
   USD: "USD20.00",
@@ -26,13 +27,14 @@ export const paypalFeeMap = {
 };
 
 export function useBankingInfoForm(props: BankingInfoForm) {
+  const locale = useLocale();
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
   const { data: userData, refetch } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
 
   /** mock data */
-  const [bitset, setBitset] = useState(42);
+  const [bitset, setBitset] = useState(0);
   const [currency, setCurrency] = useState("CAD");
   /** */
 
@@ -102,6 +104,7 @@ export function useBankingInfoForm(props: BankingInfoForm) {
       onChange: setOption,
     },
     states: {
+      locale,
       isPartner: !!userData?.user?.impactPartner,
       feeCap,
       disabled: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index e5879244d4..16679ae6f1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -91,9 +91,10 @@ export const useTaxDocumentSubmitted = (
       isBusinessEntity: true,
       province: provinceName,
       // @ts-ignore: DisplayNames does exist on Intl
-      country: new Intl.DisplayNames([locale], { type: "region" }).of([
-        data?.user?.customFields?.__taxCountry,
-      ]),
+      country: new Intl.DisplayNames([locale.replaceAll("_", "-")], {
+        type: "language",
+        // @ts-ignore: DisplayNames does exist on Intl
+      }).of([data?.user?.customFields?.__taxCountry]),
       notRegistered: data?.user?.impactPartner?.indirectTaxOption === "NO_TAX",
       noFormNeeded: !documentType,
       dateExpired,

From ee4add45cf1a721c29707106afd1f811b017e443 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 16:33:19 -0800
Subject: [PATCH 223/753] fairly mocked up form based on country / currencyCode
 selected

---
 .../sqm-banking-info-form.tsx                    | 16 +++++++++++++---
 .../sqm-banking-info-form/useBankingInfoForm.tsx | 13 +++++++++++++
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 9b75bc8a14..109684e2f9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -248,7 +248,7 @@ export class BankingInfoForm {
       },
     };
 
-    const binary = props.demo.bitset
+    const binary = (props.demo.bitset || props.states.bitset)
       .toString(2)
       .padStart(Object.keys(formMap).length, "0");
 
@@ -271,7 +271,10 @@ export class BankingInfoForm {
         <sl-select
           name="/currency"
           value={props.demo.currency}
-          onSl-select={(e) => props.demo.setCurrency(e.detail?.item?.value)}
+          onSl-select={(e) => {
+            props.demo.setCurrency(e.detail?.item?.value);
+            props.callbacks.setBankCountry("");
+          }}
         >
           <sl-menu-item value="USD">USD</sl-menu-item>
           <sl-menu-item value="GBP">GBP</sl-menu-item>
@@ -298,7 +301,14 @@ export class BankingInfoForm {
             countryInputSlot: (
               <label htmlFor="/bankCountry">
                 Bank Location Country
-                <sl-select name="/bankCountry" id="bankCountry">
+                <sl-select
+                  name="/bankCountry"
+                  id="bankCountry"
+                  value={props.states.bankCountry}
+                  onSl-select={(e) =>
+                    props.callbacks.setBankCountry(e.detail?.item?.value)
+                  }
+                >
                   {mockPaymentOptions[props.demo.currency]?.map(
                     (paymentOption) => {
                       // @ts-ignore
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 80c2e371a0..f08061fd20 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -9,6 +9,7 @@ import { BankingInfoForm } from "./sqm-banking-info-form";
 import JSONPointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useLocale } from "@saasquatch/component-boilerplate";
+import { mockPaymentOptions } from "./mockData";
 
 export const paypalFeeMap = {
   USD: "USD20.00",
@@ -38,6 +39,8 @@ export function useBankingInfoForm(props: BankingInfoForm) {
   const [currency, setCurrency] = useState("CAD");
   /** */
 
+  const [bankCountry, setBankCountry] = useState("");
+
   const formRef = useRef<HTMLFormElement>(null);
   const [option, setOption] = useState(null);
   const [loading, setLoading] = useState(false);
@@ -93,6 +96,13 @@ export function useBankingInfoForm(props: BankingInfoForm) {
 
   const feeCap = paypalFeeMap[currency] || "";
 
+  const currentPaymentOption = mockPaymentOptions[currency]?.find(
+    (paymentOption) => {
+      if (paymentOption.country === bankCountry) return true;
+      return false;
+    }
+  );
+
   return {
     step: step,
     setStep: setStep,
@@ -102,6 +112,7 @@ export function useBankingInfoForm(props: BankingInfoForm) {
     callbacks: {
       onSubmit,
       onChange: setOption,
+      setBankCountry,
     },
     states: {
       locale,
@@ -114,6 +125,8 @@ export function useBankingInfoForm(props: BankingInfoForm) {
         checked: "toBankAccount" as "toBankAccount" | "toPaypalAccount",
         errors,
       },
+      bitset: currentPaymentOption?.withdrawalId || 0,
+      bankCountry,
     },
     refs: {
       formRef,

From c6ff198cf74ab0d5353f8df41292d13d797dd8a9 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 16:35:34 -0800
Subject: [PATCH 224/753] bit of cleanup

---
 .../sqm-banking-info-form/sqm-banking-info-form.tsx            | 3 ++-
 .../tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx  | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 109684e2f9..5ba7fc82cc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -313,7 +313,7 @@ export class BankingInfoForm {
                     (paymentOption) => {
                       // @ts-ignore
                       const countryDisplayName = new Intl.DisplayNames(
-                        [props.states.locale?.replaceAll("_", "-") || "en"],
+                        [props.states.intlLocale],
                         { type: "region" }
                       ).of(paymentOption.country);
 
@@ -355,6 +355,7 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
             general: false,
           },
         },
+        intlLocale: "en",
       },
       demo: {
         bitset: 39,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index f08061fd20..e661fdf186 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -116,6 +116,7 @@ export function useBankingInfoForm(props: BankingInfoForm) {
     },
     states: {
       locale,
+      intlLocale: locale?.replace("_", "-") || "en",
       isPartner: !!userData?.user?.impactPartner,
       feeCap,
       disabled: false,

From 27304f45bd135ab09cbd07d2df54ade2b8593786 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 16:37:56 -0800
Subject: [PATCH 225/753] wired up routing code labels map

---
 .../sqm-banking-info-form/sqm-banking-info-form.tsx           | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 5ba7fc82cc..7f27c218be 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -140,7 +140,9 @@ export class BankingInfoForm {
         ),
       },
       5: {
-        label: props.text.routingCodeLabel,
+        label:
+          routingCodeLabels[props.states.bankCountry] ||
+          props.text.routingCodeLabel,
         input: (
           <sl-input name="/routingCode" id="routingCode" type="text"></sl-input>
         ),

From 9a7898002e652f04b13009988dd0b9fe529f97dc Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 16:39:49 -0800
Subject: [PATCH 226/753] move fancy form input builder into hook function

---
 .../sqm-banking-info-form.tsx                   | 15 ++-------------
 .../useBankingInfoForm.tsx                      | 17 +++++++++++++++++
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 7f27c218be..a091e02fc6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -5,7 +5,7 @@ import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { BankingInfoFormView } from "./sqm-banking-info-form-view";
-import { useBankingInfoForm } from "./useBankingInfoForm";
+import { getFormInputs, useBankingInfoForm } from "./useBankingInfoForm";
 import { mockPaymentOptions } from "./mockData";
 
 /**
@@ -250,18 +250,7 @@ export class BankingInfoForm {
       },
     };
 
-    const binary = (props.demo.bitset || props.states.bitset)
-      .toString(2)
-      .padStart(Object.keys(formMap).length, "0");
-
-    const binaryToParse = binary.split("").reverse().join("");
-
-    const inputFields = [...binaryToParse].reduce((agg, num, idx) => {
-      const number = Number(num);
-      const inputFound = formMap[idx];
-      if (!number || !inputFound) return agg;
-      return [...agg, inputFound];
-    }, []);
+    const inputFields = getFormInputs({ props, formMap });
 
     return (
       <Host>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index e661fdf186..921b2d7c7c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -27,6 +27,23 @@ export const paypalFeeMap = {
   JPY: "JPY2000.00",
 };
 
+export function getFormInputs({ props, formMap }) {
+  const binary = (props.demo.bitset || props.states.bitset)
+    .toString(2)
+    .padStart(Object.keys(formMap).length, "0");
+
+  const binaryToParse = binary.split("").reverse().join("");
+
+  const inputFields = [...binaryToParse].reduce((agg, num, idx) => {
+    const number = Number(num);
+    const inputFound = formMap[idx];
+    if (!number || !inputFound) return agg;
+    return [...agg, inputFound];
+  }, []);
+
+  return inputFields;
+}
+
 export function useBankingInfoForm(props: BankingInfoForm) {
   const locale = useLocale();
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);

From 17a936a133bbca86667c57b7bf07d51f4fb2f21a Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 15 Feb 2024 16:42:43 -0800
Subject: [PATCH 227/753] Commented out redirects to document type change form
 and hooks, marked for removal.

---
 .../tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 211a6b4f48..482a35ead4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -220,9 +220,9 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             },
             { documentType }
           )}{" "}
-          <a onClick={callbacks.onShowDocumentType} class={classes.Link}>
+          {/* <a onClick={callbacks.onShowDocumentType} class={classes.Link}>
             {text.notBasedInUS}
-          </a>
+          </a> */}
         </p>
       </div>
 

From a2a064e99b7aba554c77e0c1efd7c4872f09969c Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 16:57:18 -0800
Subject: [PATCH 228/753] wired up radio buttons

---
 .../sqm-banking-info-form-view.tsx            | 25 ++++++++----
 .../sqm-banking-info-form.tsx                 | 38 ++++++++++---------
 .../useBankingInfoForm.tsx                    | 17 ++++++---
 3 files changed, 50 insertions(+), 30 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index b1821e0610..129457b7e1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -1,4 +1,4 @@
-import { VNode, h } from "@stencil/core";
+import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
 
 export interface BankingInfoFormViewProps {
@@ -6,6 +6,8 @@ export interface BankingInfoFormViewProps {
     loading: boolean;
     disabled: boolean;
     hideSteps: boolean;
+    hideBanking?: boolean;
+    hidePayPal?: boolean;
     formState: {
       checked: "toBankAccount" | "toPaypalAccount" | undefined;
       errors?: any;
@@ -17,6 +19,9 @@ export interface BankingInfoFormViewProps {
     paymentMethodSlot?: any;
   };
   callbacks: {
+    setChecked: (
+      checked: "toBankAccount" | "toPaypalAccount" | undefined
+    ) => void;
     onSubmit: (props: any) => Promise<void>;
     onChange: (e) => void;
   };
@@ -193,28 +198,34 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 class={classes.Checkbox}
                 exportparts="label: input-label"
                 checked={formState.checked === "toBankAccount"}
-                onInput={() => callbacks.onChange("toBankAccount")}
+                onInput={() => callbacks.setChecked("toBankAccount")}
                 disabled={states.disabled}
                 id="toBankAccount"
                 name="/toBankAccount"
               >
                 {text.directlyToBankAccount}
               </sl-checkbox>
-              {slots.countryInputSlot}
-              {slots.paymentMethodSlot}
-              {formState.checked === "toBankAccount" && slots.formInputsSlot}
+              <div style={states.hideBanking ? { display: "none" } : {}}>
+                {slots.countryInputSlot}
+                {slots.paymentMethodSlot}
+                {formState.checked === "toBankAccount" && slots.formInputsSlot}
+              </div>
               <sl-checkbox
                 class={classes.Checkbox}
                 exportparts="label: input-label"
                 checked={formState.checked === "toPaypalAccount"}
-                onInput={() => callbacks.onChange("toPaypalAccount")}
+                onInput={() => callbacks.setChecked("toPaypalAccount")}
                 disabled={states.disabled}
                 id="toPaypalAccount"
                 name="/toPaypalAccount"
               >
                 {text.toPaypalAccount}
               </sl-checkbox>
-              {formState.checked === "toPaypalAccount" && slots.formInputsSlot}
+              <div style={states.hidePayPal ? { display: "none" } : {}}>
+                {formState.checked === "toPaypalAccount" &&
+                  // replace this slot with just an sl-input for paypalEmail
+                  slots.formInputsSlot}
+              </div>
             </div>
           </div>
           <div class={classes.BtnContainer}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index a091e02fc6..4840c3a38f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -300,29 +300,31 @@ export class BankingInfoForm {
                     props.callbacks.setBankCountry(e.detail?.item?.value)
                   }
                 >
-                  {mockPaymentOptions[props.demo.currency]?.map(
-                    (paymentOption) => {
-                      // @ts-ignore
-                      const countryDisplayName = new Intl.DisplayNames(
-                        [props.states.intlLocale],
-                        { type: "region" }
-                      ).of(paymentOption.country);
+                  {/* TODO: mock data should come from the backend when available */}
+                  {mockPaymentOptions[
+                    props.demo.currency || props.states.currency
+                  ]?.map((paymentOption) => {
+                    // @ts-ignore
+                    const countryDisplayName = new Intl.DisplayNames(
+                      [props.states.intlLocale],
+                      { type: "region" }
+                    ).of(paymentOption.country);
 
-                      console.log({ paymentOption, countryDisplayName });
-                      return (
-                        <sl-menu-item value={paymentOption?.country}>
-                          {countryDisplayName}
-                        </sl-menu-item>
-                      );
-                    }
-                  )}
+                    return (
+                      <sl-menu-item value={paymentOption?.country}>
+                        {countryDisplayName}
+                      </sl-menu-item>
+                    );
+                  })}
                 </sl-select>
               </label>
             ),
             paymentMethodSlot: (
-              <label>
-                Payment Method <span>EFT Withdrawal</span>
-              </label>
+              <div>
+                <label>
+                  Payment Method <span>EFT Withdrawal</span>
+                </label>
+              </div>
             ),
           }}
         />
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 921b2d7c7c..72b5352155 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -1,15 +1,15 @@
+import { useLocale } from "@saasquatch/component-boilerplate";
 import { useRef, useState } from "@saasquatch/universal-hooks";
+import JSONPointer from "jsonpointer";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useParent } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
-import { BankingInfoForm } from "./sqm-banking-info-form";
-import JSONPointer from "jsonpointer";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useLocale } from "@saasquatch/component-boilerplate";
 import { mockPaymentOptions } from "./mockData";
+import { BankingInfoForm } from "./sqm-banking-info-form";
 
 export const paypalFeeMap = {
   USD: "USD20.00",
@@ -62,6 +62,9 @@ export function useBankingInfoForm(props: BankingInfoForm) {
   const [option, setOption] = useState(null);
   const [loading, setLoading] = useState(false);
   const [errors, setErrors] = useState({});
+  const [checked, setChecked] = useState<
+    "toBankAccount" | "toPaypalAccount" | undefined
+  >(undefined);
 
   const onSubmit = async (event: any) => {
     let formData: Record<string, string> = {};
@@ -130,6 +133,7 @@ export function useBankingInfoForm(props: BankingInfoForm) {
       onSubmit,
       onChange: setOption,
       setBankCountry,
+      setChecked,
     },
     states: {
       locale,
@@ -139,12 +143,15 @@ export function useBankingInfoForm(props: BankingInfoForm) {
       disabled: false,
       loading: false,
       hideSteps: false,
+      hideBanking: checked !== "toBankAccount",
+      hidePayPal: checked !== "toPaypalAccount",
       formState: {
-        checked: "toBankAccount" as "toBankAccount" | "toPaypalAccount",
+        checked,
         errors,
       },
       bitset: currentPaymentOption?.withdrawalId || 0,
       bankCountry,
+      currency: userData?.user?.impactPartner?.currency,
     },
     refs: {
       formRef,

From 8458f156b4cfd2a48ddcebb8bcb90f4ceae01aae Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 17:07:06 -0800
Subject: [PATCH 229/753] added input

---
 .../sqm-banking-info-form-view.tsx                   | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 129457b7e1..73389a838d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -33,6 +33,7 @@ export interface BankingInfoFormViewProps {
     toPaypalAccount: string;
     paymentMethod: string;
     submitButton: string;
+    paypalEmail?: string;
 
     error: {};
   };
@@ -222,9 +223,14 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 {text.toPaypalAccount}
               </sl-checkbox>
               <div style={states.hidePayPal ? { display: "none" } : {}}>
-                {formState.checked === "toPaypalAccount" &&
-                  // replace this slot with just an sl-input for paypalEmail
-                  slots.formInputsSlot}
+                {formState.checked === "toPaypalAccount" && (
+                  <sl-input
+                    name="/paypalEmail"
+                    id="paypalEmail"
+                    type="text"
+                    label={text.paypalEmail}
+                  />
+                )}
               </div>
             </div>
           </div>

From 7ccac45cb5abf00a7ba5fb1d9623f42daee62805 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 17:12:39 -0800
Subject: [PATCH 230/753] use sl-input's label prop

---
 .../sqm-banking-info-form.tsx                 | 99 ++++++++++++-------
 1 file changed, 62 insertions(+), 37 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 4840c3a38f..8111b3f23a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -74,8 +74,6 @@ export class BankingInfoForm {
       ? useDemoBankingInfoForm(this)
       : useBankingInfoForm(getProps(this));
 
-    // const props = useBankingInfoForm(getProps(this));
-
     console.log("PROPS ARE", { props }, props.text.beneficiaryAccountNameLabel);
 
     const routingCodeLabels = {
@@ -93,9 +91,9 @@ export class BankingInfoForm {
 
     const formMap = {
       0: {
-        label: props.text.beneficiaryAccountNameLabel,
         input: (
           <sl-input
+            label={props.text.beneficiaryAccountNameLabel}
             name="/beneficiaryAccountName"
             id="beneficiaryAccountName"
             type="text"
@@ -103,9 +101,9 @@ export class BankingInfoForm {
         ),
       },
       1: {
-        label: props.text.bankAccountTypeLabel,
         input: (
           <sl-input
+            label={props.text.bankAccountTypeLabel}
             name="/bankAccountType"
             id="bankAccountType"
             type="text"
@@ -113,9 +111,9 @@ export class BankingInfoForm {
         ),
       },
       2: {
-        label: props.text.bankAccountNumberLabel,
         input: (
           <sl-input
+            label={props.text.bankAccountNumberLabel}
             name="/bankAccountNumber"
             id="bankAccountNumber"
             type="text"
@@ -123,9 +121,9 @@ export class BankingInfoForm {
         ),
       },
       3: {
-        label: props.text.ibanLabel,
         input: (
           <sl-input
+            label={props.text.ibanLabel}
             name="/beneficiaryAccountName"
             id="beneficiaryAccountName"
             type="text"
@@ -134,27 +132,42 @@ export class BankingInfoForm {
       },
 
       4: {
-        label: props.text.swiftCodeLabel,
         input: (
-          <sl-input name="/swiftCode" id="swiftCode" type="text"></sl-input>
+          <sl-input
+            label={props.text.swiftCodeLabel}
+            name="/swiftCode"
+            id="swiftCode"
+            type="text"
+          ></sl-input>
         ),
       },
       5: {
-        label:
-          routingCodeLabels[props.states.bankCountry] ||
-          props.text.routingCodeLabel,
         input: (
-          <sl-input name="/routingCode" id="routingCode" type="text"></sl-input>
+          <sl-input
+            label={
+              routingCodeLabels[props.states.bankCountry] ||
+              props.text.routingCodeLabel
+            }
+            name="/routingCode"
+            id="routingCode"
+            type="text"
+          ></sl-input>
         ),
       },
       6: {
-        label: props.text.bankNameLabel,
-        input: <sl-input name="/bankName" id="bankName" type="text"></sl-input>,
+        input: (
+          <sl-input
+            label={props.text.bankNameLabel}
+            name="/bankName"
+            id="bankName"
+            type="text"
+          ></sl-input>
+        ),
       },
       7: {
-        label: props.text.classificationLabel,
         input: (
           <sl-select
+            label={props.text.classificationLabel}
             name="/beneficiaryClassification"
             id="beneficiaryClassification"
           >
@@ -171,9 +184,9 @@ export class BankingInfoForm {
         ),
       },
       8: {
-        label: props.text.classificationCPFLabel,
         input: (
           <sl-select
+            label={props.text.classificationCPFLabel}
             name="/beneficiaryClassification"
             id="beneficiaryClassification"
           >
@@ -183,9 +196,9 @@ export class BankingInfoForm {
         ),
       },
       9: {
-        label: props.text.patronymicNameLabel,
         input: (
           <sl-input
+            label={props.text.patronymicNameLabel}
             name="/patronymicName"
             id="patronymicName"
             type="text"
@@ -193,35 +206,48 @@ export class BankingInfoForm {
         ),
       },
       10: {
-        label: props.text.voCodeLabel,
-        input: <sl-input name="/voCode" id="voCode" type="text"></sl-input>,
+        input: (
+          <sl-input
+            label={props.text.voCodeLabel}
+            name="/voCode"
+            id="voCode"
+            type="text"
+          ></sl-input>
+        ),
       },
       11: {
-        label: props.text.agencyCodeLabel,
         input: (
-          <sl-input name="/agencyCode" id="agencyCode" type="text"></sl-input>
+          <sl-input
+            label={props.text.agencyCodeLabel}
+            name="/agencyCode"
+            id="agencyCode"
+            type="text"
+          ></sl-input>
         ),
       },
       12: {
-        label: "",
         input: (
           <div>
-            <label htmlFor="/bankAddress">bankAddress</label>
             <sl-input
+              label={"bankAddress"}
               name="/bankAddress"
               id="bankAddress"
               type="text"
             ></sl-input>
-            <label htmlFor="/bankCity">bankCity</label>
-            <sl-input name="/bankCity" id="bankCity" type="text"></sl-input>
-            <label htmlFor="/bankProvinceState">bankProvinceState</label>
             <sl-input
+              label={"bankCity"}
+              name="/bankCity"
+              id="bankCity"
+              type="text"
+            ></sl-input>
+            <sl-input
+              label={"bankProvinceState"}
               name="/bankProvinceState"
               id="bankProvinceState"
               type="text"
             ></sl-input>
-            <label htmlFor="/bankPostalCode">bankPostalCode</label>
             <sl-input
+              label={"bankPostalCode"}
               name="/bankPostalCode"
               id="bankPostalCode"
               type="text"
@@ -230,15 +256,19 @@ export class BankingInfoForm {
         ),
       },
       13: {
-        label: props.text.branchCodeLabel,
         input: (
-          <sl-input name="/branchCode" id="branchCode" type="text"></sl-input>
+          <sl-input
+            label={props.text.branchCodeLabel}
+            name="/branchCode"
+            id="branchCode"
+            type="text"
+          ></sl-input>
         ),
       },
       14: {
-        label: props.text.classificationLabel,
         input: (
           <sl-select
+            label={props.text.classificationLabel}
             name="/beneficiaryClassification"
             id="beneficiaryClassification"
           >
@@ -281,13 +311,8 @@ export class BankingInfoForm {
           states={props.states}
           refs={props.refs}
           slots={{
-            formInputsSlot: inputFields?.map(({ input, label }) => {
-              return (
-                <label>
-                  {label}
-                  {input}
-                </label>
-              );
+            formInputsSlot: inputFields?.map(({ input }) => {
+              return input;
             }),
             countryInputSlot: (
               <label htmlFor="/bankCountry">

From 9a97e2ffcac0866762df7aa565139de762b9cba5 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 15 Feb 2024 17:18:12 -0800
Subject: [PATCH 231/753] View + story updates

---
 packages/mint-components/src/components.d.ts  |  6 ++
 .../tax-and-cash/BankingForm.stories.tsx      | 17 ++++++
 .../sqm-banking-info-form-view.tsx            | 58 +++++++++++++------
 .../sqm-banking-info-form.tsx                 | 13 ++++-
 4 files changed, 73 insertions(+), 21 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index b88dbc80b1..c5d23bb437 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -87,7 +87,10 @@ export namespace Components {
         "formStep": string;
         "ibanLabel": string;
         "individualSelectItemLabel": string;
+        "isPartnerAlertDescription": string;
+        "isPartnerAlertHeader": string;
         "patronymicNameLabel": string;
+        "payPalInputLabel": string;
         "paymentMethod": string;
         "routingCodeLabel": string;
         "submitButton": string;
@@ -4792,7 +4795,10 @@ declare namespace LocalJSX {
         "formStep"?: string;
         "ibanLabel"?: string;
         "individualSelectItemLabel"?: string;
+        "isPartnerAlertDescription"?: string;
+        "isPartnerAlertHeader"?: string;
         "patronymicNameLabel"?: string;
+        "payPalInputLabel"?: string;
         "paymentMethod"?: string;
         "routingCodeLabel"?: string;
         "submitButton"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 24504f647d..ba39359a70 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -96,6 +96,23 @@ export const BankingInfoFormCountrySpainCurrencyUSD = () => {
   );
 };
 
+export const BankingInfoFormIsPartner = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        states: {
+          ...bankingFormProps.states,
+          isPartner: true,
+        },
+        demo: {
+          bitset: 25,
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
 export const BankingInfoFormPaypalChecked = () => {
   return (
     <sqm-banking-info-form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 73389a838d..fcc58b296f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -8,6 +8,7 @@ export interface BankingInfoFormViewProps {
     hideSteps: boolean;
     hideBanking?: boolean;
     hidePayPal?: boolean;
+    isPartner: boolean;
     formState: {
       checked: "toBankAccount" | "toPaypalAccount" | undefined;
       errors?: any;
@@ -33,8 +34,9 @@ export interface BankingInfoFormViewProps {
     toPaypalAccount: string;
     paymentMethod: string;
     submitButton: string;
-    paypalEmail?: string;
-
+    payPalInputLabel: string;
+    isPartnerAlertHeader: string;
+    isPartnerAlertDescription: string;
     error: {};
   };
   refs: {
@@ -112,6 +114,24 @@ const style = {
       borderRadius: "50% !important",
     },
   },
+  InputContainer: {
+    padding: "16px",
+    margin: "16px 0px 16px 0px",
+    borderTop: "1px solid var(--sl-color-gray-300)",
+    borderBottom: "1px solid var(--sl-color-gray-300)",
+    display: "flex",
+    flexDirection: "column",
+    width: "100%",
+    gap: "16px",
+
+    "& sl-input::part(base)": {
+      maxWidth: "320px",
+    },
+
+    "& sl-select::part(base)": {
+      maxWidth: "300px",
+    },
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -146,7 +166,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
 
   const { classes } = sheet;
 
-  console.log(formState.errors);
+  console.log(text.payPalInputLabel);
 
   return (
     <sl-form
@@ -173,7 +193,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
             {text.error.generalDescription}
           </sl-alert>
         )} */}
-        {/* {states.isPartner && (
+        {states.isPartner && (
           <sl-alert
             type="primary"
             open
@@ -184,7 +204,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
             <br />
             {text.isPartnerAlertDescription}
           </sl-alert>
-        )} */}
+        )}
         <div>
           <h4>{text.paymentMethod}</h4>
         </div>
@@ -206,11 +226,13 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
               >
                 {text.directlyToBankAccount}
               </sl-checkbox>
-              <div style={states.hideBanking ? { display: "none" } : {}}>
-                {slots.countryInputSlot}
-                {slots.paymentMethodSlot}
-                {formState.checked === "toBankAccount" && slots.formInputsSlot}
-              </div>
+              {formState.checked === "toBankAccount" && (
+                <div class={classes.InputContainer}>
+                  {slots.countryInputSlot}
+                  {slots.paymentMethodSlot}
+                  {slots.formInputsSlot}
+                </div>
+              )}
               <sl-checkbox
                 class={classes.Checkbox}
                 exportparts="label: input-label"
@@ -222,16 +244,16 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
               >
                 {text.toPaypalAccount}
               </sl-checkbox>
-              <div style={states.hidePayPal ? { display: "none" } : {}}>
-                {formState.checked === "toPaypalAccount" && (
+              {formState.checked === "toPaypalAccount" && (
+                <div class={classes.InputContainer}>
                   <sl-input
-                    name="/paypalEmail"
-                    id="paypalEmail"
+                    label={text.payPalInputLabel}
+                    name="/payPalEmail"
+                    id="payPalEmail"
                     type="text"
-                    label={text.paypalEmail}
-                  />
-                )}
-              </div>
+                  ></sl-input>
+                </div>
+              )}
             </div>
           </div>
           <div class={classes.BtnContainer}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 8111b3f23a..ba446896f1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -28,6 +28,7 @@ export class BankingInfoForm {
   @Prop() toPaypalAccount: string =
     "PayPal (2% processing fee capped to {feeCap})";
   @Prop() paymentMethod: string = "Payment Method";
+  @Prop() payPalInputLabel: string = "PayPal Email";
   @Prop() submitButton: string = "Save";
   @Prop() beneficiaryAccountNameLabel: string = "Beneficiary Account Name";
   @Prop() bankAccountTypeLabel: string = "Bank Account Type";
@@ -40,13 +41,20 @@ export class BankingInfoForm {
   @Prop() businessSelectItemLabel: string = "Business";
   @Prop() individualSelectItemLabel: string = "Individual";
   @Prop() foreignSelectItemLabel: string = "Foreign";
-
+  @Prop() isPartnerAlertHeader: string =
+    "An account with this email already exists with our referral program provider, impact.com";
+  @Prop() isPartnerAlertDescription: string =
+    "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.";
   @Prop() classificationCPFLabel: string = "Classification CPF";
   @Prop() patronymicNameLabel: string = "Patronymic Name";
   @Prop() voCodeLabel: string = "Vo Code";
   @Prop() agencyCodeLabel: string = "Agency Code";
   @Prop() branchCodeLabel: string = "Branch Code";
   @Prop() classificationLabel: string = "Classification";
+  // @Prop() generalErrorTitle: string =
+  //   "There was a problem submitting your information";
+  // @Prop() generalErrorDescription: string =
+  //   "Please review your information and try again. If this problem continues, contact Support.";
 
   /**
    * @undocumented
@@ -74,8 +82,6 @@ export class BankingInfoForm {
       ? useDemoBankingInfoForm(this)
       : useBankingInfoForm(getProps(this));
 
-    console.log("PROPS ARE", { props }, props.text.beneficiaryAccountNameLabel);
-
     const routingCodeLabels = {
       AU: "BSB Number",
       CA: "Routing Number",
@@ -364,6 +370,7 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
   return deepmerge(
     {
       states: {
+        isPartner: false,
         disabled: false,
         loading: false,
         hideSteps: false,

From c73e0b37684f06104fa815adae92e8ef25f56579 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 17:23:31 -0800
Subject: [PATCH 232/753] Update useBankingInfoForm.tsx

---
 .../sqm-banking-info-form/useBankingInfoForm.tsx   | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 72b5352155..6d4f46d62e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -93,18 +93,8 @@ export function useBankingInfoForm(props: BankingInfoForm) {
     try {
       console.log({ formData });
 
-      // const result = await connectImpactPartner({
-      //   vars: {
-      //     userId: user.id,
-      //     accountId: user.accountId,
-      //     firstName: userForm.firstName,
-      //     lastName: userForm.lastName,
-      //     country: userForm.countryCode, // TODO: May need formatting
-      //     currency: userForm.currency,
-      //     ...fields,
-      //   },
-      // });
-      // if (!result || (result as Error)?.message) throw new Error();
+      // TODO: wire up mutation
+      // await upsertBankDetails({bankDetails:formData})
 
       // setStep("/3");
     } catch (e) {

From fcaa1a2bf6b524142c9d760dce98cac185eac42b Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 17:28:27 -0800
Subject: [PATCH 233/753] set name to iban for now, comment some TODO's

---
 .../sqm-banking-info-form/sqm-banking-info-form.tsx           | 4 ++--
 .../tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index ba446896f1..b0954f296f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -130,8 +130,8 @@ export class BankingInfoForm {
         input: (
           <sl-input
             label={props.text.ibanLabel}
-            name="/beneficiaryAccountName"
-            id="beneficiaryAccountName"
+            name="/iban"
+            id="iban"
             type="text"
           ></sl-input>
         ),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 6d4f46d62e..c802d70f5b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -96,7 +96,7 @@ export function useBankingInfoForm(props: BankingInfoForm) {
       // TODO: wire up mutation
       // await upsertBankDetails({bankDetails:formData})
 
-      // setStep("/3");
+      // setStep("/submitted");
     } catch (e) {
       setErrors({ general: true });
     } finally {

From 6fcb6503f2c14a3b65f43b00f47ca648eae1f380 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 15 Feb 2024 17:30:22 -0800
Subject: [PATCH 234/753] types

---
 packages/mint-components/src/components.d.ts | 134 +++++++++----------
 1 file changed, 62 insertions(+), 72 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 5b1eb3d3d0..b336a28174 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -532,7 +532,7 @@ export namespace Components {
          */
         "editprofiletext": string;
         /**
-          * @uiName Field empty text
+          * @uiName Empty field error message
          */
         "fieldEmptyText": string;
         /**
@@ -540,7 +540,7 @@ export namespace Components {
          */
         "firstnametext": string;
         /**
-          * @uiName Form error text
+          * @uiName Form error message
          */
         "formErrorText": string;
         /**
@@ -1153,7 +1153,7 @@ export namespace Components {
          */
         "disableValidation": boolean;
         /**
-          * @uiName Fails requirements text
+          * @uiName Password requirement failed
          */
         "doesNotMeetRequirementsText": string;
         /**
@@ -1162,7 +1162,7 @@ export namespace Components {
          */
         "fieldLabel": string;
         /**
-          * @uiName Missing number or symbol error text
+          * @uiName Missing number or symbol text
          */
         "hasErrorText": string;
         /**
@@ -1170,7 +1170,7 @@ export namespace Components {
          */
         "lowercaseErrorText": string;
         /**
-          * @uiName Meets requirements text
+          * @uiName Password requirement met
          */
         "meetsRequirementsText": string;
         /**
@@ -1242,15 +1242,15 @@ export namespace Components {
          */
         "demoData"?: DemoData<PortalChangePasswordViewProps>;
         /**
-          * @uiName Fails requirements text
+          * @uiName Password requirement failed
          */
         "doesNotMeetRequirementsText": string;
         /**
-          * @uiName Invalid session error text
+          * @uiName Missing number or symbol text
          */
         "hasErrorText": string;
         /**
-          * @uiName Invalid user session error text
+          * @uiName Invalid user session error message
          */
         "invalidSessionErrorText": string;
         /**
@@ -1258,7 +1258,7 @@ export namespace Components {
          */
         "lowercaseErrorText": string;
         /**
-          * @uiName Meets requirements text
+          * @uiName Password requirement met
          */
         "meetsRequirementsText": string;
         /**
@@ -1270,7 +1270,7 @@ export namespace Components {
          */
         "modalChangePasswordHeader": string;
         /**
-          * @uiName Non matching password error text
+          * @uiName Passwords don’t match error message
          */
         "nonMatchingPasswordErrorText": string;
         /**
@@ -1371,7 +1371,7 @@ export namespace Components {
          */
         "emailVerificationHeader": string;
         /**
-          * @uiName Network error text
+          * @uiName Network error message Displayed when your verification email fails to send due to a network error. The participant can try refreshing the page.
          */
         "networkErrorMessage": string;
         /**
@@ -1497,7 +1497,7 @@ export namespace Components {
          */
         "loginText": string;
         /**
-          * @uiName Network error message
+          * @uiName Network error message Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page.
          */
         "networkErrorMessage": string;
         /**
@@ -1511,7 +1511,7 @@ export namespace Components {
          */
         "submitLabel": string;
         /**
-          * @uiName Success alert text
+          * @uiName Email verification sent text
          */
         "successAlertText": string;
     }
@@ -1547,7 +1547,7 @@ export namespace Components {
          */
         "forgotPasswordPath": string;
         /**
-          * @uiName Network error message
+          * @uiName Network error message Displayed when the login fails due to a network error. The participant can try refreshing the page.
          */
         "networkErrorMessage": string;
         /**
@@ -1619,7 +1619,7 @@ export namespace Components {
          */
         "firstnametext": string;
         /**
-          * @uiName Form error text
+          * @uiName Form error message
          */
         "formErrorText": string;
         /**
@@ -1631,7 +1631,7 @@ export namespace Components {
          */
         "lastnametext": string;
         /**
-          * @uiName Network request text
+          * @uiName Network request error message Displayed when the page fails to load due to a network error. The participant can try refreshing the page.
          */
         "networkRequestMessage": string;
         /**
@@ -1678,7 +1678,7 @@ export namespace Components {
          */
         "disablePasswordValidation": boolean;
         /**
-          * @uiName Fails requirements text
+          * @uiName Password requirement failed
          */
         "doesNotMeetRequirementsText": string;
         /**
@@ -1686,7 +1686,7 @@ export namespace Components {
          */
         "emailLabel": string;
         /**
-          * @uiName Missing number or symbol error text
+          * @uiName Missing number or symbol text
          */
         "hasErrorText": string;
         /**
@@ -1715,7 +1715,7 @@ export namespace Components {
          */
         "lowercaseErrorText": string;
         /**
-          * @uiName Meets requirements text
+          * @uiName Password requirement met
          */
         "meetsRequirementsText": string;
         /**
@@ -1788,7 +1788,7 @@ export namespace Components {
          */
         "disablePasswordValidation": boolean;
         /**
-          * @uiName Fails requirements text
+          * @uiName Password requirement failed
          */
         "doesNotMeetRequirementsText": string;
         /**
@@ -1808,7 +1808,7 @@ export namespace Components {
          */
         "formKey": string;
         /**
-          * @uiName Missing number or symbol error text
+          * @uiName Missing number or symbol text
          */
         "hasErrorText": string;
         /**
@@ -1837,7 +1837,7 @@ export namespace Components {
          */
         "lowercaseErrorText": string;
         /**
-          * @uiName Meets requirements text
+          * @uiName Password requirement met
          */
         "meetsRequirementsText": string;
         /**
@@ -1890,15 +1890,10 @@ export namespace Components {
           * @uiName Missing uppercase text
          */
         "uppercaseErrorText": string;
-        /**
-          * Saves the browser locale on the new user
-          * @uiName Use browser locale
-         */
-        "useBrowserLocale": boolean;
     }
     interface SqmPortalResetPassword {
         /**
-          * @uiName Reset code invalid text
+          * @uiName Reset code invalid error message
          */
         "codeInvalidText": string;
         /**
@@ -1920,7 +1915,7 @@ export namespace Components {
          */
         "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
-          * @uiName Fails requirements text
+          * @uiName Password requirement failed
          */
         "doesNotMeetRequirementsText": string;
         /**
@@ -1930,7 +1925,7 @@ export namespace Components {
          */
         "failedPage": string;
         /**
-          * @uiName Missing number or symbol error text
+          * @uiName Missing number or symbol text
          */
         "hasErrorText": string;
         /**
@@ -1938,7 +1933,7 @@ export namespace Components {
          */
         "lowercaseErrorText": string;
         /**
-          * @uiName Meets requirements text
+          * @uiName Password requirement met
          */
         "meetsRequirementsText": string;
         /**
@@ -1946,7 +1941,7 @@ export namespace Components {
          */
         "minErrorText": string;
         /**
-          * @uiName Network error text
+          * @uiName Network error message Displayed when the password reset fails due to a network error. The participant can try refreshing the page.
          */
         "networkErrorMessage": string;
         /**
@@ -1960,7 +1955,7 @@ export namespace Components {
          */
         "passwordFieldLabel": string;
         /**
-          * @uiName Password mismatch text
+          * @uiName Passwords don’t match error message Please make sure your passwords match
          */
         "passwordMismatchText": string;
         /**
@@ -2003,7 +1998,7 @@ export namespace Components {
          */
         "failedPage": string;
         /**
-          * @uiName Network error text
+          * @uiName Network error message Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
          */
         "networkErrorMessage": string;
         /**
@@ -2997,8 +2992,8 @@ export namespace Components {
          */
         "undefinedLinkText"?: string;
         /**
-          * Alert text shown if user's device does not support native sharing
-          * @uiName Undefined link text
+          * Alert text shown if the user's device does not support native sharing
+          * @uiName Unsupported platform text
          */
         "unsupportedPlatformText"?: string;
     }
@@ -5482,7 +5477,7 @@ declare namespace LocalJSX {
          */
         "editprofiletext"?: string;
         /**
-          * @uiName Field empty text
+          * @uiName Empty field error message
          */
         "fieldEmptyText"?: string;
         /**
@@ -5490,7 +5485,7 @@ declare namespace LocalJSX {
          */
         "firstnametext"?: string;
         /**
-          * @uiName Form error text
+          * @uiName Form error message
          */
         "formErrorText"?: string;
         /**
@@ -6103,7 +6098,7 @@ declare namespace LocalJSX {
          */
         "disableValidation"?: boolean;
         /**
-          * @uiName Fails requirements text
+          * @uiName Password requirement failed
          */
         "doesNotMeetRequirementsText"?: string;
         /**
@@ -6112,7 +6107,7 @@ declare namespace LocalJSX {
          */
         "fieldLabel"?: string;
         /**
-          * @uiName Missing number or symbol error text
+          * @uiName Missing number or symbol text
          */
         "hasErrorText"?: string;
         /**
@@ -6120,7 +6115,7 @@ declare namespace LocalJSX {
          */
         "lowercaseErrorText"?: string;
         /**
-          * @uiName Meets requirements text
+          * @uiName Password requirement met
          */
         "meetsRequirementsText"?: string;
         /**
@@ -6192,15 +6187,15 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<PortalChangePasswordViewProps>;
         /**
-          * @uiName Fails requirements text
+          * @uiName Password requirement failed
          */
         "doesNotMeetRequirementsText"?: string;
         /**
-          * @uiName Invalid session error text
+          * @uiName Missing number or symbol text
          */
         "hasErrorText"?: string;
         /**
-          * @uiName Invalid user session error text
+          * @uiName Invalid user session error message
          */
         "invalidSessionErrorText"?: string;
         /**
@@ -6208,7 +6203,7 @@ declare namespace LocalJSX {
          */
         "lowercaseErrorText"?: string;
         /**
-          * @uiName Meets requirements text
+          * @uiName Password requirement met
          */
         "meetsRequirementsText"?: string;
         /**
@@ -6220,7 +6215,7 @@ declare namespace LocalJSX {
          */
         "modalChangePasswordHeader"?: string;
         /**
-          * @uiName Non matching password error text
+          * @uiName Passwords don’t match error message
          */
         "nonMatchingPasswordErrorText"?: string;
         /**
@@ -6321,7 +6316,7 @@ declare namespace LocalJSX {
          */
         "emailVerificationHeader"?: string;
         /**
-          * @uiName Network error text
+          * @uiName Network error message Displayed when your verification email fails to send due to a network error. The participant can try refreshing the page.
          */
         "networkErrorMessage"?: string;
         /**
@@ -6447,7 +6442,7 @@ declare namespace LocalJSX {
          */
         "loginText"?: string;
         /**
-          * @uiName Network error message
+          * @uiName Network error message Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page.
          */
         "networkErrorMessage"?: string;
         /**
@@ -6461,7 +6456,7 @@ declare namespace LocalJSX {
          */
         "submitLabel"?: string;
         /**
-          * @uiName Success alert text
+          * @uiName Email verification sent text
          */
         "successAlertText"?: string;
     }
@@ -6497,7 +6492,7 @@ declare namespace LocalJSX {
          */
         "forgotPasswordPath"?: string;
         /**
-          * @uiName Network error message
+          * @uiName Network error message Displayed when the login fails due to a network error. The participant can try refreshing the page.
          */
         "networkErrorMessage"?: string;
         /**
@@ -6569,7 +6564,7 @@ declare namespace LocalJSX {
          */
         "firstnametext"?: string;
         /**
-          * @uiName Form error text
+          * @uiName Form error message
          */
         "formErrorText"?: string;
         /**
@@ -6581,7 +6576,7 @@ declare namespace LocalJSX {
          */
         "lastnametext"?: string;
         /**
-          * @uiName Network request text
+          * @uiName Network request error message Displayed when the page fails to load due to a network error. The participant can try refreshing the page.
          */
         "networkRequestMessage"?: string;
         /**
@@ -6628,7 +6623,7 @@ declare namespace LocalJSX {
          */
         "disablePasswordValidation"?: boolean;
         /**
-          * @uiName Fails requirements text
+          * @uiName Password requirement failed
          */
         "doesNotMeetRequirementsText"?: string;
         /**
@@ -6636,7 +6631,7 @@ declare namespace LocalJSX {
          */
         "emailLabel"?: string;
         /**
-          * @uiName Missing number or symbol error text
+          * @uiName Missing number or symbol text
          */
         "hasErrorText"?: string;
         /**
@@ -6665,7 +6660,7 @@ declare namespace LocalJSX {
          */
         "lowercaseErrorText"?: string;
         /**
-          * @uiName Meets requirements text
+          * @uiName Password requirement met
          */
         "meetsRequirementsText"?: string;
         /**
@@ -6738,7 +6733,7 @@ declare namespace LocalJSX {
          */
         "disablePasswordValidation"?: boolean;
         /**
-          * @uiName Fails requirements text
+          * @uiName Password requirement failed
          */
         "doesNotMeetRequirementsText"?: string;
         /**
@@ -6758,7 +6753,7 @@ declare namespace LocalJSX {
          */
         "formKey"?: string;
         /**
-          * @uiName Missing number or symbol error text
+          * @uiName Missing number or symbol text
          */
         "hasErrorText"?: string;
         /**
@@ -6787,7 +6782,7 @@ declare namespace LocalJSX {
          */
         "lowercaseErrorText"?: string;
         /**
-          * @uiName Meets requirements text
+          * @uiName Password requirement met
          */
         "meetsRequirementsText"?: string;
         /**
@@ -6840,15 +6835,10 @@ declare namespace LocalJSX {
           * @uiName Missing uppercase text
          */
         "uppercaseErrorText"?: string;
-        /**
-          * Saves the browser locale on the new user
-          * @uiName Use browser locale
-         */
-        "useBrowserLocale"?: boolean;
     }
     interface SqmPortalResetPassword {
         /**
-          * @uiName Reset code invalid text
+          * @uiName Reset code invalid error message
          */
         "codeInvalidText"?: string;
         /**
@@ -6870,7 +6860,7 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<PortalResetPasswordViewProps>;
         /**
-          * @uiName Fails requirements text
+          * @uiName Password requirement failed
          */
         "doesNotMeetRequirementsText"?: string;
         /**
@@ -6880,7 +6870,7 @@ declare namespace LocalJSX {
          */
         "failedPage"?: string;
         /**
-          * @uiName Missing number or symbol error text
+          * @uiName Missing number or symbol text
          */
         "hasErrorText"?: string;
         /**
@@ -6888,7 +6878,7 @@ declare namespace LocalJSX {
          */
         "lowercaseErrorText"?: string;
         /**
-          * @uiName Meets requirements text
+          * @uiName Password requirement met
          */
         "meetsRequirementsText"?: string;
         /**
@@ -6896,7 +6886,7 @@ declare namespace LocalJSX {
          */
         "minErrorText"?: string;
         /**
-          * @uiName Network error text
+          * @uiName Network error message Displayed when the password reset fails due to a network error. The participant can try refreshing the page.
          */
         "networkErrorMessage"?: string;
         /**
@@ -6910,7 +6900,7 @@ declare namespace LocalJSX {
          */
         "passwordFieldLabel"?: string;
         /**
-          * @uiName Password mismatch text
+          * @uiName Passwords don’t match error message Please make sure your passwords match
          */
         "passwordMismatchText"?: string;
         /**
@@ -6953,7 +6943,7 @@ declare namespace LocalJSX {
          */
         "failedPage"?: string;
         /**
-          * @uiName Network error text
+          * @uiName Network error message Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
          */
         "networkErrorMessage"?: string;
         /**
@@ -7923,8 +7913,8 @@ declare namespace LocalJSX {
          */
         "undefinedLinkText"?: string;
         /**
-          * Alert text shown if user's device does not support native sharing
-          * @uiName Undefined link text
+          * Alert text shown if the user's device does not support native sharing
+          * @uiName Unsupported platform text
          */
         "unsupportedPlatformText"?: string;
     }

From c966f89f2f6ddc8730278d9436cbbdcb1f60fba9 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 16 Feb 2024 09:30:07 -0800
Subject: [PATCH 235/753] fixes + official tax types for countries

---
 packages/mint-components/package-lock.json    |   4 +-
 packages/mint-components/package.json         |   2 +-
 .../tax-and-cash/TaxForm.stories.tsx          |   9 +-
 .../src/components/tax-and-cash/countries.ts  | 319 ++++--------------
 .../tax-and-cash/sqm-docusign-form/readme.md  |  38 ++-
 .../sqm-indirect-tax-form.tsx                 |  13 +-
 .../useIndirectTaxForm.tsx                    |  35 +-
 .../tax-and-cash/sqm-tax-and-cash/data.ts     |   4 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |   4 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |   4 +-
 .../small-views/IndirectTaxDetailsView.tsx    |  25 +-
 .../sqm-user-info-form/useUserInfoForm.tsx    |   2 +-
 packages/mint-components/src/index.html       |   4 +-
 13 files changed, 151 insertions(+), 312 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index b8d3b77205..1d90bac403 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-27",
+  "version": "1.8.0-29",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-27",
+      "version": "1.8.0-29",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index f2147366c2..eda31d10eb 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-28",
+  "version": "1.8.0-29",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 5c2da9b0fb..ec2a1b6e13 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -1,6 +1,5 @@
 import { h } from "@stencil/core";
 import { StoryDemoData } from "../../global/demo";
-import { INDIRECT_TAX_COUNTRIES } from "./countries";
 import { UseDocumentTypeFormResult } from "./sqm-document-type-form/useDocumentTypeForm";
 import { UseDocusignFormResult } from "./sqm-docusign-form/useDocusignForm";
 import { UseIndirectTaxFormResult } from "./sqm-indirect-tax-form/useIndirectTaxForm";
@@ -75,7 +74,13 @@ const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
   },
   data: {
     esRegions: INDIRECT_TAX_SPAIN_REGIONS,
-    countries: INDIRECT_TAX_COUNTRIES,
+    countries: [
+      {
+        displayName: "United States",
+        countryCode: "US",
+        impactCountryCode: "US",
+      },
+    ],
     provinces: INDIRECT_TAX_PROVINCES,
   },
   slotProps: {
diff --git a/packages/mint-components/src/components/tax-and-cash/countries.ts b/packages/mint-components/src/components/tax-and-cash/countries.ts
index e06a500543..347039d360 100644
--- a/packages/mint-components/src/components/tax-and-cash/countries.ts
+++ b/packages/mint-components/src/components/tax-and-cash/countries.ts
@@ -1,256 +1,63 @@
-import { TaxCountry } from "./sqm-tax-and-cash/data";
-
-export const INDIRECT_TAX_COUNTRIES = [
-  {
-    countryCode: "GB",
-    impactCountryCode: "GB",
-    taxType: "GST",
-    displayName: "United Kingdom",
-  },
-  {
-    countryCode: "AT",
-    impactCountryCode: "AT",
-    taxType: "GST",
-    displayName: "Austria",
-  },
-  {
-    countryCode: "BE",
-    impactCountryCode: "BE",
-    taxType: "GST",
-    displayName: "Belgium",
-  },
-  {
-    countryCode: "BG",
-    impactCountryCode: "BG",
-    taxType: "GST",
-    displayName: "Bulgaria",
-  },
-  {
-    countryCode: "CA",
-    impactCountryCode: "CA",
-    taxType: "HST",
-    displayName: "Canada",
-  },
-  {
-    countryCode: "HR",
-    impactCountryCode: "HR",
-    taxType: "GST",
-    displayName: "Croatia",
-  },
-  {
-    countryCode: "CY",
-    impactCountryCode: "CY",
-    taxType: "GST",
-    displayName: "Cyprus",
-  },
-  {
-    countryCode: "CZ",
-    impactCountryCode: "CZ",
-    taxType: "GST",
-    displayName: "Czechia",
-  },
-  {
-    countryCode: "DK",
-    impactCountryCode: "DK",
-    taxType: "GST",
-    displayName: "Denmark",
-  },
-  {
-    countryCode: "EE",
-    impactCountryCode: "EE",
-    taxType: "GST",
-    displayName: "Estonia",
-  },
-  {
-    countryCode: "FI",
-    impactCountryCode: "FI",
-    taxType: "GST",
-    displayName: "Finland",
-  },
-  {
-    countryCode: "FR",
-    impactCountryCode: "FR",
-    taxType: "GST",
-    displayName: "France",
-  },
-  {
-    countryCode: "DE",
-    impactCountryCode: "DE",
-    taxType: "GST",
-    displayName: "Germany",
-  },
-  {
-    countryCode: "GR",
-    impactCountryCode: "GR",
-    taxType: "GST",
-    displayName: "Greece",
-  },
-  {
-    countryCode: "HU",
-    impactCountryCode: "HU",
-    taxType: "GST",
-    displayName: "Hungary",
-  },
-  {
-    countryCode: "IS",
-    impactCountryCode: "IS",
-    taxType: "GST",
-    displayName: "Iceland",
-  },
-  {
-    countryCode: "IL",
-    impactCountryCode: "IL",
-    taxType: "GST",
-    displayName: "Israel",
-  },
-  {
-    countryCode: "IE",
-    impactCountryCode: "IE",
-    taxType: "GST",
-    displayName: "Ireland",
-  },
-  {
-    countryCode: "IT",
-    impactCountryCode: "IT",
-    taxType: "GST",
-    displayName: "Italy",
-  },
-  {
-    countryCode: "LV",
-    impactCountryCode: "LV",
-    taxType: "GST",
-    displayName: "Latvia",
-  },
-  {
-    countryCode: "LT",
-    impactCountryCode: "LT",
-    taxType: "GST",
-    displayName: "Lithuania",
-  },
-  {
-    countryCode: "LU",
-    impactCountryCode: "LU",
-    taxType: "GST",
-    displayName: "Luxembourg",
-  },
-  {
-    countryCode: "MT",
-    impactCountryCode: "MT",
-    taxType: "GST",
-    displayName: "Malta",
-  },
-  {
-    countryCode: "MX",
-    impactCountryCode: "MX",
-    taxType: "GST",
-    displayName: "Mexico",
-  },
-  {
-    countryCode: "NL",
-    impactCountryCode: "NL",
-    taxType: "GST",
-    displayName: "Netherlands",
-  },
-  {
-    countryCode: "NO",
-    impactCountryCode: "NO",
-    taxType: "GST",
-    displayName: "Norway",
-  },
-  {
-    countryCode: "PH",
-    impactCountryCode: "PH",
-    taxType: "GST",
-    displayName: "Philippines",
-  },
-  {
-    countryCode: "PL",
-    impactCountryCode: "PL",
-    taxType: "GST",
-    displayName: "Poland",
-  },
-  {
-    countryCode: "PT",
-    impactCountryCode: "PT",
-    taxType: "GST",
-    displayName: "Portugal",
-  },
-  {
-    countryCode: "RO",
-    impactCountryCode: "RO",
-    taxType: "GST",
-    displayName: "Romania",
-  },
-  {
-    countryCode: "RU",
-    impactCountryCode: "RU",
-    taxType: "GST",
-    displayName: "Russia",
-  },
-  {
-    countryCode: "SK",
-    impactCountryCode: "SK",
-    taxType: "GST",
-    displayName: "Slovakia",
-  },
-  {
-    countryCode: "SI",
-    impactCountryCode: "SI",
-    taxType: "GST",
-    displayName: "Slovenia",
-  },
-  {
-    countryCode: "ES",
-    impactCountryCode: "ES",
-    taxType: "GST",
-    displayName: "Spain",
-  },
-  {
-    countryCode: "SE",
-    impactCountryCode: "SE",
-    taxType: "GST",
-    displayName: "Sweden",
-  },
-  {
-    countryCode: "ZA",
-    impactCountryCode: "ZA",
-    taxType: "GST",
-    displayName: "South Africa",
-  },
-  {
-    countryCode: "KR",
-    impactCountryCode: "KR",
-    taxType: "GST",
-    displayName: "South Korea",
-  },
-  {
-    countryCode: "CH",
-    impactCountryCode: "CH",
-    taxType: "GST",
-    displayName: "Switzerland",
-  },
-  {
-    countryCode: "TW",
-    impactCountryCode: "TW",
-    taxType: "GST",
-    displayName: "Taiwan",
-  },
-  {
-    countryCode: "TH",
-    impactCountryCode: "TH",
-    taxType: "GST",
-    displayName: "Thailand",
-  },
-  {
-    countryCode: "TR",
-    impactCountryCode: "TR",
-    taxType: "GST",
-    displayName: "Turkey",
-  },
-  {
-    countryCode: "AE",
-    impactCountryCode: "AE",
-    taxType: "GST",
-    displayName: "United Arab Emirates",
-  },
-];
+export const vatLabels = {
+  UK: "VAT",
+  AUSTRALIA: "GST",
+  NEWZEALAND: "GST",
+  CANADA: "HST",
+  AUSTRIA: "VAT",
+  BELGIUM: "VAT",
+  BULGARIA: "VAT",
+  CROATIA: "VAT",
+  CYPRUS: "VAT",
+  CZECHREPUBLIC: "VAT",
+  DENMARK: "VAT",
+  ESTONIA: "VAT",
+  FINLAND: "VAT",
+  FRANCE: "VAT",
+  GERMANY: "VAT",
+  GREECE: "VAT",
+  HUNGARY: "VAT",
+  IRELAND: "VAT",
+  ITALY: "VAT",
+  LATVIA: "VAT",
+  LITHUANIA: "VAT",
+  LUXEMBOURG: "VAT",
+  MALTA: "VAT",
+  NETHERLANDS: "VAT",
+  POLAND: "VAT",
+  PORTUGAL: "VAT",
+  ROMANIA: "VAT",
+  SLOVAKIA: "VAT",
+  SLOVENIA: "VAT",
+  SPAIN: "VAT",
+  SWEDEN: "VAT",
+  ALBERTA: "HST",
+  BRITISHCOLUMBIA: "HST",
+  MANITOBA: "HST",
+  NEWBRUNSWICK: "HST",
+  NEWFOUNDLANDLABRADOR: "HST",
+  NORTHWESTTERRITORIES: "HST",
+  NOVASCOTIA: "HST",
+  NUNAVUT: "HST",
+  ONTARIO: "HST",
+  PRINCEEDWARDISLAND: "HST",
+  QUEBEC: "HST",
+  SASKATCHEWAN: "HST",
+  YUKON: "HST",
+  ICELAND: "VAT",
+  INDIA: "GST",
+  ISRAEL: "VAT",
+  JAPAN: "CT",
+  MEXICO: "VAT",
+  NORWAY: "VAT",
+  SINGAPORE: "GST",
+  SOUTHAFRICA: "VAT",
+  SOUTHKOREA: "VAT",
+  SWITZERLAND: "VAT",
+  TAIWAN: "VAT",
+  THAILAND: "VAT",
+  PHILIPPINES: "VAT",
+  MALAYSIA: "SST",
+  UAE: "VAT",
+  TURKEY: "VAT",
+  RUSSIA: "VAT",
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index d4b59fc823..94297491d5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,24 +7,26 @@
 
 ## Properties
 
-| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                            |
-| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                           |
-| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                        | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
-| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                        | `"I have completed and submitted my tax form"`                                                                                                                     |
-| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                        | `"Form submission"`                                                                                                                                                |
-| `demoData`                | --                          |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; submitDisabled: boolean; loading: boolean; formState: { completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
-| `docusignCompleted`       | `docusign-completed`        | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                        | `"Your document has been completed and submitted."`                                                                                                                |
-| `docusignExpired`         | `docusign-expired`          | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                        | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
-| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                        | `"Step 3 of 4"`                                                                                                                                                    |
-| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                        | `"This field is required"`                                                                                                                                         |
-| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
-| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                                                                |
-| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                        | `"Not based in the US?"`                                                                                                                                           |
-| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                                                                       |
-| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                        | `"Tax form"`                                                                                                                                                       |
-| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                        | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                         |
-| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                        | `"{documentType} Tax Form"`                                                                                                                                        |
+| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                     | Default                                                                                                                                                            |
+| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                 | `"Back"`                                                                                                                                                           |
+| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                 | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
+| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                 | `"I have completed and submitted my tax form"`                                                                                                                     |
+| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                 | `"Form submission"`                                                                                                                                                |
+| `demoData`                | --                          |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; submitDisabled: boolean; loading: boolean; formState: { completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
+| `docusignCompleted`       | `docusign-completed`        | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                 | `"Your document has been completed and submitted."`                                                                                                                |
+| `docusignError`           | `docusign-error`            | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                 | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
+| `docusignExpired`         | `docusign-expired`          | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                 | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
+| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                 | `"Step 3 of 4"`                                                                                                                                                    |
+| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                 | `"This field is required"`                                                                                                                                         |
+| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                 | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
+| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                 | `"There was a problem submitting your information"`                                                                                                                |
+| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                 | `"Not based in the US?"`                                                                                                                                           |
+| `refreshButton`           | `refresh-button`            | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                 | `"Refresh Page"`                                                                                                                                                   |
+| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                 | `"Continue"`                                                                                                                                                       |
+| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                 | `"Tax form"`                                                                                                                                                       |
+| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                 | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                         |
+| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                 | `"{documentType} Tax Form"`                                                                                                                                        |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index f88aec8beb..985fd9d8f6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -14,7 +14,6 @@ import {
   UseIndirectTaxFormResult,
   useIndirectTaxForm,
 } from "./useIndirectTaxForm";
-import { INDIRECT_TAX_COUNTRIES } from "../countries";
 import {
   INDIRECT_TAX_PROVINCES,
   INDIRECT_TAX_SPAIN_REGIONS,
@@ -42,7 +41,7 @@ export class IndirectTaxForm {
   @Prop() selectedRegion: string = "Country / Region of Indirect Tax";
   @Prop() province: string = "Province";
   @Prop() indirectTaxNumber: string =
-    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}}";
+    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}";
   @Prop() isPartnerAlertHeader: string =
     "An account with this email already exists with our referral program provider, impact.com";
   @Prop() isPartnerAlertDescription: string =
@@ -57,7 +56,7 @@ export class IndirectTaxForm {
   @Prop() selectedRegionError: string = "Country is required";
   @Prop() provinceError: string = "Province is required";
   @Prop() indirectTaxNumberError: string =
-    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required";
+    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required";
   @Prop() subRegionTaxNumberError: string = "Income Tax Number is required";
   @Prop() qstTaxNumberError: string = "QST Number is required";
   @Prop() subRegion: string = "Sub-region";
@@ -178,7 +177,13 @@ function useDemoIndirectTaxForm(
       },
       data: {
         esRegions: INDIRECT_TAX_SPAIN_REGIONS,
-        countries: INDIRECT_TAX_COUNTRIES,
+        countries: [
+          {
+            displayName: "United States",
+            countryCode: "US",
+            impactCountryCode: "US",
+          },
+        ],
         provinces: INDIRECT_TAX_PROVINCES,
       },
       text: props.getTextProps(),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 94ed234bd8..2e6e77ae19 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -7,7 +7,6 @@ import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useParentValue, useSetParent } from "../../../utils/useParentState";
-import { INDIRECT_TAX_COUNTRIES } from "../countries";
 import {
   COUNTRIES_NAMESPACE,
   CountriesQuery,
@@ -51,9 +50,15 @@ const CONNECT_PARTNER = gql`
   }
 `;
 
-function getOption(participantType: string, countryCode: string) {
+function getOption(
+  countries: TaxCountry[] | undefined,
+  participantType: string,
+  countryCode: string
+) {
+  if (!countries) return;
+
   if (participantType === "individualParticipant") return "notRegistered";
-  if (INDIRECT_TAX_COUNTRIES.find((c) => c.countryCode === countryCode)) {
+  if (countries.find((c) => c.impactCountryCode === countryCode)) {
     return "otherRegion";
   } else {
     return "notRegistered";
@@ -85,17 +90,17 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
   const [errors, setErrors] = useState({});
 
   useEffect(() => {
-    const user = userData?.user;
-    if (!user) return;
-
-    const _option = getOption(userForm.participantType, userForm.countryCode);
+    const _option = getOption(
+      _countries?.impactPartnerCountries?.data,
+      userForm.participantType,
+      userForm.countryCode
+    );
     setOption(_option);
+  }, [userForm, _countries]);
 
-    const defaultCountryCode = INDIRECT_TAX_COUNTRIES.find(
-      (c) => c.countryCode === userForm.countryCode
-    )
-      ? userForm.countryCode
-      : undefined;
+  useEffect(() => {
+    const user = userData?.user;
+    if (!user) return;
 
     if (user.impactPartner) {
       setFormState({
@@ -109,7 +114,9 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
         indirectTaxNumber: user.impactPartner?.indirectTaxNumber,
       });
     } else {
-      setFormState({ selectedRegion: user?.countryCode });
+      setFormState({
+        selectedRegion: user?.countryCode || userForm?.countryCode,
+      });
     }
   }, [userData, userForm]);
 
@@ -231,7 +238,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     data: {
       // TODO: Confirm
       esRegions: INDIRECT_TAX_SPAIN_REGIONS,
-      countries: INDIRECT_TAX_COUNTRIES as TaxCountry[],
+      countries: _countries?.impactPartnerCountries?.data,
       provinces: INDIRECT_TAX_PROVINCES,
     },
     text: props.getTextProps(),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 5d1a3ef18f..e9b257ffa5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -98,7 +98,7 @@ export type UserQuery = {
 
 export const GET_COUNTRIES = gql`
   query getCurrencies {
-    countries(limit: 1000) {
+    impactPartnerCountries(limit: 1000) {
       data {
         countryCode
         impactCountryCode
@@ -114,7 +114,7 @@ export type TaxCountry = {
   displayName: string;
 };
 export type CountriesQuery = {
-  countries: {
+  impactPartnerCountries: {
     data: TaxCountry[];
   };
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 95591bb196..ce57ca143c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -10,7 +10,6 @@
 | Property                                | Attribute                                    | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                     |
 | --------------------------------------- | -------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `demoData`                              | --                                           |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                 |
-| `docusignCompleted`                     | `docusign-completed`                         | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                         |
 | `step1_allowBankingCollection`          | `step-1_allow-banking-collection`            | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                    |
 | `step1_allowBankingCollectionError`     | `step-1_allow-banking-collection-error`      | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
 | `step1_businessEntity`                  | `step-1_business-entity`                     | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                           |
@@ -66,11 +65,14 @@
 | `step3_banner`                          | `step-3_banner`                              | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
 | `step3_checkboxDescription`             | `step-3_checkbox-description`                | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                              |
 | `step3_checkboxLabel`                   | `step-3_checkbox-label`                      | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                         |
+| `step3_docusignCompleted`               | `step-3_docusign-completed`                  | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                         |
+| `step3_docusignError`                   | `step-3_docusign-error`                      | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                          |
 | `step3_docusignExpired`                 | `step-3_docusign-expired`                    | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`          |
 | `step3_formStep`                        | `step-3_form-step`                           | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
 | `step3_formSubmissionError`             | `step-3_form-submission-error`               | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
 | `step3_generalErrorDescription`         | `step-3_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `step3_generalErrorTitle`               | `step-3_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step3_refreshButton`                   | `step-3_refresh-button`                      | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                            |
 | `step3_submitButton`                    | `step-3_submit-button`                       | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
 | `step3_taxForm`                         | `step-3_tax-form`                            | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
 | `step3_taxFormDescription`              | `step-3_tax-form-description`                | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                  |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 42a0d08a6d..ee64f1cef2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -247,7 +247,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_indirectTaxNumber: string =
-    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}}";
+    "{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 Tax Number input
    * @uiName QST Tax Number input label
@@ -347,7 +347,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_indirectTaxNumberError: string =
-    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required";
+    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required";
 
   /**
    * Error text shown below the Sub-region Income Tax number input
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index ae678e4de6..43b8a7f216 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -3,6 +3,7 @@ import { intl } from "../../../../global/global";
 import { createStyleSheet } from "../../../../styling/JSS";
 import { INDIRECT_TAX_PROVINCES } from "../../subregions";
 import { TaxContext, TaxCountry } from "../../sqm-tax-and-cash/data";
+import { vatLabels } from "../../countries";
 
 export interface IndirectDetailsSlotViewProps {
   states: {
@@ -114,7 +115,16 @@ const vanillaStyle = `
     }
   `;
 
-export type TaxType = "GST" | "HST" | "VAT" | "JST" | "QST";
+export type TaxType =
+  | "GST"
+  | "HST"
+  | "VAT"
+  | "JST"
+  | "QST"
+  | "CT"
+  | "SST"
+  | "GENERAL";
+
 export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
   const {
     states,
@@ -232,8 +242,6 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
       (p) => p.provinceCode === formState.province
     )?.taxType as TaxType | undefined;
 
-    console.log(currentTaxType);
-
     return (
       <div class={classes.ConditionalInputsContainer}>
         <sl-select
@@ -294,9 +302,9 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
 
   const getActiveForm = (selectedRegion: string) => {
     switch (selectedRegion) {
-      case "CA":
+      case "CANADA":
         return <CanadaFields />;
-      case "ES":
+      case "SPAIN":
         return <SpainFields />;
       default:
         // TODO: Pass in proper tax type for countries
@@ -306,11 +314,13 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             exportparts="label: input-label"
             class={classes.Input}
             value={formState.indirectTaxNumber}
-            label={getTaxFieldLabel("VAT")}
+            label={getTaxFieldLabel(vatLabels[selectedRegion] || "GENERAL")}
             disabled={states.loading}
             {...(formState.errors?.indirectTaxNumber && {
               class: classes.ErrorInput,
-              helpText: getTaxFieldError("VAT"),
+              helpText: getTaxFieldError(
+                vatLabels[selectedRegion] || "GENERAL"
+              ),
             })}
             id="indirectTaxNumber"
             name="/indirectTaxNumber"
@@ -320,6 +330,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
   };
 
   const activeForm = getActiveForm(formState.selectedRegion);
+
   return (
     <div style={states.hide ? { display: "none" } : {}}>
       <form class={classes.Container}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 371d27f5fb..4b6dc49bab 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -175,7 +175,7 @@ export function useUserInfoForm(props: TaxForm) {
     },
     data: {
       currencies: currenciesRes?.currencies?.data,
-      countries: _countries?.countries?.data,
+      countries: _countries?.impactPartnerCountries?.data,
     },
     states: {
       hideSteps: context.hideSteps,
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From 49d1354edced598490537309c5098e6877ee15b2 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 16 Feb 2024 09:39:50 -0800
Subject: [PATCH 236/753] remove 3b and hide new document button

---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx        |  6 ------
 .../sqm-tax-and-cash/useTaxAndCash.tsx           |  2 +-
 .../sqm-tax-document-submitted-view.tsx          | 16 ++++++++--------
 .../useTaxDocumentSubmitted.tsx                  |  3 +--
 4 files changed, 10 insertions(+), 17 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index ee64f1cef2..9f242a9793 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -803,12 +803,6 @@ export class TaxAndCashMonolith {
             {...this.getDocuSignFormTextProps()}
           ></sqm-docusign-form>
         );
-      case "/3b":
-        return (
-          <sqm-document-type-form
-            {...this.getDocumentTypeFormTextProps()}
-          ></sqm-document-type-form>
-        );
       case "/4":
         return <sqm-banking-info-form></sqm-banking-info-form>;
       case "/submitted":
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 76c9574c7f..384956d136 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -41,7 +41,7 @@ function getCurrentStep(user: UserQuery["user"]) {
 
   // If they do have a required document, look at current document
   if (user.impactPartner.currentTaxDocument) {
-    const { status, type } = user.impactPartner.currentTaxDocument;
+    const { status } = user.impactPartner.currentTaxDocument;
 
     if (status === "ACTIVE" || status === "NOT_VERIFIED") return "/submitted";
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 90ef6ea94a..8cfd52e796 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -466,18 +466,18 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                         {statusMap[states.status]}
                       </div>
                     </span>
+                    <sl-button
+                      disabled={states.disabled || states.loading}
+                      onClick={callbacks.onClick}
+                      type="default"
+                      class={sheet.classes.NewFormButton}
+                    >
+                      {text.newFormButton}
+                    </sl-button>
                   </div>
                 )}
               </div>
             )}
-            <sl-button
-              disabled={states.disabled || states.loading}
-              onClick={callbacks.onClick}
-              type="default"
-              class={sheet.classes.NewFormButton}
-            >
-              {text.newFormButton}
-            </sl-button>
           </div>
         </div>
       </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 16679ae6f1..3746903370 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -63,8 +63,7 @@ export const useTaxDocumentSubmitted = (
       hideSteps: true,
     });
 
-    if (documentType) setStep(`/3`);
-    else setStep("/3b");
+    setStep(`/3`);
   };
 
   const onEditIndirectTax = () => {

From 81376219a6a1f9af9afabad85fd2d9a5b177c43d Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 16 Feb 2024 09:49:06 -0800
Subject: [PATCH 237/753] Remove link to removed step

---
 .../src/components/tax-and-cash/TaxForm.stories.tsx         | 1 -
 .../sqm-docusign-form/sqm-docusign-form-view.tsx            | 6 +-----
 .../tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx    | 1 -
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx      | 1 -
 4 files changed, 1 insertion(+), 8 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index ec2a1b6e13..746b9aac78 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -130,7 +130,6 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
   callbacks: {
     setDocusignStatus: (status: DocusignStatus) => console.log(status),
     toggleFormSubmitted: () => console.log("Toggle checkbox"),
-    onShowDocumentType: () => console.log("To other form"),
     onSubmit: async () => console.log("submit"),
     onBack: () => console.log("Back"),
   },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 211a6b4f48..b5c5be96be 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -22,7 +22,6 @@ export interface DocusignFormViewProps {
     docusignIframeSlot: VNode;
   };
   callbacks: {
-    onShowDocumentType: () => void;
     toggleFormSubmitted: () => void;
     onSubmit: (props: any) => void;
     onBack: () => void;
@@ -219,10 +218,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
               defaultMessage: text.taxFormDescription,
             },
             { documentType }
-          )}{" "}
-          <a onClick={callbacks.onShowDocumentType} class={classes.Link}>
-            {text.notBasedInUS}
-          </a>
+          )}
         </p>
       </div>
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 4675bdaf16..50641bf592 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -210,7 +210,6 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
       },
       callbacks: {
         setDocusignStatus: (status: DocusignStatus) => console.log(status),
-        onShowDocumentType: () => {},
         onSubmit: async () => {},
         toggleFormSubmitted: () => {},
         onBack: () => {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index a177475257..03235256ae 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -162,7 +162,6 @@ export function useDocusignForm(props: DocusignForm) {
       documentUrl: document?.createImpactPartnerTaxDocument?.documentUrl,
     },
     callbacks: {
-      onShowDocumentType: () => setPath("/3b"),
       onSubmit,
       setDocusignStatus,
       toggleFormSubmitted: () => setFormSubmitted((x) => !x),

From 8b70575f04560d692f4436ecb6bb695b8bb370f1 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 16 Feb 2024 10:04:46 -0800
Subject: [PATCH 238/753] commented out document type form calls. swapped edit
 form buttons

---
 .../sqm-edit-profile/sqm-edit-profile-view.tsx   | 16 ++++++++--------
 .../components/tax-and-cash/TaxForm.stories.tsx  |  3 ++-
 .../sqm-docusign-form/sqm-docusign-form-view.tsx |  2 +-
 .../sqm-docusign-form/sqm-docusign-form.tsx      |  3 ++-
 .../sqm-docusign-form/useDocusignForm.tsx        |  3 ++-
 packages/mint-components/src/index.html          |  4 ++--
 6 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-edit-profile/sqm-edit-profile-view.tsx b/packages/mint-components/src/components/sqm-edit-profile/sqm-edit-profile-view.tsx
index 05b80984e4..eb7ae26914 100644
--- a/packages/mint-components/src/components/sqm-edit-profile/sqm-edit-profile-view.tsx
+++ b/packages/mint-components/src/components/sqm-edit-profile/sqm-edit-profile-view.tsx
@@ -110,14 +110,6 @@ const EditProfileView = (props: EditProfileViewProps) => {
             />
           )}
           <div class="ButtonWrapper">
-            <sl-button
-              onClick={() => {
-                callbacks.setShowEdit(false);
-              }}
-              exportparts="base: defaultbutton-base"
-            >
-              {text.canceltext}
-            </sl-button>
             <sl-button
               type="primary"
               loading={states.loading}
@@ -130,6 +122,14 @@ const EditProfileView = (props: EditProfileViewProps) => {
             >
               {text.updatetext}
             </sl-button>
+            <sl-button
+              onClick={() => {
+                callbacks.setShowEdit(false);
+              }}
+              exportparts="base: defaultbutton-base"
+            >
+              {text.canceltext}
+            </sl-button>
           </div>
         </form>
       </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 5c2da9b0fb..901c2377b8 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -125,7 +125,8 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
   callbacks: {
     setDocusignStatus: (status: DocusignStatus) => console.log(status),
     toggleFormSubmitted: () => console.log("Toggle checkbox"),
-    onShowDocumentType: () => console.log("To other form"),
+    // AL: Marked for removal
+    // onShowDocumentType: () => console.log("To other form"),
     onSubmit: async () => console.log("submit"),
     onBack: () => console.log("Back"),
   },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 482a35ead4..dc043884d9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -22,7 +22,7 @@ export interface DocusignFormViewProps {
     docusignIframeSlot: VNode;
   };
   callbacks: {
-    onShowDocumentType: () => void;
+    // onShowDocumentType: () => void;
     toggleFormSubmitted: () => void;
     onSubmit: (props: any) => void;
     onBack: () => void;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 4675bdaf16..821f4bc4ae 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -210,7 +210,8 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
       },
       callbacks: {
         setDocusignStatus: (status: DocusignStatus) => console.log(status),
-        onShowDocumentType: () => {},
+        // AL: Marked for removal
+        // onShowDocumentType: () => {},
         onSubmit: async () => {},
         toggleFormSubmitted: () => {},
         onBack: () => {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index a177475257..85a991c73a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -162,7 +162,8 @@ export function useDocusignForm(props: DocusignForm) {
       documentUrl: document?.createImpactPartnerTaxDocument?.documentUrl,
     },
     callbacks: {
-      onShowDocumentType: () => setPath("/3b"),
+      // AL: Marked for removal
+      // onShowDocumentType: () => setPath("/3b"),
       onSubmit,
       setDocusignStatus,
       toggleFormSubmitted: () => setFormSubmitted((x) => !x),
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From 697adccb441a9af802b260cb54a7ddb730875aad Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 16 Feb 2024 10:45:30 -0800
Subject: [PATCH 239/753] Added search functionality in step 1 + filter
 functions

---
 .../tax-and-cash/TaxForm.stories.tsx          | 23 ++++++
 .../tax-and-cash/sqm-tax-form.feature         | 33 +++++----
 .../sqm-user-info-form-view.tsx               | 71 ++++++++++++++++++-
 3 files changed, 107 insertions(+), 20 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 746b9aac78..0fc75a973d 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -40,12 +40,35 @@ const stepOneProps: StoryDemoData<UseUserInfoFormResult> = {
         countryCode: "CA",
         displayName: "Canada",
       },
+      {
+        impactCountryCode: "SPAIN",
+        countryCode: "ES",
+        displayName: "Spain",
+      },
+      {
+        impactCountryCode: "UNITEDKINGDOM",
+        countryCode: "UK",
+        displayName: "United Kingdom",
+      },
+      {
+        impactCountryCode: "UNITEDSTATES",
+        countryCode: "US",
+        displayName: "United States",
+      },
     ],
     currencies: [
       {
         currencyCode: "CAD",
         displayName: "CAD",
       },
+      {
+        currencyCode: "GBP",
+        displayName: "GBP",
+      },
+      {
+        currencyCode: "USD",
+        displayName: "USD",
+      },
     ],
   },
   refs: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index dd01e1766d..fecd8e3019 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -128,23 +128,22 @@ Feature: Tax Form Flow
       | MX           | US      | individualParticipant | W9               |
       | UK           | US      | businessEntity        | W9               |
       | AUS          | US      | businessEntity        | W9               |
-
-  @minutia
-  Scenario Outline: Participant changes Tax Form to fillout in step 3
-    Given they are on step 3
-    And they press the <changeTaxFormCopy> text
-    Then they will proceed to the Document Type Change form
-    And they see three tax form type options
-    When they select the <taxFormTypeOption> option
-    And press "Continue"
-    Then they will be sent back to step 3
-    And the Docusign iframe will load the <newTaxForm> to fill out
-
-    Examples: 
-      | changeTaxFormCopy                                                | taxFormTypeOption | newTaxForm |
-      | Not based in the US?                                             | W8-BEN-E          | W8-BEN-E   |
-      | Represent a business entity or you're based in the US?           | W9                | W9         |
-      | Joining this program as an individual or you're based in the US? | W8-BEN            | W8-BEN     |
+  #AL: Commenting out for now, not applicable anymore
+  # @minutia
+  # Scenario Outline: Participant changes Tax Form to fillout in step 3
+  #   Given they are on step 3
+  #   And they press the <changeTaxFormCopy> text
+  #   Then they will proceed to the Document Type Change form
+  #   And they see three tax form type options
+  #   When they select the <taxFormTypeOption> option
+  #   And press "Continue"
+  #   Then they will be sent back to step 3
+  #   And the Docusign iframe will load the <newTaxForm> to fill out
+  #   Examples: 
+  #     | changeTaxFormCopy                                                | taxFormTypeOption | newTaxForm |
+  #     | Not based in the US?                                             | W8-BEN-E          | W8-BEN-E   |
+  #     | Represent a business entity or you're based in the US?           | W9                | W9         |
+  #     | Joining this program as an individual or you're based in the US? | W8-BEN            | W8-BEN     |
 
   @minutia
   Scenario: Participant finishes tax form flow and skipped Docusign form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 7f1f02051d..7a0557b5ad 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
+import { useEffect, useState } from "@saasquatch/universal-hooks";
 
 export interface UserInfoFormViewProps {
   states: {
@@ -180,7 +181,40 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
   } = props;
   const { classes } = sheet;
 
-  console.log({ formState, data });
+  const [searchTerm, setSearchTerm] = useState("");
+  const [filteredCountries, setFilteredCountries] = useState(
+    data?.countries || []
+  );
+
+  const [searchCurrency, setSearchCurrency] = useState("");
+  const [filteredCurrencies, setFilteredCurrencies] = useState(
+    data?.currencies || []
+  );
+
+  useEffect(() => {
+    if (searchTerm.trim() === "") {
+      setFilteredCountries(data?.countries || []);
+    } else {
+      setFilteredCountries(
+        data?.countries.filter((c) =>
+          c.displayName.toLowerCase().includes(searchTerm.toLowerCase())
+        ) || []
+      );
+    }
+  }, [searchTerm, data?.countries]);
+
+  useEffect(() => {
+    if (searchCurrency.trim() === "") {
+      setFilteredCurrencies(data?.currencies || []);
+    } else {
+      setFilteredCurrencies(
+        data?.currencies.filter((c) =>
+          c.currencyCode.toLowerCase().includes(searchCurrency.toLowerCase())
+        ) || []
+      );
+    }
+  }, [searchCurrency, data?.currencies]);
+
   return (
     <sl-form
       class={classes.FormWrapper}
@@ -278,7 +312,23 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                 : {})}
               required
             >
-              {data?.countries?.map((c) => (
+              <sl-input
+                placeholder="Search for country.."
+                onInput={(e) => {
+                  setSearchTerm(e.target.value);
+                }}
+                onKeyDown={(e) => {
+                  if (e.key === " ") {
+                    e.stopPropagation();
+                  }
+                }}
+              ></sl-input>
+              {/* {data?.countries?.map((c) => (
+                <sl-menu-item value={c.countryCode}>
+                  {c.displayName}
+                </sl-menu-item>
+              ))} */}
+              {filteredCountries.map((c) => (
                 <sl-menu-item value={c.countryCode}>
                   {c.displayName}
                 </sl-menu-item>
@@ -289,6 +339,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               exportparts="label: input-label"
               name="/currency"
               label={text.currency}
+              menu
               value={formState.currency}
               disabled={states.disabled}
               {...(formState.errors?.currency
@@ -299,7 +350,21 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                 : {})}
               required
             >
-              {data?.currencies?.map((c) => (
+              <sl-input
+                placeholder="Search for currency.."
+                onInput={(e) => setSearchCurrency(e.target.value)}
+                onKeyDown={(e) => {
+                  if (e.key === " ") {
+                    e.stopPropagation();
+                  }
+                }}
+              />
+              {/* {data?.currencies?.map((c) => (
+                <sl-menu-item value={c.currencyCode}>
+                  {c.currencyCode} - {c.displayName}
+                </sl-menu-item>
+              ))} */}
+              {filteredCurrencies.map((c) => (
                 <sl-menu-item value={c.currencyCode}>
                   {c.currencyCode} - {c.displayName}
                 </sl-menu-item>

From bed8b5ec7583da20745b58272a7395a9a7512a08 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 16 Feb 2024 10:47:17 -0800
Subject: [PATCH 240/753] remove support for changed document type

---
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx       | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 03235256ae..fe2df2af71 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -57,12 +57,7 @@ export function useDocusignForm(props: DocusignForm) {
   const [errors, setErrors] = useState({});
   const [loading, setLoading] = useState(false);
 
-  const splitPath = path.split("/");
-  const pathedDocumentType =
-    splitPath.length === 3 ? (splitPath[2] as TaxDocumentType) : undefined;
-
   const documentType =
-    pathedDocumentType || // Prioritise path param override
     data?.user?.impactPartner?.currentTaxDocument?.type || // Then current form (could be different than required)
     data?.user?.impactPartner?.requiredTaxDocumentType; // Last, the required tax form
 

From 895af84bc624c584f77a9c623fd914e0038b92df Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Fri, 16 Feb 2024 11:06:24 -0800
Subject: [PATCH 241/753] loading states

---
 .../tax-and-cash/BankingForm.stories.tsx      |  45 ++++++
 .../sqm-banking-info-form-view.tsx            | 140 ++++++++++++++----
 .../sqm-banking-info-form.tsx                 |  13 +-
 3 files changed, 163 insertions(+), 35 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index ba39359a70..01e1db4b20 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -31,6 +31,16 @@ export const BankingInfoFormDefault = () => {
   return <sqm-banking-info-form></sqm-banking-info-form>;
 };
 
+export const BankingInfoFormDefaultLoading = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        states: { loading: true },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
 export const BankingInfoFormCountryUSCurrencyUSD = () => {
   return (
     <sqm-banking-info-form
@@ -44,6 +54,23 @@ export const BankingInfoFormCountryUSCurrencyUSD = () => {
   );
 };
 
+export const BankingInfoFormCountryUSCurrencyUSDLoading = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        states: {
+          ...bankingFormProps.states,
+          loading: true,
+        },
+        demo: {
+          bitset: 39,
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
 export const BankingInfoFormCountryUSCurrencyGBP = () => {
   return (
     <sqm-banking-info-form
@@ -129,3 +156,21 @@ export const BankingInfoFormPaypalChecked = () => {
     ></sqm-banking-info-form>
   );
 };
+
+export const BankingInfoFormPaypalCheckedLoading = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        states: {
+          ...bankingFormProps.states,
+          loading: true,
+          formState: {
+            ...bankingFormProps.states.formState,
+            checked: "toPaypalAccount",
+          },
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index fcc58b296f..07a8039c0b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
+import { intl } from "../../../global/global";
 
 export interface BankingInfoFormViewProps {
   states: {
@@ -8,6 +9,7 @@ export interface BankingInfoFormViewProps {
     hideSteps: boolean;
     hideBanking?: boolean;
     hidePayPal?: boolean;
+    feeCap?: string;
     isPartner: boolean;
     formState: {
       checked: "toBankAccount" | "toPaypalAccount" | undefined;
@@ -129,9 +131,27 @@ const style = {
     },
 
     "& sl-select::part(base)": {
-      maxWidth: "300px",
+      maxWidth: "320px",
     },
   },
+  CheckboxSkeleton: {
+    width: "16px",
+    height: "16px",
+    borderRadius: "50%",
+    background: "var(--sl-color-gray-200)",
+  },
+  SmallSkeleton: {
+    width: "100px",
+    height: "16px",
+    borderRadius: "50px",
+    background: "var(--sl-color-gray-200)",
+  },
+  LargeSkeleton: {
+    width: "320px",
+    height: "40px",
+    borderRadius: "50px",
+    background: "var(--sl-color-gray-200)",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -166,8 +186,51 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
 
   const { classes } = sheet;
 
-  console.log(text.payPalInputLabel);
+  const getLoadingSkeleton = (
+    checkedValue: "toBankAccount" | "toPaypalAccount" | undefined,
+    inputNumber?: number
+  ) => {
+    const skeletons = [];
+
+    const flexBoxStyle = {
+      display: "flex",
+      gap: "8px",
+    };
+
+    if (checkedValue === undefined)
+      return (
+        <div style={{ ...flexBoxStyle, flexDirection: "column", gap: "16px" }}>
+          <div class={classes.SmallSkeleton} />
+          <div style={{ ...flexBoxStyle, flexDirection: "row" }}>
+            <div class={classes.CheckboxSkeleton} />
+            <div class={classes.SmallSkeleton} />
+          </div>
+          <div style={{ ...flexBoxStyle, flexDirection: "row" }}>
+            <div class={classes.CheckboxSkeleton} />
+            <div class={classes.SmallSkeleton} />
+          </div>
+        </div>
+      );
+
+    if (checkedValue === "toPaypalAccount")
+      return (
+        <div style={{ ...flexBoxStyle, flexDirection: "column" }}>
+          <div class={classes.SmallSkeleton} />
+          <div class={classes.LargeSkeleton} />
+        </div>
+      );
+
+    Array.from({ length: inputNumber }).forEach((input, index) => {
+      skeletons.push(
+        <div style={{ ...flexBoxStyle, flexDirection: "column" }} key={index}>
+          <div class={classes.SmallSkeleton} />
+          <div class={classes.LargeSkeleton} />
+        </div>
+      );
+    });
 
+    return skeletons;
+  };
   return (
     <sl-form
       class={classes.FormWrapper}
@@ -209,11 +272,11 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
           <h4>{text.paymentMethod}</h4>
         </div>
       </div>
-      {states.loading ? (
-        <sl-spinner style={{ fontSize: "50px", margin: "40px" }}></sl-spinner>
-      ) : (
-        <div>
-          <div class={classes.CheckboxContainer}>
+      <div>
+        <div class={classes.CheckboxContainer}>
+          {states.loading && formState.checked === undefined ? (
+            getLoadingSkeleton(undefined)
+          ) : (
             <div style={{ display: "flex", flexDirection: "column" }}>
               <sl-checkbox
                 class={classes.Checkbox}
@@ -228,9 +291,18 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
               </sl-checkbox>
               {formState.checked === "toBankAccount" && (
                 <div class={classes.InputContainer}>
-                  {slots.countryInputSlot}
-                  {slots.paymentMethodSlot}
-                  {slots.formInputsSlot}
+                  {states.loading ? (
+                    getLoadingSkeleton(
+                      "toBankAccount",
+                      slots.formInputsSlot.length + 2
+                    )
+                  ) : (
+                    <div>
+                      {slots.countryInputSlot}
+                      {slots.paymentMethodSlot}
+                      {slots.formInputsSlot}
+                    </div>
+                  )}
                 </div>
               )}
               <sl-checkbox
@@ -242,32 +314,42 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 id="toPaypalAccount"
                 name="/toPaypalAccount"
               >
-                {text.toPaypalAccount}
+                {intl.formatMessage(
+                  {
+                    id: "paypal-input-label",
+                    defaultMessage: text.toPaypalAccount,
+                  },
+                  { feeCap: states.feeCap }
+                )}
               </sl-checkbox>
               {formState.checked === "toPaypalAccount" && (
                 <div class={classes.InputContainer}>
-                  <sl-input
-                    label={text.payPalInputLabel}
-                    name="/payPalEmail"
-                    id="payPalEmail"
-                    type="text"
-                  ></sl-input>
+                  {states.loading ? (
+                    getLoadingSkeleton("toPaypalAccount")
+                  ) : (
+                    <sl-input
+                      label={text.payPalInputLabel}
+                      name="/payPalEmail"
+                      id="payPalEmail"
+                      type="text"
+                    ></sl-input>
+                  )}
                 </div>
               )}
             </div>
-          </div>
-          <div class={classes.BtnContainer}>
-            <sl-button
-              type="primary"
-              disabled={states.disabled}
-              submit
-              exportparts="base: primarybutton-base"
-            >
-              {text.submitButton}
-            </sl-button>
-          </div>
+          )}
         </div>
-      )}
+        <div class={classes.BtnContainer}>
+          <sl-button
+            type="primary"
+            disabled={states.disabled}
+            submit
+            exportparts="base: primarybutton-base"
+          >
+            {text.submitButton}
+          </sl-button>
+        </div>
+      </div>
     </sl-form>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index b0954f296f..db493d24d7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -351,11 +351,11 @@ export class BankingInfoForm {
               </label>
             ),
             paymentMethodSlot: (
-              <div>
-                <label>
-                  Payment Method <span>EFT Withdrawal</span>
-                </label>
-              </div>
+              <sl-input
+                label={props.text.paymentMethod}
+                placeholder="EFT Withdrawal"
+                disabled
+              ></sl-input>
             ),
           }}
         />
@@ -365,7 +365,7 @@ export class BankingInfoForm {
 }
 
 function useDemoBankingInfoForm(props: BankingInfoForm) {
-  const [option, setOption] = useState(null);
+  const [option, setOption] = useState(undefined);
 
   return deepmerge(
     {
@@ -374,6 +374,7 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
         disabled: false,
         loading: false,
         hideSteps: false,
+        feeCap: "USD20.00",
         formState: {
           checked: option,
           errors: {

From 1ef783cad0a6c0b61c6b800da8f121d4117bb3a6 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 16 Feb 2024 11:32:19 -0800
Subject: [PATCH 242/753] disable fields if partner exists

---
 .../sqm-indirect-tax-form-view.tsx              |  4 ++--
 .../sqm-indirect-tax-form.tsx                   |  1 +
 .../small-views/IndirectTaxDetailsView.tsx      | 15 ++++++++-------
 .../sqm-user-info-form-view.tsx                 | 17 ++++++-----------
 .../sqm-user-info-form/useUserInfoForm.tsx      |  9 ---------
 5 files changed, 17 insertions(+), 29 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 8578296ea9..713b7f47c1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -200,7 +200,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
                 id="otherRegion"
                 checked={formState.checked === "otherRegion"}
                 onInput={() => callbacks.onChange("otherRegion")}
-                disabled={states.disabled}
+                disabled={states.disabled || states.isPartner}
               >
                 {text.otherRegion}
               </sl-radio>
@@ -212,7 +212,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
                 id="notRegistered"
                 checked={formState.checked === "notRegistered"}
                 onInput={() => callbacks.onChange("notRegistered")}
-                disabled={states.disabled}
+                disabled={states.disabled || states.isPartner}
               >
                 {text.notRegistered}
               </sl-radio>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 985fd9d8f6..4dfe3e7142 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -118,6 +118,7 @@ export class IndirectTaxForm {
       <OtherRegionSlotView
         states={{
           hide: props.states.formState.checked !== "otherRegion",
+          disabled: props.states.disabled || props.states.isPartner,
           formState: props.slotProps.formState,
           loading: props.states.loading,
         }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 43b8a7f216..05f72d45e9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -7,6 +7,7 @@ import { vatLabels } from "../../countries";
 
 export interface IndirectDetailsSlotViewProps {
   states: {
+    disabled: boolean;
     loading: boolean;
     hide: boolean;
     formState: {
@@ -16,7 +17,6 @@ export interface IndirectDetailsSlotViewProps {
       qstNumber?: string;
       province?: string;
       indirectTaxNumber?: number;
-      // AL: for handling income tax Spain
       hasQst?: boolean;
       hasSubRegionTaxNumber?: boolean;
       errors?: any;
@@ -169,7 +169,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
         exportparts="label: input-label"
         class={classes.Input}
         label={label}
-        disabled={states.loading}
+        disabled={states.loading || states.disabled}
         value={formState[name]}
         {...(formState.errors?.[name] && {
           class: classes.ErrorInput,
@@ -190,7 +190,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
           class={classes.Input}
           value={formState.subRegion}
           label={"Sub Region"}
-          disabled={states.loading}
+          disabled={states.loading || states.disabled}
           {...(formState.errors?.indirectTaxNumber && {
             class: classes.ErrorInput,
             helpText: text.error.subRegion,
@@ -212,6 +212,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
           exportparts="label: input-label"
           checked={formState.hasSubRegionTaxNumber}
           onSl-change={callbacks.onSpainToggle}
+          disabled={states.disabled}
         >
           {text.isRegisteredSubRegionIncomeTax}
         </sl-checkbox>
@@ -221,7 +222,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             exportparts="label: input-label"
             class={classes.Input}
             label={text.subRegionTaxNumberLabel}
-            disabled={states.loading}
+            disabled={states.loading || states.disabled}
             value={formState.subRegionTaxNumber}
             {...(formState.errors?.subRegionTaxNumberError && {
               class: classes.ErrorInput,
@@ -250,7 +251,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
           exportparts="label: input-label"
           class={classes.Input}
           label={text.province}
-          disabled={states.loading}
+          disabled={states.loading || states.disabled}
           onSl-select={(e) => callbacks.onFormChange("province", e)}
           {...(formState.errors?.province && {
             class: classes.ErrorInput,
@@ -315,7 +316,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             class={classes.Input}
             value={formState.indirectTaxNumber}
             label={getTaxFieldLabel(vatLabels[selectedRegion] || "GENERAL")}
-            disabled={states.loading}
+            disabled={states.loading || states.disabled}
             {...(formState.errors?.indirectTaxNumber && {
               class: classes.ErrorInput,
               helpText: getTaxFieldError(
@@ -346,7 +347,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             value={formState.selectedRegion}
             exportparts="label: input-label"
             label={text.selectedRegion}
-            disabled={states.loading}
+            disabled={states.loading || states.disabled}
             onSl-select={(e) => callbacks.onFormChange("selectedRegion", e)}
             {...(formState.errors?.selectedRegion && {
               class: classes.ErrorInput,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 7a0557b5ad..077a9c81a5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -261,7 +261,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               exportparts="label: input-label"
               value={formState.firstName}
               label={text.firstName}
-              disabled={states.disabled}
+              disabled={states.disabled || states.isPartner}
               {...(formState.errors?.firstName
                 ? {
                     class: classes.ErrorInput,
@@ -276,7 +276,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               exportparts="label: input-label"
               value={formState.lastName}
               label={text.lastName}
-              disabled={states.disabled}
+              disabled={states.disabled || states.isPartner}
               {...(formState.errors?.lastName
                 ? {
                     class: classes.ErrorInput,
@@ -303,7 +303,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               name="/countryCode"
               label={text.country}
               value={formState.countryCode}
-              disabled={states.disabled}
+              disabled={states.disabled || states.isPartner}
               {...(formState.errors?.countryCode
                 ? {
                     class: classes.ErrorInput,
@@ -323,11 +323,6 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                   }
                 }}
               ></sl-input>
-              {/* {data?.countries?.map((c) => (
-                <sl-menu-item value={c.countryCode}>
-                  {c.displayName}
-                </sl-menu-item>
-              ))} */}
               {filteredCountries.map((c) => (
                 <sl-menu-item value={c.countryCode}>
                   {c.displayName}
@@ -341,7 +336,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               label={text.currency}
               menu
               value={formState.currency}
-              disabled={states.disabled}
+              disabled={states.disabled || states.isPartner}
               {...(formState.errors?.currency
                 ? {
                     class: classes.ErrorInput,
@@ -382,7 +377,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                   checked={
                     formState.participantType === "individualParticipant"
                   }
-                  disabled={states.disabled}
+                  disabled={states.disabled || states.isPartner}
                 >
                   {text.individualParticipant}
                 </sl-radio>
@@ -391,7 +386,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                   value="businessEntity"
                   name="/participantType"
                   checked={formState.participantType === "businessEntity"}
-                  disabled={states.disabled}
+                  disabled={states.disabled || states.isPartner}
                 >
                   {text.businessEntity}
                 </sl-radio>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 4b6dc49bab..4f49d60625 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -46,15 +46,6 @@ export type InitialData = {
   [key: string]: string;
 };
 
-const UPSERT_USER = gql`
-  mutation ($userInput: UserInput!) {
-    upsertUser(userInput: $userInput) {
-      firstName
-      lastName
-    }
-  }
-`;
-
 export function useUserInfoForm(props: TaxForm) {
   const user = useUserIdentity();
 

From bdf69156097aeb9bce7adc72d84645ce3249b15f Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Fri, 16 Feb 2024 14:08:06 -0800
Subject: [PATCH 243/753] Add jsDoc strings

---
 packages/mint-components/src/components.d.ts  | 440 ++++++++++++++++++
 .../sqm-banking-info-form-view.tsx            |  22 +-
 .../sqm-banking-info-form.tsx                 | 147 +++++-
 .../sqm-indirect-tax-form.tsx                 | 139 ++++++
 packages/mint-components/src/index.html       |   4 +-
 5 files changed, 731 insertions(+), 21 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index b336a28174..06557dbe41 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -67,37 +67,145 @@ export namespace Components {
         "titleText": string;
     }
     interface SqmBankingInfoForm {
+        /**
+          * Label text for the agency code input field
+          * @uiName Agency code input label
+         */
         "agencyCodeLabel": string;
+        /**
+          * Label text for the bank account number input field
+          * @uiName Bank account number input label
+         */
         "bankAccountNumberLabel": string;
+        /**
+          * Label text for the bank account type input field
+          * @uiName Bank account type input label
+         */
         "bankAccountTypeLabel": string;
+        /**
+          * Label text for the bank name input field
+          * @uiName Bank name input label
+         */
         "bankNameLabel": string;
+        /**
+          * Label text for the beneficiary account name input field
+          * @uiName Beneficiary account name input label
+         */
         "beneficiaryAccountNameLabel": string;
+        /**
+          * Label text for the branch code input field
+          * @uiName Branch code input label
+         */
         "branchCodeLabel": string;
+        /**
+          * Label text for the business select item
+          * @uiName Business select item label
+         */
         "businessSelectItemLabel": string;
+        /**
+          * Label text for the classification CPF input field
+          * @uiName Classification CPF input label
+         */
         "classificationCPFLabel": string;
+        /**
+          * Label text for the classification entity input field
+          * @uiName Classification entity input label
+         */
         "classificationEntityLabel": string;
+        /**
+          * Label text for the classification input field
+          * @uiName Classification input label
+         */
         "classificationLabel": string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<any>;
+        /**
+          * Text for the option to receive payments directly to a bank account
+          * @uiName Directly to bank account option text
+         */
         "directlyToBankAccount": string;
+        /**
+          * Label text for the foreign select item
+          * @uiName Foreign select item label
+         */
         "foreignSelectItemLabel": string;
+        /**
+          * Subtext shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Form step text
+         */
         "formStep": string;
+        /**
+          * Label text for the IBAN input field
+          * @uiName IBAN input label
+         */
         "ibanLabel": string;
+        /**
+          * Label text for the individual select item
+          * @uiName Individual select item label
+         */
         "individualSelectItemLabel": string;
+        /**
+          * Description text for the alert when the user is identified as a partner
+          * @uiName Partner identification alert description
+         */
         "isPartnerAlertDescription": string;
+        /**
+          * Header text for the alert when the user is identified as a partner
+          * @uiName Partner identification alert header
+         */
         "isPartnerAlertHeader": string;
+        /**
+          * Label text for the patronymic name input field
+          * @uiName Patronymic name input label
+         */
         "patronymicNameLabel": string;
+        /**
+          * Label text for the PayPal email input field
+          * @uiName PayPal email input label
+         */
         "payPalInputLabel": string;
+        /**
+          * Heading text for the payment method section
+          * @uiName Payment method heading text
+         */
         "paymentMethod": string;
+        /**
+          * Label text for the routing code input field
+          * @uiName Routing code input label
+         */
         "routingCodeLabel": string;
+        /**
+          * Text for the save button in the form
+          * @uiName Save button text
+         */
         "submitButton": string;
+        /**
+          * Label text for the SWIFT code input field
+          * @uiName SWIFT code input label
+         */
         "swiftCodeLabel": string;
+        /**
+          * Heading text shown at the top of the page
+          * @uiName Tax and Payouts heading text
+         */
         "taxAndPayouts": string;
+        /**
+          * Text shown at the top of the page next to the tax and payouts label text
+          * @uiName Tax and Payouts label text
+         */
         "taxAndPayoutsDescription": string;
+        /**
+          * Text for the option to receive payments to a PayPal account with processing fee details
+          * @uiName PayPal option text with processing fee placeholder
+         */
         "toPaypalAccount": string;
+        /**
+          * Label text for the VO code input field
+          * @uiName VO code input label
+         */
         "voCodeLabel": string;
     }
     interface SqmBigStat {
@@ -775,37 +883,149 @@ export namespace Components {
         "minHeight"?: string;
     }
     interface SqmIndirectTaxForm {
+        /**
+          * Text for the back button in the form
+          * @uiName Back button text
+         */
         "backButton": string;
         /**
           * @undocumented
          */
         "demoData"?: DemoData<UseIndirectTaxFormResult>;
+        /**
+          * Subtext shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Form step text
+         */
         "formStep": string;
+        /**
+          * Description text for a general form submission error
+          * @uiName General form submission error description
+         */
         "generalErrorDescription": string;
+        /**
+          * Title text for a general form submission error
+          * @uiName General form submission error title
+         */
         "generalErrorTitle": string;
+        /**
+          * Heading text shown at the top of the page
+          * @uiName Indirect tax heading text
+         */
         "indirectTax": string;
+        /**
+          * Text shown at the top of the page below to the indirect tax header
+          * @uiName Indirect tax label text
+         */
         "indirectTaxDescription": string;
+        /**
+          * Heading text for the indirect tax details section
+          * @uiName Indirect tax details heading text
+         */
         "indirectTaxDetails": string;
+        /**
+          * Text shown below the indirect tax details heading text
+          * @uiName Indirect tax details subtext
+         */
         "indirectTaxDetailsDescription": string;
+        /**
+          * Label text for the indirect tax number input with a dynamic placeholder based on tax type
+          * @uiName Indirect tax number input label
+         */
         "indirectTaxNumber": string;
+        /**
+          * Error message for the indirect tax number input field with a dynamic placeholder based on tax type
+          * @uiName Indirect tax number error message
+         */
         "indirectTaxNumberError": string;
+        /**
+          * Description text for the alert when the user is identified as a partner
+          * @uiName Partner identification alert description
+         */
         "isPartnerAlertDescription": string;
+        /**
+          * Header text for the alert when the user is identified as a partner
+          * @uiName Partner identification alert header
+         */
         "isPartnerAlertHeader": string;
+        /**
+          * Text for the option indicating registration for QST tax
+          * @uiName Registered for QST tax option text
+         */
         "isRegisteredQST": string;
+        /**
+          * Text for the option indicating registration for sub-region income tax
+          * @uiName Registered for sub-region income tax option text
+         */
         "isRegisteredSubRegionIncomeTax": string;
+        /**
+          * Text for the option indicating not being registered for indirect tax
+          * @uiName Not registered for indirect tax option text
+         */
         "notRegistered": string;
+        /**
+          * Text for the option indicating registration for indirect tax in a different region
+          * @uiName Registered for indirect tax in a different region option text
+         */
         "otherRegion": string;
+        /**
+          * Label text for the province input
+          * @uiName Province input label
+         */
         "province": string;
+        /**
+          * Error message for the province input field
+          * @uiName Province error message
+         */
         "provinceError": string;
+        /**
+          * Label text for the QST number input field
+          * @uiName QST number input label
+         */
         "qstNumber": string;
+        /**
+          * Error message for the QST tax number input field
+          * @uiName QST tax number error message
+         */
         "qstTaxNumberError": string;
+        /**
+          * Label text for the country/region select input
+          * @uiName Selected country/region label
+         */
         "selectedRegion": string;
+        /**
+          * Error message for the selected region input field
+          * @uiName Selected region error message
+         */
         "selectedRegionError": string;
+        /**
+          * Label text for the sub-region input field
+          * @uiName Sub-region input label
+         */
         "subRegion": string;
+        /**
+          * Error message for the sub-region input field
+          * @uiName Sub-region error message
+         */
         "subRegionError": string;
+        /**
+          * Error message for the sub-region tax number input field
+          * @uiName Sub-region tax number error message
+         */
         "subRegionTaxNumberError": string;
+        /**
+          * Label text for the sub-region tax number input field
+          * @uiName Sub-region tax number input label
+         */
         "subRegionTaxNumberLabel": string;
+        /**
+          * Text for the continue button in the form
+          * @uiName Continue button text
+         */
         "submitButton": string;
+        /**
+          * Error message for the tax details input field
+          * @uiName Tax details error message
+         */
         "taxDetailsError": string;
     }
     interface SqmInputField {
@@ -5011,37 +5231,145 @@ declare namespace LocalJSX {
         "titleText"?: string;
     }
     interface SqmBankingInfoForm {
+        /**
+          * Label text for the agency code input field
+          * @uiName Agency code input label
+         */
         "agencyCodeLabel"?: string;
+        /**
+          * Label text for the bank account number input field
+          * @uiName Bank account number input label
+         */
         "bankAccountNumberLabel"?: string;
+        /**
+          * Label text for the bank account type input field
+          * @uiName Bank account type input label
+         */
         "bankAccountTypeLabel"?: string;
+        /**
+          * Label text for the bank name input field
+          * @uiName Bank name input label
+         */
         "bankNameLabel"?: string;
+        /**
+          * Label text for the beneficiary account name input field
+          * @uiName Beneficiary account name input label
+         */
         "beneficiaryAccountNameLabel"?: string;
+        /**
+          * Label text for the branch code input field
+          * @uiName Branch code input label
+         */
         "branchCodeLabel"?: string;
+        /**
+          * Label text for the business select item
+          * @uiName Business select item label
+         */
         "businessSelectItemLabel"?: string;
+        /**
+          * Label text for the classification CPF input field
+          * @uiName Classification CPF input label
+         */
         "classificationCPFLabel"?: string;
+        /**
+          * Label text for the classification entity input field
+          * @uiName Classification entity input label
+         */
         "classificationEntityLabel"?: string;
+        /**
+          * Label text for the classification input field
+          * @uiName Classification input label
+         */
         "classificationLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<any>;
+        /**
+          * Text for the option to receive payments directly to a bank account
+          * @uiName Directly to bank account option text
+         */
         "directlyToBankAccount"?: string;
+        /**
+          * Label text for the foreign select item
+          * @uiName Foreign select item label
+         */
         "foreignSelectItemLabel"?: string;
+        /**
+          * Subtext shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Form step text
+         */
         "formStep"?: string;
+        /**
+          * Label text for the IBAN input field
+          * @uiName IBAN input label
+         */
         "ibanLabel"?: string;
+        /**
+          * Label text for the individual select item
+          * @uiName Individual select item label
+         */
         "individualSelectItemLabel"?: string;
+        /**
+          * Description text for the alert when the user is identified as a partner
+          * @uiName Partner identification alert description
+         */
         "isPartnerAlertDescription"?: string;
+        /**
+          * Header text for the alert when the user is identified as a partner
+          * @uiName Partner identification alert header
+         */
         "isPartnerAlertHeader"?: string;
+        /**
+          * Label text for the patronymic name input field
+          * @uiName Patronymic name input label
+         */
         "patronymicNameLabel"?: string;
+        /**
+          * Label text for the PayPal email input field
+          * @uiName PayPal email input label
+         */
         "payPalInputLabel"?: string;
+        /**
+          * Heading text for the payment method section
+          * @uiName Payment method heading text
+         */
         "paymentMethod"?: string;
+        /**
+          * Label text for the routing code input field
+          * @uiName Routing code input label
+         */
         "routingCodeLabel"?: string;
+        /**
+          * Text for the save button in the form
+          * @uiName Save button text
+         */
         "submitButton"?: string;
+        /**
+          * Label text for the SWIFT code input field
+          * @uiName SWIFT code input label
+         */
         "swiftCodeLabel"?: string;
+        /**
+          * Heading text shown at the top of the page
+          * @uiName Tax and Payouts heading text
+         */
         "taxAndPayouts"?: string;
+        /**
+          * Text shown at the top of the page next to the tax and payouts label text
+          * @uiName Tax and Payouts label text
+         */
         "taxAndPayoutsDescription"?: string;
+        /**
+          * Text for the option to receive payments to a PayPal account with processing fee details
+          * @uiName PayPal option text with processing fee placeholder
+         */
         "toPaypalAccount"?: string;
+        /**
+          * Label text for the VO code input field
+          * @uiName VO code input label
+         */
         "voCodeLabel"?: string;
     }
     interface SqmBigStat {
@@ -5720,37 +6048,149 @@ declare namespace LocalJSX {
         "minHeight"?: string;
     }
     interface SqmIndirectTaxForm {
+        /**
+          * Text for the back button in the form
+          * @uiName Back button text
+         */
         "backButton"?: string;
         /**
           * @undocumented
          */
         "demoData"?: DemoData<UseIndirectTaxFormResult>;
+        /**
+          * Subtext shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Form step text
+         */
         "formStep"?: string;
+        /**
+          * Description text for a general form submission error
+          * @uiName General form submission error description
+         */
         "generalErrorDescription"?: string;
+        /**
+          * Title text for a general form submission error
+          * @uiName General form submission error title
+         */
         "generalErrorTitle"?: string;
+        /**
+          * Heading text shown at the top of the page
+          * @uiName Indirect tax heading text
+         */
         "indirectTax"?: string;
+        /**
+          * Text shown at the top of the page below to the indirect tax header
+          * @uiName Indirect tax label text
+         */
         "indirectTaxDescription"?: string;
+        /**
+          * Heading text for the indirect tax details section
+          * @uiName Indirect tax details heading text
+         */
         "indirectTaxDetails"?: string;
+        /**
+          * Text shown below the indirect tax details heading text
+          * @uiName Indirect tax details subtext
+         */
         "indirectTaxDetailsDescription"?: string;
+        /**
+          * Label text for the indirect tax number input with a dynamic placeholder based on tax type
+          * @uiName Indirect tax number input label
+         */
         "indirectTaxNumber"?: string;
+        /**
+          * Error message for the indirect tax number input field with a dynamic placeholder based on tax type
+          * @uiName Indirect tax number error message
+         */
         "indirectTaxNumberError"?: string;
+        /**
+          * Description text for the alert when the user is identified as a partner
+          * @uiName Partner identification alert description
+         */
         "isPartnerAlertDescription"?: string;
+        /**
+          * Header text for the alert when the user is identified as a partner
+          * @uiName Partner identification alert header
+         */
         "isPartnerAlertHeader"?: string;
+        /**
+          * Text for the option indicating registration for QST tax
+          * @uiName Registered for QST tax option text
+         */
         "isRegisteredQST"?: string;
+        /**
+          * Text for the option indicating registration for sub-region income tax
+          * @uiName Registered for sub-region income tax option text
+         */
         "isRegisteredSubRegionIncomeTax"?: string;
+        /**
+          * Text for the option indicating not being registered for indirect tax
+          * @uiName Not registered for indirect tax option text
+         */
         "notRegistered"?: string;
+        /**
+          * Text for the option indicating registration for indirect tax in a different region
+          * @uiName Registered for indirect tax in a different region option text
+         */
         "otherRegion"?: string;
+        /**
+          * Label text for the province input
+          * @uiName Province input label
+         */
         "province"?: string;
+        /**
+          * Error message for the province input field
+          * @uiName Province error message
+         */
         "provinceError"?: string;
+        /**
+          * Label text for the QST number input field
+          * @uiName QST number input label
+         */
         "qstNumber"?: string;
+        /**
+          * Error message for the QST tax number input field
+          * @uiName QST tax number error message
+         */
         "qstTaxNumberError"?: string;
+        /**
+          * Label text for the country/region select input
+          * @uiName Selected country/region label
+         */
         "selectedRegion"?: string;
+        /**
+          * Error message for the selected region input field
+          * @uiName Selected region error message
+         */
         "selectedRegionError"?: string;
+        /**
+          * Label text for the sub-region input field
+          * @uiName Sub-region input label
+         */
         "subRegion"?: string;
+        /**
+          * Error message for the sub-region input field
+          * @uiName Sub-region error message
+         */
         "subRegionError"?: string;
+        /**
+          * Error message for the sub-region tax number input field
+          * @uiName Sub-region tax number error message
+         */
         "subRegionTaxNumberError"?: string;
+        /**
+          * Label text for the sub-region tax number input field
+          * @uiName Sub-region tax number input label
+         */
         "subRegionTaxNumberLabel"?: string;
+        /**
+          * Text for the continue button in the form
+          * @uiName Continue button text
+         */
         "submitButton"?: string;
+        /**
+          * Error message for the tax details input field
+          * @uiName Tax details error message
+         */
         "taxDetailsError"?: string;
     }
     interface SqmInputField {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 07a8039c0b..657bf1e1ac 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -291,18 +291,16 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
               </sl-checkbox>
               {formState.checked === "toBankAccount" && (
                 <div class={classes.InputContainer}>
-                  {states.loading ? (
-                    getLoadingSkeleton(
-                      "toBankAccount",
-                      slots.formInputsSlot.length + 2
-                    )
-                  ) : (
-                    <div>
-                      {slots.countryInputSlot}
-                      {slots.paymentMethodSlot}
-                      {slots.formInputsSlot}
-                    </div>
-                  )}
+                  {states.loading
+                    ? getLoadingSkeleton(
+                        "toBankAccount",
+                        slots.formInputsSlot.length + 2
+                      )
+                    : [
+                        slots.countryInputSlot,
+                        slots.paymentMethodSlot,
+                        slots.formInputsSlot,
+                      ]}
                 </div>
               )}
               <sl-checkbox
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index db493d24d7..05d3a36eae 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -20,36 +20,169 @@ import { mockPaymentOptions } from "./mockData";
 export class BankingInfoForm {
   @State() ignored = true;
 
-  @Prop() formStep: string = "Step 4 of 4";
-  @Prop() taxAndPayouts: string = "Payouts";
+  /**
+   * Subtext shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Form step text
+   */
+  @Prop() formStep: string = "Step 3 of 4";
+
+  /**
+   * Heading text shown at the top of the page
+   * @uiName Tax and Payouts heading text
+   */
+  @Prop() taxAndPayouts: string = "Tax and Payouts";
+
+  /**
+   * Text shown at the top of the page next to the tax and payouts label text
+   * @uiName Tax and Payouts label text
+   */
   @Prop() taxAndPayoutsDescription: string =
     "Submit your tax documents and add your banking information to receive your rewards.";
+
+  /**
+   * Text for the option to receive payments directly to a bank account
+   * @uiName Directly to bank account option text
+   */
   @Prop() directlyToBankAccount: string = "Directly to my bank account";
+
+  /**
+   * Text for the option to receive payments to a PayPal account with processing fee details
+   * @uiName PayPal option text with processing fee placeholder
+   */
   @Prop() toPaypalAccount: string =
     "PayPal (2% processing fee capped to {feeCap})";
+
+  /**
+   * Heading text for the payment method section
+   * @uiName Payment method heading text
+   */
   @Prop() paymentMethod: string = "Payment Method";
+
+  /**
+   * Label text for the PayPal email input field
+   * @uiName PayPal email input label
+   */
   @Prop() payPalInputLabel: string = "PayPal Email";
+
+  /**
+   * Text for the save button in the form
+   * @uiName Save button text
+   */
   @Prop() submitButton: string = "Save";
+
+  /**
+   * Label text for the beneficiary account name input field
+   * @uiName Beneficiary account name input label
+   */
   @Prop() beneficiaryAccountNameLabel: string = "Beneficiary Account Name";
+
+  /**
+   * Label text for the bank account type input field
+   * @uiName Bank account type input label
+   */
   @Prop() bankAccountTypeLabel: string = "Bank Account Type";
+
+  /**
+   * Label text for the bank account number input field
+   * @uiName Bank account number input label
+   */
   @Prop() bankAccountNumberLabel: string = "Bank Account Number";
-  @Prop() ibanLabel: string = "Iban";
-  @Prop() swiftCodeLabel: string = "Swift Code";
+  /**
+   * Label text for the IBAN input field
+   * @uiName IBAN input label
+   */
+  @Prop() ibanLabel: string = "IBAN";
+
+  /**
+   * Label text for the SWIFT code input field
+   * @uiName SWIFT code input label
+   */
+  @Prop() swiftCodeLabel: string = "SWIFT Code";
+
+  /**
+   * Label text for the routing code input field
+   * @uiName Routing code input label
+   */
   @Prop() routingCodeLabel: string = "Routing Code";
+
+  /**
+   * Label text for the bank name input field
+   * @uiName Bank name input label
+   */
   @Prop() bankNameLabel: string = "Bank Name";
+
+  /**
+   * Label text for the classification entity input field
+   * @uiName Classification entity input label
+   */
   @Prop() classificationEntityLabel: string = "Classification Entity";
+
+  /**
+   * Label text for the business select item
+   * @uiName Business select item label
+   */
   @Prop() businessSelectItemLabel: string = "Business";
+
+  /**
+   * Label text for the individual select item
+   * @uiName Individual select item label
+   */
   @Prop() individualSelectItemLabel: string = "Individual";
+
+  /**
+   * Label text for the foreign select item
+   * @uiName Foreign select item label
+   */
   @Prop() foreignSelectItemLabel: string = "Foreign";
+
+  /**
+   * Header text for the alert when the user is identified as a partner
+   * @uiName Partner identification alert header
+   */
   @Prop() isPartnerAlertHeader: string =
     "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
+   */
   @Prop() isPartnerAlertDescription: string =
     "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.";
+
+  /**
+   * Label text for the classification CPF input field
+   * @uiName Classification CPF input label
+   */
   @Prop() classificationCPFLabel: string = "Classification CPF";
+
+  /**
+   * Label text for the patronymic name input field
+   * @uiName Patronymic name input label
+   */
   @Prop() patronymicNameLabel: string = "Patronymic Name";
-  @Prop() voCodeLabel: string = "Vo Code";
+
+  /**
+   * Label text for the VO code input field
+   * @uiName VO code input label
+   */
+  @Prop() voCodeLabel: string = "VO Code";
+
+  /**
+   * Label text for the agency code input field
+   * @uiName Agency code input label
+   */
   @Prop() agencyCodeLabel: string = "Agency Code";
+
+  /**
+   * Label text for the branch code input field
+   * @uiName Branch code input label
+   */
   @Prop() branchCodeLabel: string = "Branch Code";
+
+  /**
+   * Label text for the classification input field
+   * @uiName Classification input label
+   */
   @Prop() classificationLabel: string = "Classification";
   // @Prop() generalErrorTitle: string =
   //   "There was a problem submitting your information";
@@ -291,7 +424,7 @@ export class BankingInfoForm {
     return (
       <Host>
         {/* demo */}
-        <sl-input
+        {/* <sl-input
           value={props.demo.bitset}
           onInput={(e) => props.demo.setBitset(Number(e.target.value))}
         />
@@ -309,7 +442,7 @@ export class BankingInfoForm {
           <sl-menu-item value="CAD">CAD</sl-menu-item>
           <sl-menu-item value="EUR">EUR</sl-menu-item>
           <sl-menu-item value="JPY">JPY</sl-menu-item>
-        </sl-select>
+        </sl-select> */}
         {/*  */}
         <BankingInfoFormView
           callbacks={props.callbacks}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 4dfe3e7142..9748c0e2e5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -28,42 +28,181 @@ import {
   shadow: true,
 })
 export class IndirectTaxForm {
+  /**
+   * Subtext shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Form step text
+   */
   @Prop() formStep: string = "Step 2 of 4";
+
+  /**
+   * Heading text shown at the top of the page
+   * @uiName Indirect tax heading text
+   */
   @Prop() indirectTax: string = "Indirect Tax";
+
+  /**
+   * Text shown at the top of the page below to the indirect tax header
+   * @uiName Indirect tax label text
+   */
   @Prop() indirectTaxDescription: string =
     "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.";
+
+  /**
+   * Heading text for the indirect tax details section
+   * @uiName Indirect tax details heading text
+   */
   @Prop() indirectTaxDetails: string = "Indirect Tax Details";
+
+  /**
+   * Text shown below the indirect tax details heading text
+   * @uiName Indirect tax details subtext
+   */
   @Prop() indirectTaxDetailsDescription: string =
     "If you represent a business entity, you may be registered for indirect tax. If you are based in the US you are most likely not registered. Not sure if you’re registered? Contact our Support team to find out more.";
+
+  /**
+   * Text for the option indicating registration for indirect tax in a different region
+   * @uiName Registered for indirect tax in a different region option text
+   */
   @Prop() otherRegion: string =
     "I am registered for Indirect Tax in a different Country / Region";
+
+  /**
+   * Text for the option indicating not being registered for indirect tax
+   * @uiName Not registered for indirect tax option text
+   */
   @Prop() notRegistered: string = "I am not registered for Indirect Tax";
+
+  /**
+   * Label text for the country/region select input
+   * @uiName Selected country/region label
+   */
   @Prop() selectedRegion: string = "Country / Region of Indirect Tax";
+
+  /**
+   * Label text for the province input
+   * @uiName Province input label
+   */
   @Prop() province: string = "Province";
+
+  /**
+   * Label text for the indirect tax number input with a dynamic placeholder based on tax type
+   * @uiName Indirect tax number input label
+   */
   @Prop() indirectTaxNumber: string =
     "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}";
+
+  /**
+   * Header text for the alert when the user is identified as a partner
+   * @uiName Partner identification alert header
+   */
   @Prop() isPartnerAlertHeader: string =
     "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
+   */
   @Prop() isPartnerAlertDescription: string =
     "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
+   */
   @Prop() submitButton: string = "Continue";
+
+  /**
+   * Text for the back button in the form
+   * @uiName Back button text
+   */
   @Prop() backButton: string = "Back";
+
+  /**
+   * Error message for the tax details input field
+   * @uiName Tax details error message
+   */
   @Prop() taxDetailsError: string = "This field is required";
+
+  /**
+   * Title text for a general form submission error
+   * @uiName General form submission error title
+   */
   @Prop() generalErrorTitle: string =
     "There was a problem submitting your information";
+
+  /**
+   * Description text for a general form submission error
+   * @uiName General form submission error description
+   */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
+
+  /**
+   * Error message for the selected region input field
+   * @uiName Selected region error message
+   */
   @Prop() selectedRegionError: string = "Country is required";
+
+  /**
+   * Error message for the province input field
+   * @uiName Province error message
+   */
   @Prop() provinceError: string = "Province is required";
+
+  /**
+   * Error message for the indirect tax number input field with a dynamic placeholder based on tax type
+   * @uiName Indirect tax number error message
+   */
   @Prop() indirectTaxNumberError: string =
     "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required";
+
+  /**
+   * Error message for the sub-region tax number input field
+   * @uiName Sub-region tax number error message
+   */
   @Prop() subRegionTaxNumberError: string = "Income Tax Number is required";
+
+  /**
+   * Error message for the QST tax number input field
+   * @uiName QST tax number error message
+   */
   @Prop() qstTaxNumberError: string = "QST Number is required";
+
+  /**
+   * Label text for the sub-region input field
+   * @uiName Sub-region input label
+   */
   @Prop() subRegion: string = "Sub-region";
+
+  /**
+   * Error message for the sub-region input field
+   * @uiName Sub-region error message
+   */
   @Prop() subRegionError: string = "Sub-region is required";
+
+  /**
+   * Label text for the QST number input field
+   * @uiName QST number input label
+   */
   @Prop() qstNumber: string = "QST Number";
+
+  /**
+   * Label text for the sub-region tax number input field
+   * @uiName Sub-region tax number input label
+   */
   @Prop() subRegionTaxNumberLabel: string = "Income Tax Number";
+
+  /**
+   * Text for the option indicating registration for QST tax
+   * @uiName Registered for QST tax option text
+   */
   @Prop() isRegisteredQST: string = "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
+   */
   @Prop() isRegisteredSubRegionIncomeTax: string =
     "I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.";
 
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From 560841e7779aad2775f55e0009789740acd32230 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Fri, 16 Feb 2024 15:05:50 -0800
Subject: [PATCH 244/753] Cleanup + add PR feedback

---
 packages/mint-components/src/components.d.ts  | 30 ++++++++++++
 .../tax-and-cash/BankingForm.stories.tsx      | 19 ++++++++
 .../sqm-banking-info-form-view.tsx            | 46 ++++++++++++-------
 .../sqm-banking-info-form.tsx                 | 29 ++++++++++--
 4 files changed, 102 insertions(+), 22 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 06557dbe41..f9e716ef08 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -137,6 +137,16 @@ export namespace Components {
           * @uiName Form step text
          */
         "formStep": string;
+        /**
+          * Description text for a general form submission error
+          * @uiName General form submission error description
+         */
+        "generalErrorDescription": string;
+        /**
+          * Title text for a general form submission error
+          * @uiName General form submission error title
+         */
+        "generalErrorTitle": string;
         /**
           * Label text for the IBAN input field
           * @uiName IBAN input label
@@ -172,6 +182,11 @@ export namespace Components {
           * @uiName Payment method heading text
          */
         "paymentMethod": string;
+        /**
+          * Subtext for the payment method section
+          * @uiName Payment method subtext
+         */
+        "paymentMethodSubtext": string;
         /**
           * Label text for the routing code input field
           * @uiName Routing code input label
@@ -5301,6 +5316,16 @@ declare namespace LocalJSX {
           * @uiName Form step text
          */
         "formStep"?: string;
+        /**
+          * Description text for a general form submission error
+          * @uiName General form submission error description
+         */
+        "generalErrorDescription"?: string;
+        /**
+          * Title text for a general form submission error
+          * @uiName General form submission error title
+         */
+        "generalErrorTitle"?: string;
         /**
           * Label text for the IBAN input field
           * @uiName IBAN input label
@@ -5336,6 +5361,11 @@ declare namespace LocalJSX {
           * @uiName Payment method heading text
          */
         "paymentMethod"?: string;
+        /**
+          * Subtext for the payment method section
+          * @uiName Payment method subtext
+         */
+        "paymentMethodSubtext"?: string;
         /**
           * Label text for the routing code input field
           * @uiName Routing code input label
diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 01e1db4b20..7710c8565e 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -54,6 +54,25 @@ export const BankingInfoFormCountryUSCurrencyUSD = () => {
   );
 };
 
+export const BankingInfoFormGeneralError = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        states: {
+          ...bankingFormProps.states,
+          formState: {
+            ...bankingFormProps.states.formState,
+            errors: {
+              general: true,
+            },
+          },
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
 export const BankingInfoFormCountryUSCurrencyUSDLoading = () => {
   return (
     <sqm-banking-info-form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 657bf1e1ac..402af5fb5c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -1,4 +1,4 @@
-import { h } from "@stencil/core";
+import { h, VNode } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
 import { intl } from "../../../global/global";
 
@@ -12,19 +12,17 @@ export interface BankingInfoFormViewProps {
     feeCap?: string;
     isPartner: boolean;
     formState: {
-      checked: "toBankAccount" | "toPaypalAccount" | undefined;
+      checked?: "toBankAccount" | "toPaypalAccount";
       errors?: any;
     };
   };
   slots: {
-    formInputsSlot?: any;
-    countryInputSlot?: any;
-    paymentMethodSlot?: any;
+    formInputsSlot?: VNode[];
+    countryInputSlot?: VNode;
+    paymentMethodSlot?: VNode;
   };
   callbacks: {
-    setChecked: (
-      checked: "toBankAccount" | "toPaypalAccount" | undefined
-    ) => void;
+    setChecked: (checked: "toBankAccount" | "toPaypalAccount") => void;
     onSubmit: (props: any) => Promise<void>;
     onChange: (e) => void;
   };
@@ -35,11 +33,15 @@ export interface BankingInfoFormViewProps {
     directlyToBankAccount: string;
     toPaypalAccount: string;
     paymentMethod: string;
+    paymentMethodSubtext: string;
     submitButton: string;
     payPalInputLabel: string;
     isPartnerAlertHeader: string;
     isPartnerAlertDescription: string;
-    error: {};
+    error: {
+      generalTitle;
+      generalDescription;
+    };
   };
   refs: {
     formRef: any;
@@ -197,7 +199,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
       gap: "8px",
     };
 
-    if (checkedValue === undefined)
+    if (checkedValue === undefined) {
       return (
         <div style={{ ...flexBoxStyle, flexDirection: "column", gap: "16px" }}>
           <div class={classes.SmallSkeleton} />
@@ -211,14 +213,16 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
           </div>
         </div>
       );
+    }
 
-    if (checkedValue === "toPaypalAccount")
+    if (checkedValue === "toPaypalAccount") {
       return (
         <div style={{ ...flexBoxStyle, flexDirection: "column" }}>
           <div class={classes.SmallSkeleton} />
           <div class={classes.LargeSkeleton} />
         </div>
       );
+    }
 
     Array.from({ length: inputNumber }).forEach((input, index) => {
       skeletons.push(
@@ -245,17 +249,17 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
       <div class={classes.TextContainer}>
         <div>
           {!states.hideSteps && <p>{text.formStep}</p>}
-          <h3>{text.taxAndPayouts}</h3>
-          <p>{text.taxAndPayoutsDescription}</p>
+          <h3 style={{ fontSize: "24px" }}>{text.taxAndPayouts}</h3>
+          <p class={classes.DescriptionText}>{text.taxAndPayoutsDescription}</p>
         </div>
-        {/* {formState.errors?.general && (
+        {formState.errors?.general && (
           <sl-alert type="warning" open class={sheet.classes.AlertContainer}>
             <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
             <strong>{text.error.generalTitle}</strong>
             <br />
             {text.error.generalDescription}
           </sl-alert>
-        )} */}
+        )}
         {states.isPartner && (
           <sl-alert
             type="primary"
@@ -268,8 +272,10 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
             {text.isPartnerAlertDescription}
           </sl-alert>
         )}
+
         <div>
           <h4>{text.paymentMethod}</h4>
+          <p class={classes.DescriptionText}>{text.paymentMethodSubtext}</p>
         </div>
       </div>
       <div>
@@ -290,7 +296,10 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 {text.directlyToBankAccount}
               </sl-checkbox>
               {formState.checked === "toBankAccount" && (
-                <div class={classes.InputContainer}>
+                <div
+                  class={classes.InputContainer}
+                  style={states.hideBanking ? { display: "none" } : {}}
+                >
                   {states.loading
                     ? getLoadingSkeleton(
                         "toBankAccount",
@@ -321,7 +330,10 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 )}
               </sl-checkbox>
               {formState.checked === "toPaypalAccount" && (
-                <div class={classes.InputContainer}>
+                <div
+                  class={classes.InputContainer}
+                  style={states.hidePayPal ? { display: "none" } : {}}
+                >
                   {states.loading ? (
                     getLoadingSkeleton("toPaypalAccount")
                   ) : (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 05d3a36eae..eeb0973b96 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -58,6 +58,13 @@ export class BankingInfoForm {
    */
   @Prop() paymentMethod: string = "Payment Method";
 
+  /**
+   * Subtext for the payment method section
+   * @uiName Payment method subtext
+   */
+  @Prop() paymentMethodSubtext: string =
+    "Payouts will be sent on the first day of each month from our referral program provider, impact.com.";
+
   /**
    * Label text for the PayPal email input field
    * @uiName PayPal email input label
@@ -184,10 +191,19 @@ export class BankingInfoForm {
    * @uiName Classification input label
    */
   @Prop() classificationLabel: string = "Classification";
-  // @Prop() generalErrorTitle: string =
-  //   "There was a problem submitting your information";
-  // @Prop() generalErrorDescription: string =
-  //   "Please review your information and try again. If this problem continues, contact Support.";
+  /**
+   * Title text for a general form submission error
+   * @uiName General form submission error title
+   */
+  @Prop() generalErrorTitle: string =
+    "There was a problem submitting your information";
+
+  /**
+   * Description text for a general form submission error
+   * @uiName General form submission error description
+   */
+  @Prop() generalErrorDescription: string =
+    "Please review your information and try again. If this problem continues, contact Support.";
 
   /**
    * @undocumented
@@ -206,7 +222,10 @@ export class BankingInfoForm {
 
     return {
       ...props,
-      error: {},
+      error: {
+        generalTitle: props.generalErrorTitle,
+        generalDescription: props.generalErrorDescription,
+      },
     };
   }
 

From be40bf9db65d305f017c553fe6c47bf54f56fb5e Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Fri, 16 Feb 2024 15:25:42 -0800
Subject: [PATCH 245/753] Cleanup error types

---
 .../sqm-banking-info-form-view.tsx                     |  4 +++-
 .../sqm-document-type-form-view.tsx                    |  8 ++++----
 .../sqm-docusign-form/sqm-docusign-form-view.tsx       |  4 +++-
 .../sqm-indirect-tax-form-view.tsx                     |  6 ++++--
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.tsx    |  5 +----
 .../sqm-tax-document-submitted-view.tsx                |  4 +++-
 .../sqm-user-info-form/sqm-user-info-form-view.tsx     | 10 +++++++++-
 7 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 402af5fb5c..c71da7d24a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -13,7 +13,9 @@ export interface BankingInfoFormViewProps {
     isPartner: boolean;
     formState: {
       checked?: "toBankAccount" | "toPaypalAccount";
-      errors?: any;
+      errors?: {
+        general?: boolean;
+      };
     };
   };
   slots: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
index dd4a45f8c1..0fac3bcab8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
@@ -6,8 +6,10 @@ export interface DocumentTypeFormViewProps {
     loading: boolean;
     disabled: boolean;
     formState: {
-      selectedTaxForm: "W9" | "W8-BEN" | "W8-BEN-E" | undefined;
-      errors?: any;
+      selectedTaxForm?: "W9" | "W8-BEN" | "W8-BEN-E";
+      errors?: {
+        general?: boolean;
+      };
     };
   };
   callbacks: {
@@ -138,8 +140,6 @@ export const DocumentTypeFormView = (props: DocumentTypeFormViewProps) => {
 
   const { classes } = sheet;
 
-  console.log({ formState });
-
   return (
     <sl-form class={classes.FormWrapper} onSl-submit={callbacks.onSubmit}>
       <style type="text/css">
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index b5c5be96be..9d131e612d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -12,7 +12,9 @@ export interface DocusignFormViewProps {
     formState: {
       completedTaxForm: boolean;
       taxFormExpired: boolean;
-      errors?: any;
+      errors?: {
+        general?: boolean;
+      };
     };
     documentType: TaxDocumentType;
     hideBackButton: boolean;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 713b7f47c1..c2962b7ea4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -8,8 +8,10 @@ export interface IndirectTaxFormViewProps {
     isPartner: boolean;
     hideSteps: boolean;
     formState: {
-      checked: "hstCanada" | "otherRegion" | "notRegistered" | undefined;
-      errors?: any;
+      checked?: "hstCanada" | "otherRegion" | "notRegistered";
+      errors?: {
+        general?: boolean;
+      };
     };
   };
   slots: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 9748c0e2e5..348a8aec41 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -6,10 +6,7 @@ import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { OtherRegionSlotView } from "../sqm-user-info-form/small-views/IndirectTaxDetailsView";
-import {
-  IndirectTaxFormView,
-  IndirectTaxFormViewProps,
-} from "./sqm-indirect-tax-form-view";
+import { IndirectTaxFormView } from "./sqm-indirect-tax-form-view";
 import {
   UseIndirectTaxFormResult,
   useIndirectTaxForm,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 8cfd52e796..0375aa68e0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -23,7 +23,9 @@ export interface TaxDocumentSubmittedProps {
     isIndirectTaxCanada?: boolean;
     isBusinessEntity: boolean;
     loading?: boolean;
-    errors?: any;
+    errors?: {
+      general?: boolean;
+    };
   };
   callbacks: { onClick: (props: any) => void; onEditIndirectTax: () => void };
   text: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 077a9c81a5..3b0edbe75a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -16,7 +16,15 @@ export interface UserInfoFormViewProps {
       currency?: string;
       allowBankingCollection?: boolean;
       participantType: "individualParticipant" | "businessEntity" | undefined;
-      errors?: any;
+      errors?: {
+        general?: boolean;
+        firstName?: boolean;
+        lastName?: boolean;
+        countryCode?: boolean;
+        currency?: boolean;
+        participantType?: boolean;
+        allowBankingCollection?: boolean;
+      };
       error?: string;
     };
   };

From 395b277ab1e53189793a9942d943d48e32fd2bb0 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 16 Feb 2024 16:04:06 -0800
Subject: [PATCH 246/753] Removed partcipantType from user info form. Added
 participantType in docusign form and form rendering logic. updated specs

---
 packages/mint-components/src/components.d.ts  |  66 +++++++++
 .../tax-and-cash/TaxForm.stories.tsx          |   5 +-
 .../sqm-docusign-form-view.tsx                | 128 ++++++++++++------
 .../sqm-docusign-form.feature                 |   3 +
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  16 +++
 .../sqm-docusign-form/useDocusignForm.tsx     |   4 +
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  19 +++
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |   2 +-
 .../tax-and-cash/sqm-tax-form.feature         |  95 +++++++------
 .../sqm-user-info-form-view.tsx               |  10 +-
 .../sqm-user-info-form.feature                |  12 +-
 11 files changed, 259 insertions(+), 101 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index b336a28174..72a8d3315b 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -401,6 +401,11 @@ export namespace Components {
           * @uiName Banner text
          */
         "banner": string;
+        /**
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+         */
+        "businessEntity": string;
         /**
           * Label text for the form submission checkbox
           * @uiName Form submission checkbox label
@@ -451,11 +456,21 @@ export namespace Components {
           * @uiName General error title
          */
         "generalErrorTitle": string;
+        /**
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+         */
+        "individualParticipant": string;
         /**
           * Text shown in the link to the form for non US residents
           * @uiName Not based in US link text
          */
         "notBasedInUS": string;
+        /**
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
+         */
+        "participantType": string;
         /**
           * Text shown inside of refresh button
           * @uiName Refresh button text
@@ -3606,6 +3621,12 @@ export namespace Components {
           * @uiGroup Step 3 Properties
          */
         "step3_banner": string;
+        /**
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+          * @uiGroup Step 3 Properties
+         */
+        "step3_businessEntity": string;
         /**
           * Label text for the form submission checkbox
           * @uiName Form submission checkbox label
@@ -3660,6 +3681,18 @@ export namespace Components {
           * @uiGroup Step 3 Properties
          */
         "step3_generalErrorTitle": string;
+        /**
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+          * @uiGroup Step 3 Properties
+         */
+        "step3_individualParticipant": string;
+        /**
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
+          * @uiGroup Step 3 Properties
+         */
+        "step3_participantType": string;
         /**
           * Text shown inside of refresh button
           * @uiName Refresh button text
@@ -5346,6 +5379,11 @@ declare namespace LocalJSX {
           * @uiName Banner text
          */
         "banner"?: string;
+        /**
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+         */
+        "businessEntity"?: string;
         /**
           * Label text for the form submission checkbox
           * @uiName Form submission checkbox label
@@ -5396,11 +5434,21 @@ declare namespace LocalJSX {
           * @uiName General error title
          */
         "generalErrorTitle"?: string;
+        /**
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+         */
+        "individualParticipant"?: string;
         /**
           * Text shown in the link to the form for non US residents
           * @uiName Not based in US link text
          */
         "notBasedInUS"?: string;
+        /**
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
+         */
+        "participantType"?: string;
         /**
           * Text shown inside of refresh button
           * @uiName Refresh button text
@@ -8527,6 +8575,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "step3_banner"?: string;
+        /**
+          * Label text for the business entity radio button
+          * @uiName Business entity radio button label
+          * @uiGroup Step 3 Properties
+         */
+        "step3_businessEntity"?: string;
         /**
           * Label text for the form submission checkbox
           * @uiName Form submission checkbox label
@@ -8581,6 +8635,18 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "step3_generalErrorTitle"?: string;
+        /**
+          * Label text for the individual participant radio button
+          * @uiName Individual participant radio button label
+          * @uiGroup Step 3 Properties
+         */
+        "step3_individualParticipant"?: string;
+        /**
+          * Heading text for the participant type radio buttons
+          * @uiName Participant type radio buttons heading
+          * @uiGroup Step 3 Properties
+         */
+        "step3_participantType"?: string;
         /**
           * Text shown inside of refresh button
           * @uiName Refresh button text
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 0fc75a973d..1537f698e8 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 import { StoryDemoData } from "../../global/demo";
 import { UseDocumentTypeFormResult } from "./sqm-document-type-form/useDocumentTypeForm";
-import { UseDocusignFormResult } from "./sqm-docusign-form/useDocusignForm";
+import { ParticipantType, UseDocusignFormResult } from "./sqm-docusign-form/useDocusignForm";
 import { UseIndirectTaxFormResult } from "./sqm-indirect-tax-form/useIndirectTaxForm";
 import {
   INDIRECT_TAX_PROVINCES,
@@ -144,6 +144,7 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
     disabled: false,
     submitDisabled: false,
     formState: {
+      participantType: "individualParticipant" as ParticipantType,
       errors: {},
       completedTaxForm: true,
       taxFormExpired: false,
@@ -591,6 +592,7 @@ export const StepThreeWithDocusignExpired = () => {
           ...docusignFormProps.states,
           docusignStatus: "ttl_expired",
           formState: {
+            participantType: "individualParticipant" as ParticipantType,
             taxFormExpired: true,
             completedTaxForm: false,
             errors: {},
@@ -609,6 +611,7 @@ export const StepThreeWithDocusignCompleted = () => {
           ...docusignFormProps.states,
           docusignStatus: "signing_complete",
           formState: {
+            participantType:  "individualParticipant" as ParticipantType,
             taxFormExpired: false,
             completedTaxForm: true,
             errors: {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index b5c5be96be..f06f303f16 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -12,6 +12,7 @@ export interface DocusignFormViewProps {
     formState: {
       completedTaxForm: boolean;
       taxFormExpired: boolean;
+      participantType: "individualParticipant" | "businessEntity" | undefined;
       errors?: any;
     };
     documentType: TaxDocumentType;
@@ -37,10 +38,14 @@ export interface DocusignFormViewProps {
     checkboxDescription: string;
     submitButton: string;
     backButton: string;
+    businessEntity: string;
+    individualParticipant: string;
+    participantType: string;
     error: {
       generalTitle: string;
       generalDescription: string;
       formSubmission: string;
+      participantType: string;
     };
   };
 }
@@ -145,6 +150,11 @@ const style = {
       textDecoration: "underline",
     },
   },
+  CheckboxWrapper: {
+    display: "flex",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -204,51 +214,87 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
           {text.error.generalDescription}
         </sl-alert>
       )}
-      <div>
-        <h5 class={classes.BoldText}>
-          {intl.formatMessage(
-            { id: "tax-form-label", defaultMessage: text.taxFormLabel },
-            { documentType }
-          )}
-        </h5>
-        <p>
-          {intl.formatMessage(
-            {
-              id: "tax-form-description",
-              defaultMessage: text.taxFormDescription,
-            },
-            { documentType }
-          )}
-        </p>
-      </div>
+      {/* 
+      // @ts-ignore */}
+      {states.documentType !== "W9" && (
+        <div class={classes.CheckboxWrapper}>
+          <p class={classes.BoldText}>{text.participantType}</p>
 
-      <div>
-        <sl-alert
-          exportparts="base: alert-base, icon:alert-icon"
-          type="primary"
-          open
-          class={classes.InfoAlert}
-        >
-          <sl-icon slot="icon" name="info-circle"></sl-icon>
-          {text.banner}
-        </sl-alert>
-        {slots.docusignIframeSlot}
-
-        {!states.hideBackButton && (
-          <div class={classes.BtnContainer}>
-            <sl-button
-              class={classes.SecondaryBtn}
-              type="text"
-              loading={states.loading}
-              disabled={states.loading}
-              onClick={callbacks.onBack}
-              exportparts="base: secondarybutton-base"
+          <div style={{ display: "flex", flexDirection: "column" }}>
+            <sl-radio
+              exportparts="base: radio-base"
+              value="individualParticipant"
+              name="/participantType"
+              checked={formState.participantType === "individualParticipant"}
+              disabled={states.disabled}
+            >
+              {text.individualParticipant}
+            </sl-radio>
+            <sl-radio
+              exportparts="base: radio-base"
+              value="businessEntity"
+              name="/participantType"
+              checked={formState.participantType === "businessEntity"}
+              disabled={states.disabled}
             >
-              {text.backButton}
-            </sl-button>
+              {text.businessEntity}
+            </sl-radio>
+          </div>
+
+          {formState.errors?.participantType && (
+            <p class={classes.ErrorText}>{text.error.participantType}</p>
+          )}
+        </div>
+      )}
+      {/* @ts-ignore */}
+      {(states.documentType === "W9" || (states.documentType !== "W9" && formState.participantType)) && (
+          <div>
+            <div>
+              <h5 class={classes.BoldText}>
+                {intl.formatMessage(
+                  { id: "tax-form-label", defaultMessage: text.taxFormLabel },
+                  { documentType }
+                )}
+              </h5>
+              <p>
+                {intl.formatMessage(
+                  {
+                    id: "tax-form-description",
+                    defaultMessage: text.taxFormDescription,
+                  },
+                  { documentType }
+                )}
+              </p>
+            </div>
+
+            <div>
+              <sl-alert
+                exportparts="base: alert-base, icon:alert-icon"
+                type="primary"
+                open
+                class={classes.InfoAlert}
+              >
+                <sl-icon slot="icon" name="info-circle"></sl-icon>
+                {text.banner}
+              </sl-alert>
+              {slots.docusignIframeSlot}
+            </div>
           </div>
         )}
-      </div>
+      {!states.hideBackButton && (
+        <div class={classes.BtnContainer}>
+          <sl-button
+            class={classes.SecondaryBtn}
+            type="text"
+            loading={states.loading}
+            disabled={states.loading}
+            onClick={callbacks.onBack}
+            exportparts="base: secondarybutton-base"
+          >
+            {text.backButton}
+          </sl-button>
+        </div>
+      )}
     </div>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index 54f9fbd264..8e8777a5c2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -18,6 +18,9 @@ Feature: Docusign Form
     Then the URL is not set on the Docusign iframe
     And the iframe fails to load
 
+  @TODO @minutia
+  Scenario: Participant chooses individualParticipant or Businessentity to generate correct form if not based in the uS
+
   @minutia @ui
   Scenario Outline: Text copies change based on tax form participant fills out
     When they are required to fill out <typeTaxForm>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 50641bf592..4bd66b86b0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -91,6 +91,21 @@ export class DocusignForm {
    */
   @Prop() docusignCompleted: string =
     "Your document has been completed and submitted.";
+  /**
+   * Heading text for the participant type radio buttons
+   * @uiName Participant type radio buttons heading
+   */
+  @Prop() participantType: string = "Participant type";
+  /**
+   * Label text for the business entity radio button
+   * @uiName Business entity radio button label
+   */
+  @Prop() businessEntity: string = "I represent a business entity";
+  /**
+   * Label text for the individual participant radio button
+   * @uiName Individual participant radio button label
+   */
+  @Prop() individualParticipant: string = "I am an individual participant";
   /**
    * Text inside iframe when Docusign form throws error
    * @uiName Docusign error text
@@ -153,6 +168,7 @@ export class DocusignForm {
         generalTitle: props.generalErrorTitle,
         generalDescription: props.generalErrorDescription,
         formSubmission: props.formSubmissionError,
+        participantType: props.participantType,
       },
     };
   }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index fe2df2af71..f3230dc6b1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -22,6 +22,8 @@ type CreateTaxDocumentQuery = {
     documentUrl: string;
   };
 };
+
+export type ParticipantType = "individualParticipant" | "businessEntity" | undefined;
 const GET_TAX_DOCUMENT = gql`
   mutation createImpactPartnerTaxDocument(
     $vars: CreateImpactPartnerTaxDocumentInput!
@@ -144,6 +146,8 @@ export function useDocusignForm(props: DocusignForm) {
       submitDisabled: !formSubmitted,
       loading: userLoading || documentLoading || loading,
       formState: {
+        //AL: hooks todo
+        participantType: "individualParticipant" as ParticipantType,
         completedTaxForm: formSubmitted,
         taxFormExpired: false, // TODO: Unhardcode this
         errors,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 9f242a9793..e940ceb96e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -383,6 +383,25 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 3 Properties
    */
   @Prop() step3_taxFormLabel: string = "{documentType} Tax Form";
+  /**
+   * Heading text for the participant type radio buttons
+   * @uiName Participant type radio buttons heading
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_participantType: string = "Participant type";
+  /**
+   * Label text for the business entity radio button
+   * @uiName Business entity radio button label
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_businessEntity: string = "I represent a business entity";
+  /**
+   * Label text for the individual participant radio button
+   * @uiName Individual participant radio button label
+   * @uiGroup Step 3 Properties
+   */
+  @Prop() step3_individualParticipant: string =
+    "I am an individual participant";
   /**
    * Subtext shown at the top of the page next to the document type text
    * @uiName Tax form subtext
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 384956d136..f3d3029c2d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -125,7 +125,7 @@ export function useTaxAndCash() {
       if (!user || step !== "/loading") return;
 
       const currentStep = getCurrentStep(user);
-      setStep(currentStep);
+      setStep("/3");
     }
   }, [host, user, data?.user?.email]);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index fecd8e3019..54b56aa2dd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -12,7 +12,6 @@ Feature: Tax Form Flow
       | Email                    | <email>                  |
       | Country Code             | <countryCode>            |
       | Currency                 | <currency>               |
-      | Participant Type         | <participantType>        |
       | Allow Banking Collection | <allowBankingCollection> |
     And press "Continue"
     Then they proceed to step 2
@@ -26,27 +25,26 @@ Feature: Tax Form Flow
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
 
     Examples: 
-      | firstName | lastName | email                  | countryCode | brandCountry | currency | participantType       | allowBankingCollection | option                               | stepX |
-      | Bob       | Johnson  | bob.johnson@email.com  | CA          | US           | CAD      | businessEntity        | true                   | I am registered for Indirect Tax     |     3 |
-      | Jane      | Moe      | jane.moe@email.com     | CA          | MX           | CAD      | individualParticipant | true                   | I am registered for Indirect Tax     |     4 |
-      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | individualParticipant | true                   | I am not registered for Indirect Tax |     4 |
-      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | businessEntity        | true                   | I am not registered for Indirect Tax |     4 |
-      | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax     |     3 |
-      | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | individualParticipant | true                   | I am registered for Indirect Tax     |     4 |
-      | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | businessEntity        | true                   | I am not registered for Indirect Tax |     3 |
-      | Payton    | Chan     | payton.chan@email.com  | EG          | MX           | EGP      | individualParticipant | true                   | I am not registered for Indirect Tax |     4 |
+      | firstName | lastName | email                  | countryCode | brandCountry | currency | allowBankingCollection | option                               | stepX |
+      | Bob       | Johnson  | bob.johnson@email.com  | CA          | US           | CAD      | true                   | I am registered for Indirect Tax     |     3 |
+      | Jane      | Moe      | jane.moe@email.com     | CA          | MX           | CAD      | true                   | I am registered for Indirect Tax     |     4 |
+      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | true                   | I am not registered for Indirect Tax |     4 |
+      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | true                   | I am not registered for Indirect Tax |     4 |
+      | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | true                   | I am registered for Indirect Tax     |     3 |
+      | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | true                   | I am registered for Indirect Tax     |     4 |
+      | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | true                   | I am not registered for Indirect Tax |     3 |
+      | Payton    | Chan     | payton.chan@email.com  | EG          | MX           | EGP      | true                   | I am not registered for Indirect Tax |     4 |
 
   @minutia
   Scenario: Participant is already registered as partner, provides indirect tax information, and submit their tax forms
     Given the they are already registered as a partner
     Then step 1 displays a banner with "An account with this email already exists with our referral program provider, impact.com" notifying that they are a partner
     And the following fields are pre-filled:
-      | First Name       |
-      | Last Name        |
-      | Email            |
-      | Country Code     |
-      | Currency         |
-      | Participant Type |
+      | First Name   |
+      | Last Name    |
+      | Email        |
+      | Country Code |
+      | Currency     |
     And they check "Allow Banking Collection"
     And press "Continue"
     Then they proceed to step 2
@@ -60,57 +58,58 @@ Feature: Tax Form Flow
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
 
     Examples: 
-      | countryCode | brandCountry | currency | participantType       | allowBankingCollection | option                               | fields                                 | stepX |
-      | CA          | US           | CAD      | businessEntity        | true                   | I am registered for Indirect Tax     | Country, Province, Indirect Tax Number |     3 |
-      | CA          | MX           | CAD      | individualParticipant | true                   | I am not registered for Indirect Tax |                                        |     4 |
-      | US          | CA           | USD      | individualParticipant | true                   | I am not registered for Indirect Tax | N/A                                    |     3 |
-      | US          | MX           | USD      | businessEntity        | true                   | I am not registered for Indirect Tax | N/A                                    |     3 |
-      | UK          | US           | GBP      | individualParticipant | true                   | I am not registered for Indirect Tax | N/A                                    |     3 |
-      | UK          | US           | GBP      | businessEntity        | true                   | I am registered for Indirect Tax     | Country, VAT Number                    |     3 |
-      | ES          | US           | EGP      | businessEntity        | true                   | I am registered for Indirect Tax     | Country, Sub Region,VAT Number         |     3 |
-      | EG          | MX           | BMD      | businessEntity        | true                   | I am not registered for Indirect Tax | N/A                                    |     4 |
+      | countryCode | brandCountry | currency | allowBankingCollection | option                               | fields                                                 | stepX |
+      | CA          | US           | CAD      | true                   | I am registered for Indirect Tax     | Country, Province, HST/GST Number, ?QST Number(Quebec) |     3 |
+      | CA          | MX           | CAD      | true                   | I am not registered for Indirect Tax | Country, Province, HST/GST Number                      |     4 |
+      | US          | CA           | USD      | true                   | I am not registered for Indirect Tax | N/A                                                    |     3 |
+      | US          | MX           | USD      | true                   | I am not registered for Indirect Tax | N/A                                                    |     3 |
+      | UK          | US           | GBP      | true                   | I am not registered for Indirect Tax | N/A                                                    |     3 |
+      | UK          | US           | GBP      | true                   | I am registered for Indirect Tax     | Country, VAT Number                                    |     3 |
+      | ES          | US           | EGP      | true                   | I am registered for Indirect Tax     | Country, Sub Region,VAT Number                         |     3 |
+      | EG          | MX           | BMD      | true                   | I am not registered for Indirect Tax | N/A                                                    |     4 |
 
   @minutia
   Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
     Given they are on step 2
     When <option> is selected based on the participant <country> from step 1
-    And their <participantType> is "businessEntity"
     Then different <inputs> appear
 
     Examples: 
-      | country | option                                               | participantType       | inputs                                                 |
-      | CA      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Province, HST/GST Number, ?QST Number(Quebec) |
-      | ES      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Sub Region, VAT Number, ?Income Tax Number    |
-      | UK      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, VAT Number                                    |
-      | IR      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                    |
-      | AU      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                    |
-      | JP      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, CT Number                                     |
-      | US      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                    |
-      | EG      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                    |
+      | country | option                                               | inputs                                                 |
+      | CA      | I am registered for Indirect Tax in a Country/Region | Country, Province, HST/GST Number, ?QST Number(Quebec) |
+      | ES      | I am registered for Indirect Tax in a Country/Region | Country, Sub Region, VAT Number, ?Income Tax Number    |
+      | UK      | I am registered for Indirect Tax in a Country/Region | Country, VAT Number                                    |
+      | IR      | I am registered for Indirect Tax in a Country/Region | Country, GST Number                                    |
+      | AU      | I am registered for Indirect Tax in a Country/Region | Country, GST Number                                    |
+      | JP      | I am registered for Indirect Tax in a Country/Region | Country, CT Number                                     |
+      | US      | I am not registered for Indirect tax                 | N/A                                                    |
+      | EG      | I am not registered for Indirect tax                 | N/A                                                    |
 
   @minutia
   Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms
     Given a brand based in <brandCountry>
     And the brand is not in the US
-    And the user selects a <country> not in the US and <participantType> in step 1
+    And the user selects a <country> not in the US
     Then they skip to step 4
 
     Examples: 
-      | brandCountry | country | participantType       |
-      | MX           | UK      | individualParticipant |
-      | AUS          | EGP     | businessEntity        |
+      | brandCountry | country |
+      | MX           | UK      |
+      | AUS          | EGP     |
 
   @minutia
-  Scenario Outline: Participants based in the US or working with US brands have to fillout docusign forms
+  Scenario Outline: Participants not based in the US working with US brands have to fillout docusign forms
     Given a brand based in <brandCountry>
     And the user selects <country> and <participantType> in step 1
     When they view step 3
-    Then the <autoSelectedForm> is displayed
+    But are not based in the US
+    Then they must select <participantType>
+    And the <autoSelectedForm> is displayed
 
     Examples: 
       | brandCountry | country | participantType       | autoSelectedForm |
-      | US           | US      | individualParticipant | W9               |
-      | CA           | US      | businessEntity        | W9               |
+      | US           | US      | N/A                   | W9               |
+      | CA           | US      | N/A                   | W9               |
       | US           | CA      | individualParticipant | W8-BEN           |
       | US           | CA      | businessEntity        | W8-BEN-E         |
       | US           | MX      | individualParticipant | W8-BEN           |
@@ -119,15 +118,15 @@ Feature: Tax Form Flow
   @minutia
   Scenario Outline: Participants based in the US working with non-US brands have to fillout the W9 docusign form
     Given a brand based in <brandCountry>
-    And the user selects <country> and <participantType> in step 1
+    And the user selects <country>
     When they view step 3
     Then the <autoSelectedForm> is displayed
 
     Examples: 
-      | brandCountry | country | participantType       | autoSelectedForm |
-      | MX           | US      | individualParticipant | W9               |
-      | UK           | US      | businessEntity        | W9               |
-      | AUS          | US      | businessEntity        | W9               |
+      | brandCountry | country | autoSelectedForm |
+      | MX           | US      | W9               |
+      | UK           | US      | W9               |
+      | AUS          | US      | W9               |
   #AL: Commenting out for now, not applicable anymore
   # @minutia
   # Scenario Outline: Participant changes Tax Form to fillout in step 3
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 7a0557b5ad..004e945e6d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -98,7 +98,9 @@ const style = {
     gap: "24px",
     paddingBottom: "36px",
   },
-
+  SearchInput: {
+    padding: "var(--sl-spacing-x-small)",
+  },
   BtnContainer: {
     paddingTop: "36px",
     display: "flex",
@@ -313,6 +315,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               required
             >
               <sl-input
+                class={classes.SearchInput}
                 placeholder="Search for country.."
                 onInput={(e) => {
                   setSearchTerm(e.target.value);
@@ -351,6 +354,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               required
             >
               <sl-input
+                class={classes.SearchInput}
                 placeholder="Search for currency.."
                 onInput={(e) => setSearchCurrency(e.target.value)}
                 onKeyDown={(e) => {
@@ -371,7 +375,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               ))}
             </sl-select>
 
-            <div class={classes.CheckboxWrapper}>
+            {/* <div class={classes.CheckboxWrapper}>
               <p class={classes.BoldText}>{text.participantType}</p>
 
               <div style={{ display: "flex", flexDirection: "column" }}>
@@ -400,7 +404,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               {formState.errors?.participantType && (
                 <p class={classes.ErrorText}>{text.error.participantType}</p>
               )}
-            </div>
+            </div> */}
             <div class={classes.CheckboxWrapper}>
               <p class={classes.BoldText}> {text.taxAndBankingCollection}</p>
               <sl-checkbox
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
index 48faefb53e..cc3b2dd12d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
@@ -118,15 +118,13 @@ Feature: Tax Form Step One
       | Last Name                  | <lastName>               |
       | Country Code               | <countryCode>            |
       | Currency                   | <currency>               |
-      | Participant Type           | <participantType>        |
       | Tax and Banking Collection | <allowBankingCollection> |
     Then the form displays the respective errors for each field:
-      | <firstName>              | Enter a first name        |
-      | <lastName>               | Enter a last name         |
-      | <countryCode>            | Select a country          |
-      | <currency>               | Select a currency         |
-      | <participantType>        | Select a participant type |
-      | <allowBankingCollection> | This field is required    |
+      | <firstName>              | Enter a first name     |
+      | <lastName>               | Enter a last name      |
+      | <countryCode>            | Select a country       |
+      | <currency>               | Select a currency      |
+      | <allowBankingCollection> | This field is required |
 
   @minutia @ui
   Scenario: The loading state is shown when the form is submitted

From 1f77e11dd14385bd275b279c8029dc6d80d8e18a Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 20 Feb 2024 09:39:56 -0800
Subject: [PATCH 247/753] Updated specs for participantType in Docusign

---
 .../sqm-document-type-form.feature            | 44 +++++++++----------
 .../sqm-docusign-form.feature                 | 13 +++++-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  2 +-
 .../sqm-user-info-form.feature                | 14 ++++++
 4 files changed, 46 insertions(+), 27 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
index bc558af651..7c5accb255 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
@@ -1,24 +1,20 @@
-@owner:andy @author:andy
-Feature: Document Type Form
-
-  Background: A user has submitted their information in step 1, step2, and wants to change the Tax Form to submit
-    Given a user is on the Document Type Form
-
-  @minutia
-  Scenario Outline: Participant changes Tax Form to fillout
-    When the participant sees three <taxFormType> options with <taxFormDescription>
-    And they select a <taxFormType>
-    And press Continue
-    Then they will be sent back to step 3 with the new <taxFormType> to fillout
-
-    Examples: 
-      | taxFormType | taxFormDescription                                                                                                               |
-      | W9          | For participantsbased in the US, joining the referral program of a US-based company.                                             |
-      | W8-BEN      | For individuals residing outside of the US, joining the referral program of a US-based company                                   |
-      | W8-BEN-E    | For participants residing outside of the US who represent a business entity, joining the referral prorgram of a US-based company |
-
-  @minutia
-  Scenario Outline: Participant presses back button
-    When they press the Back button
-    Then they will arrive at step 3
-    And the Docusign form does not change
+# @owner:andy @author:andy
+# Feature: Document Type Form
+#   Background: A user has submitted their information in step 1, step2, and wants to change the Tax Form to submit
+#     Given a user is on the Document Type Form
+#   @minutia
+#   Scenario Outline: Participant changes Tax Form to fillout
+#     When the participant sees three <taxFormType> options with <taxFormDescription>
+#     And they select a <taxFormType>
+#     And press Continue
+#     Then they will be sent back to step 3 with the new <taxFormType> to fillout
+#     Examples: 
+#       | taxFormType | taxFormDescription                                                                                                               |
+#       | W9          | For participantsbased in the US, joining the referral program of a US-based company.                                             |
+#       | W8-BEN      | For individuals residing outside of the US, joining the referral program of a US-based company                                   |
+#       | W8-BEN-E    | For participants residing outside of the US who represent a business entity, joining the referral prorgram of a US-based company |
+#   @minutia
+#   Scenario Outline: Participant presses back button
+#     When they press the Back button
+#     Then they will arrive at step 3
+#     And the Docusign form does not change
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index 8e8777a5c2..3042e84df0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -18,8 +18,17 @@ Feature: Docusign Form
     Then the URL is not set on the Docusign iframe
     And the iframe fails to load
 
-  @TODO @minutia
-  Scenario: Participant chooses individualParticipant or Businessentity to generate correct form if not based in the uS
+  @minutia
+  Scenario Outline: Participant not based in the US working with US brand selects participantType
+    When the page loads
+    Then <participantType> radio buttons appear
+    When they select a <participantType>
+    Then an <autoSelectedTaxForm> appears in the Docusign iframe
+
+    Examples: 
+      | participantType       | autoSelectedTaxForm |
+      | individualParticipant | W8-BEN              |
+      | businessEntity        | W8-BEN-E            |
 
   @minutia @ui
   Scenario Outline: Text copies change based on tax form participant fills out
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index f3d3029c2d..384956d136 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -125,7 +125,7 @@ export function useTaxAndCash() {
       if (!user || step !== "/loading") return;
 
       const currentStep = getCurrentStep(user);
-      setStep("/3");
+      setStep(currentStep);
     }
   }, [host, user, data?.user?.email]);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
index cc3b2dd12d..40b18448da 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
@@ -111,6 +111,20 @@ Feature: Tax Form Step One
     And arrive back on step 1
     Then the "Country" and "Currency" fields will be disabled
 
+  @minutia
+  Scenario: Country select is searchable
+    When they press the Country select
+    Then there is a searchbar
+    And as they type
+    Then the available countries get filtered out based on their search
+
+  @minutia
+  Scenario: Currency select is searchable
+    When they press the Currency select
+    Then there is a searchbar
+    And as they type a currency abbreviation
+    Then the available currencies get filtered out based on their search
+
   @minutia @ui
   Scenario Outline: A user fills out Tax Form Step One with invalid values
     When they fill out the form with invalid values for the following fields:

From 55c6b28b717399b89fa4dc5e15ec26df5eff8bba Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 20 Feb 2024 10:21:42 -0800
Subject: [PATCH 248/753] cleanup country list

---
 .../src/components/tax-and-cash/countries.ts        | 13 -------------
 1 file changed, 13 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/countries.ts b/packages/mint-components/src/components/tax-and-cash/countries.ts
index 347039d360..7d1387b69b 100644
--- a/packages/mint-components/src/components/tax-and-cash/countries.ts
+++ b/packages/mint-components/src/components/tax-and-cash/countries.ts
@@ -30,19 +30,6 @@ export const vatLabels = {
   SLOVENIA: "VAT",
   SPAIN: "VAT",
   SWEDEN: "VAT",
-  ALBERTA: "HST",
-  BRITISHCOLUMBIA: "HST",
-  MANITOBA: "HST",
-  NEWBRUNSWICK: "HST",
-  NEWFOUNDLANDLABRADOR: "HST",
-  NORTHWESTTERRITORIES: "HST",
-  NOVASCOTIA: "HST",
-  NUNAVUT: "HST",
-  ONTARIO: "HST",
-  PRINCEEDWARDISLAND: "HST",
-  QUEBEC: "HST",
-  SASKATCHEWAN: "HST",
-  YUKON: "HST",
   ICELAND: "VAT",
   INDIA: "GST",
   ISRAEL: "VAT",

From 4d44ec7d22700bfc4b89758d68f3cbda704362c6 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 20 Feb 2024 11:01:38 -0800
Subject: [PATCH 249/753] participant type radios on docusign form

---
 .../tax-and-cash/TaxForm.stories.tsx          | 11 +++-
 .../sqm-docusign-form-view.tsx                | 17 ++++--
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  2 +
 .../sqm-docusign-form/useDocusignForm.tsx     | 57 ++++++++++++++-----
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 11 ++--
 packages/mint-components/src/index.html       |  4 +-
 6 files changed, 74 insertions(+), 28 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 1537f698e8..980331ab8e 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -1,7 +1,10 @@
 import { h } from "@stencil/core";
 import { StoryDemoData } from "../../global/demo";
 import { UseDocumentTypeFormResult } from "./sqm-document-type-form/useDocumentTypeForm";
-import { ParticipantType, UseDocusignFormResult } from "./sqm-docusign-form/useDocusignForm";
+import {
+  ParticipantType,
+  UseDocusignFormResult,
+} from "./sqm-docusign-form/useDocusignForm";
 import { UseIndirectTaxFormResult } from "./sqm-indirect-tax-form/useIndirectTaxForm";
 import {
   INDIRECT_TAX_PROVINCES,
@@ -139,10 +142,11 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
   states: {
     docusignStatus: undefined,
     hideSteps: false,
-    documentType: "W9",
+    documentType: "W9" as const,
     loading: false,
     disabled: false,
     submitDisabled: false,
+    participantTypeDisabled: false,
     formState: {
       participantType: "individualParticipant" as ParticipantType,
       errors: {},
@@ -152,6 +156,7 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
     hideBackButton: false,
   },
   callbacks: {
+    setParticipantType: (p) => console.log({ p }),
     setDocusignStatus: (status: DocusignStatus) => console.log(status),
     toggleFormSubmitted: () => console.log("Toggle checkbox"),
     onSubmit: async () => console.log("submit"),
@@ -611,7 +616,7 @@ export const StepThreeWithDocusignCompleted = () => {
           ...docusignFormProps.states,
           docusignStatus: "signing_complete",
           formState: {
-            participantType:  "individualParticipant" as ParticipantType,
+            participantType: "individualParticipant" as ParticipantType,
             taxFormExpired: false,
             completedTaxForm: true,
             errors: {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index b427f43e1f..bb96c328c6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -2,6 +2,7 @@ import { VNode, h } from "@stencil/core";
 import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
 import { TaxDocumentType } from "../sqm-tax-and-cash/data";
+import { ParticipantType } from "./useDocusignForm";
 
 export interface DocusignFormViewProps {
   states: {
@@ -9,6 +10,7 @@ export interface DocusignFormViewProps {
     submitDisabled: boolean;
     disabled: boolean;
     hideSteps: boolean;
+    participantTypeDisabled: boolean;
     formState: {
       completedTaxForm: boolean;
       taxFormExpired: boolean;
@@ -26,6 +28,7 @@ export interface DocusignFormViewProps {
     docusignIframeSlot: VNode;
   };
   callbacks: {
+    setParticipantType: (p: ParticipantType) => void;
     toggleFormSubmitted: () => void;
     onSubmit: (props: any) => void;
     onBack: () => void;
@@ -229,7 +232,10 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
               value="individualParticipant"
               name="/participantType"
               checked={formState.participantType === "individualParticipant"}
-              disabled={states.disabled}
+              disabled={states.disabled || states.participantTypeDisabled}
+              onClick={() => {
+                callbacks.setParticipantType("individualParticipant");
+              }}
             >
               {text.individualParticipant}
             </sl-radio>
@@ -238,7 +244,10 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
               value="businessEntity"
               name="/participantType"
               checked={formState.participantType === "businessEntity"}
-              disabled={states.disabled}
+              disabled={states.disabled || states.participantTypeDisabled}
+              onClick={() => {
+                callbacks.setParticipantType("businessEntity");
+              }}
             >
               {text.businessEntity}
             </sl-radio>
@@ -249,8 +258,8 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
           )}
         </div>
       )}
-      {/* @ts-ignore */}
-      {(states.documentType === "W9" || (states.documentType !== "W9" && formState.participantType)) && (
+
+      {(states.documentType === "W9" || formState.participantType) && (
         <div>
           <div>
             <h5 class={classes.BoldText}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 4bd66b86b0..999ec3c6f3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -212,6 +212,7 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
         submitDisabled: false,
         loading: false,
         status: undefined as DocusignStatus,
+        participantTypeDisabled: false,
         formState: {
           completedTaxForm: true,
           taxFormExpired: true,
@@ -225,6 +226,7 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
         documentUrl: "https://example.com",
       },
       callbacks: {
+        setParticipantType: (p) => console.log({ p }),
         setDocusignStatus: (status: DocusignStatus) => console.log(status),
         onSubmit: async () => {},
         toggleFormSubmitted: () => {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index f3230dc6b1..1442eae92c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -2,7 +2,7 @@ import {
   useMutation,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
-import { useEffect, useMemo, useState } from "@saasquatch/universal-hooks";
+import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useParent, useParentValue } from "../../../utils/useParentState";
@@ -10,12 +10,11 @@ import {
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
   TaxContext,
-  TaxDocumentType,
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
-import { DocusignForm } from "./sqm-docusign-form";
 import { DocusignStatus } from "./docusign-iframe/DocusignIframe";
+import { DocusignForm } from "./sqm-docusign-form";
 
 type CreateTaxDocumentQuery = {
   createImpactPartnerTaxDocument: {
@@ -23,7 +22,10 @@ type CreateTaxDocumentQuery = {
   };
 };
 
-export type ParticipantType = "individualParticipant" | "businessEntity" | undefined;
+export type ParticipantType =
+  | "individualParticipant"
+  | "businessEntity"
+  | undefined;
 const GET_TAX_DOCUMENT = gql`
   mutation createImpactPartnerTaxDocument(
     $vars: CreateImpactPartnerTaxDocumentInput!
@@ -55,11 +57,13 @@ export function useDocusignForm(props: DocusignForm) {
   const [docusignStatus, setDocusignStatus] =
     useState<DocusignStatus>(undefined);
 
+  const [participantType, setParticipantType] =
+    useState<ParticipantType>(undefined);
   const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
   const [errors, setErrors] = useState({});
   const [loading, setLoading] = useState(false);
 
-  const documentType =
+  const existingDocumentType =
     data?.user?.impactPartner?.currentTaxDocument?.type || // Then current form (could be different than required)
     data?.user?.impactPartner?.requiredTaxDocumentType; // Last, the required tax form
 
@@ -68,9 +72,24 @@ export function useDocusignForm(props: DocusignForm) {
     { loading: documentLoading, data: document, errors: documentErrors },
   ] = useMutation<CreateTaxDocumentQuery>(GET_TAX_DOCUMENT);
 
+  const actualDocumentType =
+    existingDocumentType || getDocumentType(participantType);
+
   useEffect(() => {
-    if (document) return;
-    if (!user || !documentType) return;
+    if (!data?.user?.impactPartner?.currentTaxDocument?.type) return;
+
+    const type = data.user.impactPartner.currentTaxDocument.type;
+    console.log({ type });
+    if (type === "W8BEN") {
+      setParticipantType("individualParticipant");
+    } else if (type === "W8BENE") {
+      setParticipantType("businessEntity");
+    }
+  }, [data?.user?.impactPartner]);
+
+  useEffect(() => {
+    if (!user) return;
+    if (!actualDocumentType) return;
 
     const fetchDocument = async () => {
       try {
@@ -78,7 +97,7 @@ export function useDocusignForm(props: DocusignForm) {
           vars: {
             userId: user.id,
             accountId: user.accountId,
-            taxDocumentType: documentType,
+            taxDocumentType: actualDocumentType,
           },
         });
 
@@ -89,7 +108,7 @@ export function useDocusignForm(props: DocusignForm) {
     };
 
     fetchDocument();
-  }, [user, documentType, document]);
+  }, [user, actualDocumentType]);
 
   useEffect(() => {
     // Handled in view
@@ -139,30 +158,34 @@ export function useDocusignForm(props: DocusignForm) {
     setPath(context.overrideBackStep);
   };
 
+  const allLoading = userLoading || documentLoading || loading;
+
   return {
     states: {
       hideSteps: context.hideSteps,
-      disabled: userLoading || documentLoading || loading,
+      disabled: allLoading,
+      participantTypeDisabled: allLoading || !!existingDocumentType,
       submitDisabled: !formSubmitted,
-      loading: userLoading || documentLoading || loading,
+      loading: allLoading,
       formState: {
         //AL: hooks todo
-        participantType: "individualParticipant" as ParticipantType,
+        participantType,
         completedTaxForm: formSubmitted,
         taxFormExpired: false, // TODO: Unhardcode this
         errors,
       },
       docusignStatus,
-      documentType,
+      documentType: actualDocumentType,
       hideBackButton: !context.overrideBackStep,
     },
     data: {
-      taxForm: documentType,
+      taxForm: actualDocumentType,
       documentUrl: document?.createImpactPartnerTaxDocument?.documentUrl,
     },
     callbacks: {
       onSubmit,
       setDocusignStatus,
+      setParticipantType,
       toggleFormSubmitted: () => setFormSubmitted((x) => !x),
       onBack,
     },
@@ -171,3 +194,9 @@ export function useDocusignForm(props: DocusignForm) {
 }
 
 export type UseDocusignFormResult = ReturnType<typeof useDocusignForm>;
+
+function getDocumentType(p: ParticipantType) {
+  if (p === "businessEntity") return "W8BENE";
+  if (p === "individualParticipant") return "W8BEN";
+  else return undefined;
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 384956d136..72f28b3fce 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -57,9 +57,9 @@ export function useTaxAndCash() {
 
   /**** DEMO DATA */
 
-  const id = "e5dce75a6773b42feb0d3a5599d4b9bc0bc14320f857dce94a7534027378c583";
+  const id = "c579752b274c9664192d438373f970302889b439b9f75eb2655c31d843a36379";
   const accountId =
-    "e5dce75a6773b42feb0d3a5599d4b9bc0bc14320f857dce94a7534027378c583";
+    "c579752b274c9664192d438373f970302889b439b9f75eb2655c31d843a36379";
   const programId = "22514";
 
   //@ts-ignore
@@ -73,7 +73,7 @@ export function useTaxAndCash() {
     setUserIdentity({
       accountId,
       id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZTVkY2U3NWE2NzczYjQyZmViMGQzYTU1OTlkNGI5YmMwYmMxNDMyMGY4NTdkY2U5NGE3NTM0MDI3Mzc4YzU4MyIsImFjY291bnRJZCI6ImU1ZGNlNzVhNjc3M2I0MmZlYjBkM2E1NTk5ZDRiOWJjMGJjMTQzMjBmODU3ZGNlOTRhNzUzNDAyNzM3OGM1ODMifX0.Cw4sJM8ZG_oApmvN2JjjX1CirKj3c1oa-ubu3iZxOtQ",
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiYzU3OTc1MmIyNzRjOTY2NDE5MmQ0MzgzNzNmOTcwMzAyODg5YjQzOWI5Zjc1ZWIyNjU1YzMxZDg0M2EzNjM3OSIsImFjY291bnRJZCI6ImM1Nzk3NTJiMjc0Yzk2NjQxOTJkNDM4MzczZjk3MDMwMjg4OWI0MzliOWY3NWViMjY1NWMzMWQ4NDNhMzYzNzkifX0.FtwyCjdKDNAXhE8KSfsEGfq_yjhWaKMdxlGNHSwFFE0",
     });
   }, []);
 
@@ -124,8 +124,9 @@ export function useTaxAndCash() {
       const user = data?.user;
       if (!user || step !== "/loading") return;
 
-      const currentStep = getCurrentStep(user);
-      setStep(currentStep);
+      setStep("/3");
+      // const currentStep = getCurrentStep(user);
+      // setStep(currentStep);
     }
   }, [host, user, data?.user?.email]);
 
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From 271475f881867788dab6aaad69aa6814dee60758 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 20 Feb 2024 11:11:42 -0800
Subject: [PATCH 250/753] Updated document submitted view states, text, specs

---
 packages/mint-components/src/components.d.ts  | 194 ++++++------------
 .../tax-and-cash/TaxForm.stories.tsx          |  51 +++--
 .../sqm-docusign-form-view.tsx                |   7 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  66 ++----
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |   2 +-
 .../sqm-tax-document-submitted-view.tsx       | 118 ++---------
 .../sqm-tax-document-submitted.feature        |  37 ++--
 .../sqm-tax-document-submitted.tsx            |  65 ++----
 .../useTaxDocumentSubmitted.tsx               |   1 -
 9 files changed, 180 insertions(+), 361 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 09dc81c6d9..1d6d4e6ab0 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -4043,23 +4043,17 @@ export namespace Components {
          */
         "step4_badgeTextAwaitingReview"?: string;
         /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextExpiredOn"?: string;
-        /**
-          * Description text which appears beside badge showing the form expiring soon
+          * Description text which appears beside badge showing when the form was submitted
           * @uiName Badge description text
           * @uiGroup Step 4 Properties
          */
-        "step4_badgeTextExpiringSoon"?: string;
+        "step4_badgeTextSubmittedOn"?: string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
+          * Description text for W8 which appears beside badge showing when the form was submitted
           * @uiName Badge description text
           * @uiGroup Step 4 Properties
          */
-        "step4_badgeTextSubmittedOn"?: string;
+        "step4_badgeTextSubmittedOnW8"?: string;
         /**
           * Header text displayed above the banking information card
           * @uiName Banking information header
@@ -4108,12 +4102,6 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextExpired"?: string;
         /**
           * Status text displayed in badge when tax document is Not Active
           * @uiName Status text
@@ -4127,35 +4115,29 @@ export namespace Components {
          */
         "step4_statusTextNotVerified"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
+          * Header displayed in not active W9 alert header at the top of the page.
+          * @uiName Not active W8 alert header
           * @uiGroup Step 4 Properties
          */
-        "step4_taxAlertHeaderExpiredOn"?: string;
+        "step4_taxAlertHeaderNotActiveW8"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
+          * Header displayed in not active W9 alert header at the top of the page.
+          * @uiName Not active W9 alert header
           * @uiGroup Step 4 Properties
          */
-        "step4_taxAlertHeaderExpiringSoon"?: string;
+        "step4_taxAlertHeaderNotActiveW9"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
+          * Description text displayed in W8 alert body at the top of the page.
+          * @uiName Tax W8 alert message
           * @uiGroup Step 4 Properties
          */
-        "step4_taxAlertHeaderNotActive"?: string;
+        "step4_taxAlertNotActiveMessageW8"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
+          * Description text displayed in W9 alert body at the top of the page.
+          * @uiName Tax W9 alert message
           * @uiGroup Step 4 Properties
          */
-        "step4_taxAlertMessage"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertMessageExpiringSoon": string;
+        "step4_taxAlertNotActiveMessageW9"?: string;
         /**
           * Header text displayed above the tax documents status
           * @uiName Tax document section header
@@ -4182,20 +4164,15 @@ export namespace Components {
          */
         "badgeTextAwaitingReview"?: string;
         /**
-          * Description text which appears beside badge showing the form has expired
+          * Description text which appears beside badge showing when the form was submitted
           * @uiName Badge description text
          */
-        "badgeTextExpiredOn"?: string;
+        "badgeTextSubmittedOn"?: string;
         /**
-          * Description text which appears beside badge showing the form expiring soon
+          * Description text for W8 which appears beside badge showing when the form was submitted
           * @uiName Badge description text
          */
-        "badgeTextExpiringSoon"?: string;
-        /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-         */
-        "badgeTextSubmittedOn"?: string;
+        "badgeTextSubmittedOnW8"?: string;
         /**
           * Header text displayed above the banking information card
           * @uiName Banking information header
@@ -4271,11 +4248,6 @@ export namespace Components {
           * @uiName Status text
          */
         "statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-         */
-        "statusTextExpired"?: string;
         /**
           * Status text displayed in badge when tax document is Not Active
           * @uiName Status text
@@ -4287,30 +4259,25 @@ export namespace Components {
          */
         "statusTextNotVerified"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-         */
-        "taxAlertHeaderExpiredOn"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
+          * Header displayed in not active W9 alert header at the top of the page.
+          * @uiName Not active W8 alert header
          */
-        "taxAlertHeaderExpiringSoon"?: string;
+        "taxAlertHeaderNotActiveW8"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
+          * Header displayed in not active W9 alert header at the top of the page.
+          * @uiName Not active W9 alert header
          */
-        "taxAlertHeaderNotActive"?: string;
+        "taxAlertHeaderNotActiveW9"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
+          * Description text displayed in W8 alert body at the top of the page.
+          * @uiName Tax W8 alert message
          */
-        "taxAlertMessage"?: string;
+        "taxAlertNotActiveMessageW8"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
+          * Description text displayed in W9 alert body at the top of the page.
+          * @uiName Tax W9 alert message
          */
-        "taxAlertMessageExpiringSoon": string;
+        "taxAlertNotActiveMessageW9"?: string;
         /**
           * Header text displayed above the tax documents status
           * @uiName Tax document section header
@@ -9232,23 +9199,17 @@ declare namespace LocalJSX {
          */
         "step4_badgeTextAwaitingReview"?: string;
         /**
-          * Description text which appears beside badge showing the form has expired
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_badgeTextExpiredOn"?: string;
-        /**
-          * Description text which appears beside badge showing the form expiring soon
+          * Description text which appears beside badge showing when the form was submitted
           * @uiName Badge description text
           * @uiGroup Step 4 Properties
          */
-        "step4_badgeTextExpiringSoon"?: string;
+        "step4_badgeTextSubmittedOn"?: string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
+          * Description text for W8 which appears beside badge showing when the form was submitted
           * @uiName Badge description text
           * @uiGroup Step 4 Properties
          */
-        "step4_badgeTextSubmittedOn"?: string;
+        "step4_badgeTextSubmittedOnW8"?: string;
         /**
           * Header text displayed above the banking information card
           * @uiName Banking information header
@@ -9297,12 +9258,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_statusTextExpired"?: string;
         /**
           * Status text displayed in badge when tax document is Not Active
           * @uiName Status text
@@ -9316,35 +9271,29 @@ declare namespace LocalJSX {
          */
         "step4_statusTextNotVerified"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
+          * Header displayed in not active W9 alert header at the top of the page.
+          * @uiName Not active W8 alert header
           * @uiGroup Step 4 Properties
          */
-        "step4_taxAlertHeaderExpiredOn"?: string;
+        "step4_taxAlertHeaderNotActiveW8"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
+          * Header displayed in not active W9 alert header at the top of the page.
+          * @uiName Not active W9 alert header
           * @uiGroup Step 4 Properties
          */
-        "step4_taxAlertHeaderExpiringSoon"?: string;
+        "step4_taxAlertHeaderNotActiveW9"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
+          * Description text displayed in W8 alert body at the top of the page.
+          * @uiName Tax W8 alert message
           * @uiGroup Step 4 Properties
          */
-        "step4_taxAlertHeaderNotActive"?: string;
+        "step4_taxAlertNotActiveMessageW8"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
+          * Description text displayed in W9 alert body at the top of the page.
+          * @uiName Tax W9 alert message
           * @uiGroup Step 4 Properties
          */
-        "step4_taxAlertMessage"?: string;
-        /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
-          * @uiGroup Step 4 Properties
-         */
-        "step4_taxAlertMessageExpiringSoon"?: string;
+        "step4_taxAlertNotActiveMessageW9"?: string;
         /**
           * Header text displayed above the tax documents status
           * @uiName Tax document section header
@@ -9371,20 +9320,15 @@ declare namespace LocalJSX {
          */
         "badgeTextAwaitingReview"?: string;
         /**
-          * Description text which appears beside badge showing the form has expired
+          * Description text which appears beside badge showing when the form was submitted
           * @uiName Badge description text
          */
-        "badgeTextExpiredOn"?: string;
+        "badgeTextSubmittedOn"?: string;
         /**
-          * Description text which appears beside badge showing the form expiring soon
+          * Description text for W8 which appears beside badge showing when the form was submitted
           * @uiName Badge description text
          */
-        "badgeTextExpiringSoon"?: string;
-        /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-         */
-        "badgeTextSubmittedOn"?: string;
+        "badgeTextSubmittedOnW8"?: string;
         /**
           * Header text displayed above the banking information card
           * @uiName Banking information header
@@ -9460,11 +9404,6 @@ declare namespace LocalJSX {
           * @uiName Status text
          */
         "statusTextActive"?: string;
-        /**
-          * Status text displayed in badge when tax document is Expired
-          * @uiName Status text
-         */
-        "statusTextExpired"?: string;
         /**
           * Status text displayed in badge when tax document is Not Active
           * @uiName Status text
@@ -9476,30 +9415,25 @@ declare namespace LocalJSX {
          */
         "statusTextNotVerified"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expired alert header
-         */
-        "taxAlertHeaderExpiredOn"?: string;
-        /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Expiring soon alert header
+          * Header displayed in not active W9 alert header at the top of the page.
+          * @uiName Not active W8 alert header
          */
-        "taxAlertHeaderExpiringSoon"?: string;
+        "taxAlertHeaderNotActiveW8"?: string;
         /**
-          * Header displayed in alert header at the top of the page.
-          * @uiName Not active alert header
+          * Header displayed in not active W9 alert header at the top of the page.
+          * @uiName Not active W9 alert header
          */
-        "taxAlertHeaderNotActive"?: string;
+        "taxAlertHeaderNotActiveW9"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Tax alert message
+          * Description text displayed in W8 alert body at the top of the page.
+          * @uiName Tax W8 alert message
          */
-        "taxAlertMessage"?: string;
+        "taxAlertNotActiveMessageW8"?: string;
         /**
-          * Description text displayed in alert body at the top of the page.
-          * @uiName Expiring soon tax alert message
+          * Description text displayed in W9 alert body at the top of the page.
+          * @uiName Tax W9 alert message
          */
-        "taxAlertMessageExpiringSoon"?: string;
+        "taxAlertNotActiveMessageW9"?: string;
         /**
           * Header text displayed above the tax documents status
           * @uiName Tax document section header
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 1537f698e8..32d4f563be 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -1,7 +1,10 @@
 import { h } from "@stencil/core";
 import { StoryDemoData } from "../../global/demo";
 import { UseDocumentTypeFormResult } from "./sqm-document-type-form/useDocumentTypeForm";
-import { ParticipantType, UseDocusignFormResult } from "./sqm-docusign-form/useDocusignForm";
+import {
+  ParticipantType,
+  UseDocusignFormResult,
+} from "./sqm-docusign-form/useDocusignForm";
 import { UseIndirectTaxFormResult } from "./sqm-indirect-tax-form/useIndirectTaxForm";
 import {
   INDIRECT_TAX_PROVINCES,
@@ -611,7 +614,7 @@ export const StepThreeWithDocusignCompleted = () => {
           ...docusignFormProps.states,
           docusignStatus: "signing_complete",
           formState: {
-            participantType:  "individualParticipant" as ParticipantType,
+            participantType: "individualParticipant" as ParticipantType,
             taxFormExpired: false,
             completedTaxForm: true,
             errors: {},
@@ -780,7 +783,26 @@ export const StepFourToPaypalChecked = () => {
   );
 };
 
-export const TaxDocumentSubmittedActive = () => {
+export const TaxDocumentSubmittedActiveW9 = () => {
+  return (
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          disabled: false,
+          status: "ACTIVE",
+          documentType: "W9",
+          dateSubmitted: "Jan 18th, 2025",
+          noFormNeeded: false,
+          country: "United Kingdom",
+          indirectTaxNumber: 123456,
+          isBusinessEntity: true,
+        },
+      }}
+    ></sqm-tax-document-submitted>
+  );
+};
+
+export const TaxDocumentSubmittedActiveW8BEN = () => {
   return (
     <sqm-tax-document-submitted
       demoData={{
@@ -789,7 +811,6 @@ export const TaxDocumentSubmittedActive = () => {
           status: "ACTIVE",
           documentType: "W8BEN",
           dateSubmitted: "Jan 18th, 2025",
-          dateExpired: "Dec 18th, 2025",
           noFormNeeded: false,
           country: "United Kingdom",
           indirectTaxNumber: 123456,
@@ -819,14 +840,14 @@ export const TaxDocumentSubmittedNotVerified = () => {
   );
 };
 
-export const TaxDocumentSubmittedNotActive = () => {
+export const TaxDocumentSubmittedNotActiveW9 = () => {
   return (
     <sqm-tax-document-submitted
       demoData={{
         states: {
           disabled: false,
           status: "NOT_ACTIVE",
-          documentType: "W8BENE",
+          documentType: "W9",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           indirectTaxNumber: 123456,
@@ -838,16 +859,15 @@ export const TaxDocumentSubmittedNotActive = () => {
   );
 };
 
-export const TaxDocumentSubmittedExpired = () => {
+export const TaxDocumentSubmittedNotActiveW8BEN = () => {
   return (
     <sqm-tax-document-submitted
       demoData={{
         states: {
           disabled: false,
-          status: "EXPIRED",
-          documentType: "W8BENE",
+          status: "NOT_ACTIVE",
+          documentType: "W8BEN",
           dateSubmitted: "Jan 18th, 2025",
-          dateExpired: "Dec 25th, 2025",
           noFormNeeded: false,
           indirectTaxNumber: 123456,
           country: "United Kingdom",
@@ -858,20 +878,18 @@ export const TaxDocumentSubmittedExpired = () => {
   );
 };
 
-export const TaxDocumentSubmittedExpiringSoon = () => {
+export const TaxDocumentSubmittedNotActiveW8BENE = () => {
   return (
     <sqm-tax-document-submitted
       demoData={{
         states: {
           disabled: false,
-          status: "ACTIVE",
+          status: "NOT_ACTIVE",
           documentType: "W8BENE",
           dateSubmitted: "Jan 18th, 2025",
-          dateExpired: "Feb 18th, 2025",
-          expiresSoon: true,
           noFormNeeded: false,
           indirectTaxNumber: 123456,
-          country: "Slovania",
+          country: "United Kingdom",
           isBusinessEntity: true,
         },
       }}
@@ -908,7 +926,6 @@ export const TaxDocumentSubmittedIndirectTaxCanada = () => {
           disabled: false,
           documentType: "W8BENE",
           dateSubmitted: "Jan 18th, 2025",
-          dateExpired: "Dec 20, 2026",
           noFormNeeded: false,
           province: "Ontario",
           country: "Canada",
@@ -964,7 +981,6 @@ export const TaxDocumentSubmittedLoading = () => {
           status: "ACTIVE",
           documentType: "W9",
           dateSubmitted: "Jan 18th, 2025",
-          dateExpired: "Dec 18th, 2025",
           noFormNeeded: false,
           loading: true,
           isBusinessEntity: true,
@@ -983,7 +999,6 @@ export const TaxDocumentSubmittedWithGeneralError = () => {
           status: "ACTIVE",
           documentType: "W9",
           dateSubmitted: "Jan 18th, 2025",
-          dateExpired: "Dec 18th, 2025",
           noFormNeeded: false,
           indirectTaxNumber: 123456,
           country: "Slovania",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index b427f43e1f..e7972daf1c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -197,6 +197,9 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
 
   const { classes } = sheet;
 
+  states.documentType = "W8BENE";
+  states.formState.participantType = "businessEntity";
+
   return (
     <div class={classes.Container}>
       <style type="text/css">
@@ -256,7 +259,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             <h5 class={classes.BoldText}>
               {intl.formatMessage(
                 { id: "tax-form-label", defaultMessage: text.taxFormLabel },
-                { documentType }
+                { documentType: states.documentType }
               )}
             </h5>
             <p>
@@ -265,7 +268,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
                   id: "tax-form-description",
                   defaultMessage: text.taxFormDescription,
                 },
-                { documentType }
+                { documentType: states.documentType }
               )}
             </p>
           </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index e940ceb96e..09105cf0e6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -615,14 +615,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() step4_statusTextNotVerified?: string = "Not Verified";
 
-  /**
-   * Status text displayed in badge when tax document is Expired
-   *
-   * @uiName Status text
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_statusTextExpired?: string = "Expired";
-
   /**
    * Description text which appears beside badge showing when the form was submitted
    *
@@ -630,72 +622,56 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_badgeTextSubmittedOn?: string = "Submitted on {dateSubmitted}";
-
   /**
-   * Description text which appears beside badge showing the form is awaiting review
+   * Description text for W8 which appears beside badge showing when the form was submitted
    *
    * @uiName Badge description text
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_badgeTextAwaitingReview?: string =
-    "Awaiting review. Submitted on {dateSubmitted}.";
+  @Prop() step4_badgeTextSubmittedOnW8?: string =
+    "Submitted on {dateSubmitted}. Valid for three years after submission.";
 
   /**
-   * Description text which appears beside badge showing the form has expired
-   *
-   * @uiName Badge description text
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_badgeTextExpiredOn?: string = "Expired on {dateExpired}.";
-
-  /**
-   * Description text which appears beside badge showing the form expiring soon
+   * Description text which appears beside badge showing the form is awaiting review
    *
    * @uiName Badge description text
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_badgeTextExpiringSoon?: string = ", expiring on {dateExpired}.";
+  @Prop() step4_badgeTextAwaitingReview?: string =
+    "Awaiting review. Submitted on {dateSubmitted}.";
 
   /**
-   * Header displayed in alert header at the top of the page.
-   *
-   * @uiName Not active alert header
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_taxAlertHeaderNotActive?: string =
-    "Your {documentType} tax form has personal information that doesn't match your profile.";
-  /**
-   * Header displayed in alert header at the top of the page.
+   * Header displayed in not active W9 alert header at the top of the page.
    *
-   * @uiName Expired alert header
+   * @uiName Not active W9 alert header
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_taxAlertHeaderExpiredOn?: string =
-    "Your {documentType} tax form has expired.";
+  @Prop() step4_taxAlertHeaderNotActiveW9?: string =
+    "Your W9 tax form has personal information that doesn’t match your profile";
   /**
-   * Header displayed in alert header at the top of the page.
+   * Header displayed in not active W9 alert header at the top of the page.
    *
-   * @uiName Expiring soon alert header
+   * @uiName Not active W8 alert header
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_taxAlertHeaderExpiringSoon?: string =
-    "Your {documentType} tax form expires on {dateExpired}";
+  @Prop() step4_taxAlertHeaderNotActiveW8?: string =
+    "{documentType} tax form is invalid";
   /**
-   * Description text displayed in alert body at the top of the page.
+   * Description text displayed in W9 alert body at the top of the page.
    *
-   * @uiName Tax alert message
+   * @uiName Tax W9 alert message
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_taxAlertMessage?: string =
+  @Prop() step4_taxAlertNotActiveMessageW9?: string =
     "Please resubmit a new {documentType} form.";
   /**
-   * Description text displayed in alert body at the top of the page.
+   * Description text displayed in W8 alert body at the top of the page.
    *
-   * @uiName Expiring soon tax alert message
+   * @uiName Tax W8 alert message
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_taxAlertMessageExpiringSoon: string =
-    "Please submit a new {documentType} form to continue receiving your rewards";
+  @Prop() step4_taxAlertNotActiveMessageW8?: string =
+    "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form.";
   /**
    * Description text displayed next to the badge in the tax documents status
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 384956d136..f3d3029c2d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -125,7 +125,7 @@ export function useTaxAndCash() {
       if (!user || step !== "/loading") return;
 
       const currentStep = getCurrentStep(user);
-      setStep(currentStep);
+      setStep("/3");
     }
   }, [host, user, data?.user?.email]);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 0375aa68e0..cbda635b81 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -13,7 +13,6 @@ export interface TaxDocumentSubmittedProps {
     documentType: TaxDocumentType | undefined;
     disabled?: boolean;
     dateSubmitted?: string;
-    dateExpired?: string;
     expiresSoon?: boolean;
     noFormNeeded?: boolean;
     indirectTaxNumber?: number;
@@ -32,17 +31,15 @@ export interface TaxDocumentSubmittedProps {
     statusTextActive?: string;
     statusTextNotActive?: string;
     statusTextNotVerified?: string;
-    statusTextExpired?: string;
     badgeTextSubmittedOn?: string;
+    badgeTextSubmittedOnW8?: string;
     badgeTextAwaitingReview?: string;
-    badgeTextExpiredOn?: string;
-    badgeTextExpiringSoon?: string;
     noTaxFormRequired?: string;
-    taxAlertMessageExpiringSoon?: string;
     taxAlertHeaderNotActive?: string;
-    taxAlertHeaderExpiredOn?: string;
-    taxAlertHeaderExpiringSoon?: string;
-    taxAlertMessage?: string;
+    taxAlertHeaderNotActiveW9?: string;
+    taxAlertHeaderNotActiveW8?: string;
+    taxAlertNotActiveMessageW9?: string;
+    taxAlertNotActiveMessageW8?: string;
     bankingInformationSectionHeader: string;
     indirectTaxInfoSectionHeader: string;
     indirectTaxInfoCanada?: string;
@@ -207,21 +204,15 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
           {intl.formatMessage(
             {
               id: `badgeTextSubmittedOn`,
-              defaultMessage: text.badgeTextSubmittedOn,
+              defaultMessage:
+                states.documentType === "W9"
+                  ? text.badgeTextSubmittedOn
+                  : text.badgeTextSubmittedOnW8,
             },
             {
               dateSubmitted: states.dateSubmitted,
             }
           )}
-          {intl.formatMessage(
-            {
-              id: `badgeTextExpiringSoon`,
-              defaultMessage: text.badgeTextExpiringSoon,
-            },
-            {
-              dateExpired: states.dateExpired,
-            }
-          )}
         </p>
       </div>
     ),
@@ -233,24 +224,6 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         <p>{text.invalidForm}</p>
       </div>
     ),
-    EXPIRED: (
-      <div class={sheet.classes.TaxFormDetailsContainer}>
-        <sl-badge type="danger" pill>
-          {text.statusTextExpired}
-        </sl-badge>
-        <p>
-          {intl.formatMessage(
-            {
-              id: `badgeTextExpiredOn`,
-              defaultMessage: text.badgeTextExpiredOn,
-            },
-            {
-              dateExpired: states.dateExpired,
-            }
-          )}
-        </p>
-      </div>
-    ),
   };
 
   const alertMap = {
@@ -261,64 +234,10 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
           {intl.formatMessage(
             {
               id: `taxAlertHeaderNotActive`,
-              defaultMessage: text.taxAlertHeaderNotActive,
-            },
-            {
-              documentType: states.documentType,
-            }
-          )}
-        </strong>
-        <br />
-        {intl.formatMessage(
-          {
-            id: `taxAlertMessage`,
-            defaultMessage: text.taxAlertMessage,
-          },
-          {
-            documentType: states.documentType,
-          }
-        )}
-      </sl-alert>
-    ),
-    EXPIRING_SOON: (
-      <sl-alert
-        type="warning"
-        open
-        class={sheet.classes.ExpiringSoonAlertContainer}
-      >
-        <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
-        <strong>
-          {intl.formatMessage(
-            {
-              id: `taxAlertHeaderExpiringSoon`,
-              defaultMessage: text.taxAlertHeaderExpiringSoon,
-            },
-            {
-              documentType: states.documentType,
-              dateExpired: states.dateExpired,
-            }
-          )}
-        </strong>
-        <br />
-        {intl.formatMessage(
-          {
-            id: `taxAlertMessageExpiringSoon`,
-            defaultMessage: text.taxAlertMessageExpiringSoon,
-          },
-          {
-            documentType: states.documentType,
-          }
-        )}
-      </sl-alert>
-    ),
-    EXPIRED: (
-      <sl-alert type="danger" open class={sheet.classes.WarningAlertContainer}>
-        <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
-        <strong>
-          {intl.formatMessage(
-            {
-              id: `taxAlertHeaderExpiredOn`,
-              defaultMessage: text.taxAlertHeaderExpiredOn,
+              defaultMessage:
+                states.documentType === "W9"
+                  ? text.taxAlertHeaderNotActiveW9
+                  : text.taxAlertHeaderNotActiveW8,
             },
             {
               documentType: states.documentType,
@@ -329,7 +248,10 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         {intl.formatMessage(
           {
             id: `taxAlertMessage`,
-            defaultMessage: text.taxAlertMessage,
+            defaultMessage:
+              states.documentType === "W9"
+                ? text.taxAlertNotActiveMessageW9
+                : text.taxAlertNotActiveMessageW8,
           },
           {
             documentType: states.documentType,
@@ -355,11 +277,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
             {text.error.generalDescription}
           </sl-alert>
         )}
-        {(states.status === "NOT_ACTIVE" || states.status === "EXPIRED") &&
-          alertMap[states.status]}
-        {states.status === "ACTIVE" &&
-          states.expiresSoon &&
-          alertMap.EXPIRING_SOON}
+        {states.status === "NOT_ACTIVE" && alertMap[states.status]}
         <div>
           <h3>{text.bankingInformationSectionHeader}</h3>
           <div class={sheet.classes.BankingInformationContainer}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
index b297b10012..feaa4b053a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
@@ -40,7 +40,6 @@ Feature: Tax Document Submitted View
       | ACTIVE       | success      | Submitted on                                                              | Jan 17, 2024  |
       | NOT_VERIFIED | neutral      | Awaiting Review. Submitted on                                             | Jan 17, 2024  |
       | NOT_ACTIVE   | danger       | Ensure your information matches your profile and resubmit a new document. | Jan 17, 2024  |
-      | EXPIRED      | danger       | Expired on                                                                | Jan 17, 2024  |
 
   @minutia @ui
   Scenario: Status badge and text does not appear if participant is not required to submit tax form
@@ -70,25 +69,23 @@ Feature: Tax Document Submitted View
     Then a danger alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> appears
 
     Examples: 
-      | status     | documentType | taxAlertHeader                                                                 | taxAlertMessage                      |
-      | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile.     | Please resubmit a new W9 form.       |
-      | NOT_ACTIVE | W8-BEN       | Your W8-BEN tax form has personal information that doesn't match your profile. | Please resubmit a new W8-BEN form.   |
-      | EXPIRED    | W8-BEN-E     | Your W8-BEN-E tax form has expired.                                            | Please resubmit a new W8-BEN-E form. |
-
-  @minutia @ui
-  Scenario Outline: A Warning Alert is displayed if the users tax form is expiring soon
-    Given the <status> is ACTIVE
-    And the document type is <documentType>
-    And the document is submitted on <dateSubmitted>
-    And the <dateExpired> of the document is within 30 days of the current date
-    Then a warning alert <may> displayed
-    And it indicates the <documentType> with a <taxAlertHeader>, <taxAlertMessage>, and <dateExpired> appears
-
-    Examples: 
-      | status | documentType | may    | taxAlertHeader                    | dateSubmitted  | dateExpired    | taxAlertMessage                      |
-      | ACTIVE | W9           | is not | N/A                               | Dec 30th, 2021 | N/A            | N/A                                  |
-      | ACTIVE | W8-BEN       | is     | Your W8-BEN tax form expires on   | Dec 30th, 2021 | Dec 30th, 2024 | Please resubmit a new W8-BEN form.   |
-      | ACTIVE | W8-BEN-E     | is     | Your W8-BEN-E tax form expires on | Dec 30th, 2021 | Dec 30th, 2024 | Please resubmit a new W8-BEN-E form. |
+      | status     | documentType | taxAlertHeader                                                             | taxAlertMessage                                                                                                                |
+      | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile. | Please resubmit a new W9 form.                                                                                                 |
+      | NOT_ACTIVE | W8-BEN       | W8-BEN tax form is invalid.                                                | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form.   |
+      | NOT_ACTIVE | W8-BEN-E     | W8-BEN-E tax form is invalid.                                              | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN-E form. |
+  # @minutia @ui
+  # Scenario Outline: A Warning Alert is displayed if the users tax form is expiring soon
+  #   Given the <status> is ACTIVE
+  #   And the document type is <documentType>
+  #   And the document is submitted on <dateSubmitted>
+  #   And the <dateExpired> of the document is within 30 days of the current date
+  #   Then a warning alert <may> displayed
+  #   And it indicates the <documentType> with a <taxAlertHeader>, <taxAlertMessage>, and <dateExpired> appears
+  #   Examples: 
+  #     | status | documentType | may    | taxAlertHeader                    | dateSubmitted  | dateExpired    | taxAlertMessage                      |
+  #     | ACTIVE | W9           | is not | N/A                               | Dec 30th, 2021 | N/A            | N/A                                  |
+  #     | ACTIVE | W8-BEN       | is     | Your W8-BEN tax form expires on   | Dec 30th, 2021 | Dec 30th, 2024 | Please resubmit a new W8-BEN form.   |
+  #     | ACTIVE | W8-BEN-E     | is     | Your W8-BEN-E tax form expires on | Dec 30th, 2021 | Dec 30th, 2024 | Please resubmit a new W8-BEN-E form. |
 
   @unknown
   Scenario: Submit New Tax Document Form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index f57ecd259d..357894cad3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -37,19 +37,18 @@ export class TaxDocumentSubmitted {
   @Prop() statusTextNotVerified?: string = "Not Verified";
 
   /**
-   * Status text displayed in badge when tax document is Expired
+   * Description text which appears beside badge showing when the form was submitted
    *
-   * @uiName Status text
+   * @uiName Badge description text
    */
-  @Prop() statusTextExpired?: string = "Expired";
-
+  @Prop() badgeTextSubmittedOn?: string = "Submitted on {dateSubmitted}.";
   /**
-   * Description text which appears beside badge showing when the form was submitted
+   * Description text for W8 which appears beside badge showing when the form was submitted
    *
    * @uiName Badge description text
    */
-  @Prop() badgeTextSubmittedOn?: string = "Submitted on {dateSubmitted}";
-
+  @Prop() badgeTextSubmittedOnW8?: string =
+    "Submitted on {dateSubmitted}. Valid for three years after submission.";
   /**
    * Description text which appears beside badge showing the form is awaiting review
    *
@@ -59,54 +58,33 @@ export class TaxDocumentSubmitted {
     "Awaiting review. Submitted on {dateSubmitted}.";
 
   /**
-   * Description text which appears beside badge showing the form has expired
-   *
-   * @uiName Badge description text
-   */
-  @Prop() badgeTextExpiredOn?: string = "Expired on {dateExpired}.";
-
-  /**
-   * Description text which appears beside badge showing the form expiring soon
-   *
-   * @uiName Badge description text
-   */
-  @Prop() badgeTextExpiringSoon?: string = ", expiring on {dateExpired}.";
-
-  /**
-   * Header displayed in alert header at the top of the page.
-   *
-   * @uiName Not active alert header
-   */
-  @Prop() taxAlertHeaderNotActive?: string =
-    "Your {documentType} tax form has personal information that doesn't match your profile.";
-  /**
-   * Header displayed in alert header at the top of the page.
+   * Header displayed in not active W9 alert header at the top of the page.
    *
-   * @uiName Expired alert header
+   * @uiName Not active W9 alert header
    */
-  @Prop() taxAlertHeaderExpiredOn?: string =
-    "Your {documentType} tax form has expired.";
+  @Prop() taxAlertHeaderNotActiveW9?: string =
+    "Your W9 tax form has personal information that doesn’t match your profile";
   /**
-   * Header displayed in alert header at the top of the page.
+   * Header displayed in not active W9 alert header at the top of the page.
    *
-   * @uiName Expiring soon alert header
+   * @uiName Not active W8 alert header
    */
-  @Prop() taxAlertHeaderExpiringSoon?: string =
-    "Your {documentType} tax form expires on {dateExpired}";
+  @Prop() taxAlertHeaderNotActiveW8?: string =
+    "{documentType} tax form is invalid";
   /**
-   * Description text displayed in alert body at the top of the page.
+   * Description text displayed in W9 alert body at the top of the page.
    *
-   * @uiName Tax alert message
+   * @uiName Tax W9 alert message
    */
-  @Prop() taxAlertMessage?: string =
+  @Prop() taxAlertNotActiveMessageW9?: string =
     "Please resubmit a new {documentType} form.";
   /**
-   * Description text displayed in alert body at the top of the page.
+   * Description text displayed in W8 alert body at the top of the page.
    *
-   * @uiName Expiring soon tax alert message
+   * @uiName Tax W8 alert message
    */
-  @Prop() taxAlertMessageExpiringSoon: string =
-    "Please submit a new {documentType} form to continue receiving your rewards";
+  @Prop() taxAlertNotActiveMessageW8?: string =
+    "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form.";
   /**
    * Description text displayed next to the badge in the tax documents status
    *
@@ -253,7 +231,6 @@ function useDemoTaxDocumentSubmitted(
         documentType: undefined,
         status: undefined,
         noFormNeeded: true,
-        dateExpired: undefined,
         expiresSoon: false,
         disabled: false,
         loading: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 3746903370..30439543d4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -96,7 +96,6 @@ export const useTaxDocumentSubmitted = (
       }).of([data?.user?.customFields?.__taxCountry]),
       notRegistered: data?.user?.impactPartner?.indirectTaxOption === "NO_TAX",
       noFormNeeded: !documentType,
-      dateExpired,
       expiresSoon,
       disabled: loading,
       loading,

From ac0ff2144a9cdd7422420cfe856ec3ad5a833121 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 20 Feb 2024 11:13:16 -0800
Subject: [PATCH 251/753] removed hardcoded states

---
 .../tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx  | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index e6e9f8907b..4c045ffb99 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -200,9 +200,6 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
 
   const { classes } = sheet;
 
-  states.documentType = "W8BENE";
-  states.formState.participantType = "businessEntity";
-
   return (
     <div class={classes.Container}>
       <style type="text/css">

From 9d82ae1a79a4089962542fd02f6bb2e0a6b14efb Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 20 Feb 2024 11:18:28 -0800
Subject: [PATCH 252/753] move hooks out of search selects

---
 .../sqm-docusign-form/useDocusignForm.tsx     |  1 +
 .../useTaxDocumentSubmitted.tsx               |  4 +-
 .../sqm-user-info-form-view.tsx               | 79 ++-----------------
 .../sqm-user-info-form/sqm-user-info-form.tsx |  5 ++
 .../sqm-user-info-form/useUserInfoForm.tsx    | 45 ++++++++++-
 5 files changed, 56 insertions(+), 78 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 1442eae92c..4c3760837d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -54,6 +54,7 @@ export function useDocusignForm(props: DocusignForm) {
     loading: userLoading,
     refetch,
   } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+
   const [docusignStatus, setDocusignStatus] =
     useState<DocusignStatus>(undefined);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 3746903370..2461a41567 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -86,8 +86,8 @@ export const useTaxDocumentSubmitted = (
       status: data?.user?.impactPartner?.currentTaxDocument?.status,
 
       indirectTaxNumber: data?.user?.customFields?.__indirectTaxNumber,
-      // TODO: hook up isBusinessEntity up to hooks
-      isBusinessEntity: true,
+      isBusinessEntity:
+        data?.user?.impactPartner?.requiredTaxDocumentType === "W8BENE",
       province: provinceName,
       // @ts-ignore: DisplayNames does exist on Intl
       country: new Intl.DisplayNames([locale.replaceAll("_", "-")], {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index a65228e980..e1f35b126c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -39,6 +39,8 @@ export interface UserInfoFormViewProps {
     }[];
   };
   callbacks: {
+    setCurrencySearch: (c: any) => void;
+    setCountrySearch: (c: any) => void;
     onSubmit: (props: any) => void;
     onRadioClick: (value: string) => void;
   };
@@ -191,40 +193,6 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
   } = props;
   const { classes } = sheet;
 
-  const [searchTerm, setSearchTerm] = useState("");
-  const [filteredCountries, setFilteredCountries] = useState(
-    data?.countries || []
-  );
-
-  const [searchCurrency, setSearchCurrency] = useState("");
-  const [filteredCurrencies, setFilteredCurrencies] = useState(
-    data?.currencies || []
-  );
-
-  useEffect(() => {
-    if (searchTerm.trim() === "") {
-      setFilteredCountries(data?.countries || []);
-    } else {
-      setFilteredCountries(
-        data?.countries.filter((c) =>
-          c.displayName.toLowerCase().includes(searchTerm.toLowerCase())
-        ) || []
-      );
-    }
-  }, [searchTerm, data?.countries]);
-
-  useEffect(() => {
-    if (searchCurrency.trim() === "") {
-      setFilteredCurrencies(data?.currencies || []);
-    } else {
-      setFilteredCurrencies(
-        data?.currencies.filter((c) =>
-          c.currencyCode.toLowerCase().includes(searchCurrency.toLowerCase())
-        ) || []
-      );
-    }
-  }, [searchCurrency, data?.currencies]);
-
   return (
     <sl-form
       class={classes.FormWrapper}
@@ -326,7 +294,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                 class={classes.SearchInput}
                 placeholder="Search for country.."
                 onInput={(e) => {
-                  setSearchTerm(e.target.value);
+                  callbacks.setCountrySearch(e.target.value);
                 }}
                 onKeyDown={(e) => {
                   if (e.key === " ") {
@@ -334,7 +302,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                   }
                 }}
               ></sl-input>
-              {filteredCountries.map((c) => (
+              {data?.countries?.map((c) => (
                 <sl-menu-item value={c.countryCode}>
                   {c.displayName}
                 </sl-menu-item>
@@ -359,55 +327,20 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               <sl-input
                 class={classes.SearchInput}
                 placeholder="Search for currency.."
-                onInput={(e) => setSearchCurrency(e.target.value)}
+                onInput={(e) => callbacks.setCurrencySearch(e.target.value)}
                 onKeyDown={(e) => {
                   if (e.key === " ") {
                     e.stopPropagation();
                   }
                 }}
               />
-              {/* {data?.currencies?.map((c) => (
-                <sl-menu-item value={c.currencyCode}>
-                  {c.currencyCode} - {c.displayName}
-                </sl-menu-item>
-              ))} */}
-              {filteredCurrencies.map((c) => (
+              {data?.currencies?.map((c) => (
                 <sl-menu-item value={c.currencyCode}>
                   {c.currencyCode} - {c.displayName}
                 </sl-menu-item>
               ))}
             </sl-select>
 
-            {/* <div class={classes.CheckboxWrapper}>
-              <p class={classes.BoldText}>{text.participantType}</p>
-
-              <div style={{ display: "flex", flexDirection: "column" }}>
-                <sl-radio
-                  exportparts="base: radio-base"
-                  value="individualParticipant"
-                  name="/participantType"
-                  checked={
-                    formState.participantType === "individualParticipant"
-                  }
-                  disabled={states.disabled || states.isPartner}
-                >
-                  {text.individualParticipant}
-                </sl-radio>
-                <sl-radio
-                  exportparts="base: radio-base"
-                  value="businessEntity"
-                  name="/participantType"
-                  checked={formState.participantType === "businessEntity"}
-                  disabled={states.disabled || states.isPartner}
-                >
-                  {text.businessEntity}
-                </sl-radio>
-              </div>
-
-              {formState.errors?.participantType && (
-                <p class={classes.ErrorText}>{text.error.participantType}</p>
-              )}
-            </div> */}
             <div class={classes.CheckboxWrapper}>
               <p class={classes.BoldText}> {text.taxAndBankingCollection}</p>
               <sl-checkbox
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 741f3b8fb5..413db460c7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -191,6 +191,7 @@ export class TaxForm {
           // @ts-ignore
           states={props.states}
           callbacks={{
+            ...props.callbacks,
             onSubmit: props.onSubmit,
             onRadioClick: props.onRadioClick,
           }}
@@ -222,6 +223,10 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
         currencies: [{ currencyCode: "CAD", displayName: "CAD" }],
         countries: [{ countryCode: "CA", displayName: "Canada" }],
       },
+      callbacks: {
+        setCurrencySearch: (c) => console.log(c),
+        setCountrySearch: (c) => console.log(c),
+      },
       states: {
         disabled: false,
         formState: { participantType },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 4f49d60625..04f32cc7b4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -60,11 +60,14 @@ export function useUserInfoForm(props: TaxForm) {
 
   const { data, loading } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
-  const { data: _countries, loading: countriesLoading } =
+  const { data: countriesRes, loading: countriesLoading } =
     useParentQueryValue<CountriesQuery>(COUNTRIES_NAMESPACE);
   const { data: currenciesRes, loading: loadingCurrencies } =
     useParentQueryValue<CurrenciesQuery>(CURRENCIES_NAMESPACE);
 
+  const countries = countriesRes?.impactPartnerCountries?.data;
+  const currencies = currenciesRes?.currencies?.data;
+
   useEffect(() => {
     const user = data?.user;
     if (!user || step !== "/1") return;
@@ -92,6 +95,38 @@ export function useUserInfoForm(props: TaxForm) {
     }
   }, [data, step]);
 
+  const [countrySearch, setCountrySearch] = useState("");
+  const [filteredCountries, setFilteredCountries] = useState(countries || []);
+
+  const [currencySearch, setCurrencySearch] = useState("");
+  const [filteredCurrencies, setFilteredCurrencies] = useState(
+    currencies || []
+  );
+
+  useEffect(() => {
+    if (countrySearch.trim() === "") {
+      setFilteredCountries(countries || []);
+    } else {
+      setFilteredCountries(
+        countries.filter((c) =>
+          c.displayName.toLowerCase().includes(countrySearch.toLowerCase())
+        ) || []
+      );
+    }
+  }, [countrySearch, countries]);
+
+  useEffect(() => {
+    if (currencySearch.trim() === "") {
+      setFilteredCurrencies(currencies || []);
+    } else {
+      setFilteredCurrencies(
+        currencies.filter((c) =>
+          c.currencyCode.toLowerCase().includes(currencySearch.toLowerCase())
+        ) || []
+      );
+    }
+  }, [currencySearch, currencies]);
+
   function onRadioClick(value: string) {
     setUserFormContext({ ...userFormContext, participantType: value });
   }
@@ -161,12 +196,16 @@ export function useUserInfoForm(props: TaxForm) {
     onSubmit,
     onRadioClick,
     text: props.getTextProps(),
+    callbacks: {
+      setCurrencySearch,
+      setCountrySearch,
+    },
     refs: {
       formRef,
     },
     data: {
-      currencies: currenciesRes?.currencies?.data,
-      countries: _countries?.impactPartnerCountries?.data,
+      currencies: filteredCurrencies,
+      countries: filteredCountries,
     },
     states: {
       hideSteps: context.hideSteps,

From 1c1871c7ae21762f89f3aa833754bad891953282 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 20 Feb 2024 11:19:38 -0800
Subject: [PATCH 253/753] added types for form data

---
 .../useBankingInfoForm.tsx                    | 28 ++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index c802d70f5b..c2d5205980 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -27,6 +27,32 @@ export const paypalFeeMap = {
   JPY: "JPY2000.00",
 };
 
+export type BankingInfoFormData = {
+  bankCountry?: string;
+  paypalEmail?: string;
+  beneficiaryAccountName?: string;
+  bankAccountType?: string;
+  bankAccountNumber?: string;
+  iban?: string;
+  swiftCode?: string;
+  routingCode?: string;
+  bankName?: string;
+  beneficiaryClassification?:
+    | "BUSINESS"
+    | "INDIVIDUAL"
+    | "FOREIGN"
+    | "CPF"
+    | "CNPJ";
+  patronymicName?: string;
+  voCode?: string;
+  agencyCode?: string;
+  bankAddress?: string;
+  bankCity?: string;
+  bankProvinceState?: string;
+  bankPostalCode?: string;
+  branchCode?: string;
+};
+
 export function getFormInputs({ props, formMap }) {
   const binary = (props.demo.bitset || props.states.bitset)
     .toString(2)
@@ -67,7 +93,7 @@ export function useBankingInfoForm(props: BankingInfoForm) {
   >(undefined);
 
   const onSubmit = async (event: any) => {
-    let formData: Record<string, string> = {};
+    let formData: BankingInfoFormData = {};
     let validationErrors: Record<string, string> = {};
 
     const controls = event.target.getFormControls();

From f549cc887d98bee43ccfd1e5f0fd59c81b8d3882 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 20 Feb 2024 11:23:25 -0800
Subject: [PATCH 254/753] prerelease 1.8.0-30

---
 packages/mint-components/package.json         |  2 +-
 .../src/components/sqm-edit-profile/readme.md | 28 ++++-----
 .../sqm-portal-email-verification/readme.md   |  2 +-
 .../sqm-portal-forgot-password/readme.md      |  2 +-
 .../src/components/sqm-portal-login/readme.md | 26 ++++----
 .../components/sqm-portal-profile/readme.md   | 30 ++++-----
 .../sqm-portal-registration-form/readme.md    |  1 -
 .../sqm-portal-reset-password/readme.md       |  2 +-
 .../sqm-portal-verify-email/readme.md         |  2 +-
 .../src/components/sqm-share-button/readme.md |  2 +-
 .../sqm-banking-info-form/readme.md           | 43 ++++++++++---
 .../sqm-banking-info-form-view.tsx            |  2 +
 .../sqm-document-type-form/readme.md          |  2 -
 .../tax-and-cash/sqm-docusign-form/readme.md  | 43 +++++++------
 .../sqm-indirect-tax-form/readme.md           | 62 +++++++++----------
 .../tax-and-cash/sqm-tax-and-cash/readme.md   | 22 +++----
 .../sqm-tax-document-submitted/readme.md      | 59 +++++++++---------
 17 files changed, 175 insertions(+), 155 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index e39461abf6..2be72dbb27 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-29",
+  "version": "1.8.0-30",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-edit-profile/readme.md b/packages/mint-components/src/components/sqm-edit-profile/readme.md
index bc59b8ed17..8f3d353967 100644
--- a/packages/mint-components/src/components/sqm-edit-profile/readme.md
+++ b/packages/mint-components/src/components/sqm-edit-profile/readme.md
@@ -7,20 +7,20 @@
 
 ## Properties
 
-| Property              | Attribute               | Description                 | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Default                                                     |
-| --------------------- | ----------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------- |
-| `canceltext`          | `canceltext`            |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `undefined`                                                 |
-| `currentregiontext`   | `currentregiontext`     |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `undefined`                                                 |
-| `demoData`            | --                      |                             | `{ states?: { loading: boolean; submitDisabled: boolean; formState: { currentRegion: string; firstName: string; lastName: string; errors: any; error: string; }; user: { firstName: string; lastName: string; email: string; }; showEdit: boolean; text: { editprofileheader: string; editprofiletext: string; firstnametext: string; lastnametext: string; canceltext: string; updatetext: string; currentregiontext: string; showregion?: boolean; }; }; }` | `undefined`                                                 |
-| `editprofileheader`   | `editprofileheader`     |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `undefined`                                                 |
-| `editprofiletext`     | `editprofiletext`       | Enable editing button text  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `undefined`                                                 |
-| `fieldEmptyText`      | `field-empty-text`      |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Cannot be empty"`                                         |
-| `firstnametext`       | `firstnametext`         |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `undefined`                                                 |
-| `formErrorText`       | `form-error-text`       |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please correct the errors below to update your profile."` |
-| `lastnametext`        | `lastnametext`          |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `undefined`                                                 |
-| `networkErrorMessage` | `network-error-message` |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Network request failed."`                                 |
-| `showregion`          | `showregion`            | Show or hide current region | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `undefined`                                                 |
-| `updatetext`          | `updatetext`            |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `undefined`                                                 |
+| Property              | Attribute               | Description                 | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | Default                                                     |
+| --------------------- | ----------------------- | --------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------- |
+| `canceltext`          | `canceltext`            |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined`                                                 |
+| `currentregiontext`   | `currentregiontext`     |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined`                                                 |
+| `demoData`            | --                      |                             | `{ states?: { loading: boolean; submitDisabled: boolean; formState: { currentRegion: string; firstName: string; lastName: string; errors: any; error: string; }; user: { firstName: string; lastName: string; email: string; }; showEdit: boolean; text: { editprofileheader: string; editprofiletext: string; firstnametext: string; lastnametext: string; canceltext: string; updatetext: string; currentregiontext: string; fieldEmptyText?: string; showregion?: boolean; }; }; }` | `undefined`                                                 |
+| `editprofileheader`   | `editprofileheader`     |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined`                                                 |
+| `editprofiletext`     | `editprofiletext`       | Enable editing button text  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined`                                                 |
+| `fieldEmptyText`      | `field-empty-text`      |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Cannot be empty"`                                         |
+| `firstnametext`       | `firstnametext`         |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined`                                                 |
+| `formErrorText`       | `form-error-text`       |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Please correct the errors below to update your profile."` |
+| `lastnametext`        | `lastnametext`          |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined`                                                 |
+| `networkErrorMessage` | `network-error-message` |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Network request failed."`                                 |
+| `showregion`          | `showregion`            | Show or hide current region | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `undefined`                                                 |
+| `updatetext`          | `updatetext`            |                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `undefined`                                                 |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-portal-email-verification/readme.md b/packages/mint-components/src/components/sqm-portal-email-verification/readme.md
index b43dfc412b..9a54682eec 100644
--- a/packages/mint-components/src/components/sqm-portal-email-verification/readme.md
+++ b/packages/mint-components/src/components/sqm-portal-email-verification/readme.md
@@ -11,7 +11,7 @@
 | ---------------------------- | ------------------------------ | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `demoData`                   | --                             |                                                                   | `{ states?: { error: string; loading: boolean; success: boolean; isVerified?: boolean; loadingVerification?: boolean; countdown?: number; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; verificationStatusMessage?: string; verificationLoadingMessage?: string; verificationResentMessage?: string; }; }` | `undefined`                                                                                                                                              |
 | `emailVerificationHeader`    | `email-verification-header`    |                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                          | `"Verify your email"`                                                                                                                                    |
-| `networkErrorMessage`        | `network-error-message`        |                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                          | `"Network request failed."`                                                                                                                              |
+| `networkErrorMessage`        | `network-error-message`        |                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                          | `"An error occurred while verifying your password. Please refresh the page."`                                                                            |
 | `redirectPath`               | `redirect-path`                | Redirect participants to this page from their verification email. | `string`                                                                                                                                                                                                                                                                                                                                                                          | `"/verifyEmail"`                                                                                                                                         |
 | `resendEmailButtonText`      | `resend-email-button-text`     |                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                          | `"Re-send Email"`                                                                                                                                        |
 | `verificationLoadingMessage` | `verification-loading-message` |                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                          | `"Checking verification status"`                                                                                                                         |
diff --git a/packages/mint-components/src/components/sqm-portal-forgot-password/readme.md b/packages/mint-components/src/components/sqm-portal-forgot-password/readme.md
index a6e75b5430..dee609a52b 100644
--- a/packages/mint-components/src/components/sqm-portal-forgot-password/readme.md
+++ b/packages/mint-components/src/components/sqm-portal-forgot-password/readme.md
@@ -14,7 +14,7 @@
 | `headerText`          | `header-text`           |                                                                   | `string`                                                                                                                                                                                                               | `"Enter your email below to receive a password reset link."`                   |
 | `loginPath`           | `login-path`            |                                                                   | `string`                                                                                                                                                                                                               | `"/login"`                                                                     |
 | `loginText`           | `login-text`            |                                                                   | `string`                                                                                                                                                                                                               | `"Sign In"`                                                                    |
-| `networkErrorMessage` | `network-error-message` |                                                                   | `string`                                                                                                                                                                                                               | `"Network request failed."`                                                    |
+| `networkErrorMessage` | `network-error-message` |                                                                   | `string`                                                                                                                                                                                                               | `"An error occurred while loading this page. Please refresh the page."`        |
 | `redirectPath`        | `redirect-path`         | Redirect participants to this page after they verify their email. | `string`                                                                                                                                                                                                               | `"/resetPassword"`                                                             |
 | `submitLabel`         | `submit-label`          |                                                                   | `string`                                                                                                                                                                                                               | `"Request Password Reset"`                                                     |
 | `successAlertText`    | `success-alert-text`    |                                                                   | `string`                                                                                                                                                                                                               | `"If an account with that email exists, a password reset email will be sent."` |
diff --git a/packages/mint-components/src/components/sqm-portal-login/readme.md b/packages/mint-components/src/components/sqm-portal-login/readme.md
index a173b8d26e..b503321404 100644
--- a/packages/mint-components/src/components/sqm-portal-login/readme.md
+++ b/packages/mint-components/src/components/sqm-portal-login/readme.md
@@ -7,19 +7,19 @@
 
 ## Properties
 
-| Property              | Attribute               | Description                                                       | Type                                                                                                                                                                                                                                                            | Default                     |
-| --------------------- | ----------------------- | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- |
-| `demoData`            | --                      |                                                                   | `{ states?: { error: string; loading: boolean; forgotPasswordPath: string; registerPath: string; }; content?: { forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }` | `undefined`                 |
-| `emailLabel`          | `email-label`           |                                                                   | `string`                                                                                                                                                                                                                                                        | `"Email"`                   |
-| `forgotPasswordLabel` | `forgot-password-label` |                                                                   | `string`                                                                                                                                                                                                                                                        | `"Forgot Password?"`        |
-| `forgotPasswordPath`  | `forgot-password-path`  | Redirect participants to this page to reset their password        | `string`                                                                                                                                                                                                                                                        | `"/forgotPassword"`         |
-| `networkErrorMessage` | `network-error-message` |                                                                   | `string`                                                                                                                                                                                                                                                        | `"Network request failed."` |
-| `nextPage`            | `next-page`             | Redirect participants to this page after they successfully login. | `string`                                                                                                                                                                                                                                                        | `"/"`                       |
-| `pageLabel`           | `page-label`            |                                                                   | `string`                                                                                                                                                                                                                                                        | `"Sign in to your account"` |
-| `passwordLabel`       | `password-label`        |                                                                   | `string`                                                                                                                                                                                                                                                        | `"Password"`                |
-| `registerLabel`       | `register-label`        |                                                                   | `string`                                                                                                                                                                                                                                                        | `"Register"`                |
-| `registerPath`        | `register-path`         | Redirect participants to this page to start registration.         | `string`                                                                                                                                                                                                                                                        | `"/register"`               |
-| `submitLabel`         | `submit-label`          |                                                                   | `string`                                                                                                                                                                                                                                                        | `"Sign In"`                 |
+| Property              | Attribute               | Description                                                       | Type                                                                                                                                                                                                                                                            | Default                                                                            |
+| --------------------- | ----------------------- | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- |
+| `demoData`            | --                      |                                                                   | `{ states?: { error: string; loading: boolean; forgotPasswordPath: string; registerPath: string; }; content?: { forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }` | `undefined`                                                                        |
+| `emailLabel`          | `email-label`           |                                                                   | `string`                                                                                                                                                                                                                                                        | `"Email"`                                                                          |
+| `forgotPasswordLabel` | `forgot-password-label` |                                                                   | `string`                                                                                                                                                                                                                                                        | `"Forgot Password?"`                                                               |
+| `forgotPasswordPath`  | `forgot-password-path`  | Redirect participants to this page to reset their password        | `string`                                                                                                                                                                                                                                                        | `"/forgotPassword"`                                                                |
+| `networkErrorMessage` | `network-error-message` |                                                                   | `string`                                                                                                                                                                                                                                                        | `"An error occurred while logging you in. Please refresh the page and try again."` |
+| `nextPage`            | `next-page`             | Redirect participants to this page after they successfully login. | `string`                                                                                                                                                                                                                                                        | `"/"`                                                                              |
+| `pageLabel`           | `page-label`            |                                                                   | `string`                                                                                                                                                                                                                                                        | `"Sign in to your account"`                                                        |
+| `passwordLabel`       | `password-label`        |                                                                   | `string`                                                                                                                                                                                                                                                        | `"Password"`                                                                       |
+| `registerLabel`       | `register-label`        |                                                                   | `string`                                                                                                                                                                                                                                                        | `"Register"`                                                                       |
+| `registerPath`        | `register-path`         | Redirect participants to this page to start registration.         | `string`                                                                                                                                                                                                                                                        | `"/register"`                                                                      |
+| `submitLabel`         | `submit-label`          |                                                                   | `string`                                                                                                                                                                                                                                                        | `"Sign In"`                                                                        |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-portal-profile/readme.md b/packages/mint-components/src/components/sqm-portal-profile/readme.md
index 3bf86a2a6b..7ffb69bedb 100644
--- a/packages/mint-components/src/components/sqm-portal-profile/readme.md
+++ b/packages/mint-components/src/components/sqm-portal-profile/readme.md
@@ -7,21 +7,21 @@
 
 ## Properties
 
-| Property                 | Attribute                   | Description | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Default                                                     |
-| ------------------------ | --------------------------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------- |
-| `countrytext`            | `countrytext`               |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Country"`                                                 |
-| `demoData`               | --                          |             | `{ states?: { success: boolean; loading: boolean; submitDisabled: boolean; showCountry: boolean; formState: { country: string; firstName: string; lastName: string; errors: any; error: string; }; user: { id: string; accountId: string; firstName: string; lastName: string; email: string; countryCode: string; }; text: { firstnametext: string; lastnametext: string; emailtext: string; countrytext: string; editProfileHeader: string; editProfileSubHeader: string; submitChangeButtonText: string; submissionSuccessText?: string; fieldEmptyText?: string; }; }; }` | `undefined`                                                 |
-| `editProfileHeader`      | `edit-profile-header`       |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Edit your profile"`                                       |
-| `editProfileSubHeader`   | `edit-profile-sub-header`   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Personal Information"`                                    |
-| `emailtext`              | `emailtext`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Email"`                                                   |
-| `fieldEmptyText`         | `field-empty-text`          |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Field can't be empty"`                                    |
-| `firstnametext`          | `firstnametext`             |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"First Name"`                                              |
-| `formErrorText`          | `form-error-text`           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please correct the errors below to update your profile."` |
-| `hideCountry`            | `hide-country`              |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `false`                                                     |
-| `lastnametext`           | `lastnametext`              |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Last Name"`                                               |
-| `networkRequestMessage`  | `network-request-message`   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Network request failed."`                                 |
-| `submissionSuccessText`  | `submission-success-text`   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your profile has been successfully updated."`             |
-| `submitChangeButtonText` | `submit-change-button-text` |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submit Changes"`                                          |
+| Property                 | Attribute                   | Description | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Default                                                                 |
+| ------------------------ | --------------------------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- |
+| `countrytext`            | `countrytext`               |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Country"`                                                             |
+| `demoData`               | --                          |             | `{ states?: { success: boolean; loading: boolean; submitDisabled: boolean; showCountry: boolean; formState: { country: string; firstName: string; lastName: string; errors: any; error: string; }; user: { id: string; accountId: string; firstName: string; lastName: string; email: string; countryCode: string; }; text: { firstnametext: string; lastnametext: string; emailtext: string; countrytext: string; editProfileHeader: string; editProfileSubHeader: string; submitChangeButtonText: string; submissionSuccessText?: string; fieldEmptyText?: string; }; }; }` | `undefined`                                                             |
+| `editProfileHeader`      | `edit-profile-header`       |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Edit your profile"`                                                   |
+| `editProfileSubHeader`   | `edit-profile-sub-header`   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Personal Information"`                                                |
+| `emailtext`              | `emailtext`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Email"`                                                               |
+| `fieldEmptyText`         | `field-empty-text`          |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Field is required"`                                                   |
+| `firstnametext`          | `firstnametext`             |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"First Name"`                                                          |
+| `formErrorText`          | `form-error-text`           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please correct the errors below to update your profile."`             |
+| `hideCountry`            | `hide-country`              |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `false`                                                                 |
+| `lastnametext`           | `lastnametext`              |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Last Name"`                                                           |
+| `networkRequestMessage`  | `network-request-message`   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"An error occurred while loading this page. Please refresh the page."` |
+| `submissionSuccessText`  | `submission-success-text`   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your profile has been successfully updated."`                         |
+| `submitChangeButtonText` | `submit-change-button-text` |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submit Changes"`                                                      |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-portal-registration-form/readme.md b/packages/mint-components/src/components/sqm-portal-registration-form/readme.md
index e3810cf43b..5964d9a7d0 100644
--- a/packages/mint-components/src/components/sqm-portal-registration-form/readme.md
+++ b/packages/mint-components/src/components/sqm-portal-registration-form/readme.md
@@ -34,7 +34,6 @@
 | `requiredFieldErrorMessage`    | `required-field-error-message`    | The message to be displayed when a required field is not filled.                                                                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Cannot be empty"`                                |
 | `submitLabel`                  | `submit-label`                    |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Register"`                                       |
 | `uppercaseErrorText`           | `uppercase-error-text`            |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `"contain at least 1 uppercase character"`         |
-| `useBrowserLocale`             | `use-browser-locale`              | Saves the browser locale on the new user                                                                                                                                                               | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `false`                                            |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-portal-reset-password/readme.md b/packages/mint-components/src/components/sqm-portal-reset-password/readme.md
index d22c879750..741336d8c3 100644
--- a/packages/mint-components/src/components/sqm-portal-reset-password/readme.md
+++ b/packages/mint-components/src/components/sqm-portal-reset-password/readme.md
@@ -20,7 +20,7 @@
 | `lowercaseErrorText`          | `lowercase-error-text`            |                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `"contain at least 1 lowercase character"`                                                                       |
 | `meetsRequirementsText`       | `meets-requirements-text`         |                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Password has met all requirements"`                                                                            |
 | `minErrorText`                | `min-error-text`                  |                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `"be a minimum of 8 characters"`                                                                                 |
-| `networkErrorMessage`         | `network-error-message`           |                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Network request failed."`                                                                                      |
+| `networkErrorMessage`         | `network-error-message`           |                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `"An error occurred while resetting your password. Please refresh the page and try again."`                      |
 | `nextPage`                    | `next-page`                       | Redirect participants to this page when they successfully reset their password.              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `"/"`                                                                                                            |
 | `passwordFieldLabel`          | `password-field-label`            |                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `"New Password"`                                                                                                 |
 | `passwordMismatchText`        | `password-mismatch-text`          |                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `"Passwords do not match."`                                                                                      |
diff --git a/packages/mint-components/src/components/sqm-portal-verify-email/readme.md b/packages/mint-components/src/components/sqm-portal-verify-email/readme.md
index a63a544908..20527dd98e 100644
--- a/packages/mint-components/src/components/sqm-portal-verify-email/readme.md
+++ b/packages/mint-components/src/components/sqm-portal-verify-email/readme.md
@@ -12,7 +12,7 @@
 | `continueText`        | `continue-text`         |                                                                                                   | `string`                                                                                                                                                                                                                     | `"Continue"`                                                                                                     |
 | `demoData`            | --                      |                                                                                                   | `{ states?: { error: string; loading: boolean; verified: boolean; }; data?: { oobCode: string; }; content?: { verifySuccessText?: string; verifyEmailText?: string; verifyInvalidText?: string; continueText?: string; }; }` | `undefined`                                                                                                      |
 | `failedPage`          | `failed-page`           | Redirect participants to this page if verification fails due to an outdated verification attempt. | `string`                                                                                                                                                                                                                     | `"/"`                                                                                                            |
-| `networkErrorMessage` | `network-error-message` |                                                                                                   | `string`                                                                                                                                                                                                                     | `"Network request failed."`                                                                                      |
+| `networkErrorMessage` | `network-error-message` |                                                                                                   | `string`                                                                                                                                                                                                                     | `"An error occurred while verifying your email. Please refresh the page and try again."`                         |
 | `nextPage`            | `next-page`             | Redirect participants to this page when they successfully verify their email.                     | `string`                                                                                                                                                                                                                     | `"/"`                                                                                                            |
 | `verifyEmailText`     | `verify-email-text`     |                                                                                                   | `string`                                                                                                                                                                                                                     | `"Verify your email"`                                                                                            |
 | `verifyInvalidText`   | `verify-invalid-text`   |                                                                                                   | `string`                                                                                                                                                                                                                     | `"The email verification code is invalid or has expired, please try again."`                                     |
diff --git a/packages/mint-components/src/components/sqm-share-button/readme.md b/packages/mint-components/src/components/sqm-share-button/readme.md
index 4c9341be73..c593cdffff 100644
--- a/packages/mint-components/src/components/sqm-share-button/readme.md
+++ b/packages/mint-components/src/components/sqm-share-button/readme.md
@@ -26,7 +26,7 @@
 | `textcolor`               | `textcolor`                 |                                                                                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `undefined`                          |
 | `type`                    | `type`                      |                                                                                                                                                       | `"danger" \| "default" \| "info" \| "primary" \| "success" \| "text" \| "warning"`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"default"`                          |
 | `undefinedLinkText`       | `undefined-link-text`       | Alert text shown if the share link is undefined                                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Error: message link undefined!"`   |
-| `unsupportedPlatformText` | `unsupported-platform-text` | Alert text shown if user's device does not support native sharing                                                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Error: not on a supported device"` |
+| `unsupportedPlatformText` | `unsupported-platform-text` | Alert text shown if the user's device does not support native sharing                                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Error: not on a supported device"` |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index d1dc72a247..7540db9edf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -7,16 +7,39 @@
 
 ## Properties
 
-| Property                   | Attribute                     | Description | Type                                      | Default                                                                                 |
-| -------------------------- | ----------------------------- | ----------- | ----------------------------------------- | --------------------------------------------------------------------------------------- |
-| `demoData`                 | --                            |             | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                             |
-| `directlyToBankAccount`    | `directly-to-bank-account`    |             | `string`                                  | `"Directly to my bank account"`                                                         |
-| `formStep`                 | `form-step`                   |             | `string`                                  | `"Step 4 of 4"`                                                                         |
-| `paymentMethod`            | `payment-method`              |             | `string`                                  | `"Payment Method"`                                                                      |
-| `submitButton`             | `submit-button`               |             | `string`                                  | `"Save"`                                                                                |
-| `taxAndPayouts`            | `tax-and-payouts`             |             | `string`                                  | `"Tax and Payouts"`                                                                     |
-| `taxAndPayoutsDescription` | `tax-and-payouts-description` |             | `string`                                  | `"Submit your tax documents and add your banking information to receive your rewards."` |
-| `toPaypalAccount`          | `to-paypal-account`           |             | `string`                                  | `"To my PayPal account"`                                                                |
+| Property                      | Attribute                        | Description                                                                             | Type                                      | Default                                                                                                                                                                     |
+| ----------------------------- | -------------------------------- | --------------------------------------------------------------------------------------- | ----------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `agencyCodeLabel`             | `agency-code-label`              | Label text for the agency code input field                                              | `string`                                  | `"Agency Code"`                                                                                                                                                             |
+| `bankAccountNumberLabel`      | `bank-account-number-label`      | Label text for the bank account number input field                                      | `string`                                  | `"Bank Account Number"`                                                                                                                                                     |
+| `bankAccountTypeLabel`        | `bank-account-type-label`        | Label text for the bank account type input field                                        | `string`                                  | `"Bank Account Type"`                                                                                                                                                       |
+| `bankNameLabel`               | `bank-name-label`                | Label text for the bank name input field                                                | `string`                                  | `"Bank Name"`                                                                                                                                                               |
+| `beneficiaryAccountNameLabel` | `beneficiary-account-name-label` | Label text for the beneficiary account name input field                                 | `string`                                  | `"Beneficiary Account Name"`                                                                                                                                                |
+| `branchCodeLabel`             | `branch-code-label`              | Label text for the branch code input field                                              | `string`                                  | `"Branch Code"`                                                                                                                                                             |
+| `businessSelectItemLabel`     | `business-select-item-label`     | Label text for the business select item                                                 | `string`                                  | `"Business"`                                                                                                                                                                |
+| `classificationCPFLabel`      | `classification-c-p-f-label`     | Label text for the classification CPF input field                                       | `string`                                  | `"Classification CPF"`                                                                                                                                                      |
+| `classificationEntityLabel`   | `classification-entity-label`    | Label text for the classification entity input field                                    | `string`                                  | `"Classification Entity"`                                                                                                                                                   |
+| `classificationLabel`         | `classification-label`           | Label text for the classification input field                                           | `string`                                  | `"Classification"`                                                                                                                                                          |
+| `demoData`                    | --                               |                                                                                         | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                                                                                                 |
+| `directlyToBankAccount`       | `directly-to-bank-account`       | Text for the option to receive payments directly to a bank account                      | `string`                                  | `"Directly to my bank account"`                                                                                                                                             |
+| `foreignSelectItemLabel`      | `foreign-select-item-label`      | Label text for the foreign select item                                                  | `string`                                  | `"Foreign"`                                                                                                                                                                 |
+| `formStep`                    | `form-step`                      | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                  | `"Step 3 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`     | `general-error-description`      | Description text for a general form submission error                                    | `string`                                  | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`           | `general-error-title`            | Title text for a general form submission error                                          | `string`                                  | `"There was a problem submitting your information"`                                                                                                                         |
+| `ibanLabel`                   | `iban-label`                     | Label text for the IBAN input field                                                     | `string`                                  | `"IBAN"`                                                                                                                                                                    |
+| `individualSelectItemLabel`   | `individual-select-item-label`   | Label text for the individual select item                                               | `string`                                  | `"Individual"`                                                                                                                                                              |
+| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Description text for the alert when the user is identified as a partner                 | `string`                                  | `"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."` |
+| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Header text for the alert when the user is identified as a partner                      | `string`                                  | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `patronymicNameLabel`         | `patronymic-name-label`          | Label text for the patronymic name input field                                          | `string`                                  | `"Patronymic Name"`                                                                                                                                                         |
+| `payPalInputLabel`            | `pay-pal-input-label`            | Label text for the PayPal email input field                                             | `string`                                  | `"PayPal Email"`                                                                                                                                                            |
+| `paymentMethod`               | `payment-method`                 | Heading text for the payment method section                                             | `string`                                  | `"Payment Method"`                                                                                                                                                          |
+| `paymentMethodSubtext`        | `payment-method-subtext`         | Subtext for the payment method section                                                  | `string`                                  | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                     |
+| `routingCodeLabel`            | `routing-code-label`             | Label text for the routing code input field                                             | `string`                                  | `"Routing Code"`                                                                                                                                                            |
+| `submitButton`                | `submit-button`                  | Text for the save button in the form                                                    | `string`                                  | `"Save"`                                                                                                                                                                    |
+| `swiftCodeLabel`              | `swift-code-label`               | Label text for the SWIFT code input field                                               | `string`                                  | `"SWIFT Code"`                                                                                                                                                              |
+| `taxAndPayouts`               | `tax-and-payouts`                | Heading text shown at the top of the page                                               | `string`                                  | `"Tax and Payouts"`                                                                                                                                                         |
+| `taxAndPayoutsDescription`    | `tax-and-payouts-description`    | Text shown at the top of the page next to the tax and payouts label text                | `string`                                  | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
+| `toPaypalAccount`             | `to-paypal-account`              | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                  | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                           |
+| `voCodeLabel`                 | `vo-code-label`                  | Label text for the VO code input field                                                  | `string`                                  | `"VO Code"`                                                                                                                                                                 |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index c71da7d24a..e955558fc1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -226,6 +226,8 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
       );
     }
 
+    // TODO: Fix type
+    // @ts-ignore
     Array.from({ length: inputNumber }).forEach((input, index) => {
       skeletons.push(
         <div style={{ ...flexBoxStyle, flexDirection: "column" }} key={index}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
index 58fbde21ec..ac38862b57 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
@@ -30,13 +30,11 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
- - [sqm-tax-and-cash](../sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-document-type-form
-  sqm-tax-and-cash --> sqm-document-type-form
   style sqm-document-type-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index 94297491d5..c65969af9b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,26 +7,29 @@
 
 ## Properties
 
-| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                     | Default                                                                                                                                                            |
-| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                 | `"Back"`                                                                                                                                                           |
-| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                 | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
-| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                 | `"I have completed and submitted my tax form"`                                                                                                                     |
-| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                 | `"Form submission"`                                                                                                                                                |
-| `demoData`                | --                          |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; submitDisabled: boolean; loading: boolean; formState: { completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
-| `docusignCompleted`       | `docusign-completed`        | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                 | `"Your document has been completed and submitted."`                                                                                                                |
-| `docusignError`           | `docusign-error`            | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                 | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
-| `docusignExpired`         | `docusign-expired`          | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                 | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
-| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                 | `"Step 3 of 4"`                                                                                                                                                    |
-| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                 | `"This field is required"`                                                                                                                                         |
-| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                 | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
-| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                 | `"There was a problem submitting your information"`                                                                                                                |
-| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                 | `"Not based in the US?"`                                                                                                                                           |
-| `refreshButton`           | `refresh-button`            | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                 | `"Refresh Page"`                                                                                                                                                   |
-| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                 | `"Continue"`                                                                                                                                                       |
-| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                 | `"Tax form"`                                                                                                                                                       |
-| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                 | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                         |
-| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                 | `"{documentType} Tax Form"`                                                                                                                                        |
+| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                         | Default                                                                                                                                                            |
+| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Back"`                                                                                                                                                           |
+| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
+| `businessEntity`          | `business-entity`           | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"I represent a business entity"`                                                                                                                                  |
+| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"I have completed and submitted my tax form"`                                                                                                                     |
+| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Form submission"`                                                                                                                                                |
+| `demoData`                | --                          |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
+| `docusignCompleted`       | `docusign-completed`        | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your document has been completed and submitted."`                                                                                                                |
+| `docusignError`           | `docusign-error`            | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
+| `docusignExpired`         | `docusign-expired`          | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
+| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Step 3 of 4"`                                                                                                                                                    |
+| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"This field is required"`                                                                                                                                         |
+| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
+| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem submitting your information"`                                                                                                                |
+| `individualParticipant`   | `individual-participant`    | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"I am an individual participant"`                                                                                                                                 |
+| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not based in the US?"`                                                                                                                                           |
+| `participantType`         | `participant-type`          | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Participant type"`                                                                                                                                               |
+| `refreshButton`           | `refresh-button`            | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Refresh Page"`                                                                                                                                                   |
+| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Continue"`                                                                                                                                                       |
+| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax form"`                                                                                                                                                       |
+| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                         |
+| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"{documentType} Tax Form"`                                                                                                                                        |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 44ed72978a..6cd7ec0e8b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -7,37 +7,37 @@
 
 ## Properties
 
-| Property                         | Attribute                             | Description | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                                                                  |
-| -------------------------------- | ------------------------------------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `backButton`                     | `back-button`                         |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                                                                                 |
-| `demoData`                       | --                                    |             | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors: {}; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { provinceCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: number; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                              |
-| `formStep`                       | `form-step`                           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Step 2 of 4"`                                                                                                                                                                                                          |
-| `generalErrorDescription`        | `general-error-description`           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                            |
-| `generalErrorTitle`              | `general-error-title`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                                                                                                                      |
-| `indirectTax`                    | `indirect-tax`                        |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax"`                                                                                                                                                                                                         |
-| `indirectTaxDescription`         | `indirect-tax-description`            |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."`      |
-| `indirectTaxDetails`             | `indirect-tax-details`                |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax Details"`                                                                                                                                                                                                 |
-| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"If you represent a business entity, you may be registered for indirect tax. If you are based in the US you are most likely not registered. Not sure if you’re registered? Contact our Support team to find out more."` |
-| `indirectTaxNumber`              | `indirect-tax-number`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}}"`                                                                                                                                 |
-| `indirectTaxNumberError`         | `indirect-tax-number-error`           |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required"`                                                                                                                     |
-| `isPartnerAlertDescription`      | `is-partner-alert-description`        |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."`                                              |
-| `isPartnerAlertHeader`           | `is-partner-alert-header`             |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                             |
-| `isRegisteredQST`                | `is-registered-q-s-t`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for QST Tax"`                                                                                                                                                                                          |
-| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                           |
-| `notRegistered`                  | `not-registered`                      |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am not registered for Indirect Tax"`                                                                                                                                                                                 |
-| `otherRegion`                    | `other-region`                        |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                                                                     |
-| `province`                       | `province`                            |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province"`                                                                                                                                                                                                             |
-| `provinceError`                  | `province-error`                      |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province is required"`                                                                                                                                                                                                 |
-| `qstNumber`                      | `qst-number`                          |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number"`                                                                                                                                                                                                           |
-| `qstTaxNumberError`              | `qst-tax-number-error`                |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number is required"`                                                                                                                                                                                               |
-| `selectedRegion`                 | `selected-region`                     |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country / Region of Indirect Tax"`                                                                                                                                                                                     |
-| `selectedRegionError`            | `selected-region-error`               |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country is required"`                                                                                                                                                                                                  |
-| `subRegion`                      | `sub-region`                          |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Sub-region"`                                                                                                                                                                                                           |
-| `subRegionError`                 | `sub-region-error`                    |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Sub-region is required"`                                                                                                                                                                                               |
-| `subRegionTaxNumberError`        | `sub-region-tax-number-error`         |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number is required"`                                                                                                                                                                                        |
-| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number"`                                                                                                                                                                                                    |
-| `submitButton`                   | `submit-button`                       |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                                                                                                                             |
-| `taxDetailsError`                | `tax-details-error`                   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"This field is required"`                                                                                                                                                                                               |
+| Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                                                                  |
+| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                                                                                 |
+| `demoData`                       | --                                    |                                                                                                    | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors: {}; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { provinceCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: number; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                              |
+| `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Step 2 of 4"`                                                                                                                                                                                                          |
+| `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                            |
+| `generalErrorTitle`              | `general-error-title`                 | Title text for a general form submission error                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                                                                                                                      |
+| `indirectTax`                    | `indirect-tax`                        | Heading text shown at the top of the page                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax"`                                                                                                                                                                                                         |
+| `indirectTaxDescription`         | `indirect-tax-description`            | Text shown at the top of the page below to the indirect tax header                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."`      |
+| `indirectTaxDetails`             | `indirect-tax-details`                | Heading text for the indirect tax details section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax Details"`                                                                                                                                                                                                 |
+| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Text shown below the indirect tax details heading text                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"If you represent a business entity, you may be registered for indirect tax. If you are based in the US you are most likely not registered. Not sure if you’re registered? Contact our Support team to find out more."` |
+| `indirectTaxNumber`              | `indirect-tax-number`                 | Label text for the indirect tax number input with a dynamic placeholder based on tax type          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                                                                  |
+| `indirectTaxNumberError`         | `indirect-tax-number-error`           | Error message for the indirect tax number input field with a dynamic placeholder based on tax type | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                                                                      |
+| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Description text for the alert when the user is identified as a partner                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."`                                              |
+| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Header text for the alert when the user is identified as a partner                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                             |
+| `isRegisteredQST`                | `is-registered-q-s-t`                 | Text for the option indicating registration for QST tax                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for QST Tax"`                                                                                                                                                                                          |
+| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Text for the option indicating registration for sub-region income tax                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                           |
+| `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am not registered for Indirect Tax"`                                                                                                                                                                                 |
+| `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax in a different region                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                                                                     |
+| `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province"`                                                                                                                                                                                                             |
+| `provinceError`                  | `province-error`                      | Error message for the province input field                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province is required"`                                                                                                                                                                                                 |
+| `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number"`                                                                                                                                                                                                           |
+| `qstTaxNumberError`              | `qst-tax-number-error`                | Error message for the QST tax number input field                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number is required"`                                                                                                                                                                                               |
+| `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country / Region of Indirect Tax"`                                                                                                                                                                                     |
+| `selectedRegionError`            | `selected-region-error`               | Error message for the selected region input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country is required"`                                                                                                                                                                                                  |
+| `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Sub-region"`                                                                                                                                                                                                           |
+| `subRegionError`                 | `sub-region-error`                    | Error message for the sub-region input field                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Sub-region is required"`                                                                                                                                                                                               |
+| `subRegionTaxNumberError`        | `sub-region-tax-number-error`         | Error message for the sub-region tax number input field                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number is required"`                                                                                                                                                                                        |
+| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number"`                                                                                                                                                                                                    |
+| `submitButton`                   | `submit-button`                       | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                                                                                                                             |
+| `taxDetailsError`                | `tax-details-error`                   | Error message for the tax details input field                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"This field is required"`                                                                                                                                                                                               |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index ce57ca143c..d02c8d6b2b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -42,8 +42,8 @@
 | `step2_indirectTaxDescription`          | `step-2_indirect-tax-description`            | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
 | `step2_indirectTaxDetails`              | `step-2_indirect-tax-details`                | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                    |
 | `step2_indirectTaxDetailsDescription`   | `step-2_indirect-tax-details-description`    | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
-| `step2_indirectTaxNumber`               | `step-2_indirect-tax-number`                 | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}}"`                                                                                    |
-| `step2_indirectTaxNumberError`          | `step-2_indirect-tax-number-error`           | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required"`                                                                        |
+| `step2_indirectTaxNumber`               | `step-2_indirect-tax-number`                 | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                     |
+| `step2_indirectTaxNumberError`          | `step-2_indirect-tax-number-error`           | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                         |
 | `step2_isPartnerAlertDescription`       | `step-2_is-partner-alert-description`        | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
 | `step2_isPartnerAlertHeader`            | `step-2_is-partner-alert-header`             | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
 | `step2_isRegisteredQST`                 | `step-2_is-registered-q-s-t`                 | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                             |
@@ -63,6 +63,7 @@
 | `step2_taxDetailsError`                 | `step-2_tax-details-error`                   | Error text shown below the tax details radio buttons                                                       | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
 | `step3_backButton`                      | `step-3_back-button`                         | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
 | `step3_banner`                          | `step-3_banner`                              | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
+| `step3_businessEntity`                  | `step-3_business-entity`                     | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                           |
 | `step3_checkboxDescription`             | `step-3_checkbox-description`                | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                              |
 | `step3_checkboxLabel`                   | `step-3_checkbox-label`                      | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                         |
 | `step3_docusignCompleted`               | `step-3_docusign-completed`                  | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                         |
@@ -72,6 +73,8 @@
 | `step3_formSubmissionError`             | `step-3_form-submission-error`               | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
 | `step3_generalErrorDescription`         | `step-3_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `step3_generalErrorTitle`               | `step-3_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step3_individualParticipant`           | `step-3_individual-participant`              | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
+| `step3_participantType`                 | `step-3_participant-type`                    | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
 | `step3_refreshButton`                   | `step-3_refresh-button`                      | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                            |
 | `step3_submitButton`                    | `step-3_submit-button`                       | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
 | `step3_taxForm`                         | `step-3_tax-form`                            | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
@@ -91,9 +94,8 @@
 | `step3b_w9Description`                  | `step-3b_w-9-description`                    | Subtext for the W9 radio button                                                                            | `string`                                                                                                             | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                                                |
 | `step3b_w9Label`                        | `step-3b_w-9-label`                          | Label text for the W9 radio button                                                                         | `string`                                                                                                             | `"W9"`                                                                                                                                                                      |
 | `step4_badgeTextAwaitingReview`         | `step-4_badge-text-awaiting-review`          | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                          |
-| `step4_badgeTextExpiredOn`              | `step-4_badge-text-expired-on`               | Description text which appears beside badge showing the form has expired                                   | `string`                                                                                                             | `"Expired on {dateExpired}."`                                                                                                                                               |
-| `step4_badgeTextExpiringSoon`           | `step-4_badge-text-expiring-soon`            | Description text which appears beside badge showing the form expiring soon                                 | `string`                                                                                                             | `", expiring on {dateExpired}."`                                                                                                                                            |
 | `step4_badgeTextSubmittedOn`            | `step-4_badge-text-submitted-on`             | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                            |
+| `step4_badgeTextSubmittedOnW8`          | `step-4_badge-text-submitted-on-w-8`         | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                   |
 | `step4_bankingInformationSectionHeader` | `step-4_banking-information-section-header`  | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                     |
 | `step4_generalErrorDescription`         | `step-4_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `step4_generalErrorTitle`               | `step-4_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
@@ -102,14 +104,12 @@
 | `step4_noFormNeededSubtext`             | `step-4_no-form-needed-subtext`              | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                           |
 | `step4_notRegisteredForTax`             | `step-4_not-registered-for-tax`              | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered for Indirect Tax"`                                                                                                                                         |
 | `step4_statusTextActive`                | `step-4_status-text-active`                  | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                  |
-| `step4_statusTextExpired`               | `step-4_status-text-expired`                 | Status text displayed in badge when tax document is Expired                                                | `string`                                                                                                             | `"Expired"`                                                                                                                                                                 |
 | `step4_statusTextNotActive`             | `step-4_status-text-not-active`              | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                        |
 | `step4_statusTextNotVerified`           | `step-4_status-text-not-verified`            | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                            |
-| `step4_taxAlertHeaderExpiredOn`         | `step-4_tax-alert-header-expired-on`         | Header displayed in alert header at the top of the page.                                                   | `string`                                                                                                             | `"Your {documentType} tax form has expired."`                                                                                                                               |
-| `step4_taxAlertHeaderExpiringSoon`      | `step-4_tax-alert-header-expiring-soon`      | Header displayed in alert header at the top of the page.                                                   | `string`                                                                                                             | `"Your {documentType} tax form expires on {dateExpired}"`                                                                                                                   |
-| `step4_taxAlertHeaderNotActive`         | `step-4_tax-alert-header-not-active`         | Header displayed in alert header at the top of the page.                                                   | `string`                                                                                                             | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                                                                  |
-| `step4_taxAlertMessage`                 | `step-4_tax-alert-message`                   | Description text displayed in alert body at the top of the page.                                           | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                              |
-| `step4_taxAlertMessageExpiringSoon`     | `step-4_tax-alert-message-expiring-soon`     | Description text displayed in alert body at the top of the page.                                           | `string`                                                                                                             | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                                                              |
+| `step4_taxAlertHeaderNotActiveW8`       | `step-4_tax-alert-header-not-active-w-8`     | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                      |
+| `step4_taxAlertHeaderNotActiveW9`       | `step-4_tax-alert-header-not-active-w-9`     | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                               |
+| `step4_taxAlertNotActiveMessageW8`      | `step-4_tax-alert-not-active-message-w-8`    | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                                            |
+| `step4_taxAlertNotActiveMessageW9`      | `step-4_tax-alert-not-active-message-w-9`    | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                              |
 | `step4_taxDocumentSectionHeader`        | `step-4_tax-document-section-header`         | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                           |
 | `step4_taxDocumentSectionSubHeader`     | `step-4_tax-document-section-sub-header`     | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
 | `stop3NotBasedInUS`                     | `stop-3-not-based-in-u-s`                    | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                    |
@@ -122,7 +122,6 @@
 - [sqm-user-info-form](../sqm-user-info-form)
 - [sqm-indirect-tax-form](../sqm-indirect-tax-form)
 - [sqm-docusign-form](../sqm-docusign-form)
-- [sqm-document-type-form](../sqm-document-type-form)
 - [sqm-banking-info-form](../sqm-banking-info-form)
 - [sqm-tax-document-submitted](../sqm-tax-document-submitted)
 
@@ -132,7 +131,6 @@ graph TD;
   sqm-tax-and-cash --> sqm-user-info-form
   sqm-tax-and-cash --> sqm-indirect-tax-form
   sqm-tax-and-cash --> sqm-docusign-form
-  sqm-tax-and-cash --> sqm-document-type-form
   sqm-tax-and-cash --> sqm-banking-info-form
   sqm-tax-and-cash --> sqm-tax-document-submitted
   style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
index 4039b47975..823fcae6c4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
@@ -7,37 +7,34 @@
 
 ## Properties
 
-| Property                           | Attribute                             | Description                                                                       | Type                                                                                                                                                                                                                                                                                                                                                                      | Default                                                                                                                           |
-| ---------------------------------- | ------------------------------------- | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
-| `badgeTextAwaitingReview`          | `badge-text-awaiting-review`          | Description text which appears beside badge showing the form is awaiting review   | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                |
-| `badgeTextExpiredOn`               | `badge-text-expired-on`               | Description text which appears beside badge showing the form has expired          | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Expired on {dateExpired}."`                                                                                                     |
-| `badgeTextExpiringSoon`            | `badge-text-expiring-soon`            | Description text which appears beside badge showing the form expiring soon        | `string`                                                                                                                                                                                                                                                                                                                                                                  | `", expiring on {dateExpired}."`                                                                                                  |
-| `badgeTextSubmittedOn`             | `badge-text-submitted-on`             | Description text which appears beside badge showing when the form was submitted   | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Submitted on {dateSubmitted}"`                                                                                                  |
-| `bankingInformationSectionHeader`  | `banking-information-section-header`  | Header text displayed above the banking information card                          | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Payout information"`                                                                                                            |
-| `demoData`                         | --                                    |                                                                                   | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; dateExpired?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: any; }; }` | `undefined`                                                                                                                       |
-| `editIndirectTaxButton`            | `edit-indirect-tax-button`            | Text displayed in the edit Indirect Tax button                                    | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Edit Indirect Tax"`                                                                                                             |
-| `generalErrorDescription`          | `general-error-description`           | The error message shown at the top of the page in an error banner                 | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Please review your information and try again. If this problem continues, contact Support."`                                     |
-| `generalErrorTitle`                | `general-error-title`                 | The title for error message shown at the top of the page in an error banner       | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"There was a problem submitting your information"`                                                                               |
-| `indirectTaxIndividualParticipant` | `indirect-tax-individual-participant` | Indirect tax description text for individual participants                         | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax."`        |
-| `indirectTaxInfoCanada`            | `indirect-tax-info-canada`            | Country/Region description text of indirect tax                                   | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Registered in {province}, {country}"`                                                                                           |
-| `indirectTaxInfoOtherCountry`      | `indirect-tax-info-other-country`     | Other country description text of indirect tax                                    | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Registered in {country}"`                                                                                                       |
-| `indirectTaxInfoSectionHeader`     | `indirect-tax-info-section-header`    | Header text displayed above the indirect tax preview section                      | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Indirect Tax"`                                                                                                                  |
-| `indirectTaxTooltipSupport`        | `indirect-tax-tooltip-support`        | Indirect tax tooltip text for support                                             | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"To make changes to your indirect tax information, please contact Support."`                                                     |
-| `invalidForm`                      | `invalid-form`                        | Description text displayed next to the badge in the tax documents status          | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Ensure your information matches your profile and resubmit a new document."`                                                     |
-| `newFormButton`                    | `new-form-button`                     | Text displayed in the submit new document button at the bottom of the page        | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Submit New document"`                                                                                                           |
-| `noFormNeededSubtext`              | `no-form-needed-subtext`              | Subtext displayed at the bottom of the page if there are no tax documents to show | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."` |
-| `notRegisteredForTax`              | `not-registered-for-tax`              | Text displayed when partner is not registered for Indirect Tax                    | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Not Registered"`                                                                                                                |
-| `statusTextActive`                 | `status-text-active`                  | Status text displayed in badge when tax document is Active                        | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Active"`                                                                                                                        |
-| `statusTextExpired`                | `status-text-expired`                 | Status text displayed in badge when tax document is Expired                       | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Expired"`                                                                                                                       |
-| `statusTextNotActive`              | `status-text-not-active`              | Status text displayed in badge when tax document is Not Active                    | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Invalid Tax Form"`                                                                                                              |
-| `statusTextNotVerified`            | `status-text-not-verified`            | Status text displayed in badge when tax document is Not Verified                  | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Not Verified"`                                                                                                                  |
-| `taxAlertHeaderExpiredOn`          | `tax-alert-header-expired-on`         | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Your {documentType} tax form has expired."`                                                                                     |
-| `taxAlertHeaderExpiringSoon`       | `tax-alert-header-expiring-soon`      | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Your {documentType} tax form expires on {dateExpired}"`                                                                         |
-| `taxAlertHeaderNotActive`          | `tax-alert-header-not-active`         | Header displayed in alert header at the top of the page.                          | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Your {documentType} tax form has personal information that doesn't match your profile."`                                        |
-| `taxAlertMessage`                  | `tax-alert-message`                   | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Please resubmit a new {documentType} form."`                                                                                    |
-| `taxAlertMessageExpiringSoon`      | `tax-alert-message-expiring-soon`     | Description text displayed in alert body at the top of the page.                  | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Please submit a new {documentType} form to continue receiving your rewards"`                                                    |
-| `taxDocumentSectionHeader`         | `tax-document-section-header`         | Header text displayed above the tax documents status                              | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"Tax documents"`                                                                                                                 |
-| `taxDocumentSectionSubHeader`      | `tax-document-section-sub-header`     | Sub header text displayed above the tax documents status                          | `string`                                                                                                                                                                                                                                                                                                                                                                  | `"{documentType} Tax Form"`                                                                                                       |
+| Property                           | Attribute                             | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                   | Default                                                                                                                           |
+| ---------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
+| `badgeTextAwaitingReview`          | `badge-text-awaiting-review`          | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                |
+| `badgeTextSubmittedOn`             | `badge-text-submitted-on`             | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Submitted on {dateSubmitted}."`                                                                                                 |
+| `badgeTextSubmittedOnW8`           | `badge-text-submitted-on-w-8`         | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                         |
+| `bankingInformationSectionHeader`  | `banking-information-section-header`  | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Payout information"`                                                                                                            |
+| `demoData`                         | --                                    |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; }` | `undefined`                                                                                                                       |
+| `editIndirectTaxButton`            | `edit-indirect-tax-button`            | Text displayed in the edit Indirect Tax button                                         | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Edit Indirect Tax"`                                                                                                             |
+| `generalErrorDescription`          | `general-error-description`           | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Please review your information and try again. If this problem continues, contact Support."`                                     |
+| `generalErrorTitle`                | `general-error-title`                 | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                               | `"There was a problem submitting your information"`                                                                               |
+| `indirectTaxIndividualParticipant` | `indirect-tax-individual-participant` | Indirect tax description text for individual participants                              | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax."`        |
+| `indirectTaxInfoCanada`            | `indirect-tax-info-canada`            | Country/Region description text of indirect tax                                        | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Registered in {province}, {country}"`                                                                                           |
+| `indirectTaxInfoOtherCountry`      | `indirect-tax-info-other-country`     | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Registered in {country}"`                                                                                                       |
+| `indirectTaxInfoSectionHeader`     | `indirect-tax-info-section-header`    | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Indirect Tax"`                                                                                                                  |
+| `indirectTaxTooltipSupport`        | `indirect-tax-tooltip-support`        | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                               | `"To make changes to your indirect tax information, please contact Support."`                                                     |
+| `invalidForm`                      | `invalid-form`                        | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Ensure your information matches your profile and resubmit a new document."`                                                     |
+| `newFormButton`                    | `new-form-button`                     | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Submit New document"`                                                                                                           |
+| `noFormNeededSubtext`              | `no-form-needed-subtext`              | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."` |
+| `notRegisteredForTax`              | `not-registered-for-tax`              | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Not Registered"`                                                                                                                |
+| `statusTextActive`                 | `status-text-active`                  | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Active"`                                                                                                                        |
+| `statusTextNotActive`              | `status-text-not-active`              | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Invalid Tax Form"`                                                                                                              |
+| `statusTextNotVerified`            | `status-text-not-verified`            | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Not Verified"`                                                                                                                  |
+| `taxAlertHeaderNotActiveW8`        | `tax-alert-header-not-active-w-8`     | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                               | `"{documentType} tax form is invalid"`                                                                                            |
+| `taxAlertHeaderNotActiveW9`        | `tax-alert-header-not-active-w-9`     | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                     |
+| `taxAlertNotActiveMessageW8`       | `tax-alert-not-active-message-w-8`    | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`  |
+| `taxAlertNotActiveMessageW9`       | `tax-alert-not-active-message-w-9`    | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Please resubmit a new {documentType} form."`                                                                                    |
+| `taxDocumentSectionHeader`         | `tax-document-section-header`         | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Tax documents"`                                                                                                                 |
+| `taxDocumentSectionSubHeader`      | `tax-document-section-sub-header`     | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                               | `"{documentType} Tax Form"`                                                                                                       |
 
 
 ## Dependencies

From b90405c4c277749360c0f54c5ee03e41951f2ad7 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 20 Feb 2024 11:36:01 -0800
Subject: [PATCH 255/753] bit of cleanup

---
 .../sqm-banking-info-form-view.tsx               |  1 -
 .../sqm-banking-info-form/useBankingInfoForm.tsx | 16 ++++++++--------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index c71da7d24a..7ddc562c0f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -26,7 +26,6 @@ export interface BankingInfoFormViewProps {
   callbacks: {
     setChecked: (checked: "toBankAccount" | "toPaypalAccount") => void;
     onSubmit: (props: any) => Promise<void>;
-    onChange: (e) => void;
   };
   text: {
     formStep: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index c2d5205980..c06e0825ac 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -53,13 +53,15 @@ export type BankingInfoFormData = {
   branchCode?: string;
 };
 
-export function getFormInputs({ props, formMap }) {
-  const binary = (props.demo.bitset || props.states.bitset)
-    .toString(2)
-    .padStart(Object.keys(formMap).length, "0");
+export function getFormInputs({ bitset, formMap }) {
+  // Convert bitset to binary representation
+  const binary = bitset.toString(2).padStart(Object.keys(formMap).length, "0");
 
+  // Reverse to match order of docs
+  // https://docs.google.com/document/d/1db8BnXK4NXN8LcX1U0-GBcnq57X3_XKmFBZijLOIYt4
   const binaryToParse = binary.split("").reverse().join("");
 
+  // return input for each 1 found in binary
   const inputFields = [...binaryToParse].reduce((agg, num, idx) => {
     const number = Number(num);
     const inputFound = formMap[idx];
@@ -85,7 +87,6 @@ export function useBankingInfoForm(props: BankingInfoForm) {
   const [bankCountry, setBankCountry] = useState("");
 
   const formRef = useRef<HTMLFormElement>(null);
-  const [option, setOption] = useState(null);
   const [loading, setLoading] = useState(false);
   const [errors, setErrors] = useState({});
   const [checked, setChecked] = useState<
@@ -147,7 +148,6 @@ export function useBankingInfoForm(props: BankingInfoForm) {
 
     callbacks: {
       onSubmit,
-      onChange: setOption,
       setBankCountry,
       setChecked,
     },
@@ -156,8 +156,8 @@ export function useBankingInfoForm(props: BankingInfoForm) {
       intlLocale: locale?.replace("_", "-") || "en",
       isPartner: !!userData?.user?.impactPartner,
       feeCap,
-      disabled: false,
-      loading: false,
+      disabled: loading,
+      loading,
       hideSteps: false,
       hideBanking: checked !== "toBankAccount",
       hidePayPal: checked !== "toPaypalAccount",

From 1ab3064471018453ddc7fe58447962ecb6705f52 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 20 Feb 2024 11:57:27 -0800
Subject: [PATCH 256/753] Update sqm-banking-info-form.tsx

---
 .../sqm-banking-info-form/sqm-banking-info-form.tsx         | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index eeb0973b96..eda33642f3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -438,7 +438,10 @@ export class BankingInfoForm {
       },
     };
 
-    const inputFields = getFormInputs({ props, formMap });
+    const inputFields = getFormInputs({
+      bitset: props.demo.bitset || props.states.bitset,
+      formMap,
+    });
 
     return (
       <Host>
@@ -540,7 +543,6 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
       },
       callbacks: {
         onSubmit: async () => {},
-        onChange: setOption,
       },
       text: props.getTextProps(),
       refs: {

From 13da824dd4afd29bb1c1f128de9d516a9f908401 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 20 Feb 2024 13:34:27 -0800
Subject: [PATCH 257/753] Added step4 strings to monolith. Added
 indirectTaxType prop to DocumentSubmitted

---
 packages/mint-components/src/components.d.ts  | 72 +++++++++++++++++++
 .../tax-and-cash/TaxForm.stories.tsx          |  8 +++
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 41 +++++++++++
 .../sqm-tax-document-submitted-view.tsx       | 16 ++++-
 .../sqm-tax-document-submitted.feature        | 16 ++---
 .../sqm-tax-document-submitted.tsx            |  7 ++
 .../useTaxDocumentSubmitted.tsx               |  3 +-
 .../tax-and-cash/sqm-tax-form.feature         |  2 -
 packages/mint-components/src/index.html       |  4 +-
 9 files changed, 155 insertions(+), 14 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 1d6d4e6ab0..611a809ff8 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -4072,6 +4072,37 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_generalErrorTitle": string;
+        /**
+          * Indirect tax number/type details
+          * @uiName Indirect tax details
+         */
+        "step4_indirectTaxDetails": string;
+        /**
+          * Indirect tax description text for individual participants
+          * @uiName Indirect tax individual participant description
+         */
+        "step4_indirectTaxIndividualParticipant": string;
+        /**
+          * Country/Region description text of indirect tax
+          * @uiName Indirect tax Canada description
+         */
+        "step4_indirectTaxInfoCanada": string;
+        /**
+          * Other country description text of indirect tax
+          * @uiName Indirect tax other country description
+         */
+        "step4_indirectTaxInfoOtherCountry": string;
+        /**
+          * Header text displayed above the indirect tax preview section
+          * @uiName Indirect Tax Information Header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_indirectTaxInfoSectionHeader": string;
+        /**
+          * Indirect tax tooltip text for support
+          * @uiName Indirect tax tooltip description
+         */
+        "step4_indirectTaxTooltipSupport": string;
         /**
           * Description text displayed next to the badge in the tax documents status
           * @uiName Invalid form description text
@@ -4198,6 +4229,11 @@ export namespace Components {
           * @uiName General error title
          */
         "generalErrorTitle": string;
+        /**
+          * Indirect tax number/type details
+          * @uiName Indirect tax details
+         */
+        "indirectTaxDetails": string;
         /**
           * Indirect tax description text for individual participants
           * @uiName Indirect tax individual participant description
@@ -9228,6 +9264,37 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_generalErrorTitle"?: string;
+        /**
+          * Indirect tax number/type details
+          * @uiName Indirect tax details
+         */
+        "step4_indirectTaxDetails"?: string;
+        /**
+          * Indirect tax description text for individual participants
+          * @uiName Indirect tax individual participant description
+         */
+        "step4_indirectTaxIndividualParticipant"?: string;
+        /**
+          * Country/Region description text of indirect tax
+          * @uiName Indirect tax Canada description
+         */
+        "step4_indirectTaxInfoCanada"?: string;
+        /**
+          * Other country description text of indirect tax
+          * @uiName Indirect tax other country description
+         */
+        "step4_indirectTaxInfoOtherCountry"?: string;
+        /**
+          * Header text displayed above the indirect tax preview section
+          * @uiName Indirect Tax Information Header
+          * @uiGroup Step 4 Properties
+         */
+        "step4_indirectTaxInfoSectionHeader"?: string;
+        /**
+          * Indirect tax tooltip text for support
+          * @uiName Indirect tax tooltip description
+         */
+        "step4_indirectTaxTooltipSupport"?: string;
         /**
           * Description text displayed next to the badge in the tax documents status
           * @uiName Invalid form description text
@@ -9354,6 +9421,11 @@ declare namespace LocalJSX {
           * @uiName General error title
          */
         "generalErrorTitle"?: string;
+        /**
+          * Indirect tax number/type details
+          * @uiName Indirect tax details
+         */
+        "indirectTaxDetails"?: string;
         /**
           * Indirect tax description text for individual participants
           * @uiName Indirect tax individual participant description
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index e728914ed3..d85e26fa77 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -797,6 +797,7 @@ export const TaxDocumentSubmittedActiveW9 = () => {
           noFormNeeded: false,
           country: "United Kingdom",
           indirectTaxNumber: 123456,
+          indirectTaxType: "VAT",
           isBusinessEntity: true,
         },
       }}
@@ -815,6 +816,7 @@ export const TaxDocumentSubmittedActiveW8BEN = () => {
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "United Kingdom",
+          indirectTaxType: "VAT",
           indirectTaxNumber: 123456,
           isBusinessEntity: true,
         },
@@ -834,6 +836,7 @@ export const TaxDocumentSubmittedNotVerified = () => {
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "United Kingdom",
+          indirectTaxType: "VAT",
           indirectTaxNumber: 123456,
           isBusinessEntity: true,
         },
@@ -853,6 +856,7 @@ export const TaxDocumentSubmittedNotActiveW9 = () => {
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           indirectTaxNumber: 123456,
+          indirectTaxType: "VAT",
           country: "Slovania",
           isBusinessEntity: true,
         },
@@ -872,6 +876,7 @@ export const TaxDocumentSubmittedNotActiveW8BEN = () => {
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           indirectTaxNumber: 123456,
+          indirectTaxType: "VAT",
           country: "United Kingdom",
           isBusinessEntity: true,
         },
@@ -891,6 +896,7 @@ export const TaxDocumentSubmittedNotActiveW8BENE = () => {
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           indirectTaxNumber: 123456,
+          indirectTaxType: "VAT",
           country: "United Kingdom",
           isBusinessEntity: true,
         },
@@ -912,6 +918,7 @@ export const TaxDocumentNoFormNeeded = () => {
           country: "Canada",
           isIndirectTaxCanada: true,
           indirectTaxNumber: 123456,
+          indirectTaxType: "GST",
           isBusinessEntity: true,
         },
       }}
@@ -932,6 +939,7 @@ export const TaxDocumentSubmittedIndirectTaxCanada = () => {
           province: "Ontario",
           country: "Canada",
           isIndirectTaxCanada: true,
+          indirectTaxType: "GST",
           indirectTaxNumber: 123456,
           isBusinessEntity: true,
         },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 09105cf0e6..77c4ef1cc1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -709,6 +709,47 @@ export class TaxAndCashMonolith {
    */
   @Prop() step4_noFormNeededSubtext: string =
     "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support.";
+  /**
+   * Header text displayed above the indirect tax preview section
+   *
+   * @uiName Indirect Tax Information Header
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_indirectTaxInfoSectionHeader: string = "Indirect Tax";
+  /**
+   * Country/Region description text of indirect tax
+   *
+   * @uiName Indirect tax Canada description
+   */
+  @Prop() step4_indirectTaxInfoCanada: string =
+    "Registered in {province}, {country}";
+  /**
+   * Other country description text of indirect tax
+   *
+   * @uiName Indirect tax other country description
+   */
+  @Prop() step4_indirectTaxInfoOtherCountry: string = "Registered in {country}";
+  /**
+   * Indirect tax description text for individual participants
+   *
+   * @uiName Indirect tax individual participant description
+   */
+  @Prop() step4_indirectTaxIndividualParticipant: string =
+    "Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax.";
+  /**
+   * Indirect tax tooltip text for support
+   *
+   * @uiName Indirect tax tooltip description
+   */
+  @Prop() step4_indirectTaxTooltipSupport: string =
+    "To make changes to your indirect tax information, please contact Support.";
+  /**
+   * Indirect tax number/type details
+   *
+   * @uiName  Indirect tax details
+   */
+  @Prop() step4_indirectTaxDetails: string =
+    "{indirectTaxType} number: {indirectTaxNumber}";
   /**
    * Text displayed in the submit new document button at the bottom of the page
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index cbda635b81..23a94ca4a7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -15,6 +15,8 @@ export interface TaxDocumentSubmittedProps {
     dateSubmitted?: string;
     expiresSoon?: boolean;
     noFormNeeded?: boolean;
+    // AL: TODO add indirectTaxType props
+    indirectTaxType?: string;
     indirectTaxNumber?: number;
     province?: string;
     country?: string;
@@ -46,6 +48,7 @@ export interface TaxDocumentSubmittedProps {
     indirectTaxInfoOtherCountry?: string;
     indirectTaxIndividualParticipant?: string;
     indirectTaxTooltipSupport?: string;
+    indirectTaxDetails?: string;
     taxDocumentSectionHeader: string;
     taxDocumentSectionSubHeader: string;
     newFormButton: string;
@@ -337,7 +340,18 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                           }
                         )}
                   </span>
-                  <span>{states.indirectTaxNumber}</span>
+                  <span>
+                    {intl.formatMessage(
+                      {
+                        id: `indirectTaxDetails`,
+                        defaultMessage: text.indirectTaxDetails,
+                      },
+                      {
+                        indirectTaxType: states.indirectTaxType,
+                        indirectTaxNumber: states.indirectTaxNumber,
+                      }
+                    )}
+                  </span>
                 </div>
               ) : (
                 <div class={sheet.classes.IndirectTaxPreviewDetails}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
index feaa4b053a..ee089409a0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
@@ -52,16 +52,16 @@ Feature: Tax Document Submitted View
   Scenario Outline: Indirect Tax section shows details if participant is registered for indirect tax
     Given they are <entityType>
     And if the participant <isRegistered> for indirect tax in their <country>
-    Then the Indirect Tax section will display <registeredDetails> and <indirectTaxNumber>
+    Then the Indirect Tax section will display <registeredDetails>, <indirectTaxType>, and <indirectTaxNumber>
 
     Examples: 
-      | entityType            | isRegistered | country        | details                                                                                                                 | indirectTaxNumber |
-      | businessEntity        | true         | Australia      | Registered in Australia.                                                                                                |            123456 |
-      | businessEntity        | true         | Canada         | Registered in Ontario, Canada.                                                                                          |            345213 |
-      | businessEntity        | true         | United Kingdom | Registered in United Kingdom.                                                                                           |            321413 |
-      | businessEntity        | false        | United States  | Not Registered.                                                                                                         | N/A               |
-      | individualParticipant | false        | United States  | Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax.. | N/A               |
-      | individualParticipant | false        | South Korea    | Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax.. | N/A               |
+      | entityType            | isRegistered | country        | details                                                                                                                 | indirectTaxType | indirectTaxNumber |
+      | businessEntity        | true         | Australia      | Registered in Australia.                                                                                                | GST             |            123456 |
+      | businessEntity        | true         | Canada         | Registered in Ontario, Canada.                                                                                          | GST             |            345213 |
+      | businessEntity        | true         | United Kingdom | Registered in United Kingdom.                                                                                           | VAT             |            321413 |
+      | businessEntity        | false        | United States  | Not Registered.                                                                                                         |                 | N/A               |
+      | individualParticipant | false        | United States  | Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax.. |                 | N/A               |
+      | individualParticipant | false        | South Korea    | Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax.. |                 | N/A               |
 
   @minutia @ui
   Scenario Outline: A Danger Alert is displayed if the users tax form is invalid
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 357894cad3..bb2a1c259b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -130,6 +130,13 @@ export class TaxDocumentSubmitted {
    */
   @Prop() indirectTaxTooltipSupport: string =
     "To make changes to your indirect tax information, please contact Support.";
+  /**
+   * Indirect tax number/type details
+   *
+   * @uiName Indirect tax details
+   */
+  @Prop() indirectTaxDetails: string =
+    "{indirectTaxType} number: {indirectTaxNumber}";
   /**
    * Header text displayed above the tax documents status
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 44f94344e3..c3d0d21895 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -84,7 +84,8 @@ export const useTaxDocumentSubmitted = (
       dateSubmitted,
       documentType,
       status: data?.user?.impactPartner?.currentTaxDocument?.status,
-
+      // AL TODO: indirectTaxType
+      indirectTaxType: data?.user.customFields?.__indirectTaxType,
       indirectTaxNumber: data?.user?.customFields?.__indirectTaxNumber,
       isBusinessEntity:
         data?.user?.impactPartner?.requiredTaxDocumentType === "W8BENE",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 54b56aa2dd..f4e55d745e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -108,8 +108,6 @@ Feature: Tax Form Flow
 
     Examples: 
       | brandCountry | country | participantType       | autoSelectedForm |
-      | US           | US      | N/A                   | W9               |
-      | CA           | US      | N/A                   | W9               |
       | US           | CA      | individualParticipant | W8-BEN           |
       | US           | CA      | businessEntity        | W8-BEN-E         |
       | US           | MX      | individualParticipant | W8-BEN           |
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From 8f47a294f3c17e6947b6c91f2b50829615a4615a Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 20 Feb 2024 13:48:19 -0800
Subject: [PATCH 258/753] Start on specs

---
 .../sqm-banking-info-form.feature             | 29 +++++++++++++++++++
 .../sqm-banking-info-form.tsx                 |  4 +++
 2 files changed, 33 insertions(+)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
new file mode 100644
index 0000000000..96754abade
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -0,0 +1,29 @@
+@owner:zach @author:zach
+Feature: Banking Information Form
+
+  Background: A participant has submitted a tax form and would like to fill out their banking information
+
+    Scenario: Loading skeletons are shown when the form is loading
+        When the participant loads the form
+        And they have not selected a payout method
+        And the form is in a loading state 
+        Then the form shows a loading skeleton in place of the payment method checkboxes
+        But if they have selected a payment method 
+        Then the form shows skeletons for the expected number of input fields 
+
+    Scenario: A banner is shown at the top of the page if the partner already exists
+        Given the participant is already a parter with impact
+        Then the payment method option will be selected automatically
+        And the form fields with be pre filled with the participants data
+        And there will be banner to explain that the account is linked to their referral profile in impact.com
+
+    Scenario: Bank account form fields are dynamically shown
+    Scenario: PayPal option is dynamically shown
+    Scenario: Error state is shown if the participant tries to submit the form before all the fields have been filled
+        Given the participant has selected a payment method
+        And they have not filled out all of the required fields 
+        When they submit the form 
+        Then there will be a red border with a message underneath each of the inputs that are missing from the form
+
+
+
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index eda33642f3..ad1976c28a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -229,6 +229,9 @@ export class BankingInfoForm {
     };
   }
 
+  // This will come from form state eventually
+  errors = {};
+
   render() {
     const props = isDemo()
       ? useDemoBankingInfoForm(this)
@@ -424,6 +427,7 @@ export class BankingInfoForm {
         ),
       },
       14: {
+        error: false,
         input: (
           <sl-select
             label={props.text.classificationLabel}

From 7034e4623f605c6a24e495ffb3c981068aeb70ca Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 20 Feb 2024 14:11:31 -0800
Subject: [PATCH 259/753] fix step 1 bugs

---
 packages/mint-components/package.json         |  2 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  8 +++---
 .../sqm-user-info-form-view.tsx               | 20 +++++++--------
 .../sqm-user-info-form/useUserInfoForm.tsx    | 25 ++++++-------------
 4 files changed, 23 insertions(+), 32 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 2be72dbb27..e20ce4af0d 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-30",
+  "version": "1.8.0-32",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 72f28b3fce..e2564c0d8a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -57,9 +57,9 @@ export function useTaxAndCash() {
 
   /**** DEMO DATA */
 
-  const id = "c579752b274c9664192d438373f970302889b439b9f75eb2655c31d843a36379";
+  const id = "640b0771601fa92fc6532e8a018885d5fa106f8ebb9235a46b5d88d3352254fa";
   const accountId =
-    "c579752b274c9664192d438373f970302889b439b9f75eb2655c31d843a36379";
+    "640b0771601fa92fc6532e8a018885d5fa106f8ebb9235a46b5d88d3352254fa";
   const programId = "22514";
 
   //@ts-ignore
@@ -73,7 +73,7 @@ export function useTaxAndCash() {
     setUserIdentity({
       accountId,
       id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiYzU3OTc1MmIyNzRjOTY2NDE5MmQ0MzgzNzNmOTcwMzAyODg5YjQzOWI5Zjc1ZWIyNjU1YzMxZDg0M2EzNjM3OSIsImFjY291bnRJZCI6ImM1Nzk3NTJiMjc0Yzk2NjQxOTJkNDM4MzczZjk3MDMwMjg4OWI0MzliOWY3NWViMjY1NWMzMWQ4NDNhMzYzNzkifX0.FtwyCjdKDNAXhE8KSfsEGfq_yjhWaKMdxlGNHSwFFE0",
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjQwYjA3NzE2MDFmYTkyZmM2NTMyZThhMDE4ODg1ZDVmYTEwNmY4ZWJiOTIzNWE0NmI1ZDg4ZDMzNTIyNTRmYSIsImFjY291bnRJZCI6IjY0MGIwNzcxNjAxZmE5MmZjNjUzMmU4YTAxODg4NWQ1ZmExMDZmOGViYjkyMzVhNDZiNWQ4OGQzMzUyMjU0ZmEifX0.K-BIpxqDGIQc1Rch3U_Lv7wn_Gsgt8Hr1zcYjd4F-Os",
     });
   }, []);
 
@@ -124,7 +124,7 @@ export function useTaxAndCash() {
       const user = data?.user;
       if (!user || step !== "/loading") return;
 
-      setStep("/3");
+      setStep("/1");
       // const currentStep = getCurrentStep(user);
       // setStep(currentStep);
     }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index e1f35b126c..f7e04ec947 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -293,13 +293,12 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               <sl-input
                 class={classes.SearchInput}
                 placeholder="Search for country.."
-                onInput={(e) => {
-                  callbacks.setCountrySearch(e.target.value);
-                }}
                 onKeyDown={(e) => {
-                  if (e.key === " ") {
-                    e.stopPropagation();
-                  }
+                  // Stop shoelace intercepting key presses
+                  e.stopPropagation();
+                }}
+                onSl-input={(e) => {
+                  callbacks.setCountrySearch(e.target.value);
                 }}
               ></sl-input>
               {data?.countries?.map((c) => (
@@ -327,11 +326,12 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               <sl-input
                 class={classes.SearchInput}
                 placeholder="Search for currency.."
-                onInput={(e) => callbacks.setCurrencySearch(e.target.value)}
                 onKeyDown={(e) => {
-                  if (e.key === " ") {
-                    e.stopPropagation();
-                  }
+                  // Stop shoelace intercepting key presses
+                  e.stopPropagation();
+                }}
+                onSl-input={(e) => {
+                  callbacks.setCurrencySearch(e.target.value);
                 }}
               />
               {data?.currencies?.map((c) => (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 04f32cc7b4..6ab8fcaa58 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -162,11 +162,6 @@ export function useUserInfoForm(props: TaxForm) {
       }
     });
 
-    // participant type validation
-    if (!formData.participantType) {
-      jsonpointer.set(errors, "/participantType", props.participantTypeError);
-    }
-
     if (Object.keys(errors).length) {
       setErrors(errors);
       // early return for validation errors
@@ -175,19 +170,15 @@ export function useUserInfoForm(props: TaxForm) {
 
     const { allowBankingCollection, ...userData } = formData;
 
-    try {
-      setUserFormContext({
-        ...userFormContext,
-        countryCode: userData.countryCode,
-        currency: userData.currency,
-        participantType: userData.participantType,
-      });
+    setUserFormContext({
+      ...userFormContext,
+      countryCode: userData.countryCode,
+      currency: userData.currency,
+      participantType: userData.participantType,
+    });
 
-      const nextStep = context.overrideNextStep || "/2";
-      setStep(nextStep);
-    } catch (e) {
-      setErrors({ general: true });
-    }
+    const nextStep = context.overrideNextStep || "/2";
+    setStep(nextStep);
   }
 
   return {

From cb60332a4b0e649b775c1113f5e8933f24f8e7a9 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 20 Feb 2024 14:14:30 -0800
Subject: [PATCH 260/753] added testing story, wired up demo hook with a bit of
 functionality

---
 .../tax-and-cash/BankingForm.stories.tsx      | 13 ++++
 .../sqm-banking-info-form.tsx                 | 74 +++++++++++++------
 2 files changed, 65 insertions(+), 22 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 7710c8565e..432ef79e26 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -27,6 +27,19 @@ const bankingFormProps = {
   },
   refs: { formRef: { current: null } },
 };
+
+export const BankingInfoFormTesting = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        demo: {
+          showInputs: true,
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
 export const BankingInfoFormDefault = () => {
   return <sqm-banking-info-form></sqm-banking-info-form>;
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index ad1976c28a..309c6fe789 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -4,9 +4,13 @@ import { Component, Host, Prop, State, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
-import { BankingInfoFormView } from "./sqm-banking-info-form-view";
-import { getFormInputs, useBankingInfoForm } from "./useBankingInfoForm";
 import { mockPaymentOptions } from "./mockData";
+import { BankingInfoFormView } from "./sqm-banking-info-form-view";
+import {
+  getFormInputs,
+  paypalFeeMap,
+  useBankingInfoForm,
+} from "./useBankingInfoForm";
 
 /**
  * @uiName Banking Information Form
@@ -453,22 +457,24 @@ export class BankingInfoForm {
         {/* <sl-input
           value={props.demo.bitset}
           onInput={(e) => props.demo.setBitset(Number(e.target.value))}
-        />
-        <sl-select
-          name="/currency"
-          value={props.demo.currency}
-          onSl-select={(e) => {
-            props.demo.setCurrency(e.detail?.item?.value);
-            props.callbacks.setBankCountry("");
-          }}
-        >
-          <sl-menu-item value="USD">USD</sl-menu-item>
-          <sl-menu-item value="GBP">GBP</sl-menu-item>
-          <sl-menu-item value="AUD">AUD</sl-menu-item>
-          <sl-menu-item value="CAD">CAD</sl-menu-item>
-          <sl-menu-item value="EUR">EUR</sl-menu-item>
-          <sl-menu-item value="JPY">JPY</sl-menu-item>
-        </sl-select> */}
+        /> */}
+        {props.demo.showInputs && (
+          <sl-select
+            name="/currency"
+            value={props.demo.currency}
+            onSl-select={(e) => {
+              props.demo.setCurrency(e.detail?.item?.value);
+              props.callbacks.setBankCountry("");
+            }}
+          >
+            <sl-menu-item value="USD">USD</sl-menu-item>
+            <sl-menu-item value="GBP">GBP</sl-menu-item>
+            <sl-menu-item value="AUD">AUD</sl-menu-item>
+            <sl-menu-item value="CAD">CAD</sl-menu-item>
+            <sl-menu-item value="EUR">EUR</sl-menu-item>
+            <sl-menu-item value="JPY">JPY</sl-menu-item>
+          </sl-select>
+        )}
         {/*  */}
         <BankingInfoFormView
           callbacks={props.callbacks}
@@ -524,7 +530,25 @@ export class BankingInfoForm {
 }
 
 function useDemoBankingInfoForm(props: BankingInfoForm) {
-  const [option, setOption] = useState(undefined);
+  const [checked, setChecked] = useState<
+    "toBankAccount" | "toPaypalAccount" | undefined
+  >(undefined);
+
+  const [currency, setCurrency] = useState("CAD");
+  const [bankCountry, setBankCountry] = useState("");
+
+  const currentPaymentOption = mockPaymentOptions[currency]?.find(
+    (paymentOption) => {
+      if (paymentOption.country === bankCountry) return true;
+      return false;
+    }
+  );
+
+  const bitset =
+    currentPaymentOption?.withdrawalId || props.demoData?.demo?.bitset || 0;
+  console.log({ bitset, currency, currentPaymentOption, props });
+
+  const feeCap = paypalFeeMap[currency] || "";
 
   return deepmerge(
     {
@@ -533,20 +557,26 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
         disabled: false,
         loading: false,
         hideSteps: false,
-        feeCap: "USD20.00",
+        feeCap,
         formState: {
-          checked: option,
+          checked,
           errors: {
             general: false,
           },
         },
         intlLocale: "en",
+        bitset,
+        bankCountry,
       },
       demo: {
-        bitset: 39,
+        showInputs: props.demoData?.showInputs,
+        currency,
+        setCurrency,
       },
       callbacks: {
         onSubmit: async () => {},
+        setBankCountry,
+        setChecked,
       },
       text: props.getTextProps(),
       refs: {

From 1b39f1ab92eadf68fc85fb5fb8b771de7a2da6f1 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 20 Feb 2024 14:22:20 -0800
Subject: [PATCH 261/753] Add error styles

---
 .../sqm-banking-info-form-view.tsx              | 11 +++++++++++
 .../sqm-banking-info-form.feature               |  2 ++
 .../sqm-banking-info-form.tsx                   | 17 ++++++++++++++---
 3 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 0a7f5db5dd..78fe03979d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -175,6 +175,17 @@ const vanillaStyle = `
       color: var(--sl-color-gray-800);
       font-size: var(--sl-font-size-small);
     }
+
+    /* this class is dynamically applied in controller */
+    .error-input::part(base) {
+      border: 1px solid var(--sl-color-danger-500);
+      borderRadius: var(--sl-input-border-radius-medium);
+    }
+
+    .error-input::part(help-text) {
+      color: var(--sl-color-danger-500) !important;
+    }
+    
   `;
 
 export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index 96754abade..5258b9d24b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -18,7 +18,9 @@ Feature: Banking Information Form
         And there will be banner to explain that the account is linked to their referral profile in impact.com
 
     Scenario: Bank account form fields are dynamically shown
+    Scenario: Bank country dropdown list is dynamic depending on a partners country code
     Scenario: PayPal option is dynamically shown
+
     Scenario: Error state is shown if the participant tries to submit the form before all the fields have been filled
         Given the participant has selected a payment method
         And they have not filled out all of the required fields 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 309c6fe789..d1d6648f08 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -233,8 +233,14 @@ export class BankingInfoForm {
     };
   }
 
-  // This will come from form state eventually
-  errors = {};
+  // need to make this translatable
+  getValidationErrorMessage(inputLabel: string) {
+    return `${inputLabel} is required`;
+  }
+
+  errors = {
+    beneficiaryAccountName: true,
+  };
 
   render() {
     const props = isDemo()
@@ -262,6 +268,12 @@ export class BankingInfoForm {
             name="/beneficiaryAccountName"
             id="beneficiaryAccountName"
             type="text"
+            {...(this.errors?.beneficiaryAccountName && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                this.beneficiaryAccountNameLabel
+              ),
+            })}
           ></sl-input>
         ),
       },
@@ -431,7 +443,6 @@ export class BankingInfoForm {
         ),
       },
       14: {
-        error: false,
         input: (
           <sl-select
             label={props.text.classificationLabel}

From 33c708b9edf2b8baf4f726d2d2b27adf0c138e15 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 20 Feb 2024 14:30:38 -0800
Subject: [PATCH 262/753] add required to all banking inputs

---
 .../sqm-banking-info-form.tsx                 | 20 +++++++++++++++++++
 .../useBankingInfoForm.tsx                    |  6 ++++++
 2 files changed, 26 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 309c6fe789..73c67cbb9d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -241,6 +241,8 @@ export class BankingInfoForm {
       ? useDemoBankingInfoForm(this)
       : useBankingInfoForm(getProps(this));
 
+    console.log({ props });
+
     const routingCodeLabels = {
       AU: "BSB Number",
       CA: "Routing Number",
@@ -258,6 +260,7 @@ export class BankingInfoForm {
       0: {
         input: (
           <sl-input
+            required
             label={props.text.beneficiaryAccountNameLabel}
             name="/beneficiaryAccountName"
             id="beneficiaryAccountName"
@@ -268,6 +271,7 @@ export class BankingInfoForm {
       1: {
         input: (
           <sl-input
+            required
             label={props.text.bankAccountTypeLabel}
             name="/bankAccountType"
             id="bankAccountType"
@@ -278,6 +282,7 @@ export class BankingInfoForm {
       2: {
         input: (
           <sl-input
+            required
             label={props.text.bankAccountNumberLabel}
             name="/bankAccountNumber"
             id="bankAccountNumber"
@@ -288,6 +293,7 @@ export class BankingInfoForm {
       3: {
         input: (
           <sl-input
+            required
             label={props.text.ibanLabel}
             name="/iban"
             id="iban"
@@ -299,6 +305,7 @@ export class BankingInfoForm {
       4: {
         input: (
           <sl-input
+            required
             label={props.text.swiftCodeLabel}
             name="/swiftCode"
             id="swiftCode"
@@ -309,6 +316,7 @@ export class BankingInfoForm {
       5: {
         input: (
           <sl-input
+            required
             label={
               routingCodeLabels[props.states.bankCountry] ||
               props.text.routingCodeLabel
@@ -322,6 +330,7 @@ export class BankingInfoForm {
       6: {
         input: (
           <sl-input
+            required
             label={props.text.bankNameLabel}
             name="/bankName"
             id="bankName"
@@ -332,6 +341,7 @@ export class BankingInfoForm {
       7: {
         input: (
           <sl-select
+            required
             label={props.text.classificationLabel}
             name="/beneficiaryClassification"
             id="beneficiaryClassification"
@@ -351,6 +361,7 @@ export class BankingInfoForm {
       8: {
         input: (
           <sl-select
+            required
             label={props.text.classificationCPFLabel}
             name="/beneficiaryClassification"
             id="beneficiaryClassification"
@@ -363,6 +374,7 @@ export class BankingInfoForm {
       9: {
         input: (
           <sl-input
+            required
             label={props.text.patronymicNameLabel}
             name="/patronymicName"
             id="patronymicName"
@@ -383,6 +395,7 @@ export class BankingInfoForm {
       11: {
         input: (
           <sl-input
+            required
             label={props.text.agencyCodeLabel}
             name="/agencyCode"
             id="agencyCode"
@@ -394,24 +407,28 @@ export class BankingInfoForm {
         input: (
           <div>
             <sl-input
+              required
               label={"bankAddress"}
               name="/bankAddress"
               id="bankAddress"
               type="text"
             ></sl-input>
             <sl-input
+              required
               label={"bankCity"}
               name="/bankCity"
               id="bankCity"
               type="text"
             ></sl-input>
             <sl-input
+              required
               label={"bankProvinceState"}
               name="/bankProvinceState"
               id="bankProvinceState"
               type="text"
             ></sl-input>
             <sl-input
+              required
               label={"bankPostalCode"}
               name="/bankPostalCode"
               id="bankPostalCode"
@@ -423,6 +440,7 @@ export class BankingInfoForm {
       13: {
         input: (
           <sl-input
+            required
             label={props.text.branchCodeLabel}
             name="/branchCode"
             id="branchCode"
@@ -434,6 +452,7 @@ export class BankingInfoForm {
         error: false,
         input: (
           <sl-select
+            required
             label={props.text.classificationLabel}
             name="/beneficiaryClassification"
             id="beneficiaryClassification"
@@ -489,6 +508,7 @@ export class BankingInfoForm {
               <label htmlFor="/bankCountry">
                 Bank Location Country
                 <sl-select
+                  required
                   name="/bankCountry"
                   id="bankCountry"
                   value={props.states.bankCountry}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index c06e0825ac..c36284ba60 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -27,6 +27,12 @@ export const paypalFeeMap = {
   JPY: "JPY2000.00",
 };
 
+export const paymentMethodMap = {
+  3: "ACH",
+  5: "WIRE",
+  7: "PAYPAL",
+};
+
 export type BankingInfoFormData = {
   bankCountry?: string;
   paypalEmail?: string;

From 03204f9e41baf8496a997b36c0f073a6a28e93b5 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 20 Feb 2024 15:02:18 -0800
Subject: [PATCH 263/753] wired up payment method fee

---
 .../sqm-banking-info-form/mockData.ts         | 41 ++++++++++---------
 .../sqm-banking-info-form.tsx                 | 13 +++++-
 .../useBankingInfoForm.tsx                    | 12 ++++++
 3 files changed, 45 insertions(+), 21 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
index e6f0bd8448..69ff747c36 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
@@ -11,37 +11,37 @@ export const mockPaymentOptions = {
     {
       country: "US",
       currency: "AUD",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 33,
     },
     {
       country: "CA",
       currency: "AUD",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 21,
     },
     {
       country: "ES",
       currency: "AUD",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 25,
     },
     {
       country: "IE",
       currency: "AUD",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 25,
     },
     {
       country: "GB",
       currency: "AUD",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 25,
     },
     {
       country: "JP",
       currency: "AUD",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 21,
     },
   ],
@@ -49,13 +49,13 @@ export const mockPaymentOptions = {
     {
       country: "US",
       currency: "EUR",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 33,
     },
     {
       country: "CA",
       currency: "EUR",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 21,
     },
     {
@@ -79,7 +79,7 @@ export const mockPaymentOptions = {
     {
       country: "JP",
       currency: "EUR",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 21,
     },
   ],
@@ -87,25 +87,25 @@ export const mockPaymentOptions = {
     {
       country: "US",
       currency: "GBP",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 33,
     },
     {
       country: "CA",
       currency: "GBP",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 21,
     },
     {
       country: "ES",
       currency: "GBP",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 25,
     },
     {
       country: "IE",
       currency: "GBP",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 25,
     },
     {
@@ -117,7 +117,7 @@ export const mockPaymentOptions = {
     {
       country: "JP",
       currency: "GBP",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 21,
     },
   ],
@@ -131,31 +131,31 @@ export const mockPaymentOptions = {
     {
       country: "CA",
       currency: "USD",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 21,
     },
     {
       country: "ES",
       currency: "USD",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 25,
     },
     {
       country: "IE",
       currency: "USD",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 25,
     },
     {
       country: "GB",
       currency: "USD",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 25,
     },
     {
       country: "JP",
       currency: "USD",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 21,
     },
   ],
@@ -163,8 +163,9 @@ export const mockPaymentOptions = {
     {
       country: "JP",
       currency: "JPY",
-      withdrawalSetting: "WT",
+      withdrawalSetting: "WIRE",
       withdrawalId: 8279,
+      defaultFxFee: 0,
     },
   ],
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 4cb448bb6d..4ab7f264a2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -549,7 +549,7 @@ export class BankingInfoForm {
             paymentMethodSlot: (
               <sl-input
                 label={props.text.paymentMethod}
-                placeholder="EFT Withdrawal"
+                placeholder={props.states.paymentMethodFeeLabel}
                 disabled
               ></sl-input>
             ),
@@ -581,6 +581,16 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
 
   const feeCap = paypalFeeMap[currency] || "";
 
+  const paymentMethodFeeMap = {
+    ACH: "EFT Withdrawal (free)",
+    WIRE: `FX Wire (Processing Fee ${currency}${
+      currentPaymentOption?.defaultFxFee || 0
+    }`,
+  };
+
+  const paymentMethodFeeLabel =
+    paymentMethodFeeMap[currentPaymentOption?.withdrawalSetting];
+
   return deepmerge(
     {
       states: {
@@ -589,6 +599,7 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
         loading: false,
         hideSteps: false,
         feeCap,
+        paymentMethodFeeLabel,
         formState: {
           checked,
           errors: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index c36284ba60..0a490cf144 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -146,6 +146,17 @@ export function useBankingInfoForm(props: BankingInfoForm) {
     }
   );
 
+  const paymentMethodFeeMap = {
+    ACH: "EFT Withdrawal (free)",
+    WIRE: `FX Wire (Processing Fee ${currency}${
+      currentPaymentOption?.defaultFxFee || 0
+    }`,
+  };
+  const paymentMethodFeeLabel =
+    paymentMethodFeeMap[currentPaymentOption?.withdrawalSetting];
+
+  console.log({ userData });
+
   return {
     step: step,
     setStep: setStep,
@@ -162,6 +173,7 @@ export function useBankingInfoForm(props: BankingInfoForm) {
       intlLocale: locale?.replace("_", "-") || "en",
       isPartner: !!userData?.user?.impactPartner,
       feeCap,
+      paymentMethodFeeLabel,
       disabled: loading,
       loading,
       hideSteps: false,

From 14300ff2670e6bbbbeecd16e3270c2c8aaf3b564 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 20 Feb 2024 15:03:39 -0800
Subject: [PATCH 264/753] missing text

---
 .../sqm-banking-info-form/sqm-banking-info-form.tsx            | 2 +-
 .../tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx  | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 4ab7f264a2..03c6738d61 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -585,7 +585,7 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
     ACH: "EFT Withdrawal (free)",
     WIRE: `FX Wire (Processing Fee ${currency}${
       currentPaymentOption?.defaultFxFee || 0
-    }`,
+    })`,
   };
 
   const paymentMethodFeeLabel =
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 0a490cf144..7954a42218 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -150,7 +150,7 @@ export function useBankingInfoForm(props: BankingInfoForm) {
     ACH: "EFT Withdrawal (free)",
     WIRE: `FX Wire (Processing Fee ${currency}${
       currentPaymentOption?.defaultFxFee || 0
-    }`,
+    })`,
   };
   const paymentMethodFeeLabel =
     paymentMethodFeeMap[currentPaymentOption?.withdrawalSetting];
@@ -191,6 +191,7 @@ export function useBankingInfoForm(props: BankingInfoForm) {
       formRef,
     },
     demo: {
+      showInputs: true,
       bitset,
       setBitset,
       currency,

From 1b4ae02ac113679591834998e7887f557f117d8b Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 20 Feb 2024 15:11:00 -0800
Subject: [PATCH 265/753] Add stories for error states

---
 packages/mint-components/src/components.d.ts  |  10 +
 .../tax-and-cash/BankingForm.stories.tsx      |  40 +++-
 .../sqm-banking-info-form-view.tsx            |   2 +-
 .../sqm-banking-info-form.tsx                 | 199 ++++++++++++++----
 4 files changed, 212 insertions(+), 39 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 611a809ff8..b4974c539b 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -82,6 +82,11 @@ export namespace Components {
           * @uiName Bank account type input label
          */
         "bankAccountTypeLabel": string;
+        /**
+          * Label text for the bank country location input field
+          * @uiName Bank country location input label
+         */
+        "bankLocationLabel": string;
         /**
           * Label text for the bank name input field
           * @uiName Bank name input label
@@ -5297,6 +5302,11 @@ declare namespace LocalJSX {
           * @uiName Bank account type input label
          */
         "bankAccountTypeLabel"?: string;
+        /**
+          * Label text for the bank country location input field
+          * @uiName Bank country location input label
+         */
+        "bankLocationLabel"?: string;
         /**
           * Label text for the bank name input field
           * @uiName Bank name input label
diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 432ef79e26..4eaecef463 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -14,7 +14,7 @@ const bankingFormProps = {
     },
   },
   demo: {
-    bitset: 39,
+    currency: "USD",
   },
   callbacks: {
     onSubmit: async () => console.log("Submit"),
@@ -54,6 +54,44 @@ export const BankingInfoFormDefaultLoading = () => {
   );
 };
 
+export const BankingInfoFormDefaultWithValidationErrors = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        states: {
+          ...bankingFormProps.states,
+          demo: {
+            bitset: 39,
+          },
+          bankCountry: null,
+          formState: {
+            ...bankingFormProps.states.formState,
+            errors: {
+              beneficiaryAccountName: true,
+              bankAccountType: true,
+              bankAccountNumber: true,
+              iban: true,
+              swiftCode: true,
+              routingCode: true,
+              bankName: true,
+              beneficiaryClassification: true,
+              patronymicName: true,
+              voCode: true,
+              agencyCode: true,
+              bankAddress: true,
+              bankCity: true,
+              bankCountry: true,
+              bankProvinceState: true,
+              bankPostalCode: true,
+              branchCode: true,
+            },
+          },
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
 export const BankingInfoFormCountryUSCurrencyUSD = () => {
   return (
     <sqm-banking-info-form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 78fe03979d..f683347980 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -179,7 +179,7 @@ const vanillaStyle = `
     /* this class is dynamically applied in controller */
     .error-input::part(base) {
       border: 1px solid var(--sl-color-danger-500);
-      borderRadius: var(--sl-input-border-radius-medium);
+      border-radius: var(--sl-input-border-radius-medium);
     }
 
     .error-input::part(help-text) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 03c6738d61..e4e673dc11 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -80,7 +80,11 @@ export class BankingInfoForm {
    * @uiName Save button text
    */
   @Prop() submitButton: string = "Save";
-
+  /**
+   * Label text for the bank country location input field
+   * @uiName Bank country location input label
+   */
+  @Prop() bankLocationLabel: string = "Bank Country Location";
   /**
    * Label text for the beneficiary account name input field
    * @uiName Beneficiary account name input label
@@ -238,15 +242,13 @@ export class BankingInfoForm {
     return `${inputLabel} is required`;
   }
 
-  errors = {
-    beneficiaryAccountName: true,
-  };
-
   render() {
     const props = isDemo()
       ? useDemoBankingInfoForm(this)
       : useBankingInfoForm(getProps(this));
 
+    const { errors } = props.states.formState;
+
     console.log({ props });
 
     const routingCodeLabels = {
@@ -271,10 +273,10 @@ export class BankingInfoForm {
             name="/beneficiaryAccountName"
             id="beneficiaryAccountName"
             type="text"
-            {...(this.errors?.beneficiaryAccountName && {
+            {...(errors?.beneficiaryAccountName && {
               class: "error-input",
               helpText: this.getValidationErrorMessage(
-                this.beneficiaryAccountNameLabel
+                props.text.beneficiaryAccountNameLabel
               ),
             })}
           ></sl-input>
@@ -288,6 +290,12 @@ export class BankingInfoForm {
             name="/bankAccountType"
             id="bankAccountType"
             type="text"
+            {...(errors?.bankAccountType && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.bankAccountTypeLabel
+              ),
+            })}
           ></sl-input>
         ),
       },
@@ -299,6 +307,12 @@ export class BankingInfoForm {
             name="/bankAccountNumber"
             id="bankAccountNumber"
             type="text"
+            {...(errors?.bankAccountNumber && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.bankAccountNumberLabel
+              ),
+            })}
           ></sl-input>
         ),
       },
@@ -310,6 +324,10 @@ export class BankingInfoForm {
             name="/iban"
             id="iban"
             type="text"
+            {...(errors?.iban && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(props.text.ibanLabel),
+            })}
           ></sl-input>
         ),
       },
@@ -322,6 +340,12 @@ export class BankingInfoForm {
             name="/swiftCode"
             id="swiftCode"
             type="text"
+            {...(errors?.swiftCode && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.swiftCodeLabel
+              ),
+            })}
           ></sl-input>
         ),
       },
@@ -336,6 +360,13 @@ export class BankingInfoForm {
             name="/routingCode"
             id="routingCode"
             type="text"
+            {...(errors?.routingCode && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                routingCodeLabels[props.states.bankCountry] ||
+                  props.text.routingCodeLabel
+              ),
+            })}
           ></sl-input>
         ),
       },
@@ -347,6 +378,12 @@ export class BankingInfoForm {
             name="/bankName"
             id="bankName"
             type="text"
+            {...(errors?.bankName && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.bankNameLabel
+              ),
+            })}
           ></sl-input>
         ),
       },
@@ -357,6 +394,12 @@ export class BankingInfoForm {
             label={props.text.classificationLabel}
             name="/beneficiaryClassification"
             id="beneficiaryClassification"
+            {...(errors?.beneficiaryClassification && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.classificationLabel
+              ),
+            })}
           >
             <sl-menu-item value="BUSINESS">
               {props.text.businessSelectItemLabel}
@@ -377,6 +420,12 @@ export class BankingInfoForm {
             label={props.text.classificationCPFLabel}
             name="/beneficiaryClassification"
             id="beneficiaryClassification"
+            {...(errors?.beneficiaryClassification && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.classificationCPFLabel
+              ),
+            })}
           >
             <sl-menu-item value="CPF">CPF</sl-menu-item>
             <sl-menu-item value="CNPJ">CNPJ</sl-menu-item>
@@ -391,6 +440,12 @@ export class BankingInfoForm {
             name="/patronymicName"
             id="patronymicName"
             type="text"
+            {...(errors?.patronymicName && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.patronymicNameLabel
+              ),
+            })}
           ></sl-input>
         ),
       },
@@ -401,6 +456,10 @@ export class BankingInfoForm {
             name="/voCode"
             id="voCode"
             type="text"
+            {...(errors?.voCode && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(props.text.voCodeLabel),
+            })}
           ></sl-input>
         ),
       },
@@ -412,6 +471,12 @@ export class BankingInfoForm {
             name="/agencyCode"
             id="agencyCode"
             type="text"
+            {...(errors?.agencyCode && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.agencyCodeLabel
+              ),
+            })}
           ></sl-input>
         ),
       },
@@ -420,31 +485,59 @@ export class BankingInfoForm {
           <div>
             <sl-input
               required
+              //todo: add prop for label
               label={"bankAddress"}
               name="/bankAddress"
               id="bankAddress"
               type="text"
+              {...(errors?.bankAddress && {
+                class: "error-input",
+                helpText: this.getValidationErrorMessage(
+                  props.text.bankAddressLabel
+                ),
+              })}
             ></sl-input>
             <sl-input
               required
+              //todo: add prop for label
               label={"bankCity"}
               name="/bankCity"
               id="bankCity"
               type="text"
+              {...(errors?.bankCity && {
+                class: "error-input",
+                helpText: this.getValidationErrorMessage(
+                  props.text.bankCityLabel
+                ),
+              })}
             ></sl-input>
             <sl-input
               required
+              //todo: add prop for label
               label={"bankProvinceState"}
               name="/bankProvinceState"
               id="bankProvinceState"
               type="text"
+              {...(errors?.bankProvinceState && {
+                class: "error-input",
+                helpText: this.getValidationErrorMessage(
+                  props.text.bankProvinceStateLabel
+                ),
+              })}
             ></sl-input>
             <sl-input
               required
+              //todo: add prop for label
               label={"bankPostalCode"}
               name="/bankPostalCode"
               id="bankPostalCode"
               type="text"
+              {...(errors?.bankPostalCode && {
+                class: "error-input",
+                helpText: this.getValidationErrorMessage(
+                  props.text.bankPostalCodeLabel
+                ),
+              })}
             ></sl-input>
           </div>
         ),
@@ -457,6 +550,12 @@ export class BankingInfoForm {
             name="/branchCode"
             id="branchCode"
             type="text"
+            {...(errors?.branchCode && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.branchCodeLabel
+              ),
+            })}
           ></sl-input>
         ),
       },
@@ -467,6 +566,12 @@ export class BankingInfoForm {
             label={props.text.classificationLabel}
             name="/beneficiaryClassification"
             id="beneficiaryClassification"
+            {...(errors?.beneficiaryClassification && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.classificationLabel
+              ),
+            })}
           >
             <sl-menu-item value="BUSINESS">BUSINESS</sl-menu-item>
             <sl-menu-item value="INDIVIDUAL">INDIVIDUAL</sl-menu-item>
@@ -516,35 +621,39 @@ export class BankingInfoForm {
               return input;
             }),
             countryInputSlot: (
-              <label htmlFor="/bankCountry">
-                Bank Location Country
-                <sl-select
-                  required
-                  name="/bankCountry"
-                  id="bankCountry"
-                  value={props.states.bankCountry}
-                  onSl-select={(e) =>
-                    props.callbacks.setBankCountry(e.detail?.item?.value)
-                  }
-                >
-                  {/* TODO: mock data should come from the backend when available */}
-                  {mockPaymentOptions[
-                    props.demo.currency || props.states.currency
-                  ]?.map((paymentOption) => {
-                    // @ts-ignore
-                    const countryDisplayName = new Intl.DisplayNames(
-                      [props.states.intlLocale],
-                      { type: "region" }
-                    ).of(paymentOption.country);
-
-                    return (
-                      <sl-menu-item value={paymentOption?.country}>
-                        {countryDisplayName}
-                      </sl-menu-item>
-                    );
-                  })}
-                </sl-select>
-              </label>
+              <sl-select
+                label={props.text.bankLocationLabel}
+                required
+                name="/bankCountry"
+                id="bankCountry"
+                value={props.states.bankCountry}
+                onSl-select={(e) =>
+                  props.callbacks.setBankCountry(e.detail?.item?.value)
+                }
+                {...(errors?.bankCountry && {
+                  class: "error-input",
+                  helpText: this.getValidationErrorMessage(
+                    props.text.bankLocationLabel
+                  ),
+                })}
+              >
+                {/* TODO: mock data should come from the backend when available */}
+                {mockPaymentOptions[
+                  props.demo.currency || props.states.currency
+                ]?.map((paymentOption) => {
+                  // @ts-ignore
+                  const countryDisplayName = new Intl.DisplayNames(
+                    [props.states.intlLocale],
+                    { type: "region" }
+                  ).of(paymentOption.country);
+
+                  return (
+                    <sl-menu-item value={paymentOption?.country}>
+                      {countryDisplayName}
+                    </sl-menu-item>
+                  );
+                })}
+              </sl-select>
             ),
             paymentMethodSlot: (
               <sl-input
@@ -565,7 +674,7 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
     "toBankAccount" | "toPaypalAccount" | undefined
   >(undefined);
 
-  const [currency, setCurrency] = useState("CAD");
+  const [currency, setCurrency] = useState(props.demoData.demo.currency);
   const [bankCountry, setBankCountry] = useState("");
 
   const currentPaymentOption = mockPaymentOptions[currency]?.find(
@@ -604,6 +713,22 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
           checked,
           errors: {
             general: false,
+            beneficiaryAccountName: false,
+            bankAccountType: false,
+            bankAccountNumber: false,
+            iban: false,
+            swiftCode: false,
+            routingCode: false,
+            bankName: false,
+            beneficiaryClassification: false,
+            patronymicName: false,
+            voCode: false,
+            agencyCode: false,
+            bankAddress: false,
+            bankCity: false,
+            bankProvinceState: false,
+            bankPostalCode: false,
+            branchCode: false,
           },
         },
         intlLocale: "en",

From 702fc46bbd3ba395b8f91c1f394ef88d195d89e1 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 20 Feb 2024 15:20:32 -0800
Subject: [PATCH 266/753] Add currencies to stories

---
 .../src/components/tax-and-cash/BankingForm.stories.tsx   | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 4eaecef463..7f6ab0f7b6 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -62,6 +62,7 @@ export const BankingInfoFormDefaultWithValidationErrors = () => {
           ...bankingFormProps.states,
           demo: {
             bitset: 39,
+            currency: "USD",
           },
           bankCountry: null,
           formState: {
@@ -98,6 +99,7 @@ export const BankingInfoFormCountryUSCurrencyUSD = () => {
       demoData={{
         ...bankingFormProps,
         demo: {
+          currency: "USD",
           bitset: 39,
         },
       }}
@@ -135,6 +137,7 @@ export const BankingInfoFormCountryUSCurrencyUSDLoading = () => {
         },
         demo: {
           bitset: 39,
+          currency: "USD",
         },
       }}
     ></sqm-banking-info-form>
@@ -148,6 +151,7 @@ export const BankingInfoFormCountryUSCurrencyGBP = () => {
         ...bankingFormProps,
         demo: {
           bitset: 33,
+          currency: "GBP",
         },
       }}
     ></sqm-banking-info-form>
@@ -161,6 +165,7 @@ export const BankingInfoFormCountryCanadaCurrencyCAD = () => {
         ...bankingFormProps,
         demo: {
           bitset: 37,
+          currency: "CAD",
         },
       }}
     ></sqm-banking-info-form>
@@ -174,6 +179,7 @@ export const BankingInfoFormCountryCanadaCurrencyUSD = () => {
         ...bankingFormProps,
         demo: {
           bitset: 21,
+          currency: "USD",
         },
       }}
     ></sqm-banking-info-form>
@@ -187,6 +193,7 @@ export const BankingInfoFormCountrySpainCurrencyUSD = () => {
         ...bankingFormProps,
         demo: {
           bitset: 25,
+          currency: "USD",
         },
       }}
     ></sqm-banking-info-form>
@@ -204,6 +211,7 @@ export const BankingInfoFormIsPartner = () => {
         },
         demo: {
           bitset: 25,
+          currency: "USD",
         },
       }}
     ></sqm-banking-info-form>

From c624bdd337a4fa77e03bb17783aed2e2daa95d26 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 20 Feb 2024 15:26:12 -0800
Subject: [PATCH 267/753] Comment out bitset

---
 .../tax-and-cash/BankingForm.stories.tsx        | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 7f6ab0f7b6..ac070afd93 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -12,6 +12,7 @@ const bankingFormProps = {
     formState: {
       checked: "toBankAccount",
     },
+    bitset: 39,
   },
   demo: {
     currency: "USD",
@@ -61,7 +62,7 @@ export const BankingInfoFormDefaultWithValidationErrors = () => {
         states: {
           ...bankingFormProps.states,
           demo: {
-            bitset: 39,
+            // bitset: 39,
             currency: "USD",
           },
           bankCountry: null,
@@ -100,7 +101,7 @@ export const BankingInfoFormCountryUSCurrencyUSD = () => {
         ...bankingFormProps,
         demo: {
           currency: "USD",
-          bitset: 39,
+          // bitset: 39,
         },
       }}
     ></sqm-banking-info-form>
@@ -136,7 +137,7 @@ export const BankingInfoFormCountryUSCurrencyUSDLoading = () => {
           loading: true,
         },
         demo: {
-          bitset: 39,
+          // bitset: 39,
           currency: "USD",
         },
       }}
@@ -150,7 +151,7 @@ export const BankingInfoFormCountryUSCurrencyGBP = () => {
       demoData={{
         ...bankingFormProps,
         demo: {
-          bitset: 33,
+          // bitset: 33,
           currency: "GBP",
         },
       }}
@@ -164,7 +165,7 @@ export const BankingInfoFormCountryCanadaCurrencyCAD = () => {
       demoData={{
         ...bankingFormProps,
         demo: {
-          bitset: 37,
+          // bitset: 37,
           currency: "CAD",
         },
       }}
@@ -178,7 +179,7 @@ export const BankingInfoFormCountryCanadaCurrencyUSD = () => {
       demoData={{
         ...bankingFormProps,
         demo: {
-          bitset: 21,
+          // bitset: 21,
           currency: "USD",
         },
       }}
@@ -192,7 +193,7 @@ export const BankingInfoFormCountrySpainCurrencyUSD = () => {
       demoData={{
         ...bankingFormProps,
         demo: {
-          bitset: 25,
+          // bitset: 25,
           currency: "USD",
         },
       }}
@@ -210,7 +211,7 @@ export const BankingInfoFormIsPartner = () => {
           isPartner: true,
         },
         demo: {
-          bitset: 25,
+          // bitset: 25,
           currency: "USD",
         },
       }}

From 68b7ac98d7d95937ae21abfde9a5d9a52f48817a Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 20 Feb 2024 15:27:22 -0800
Subject: [PATCH 268/753] in progress specs

---
 .../sqm-banking-info-form.feature             | 46 +++++++++++++++----
 1 file changed, 37 insertions(+), 9 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index 5258b9d24b..4db9163a5c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -1,15 +1,16 @@
-@owner:zach @author:zach
+@owner:zach
+@author:zach
 Feature: Banking Information Form
 
-  Background: A participant has submitted a tax form and would like to fill out their banking information
+    Background: A participant has submitted a tax form and would like to fill out their banking information
 
     Scenario: Loading skeletons are shown when the form is loading
         When the participant loads the form
         And they have not selected a payout method
-        And the form is in a loading state 
+        And the form is in a loading state
         Then the form shows a loading skeleton in place of the payment method checkboxes
-        But if they have selected a payment method 
-        Then the form shows skeletons for the expected number of input fields 
+        But if they have selected a payment method
+        Then the form shows skeletons for the expected number of input fields
 
     Scenario: A banner is shown at the top of the page if the partner already exists
         Given the participant is already a parter with impact
@@ -18,13 +19,40 @@ Feature: Banking Information Form
         And there will be banner to explain that the account is linked to their referral profile in impact.com
 
     Scenario: Bank account form fields are dynamically shown
-    Scenario: Bank country dropdown list is dynamic depending on a partners country code
-    Scenario: PayPal option is dynamically shown
+        Given the bank account payment method is selected
+
+    # According to mock data currently available
+    Scenario: Bank country dropdown list is dynamic depending on the partner's currency
+        Given the bank account payment method is selected
+        And the selected currency is <currency>
+        Then the bank country options are <countries>
+            | currency | countries                                                    |
+            | USD      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
+            | GBP      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
+            | AUD      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
+            | CAD      | Canada                                                       |
+            | EUR      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
+            | JPY      | Japan                                                        |
+
+
+    # Not sure what the actual specs for when it's shown are yet
+    Scenario Outline: PayPal option is dynamically shown
+        Given <currency> is set on the payout partner
+        And the currency <currencySupported> supported by PayPal
+        Then the paypal option <mayBe> shown as a payment method
+        Examples:
+            | currency | currencySupported | mayBe |
+            | USD      | is                | is    |
+            | GBP      | is                | is    |
+            | AUD      | is                | is    |
+            | CAD      | is                | is    |
+            | EUR      | is                | is    |
+            | JPY      | is                | is    |
 
     Scenario: Error state is shown if the participant tries to submit the form before all the fields have been filled
         Given the participant has selected a payment method
-        And they have not filled out all of the required fields 
-        When they submit the form 
+        And they have not filled out all of the required fields
+        When they submit the form
         Then there will be a red border with a message underneath each of the inputs that are missing from the form
 
 

From aac289860d551914322428e92a4f242c7712ef62 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 20 Feb 2024 15:47:28 -0800
Subject: [PATCH 269/753] Removed non-applicable specs

---
 .../sqm-tax-document-submitted.feature        | 34 ++++++-------------
 .../tax-and-cash/sqm-tax-form.feature         | 16 ---------
 2 files changed, 10 insertions(+), 40 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
index ee089409a0..3a24d9bbd6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
@@ -55,13 +55,13 @@ Feature: Tax Document Submitted View
     Then the Indirect Tax section will display <registeredDetails>, <indirectTaxType>, and <indirectTaxNumber>
 
     Examples: 
-      | entityType            | isRegistered | country        | details                                                                                                                 | indirectTaxType | indirectTaxNumber |
-      | businessEntity        | true         | Australia      | Registered in Australia.                                                                                                | GST             |            123456 |
-      | businessEntity        | true         | Canada         | Registered in Ontario, Canada.                                                                                          | GST             |            345213 |
-      | businessEntity        | true         | United Kingdom | Registered in United Kingdom.                                                                                           | VAT             |            321413 |
-      | businessEntity        | false        | United States  | Not Registered.                                                                                                         |                 | N/A               |
-      | individualParticipant | false        | United States  | Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax.. |                 | N/A               |
-      | individualParticipant | false        | South Korea    | Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax.. |                 | N/A               |
+      | entityType            | isRegistered | country          | details                                                                                                                                                       | indirectTaxType | indirectTaxNumber |
+      | businessEntity        | true         | Australia        | Registered in Australia.                                                                                                                                      | GST             |            123456 |
+      | businessEntity        | true         | Canada           | Registered in Ontario, Canada.                                                                                                                                | GST             |            345213 |
+      | businessEntity        | true         | United Kingdom   | Registered in United Kingdom.                                                                                                                                 | VAT             |            321413 |
+      | businessEntity        | false        | United States    | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                 | N/A               |
+      | individualParticipant | false        | United States    | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                 | N/A               |
+      | individualParticipant | false        | Papua New Guinea | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                 | N/A               |
 
   @minutia @ui
   Scenario Outline: A Danger Alert is displayed if the users tax form is invalid
@@ -69,23 +69,9 @@ Feature: Tax Document Submitted View
     Then a danger alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> appears
 
     Examples: 
-      | status     | documentType | taxAlertHeader                                                             | taxAlertMessage                                                                                                                |
-      | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile. | Please resubmit a new W9 form.                                                                                                 |
-      | NOT_ACTIVE | W8-BEN       | W8-BEN tax form is invalid.                                                | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form.   |
-      | NOT_ACTIVE | W8-BEN-E     | W8-BEN-E tax form is invalid.                                              | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN-E form. |
-  # @minutia @ui
-  # Scenario Outline: A Warning Alert is displayed if the users tax form is expiring soon
-  #   Given the <status> is ACTIVE
-  #   And the document type is <documentType>
-  #   And the document is submitted on <dateSubmitted>
-  #   And the <dateExpired> of the document is within 30 days of the current date
-  #   Then a warning alert <may> displayed
-  #   And it indicates the <documentType> with a <taxAlertHeader>, <taxAlertMessage>, and <dateExpired> appears
-  #   Examples: 
-  #     | status | documentType | may    | taxAlertHeader                    | dateSubmitted  | dateExpired    | taxAlertMessage                      |
-  #     | ACTIVE | W9           | is not | N/A                               | Dec 30th, 2021 | N/A            | N/A                                  |
-  #     | ACTIVE | W8-BEN       | is     | Your W8-BEN tax form expires on   | Dec 30th, 2021 | Dec 30th, 2024 | Please resubmit a new W8-BEN form.   |
-  #     | ACTIVE | W8-BEN-E     | is     | Your W8-BEN-E tax form expires on | Dec 30th, 2021 | Dec 30th, 2024 | Please resubmit a new W8-BEN-E form. |
+      | status     | documentType | taxAlertHeader                                                             | taxAlertMessage                                                                                                              |
+      | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile. | Please resubmit a new W9 form.                                                                                               |
+      | NOT_ACTIVE | W8-BEN       | W8-BEN tax form is invalid.                                                | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form. |
 
   @unknown
   Scenario: Submit New Tax Document Form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index f4e55d745e..62f823323a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -125,22 +125,6 @@ Feature: Tax Form Flow
       | MX           | US      | W9               |
       | UK           | US      | W9               |
       | AUS          | US      | W9               |
-  #AL: Commenting out for now, not applicable anymore
-  # @minutia
-  # Scenario Outline: Participant changes Tax Form to fillout in step 3
-  #   Given they are on step 3
-  #   And they press the <changeTaxFormCopy> text
-  #   Then they will proceed to the Document Type Change form
-  #   And they see three tax form type options
-  #   When they select the <taxFormTypeOption> option
-  #   And press "Continue"
-  #   Then they will be sent back to step 3
-  #   And the Docusign iframe will load the <newTaxForm> to fill out
-  #   Examples: 
-  #     | changeTaxFormCopy                                                | taxFormTypeOption | newTaxForm |
-  #     | Not based in the US?                                             | W8-BEN-E          | W8-BEN-E   |
-  #     | Represent a business entity or you're based in the US?           | W9                | W9         |
-  #     | Joining this program as an individual or you're based in the US? | W8-BEN            | W8-BEN     |
 
   @minutia
   Scenario: Participant finishes tax form flow and skipped Docusign form

From a0aae07211f9e25315d8f839cd20ff3fc847c692 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 20 Feb 2024 15:51:14 -0800
Subject: [PATCH 270/753] updates stories and demo hook

---
 .../tax-and-cash/BankingForm.stories.tsx      | 16 +++++++++++-
 .../sqm-banking-info-form.tsx                 | 26 ++++++++++++++++---
 2 files changed, 37 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index ac070afd93..1194c72172 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -12,7 +12,7 @@ const bankingFormProps = {
     formState: {
       checked: "toBankAccount",
     },
-    bitset: 39,
+    bankCountry: "US",
   },
   demo: {
     currency: "USD",
@@ -62,6 +62,7 @@ export const BankingInfoFormDefaultWithValidationErrors = () => {
         states: {
           ...bankingFormProps.states,
           demo: {
+            ...bankingFormProps.demo,
             // bitset: 39,
             currency: "USD",
           },
@@ -99,7 +100,9 @@ export const BankingInfoFormCountryUSCurrencyUSD = () => {
     <sqm-banking-info-form
       demoData={{
         ...bankingFormProps,
+        states: { ...bankingFormProps.states, bankCountry: "US" },
         demo: {
+          ...bankingFormProps.demo,
           currency: "USD",
           // bitset: 39,
         },
@@ -134,9 +137,11 @@ export const BankingInfoFormCountryUSCurrencyUSDLoading = () => {
         ...bankingFormProps,
         states: {
           ...bankingFormProps.states,
+          bankCountry: "US",
           loading: true,
         },
         demo: {
+          ...bankingFormProps.demo,
           // bitset: 39,
           currency: "USD",
         },
@@ -150,7 +155,9 @@ export const BankingInfoFormCountryUSCurrencyGBP = () => {
     <sqm-banking-info-form
       demoData={{
         ...bankingFormProps,
+        states: { ...bankingFormProps.states, bankCountry: "US" },
         demo: {
+          ...bankingFormProps.demo,
           // bitset: 33,
           currency: "GBP",
         },
@@ -164,7 +171,9 @@ export const BankingInfoFormCountryCanadaCurrencyCAD = () => {
     <sqm-banking-info-form
       demoData={{
         ...bankingFormProps,
+        states: { ...bankingFormProps.states, bankCountry: "CA" },
         demo: {
+          ...bankingFormProps.demo,
           // bitset: 37,
           currency: "CAD",
         },
@@ -178,7 +187,9 @@ export const BankingInfoFormCountryCanadaCurrencyUSD = () => {
     <sqm-banking-info-form
       demoData={{
         ...bankingFormProps,
+        states: { ...bankingFormProps.states, bankCountry: "CA" },
         demo: {
+          ...bankingFormProps.demo,
           // bitset: 21,
           currency: "USD",
         },
@@ -192,7 +203,9 @@ export const BankingInfoFormCountrySpainCurrencyUSD = () => {
     <sqm-banking-info-form
       demoData={{
         ...bankingFormProps,
+        states: { ...bankingFormProps.states, bankCountry: "ES" },
         demo: {
+          ...bankingFormProps.demo,
           // bitset: 25,
           currency: "USD",
         },
@@ -211,6 +224,7 @@ export const BankingInfoFormIsPartner = () => {
           isPartner: true,
         },
         demo: {
+          ...bankingFormProps.demo,
           // bitset: 25,
           currency: "USD",
         },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index e4e673dc11..ce5b51078a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -1,5 +1,6 @@
 import { isDemo } from "@saasquatch/component-boilerplate";
 import { useState, withHooks } from "@saasquatch/stencil-hooks";
+import { useEffect } from "@saasquatch/universal-hooks";
 import { Component, Host, Prop, State, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
@@ -670,12 +671,16 @@ export class BankingInfoForm {
 }
 
 function useDemoBankingInfoForm(props: BankingInfoForm) {
+  const defaultChecked = props.demoData?.states?.formState?.checked;
+  const defaultCurrency = props.demoData?.demo?.currency;
+  const defaultCountry = props.demoData.states?.bankCountry;
+
   const [checked, setChecked] = useState<
     "toBankAccount" | "toPaypalAccount" | undefined
-  >(undefined);
+  >(defaultChecked);
 
-  const [currency, setCurrency] = useState(props.demoData.demo.currency);
-  const [bankCountry, setBankCountry] = useState("");
+  const [currency, setCurrency] = useState(defaultCurrency);
+  const [bankCountry, setBankCountry] = useState(defaultCountry);
 
   const currentPaymentOption = mockPaymentOptions[currency]?.find(
     (paymentOption) => {
@@ -686,7 +691,20 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
 
   const bitset =
     currentPaymentOption?.withdrawalId || props.demoData?.demo?.bitset || 0;
-  console.log({ bitset, currency, currentPaymentOption, props });
+
+  console.log("demo hook", {
+    demoData: props.demoData,
+    currentPaymentOption,
+    currency,
+    bankCountry,
+    bitset,
+  });
+
+  useEffect(() => {
+    if (defaultChecked !== checked) setChecked(defaultChecked);
+    if (defaultCurrency !== currency) setCurrency(defaultCurrency);
+    if (defaultCountry !== bankCountry) setBankCountry(defaultCountry);
+  }, [defaultChecked, defaultCurrency, defaultCountry]);
 
   const feeCap = paypalFeeMap[currency] || "";
 

From 135ede2b5ce021ff7fe55dbabaaad37704c5c096 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 20 Feb 2024 15:52:33 -0800
Subject: [PATCH 271/753] Update sqm-banking-info-form.tsx

---
 .../sqm-banking-info-form/sqm-banking-info-form.tsx             | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index ce5b51078a..1205bed243 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -673,7 +673,7 @@ export class BankingInfoForm {
 function useDemoBankingInfoForm(props: BankingInfoForm) {
   const defaultChecked = props.demoData?.states?.formState?.checked;
   const defaultCurrency = props.demoData?.demo?.currency;
-  const defaultCountry = props.demoData.states?.bankCountry;
+  const defaultCountry = props.demoData?.states?.bankCountry;
 
   const [checked, setChecked] = useState<
     "toBankAccount" | "toPaypalAccount" | undefined

From 4992aa46d1f0d4690b8d0fa04f429b489a8051e6 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 20 Feb 2024 15:58:11 -0800
Subject: [PATCH 272/753] correct subregion codes

---
 packages/mint-components/package.json         |   2 +-
 .../useIndirectTaxForm.tsx                    |  16 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   | 218 +++++++++---------
 .../sqm-tax-document-submitted/readme.md      |  57 ++---
 .../src/components/tax-and-cash/subregions.ts |  54 +++--
 packages/mint-components/src/index.html       |   4 +-
 6 files changed, 196 insertions(+), 155 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index e20ce4af0d..82aff60dcb 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-32",
+  "version": "1.8.0-33",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 2e6e77ae19..07fd4496c4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -126,6 +126,12 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     setFormState((p) => ({ ...p, [field]: value }));
   };
 
+  const getImpactCountryCode = (countryCode: string) => {
+    return _countries?.impactPartnerCountries?.data?.find(
+      (c) => c.countryCode === countryCode
+    )?.impactCountryCode;
+  };
+
   const onSubmit = async (event: any) => {
     if (!option) {
       setErrors({ taxDetails: true });
@@ -160,7 +166,8 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       const taxOption =
         option === "notRegistered"
           ? "NO_TAX"
-          : formData.selectedRegion === userForm?.countryCode
+          : formData.selectedRegion ===
+            getImpactCountryCode(userForm?.countryCode)
           ? "SAME_COUNTRY"
           : "DIFFERENT_COUNTRY";
 
@@ -171,7 +178,9 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
         indirectTaxId: formData.indirectTaxNumber,
         additionalTaxId: formData.qstNumber,
         withholdingTaxCountry:
-          option !== "notRegistered" && formState.hasSubRegionTaxNumber
+          option !== "notRegistered" &&
+          formState.selectedRegion === "SPAIN" &&
+          formState.hasSubRegionTaxNumber
             ? "SPAIN"
             : undefined,
         withholdingTaxNumber: formData.subRegionTaxNumber,
@@ -217,7 +226,8 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       hideSteps: context.hideSteps,
       disabled: loading || countriesLoading || connectLoading,
       loading: loading || connectLoading || countriesLoading,
-      isPartner: !!userData?.user?.impactPartner,
+      isPartner: false,
+      // isPartner: !!userData?.user?.impactPartner,
       formState: {
         checked: option,
         errors,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index d02c8d6b2b..8659bc8c71 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -7,112 +7,118 @@
 
 ## Properties
 
-| Property                                | Attribute                                    | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                     |
-| --------------------------------------- | -------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `demoData`                              | --                                           |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                 |
-| `step1_allowBankingCollection`          | `step-1_allow-banking-collection`            | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                    |
-| `step1_allowBankingCollectionError`     | `step-1_allow-banking-collection-error`      | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
-| `step1_businessEntity`                  | `step-1_business-entity`                     | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                           |
-| `step1_country`                         | `step-1_country`                             | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                 |
-| `step1_countryError`                    | `step-1_country-error`                       | Error text shown at the bottom of the country input                                                        | `string`                                                                                                             | `"Select a country"`                                                                                                                                                        |
-| `step1_currency`                        | `step-1_currency`                            | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                |
-| `step1_currencyError`                   | `step-1_currency-error`                      | Error text shown at the bottom of the currency input                                                       | `string`                                                                                                             | `"Select a currency"`                                                                                                                                                       |
-| `step1_email`                           | `step-1_email`                               | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                   |
-| `step1_emailError`                      | `step-1_email-error`                         | Error text shown at the bottom of the email input                                                          | `string`                                                                                                             | `"Enter a valid email"`                                                                                                                                                     |
-| `step1_firstName`                       | `step-1_first-name`                          | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                              |
-| `step1_firstNameError`                  | `step-1_first-name-error`                    | Error text shown at the bottom of the first name input                                                     | `string`                                                                                                             | `"Enter a first name"`                                                                                                                                                      |
-| `step1_formStep`                        | `step-1_form-step`                           | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                             |
-| `step1_generalErrorDescription`         | `step-1_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step1_generalErrorTitle`               | `step-1_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step1_individualParticipant`           | `step-1_individual-participant`              | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
-| `step1_isPartnerAlertDescription`       | `step-1_is-partner-alert-description`        | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
-| `step1_isPartnerAlertHeader`            | `step-1_is-partner-alert-header`             | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `step1_lastName`                        | `step-1_last-name`                           | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                               |
-| `step1_lastNameError`                   | `step-1_last-name-error`                     | Error text shown at the bottom of the last name input                                                      | `string`                                                                                                             | `"Enter a last name"`                                                                                                                                                       |
-| `step1_participantType`                 | `step-1_participant-type`                    | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
-| `step1_participantTypeError`            | `step-1_participant-type-error`              | Error text shown at the bottom of the participant type checkbox                                            | `string`                                                                                                             | `"Select a participant type"`                                                                                                                                               |
-| `step1_personalInformation`             | `step-1_personal-information`                | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                    |
-| `step1_submitButton`                    | `step-1_submit-button`                       | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step1_taxAndBankingCollection`         | `step-1_tax-and-banking-collection`          | Heading text for the tax and banking collection checkbox                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step2_backButton`                      | `step-2_back-button`                         | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step2_formStep`                        | `step-2_form-step`                           | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                             |
-| `step2_generalErrorDescription`         | `step-2_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step2_generalErrorTitle`               | `step-2_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step2_indirectTax`                     | `step-2_indirect-tax`                        | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
-| `step2_indirectTaxDescription`          | `step-2_indirect-tax-description`            | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
-| `step2_indirectTaxDetails`              | `step-2_indirect-tax-details`                | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                    |
-| `step2_indirectTaxDetailsDescription`   | `step-2_indirect-tax-details-description`    | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
-| `step2_indirectTaxNumber`               | `step-2_indirect-tax-number`                 | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                     |
-| `step2_indirectTaxNumberError`          | `step-2_indirect-tax-number-error`           | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                         |
-| `step2_isPartnerAlertDescription`       | `step-2_is-partner-alert-description`        | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
-| `step2_isPartnerAlertHeader`            | `step-2_is-partner-alert-header`             | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `step2_isRegisteredQST`                 | `step-2_is-registered-q-s-t`                 | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                             |
-| `step2_isRegisteredSubRegionIncomeTax`  | `step-2_is-registered-sub-region-income-tax` | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                              |
-| `step2_notRegistered`                   | `step-2_not-registered`                      | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"I am not registered for Indirect Tax"`                                                                                                                                    |
-| `step2_otherRegion`                     | `step-2_other-region`                        | Label text for the other region radio button                                                               | `string`                                                                                                             | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
-| `step2_province`                        | `step-2_province`                            | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                |
-| `step2_provinceError`                   | `step-2_province-error`                      | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Province is required"`                                                                                                                                                    |
-| `step2_qstNumber`                       | `step-2_qst-number`                          | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST Number"`                                                                                                                                                              |
-| `step2_qstTaxNumberError`               | `step-2_qst-tax-number-error`                | Error text shown below the QST Tax number input                                                            | `string`                                                                                                             | `"QST Tax Number is required"`                                                                                                                                              |
-| `step2_selectedRegion`                  | `step-2_selected-region`                     | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                        |
-| `step2_selectedRegionError`             | `step-2_selected-region-error`               | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Country is required"`                                                                                                                                                     |
-| `step2_subRegion`                       | `step-2_sub-region`                          | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                              |
-| `step2_subRegionTaxNumberError`         | `step-2_sub-region-tax-number-error`         | Error text shown below the Sub-region Income Tax number input                                              | `string`                                                                                                             | `"Income Tax Number is required"`                                                                                                                                           |
-| `step2_subRegionTaxNumberLabel`         | `step-2_sub-region-tax-number-label`         | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                       |
-| `step2_submitButton`                    | `step-2_submit-button`                       | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step2_taxDetailsError`                 | `step-2_tax-details-error`                   | Error text shown below the tax details radio buttons                                                       | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
-| `step3_backButton`                      | `step-3_back-button`                         | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step3_banner`                          | `step-3_banner`                              | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
-| `step3_businessEntity`                  | `step-3_business-entity`                     | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                           |
-| `step3_checkboxDescription`             | `step-3_checkbox-description`                | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                              |
-| `step3_checkboxLabel`                   | `step-3_checkbox-label`                      | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                         |
-| `step3_docusignCompleted`               | `step-3_docusign-completed`                  | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                         |
-| `step3_docusignError`                   | `step-3_docusign-error`                      | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                          |
-| `step3_docusignExpired`                 | `step-3_docusign-expired`                    | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`          |
-| `step3_formStep`                        | `step-3_form-step`                           | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
-| `step3_formSubmissionError`             | `step-3_form-submission-error`               | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
-| `step3_generalErrorDescription`         | `step-3_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step3_generalErrorTitle`               | `step-3_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step3_individualParticipant`           | `step-3_individual-participant`              | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
-| `step3_participantType`                 | `step-3_participant-type`                    | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
-| `step3_refreshButton`                   | `step-3_refresh-button`                      | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                            |
-| `step3_submitButton`                    | `step-3_submit-button`                       | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step3_taxForm`                         | `step-3_tax-form`                            | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
-| `step3_taxFormDescription`              | `step-3_tax-form-description`                | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                  |
-| `step3_taxFormLabel`                    | `step-3_tax-form-label`                      | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
-| `step3b_backButton`                     | `step-3b_back-button`                        | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step3b_formLabel`                      | `step-3b_form-label`                         | Sub text shown above form selection radio buttons                                                          | `string`                                                                                                             | `"Select a tax form"`                                                                                                                                                       |
-| `step3b_formStep`                       | `step-3b_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
-| `step3b_generalErrorDescription`        | `step-3b_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step3b_generalErrorTitle`              | `step-3b_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step3b_submitButton`                   | `step-3b_submit-button`                      | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step3b_taxForm`                        | `step-3b_tax-form`                           | Heading text shown at the top of the top of page                                                           | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
-| `step3b_w8Description`                  | `step-3b_w-8-description`                    | Subtext for the W8 radio button                                                                            | `string`                                                                                                             | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                                                  |
-| `step3b_w8EDescription`                 | `step-3b_w-8-e-description`                  | Subtext for the W8E radio button                                                                           | `string`                                                                                                             | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."`                               |
-| `step3b_w8ELabel`                       | `step-3b_w-8-e-label`                        | Label text for the W8E radio button                                                                        | `string`                                                                                                             | `"W8-BEN-E"`                                                                                                                                                                |
-| `step3b_w8Label`                        | `step-3b_w-8-label`                          | Label text for the W8 radio button                                                                         | `string`                                                                                                             | `"W8-Ben"`                                                                                                                                                                  |
-| `step3b_w9Description`                  | `step-3b_w-9-description`                    | Subtext for the W9 radio button                                                                            | `string`                                                                                                             | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                                                |
-| `step3b_w9Label`                        | `step-3b_w-9-label`                          | Label text for the W9 radio button                                                                         | `string`                                                                                                             | `"W9"`                                                                                                                                                                      |
-| `step4_badgeTextAwaitingReview`         | `step-4_badge-text-awaiting-review`          | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                          |
-| `step4_badgeTextSubmittedOn`            | `step-4_badge-text-submitted-on`             | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                            |
-| `step4_badgeTextSubmittedOnW8`          | `step-4_badge-text-submitted-on-w-8`         | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                   |
-| `step4_bankingInformationSectionHeader` | `step-4_banking-information-section-header`  | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                     |
-| `step4_generalErrorDescription`         | `step-4_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step4_generalErrorTitle`               | `step-4_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step4_invalidForm`                     | `step-4_invalid-form`                        | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Ensure your information matches your profile and resubmit a new document."`                                                                                               |
-| `step4_newFormButton`                   | `step-4_new-form-button`                     | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New document"`                                                                                                                                                     |
-| `step4_noFormNeededSubtext`             | `step-4_no-form-needed-subtext`              | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                           |
-| `step4_notRegisteredForTax`             | `step-4_not-registered-for-tax`              | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered for Indirect Tax"`                                                                                                                                         |
-| `step4_statusTextActive`                | `step-4_status-text-active`                  | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                  |
-| `step4_statusTextNotActive`             | `step-4_status-text-not-active`              | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                        |
-| `step4_statusTextNotVerified`           | `step-4_status-text-not-verified`            | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                            |
-| `step4_taxAlertHeaderNotActiveW8`       | `step-4_tax-alert-header-not-active-w-8`     | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                      |
-| `step4_taxAlertHeaderNotActiveW9`       | `step-4_tax-alert-header-not-active-w-9`     | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                               |
-| `step4_taxAlertNotActiveMessageW8`      | `step-4_tax-alert-not-active-message-w-8`    | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                                            |
-| `step4_taxAlertNotActiveMessageW9`      | `step-4_tax-alert-not-active-message-w-9`    | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                              |
-| `step4_taxDocumentSectionHeader`        | `step-4_tax-document-section-header`         | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                           |
-| `step4_taxDocumentSectionSubHeader`     | `step-4_tax-document-section-sub-header`     | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
-| `stop3NotBasedInUS`                     | `stop-3-not-based-in-u-s`                    | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                    |
+| Property                                 | Attribute                                    | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                     |
+| ---------------------------------------- | -------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `demoData`                               | --                                           |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                 |
+| `step1_allowBankingCollection`           | `step-1_allow-banking-collection`            | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                    |
+| `step1_allowBankingCollectionError`      | `step-1_allow-banking-collection-error`      | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
+| `step1_businessEntity`                   | `step-1_business-entity`                     | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                           |
+| `step1_country`                          | `step-1_country`                             | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                 |
+| `step1_countryError`                     | `step-1_country-error`                       | Error text shown at the bottom of the country input                                                        | `string`                                                                                                             | `"Select a country"`                                                                                                                                                        |
+| `step1_currency`                         | `step-1_currency`                            | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                |
+| `step1_currencyError`                    | `step-1_currency-error`                      | Error text shown at the bottom of the currency input                                                       | `string`                                                                                                             | `"Select a currency"`                                                                                                                                                       |
+| `step1_email`                            | `step-1_email`                               | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                   |
+| `step1_emailError`                       | `step-1_email-error`                         | Error text shown at the bottom of the email input                                                          | `string`                                                                                                             | `"Enter a valid email"`                                                                                                                                                     |
+| `step1_firstName`                        | `step-1_first-name`                          | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                              |
+| `step1_firstNameError`                   | `step-1_first-name-error`                    | Error text shown at the bottom of the first name input                                                     | `string`                                                                                                             | `"Enter a first name"`                                                                                                                                                      |
+| `step1_formStep`                         | `step-1_form-step`                           | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                             |
+| `step1_generalErrorDescription`          | `step-1_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step1_generalErrorTitle`                | `step-1_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step1_individualParticipant`            | `step-1_individual-participant`              | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
+| `step1_isPartnerAlertDescription`        | `step-1_is-partner-alert-description`        | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
+| `step1_isPartnerAlertHeader`             | `step-1_is-partner-alert-header`             | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `step1_lastName`                         | `step-1_last-name`                           | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                               |
+| `step1_lastNameError`                    | `step-1_last-name-error`                     | Error text shown at the bottom of the last name input                                                      | `string`                                                                                                             | `"Enter a last name"`                                                                                                                                                       |
+| `step1_participantType`                  | `step-1_participant-type`                    | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
+| `step1_participantTypeError`             | `step-1_participant-type-error`              | Error text shown at the bottom of the participant type checkbox                                            | `string`                                                                                                             | `"Select a participant type"`                                                                                                                                               |
+| `step1_personalInformation`              | `step-1_personal-information`                | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                    |
+| `step1_submitButton`                     | `step-1_submit-button`                       | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step1_taxAndBankingCollection`          | `step-1_tax-and-banking-collection`          | Heading text for the tax and banking collection checkbox                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step2_backButton`                       | `step-2_back-button`                         | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
+| `step2_formStep`                         | `step-2_form-step`                           | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                             |
+| `step2_generalErrorDescription`          | `step-2_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step2_generalErrorTitle`                | `step-2_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step2_indirectTax`                      | `step-2_indirect-tax`                        | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
+| `step2_indirectTaxDescription`           | `step-2_indirect-tax-description`            | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
+| `step2_indirectTaxDetails`               | `step-2_indirect-tax-details`                | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                    |
+| `step2_indirectTaxDetailsDescription`    | `step-2_indirect-tax-details-description`    | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
+| `step2_indirectTaxNumber`                | `step-2_indirect-tax-number`                 | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                     |
+| `step2_indirectTaxNumberError`           | `step-2_indirect-tax-number-error`           | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                         |
+| `step2_isPartnerAlertDescription`        | `step-2_is-partner-alert-description`        | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
+| `step2_isPartnerAlertHeader`             | `step-2_is-partner-alert-header`             | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `step2_isRegisteredQST`                  | `step-2_is-registered-q-s-t`                 | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                             |
+| `step2_isRegisteredSubRegionIncomeTax`   | `step-2_is-registered-sub-region-income-tax` | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                              |
+| `step2_notRegistered`                    | `step-2_not-registered`                      | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"I am not registered for Indirect Tax"`                                                                                                                                    |
+| `step2_otherRegion`                      | `step-2_other-region`                        | Label text for the other region radio button                                                               | `string`                                                                                                             | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
+| `step2_province`                         | `step-2_province`                            | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                |
+| `step2_provinceError`                    | `step-2_province-error`                      | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Province is required"`                                                                                                                                                    |
+| `step2_qstNumber`                        | `step-2_qst-number`                          | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST Number"`                                                                                                                                                              |
+| `step2_qstTaxNumberError`                | `step-2_qst-tax-number-error`                | Error text shown below the QST Tax number input                                                            | `string`                                                                                                             | `"QST Tax Number is required"`                                                                                                                                              |
+| `step2_selectedRegion`                   | `step-2_selected-region`                     | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                        |
+| `step2_selectedRegionError`              | `step-2_selected-region-error`               | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Country is required"`                                                                                                                                                     |
+| `step2_subRegion`                        | `step-2_sub-region`                          | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                              |
+| `step2_subRegionTaxNumberError`          | `step-2_sub-region-tax-number-error`         | Error text shown below the Sub-region Income Tax number input                                              | `string`                                                                                                             | `"Income Tax Number is required"`                                                                                                                                           |
+| `step2_subRegionTaxNumberLabel`          | `step-2_sub-region-tax-number-label`         | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                       |
+| `step2_submitButton`                     | `step-2_submit-button`                       | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step2_taxDetailsError`                  | `step-2_tax-details-error`                   | Error text shown below the tax details radio buttons                                                       | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
+| `step3_backButton`                       | `step-3_back-button`                         | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
+| `step3_banner`                           | `step-3_banner`                              | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
+| `step3_businessEntity`                   | `step-3_business-entity`                     | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                           |
+| `step3_checkboxDescription`              | `step-3_checkbox-description`                | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                              |
+| `step3_checkboxLabel`                    | `step-3_checkbox-label`                      | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                         |
+| `step3_docusignCompleted`                | `step-3_docusign-completed`                  | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                         |
+| `step3_docusignError`                    | `step-3_docusign-error`                      | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                          |
+| `step3_docusignExpired`                  | `step-3_docusign-expired`                    | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`          |
+| `step3_formStep`                         | `step-3_form-step`                           | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
+| `step3_formSubmissionError`              | `step-3_form-submission-error`               | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
+| `step3_generalErrorDescription`          | `step-3_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step3_generalErrorTitle`                | `step-3_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step3_individualParticipant`            | `step-3_individual-participant`              | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
+| `step3_participantType`                  | `step-3_participant-type`                    | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
+| `step3_refreshButton`                    | `step-3_refresh-button`                      | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                            |
+| `step3_submitButton`                     | `step-3_submit-button`                       | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step3_taxForm`                          | `step-3_tax-form`                            | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
+| `step3_taxFormDescription`               | `step-3_tax-form-description`                | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                  |
+| `step3_taxFormLabel`                     | `step-3_tax-form-label`                      | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
+| `step3b_backButton`                      | `step-3b_back-button`                        | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
+| `step3b_formLabel`                       | `step-3b_form-label`                         | Sub text shown above form selection radio buttons                                                          | `string`                                                                                                             | `"Select a tax form"`                                                                                                                                                       |
+| `step3b_formStep`                        | `step-3b_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
+| `step3b_generalErrorDescription`         | `step-3b_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step3b_generalErrorTitle`               | `step-3b_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step3b_submitButton`                    | `step-3b_submit-button`                      | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step3b_taxForm`                         | `step-3b_tax-form`                           | Heading text shown at the top of the top of page                                                           | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
+| `step3b_w8Description`                   | `step-3b_w-8-description`                    | Subtext for the W8 radio button                                                                            | `string`                                                                                                             | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                                                  |
+| `step3b_w8EDescription`                  | `step-3b_w-8-e-description`                  | Subtext for the W8E radio button                                                                           | `string`                                                                                                             | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."`                               |
+| `step3b_w8ELabel`                        | `step-3b_w-8-e-label`                        | Label text for the W8E radio button                                                                        | `string`                                                                                                             | `"W8-BEN-E"`                                                                                                                                                                |
+| `step3b_w8Label`                         | `step-3b_w-8-label`                          | Label text for the W8 radio button                                                                         | `string`                                                                                                             | `"W8-Ben"`                                                                                                                                                                  |
+| `step3b_w9Description`                   | `step-3b_w-9-description`                    | Subtext for the W9 radio button                                                                            | `string`                                                                                                             | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                                                |
+| `step3b_w9Label`                         | `step-3b_w-9-label`                          | Label text for the W9 radio button                                                                         | `string`                                                                                                             | `"W9"`                                                                                                                                                                      |
+| `step4_badgeTextAwaitingReview`          | `step-4_badge-text-awaiting-review`          | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                          |
+| `step4_badgeTextSubmittedOn`             | `step-4_badge-text-submitted-on`             | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                            |
+| `step4_badgeTextSubmittedOnW8`           | `step-4_badge-text-submitted-on-w-8`         | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                   |
+| `step4_bankingInformationSectionHeader`  | `step-4_banking-information-section-header`  | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                     |
+| `step4_generalErrorDescription`          | `step-4_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step4_generalErrorTitle`                | `step-4_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step4_indirectTaxDetails`               | `step-4_indirect-tax-details`                | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                           |
+| `step4_indirectTaxIndividualParticipant` | `step-4_indirect-tax-individual-participant` | Indirect tax description text for individual participants                                                  | `string`                                                                                                             | `"Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax."`                                                  |
+| `step4_indirectTaxInfoCanada`            | `step-4_indirect-tax-info-canada`            | Country/Region description text of indirect tax                                                            | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                     |
+| `step4_indirectTaxInfoOtherCountry`      | `step-4_indirect-tax-info-other-country`     | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                 |
+| `step4_indirectTaxInfoSectionHeader`     | `step-4_indirect-tax-info-section-header`    | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
+| `step4_indirectTaxTooltipSupport`        | `step-4_indirect-tax-tooltip-support`        | Indirect tax tooltip text for support                                                                      | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                               |
+| `step4_invalidForm`                      | `step-4_invalid-form`                        | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Ensure your information matches your profile and resubmit a new document."`                                                                                               |
+| `step4_newFormButton`                    | `step-4_new-form-button`                     | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New document"`                                                                                                                                                     |
+| `step4_noFormNeededSubtext`              | `step-4_no-form-needed-subtext`              | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                           |
+| `step4_notRegisteredForTax`              | `step-4_not-registered-for-tax`              | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered for Indirect Tax"`                                                                                                                                         |
+| `step4_statusTextActive`                 | `step-4_status-text-active`                  | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                  |
+| `step4_statusTextNotActive`              | `step-4_status-text-not-active`              | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                        |
+| `step4_statusTextNotVerified`            | `step-4_status-text-not-verified`            | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                            |
+| `step4_taxAlertHeaderNotActiveW8`        | `step-4_tax-alert-header-not-active-w-8`     | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                      |
+| `step4_taxAlertHeaderNotActiveW9`        | `step-4_tax-alert-header-not-active-w-9`     | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                               |
+| `step4_taxAlertNotActiveMessageW8`       | `step-4_tax-alert-not-active-message-w-8`    | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                                            |
+| `step4_taxAlertNotActiveMessageW9`       | `step-4_tax-alert-not-active-message-w-9`    | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                              |
+| `step4_taxDocumentSectionHeader`         | `step-4_tax-document-section-header`         | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                           |
+| `step4_taxDocumentSectionSubHeader`      | `step-4_tax-document-section-sub-header`     | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
+| `stop3NotBasedInUS`                      | `stop-3-not-based-in-u-s`                    | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                    |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
index 823fcae6c4..1e08826bfc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
@@ -7,34 +7,35 @@
 
 ## Properties
 
-| Property                           | Attribute                             | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                   | Default                                                                                                                           |
-| ---------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
-| `badgeTextAwaitingReview`          | `badge-text-awaiting-review`          | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                |
-| `badgeTextSubmittedOn`             | `badge-text-submitted-on`             | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Submitted on {dateSubmitted}."`                                                                                                 |
-| `badgeTextSubmittedOnW8`           | `badge-text-submitted-on-w-8`         | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                         |
-| `bankingInformationSectionHeader`  | `banking-information-section-header`  | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Payout information"`                                                                                                            |
-| `demoData`                         | --                                    |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; }` | `undefined`                                                                                                                       |
-| `editIndirectTaxButton`            | `edit-indirect-tax-button`            | Text displayed in the edit Indirect Tax button                                         | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Edit Indirect Tax"`                                                                                                             |
-| `generalErrorDescription`          | `general-error-description`           | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Please review your information and try again. If this problem continues, contact Support."`                                     |
-| `generalErrorTitle`                | `general-error-title`                 | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                               | `"There was a problem submitting your information"`                                                                               |
-| `indirectTaxIndividualParticipant` | `indirect-tax-individual-participant` | Indirect tax description text for individual participants                              | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax."`        |
-| `indirectTaxInfoCanada`            | `indirect-tax-info-canada`            | Country/Region description text of indirect tax                                        | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Registered in {province}, {country}"`                                                                                           |
-| `indirectTaxInfoOtherCountry`      | `indirect-tax-info-other-country`     | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Registered in {country}"`                                                                                                       |
-| `indirectTaxInfoSectionHeader`     | `indirect-tax-info-section-header`    | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Indirect Tax"`                                                                                                                  |
-| `indirectTaxTooltipSupport`        | `indirect-tax-tooltip-support`        | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                               | `"To make changes to your indirect tax information, please contact Support."`                                                     |
-| `invalidForm`                      | `invalid-form`                        | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Ensure your information matches your profile and resubmit a new document."`                                                     |
-| `newFormButton`                    | `new-form-button`                     | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Submit New document"`                                                                                                           |
-| `noFormNeededSubtext`              | `no-form-needed-subtext`              | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."` |
-| `notRegisteredForTax`              | `not-registered-for-tax`              | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Not Registered"`                                                                                                                |
-| `statusTextActive`                 | `status-text-active`                  | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Active"`                                                                                                                        |
-| `statusTextNotActive`              | `status-text-not-active`              | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Invalid Tax Form"`                                                                                                              |
-| `statusTextNotVerified`            | `status-text-not-verified`            | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Not Verified"`                                                                                                                  |
-| `taxAlertHeaderNotActiveW8`        | `tax-alert-header-not-active-w-8`     | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                               | `"{documentType} tax form is invalid"`                                                                                            |
-| `taxAlertHeaderNotActiveW9`        | `tax-alert-header-not-active-w-9`     | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                     |
-| `taxAlertNotActiveMessageW8`       | `tax-alert-not-active-message-w-8`    | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`  |
-| `taxAlertNotActiveMessageW9`       | `tax-alert-not-active-message-w-9`    | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Please resubmit a new {documentType} form."`                                                                                    |
-| `taxDocumentSectionHeader`         | `tax-document-section-header`         | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                               | `"Tax documents"`                                                                                                                 |
-| `taxDocumentSectionSubHeader`      | `tax-document-section-sub-header`     | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                               | `"{documentType} Tax Form"`                                                                                                       |
+| Property                           | Attribute                             | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                             | Default                                                                                                                           |
+| ---------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------- |
+| `badgeTextAwaitingReview`          | `badge-text-awaiting-review`          | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                |
+| `badgeTextSubmittedOn`             | `badge-text-submitted-on`             | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Submitted on {dateSubmitted}."`                                                                                                 |
+| `badgeTextSubmittedOnW8`           | `badge-text-submitted-on-w-8`         | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                         |
+| `bankingInformationSectionHeader`  | `banking-information-section-header`  | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Payout information"`                                                                                                            |
+| `demoData`                         | --                                    |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxType?: string; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; }` | `undefined`                                                                                                                       |
+| `editIndirectTaxButton`            | `edit-indirect-tax-button`            | Text displayed in the edit Indirect Tax button                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Edit Indirect Tax"`                                                                                                             |
+| `generalErrorDescription`          | `general-error-description`           | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Please review your information and try again. If this problem continues, contact Support."`                                     |
+| `generalErrorTitle`                | `general-error-title`                 | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"There was a problem submitting your information"`                                                                               |
+| `indirectTaxDetails`               | `indirect-tax-details`                | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                 |
+| `indirectTaxIndividualParticipant` | `indirect-tax-individual-participant` | Indirect tax description text for individual participants                              | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax."`        |
+| `indirectTaxInfoCanada`            | `indirect-tax-info-canada`            | Country/Region description text of indirect tax                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Registered in {province}, {country}"`                                                                                           |
+| `indirectTaxInfoOtherCountry`      | `indirect-tax-info-other-country`     | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Registered in {country}"`                                                                                                       |
+| `indirectTaxInfoSectionHeader`     | `indirect-tax-info-section-header`    | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Indirect Tax"`                                                                                                                  |
+| `indirectTaxTooltipSupport`        | `indirect-tax-tooltip-support`        | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"To make changes to your indirect tax information, please contact Support."`                                                     |
+| `invalidForm`                      | `invalid-form`                        | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Ensure your information matches your profile and resubmit a new document."`                                                     |
+| `newFormButton`                    | `new-form-button`                     | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Submit New document"`                                                                                                           |
+| `noFormNeededSubtext`              | `no-form-needed-subtext`              | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."` |
+| `notRegisteredForTax`              | `not-registered-for-tax`              | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Not Registered"`                                                                                                                |
+| `statusTextActive`                 | `status-text-active`                  | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Active"`                                                                                                                        |
+| `statusTextNotActive`              | `status-text-not-active`              | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Invalid Tax Form"`                                                                                                              |
+| `statusTextNotVerified`            | `status-text-not-verified`            | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Not Verified"`                                                                                                                  |
+| `taxAlertHeaderNotActiveW8`        | `tax-alert-header-not-active-w-8`     | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"{documentType} tax form is invalid"`                                                                                            |
+| `taxAlertHeaderNotActiveW9`        | `tax-alert-header-not-active-w-9`     | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                     |
+| `taxAlertNotActiveMessageW8`       | `tax-alert-not-active-message-w-8`    | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`  |
+| `taxAlertNotActiveMessageW9`       | `tax-alert-not-active-message-w-9`    | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Please resubmit a new {documentType} form."`                                                                                    |
+| `taxDocumentSectionHeader`         | `tax-document-section-header`         | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Tax documents"`                                                                                                                 |
+| `taxDocumentSectionSubHeader`      | `tax-document-section-sub-header`     | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"{documentType} Tax Form"`                                                                                                       |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/subregions.ts b/packages/mint-components/src/components/tax-and-cash/subregions.ts
index f54571f4ae..0253e6773b 100644
--- a/packages/mint-components/src/components/tax-and-cash/subregions.ts
+++ b/packages/mint-components/src/components/tax-and-cash/subregions.ts
@@ -1,20 +1,44 @@
 export const INDIRECT_TAX_PROVINCES = [
-  { provinceCode: "AB", taxType: "GST", displayName: "Alberta" },
-  { provinceCode: "BC", taxType: "HST", displayName: "British Columbia" },
-  { provinceCode: "MB", taxType: "HST", displayName: "Manitoba" },
-  { provinceCode: "NB", taxType: "HST", displayName: "New Brunswick" },
-  { provinceCode: "NL", taxType: "HST", displayName: "Newfoundland" },
-  { provinceCode: "NT", taxType: "GST", displayName: "North West Territories" },
-  { provinceCode: "NS", taxType: "HST", displayName: "Nova Scotia" },
-  { provinceCode: "NU", taxType: "HST", displayName: "Nunavut" },
-  { provinceCode: "ON", taxType: "HST", displayName: "Ontario" },
-  { provinceCode: "PE", taxType: "HST", displayName: "Prince Edward Island" },
-  { provinceCode: "QC", taxType: "GST", displayName: "Quebec" },
-  { provinceCode: "SK", taxType: "HST", displayName: "Saskatchewan" },
-  { provinceCode: "YT", taxType: "GST", displayName: "Yukon" },
+  { provinceCode: "ALBERTA", taxType: "GST", displayName: "Alberta" },
+  {
+    provinceCode: "BRITISHCOLUMBIA",
+    taxType: "HST",
+    displayName: "British Columbia",
+  },
+  { provinceCode: "MANITOBA", taxType: "HST", displayName: "Manitoba" },
+  {
+    provinceCode: "NEWBRUNSWICK",
+    taxType: "HST",
+    displayName: "New Brunswick",
+  },
+  {
+    provinceCode: "NEWFOUNDLANDLABRADOR",
+    taxType: "HST",
+    displayName: "Newfoundland",
+  },
+  {
+    provinceCode: "NORTHWESTTERRITORIES",
+    taxType: "GST",
+    displayName: "North West Territories",
+  },
+  { provinceCode: "NOVASCOTIA", taxType: "HST", displayName: "Nova Scotia" },
+  { provinceCode: "NUNAVUT", taxType: "HST", displayName: "Nunavut" },
+  { provinceCode: "ONTARIO", taxType: "HST", displayName: "Ontario" },
+  {
+    provinceCode: "PRINCEEDWARDISLAND",
+    taxType: "HST",
+    displayName: "Prince Edward Island",
+  },
+  { provinceCode: "QUEBEC", taxType: "GST", displayName: "Quebec" },
+  { provinceCode: "SASKATCHEWAN", taxType: "HST", displayName: "Saskatchewan" },
+  { provinceCode: "YUKON", taxType: "GST", displayName: "Yukon" },
 ];
 
 export const INDIRECT_TAX_SPAIN_REGIONS = [
-  { regionCode: "SP", taxType: "VAT", displayName: "Spain Proper" },
-  { regionCode: "CI", taxType: "VAT", displayName: "Canary Islands" },
+  { regionCode: "SPAINPROPER", taxType: "VAT", displayName: "Spain Proper" },
+  {
+    regionCode: "CANARYISLANDS",
+    taxType: "VAT",
+    displayName: "Canary Islands",
+  },
 ];
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From 2885123c51c8cbe1f28c12411fde2dcd8447a7ef Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 20 Feb 2024 16:12:36 -0800
Subject: [PATCH 273/753] Fix stories

---
 .../components/tax-and-cash/BankingForm.stories.tsx  | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 1194c72172..3dbb3fd7df 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -59,14 +59,14 @@ export const BankingInfoFormDefaultWithValidationErrors = () => {
   return (
     <sqm-banking-info-form
       demoData={{
+        demo: {
+          ...bankingFormProps.demo,
+          // bitset: 39,
+        },
         states: {
           ...bankingFormProps.states,
-          demo: {
-            ...bankingFormProps.demo,
-            // bitset: 39,
-            currency: "USD",
-          },
-          bankCountry: null,
+
+          // bankCountry: null,
           formState: {
             ...bankingFormProps.states.formState,
             errors: {

From 31906006d27c654b2bcba660522ea257e331f6f9 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 20 Feb 2024 16:21:43 -0800
Subject: [PATCH 274/753] more detailed specs

---
 .../sqm-banking-info-form.feature             | 25 +++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index 4db9163a5c..24bea23cbf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -18,14 +18,35 @@ Feature: Banking Information Form
         And the form fields with be pre filled with the participants data
         And there will be banner to explain that the account is linked to their referral profile in impact.com
 
-    Scenario: Bank account form fields are dynamically shown
+    Scenario Outline: Bank account form fields are dynamically shown
         Given the bank account payment method is selected
+        And the selected currency is <currency>
+        And the selected bank country is one of <bankCountry>
+        Then <fields> are displayed
+        Examples:
+            | currency | bankCountry                           | fields                                                                                               |
+            | USD      | United States                         | Beneficiary Account Name, Bank Account Type, Bank Account Number, ABA Routing Number                 |
+            | USD      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
+            | USD      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
+            | GBP      | United States                         | Beneficiary Account Name, ABA Routing Number                                                         |
+            | GBP      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
+            | GBP      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
+            | AUD      | United States                         | Beneficiary Account Name, ABA Routing Number                                                         |
+            | AUD      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
+            | AUD      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
+            | CAD      | Canada                                | Beneficiary Account Name, Bank Account Number, Routing Number                                        |
+            | EUR      | United States                         | Beneficiary Account Name, ABA Routing Number                                                         |
+            | EUR      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
+            | EUR      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
+            | JPY      | Japan                                 | Beneficiary Account Name, Bank Account Type, Bank Account Number, SWIFT Code, Bank Name, Branch Code |
+
 
     # According to mock data currently available
-    Scenario: Bank country dropdown list is dynamic depending on the partner's currency
+    Scenario Outline: Bank country dropdown list is dynamic depending on the partner's currency
         Given the bank account payment method is selected
         And the selected currency is <currency>
         Then the bank country options are <countries>
+        Examples:
             | currency | countries                                                    |
             | USD      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
             | GBP      | United States, Canada, Spain, Ireland, United Kingdom, Japan |

From de5f2d98e9503fa9c832e49a9917194a3045b53b Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 20 Feb 2024 16:30:49 -0800
Subject: [PATCH 275/753] payment method text specs

---
 .../sqm-banking-info-form.feature              | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index 24bea23cbf..7f1d8cdd36 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -55,6 +55,24 @@ Feature: Banking Information Form
             | EUR      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
             | JPY      | Japan                                                        |
 
+    Scenario Outline: Payment Method text is dynamic depending on the currency and country selected
+        Given the bank account payment method is selected
+        And the selected currency is <currency>
+        And the selected bank country is one of <bankCountry>
+        Then <paymentMethodText> is shown
+        And the withdrawal fee is shown
+        Examples:
+            | currency | bankCountry                                                  | paymentMethodText |
+            | USD      | United States                                                | EFT Withdrawal    |
+            | USD      | Canada, Spain, Ireland, United Kingdom, Japan                | FX Wire           |
+            | GBP      | United Kingdom                                               | EFT Withdrawal    |
+            | GBP      | United States, Canada, Spain, Ireland, Japan                 | FX Wire           |
+            | AUD      | United States, Canada, Spain, Ireland, United Kingdom, Japan | FX Wire           |
+            | CAD      | Canada                                                       | EFT Withdrawal    |
+            | EUR      | Spain, Ireland,  United Kingdom                              | EFT Withdrawal    |
+            | EUR      | United States, Canada, Japan                                 | FX Wire           |
+            | JPY      | Japan                                                        | EFT Withdrawal    |
+
 
     # Not sure what the actual specs for when it's shown are yet
     Scenario Outline: PayPal option is dynamically shown

From 2e2844e5d9b2771bb4d028ca5e127ae3e249ec11 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 20 Feb 2024 16:50:39 -0800
Subject: [PATCH 276/753] replace bankAccountType with dropdown select

---
 .../sqm-banking-info-form/sqm-banking-info-form.tsx       | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 1205bed243..49ae4e2d0a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -285,19 +285,21 @@ export class BankingInfoForm {
       },
       1: {
         input: (
-          <sl-input
+          <sl-select
             required
             label={props.text.bankAccountTypeLabel}
             name="/bankAccountType"
             id="bankAccountType"
-            type="text"
             {...(errors?.bankAccountType && {
               class: "error-input",
               helpText: this.getValidationErrorMessage(
                 props.text.bankAccountTypeLabel
               ),
             })}
-          ></sl-input>
+          >
+            <sl-menu-item value="CHECKING">Checking</sl-menu-item>
+            <sl-menu-item value="SAVINGS">Savings</sl-menu-item>
+          </sl-select>
         ),
       },
       2: {

From b4230daf9558acad79ee57e94ce6129aeec22957 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 20 Feb 2024 16:55:29 -0800
Subject: [PATCH 277/753] added text props for checking/savings account labels

---
 packages/mint-components/src/components.d.ts  | 20 +++++++++++++++++++
 .../sqm-banking-info-form.tsx                 | 20 +++++++++++++++++--
 .../useBankingInfoForm.tsx                    |  2 --
 3 files changed, 38 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index b4974c539b..8d7874e26a 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -107,6 +107,11 @@ export namespace Components {
           * @uiName Business select item label
          */
         "businessSelectItemLabel": string;
+        /**
+          * Label text for the checking account type select item
+          * @uiName Checking select item label
+         */
+        "checkingSelectItemLabel": string;
         /**
           * Label text for the classification CPF input field
           * @uiName Classification CPF input label
@@ -197,6 +202,11 @@ export namespace Components {
           * @uiName Routing code input label
          */
         "routingCodeLabel": string;
+        /**
+          * Label text for the savings account type select item
+          * @uiName Savings select item label
+         */
+        "savingsSelectItemLabel": string;
         /**
           * Text for the save button in the form
           * @uiName Save button text
@@ -5327,6 +5337,11 @@ declare namespace LocalJSX {
           * @uiName Business select item label
          */
         "businessSelectItemLabel"?: string;
+        /**
+          * Label text for the checking account type select item
+          * @uiName Checking select item label
+         */
+        "checkingSelectItemLabel"?: string;
         /**
           * Label text for the classification CPF input field
           * @uiName Classification CPF input label
@@ -5417,6 +5432,11 @@ declare namespace LocalJSX {
           * @uiName Routing code input label
          */
         "routingCodeLabel"?: string;
+        /**
+          * Label text for the savings account type select item
+          * @uiName Savings select item label
+         */
+        "savingsSelectItemLabel"?: string;
         /**
           * Text for the save button in the form
           * @uiName Save button text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 49ae4e2d0a..8cf8704d30 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -98,6 +98,18 @@ export class BankingInfoForm {
    */
   @Prop() bankAccountTypeLabel: string = "Bank Account Type";
 
+  /**
+   * Label text for the checking account type select item
+   * @uiName Checking select item label
+   */
+  @Prop() checkingSelectItemLabel: string = "Checking";
+
+  /**
+   * Label text for the savings account type select item
+   * @uiName Savings select item label
+   */
+  @Prop() savingsSelectItemLabel: string = "Savings";
+
   /**
    * Label text for the bank account number input field
    * @uiName Bank account number input label
@@ -297,8 +309,12 @@ export class BankingInfoForm {
               ),
             })}
           >
-            <sl-menu-item value="CHECKING">Checking</sl-menu-item>
-            <sl-menu-item value="SAVINGS">Savings</sl-menu-item>
+            <sl-menu-item value="CHECKING">
+              {props.text.checkingSelectItemLabel}
+            </sl-menu-item>
+            <sl-menu-item value="SAVINGS">
+              {props.text.savingsSelectItemLabel}
+            </sl-menu-item>
           </sl-select>
         ),
       },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 7954a42218..f8ab273701 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -160,9 +160,7 @@ export function useBankingInfoForm(props: BankingInfoForm) {
   return {
     step: step,
     setStep: setStep,
-
     text: { ...props, error: {} },
-
     callbacks: {
       onSubmit,
       setBankCountry,

From e5c97acf7dbae0c4f17d5c891dde5dc51d33e1ad Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 20 Feb 2024 17:08:07 -0800
Subject: [PATCH 278/753] Fix Quebec not showing QST

---
 .../sqm-banking-info-form/readme.md           |  3 +++
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 25 ++++++++++++++++---
 .../small-views/IndirectTaxDetailsView.tsx    |  2 +-
 3 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 7540db9edf..5c51cd2145 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -12,10 +12,12 @@
 | `agencyCodeLabel`             | `agency-code-label`              | Label text for the agency code input field                                              | `string`                                  | `"Agency Code"`                                                                                                                                                             |
 | `bankAccountNumberLabel`      | `bank-account-number-label`      | Label text for the bank account number input field                                      | `string`                                  | `"Bank Account Number"`                                                                                                                                                     |
 | `bankAccountTypeLabel`        | `bank-account-type-label`        | Label text for the bank account type input field                                        | `string`                                  | `"Bank Account Type"`                                                                                                                                                       |
+| `bankLocationLabel`           | `bank-location-label`            | Label text for the bank country location input field                                    | `string`                                  | `"Bank Country Location"`                                                                                                                                                   |
 | `bankNameLabel`               | `bank-name-label`                | Label text for the bank name input field                                                | `string`                                  | `"Bank Name"`                                                                                                                                                               |
 | `beneficiaryAccountNameLabel` | `beneficiary-account-name-label` | Label text for the beneficiary account name input field                                 | `string`                                  | `"Beneficiary Account Name"`                                                                                                                                                |
 | `branchCodeLabel`             | `branch-code-label`              | Label text for the branch code input field                                              | `string`                                  | `"Branch Code"`                                                                                                                                                             |
 | `businessSelectItemLabel`     | `business-select-item-label`     | Label text for the business select item                                                 | `string`                                  | `"Business"`                                                                                                                                                                |
+| `checkingSelectItemLabel`     | `checking-select-item-label`     | Label text for the checking account type select item                                    | `string`                                  | `"Checking"`                                                                                                                                                                |
 | `classificationCPFLabel`      | `classification-c-p-f-label`     | Label text for the classification CPF input field                                       | `string`                                  | `"Classification CPF"`                                                                                                                                                      |
 | `classificationEntityLabel`   | `classification-entity-label`    | Label text for the classification entity input field                                    | `string`                                  | `"Classification Entity"`                                                                                                                                                   |
 | `classificationLabel`         | `classification-label`           | Label text for the classification input field                                           | `string`                                  | `"Classification"`                                                                                                                                                          |
@@ -34,6 +36,7 @@
 | `paymentMethod`               | `payment-method`                 | Heading text for the payment method section                                             | `string`                                  | `"Payment Method"`                                                                                                                                                          |
 | `paymentMethodSubtext`        | `payment-method-subtext`         | Subtext for the payment method section                                                  | `string`                                  | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                     |
 | `routingCodeLabel`            | `routing-code-label`             | Label text for the routing code input field                                             | `string`                                  | `"Routing Code"`                                                                                                                                                            |
+| `savingsSelectItemLabel`      | `savings-select-item-label`      | Label text for the savings account type select item                                     | `string`                                  | `"Savings"`                                                                                                                                                                 |
 | `submitButton`                | `submit-button`                  | Text for the save button in the form                                                    | `string`                                  | `"Save"`                                                                                                                                                                    |
 | `swiftCodeLabel`              | `swift-code-label`               | Label text for the SWIFT code input field                                               | `string`                                  | `"SWIFT Code"`                                                                                                                                                              |
 | `taxAndPayouts`               | `tax-and-payouts`                | Heading text shown at the top of the page                                               | `string`                                  | `"Tax and Payouts"`                                                                                                                                                         |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index e2564c0d8a..364db0e026 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -57,9 +57,28 @@ export function useTaxAndCash() {
 
   /**** DEMO DATA */
 
-  const id = "640b0771601fa92fc6532e8a018885d5fa106f8ebb9235a46b5d88d3352254fa";
+  // const id = "640b0771601fa92fc6532e8a018885d5fa106f8ebb9235a46b5d88d3352254fa";
+  // const accountId =
+  //   "640b0771601fa92fc6532e8a018885d5fa106f8ebb9235a46b5d88d3352254fa";
+  // const programId = "22514";
+
+  // //@ts-ignore
+  // window.widgetIdent = {
+  //   tenantAlias: "aprh0cfq6y8tk",
+  //   appDomain: "https://staging.referralsaasquatch.com",
+  //   programId,
+  // };
+
+  // useEffect(() => {
+  //   setUserIdentity({
+  //     accountId,
+  //     id,
+  //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjQwYjA3NzE2MDFmYTkyZmM2NTMyZThhMDE4ODg1ZDVmYTEwNmY4ZWJiOTIzNWE0NmI1ZDg4ZDMzNTIyNTRmYSIsImFjY291bnRJZCI6IjY0MGIwNzcxNjAxZmE5MmZjNjUzMmU4YTAxODg4NWQ1ZmExMDZmOGViYjkyMzVhNDZiNWQ4OGQzMzUyMjU0ZmEifX0.K-BIpxqDGIQc1Rch3U_Lv7wn_Gsgt8Hr1zcYjd4F-Os",
+  //   });
+  // }, []);
+  const id = "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
   const accountId =
-    "640b0771601fa92fc6532e8a018885d5fa106f8ebb9235a46b5d88d3352254fa";
+    "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
   const programId = "22514";
 
   //@ts-ignore
@@ -73,7 +92,7 @@ export function useTaxAndCash() {
     setUserIdentity({
       accountId,
       id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjQwYjA3NzE2MDFmYTkyZmM2NTMyZThhMDE4ODg1ZDVmYTEwNmY4ZWJiOTIzNWE0NmI1ZDg4ZDMzNTIyNTRmYSIsImFjY291bnRJZCI6IjY0MGIwNzcxNjAxZmE5MmZjNjUzMmU4YTAxODg4NWQ1ZmExMDZmOGViYjkyMzVhNDZiNWQ4OGQzMzUyMjU0ZmEifX0.K-BIpxqDGIQc1Rch3U_Lv7wn_Gsgt8Hr1zcYjd4F-Os",
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
     });
   }, []);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 05f72d45e9..90b1dd695e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -278,7 +278,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             name={"indirectTaxNumber"}
           />
         )}
-        {formState.province === "QC" && (
+        {formState.province === "QUEBEC" && (
           <div class={classes.ConditionalInputsContainer}>
             <sl-checkbox
               class={classes.Checkbox}

From 5bc1739fdebb093a4e65d774ec03ddc4f83de7ba Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 20 Feb 2024 17:09:28 -0800
Subject: [PATCH 279/753] Added quebec to taxform stories

---
 .../src/components/tax-and-cash/TaxForm.stories.tsx         | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index d85e26fa77..58ec844331 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -375,7 +375,7 @@ export const StepTwoOtherRegionCheckedCanadaGST = () => {
         slotProps: {
           formState: {
             selectedRegion: "CA",
-            province: "QC",
+            province: "QUEBEC",
             errors: {},
           },
         },
@@ -398,7 +398,7 @@ export const StepTwoOtherRegionCheckedCanadaGSTAndQST = () => {
         slotProps: {
           formState: {
             selectedRegion: "CA",
-            province: "QC",
+            province: "QUEBEC",
             hasQst: true,
             errors: {},
           },
@@ -519,7 +519,7 @@ export const StepTwoOtherRegionCheckedCanadaGSTAndQSTError = () => {
         slotProps: {
           formState: {
             selectedRegion: "CA",
-            province: "QC",
+            province: "QUEBEC",
             hasQst: true,
             errors: {
               province: true,

From 8137f583bb2fa860fb7eab43bf7743aa11a77ffd Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 21 Feb 2024 09:23:37 -0800
Subject: [PATCH 280/753] Change no form needed copy

---
 .../sqm-tax-document-submitted/sqm-tax-document-submitted.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index bb2a1c259b..5605710dd9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -155,7 +155,7 @@ export class TaxDocumentSubmitted {
    * @uiName No form needed subtext
    */
   @Prop() noFormNeededSubtext: string =
-    "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support.";
+    "Tax documents are only required if you are based in the US or joining the referral program of a US based brand.";
   /**
    * Text displayed in the submit new document button at the bottom of the page
    *

From 617018fe9add0aaea5c80f6f7c19bdd054703e95 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 21 Feb 2024 10:22:23 -0800
Subject: [PATCH 281/753] Fixed indirect tax details tool-tip

---
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx         | 6 +++---
 .../sqm-tax-document-submitted-view.tsx                     | 6 ++++++
 .../sqm-user-info-form/sqm-user-info-form-view.tsx          | 2 ++
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 364db0e026..93a25d823b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -143,9 +143,9 @@ export function useTaxAndCash() {
       const user = data?.user;
       if (!user || step !== "/loading") return;
 
-      setStep("/1");
-      // const currentStep = getCurrentStep(user);
-      // setStep(currentStep);
+      // setStep("/1");
+      const currentStep = getCurrentStep(user);
+      setStep(currentStep);
     }
   }, [host, user, data?.user?.email]);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 23a94ca4a7..af5f016d0a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -151,6 +151,11 @@ const style = {
     color: "var(--sl-color-neutral-500)",
     lineHeight: "var(--sl-spacing-medium)",
   },
+  TooltipContainer: {
+    display: "flex",
+    textAlign: "center",
+    width: "250px",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -310,6 +315,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                   trigger="hover"
                   placement="top"
                   content={text.indirectTaxTooltipSupport}
+                  class={sheet.classes.TooltipContainer}
                 >
                   <sl-icon name="info-circle" style={{ top: "6px" }} />
                 </sl-tooltip>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index f7e04ec947..9b3a4efea9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -193,6 +193,8 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
   } = props;
   const { classes } = sheet;
 
+  console.log(data);
+
   return (
     <sl-form
       class={classes.FormWrapper}

From c43bbd788bc07ff95db8195d73d09ea35a6f3e35 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 21 Feb 2024 10:35:08 -0800
Subject: [PATCH 282/753] Add auto pay slot to banking form

---
 .../sqm-banking-info-form-view.tsx                |  4 +++-
 .../sqm-banking-info-form.tsx                     | 15 +++++++++++++++
 packages/mint-components/src/index.html           |  4 ++--
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index f683347980..16a6fc8930 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -22,6 +22,7 @@ export interface BankingInfoFormViewProps {
     formInputsSlot?: VNode[];
     countryInputSlot?: VNode;
     paymentMethodSlot?: VNode;
+    autoPaySlot?: VNode;
   };
   callbacks: {
     setChecked: (checked: "toBankAccount" | "toPaypalAccount") => void;
@@ -317,12 +318,13 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                   {states.loading
                     ? getLoadingSkeleton(
                         "toBankAccount",
-                        slots.formInputsSlot.length + 2
+                        slots.formInputsSlot.length + 3
                       )
                     : [
                         slots.countryInputSlot,
                         slots.paymentMethodSlot,
                         slots.formInputsSlot,
+                        slots.autoPaySlot,
                       ]}
                 </div>
               )}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 8cf8704d30..25e4595bd4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -681,6 +681,21 @@ export class BankingInfoForm {
                 disabled
               ></sl-input>
             ),
+            autoPaySlot: (
+              <div>
+                <sl-input
+                  label={"Autopay Balance"}
+                  help-text="Pay me when my balance reaches threshold"
+                ></sl-input>
+                <sl-select
+                  label={"Autopay Date"}
+                  help-text="Pay me on a fixed day of the month"
+                >
+                  <sl-menu-item value="1st">1st of the month</sl-menu-item>
+                  <sl-menu-item value="15th">15th of the month</sl-menu-item>
+                </sl-select>
+              </div>
+            ),
           }}
         />
       </Host>
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From 0bd6780f37f21c289d12fa45af2622f2d0c972d2 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 21 Feb 2024 10:39:45 -0800
Subject: [PATCH 283/753] Changed copy text and font colors

---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx         |  2 +-
 .../sqm-tax-document-submitted-view.tsx           | 15 ++++++++++-----
 .../sqm-tax-document-submitted.tsx                |  4 ++--
 packages/mint-components/src/index.html           |  4 ++--
 4 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 77c4ef1cc1..11cf78d195 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -756,7 +756,7 @@ export class TaxAndCashMonolith {
    * @uiName Step 4 No form needed subtext
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_newFormButton: string = "Submit New document";
+  @Prop() step4_newFormButton: string = "Submit New Form";
   /**
    * Text displayed when partner is not registered for Indirect Tax
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index af5f016d0a..77f6247724 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -96,7 +96,10 @@ const style = {
     gap: "var(--sl-spacing-x-small)",
     display: "flex",
     flexDirection: "column",
-    lineHeight: "var(--sl-spacing-small)",
+    lineHeight: "var(--sl-spacing-medium)",
+  },
+  NotRegisteredIndirectTaxText: {
+    color: "var(--sl-color-gray-500)",
   },
   TaxDocumentsContainer: {
     marginTop: "var(--sl-spacing-xx-large)",
@@ -190,7 +193,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         <sl-badge type="warning" pill>
           {text.statusTextNotVerified}
         </sl-badge>
-        <p>
+        <p style={{ color: "var(--sl-color-gray-500)" }}>
           {intl.formatMessage(
             {
               id: `badgeTextAwaitingReview`,
@@ -208,7 +211,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         <sl-badge type="success" pill>
           {text.statusTextActive}
         </sl-badge>
-        <p>
+        <p style={{ color: "var(--sl-color-gray-500)" }}>
           {intl.formatMessage(
             {
               id: `badgeTextSubmittedOn`,
@@ -229,7 +232,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         <sl-badge type="danger" pill>
           {text.statusTextNotActive}
         </sl-badge>
-        <p>{text.invalidForm}</p>
+        <p style={{ color: "var(--sl-color-gray-500)" }}>{text.invalidForm}</p>
       </div>
     ),
   };
@@ -361,7 +364,9 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                 </div>
               ) : (
                 <div class={sheet.classes.IndirectTaxPreviewDetails}>
-                  {text.indirectTaxIndividualParticipant}
+                  <span class={sheet.classes.NotRegisteredIndirectTaxText}>
+                    {text.indirectTaxIndividualParticipant}
+                  </span>
                   <span></span>
                 </div>
               )}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 5605710dd9..e258ebc408 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -122,7 +122,7 @@ export class TaxDocumentSubmitted {
    * @uiName Indirect tax individual participant description
    */
   @Prop() indirectTaxIndividualParticipant: string =
-    "Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax.";
+    "Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information.";
   /**
    * Indirect tax tooltip text for support
    *
@@ -161,7 +161,7 @@ export class TaxDocumentSubmitted {
    *
    * @uiName No form needed subtext
    */
-  @Prop() newFormButton: string = "Submit New document";
+  @Prop() newFormButton: string = "Submit New Form";
   /**
    * Text displayed in the edit Indirect Tax button
    *
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From 84887fe0109b1e6763bdeffddc2b9350089ceefb Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 21 Feb 2024 13:54:22 -0800
Subject: [PATCH 284/753] Updated Document Submitted specs

---
 packages/mint-components/src/components.d.ts  | 44 ++++++++++++++
 .../tax-and-cash/TaxForm.stories.tsx          | 35 +++++++++++
 .../sqm-document-type-form.feature            | 20 -------
 .../sqm-docusign-form-view.tsx                |  9 ++-
 .../sqm-docusign-form.feature                 | 60 +++++++++----------
 .../sqm-docusign-form/sqm-docusign-form.tsx   | 12 ++++
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 14 +++++
 packages/mint-components/src/index.html       |  4 +-
 8 files changed, 144 insertions(+), 54 deletions(-)
 delete mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 8d7874e26a..0d25b91620 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -629,6 +629,16 @@ export namespace Components {
           * @uiName Tax form subtext
          */
         "taxFormDescription": string;
+        /**
+          * Subtext shown at the top of the page next to the document type text for business entities
+          * @uiName Tax form subtext
+         */
+        "taxFormDescriptionBusinessEntity": string;
+        /**
+          * Subtext shown at the top of the page next to the document type text for individual participants
+          * @uiName Tax form subtext
+         */
+        "taxFormDescriptionIndividualParticipant": string;
         /**
           * Text shown at the top of the page next to the document type text
           * @uiName Tax form label text
@@ -3967,6 +3977,18 @@ export namespace Components {
           * @uiGroup Step 3 Properties
          */
         "step3_taxFormDescription": string;
+        /**
+          * Subtext shown at the top of the page next to the document type text for business entities
+          * @uiName Tax form subtext
+          * @uiGroup Step 3 Properties
+         */
+        "step3_taxFormDescriptionBusinessEntity": string;
+        /**
+          * Subtext shown at the top of the page next to the document type text for individual participants
+          * @uiName Tax form subtext
+          * @uiGroup Step 3 Properties
+         */
+        "step3_taxFormDescriptionIndividualParticipant": string;
         /**
           * Text shown at the top of the page next to the document type text
           * @uiName Tax form label text
@@ -5860,6 +5882,16 @@ declare namespace LocalJSX {
           * @uiName Tax form subtext
          */
         "taxFormDescription"?: string;
+        /**
+          * Subtext shown at the top of the page next to the document type text for business entities
+          * @uiName Tax form subtext
+         */
+        "taxFormDescriptionBusinessEntity"?: string;
+        /**
+          * Subtext shown at the top of the page next to the document type text for individual participants
+          * @uiName Tax form subtext
+         */
+        "taxFormDescriptionIndividualParticipant"?: string;
         /**
           * Text shown at the top of the page next to the document type text
           * @uiName Tax form label text
@@ -9174,6 +9206,18 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "step3_taxFormDescription"?: string;
+        /**
+          * Subtext shown at the top of the page next to the document type text for business entities
+          * @uiName Tax form subtext
+          * @uiGroup Step 3 Properties
+         */
+        "step3_taxFormDescriptionBusinessEntity"?: string;
+        /**
+          * Subtext shown at the top of the page next to the document type text for individual participants
+          * @uiName Tax form subtext
+          * @uiGroup Step 3 Properties
+         */
+        "step3_taxFormDescriptionIndividualParticipant"?: string;
         /**
           * Text shown at the top of the page next to the document type text
           * @uiName Tax form label text
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 58ec844331..98bec6992e 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -589,6 +589,41 @@ export const StepThreeWithDocusign = () => {
   );
 };
 
+export const StepThreeWithDocusignW8BEN = () => {
+  return (
+    <sqm-docusign-form
+      demoData={{
+        states: {
+          ...docusignFormProps.states,
+          documentType: "W8BEN",
+        },
+      }}
+    ></sqm-docusign-form>
+  );
+};
+
+export const StepThreeWithDocusignW8BENE = () => {
+  return (
+    <sqm-docusign-form
+      demoData={{
+        states: {
+          ...docusignFormProps.states,
+          documentType: "W8BENE",
+          formState: {
+            completedTaxForm: false,
+            taxFormExpired: false,
+            participantType: "businessEntity",
+            errors: {
+              participantType: "",
+              general: false,
+            },
+          },
+        },
+      }}
+    ></sqm-docusign-form>
+  );
+};
+
 export const StepThreeWithDocusignExpired = () => {
   return (
     <sqm-docusign-form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
deleted file mode 100644
index 7c5accb255..0000000000
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.feature
+++ /dev/null
@@ -1,20 +0,0 @@
-# @owner:andy @author:andy
-# Feature: Document Type Form
-#   Background: A user has submitted their information in step 1, step2, and wants to change the Tax Form to submit
-#     Given a user is on the Document Type Form
-#   @minutia
-#   Scenario Outline: Participant changes Tax Form to fillout
-#     When the participant sees three <taxFormType> options with <taxFormDescription>
-#     And they select a <taxFormType>
-#     And press Continue
-#     Then they will be sent back to step 3 with the new <taxFormType> to fillout
-#     Examples: 
-#       | taxFormType | taxFormDescription                                                                                                               |
-#       | W9          | For participantsbased in the US, joining the referral program of a US-based company.                                             |
-#       | W8-BEN      | For individuals residing outside of the US, joining the referral program of a US-based company                                   |
-#       | W8-BEN-E    | For participants residing outside of the US who represent a business entity, joining the referral prorgram of a US-based company |
-#   @minutia
-#   Scenario Outline: Participant presses back button
-#     When they press the Back button
-#     Then they will arrive at step 3
-#     And the Docusign form does not change
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 4c045ffb99..639dbfdb08 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -38,6 +38,8 @@ export interface DocusignFormViewProps {
     taxForm: string;
     taxFormLabel: string;
     taxFormDescription: string;
+    taxFormDescriptionIndividualParticipant: string;
+    taxFormDescriptionBusinessEntity?: string;
     notBasedInUS: string;
     banner: string;
     checkboxLabel: string;
@@ -272,7 +274,12 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
               {intl.formatMessage(
                 {
                   id: "tax-form-description",
-                  defaultMessage: text.taxFormDescription,
+                  defaultMessage:
+                    states.documentType === "W9"
+                      ? text.taxFormDescription
+                      : formState.participantType === "individualParticipant"
+                      ? text.taxFormDescriptionIndividualParticipant
+                      : text.taxFormDescriptionBusinessEntity,
                 },
                 { documentType: states.documentType }
               )}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index 3042e84df0..93e10b0071 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -20,10 +20,13 @@ Feature: Docusign Form
 
   @minutia
   Scenario Outline: Participant not based in the US working with US brand selects participantType
+    Given they are not in the US and the brand is in the US
     When the page loads
     Then <participantType> radio buttons appear
-    When they select a <participantType>
-    Then an <autoSelectedTaxForm> appears in the Docusign iframe
+    And the Docusign iframe is hidden
+    When they select <participantType>
+    Then the Docusign iframe appears
+    And an <autoSelectedTaxForm> appears in the Docusign iframe
 
     Examples: 
       | participantType       | autoSelectedTaxForm |
@@ -33,20 +36,22 @@ Feature: Docusign Form
   @minutia @ui
   Scenario Outline: Text copies change based on tax form participant fills out
     When they are required to fill out <typeTaxForm>
-    Then the <taxFormSubHeader> displays with <typeTaxForm>
-    And the <taxFormDescriptionCopy> / <changeTaxFormCopy> changes depending on the <typeTaxForm>
+    And are <participantType>
+    Then the <taxFormSubHeader>/<taxFormDescriptionCopy> displays with <typeTaxForm>
 
     Examples: 
-      | typeTaxForm | taxFormSubHeader  | taxFormDescriptionCopy                                                                                                   | changeTaxFormCopy                                                |
-      | W9          | W9 Tax Form       | Participants based in the US and partnering with US-based brands need to submit a W9 form.                               | Not based in the US?                                             |
-      | W8-BEN      | W8-BEN Tax Form   | Individuals residing outside of the US, joining the referral program of a US-based cmpany, need to submit a W8-BEN form. | Represent a business entity or you're based in the US?           |
-      | W8-BEN-E    | W8-BEN-E Tax Form | Participants residing outside of the US who represent a business enttiy need to submit a W8-BEN-E form.                  | Joining this program as an individual or you're based in the US? |
+      | typeTaxForm | participantType       | taxFormSubHeader  | taxFormDescriptionCopy                                                                                                     |
+      | W9          | N/A                   | W9 Tax Form       | Participants based in the US and partnering with US-based brands need to submit a W9 form.                                 |
+      | W8-BEN      | individualParticipant | W8-BEN Tax Form   | Participants residing outside of the US, joining the referral program of a US-based company, need to submit a W8-BEN form. |
+      | W8-BEN-E    | businessEntity        | W8-BEN-E Tax Form | Participants residing outside of the US who represent a business enttiy need to submit a W8-BEN-E form.                    |
 
   @minutia
-  Scenario: Participant successfully submits Docusign document and is directed to summary page
+  Scenario: Participant successfully completes Docusign document and is directed to document summary page
     When they successfully fillout and submit the Docusign document within the iframe
-    And they press "Continue" or refresh the page
-    Then they will be directed to the Document Submitted page
+    Then the Docusign iframe session completes with one of the following success statuses:
+      | signing_complete |
+      | viewing_complete |
+    And they are redirected to step 4
 
   @minutia @ui
   Scenario: Docusign iframe is loading
@@ -55,25 +60,18 @@ Feature: Docusign Form
     When the Docusign iframe loads in the Tax Form
     Then the loader dissapers and the participant can see the Tax Form
 
-  @minutia
-  Scenario: Participant completes Docusign form
-    When they fillout and complete the Docusign form inside the iframe
-    Then the Docusign iframe session completes with one of the following success statuses:
-      | signing_complete |
-      | viewing_complete |
-    Then they are redirected to step 4
-
   @minutia @ui
   Scenario: Participant's Docusign session expires
     When they have the Docusign form open in the iframe
     And they do not interact with the iframe for more than 20 minutes
-    Then the Docusign iframe session expires with one of the following expirey statuses:
+    Then the Docusign iframe session expires with one of the following expiry statuses:
       | session_timeout |
       | ttl_expired     |
-    And the Tax Form dissapers
-    Then they see a Docusign expired session notification inside the iframe
-    And a refresh page button appears inside the iframe
-    And they must press the button to restart the Docusign process
+    And the Docusign form is hidden
+    Then they see a expired session notification
+    And a refresh page button appears inside the notification
+    When the participant presses the refresh button
+    Then the Docusign form is re-loaded
 
   @minutia @ui
   Scenario: Docusign iframe throws an error
@@ -82,12 +80,12 @@ Feature: Docusign Form
       | decline     |
       | cancel      |
       | fax_pending |
-    Then an error icon and message show in the iframe
-    And a "Refresh Page" button appears
-    And the participant must press the refresh button to continue
+    Then the particpant sees an error notification
+    And a "Refresh Page" button appears inside the notification
+    When the participant presses the refresh button
+    Then the Docusign form is re-loaded
 
   @minutia
-  Scenario: Participant decides to go back to step 2
-    When they press the Back button
-    Then the they are sent back to step 2
-    And they arrive at the step 2 form with original information initially submitted
+  Scenario: Participant cannot go back to previous steps
+    When they view the Docusign form
+    Then no back button will be present
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 999ec3c6f3..35da7c57de 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -57,6 +57,18 @@ export class DocusignForm {
    */
   @Prop() taxFormDescription: string =
     "Participants based in the US and partnering with US-based brands need to submit a {documentType} form.";
+  /**
+   * Subtext shown at the top of the page next to the document type text for individual participants
+   * @uiName Tax form subtext
+   */
+  @Prop() taxFormDescriptionIndividualParticipant: string =
+    "Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form.";
+  /**
+   * Subtext shown at the top of the page next to the document type text for business entities
+   * @uiName Tax form subtext
+   */
+  @Prop() taxFormDescriptionBusinessEntity: string =
+    "Participants residing outside of the US who represent a business entity need to submit a {documentType} form.";
   /**
    * Text shown in the link to the form for non US residents
    * @uiName Not based in US link text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 11cf78d195..1b384b5442 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -409,6 +409,20 @@ export class TaxAndCashMonolith {
    */
   @Prop() step3_taxFormDescription: string =
     "Participants based in the US and partnering with US-based brands need to submit a {documentType} form.";
+  /**
+   * Subtext shown at the top of the page next to the document type text for individual participants
+   * @uiName Tax form subtext
+   *  @uiGroup Step 3 Properties
+   */
+  @Prop() step3_taxFormDescriptionIndividualParticipant: string =
+    "Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form.";
+  /**
+   * Subtext shown at the top of the page next to the document type text for business entities
+   * @uiName Tax form subtext
+   *  @uiGroup Step 3 Properties
+   */
+  @Prop() step3_taxFormDescriptionBusinessEntity: string =
+    "Participants residing outside of the US who represent a business entity need to submit a {documentType} form.";
   /**
    * Text shown in the link to the form for non US residents
    * @uiName Not based in US link text
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From e277ec3a8f4e0e4478251989b11cfc85000d26dc Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 21 Feb 2024 14:34:38 -0800
Subject: [PATCH 285/753] Add stories and view for payment schedule section

---
 .../tax-and-cash/BankingForm.stories.tsx      |  52 ++++++++-
 .../sqm-banking-info-form-view.tsx            | 108 ++++++++++++++++--
 .../sqm-banking-info-form.tsx                 |  15 ---
 3 files changed, 146 insertions(+), 29 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 3dbb3fd7df..6a0d6eb117 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -10,7 +10,7 @@ const bankingFormProps = {
     disabled: false,
     loading: false,
     formState: {
-      checked: "toBankAccount",
+      paymentMethodchecked: "toBankAccount",
     },
     bankCountry: "US",
   },
@@ -242,7 +242,7 @@ export const BankingInfoFormPaypalChecked = () => {
           ...bankingFormProps.states,
           formState: {
             ...bankingFormProps.states.formState,
-            checked: "toPaypalAccount",
+            paymentMethodchecked: "toPaypalAccount",
           },
         },
       }}
@@ -260,10 +260,56 @@ export const BankingInfoFormPaypalCheckedLoading = () => {
           loading: true,
           formState: {
             ...bankingFormProps.states.formState,
-            checked: "toPaypalAccount",
+            paymentMethodchecked: "toPaypalAccount",
           },
         },
       }}
     ></sqm-banking-info-form>
   );
 };
+
+export const BankingInfoFormWithBalanceThresholdPaymentSchedule = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        states: {
+          ...bankingFormProps.states,
+          bankCountry: "US",
+          formState: {
+            ...bankingFormProps.states.formState,
+            paymentScheduleChecked: "balanceThreshold",
+          },
+        },
+        demo: {
+          ...bankingFormProps.demo,
+          currency: "USD",
+          // bitset: 39,
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
+export const BankingInfoFormWithFixedDayPaymentSchedule = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        states: {
+          ...bankingFormProps.states,
+          bankCountry: "US",
+          formState: {
+            ...bankingFormProps.states.formState,
+            paymentScheduleChecked: "fixedDay",
+          },
+        },
+        demo: {
+          ...bankingFormProps.demo,
+          currency: "USD",
+          // bitset: 39,
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 16a6fc8930..1ce4ab1f7b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -9,10 +9,13 @@ export interface BankingInfoFormViewProps {
     hideSteps: boolean;
     hideBanking?: boolean;
     hidePayPal?: boolean;
+    hideBalanceThreshold?: boolean;
+    hideFixedDay?: boolean;
     feeCap?: string;
     isPartner: boolean;
     formState: {
-      checked?: "toBankAccount" | "toPaypalAccount";
+      paymentMethodchecked?: "toBankAccount" | "toPaypalAccount";
+      paymentScheduleChecked?: "balanceThreshold" | "fixedDay";
       errors?: {
         general?: boolean;
       };
@@ -22,10 +25,14 @@ export interface BankingInfoFormViewProps {
     formInputsSlot?: VNode[];
     countryInputSlot?: VNode;
     paymentMethodSlot?: VNode;
-    autoPaySlot?: VNode;
   };
   callbacks: {
-    setChecked: (checked: "toBankAccount" | "toPaypalAccount") => void;
+    setPaymentMethodChecked: (
+      paymentMethodchecked: "toBankAccount" | "toPaypalAccount"
+    ) => void;
+    setPaymentScheduleChecked: (
+      paymentMethodchecked: "balanceThreshold" | "fixedDay"
+    ) => void;
     onSubmit: (props: any) => Promise<void>;
   };
   text: {
@@ -295,22 +302,24 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
       </div>
       <div>
         <div class={classes.CheckboxContainer}>
-          {states.loading && formState.checked === undefined ? (
+          {states.loading && formState.paymentMethodchecked === undefined ? (
             getLoadingSkeleton(undefined)
           ) : (
             <div style={{ display: "flex", flexDirection: "column" }}>
               <sl-checkbox
                 class={classes.Checkbox}
                 exportparts="label: input-label"
-                checked={formState.checked === "toBankAccount"}
-                onInput={() => callbacks.setChecked("toBankAccount")}
+                checked={formState.paymentMethodchecked === "toBankAccount"}
+                onInput={() =>
+                  callbacks.setPaymentMethodChecked("toBankAccount")
+                }
                 disabled={states.disabled}
                 id="toBankAccount"
                 name="/toBankAccount"
               >
                 {text.directlyToBankAccount}
               </sl-checkbox>
-              {formState.checked === "toBankAccount" && (
+              {formState.paymentMethodchecked === "toBankAccount" && (
                 <div
                   class={classes.InputContainer}
                   style={states.hideBanking ? { display: "none" } : {}}
@@ -324,15 +333,16 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                         slots.countryInputSlot,
                         slots.paymentMethodSlot,
                         slots.formInputsSlot,
-                        slots.autoPaySlot,
                       ]}
                 </div>
               )}
               <sl-checkbox
                 class={classes.Checkbox}
                 exportparts="label: input-label"
-                checked={formState.checked === "toPaypalAccount"}
-                onInput={() => callbacks.setChecked("toPaypalAccount")}
+                checked={formState.paymentMethodchecked === "toPaypalAccount"}
+                onInput={() =>
+                  callbacks.setPaymentMethodChecked("toPaypalAccount")
+                }
                 disabled={states.disabled}
                 id="toPaypalAccount"
                 name="/toPaypalAccount"
@@ -345,7 +355,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                   { feeCap: states.feeCap }
                 )}
               </sl-checkbox>
-              {formState.checked === "toPaypalAccount" && (
+              {formState.paymentMethodchecked === "toPaypalAccount" && (
                 <div
                   class={classes.InputContainer}
                   style={states.hidePayPal ? { display: "none" } : {}}
@@ -362,6 +372,82 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                   )}
                 </div>
               )}
+              <div style={{ paddingTop: "24px", paddingBottom: "12px" }}>
+                <h4>Payment Schedule</h4>
+                <p class={classes.DescriptionText}>
+                  Payouts will be sent on the first day of each month from our
+                  referral program provider, impact.com.
+                </p>
+              </div>
+              <sl-checkbox
+                class={classes.Checkbox}
+                exportparts="label: input-label"
+                checked={
+                  formState.paymentScheduleChecked === "balanceThreshold"
+                }
+                onInput={() =>
+                  callbacks.setPaymentScheduleChecked("balanceThreshold")
+                }
+                disabled={states.disabled}
+                id="balanceThreshold"
+                name="/balanceThreshold"
+              >
+                Pay me when my balance reaches a threshold
+              </sl-checkbox>
+              {formState.paymentScheduleChecked === "balanceThreshold" && (
+                <div
+                  class={classes.InputContainer}
+                  style={states.hideBalanceThreshold ? { display: "none" } : {}}
+                >
+                  {states.loading ? (
+                    getLoadingSkeleton("toPaypalAccount")
+                  ) : (
+                    <sl-select
+                      label={"Payment Threshold"}
+                      name="/balanceThreshold"
+                      id="balanceThreshold"
+                      type="text"
+                    >
+                      <sl-menu-item value="1st">10 USD</sl-menu-item>
+                      <sl-menu-item value="15th">20 USD</sl-menu-item>
+                    </sl-select>
+                  )}
+                </div>
+              )}
+
+              <sl-checkbox
+                class={classes.Checkbox}
+                exportparts="label: input-label"
+                checked={formState.paymentScheduleChecked === "fixedDay"}
+                onInput={() => callbacks.setPaymentScheduleChecked("fixedDay")}
+                disabled={states.disabled}
+                id="fixedDay"
+                name="/fixedDay"
+              >
+                Pay me on a fixed day of the month
+              </sl-checkbox>
+              {formState.paymentScheduleChecked === "fixedDay" && (
+                <div
+                  class={classes.InputContainer}
+                  style={states.hideFixedDay ? { display: "none" } : {}}
+                >
+                  {states.loading ? (
+                    getLoadingSkeleton("toPaypalAccount")
+                  ) : (
+                    <sl-select
+                      label={"Payment Day"}
+                      name="/fixedDay"
+                      id="fixedDay"
+                      type="text"
+                    >
+                      <sl-menu-item value="1st">1st of the month</sl-menu-item>
+                      <sl-menu-item value="15th">
+                        15th of the month
+                      </sl-menu-item>
+                    </sl-select>
+                  )}
+                </div>
+              )}
             </div>
           )}
         </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 25e4595bd4..8cf8704d30 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -681,21 +681,6 @@ export class BankingInfoForm {
                 disabled
               ></sl-input>
             ),
-            autoPaySlot: (
-              <div>
-                <sl-input
-                  label={"Autopay Balance"}
-                  help-text="Pay me when my balance reaches threshold"
-                ></sl-input>
-                <sl-select
-                  label={"Autopay Date"}
-                  help-text="Pay me on a fixed day of the month"
-                >
-                  <sl-menu-item value="1st">1st of the month</sl-menu-item>
-                  <sl-menu-item value="15th">15th of the month</sl-menu-item>
-                </sl-select>
-              </div>
-            ),
           }}
         />
       </Host>

From c58c75cacbee9f71feccc85022879c5de7494c97 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 21 Feb 2024 15:54:58 -0800
Subject: [PATCH 286/753] make text translatable and add error stories

---
 packages/mint-components/src/components.d.ts  | 70 ++++++++++++++++
 .../tax-and-cash/BankingForm.stories.tsx      | 55 +++++++++++++
 .../sqm-banking-info-form-view.tsx            | 52 ++++--------
 .../sqm-banking-info-form.tsx                 | 79 ++++++++++++++++++-
 4 files changed, 219 insertions(+), 37 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 8d7874e26a..6e07b6757b 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -187,6 +187,21 @@ export namespace Components {
           * @uiName PayPal email input label
          */
         "payPalInputLabel": string;
+        /**
+          * Label text for the payment day select option for the fifteenth of the month
+          * @uiName Fifteenth of month label text
+         */
+        "paymentDayFifteenthOfMonthLabelText": string;
+        /**
+          * Label text for the payment day select option for the first of the month
+          * @uiName First of month label text
+         */
+        "paymentDayFirstOfMonthLabelText": string;
+        /**
+          * Label text for the payment day select
+          * @uiName Payment day select label
+         */
+        "paymentDaySelectLabel": string;
         /**
           * Heading text for the payment method section
           * @uiName Payment method heading text
@@ -197,6 +212,26 @@ export namespace Components {
           * @uiName Payment method subtext
          */
         "paymentMethodSubtext": string;
+        /**
+          * Heading text for the payment schedule section
+          * @uiName Payment schedule heading text
+         */
+        "paymentSchedule": string;
+        /**
+          * Text for the option to receive payments at a specific balance threshold
+          * @uiName Payment schedule balance threshold text
+         */
+        "paymentScheduleBalanceThreshold": string;
+        /**
+          * Text for the option to receive payments on a specific day of the month
+          * @uiName Payment schedule fixed day text
+         */
+        "paymentScheduleFixedDay": string;
+        /**
+          * Label text for the payment day select
+          * @uiName Payment day select label
+         */
+        "paymentThresholdSelectLabel": string;
         /**
           * Label text for the routing code input field
           * @uiName Routing code input label
@@ -5417,6 +5452,21 @@ declare namespace LocalJSX {
           * @uiName PayPal email input label
          */
         "payPalInputLabel"?: string;
+        /**
+          * Label text for the payment day select option for the fifteenth of the month
+          * @uiName Fifteenth of month label text
+         */
+        "paymentDayFifteenthOfMonthLabelText"?: string;
+        /**
+          * Label text for the payment day select option for the first of the month
+          * @uiName First of month label text
+         */
+        "paymentDayFirstOfMonthLabelText"?: string;
+        /**
+          * Label text for the payment day select
+          * @uiName Payment day select label
+         */
+        "paymentDaySelectLabel"?: string;
         /**
           * Heading text for the payment method section
           * @uiName Payment method heading text
@@ -5427,6 +5477,26 @@ declare namespace LocalJSX {
           * @uiName Payment method subtext
          */
         "paymentMethodSubtext"?: string;
+        /**
+          * Heading text for the payment schedule section
+          * @uiName Payment schedule heading text
+         */
+        "paymentSchedule"?: string;
+        /**
+          * Text for the option to receive payments at a specific balance threshold
+          * @uiName Payment schedule balance threshold text
+         */
+        "paymentScheduleBalanceThreshold"?: string;
+        /**
+          * Text for the option to receive payments on a specific day of the month
+          * @uiName Payment schedule fixed day text
+         */
+        "paymentScheduleFixedDay"?: string;
+        /**
+          * Label text for the payment day select
+          * @uiName Payment day select label
+         */
+        "paymentThresholdSelectLabel"?: string;
         /**
           * Label text for the routing code input field
           * @uiName Routing code input label
diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 6a0d6eb117..e1bd96265a 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -87,6 +87,8 @@ export const BankingInfoFormDefaultWithValidationErrors = () => {
               bankProvinceState: true,
               bankPostalCode: true,
               branchCode: true,
+              balanceThreshold: true,
+              fixedDay: true,
             },
           },
         },
@@ -291,6 +293,33 @@ export const BankingInfoFormWithBalanceThresholdPaymentSchedule = () => {
   );
 };
 
+export const BankingInfoFormWithBalanceThresholdPaymentScheduleWithError =
+  () => {
+    return (
+      <sqm-banking-info-form
+        demoData={{
+          ...bankingFormProps,
+          states: {
+            ...bankingFormProps.states,
+            bankCountry: "US",
+            formState: {
+              errors: {
+                balanceThreshold: true,
+              },
+              ...bankingFormProps.states.formState,
+              paymentScheduleChecked: "balanceThreshold",
+            },
+          },
+          demo: {
+            ...bankingFormProps.demo,
+            currency: "USD",
+            // bitset: 39,
+          },
+        }}
+      ></sqm-banking-info-form>
+    );
+  };
+
 export const BankingInfoFormWithFixedDayPaymentSchedule = () => {
   return (
     <sqm-banking-info-form
@@ -313,3 +342,29 @@ export const BankingInfoFormWithFixedDayPaymentSchedule = () => {
     ></sqm-banking-info-form>
   );
 };
+
+export const BankingInfoFormWithFixedDayPaymentScheduleWithError = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        states: {
+          ...bankingFormProps.states,
+          bankCountry: "US",
+          formState: {
+            errors: {
+              fixedDay: true,
+            },
+            ...bankingFormProps.states.formState,
+            paymentScheduleChecked: "fixedDay",
+          },
+        },
+        demo: {
+          ...bankingFormProps.demo,
+          currency: "USD",
+          // bitset: 39,
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 1ce4ab1f7b..b962e70fab 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -25,6 +25,8 @@ export interface BankingInfoFormViewProps {
     formInputsSlot?: VNode[];
     countryInputSlot?: VNode;
     paymentMethodSlot?: VNode;
+    paymentThresholdSelectSlot?: VNode;
+    paymentFixedDaySelectSlot?: VNode;
   };
   callbacks: {
     setPaymentMethodChecked: (
@@ -45,6 +47,12 @@ export interface BankingInfoFormViewProps {
     paymentMethodSubtext: string;
     submitButton: string;
     payPalInputLabel: string;
+    paymentSchedule: string;
+    paymentScheduleBalanceThreshold: string;
+    paymentScheduleFixedDay: string;
+    paymentDaySelectLabel: string;
+    paymentDayFirstOfMonthLabelText: string;
+    paymentDayFifteenthOfMonthLabelText: string;
     isPartnerAlertHeader: string;
     isPartnerAlertDescription: string;
     error: {
@@ -373,11 +381,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 </div>
               )}
               <div style={{ paddingTop: "24px", paddingBottom: "12px" }}>
-                <h4>Payment Schedule</h4>
-                <p class={classes.DescriptionText}>
-                  Payouts will be sent on the first day of each month from our
-                  referral program provider, impact.com.
-                </p>
+                <h4>{text.paymentSchedule}</h4>
               </div>
               <sl-checkbox
                 class={classes.Checkbox}
@@ -392,26 +396,16 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 id="balanceThreshold"
                 name="/balanceThreshold"
               >
-                Pay me when my balance reaches a threshold
+                {text.paymentScheduleBalanceThreshold}
               </sl-checkbox>
               {formState.paymentScheduleChecked === "balanceThreshold" && (
                 <div
                   class={classes.InputContainer}
                   style={states.hideBalanceThreshold ? { display: "none" } : {}}
                 >
-                  {states.loading ? (
-                    getLoadingSkeleton("toPaypalAccount")
-                  ) : (
-                    <sl-select
-                      label={"Payment Threshold"}
-                      name="/balanceThreshold"
-                      id="balanceThreshold"
-                      type="text"
-                    >
-                      <sl-menu-item value="1st">10 USD</sl-menu-item>
-                      <sl-menu-item value="15th">20 USD</sl-menu-item>
-                    </sl-select>
-                  )}
+                  {states.loading
+                    ? getLoadingSkeleton("toPaypalAccount")
+                    : slots.paymentThresholdSelectSlot}
                 </div>
               )}
 
@@ -424,28 +418,16 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 id="fixedDay"
                 name="/fixedDay"
               >
-                Pay me on a fixed day of the month
+                {text.paymentScheduleFixedDay}
               </sl-checkbox>
               {formState.paymentScheduleChecked === "fixedDay" && (
                 <div
                   class={classes.InputContainer}
                   style={states.hideFixedDay ? { display: "none" } : {}}
                 >
-                  {states.loading ? (
-                    getLoadingSkeleton("toPaypalAccount")
-                  ) : (
-                    <sl-select
-                      label={"Payment Day"}
-                      name="/fixedDay"
-                      id="fixedDay"
-                      type="text"
-                    >
-                      <sl-menu-item value="1st">1st of the month</sl-menu-item>
-                      <sl-menu-item value="15th">
-                        15th of the month
-                      </sl-menu-item>
-                    </sl-select>
-                  )}
+                  {states.loading
+                    ? getLoadingSkeleton("toPaypalAccount")
+                    : slots.paymentFixedDaySelectSlot}
                 </div>
               )}
             </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 8cf8704d30..c1efdabab2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -56,20 +56,56 @@ export class BankingInfoForm {
    */
   @Prop() toPaypalAccount: string =
     "PayPal (2% processing fee capped to {feeCap})";
+  /**
+   * Text for the option to receive payments at a specific balance threshold
+   * @uiName Payment schedule balance threshold text
+   */
+  @Prop() paymentScheduleBalanceThreshold: string =
+    "Pay me when my balance reaches a threshold";
+  /**
+   * Text for the option to receive payments on a specific day of the month
+   * @uiName Payment schedule fixed day text
+   */
+  @Prop() paymentScheduleFixedDay: string =
+    "Pay me on a fixed day of the month";
 
+  /**
+   * Label text for the payment day select
+   * @uiName Payment day select label
+   */
+  @Prop() paymentDaySelectLabel: string = "Payment Day";
+
+  /**
+   * Label text for the payment day select
+   * @uiName Payment day select label
+   */
+  @Prop() paymentThresholdSelectLabel: string = "Payment Threshold";
+  /**
+   * Label text for the payment day select option for the first of the month
+   * @uiName First of month label text
+   */
+  @Prop() paymentDayFirstOfMonthLabelText: string = "1st of the month";
+  /**
+   * Label text for the payment day select option for the fifteenth of the month
+   * @uiName Fifteenth of month label text
+   */
+  @Prop() paymentDayFifteenthOfMonthLabelText: string = "15th of the month";
   /**
    * Heading text for the payment method section
    * @uiName Payment method heading text
    */
   @Prop() paymentMethod: string = "Payment Method";
-
+  /**
+   * Heading text for the payment schedule section
+   * @uiName Payment schedule heading text
+   */
+  @Prop() paymentSchedule: string = "Payment Schedule";
   /**
    * Subtext for the payment method section
    * @uiName Payment method subtext
    */
   @Prop() paymentMethodSubtext: string =
     "Payouts will be sent on the first day of each month from our referral program provider, impact.com.";
-
   /**
    * Label text for the PayPal email input field
    * @uiName PayPal email input label
@@ -681,6 +717,43 @@ export class BankingInfoForm {
                 disabled
               ></sl-input>
             ),
+            paymentThresholdSelectSlot: (
+              <sl-select
+                label={props.text.paymentThresholdSelectLabel}
+                name="/balanceThreshold"
+                id="balanceThreshold"
+                {...(errors?.balanceThreshold && {
+                  class: "error-input",
+                  helpText: this.getValidationErrorMessage(
+                    props.text.paymentThresholdSelectLabel
+                  ),
+                })}
+              >
+                {/* TODO: Unhardcode this list */}
+                <sl-menu-item value="1st">10 USD</sl-menu-item>
+                <sl-menu-item value="15th">20 USD</sl-menu-item>
+              </sl-select>
+            ),
+            paymentFixedDaySelectSlot: (
+              <sl-select
+                label={props.text.paymentDaySelectLabel}
+                name="/fixedDay"
+                id="fixedDay"
+                {...(errors?.fixedDay && {
+                  class: "error-input",
+                  helpText: this.getValidationErrorMessage(
+                    props.text.paymentDaySelectLabel
+                  ),
+                })}
+              >
+                <sl-menu-item value="1st">
+                  {props.text.paymentDayFirstOfMonthLabelText}
+                </sl-menu-item>
+                <sl-menu-item value="15th">
+                  {props.text.paymentDayFifteenthOfMonthLabelText}
+                </sl-menu-item>
+              </sl-select>
+            ),
           }}
         />
       </Host>
@@ -765,6 +838,8 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
             bankProvinceState: false,
             bankPostalCode: false,
             branchCode: false,
+            balanceThreshold: false,
+            fixedDay: false,
           },
         },
         intlLocale: "en",

From 57381729ea8c813b00d1ed025b8cfb6bac88570f Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 21 Feb 2024 17:15:04 -0800
Subject: [PATCH 287/753] Updated specs. Refactored DocumentSubmittedView

---
 packages/mint-components/src/components.d.ts  |  20 --
 .../tax-and-cash/TaxForm.stories.tsx          |  17 --
 .../sqm-docusign-form/sqm-docusign-form.tsx   |   2 +-
 .../sqm-indirect-tax-form.feature             | 191 ++++++++----------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  12 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  44 ++--
 .../sqm-tax-document-submitted-view.tsx       |  67 +++---
 .../sqm-tax-document-submitted.feature        |  20 +-
 .../sqm-tax-document-submitted.tsx            |  10 +-
 .../sqm-user-info-form-view.tsx               |   2 -
 .../sqm-user-info-form.feature                |  21 +-
 packages/mint-components/src/index.html       |   4 +-
 12 files changed, 171 insertions(+), 239 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 0d25b91620..8e4b26d7cb 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -4114,11 +4114,6 @@ export namespace Components {
           * @uiName Indirect tax details
          */
         "step4_indirectTaxDetails": string;
-        /**
-          * Indirect tax description text for individual participants
-          * @uiName Indirect tax individual participant description
-         */
-        "step4_indirectTaxIndividualParticipant": string;
         /**
           * Country/Region description text of indirect tax
           * @uiName Indirect tax Canada description
@@ -4271,11 +4266,6 @@ export namespace Components {
           * @uiName Indirect tax details
          */
         "indirectTaxDetails": string;
-        /**
-          * Indirect tax description text for individual participants
-          * @uiName Indirect tax individual participant description
-         */
-        "indirectTaxIndividualParticipant": string;
         /**
           * Country/Region description text of indirect tax
           * @uiName Indirect tax Canada description
@@ -9343,11 +9333,6 @@ declare namespace LocalJSX {
           * @uiName Indirect tax details
          */
         "step4_indirectTaxDetails"?: string;
-        /**
-          * Indirect tax description text for individual participants
-          * @uiName Indirect tax individual participant description
-         */
-        "step4_indirectTaxIndividualParticipant"?: string;
         /**
           * Country/Region description text of indirect tax
           * @uiName Indirect tax Canada description
@@ -9500,11 +9485,6 @@ declare namespace LocalJSX {
           * @uiName Indirect tax details
          */
         "indirectTaxDetails"?: string;
-        /**
-          * Indirect tax description text for individual participants
-          * @uiName Indirect tax individual participant description
-         */
-        "indirectTaxIndividualParticipant"?: string;
         /**
           * Country/Region description text of indirect tax
           * @uiName Indirect tax Canada description
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 98bec6992e..9bd9ffbbcb 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -984,23 +984,6 @@ export const TaxDocumentSubmittedIndirectTaxCanada = () => {
 };
 
 export const TaxDocumentSubmittedNotRegistered = () => {
-  return (
-    <sqm-tax-document-submitted
-      demoData={{
-        states: {
-          status: "ACTIVE",
-          documentType: "W8BEN",
-          dateSubmitted: "Jan 18th, 2025",
-          noFormNeeded: false,
-          notRegistered: true,
-          isBusinessEntity: true,
-        },
-      }}
-    ></sqm-tax-document-submitted>
-  );
-};
-
-export const TaxDocumentSubmittedIndividualParticipant = () => {
   return (
     <sqm-tax-document-submitted
       demoData={{
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 35da7c57de..d2da6ae2c3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -112,7 +112,7 @@ export class DocusignForm {
    * Label text for the business entity radio button
    * @uiName Business entity radio button label
    */
-  @Prop() businessEntity: string = "I represent a business entity";
+  @Prop() businessEntity: string = "I represent a company";
   /**
    * Label text for the individual participant radio button
    * @uiName Individual participant radio button label
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 1de0e74725..52dcabbf05 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -4,95 +4,17 @@ Feature: Indirect Tax Form
   Background: A user has submitted their personal information in Tax Form Step One
     Given a user is on the Indirect Tax Form
 
-  @minutia
-  Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
-    Given they are on step 2
-    When <option> is selected based on the participant <country> from step 1
-    And their <participantType> is "businessEntity"
-    Then different <inputs> appear
-
-    Examples: 
-      | country | option                                               | participantType       | inputs                                                  |
-      | CA      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Province, ?HST/GST Number, ?QST Number(Quebec) |
-      | ES      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, Sub Region, VAT Number, ?Income Tax Number     |
-      | UK      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, VAT Number                                     |
-      | IR      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                     |
-      | AU      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, GST Number                                     |
-      | JP      | I am registered for Indirect Tax in a Country/Region | businessEntity        | Country, CT Number                                      |
-      | US      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                     |
-      | EG      | I am not registered for Indirect tax                 | individualParticipant | N/A                                                     |
-
-  @minutia @ui
-  Scenario Outline: The country select displays applicable indirect tax countries and changes the VAT/GST/CT number input
-    When the "I am registered for Indirect Tax" option is selected
-    Then A Country select appears with available <country>s and corresponding <typeTax>:
-      | typeTax | country        |
-      | VAT     | UK             |
-      | GST     | Australia      |
-      | GST     | New Zealand    |
-      | VAT     | Austria        |
-      | VAT     | Belgium        |
-      | VAT     | Bulgaria       |
-      | VAT     | Croatia        |
-      | VAT     | Cyprus         |
-      | VAT     | Czech Republic |
-      | VAT     | Denmark        |
-      | VAT     | Estonia        |
-      | VAT     | Finland        |
-      | VAT     | France         |
-      | VAT     | Germany        |
-      | VAT     | Greece         |
-      | VAT     | Hungary        |
-      | VAT     | Ireland        |
-      | VAT     | Italy          |
-      | VAT     | Latvia         |
-      | VAT     | Lithuania      |
-      | VAT     | Luxembourg     |
-      | VAT     | Malta          |
-      | VAT     | Netherlands    |
-      | VAT     | Poland         |
-      | VAT     | Portugal       |
-      | VAT     | Romania        |
-      | VAT     | Slovakia       |
-      | VAT     | Slovenia       |
-      | VAT     | Spain          |
-      | VAT     | Sweden         |
-      | VAT     | Iceland        |
-      | GST     | India          |
-      | VAT     | Israel         |
-      | CT      | Japan          |
-      | VAT     | Mexico         |
-      | VAT     | Norway         |
-      | GST     | Singapore      |
-      | VAT     | South Africa   |
-      | VAT     | South Korea    |
-      | VAT     | Switzerland    |
-      | VAT     | Taiwan         |
-      | VAT     | Thailand       |
-      | VAT     | Philippines    |
-      | GST     | Malaysia       |
-      | VAT     | UAE            |
-      | VAT     | Turkey         |
-      | VAT     | Russia         |
-    And based on the <typeTax>
-    Then <typeTaxInputHeader> changes
-
-    Examples: 
-      | typeTax | typeTaxInputHeader |
-      | VAT     | VAT Number         |
-      | GST     | GST Number         |
-      | CT      | CT Number          |
-
   @minutia @ui
-  Scenario: The province select displays applicable indirect tax provinces
-    When the "I am registered Indirect Tax" option is selected
-    And the country is "Canada"
-    Then A Province select appears with the available <provinces>
-    And based on the selected <provinces>
-    Then a <typeTaxInputs> will appear
+  Scenario Outline: Participant selects Canada in step 1
+    Given they select "Canada" as their country in step 1
+    Then the "I am registered Indirect Tax" option is selected in step 2
+    And the Country select is auto-selected with "Canada" from step 1
+    And a Province select appears with the available <provinces>
+    And based on the selected <province>
+    Then <typeTaxInputs> will appear
 
     Examples: 
-      | provinces             | typeTaxInput      |
+      | province              | typeTaxInput      |
       | Ontario               | HST Number        |
       | New Brunswick         | HST Number        |
       | Newfoundland          | HST Number        |
@@ -107,19 +29,82 @@ Feature: Indirect Tax Form
       | Alberta               | GST Number        |
       | Northwest Territories | GST Number        |
 
-  @minutia
+  @minutia @ui
   Scenario: QST Number input appears if the province is Quebec
-    When the "I am registered Indirect Tax" option is selected with the country as "Canada"
+    Given the participant selects "Canada" as their country in step 1
+    And they Quebec select as their province
     Then a "GST Number" input will appear
-    And a checkbox with "I am registred for QST Tax" will appear
+    And a checkbox with "I am registered for QST Tax" will appear
     And if the participant checks the box
     Then a "QST Number" input will appear
 
+  @minutia @ui
+  Scenario Outline: Participant selects other country that has tax handling in step 1
+    Given they select one of the following <countries> with <typeTax> in step 1:
+      | countries      | typeTax |
+      | UK             | VAT     |
+      | Australia      | GST     |
+      | New Zealand    | GST     |
+      | Austria        | VAT     |
+      | Belgium        | VAT     |
+      | Bulgaria       | VAT     |
+      | Croatia        | VAT     |
+      | Cyprus         | VAT     |
+      | Czech Republic | VAT     |
+      | Denmark        | VAT     |
+      | Estonia        | VAT     |
+      | Finland        | VAT     |
+      | France         | VAT     |
+      | Germany        | VAT     |
+      | Greece         | VAT     |
+      | Hungary        | VAT     |
+      | Ireland        | VAT     |
+      | Italy          | VAT     |
+      | Latvia         | VAT     |
+      | Lithuania      | VAT     |
+      | Luxembourg     | VAT     |
+      | Malta          | VAT     |
+      | Netherlands    | VAT     |
+      | Poland         | VAT     |
+      | Portugal       | VAT     |
+      | Romania        | VAT     |
+      | Slovakia       | VAT     |
+      | Slovenia       | VAT     |
+      | Spain          | VAT     |
+      | Sweden         | VAT     |
+      | Iceland        | VAT     |
+      | India          | GST     |
+      | Israel         | VAT     |
+      | Japan          | CT      |
+      | Mexico         | VAT     |
+      | Norway         | VAT     |
+      | Singapore      | GST     |
+      | South Africa   | VAT     |
+      | South Korea    | VAT     |
+      | Switzerland    | VAT     |
+      | Taiwan         | VAT     |
+      | Thailand       | VAT     |
+      | Philippines    | VAT     |
+      | Malaysia       | GST     |
+      | UAE            | VAT     |
+      | Turkey         | VAT     |
+      | Russia         | VAT     |
+    Then the "I am registered Indirect Tax" option is selected in step 2
+    And the Country select is auto-selected with their <country> from step 1
+    And based on the <typeTax>
+    Then <typeTaxInputHeader> changes
+
+    Examples: 
+      | country        | typeTax | typeTaxInputHeader |
+      | United Kingdom | VAT     | VAT Number         |
+      | Australia      | GST     | GST Number         |
+      | Japan          | CT      | CT Number          |
+
   @minutia
-  Scenario: Sub Region and Income Tax Number appear if country is Spain
-    When the "I am registered Indirect Tax" option is selected
-    And the country is "Spain"
-    Then a "Sub Region" select appears with available <subRegions>
+  Scenario: Participant selects Spain as their country
+    Given the participant selects Spain as their country in step 1
+    Then a VAT Number input appears
+    And a "Sub Region" select appears with available <subRegions>
     And a "I am registered for Income Tax" checkbox will appear
     And if the participant checks <isRegisteredIncomeTax>
     Then a "Income Tax Number" input will appear
@@ -130,15 +115,11 @@ Feature: Indirect Tax Form
       | Barcelona  | false                 |
       | Valencia   | true                  |
 
-  @minutia @ui
-  Scenario Outline: Participant from another country has their country value auto selected
-    When "I am registered for Indirect Tax in a different Country / Region" is selected
-    Then the Country <countryAutoSelectValue> is initialized with their <country> from step 1
-
-    Examples: 
-      | country | countryAutoSelectValue |
-      | US      | United States          |
-      | AUS     | Australia              |
+  @minutia
+  Scenario: Participant selects other country that is ineligible for indirect tax
+    Given they select a country ineligible for indirect tax in step 1
+    Then "I am not regisitered for Indirect Tax" is auto-selected
+    And no inputs will appear
 
   @unknown @minutia
   Scenario Outline: Participant from another country can change the auto selected country
@@ -176,12 +157,6 @@ Feature: Indirect Tax Form
       | <qstNumber>         | "QST Number is required"                                                                           |
       | <subRegionTaxNumber | "Income tax number is required                                                                     |
 
-  @minutia
-  Scenario: Participant is not registered for indirect tax
-    When they select "I am not regisitred for Indirect Tax"
-    Then no inputs will appear
-    And they can press "Continue"
-
   @minutia
   Scenario: Participant decides to go back to step 1
     When they press the Back button
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 1b384b5442..ceb1009e50 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -394,7 +394,7 @@ export class TaxAndCashMonolith {
    * @uiName Business entity radio button label
    * @uiGroup Step 3 Properties
    */
-  @Prop() step3_businessEntity: string = "I represent a business entity";
+  @Prop() step3_businessEntity: string = "I represent a company";
   /**
    * Label text for the individual participant radio button
    * @uiName Individual participant radio button label
@@ -743,13 +743,6 @@ export class TaxAndCashMonolith {
    * @uiName Indirect tax other country description
    */
   @Prop() step4_indirectTaxInfoOtherCountry: string = "Registered in {country}";
-  /**
-   * Indirect tax description text for individual participants
-   *
-   * @uiName Indirect tax individual participant description
-   */
-  @Prop() step4_indirectTaxIndividualParticipant: string =
-    "Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax.";
   /**
    * Indirect tax tooltip text for support
    *
@@ -777,7 +770,8 @@ export class TaxAndCashMonolith {
    * @uiName Not registered for Indirect Tax
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_notRegisteredForTax: string = "Not registered for Indirect Tax";
+  @Prop() step4_notRegisteredForTax: string =
+    "Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information.";
   /**
    * The title for error message shown at the top of the page in an error banner
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 93a25d823b..70d65499ab 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -57,28 +57,9 @@ export function useTaxAndCash() {
 
   /**** DEMO DATA */
 
-  // const id = "640b0771601fa92fc6532e8a018885d5fa106f8ebb9235a46b5d88d3352254fa";
-  // const accountId =
-  //   "640b0771601fa92fc6532e8a018885d5fa106f8ebb9235a46b5d88d3352254fa";
-  // const programId = "22514";
-
-  // //@ts-ignore
-  // window.widgetIdent = {
-  //   tenantAlias: "aprh0cfq6y8tk",
-  //   appDomain: "https://staging.referralsaasquatch.com",
-  //   programId,
-  // };
-
-  // useEffect(() => {
-  //   setUserIdentity({
-  //     accountId,
-  //     id,
-  //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjQwYjA3NzE2MDFmYTkyZmM2NTMyZThhMDE4ODg1ZDVmYTEwNmY4ZWJiOTIzNWE0NmI1ZDg4ZDMzNTIyNTRmYSIsImFjY291bnRJZCI6IjY0MGIwNzcxNjAxZmE5MmZjNjUzMmU4YTAxODg4NWQ1ZmExMDZmOGViYjkyMzVhNDZiNWQ4OGQzMzUyMjU0ZmEifX0.K-BIpxqDGIQc1Rch3U_Lv7wn_Gsgt8Hr1zcYjd4F-Os",
-  //   });
-  // }, []);
-  const id = "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+  const id = "640b0771601fa92fc6532e8a018885d5fa106f8ebb9235a46b5d88d3352254fa";
   const accountId =
-    "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+    "640b0771601fa92fc6532e8a018885d5fa106f8ebb9235a46b5d88d3352254fa";
   const programId = "22514";
 
   //@ts-ignore
@@ -92,9 +73,28 @@ export function useTaxAndCash() {
     setUserIdentity({
       accountId,
       id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjQwYjA3NzE2MDFmYTkyZmM2NTMyZThhMDE4ODg1ZDVmYTEwNmY4ZWJiOTIzNWE0NmI1ZDg4ZDMzNTIyNTRmYSIsImFjY291bnRJZCI6IjY0MGIwNzcxNjAxZmE5MmZjNjUzMmU4YTAxODg4NWQ1ZmExMDZmOGViYjkyMzVhNDZiNWQ4OGQzMzUyMjU0ZmEifX0.K-BIpxqDGIQc1Rch3U_Lv7wn_Gsgt8Hr1zcYjd4F-Os",
     });
   }, []);
+  // const id = "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+  // const accountId =
+  //   "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+  // const programId = "22514";
+
+  // //@ts-ignore
+  // window.widgetIdent = {
+  //   tenantAlias: "aprh0cfq6y8tk",
+  //   appDomain: "https://staging.referralsaasquatch.com",
+  //   programId,
+  // };
+
+  // useEffect(() => {
+  //   setUserIdentity({
+  //     accountId,
+  //     id,
+  //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
+  //   });
+  // }, []);
 
   const user = useUserIdentity();
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 77f6247724..8f86104d1e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -323,32 +323,36 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                   <sl-icon name="info-circle" style={{ top: "6px" }} />
                 </sl-tooltip>
               </h3>
-              {states.isBusinessEntity ? (
-                <div class={sheet.classes.IndirectTaxPreviewDetails}>
-                  <span>
-                    {states.notRegistered
-                      ? text.notRegisteredForTax
-                      : states.province
-                      ? intl.formatMessage(
-                          {
-                            id: `indirectTaxInfoCanada`,
-                            defaultMessage: text.indirectTaxInfoCanada,
-                          },
-                          {
-                            country: "Canada",
-                            province: states.province,
-                          }
-                        )
-                      : intl.formatMessage(
-                          {
-                            id: `indirectTaxInfoOtherCountry`,
-                            defaultMessage: text.indirectTaxInfoOtherCountry,
-                          },
-                          {
-                            country: states.country,
-                          }
-                        )}
-                  </span>
+              <div class={sheet.classes.IndirectTaxPreviewDetails}>
+                <span>
+                  {states.notRegistered ? (
+                    <span class={sheet.classes.NotRegisteredIndirectTaxText}>
+                      {text.notRegisteredForTax}
+                    </span>
+                  ) : states.province ? (
+                    intl.formatMessage(
+                      {
+                        id: `indirectTaxInfoCanada`,
+                        defaultMessage: text.indirectTaxInfoCanada,
+                      },
+                      {
+                        country: "Canada",
+                        province: states.province,
+                      }
+                    )
+                  ) : (
+                    intl.formatMessage(
+                      {
+                        id: `indirectTaxInfoOtherCountry`,
+                        defaultMessage: text.indirectTaxInfoOtherCountry,
+                      },
+                      {
+                        country: states.country,
+                      }
+                    )
+                  )}
+                </span>
+                {!states.notRegistered && (
                   <span>
                     {intl.formatMessage(
                       {
@@ -361,15 +365,8 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                       }
                     )}
                   </span>
-                </div>
-              ) : (
-                <div class={sheet.classes.IndirectTaxPreviewDetails}>
-                  <span class={sheet.classes.NotRegisteredIndirectTaxText}>
-                    {text.indirectTaxIndividualParticipant}
-                  </span>
-                  <span></span>
-                </div>
-              )}
+                )}
+              </div>
             </div>
           )}
         </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
index 3a24d9bbd6..5cd272cd18 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
@@ -50,18 +50,20 @@ Feature: Tax Document Submitted View
 
   @minutia
   Scenario Outline: Indirect Tax section shows details if participant is registered for indirect tax
-    Given they are <entityType>
-    And if the participant <isRegistered> for indirect tax in their <country>
+    When the participant <isRegistered> for indirect tax in their <country>
     Then the Indirect Tax section will display <registeredDetails>, <indirectTaxType>, and <indirectTaxNumber>
 
     Examples: 
-      | entityType            | isRegistered | country          | details                                                                                                                                                       | indirectTaxType | indirectTaxNumber |
-      | businessEntity        | true         | Australia        | Registered in Australia.                                                                                                                                      | GST             |            123456 |
-      | businessEntity        | true         | Canada           | Registered in Ontario, Canada.                                                                                                                                | GST             |            345213 |
-      | businessEntity        | true         | United Kingdom   | Registered in United Kingdom.                                                                                                                                 | VAT             |            321413 |
-      | businessEntity        | false        | United States    | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                 | N/A               |
-      | individualParticipant | false        | United States    | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                 | N/A               |
-      | individualParticipant | false        | Papua New Guinea | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                 | N/A               |
+      | isRegistered | country          | registeredDetails                                                                                                                                             | indirectTaxType        | indirectTaxNumber |
+      | true         | Australia        | Registered in Australia.                                                                                                                                      | GST                    |            123456 |
+      | true         | Canada           | Registered in Ontario, Canada.                                                                                                                                | GST                    |            345213 |
+      | true         | Canada           | Registered in British Columbia, Canada.                                                                                                                       | HST                    |            345213 |
+      | true         | Canada           | Registered in Quebec, Canada.                                                                                                                                 | GST, QST               |     345213, 12312 |
+      | true         | United Kingdom   | Registered in United Kingdom.                                                                                                                                 | VAT                    |            321413 |
+      | true         | Spain            | Registered in Spain, Madred.                                                                                                                                  | VAT, Income Tax Number |     345213, 12345 |
+      | false        | United States    | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
+      | false        | United States    | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
+      | false        | Papua New Guinea | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
 
   @minutia @ui
   Scenario Outline: A Danger Alert is displayed if the users tax form is invalid
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index e258ebc408..41a92e6e59 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -116,13 +116,6 @@ export class TaxDocumentSubmitted {
    * @uiName Indirect tax other country description
    */
   @Prop() indirectTaxInfoOtherCountry: string = "Registered in {country}";
-  /**
-   * Indirect tax description text for individual participants
-   *
-   * @uiName Indirect tax individual participant description
-   */
-  @Prop() indirectTaxIndividualParticipant: string =
-    "Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information.";
   /**
    * Indirect tax tooltip text for support
    *
@@ -173,7 +166,8 @@ export class TaxDocumentSubmitted {
    *
    * @uiName Not registered for Indirect Tax
    */
-  @Prop() notRegisteredForTax: string = "Not Registered";
+  @Prop() notRegisteredForTax: string =
+    "Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information.";
   /**
    * The title for error message shown at the top of the page in an error banner
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 9b3a4efea9..f7e04ec947 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -193,8 +193,6 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
   } = props;
   const { classes } = sheet;
 
-  console.log(data);
-
   return (
     <sl-form
       class={classes.FormWrapper}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
index 40b18448da..b35256b142 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
@@ -5,11 +5,11 @@ Feature: Tax Form Step One
     Given a user is on Tax Form Step One
 
   @minutia
-  Scenario: The Participant is a partner and cannot change their email
+  Scenario: The Participant is a partner and form fields are disabled
     When they are on the form
     And they are already a partner
-    Then the email field is pre-filled with their email
-    And the email field is disabled
+    Then the firstName, lastName, email, country, and currency fields cannot be changed
+    And the fields are disabled
 
   @minutia
   Scenario: A user is filling out the form and selects their country
@@ -103,13 +103,22 @@ Feature: Tax Form Step One
       | TRY        |
       | RUB        |
 
-  @minutia @ui
-  Scenario: User comes back to step 1 form after filling out and submitting
+  @minutia
+  Scenario: Non-partner participant comes back to step 1 form after filling out and submitting
+    Given they are not a partner
     When they have finished filling out the form
     And press "Continue"
     But on step 2 they press the "Back" button
     And arrive back on step 1
-    Then the "Country" and "Currency" fields will be disabled
+    Then the step 1 fields can be edited
+
+  @minutia
+  Scenario: Participant that is a partner comes back to step 1 form after submitting
+    Given they are a partner
+    When they press "Continue"
+    But on step 2 they press the "Back" button
+    And arrive back on step 1
+    Then the step 1 fields are disabled
 
   @minutia
   Scenario: Country select is searchable
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From 06d8b4935e1c48116067f664e96e7d08eee9a6fb Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 22 Feb 2024 08:27:51 -0800
Subject: [PATCH 288/753] remove participantType properly from step 1

---
 .../components/tax-and-cash/TaxForm.stories.tsx    |  1 -
 .../sqm-indirect-tax-form/useIndirectTaxForm.tsx   |  8 +-------
 .../tax-and-cash/sqm-tax-and-cash/data.ts          |  1 -
 .../sqm-user-info-form/sqm-user-info-form-view.tsx |  4 ----
 .../sqm-user-info-form/sqm-user-info-form.tsx      |  1 -
 .../sqm-user-info-form/useUserInfoForm.tsx         | 14 --------------
 6 files changed, 1 insertion(+), 28 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index d85e26fa77..162ff9ab2d 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -32,7 +32,6 @@ const stepOneProps: StoryDemoData<UseUserInfoFormResult> = {
       email: "bobtesterson@example.com",
       countryCode: "US",
       currency: "CAD",
-      participantType: "individualParticipant",
       errors: {},
     },
   },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 07fd4496c4..653a2e47e6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -50,14 +50,9 @@ const CONNECT_PARTNER = gql`
   }
 `;
 
-function getOption(
-  countries: TaxCountry[] | undefined,
-  participantType: string,
-  countryCode: string
-) {
+function getOption(countries: TaxCountry[] | undefined, countryCode: string) {
   if (!countries) return;
 
-  if (participantType === "individualParticipant") return "notRegistered";
   if (countries.find((c) => c.impactCountryCode === countryCode)) {
     return "otherRegion";
   } else {
@@ -92,7 +87,6 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
   useEffect(() => {
     const _option = getOption(
       _countries?.impactPartnerCountries?.data,
-      userForm.participantType,
       userForm.countryCode
     );
     setOption(_option);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index e9b257ffa5..3f78e012af 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -20,7 +20,6 @@ export type UserFormContext = {
   email: string;
   countryCode: string;
   currency: string;
-  participantType: string | undefined;
 };
 
 export type TaxContext = {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index f7e04ec947..b077127b3a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -1,6 +1,5 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
 
 export interface UserInfoFormViewProps {
   states: {
@@ -15,14 +14,12 @@ export interface UserInfoFormViewProps {
       countryCode?: string;
       currency?: string;
       allowBankingCollection?: boolean;
-      participantType: "individualParticipant" | "businessEntity" | undefined;
       errors?: {
         general?: boolean;
         firstName?: boolean;
         lastName?: boolean;
         countryCode?: boolean;
         currency?: boolean;
-        participantType?: boolean;
         allowBankingCollection?: boolean;
       };
       error?: string;
@@ -42,7 +39,6 @@ export interface UserInfoFormViewProps {
     setCurrencySearch: (c: any) => void;
     setCountrySearch: (c: any) => void;
     onSubmit: (props: any) => void;
-    onRadioClick: (value: string) => void;
   };
   text: {
     formStep: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 413db460c7..ba10472477 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -193,7 +193,6 @@ export class TaxForm {
           callbacks={{
             ...props.callbacks,
             onSubmit: props.onSubmit,
-            onRadioClick: props.onRadioClick,
           }}
           text={props.text}
           refs={props.refs}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 6ab8fcaa58..cd598eb8cf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -80,7 +80,6 @@ export function useUserInfoForm(props: TaxForm) {
         email: user.impactPartner.email,
         countryCode: user.impactPartner.country,
         currency: user.impactPartner.currency,
-        participantType: undefined, // TODO: Fill in when able
       });
     } else {
       // Initialise with user information
@@ -90,7 +89,6 @@ export function useUserInfoForm(props: TaxForm) {
         email: user.email,
         countryCode: user.countryCode,
         currency: user.customFields?.currency,
-        participantType: undefined,
       });
     }
   }, [data, step]);
@@ -127,10 +125,6 @@ export function useUserInfoForm(props: TaxForm) {
     }
   }, [currencySearch, currencies]);
 
-  function onRadioClick(value: string) {
-    setUserFormContext({ ...userFormContext, participantType: value });
-  }
-
   async function onSubmit(event: any) {
     let formControls = event.target.getFormControls();
 
@@ -143,12 +137,6 @@ export function useUserInfoForm(props: TaxForm) {
       const key = control.name;
       const value = control.value;
 
-      if (control.name === "/participantType") {
-        control.checked && jsonpointer.set(formData, key, value);
-      } else {
-        jsonpointer.set(formData, key, value);
-      }
-
       // required validation
       if (control.required && !value) {
         jsonpointer.set(errors, key, props.allowBankingCollectionError);
@@ -174,7 +162,6 @@ export function useUserInfoForm(props: TaxForm) {
       ...userFormContext,
       countryCode: userData.countryCode,
       currency: userData.currency,
-      participantType: userData.participantType,
     });
 
     const nextStep = context.overrideNextStep || "/2";
@@ -185,7 +172,6 @@ export function useUserInfoForm(props: TaxForm) {
     step: step,
     setStep: setStep,
     onSubmit,
-    onRadioClick,
     text: props.getTextProps(),
     callbacks: {
       setCurrencySearch,

From 673b311b4b55c20f1f9466e3ec5c0c62898eb066 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 22 Feb 2024 08:48:03 -0800
Subject: [PATCH 289/753] new backend schema

---
 .../useBankingInfoForm.tsx                    |  4 +-
 .../sqm-docusign-form/useDocusignForm.tsx     | 14 ++--
 .../useIndirectTaxForm.tsx                    | 20 ++---
 .../tax-and-cash/sqm-tax-and-cash/data.ts     | 75 ++++++++++---------
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 11 +--
 .../useTaxDocumentSubmitted.tsx               | 15 ++--
 .../sqm-user-info-form/useUserInfoForm.tsx    | 16 ++--
 packages/mint-components/src/index.html       |  4 +-
 8 files changed, 83 insertions(+), 76 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index f8ab273701..c11451d7ea 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -169,7 +169,7 @@ export function useBankingInfoForm(props: BankingInfoForm) {
     states: {
       locale,
       intlLocale: locale?.replace("_", "-") || "en",
-      isPartner: !!userData?.user?.impactPartner,
+      isPartner: !!userData?.user?.impactConnection,
       feeCap,
       paymentMethodFeeLabel,
       disabled: loading,
@@ -183,7 +183,7 @@ export function useBankingInfoForm(props: BankingInfoForm) {
       },
       bitset: currentPaymentOption?.withdrawalId || 0,
       bankCountry,
-      currency: userData?.user?.impactPartner?.currency,
+      currency: userData?.user?.impactConnection?.publisher?.currency,
     },
     refs: {
       formRef,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 4c3760837d..268df8fd57 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -54,6 +54,7 @@ export function useDocusignForm(props: DocusignForm) {
     loading: userLoading,
     refetch,
   } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+  const publisher = data?.user?.impactConnection?.publisher;
 
   const [docusignStatus, setDocusignStatus] =
     useState<DocusignStatus>(undefined);
@@ -65,8 +66,8 @@ export function useDocusignForm(props: DocusignForm) {
   const [loading, setLoading] = useState(false);
 
   const existingDocumentType =
-    data?.user?.impactPartner?.currentTaxDocument?.type || // Then current form (could be different than required)
-    data?.user?.impactPartner?.requiredTaxDocumentType; // Last, the required tax form
+    publisher?.currentTaxDocument?.type || // Then current form (could be different than required)
+    publisher?.requiredTaxDocumentType; // Last, the required tax form
 
   const [
     createTaxDocument,
@@ -77,16 +78,15 @@ export function useDocusignForm(props: DocusignForm) {
     existingDocumentType || getDocumentType(participantType);
 
   useEffect(() => {
-    if (!data?.user?.impactPartner?.currentTaxDocument?.type) return;
+    if (!publisher?.currentTaxDocument?.type) return;
 
-    const type = data.user.impactPartner.currentTaxDocument.type;
-    console.log({ type });
+    const type = publisher.currentTaxDocument.type;
     if (type === "W8BEN") {
       setParticipantType("individualParticipant");
     } else if (type === "W8BENE") {
       setParticipantType("businessEntity");
     }
-  }, [data?.user?.impactPartner]);
+  }, [publisher]);
 
   useEffect(() => {
     if (!user) return;
@@ -139,7 +139,7 @@ export function useDocusignForm(props: DocusignForm) {
       const result = await refetch();
       if ((result as Error).message) throw new Error();
 
-      const status = (result as UserQuery).user?.impactPartner
+      const status = (result as UserQuery).user?.impactConnection?.publisher
         ?.currentTaxDocument?.status;
 
       // TODO : Confirm behaviour
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 653a2e47e6..151a8f9951 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -96,16 +96,18 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     const user = userData?.user;
     if (!user) return;
 
-    if (user.impactPartner) {
+    if (user.impactConnection?.publisher) {
       setFormState({
-        province: user.impactPartner?.indirectTaxSubdivision,
-        subRegion: user.impactPartner?.indirectTaxSubdivision,
-        hasQst: !!user.impactPartner?.additionalTaxId,
-        qstNumber: user.impactPartner?.additionalTaxId,
-        hasSubRegionTaxNumber: !!user.impactPartner?.withholdingTaxNumber,
-        subRegionTaxNumber: user.impactPartner?.withholdingTaxNumber,
-        selectedRegion: user.impactPartner?.indirectTaxCountry,
-        indirectTaxNumber: user.impactPartner?.indirectTaxNumber,
+        province: user.impactConnection.publisher.indirectTaxSubdivision,
+        subRegion: user.impactConnection.publisher.indirectTaxSubdivision,
+        hasQst: !!user.impactConnection.publisher.additionalTaxId,
+        qstNumber: user.impactConnection.publisher.additionalTaxId,
+        hasSubRegionTaxNumber:
+          !!user.impactConnection.publisher.withholdingTaxNumber,
+        subRegionTaxNumber:
+          user.impactConnection.publisher.withholdingTaxNumber,
+        selectedRegion: user.impactConnection.publisher.indirectTaxCountry,
+        indirectTaxNumber: user.impactConnection.publisher.indirectTaxId,
       });
     } else {
       setFormState({
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 3f78e012af..285f0929e4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -37,28 +37,49 @@ export const GET_USER = gql`
         email
         countryCode
         customFields
-        impactPartner {
+        impactConnection {
           connectionStatus
-          firstName
-          lastName
-          email
-          country
-          currency
-          indirectTaxNumber
-          requiredTaxDocumentType
-          currentTaxDocument {
-            status
-            type
+          user {
+            firstName
+            lastName
+          }
+          publisher {
+            countryCode
+            currency
+            requiredTaxDocumentType
+            currentTaxDocument {
+              status
+              type
+              dateCreated
+            }
           }
         }
       }
-      # ... on Tenant {
-      #   impactBrandCountryCode
-      # }
     }
   }
 `;
 
+type TaxDocumentStatus = "NEW" | "NOT_VERIFIED" | "ACTIVE" | "INACTIVE";
+type ImpactPublisher = {
+  countryCode: string;
+  currency: string;
+  indirectTaxId: string | null;
+  requiredTaxDocumentType: TaxDocumentType | null;
+  currentTaxDocument: null | {
+    status: TaxDocumentStatus;
+    type: TaxDocumentType;
+    dateCreated: number;
+  };
+
+  // TODO: Remove this comment when these fields exist
+  indirectTaxOption: "SAME_COUNTRY" | "NO_TAX" | "DIFFERENT_COUNTRY";
+  indirectTaxSubdivision: string;
+  indirectTaxCountry: string;
+  additionalTaxId: string;
+  withholdingTaxCountry: string;
+  withholdingTaxNumber: string;
+  organizationType: string;
+};
 export type UserQuery = {
   user: {
     firstName?: string;
@@ -68,29 +89,13 @@ export type UserQuery = {
     customFields?: {
       [key: string]: any;
     };
-    impactPartner: null | {
+    impactConnection: null | {
       connectionStatus: "CONNECTED" | "NOT_CONNECTED";
-      firstName: string;
-      lastName: string;
-      email: string;
-      country: string;
-      currency: string;
-      indirectTaxNumber: number;
-      requiredTaxDocumentType: TaxDocumentType;
-      currentTaxDocument: {
-        status: "NEW" | "NOT_VERIFIED" | "ACTIVE" | "INACTIVE";
-        type: TaxDocumentType;
+      user: {
+        firstName: string;
+        lastName: string;
       };
-
-      // TODO: Remove this comment when these fields exist
-      indirectTaxOption: "SAME_COUNTRY" | "NO_TAX" | "DIFFERENT_COUNTRY";
-      indirectTaxSubdivision: string;
-      indirectTaxCountry: string;
-      indirectTaxId: string;
-      additionalTaxId: string;
-      withholdingTaxCountry: string;
-      withholdingTaxNumber: string;
-      organizationType: string;
+      publisher: null | ImpactPublisher;
     };
   };
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 70d65499ab..b54232fb42 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -28,20 +28,21 @@ import {
 
 function getCurrentStep(user: UserQuery["user"]) {
   if (
-    !user.impactPartner ||
-    user.impactPartner?.connectionStatus === "NOT_CONNECTED"
+    !user.impactConnection ||
+    user.impactConnection?.connectionStatus === "NOT_CONNECTED" ||
+    !user.impactConnection?.publisher
   ) {
     return "/1";
   }
 
   // Prioritise sending them to dashboard if no required document
-  if (!user.impactPartner.requiredTaxDocumentType) {
+  if (!user.impactConnection.publisher.requiredTaxDocumentType) {
     return "/submitted";
   }
 
   // If they do have a required document, look at current document
-  if (user.impactPartner.currentTaxDocument) {
-    const { status } = user.impactPartner.currentTaxDocument;
+  if (user.impactConnection.publisher.currentTaxDocument) {
+    const { status } = user.impactConnection.publisher.currentTaxDocument;
 
     if (status === "ACTIVE" || status === "NOT_VERIFIED") return "/submitted";
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index c3d0d21895..77261f9436 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -41,12 +41,13 @@ export const useTaxDocumentSubmitted = (
 
   const { data, loading } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+  const publisher = data?.user?.impactConnection?.publisher;
 
   console.log("submitted", { data, loading });
 
   // TODO: Fetch document status from backend
 
-  const documentType = data?.user?.impactPartner?.currentTaxDocument?.type;
+  const documentType = publisher?.currentTaxDocument?.type;
   const submissionDate = DateTime.now().toMillis();
   const dateSubmitted =
     DateTime.fromMillis(submissionDate).toFormat("LLL dd, yyyy");
@@ -76,26 +77,24 @@ export const useTaxDocumentSubmitted = (
   };
 
   const provinceName = INDIRECT_TAX_PROVINCES.find(
-    (p) => p.provinceCode === data?.user?.impactPartner?.indirectTaxSubdivision
+    (p) => p.provinceCode === publisher?.indirectTaxSubdivision
   )?.displayName;
 
   return {
     states: {
       dateSubmitted,
       documentType,
-      status: data?.user?.impactPartner?.currentTaxDocument?.status,
+      status: publisher?.currentTaxDocument?.status,
       // AL TODO: indirectTaxType
       indirectTaxType: data?.user.customFields?.__indirectTaxType,
       indirectTaxNumber: data?.user?.customFields?.__indirectTaxNumber,
-      isBusinessEntity:
-        data?.user?.impactPartner?.requiredTaxDocumentType === "W8BENE",
+      isBusinessEntity: publisher?.requiredTaxDocumentType === "W8BENE",
       province: provinceName,
       // @ts-ignore: DisplayNames does exist on Intl
       country: new Intl.DisplayNames([locale.replaceAll("_", "-")], {
         type: "language",
-        // @ts-ignore: DisplayNames does exist on Intl
-      }).of([data?.user?.customFields?.__taxCountry]),
-      notRegistered: data?.user?.impactPartner?.indirectTaxOption === "NO_TAX",
+      }).of(publisher?.indirectTaxCountry),
+      notRegistered: publisher?.indirectTaxOption === "NO_TAX",
       noFormNeeded: !documentType,
       expiresSoon,
       disabled: loading,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index cd598eb8cf..a1173ca2e6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -72,21 +72,21 @@ export function useUserInfoForm(props: TaxForm) {
     const user = data?.user;
     if (!user || step !== "/1") return;
 
-    if (user.impactPartner) {
+    if (user.impactConnection?.publisher && user.impactConnection?.user) {
       // Initialise with partner information
       setUserFormContext({
-        firstName: user.impactPartner.firstName,
-        lastName: user.impactPartner.lastName,
-        email: user.impactPartner.email,
-        countryCode: user.impactPartner.country,
-        currency: user.impactPartner.currency,
+        email: user.email,
+        firstName: user.impactConnection.user.firstName,
+        lastName: user.impactConnection.user.lastName,
+        countryCode: user.impactConnection.publisher.countryCode,
+        currency: user.impactConnection.publisher.currency,
       });
     } else {
       // Initialise with user information
       setUserFormContext({
+        email: user.email,
         firstName: user.firstName,
         lastName: user.lastName,
-        email: user.email,
         countryCode: user.countryCode,
         currency: user.customFields?.currency,
       });
@@ -188,7 +188,7 @@ export function useUserInfoForm(props: TaxForm) {
       hideSteps: context.hideSteps,
       disabled: false,
       loading: loading,
-      isPartner: !!data?.user?.impactPartner,
+      isPartner: !!data?.user?.impactConnection?.publisher,
       formState: {
         ...userFormContext,
         errors: formErrors,
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From f39c9ec9fb786d61fc84fb923c2351a72904a589 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 22 Feb 2024 08:57:36 -0800
Subject: [PATCH 290/753] fix

---
 .../sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx     | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 77261f9436..1a4f74d7da 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -93,7 +93,8 @@ export const useTaxDocumentSubmitted = (
       // @ts-ignore: DisplayNames does exist on Intl
       country: new Intl.DisplayNames([locale.replaceAll("_", "-")], {
         type: "language",
-      }).of(publisher?.indirectTaxCountry),
+        // @ts-ignore: Bad DisplayNames type (has to be array)
+      }).of([publisher?.indirectTaxCountry]),
       notRegistered: publisher?.indirectTaxOption === "NO_TAX",
       noFormNeeded: !documentType,
       expiresSoon,

From 3f9166a71b7e9ddb9c63a1727e01af8d2efb4026 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 22 Feb 2024 09:50:59 -0800
Subject: [PATCH 291/753] updated docusign backend api

---
 .../sqm-docusign-form/useDocusignForm.tsx     | 27 ++++++++++---------
 .../useIndirectTaxForm.tsx                    | 24 ++++++++++-------
 .../sqm-user-info-form/useUserInfoForm.tsx    |  2 +-
 3 files changed, 30 insertions(+), 23 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 268df8fd57..90c7bfacb8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -17,7 +17,7 @@ import { DocusignStatus } from "./docusign-iframe/DocusignIframe";
 import { DocusignForm } from "./sqm-docusign-form";
 
 type CreateTaxDocumentQuery = {
-  createImpactPartnerTaxDocument: {
+  createImpactPublisherTaxDocument: {
     documentUrl: string;
   };
 };
@@ -27,10 +27,12 @@ export type ParticipantType =
   | "businessEntity"
   | undefined;
 const GET_TAX_DOCUMENT = gql`
-  mutation createImpactPartnerTaxDocument(
-    $vars: CreateImpactPartnerTaxDocumentInput!
+  mutation createImpactPublisherTaxDocument(
+    $vars: CreateImpactPublisherTaxDocumentInput!
   ) {
-    createImpactPartnerTaxDocument(createImpactPartnerTaxDocumentInput: $vars) {
+    createImpactPublisherTaxDocument(
+      createImpactPartnerTaxDocumentInput: $vars
+    ) {
       documentUrl
     }
   }
@@ -69,14 +71,14 @@ export function useDocusignForm(props: DocusignForm) {
     publisher?.currentTaxDocument?.type || // Then current form (could be different than required)
     publisher?.requiredTaxDocumentType; // Last, the required tax form
 
+  const actualDocumentType =
+    existingDocumentType || getDocumentType(participantType);
+
   const [
     createTaxDocument,
     { loading: documentLoading, data: document, errors: documentErrors },
   ] = useMutation<CreateTaxDocumentQuery>(GET_TAX_DOCUMENT);
 
-  const actualDocumentType =
-    existingDocumentType || getDocumentType(participantType);
-
   useEffect(() => {
     if (!publisher?.currentTaxDocument?.type) return;
 
@@ -89,8 +91,7 @@ export function useDocusignForm(props: DocusignForm) {
   }, [publisher]);
 
   useEffect(() => {
-    if (!user) return;
-    if (!actualDocumentType) return;
+    if (!user || !publisher) return;
 
     const fetchDocument = async () => {
       try {
@@ -98,7 +99,9 @@ export function useDocusignForm(props: DocusignForm) {
           vars: {
             userId: user.id,
             accountId: user.accountId,
-            taxDocumentType: actualDocumentType,
+            ...(participantType
+              ? { isBusinessEntity: participantType === "businessEntity" }
+              : {}),
           },
         });
 
@@ -109,7 +112,7 @@ export function useDocusignForm(props: DocusignForm) {
     };
 
     fetchDocument();
-  }, [user, actualDocumentType]);
+  }, [user, publisher, participantType]);
 
   useEffect(() => {
     // Handled in view
@@ -181,7 +184,7 @@ export function useDocusignForm(props: DocusignForm) {
     },
     data: {
       taxForm: actualDocumentType,
-      documentUrl: document?.createImpactPartnerTaxDocument?.documentUrl,
+      documentUrl: document?.createImpactPublisherTaxDocument?.documentUrl,
     },
     callbacks: {
       onSubmit,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 151a8f9951..40d4c41a65 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -28,23 +28,28 @@ import {
 import { IndirectTaxForm } from "./sqm-indirect-tax-form";
 
 type ConnectPartnerResult = {
-  connectImpactPartner: {
+  connectImpactConnection: {
     id: string;
     accountId: string;
-    impactPartner: {
+    impactConnection: {
       connectionStatus: "NOT_CONNECTED" | "CONNECTED";
-      requiredTaxDocumentType: TaxDocumentType | null;
+      publisher: {
+        requiredTaxDocumentType: TaxDocumentType | null;
+      };
     } | null;
   };
 };
 const CONNECT_PARTNER = gql`
-  mutation connectImpactPartner($vars: ImpactPartnerInput!) {
-    connectImpactPartner(impactPartnerInput: $vars) {
+  mutation connectImpactConnection($vars: ImpactPartnerInput!) {
+    connectImpactConnection(impactPartnerInput: $vars) {
       id
       accountId
-      impactPartner {
-        requiredTaxDocumentType
+      impactConnection {
         connectionStatus
+        publisher {
+          requiredTaxDocumentType
+          connectionStatus
+        }
       }
     }
   }
@@ -180,7 +185,6 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
             ? "SPAIN"
             : undefined,
         withholdingTaxNumber: formData.subRegionTaxNumber,
-        organizationType: "OTHER", // TODO: Eventually know what to pass here
       };
 
       const result = await connectImpactPartner({
@@ -199,8 +203,8 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       await refetch();
 
       if (
-        (result as ConnectPartnerResult).connectImpactPartner?.impactPartner
-          ?.requiredTaxDocumentType
+        (result as ConnectPartnerResult).connectImpactConnection
+          ?.impactConnection?.publisher?.requiredTaxDocumentType
       ) {
         setStep("/3");
       } else {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index a1173ca2e6..ec9a2554aa 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -87,7 +87,7 @@ export function useUserInfoForm(props: TaxForm) {
         email: user.email,
         firstName: user.firstName,
         lastName: user.lastName,
-        countryCode: user.countryCode,
+        countryCode: undefined, // User's countryCode is different than Impact's codes
         currency: user.customFields?.currency,
       });
     }

From 02fabe09fd0426a9e34168247d0814df50b51791 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 22 Feb 2024 09:58:53 -0800
Subject: [PATCH 292/753] fix broken user info form

---
 .../sqm-indirect-tax-form/useIndirectTaxForm.tsx            | 1 +
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx         | 6 +++---
 .../sqm-user-info-form/sqm-user-info-form-view.tsx          | 3 ++-
 .../tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx     | 5 +++++
 4 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 40d4c41a65..2a0319c162 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -56,6 +56,7 @@ const CONNECT_PARTNER = gql`
 `;
 
 function getOption(countries: TaxCountry[] | undefined, countryCode: string) {
+  console.log({ countries, countryCode });
   if (!countries) return;
 
   if (countries.find((c) => c.impactCountryCode === countryCode)) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index b54232fb42..3dd9dff710 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -58,9 +58,9 @@ export function useTaxAndCash() {
 
   /**** DEMO DATA */
 
-  const id = "640b0771601fa92fc6532e8a018885d5fa106f8ebb9235a46b5d88d3352254fa";
+  const id = "ea95e1600046a1cb2c672443ec24055f2bab3e3a8bb4bec2851635c5db8c146f";
   const accountId =
-    "640b0771601fa92fc6532e8a018885d5fa106f8ebb9235a46b5d88d3352254fa";
+    "ea95e1600046a1cb2c672443ec24055f2bab3e3a8bb4bec2851635c5db8c146f";
   const programId = "22514";
 
   //@ts-ignore
@@ -74,7 +74,7 @@ export function useTaxAndCash() {
     setUserIdentity({
       accountId,
       id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjQwYjA3NzE2MDFmYTkyZmM2NTMyZThhMDE4ODg1ZDVmYTEwNmY4ZWJiOTIzNWE0NmI1ZDg4ZDMzNTIyNTRmYSIsImFjY291bnRJZCI6IjY0MGIwNzcxNjAxZmE5MmZjNjUzMmU4YTAxODg4NWQ1ZmExMDZmOGViYjkyMzVhNDZiNWQ4OGQzMzUyMjU0ZmEifX0.K-BIpxqDGIQc1Rch3U_Lv7wn_Gsgt8Hr1zcYjd4F-Os",
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZWE5NWUxNjAwMDQ2YTFjYjJjNjcyNDQzZWMyNDA1NWYyYmFiM2UzYThiYjRiZWMyODUxNjM1YzVkYjhjMTQ2ZiIsImFjY291bnRJZCI6ImVhOTVlMTYwMDA0NmExY2IyYzY3MjQ0M2VjMjQwNTVmMmJhYjNlM2E4YmI0YmVjMjg1MTYzNWM1ZGI4YzE0NmYifX0.BqSjf-dly-Nn4Vwf3QfNuyr__NTEhkBQAmHUerimzY8",
     });
   }, []);
   // const id = "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index b077127b3a..5e05a95aef 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -27,6 +27,7 @@ export interface UserInfoFormViewProps {
   };
   data: {
     countries: {
+      impactCountryCode: string;
       countryCode: string;
       displayName: string;
     }[];
@@ -298,7 +299,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                 }}
               ></sl-input>
               {data?.countries?.map((c) => (
-                <sl-menu-item value={c.countryCode}>
+                <sl-menu-item value={c.impactCountryCode}>
                   {c.displayName}
                 </sl-menu-item>
               ))}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index ec9a2554aa..edd487018b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -133,6 +133,7 @@ export function useUserInfoForm(props: TaxForm) {
 
     formControls?.forEach((control) => {
       if (!control.name) return;
+      console.log({ control });
 
       const key = control.name;
       const value = control.value;
@@ -148,6 +149,8 @@ export function useUserInfoForm(props: TaxForm) {
         const validationError = validate({ control, key, value });
         if (validationError) jsonpointer.set(errors, key, validationError);
       }
+
+      jsonpointer.set(formData, key, value);
     });
 
     if (Object.keys(errors).length) {
@@ -158,6 +161,8 @@ export function useUserInfoForm(props: TaxForm) {
 
     const { allowBankingCollection, ...userData } = formData;
 
+    console.log({ userData });
+
     setUserFormContext({
       ...userFormContext,
       countryCode: userData.countryCode,

From fbe90cc9563f14ec35fcaf68a8d13e59b38a0faa Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 22 Feb 2024 10:11:58 -0800
Subject: [PATCH 293/753] fix camel case on view prop

---
 .../tax-and-cash/BankingForm.stories.tsx         |  6 +++---
 .../sqm-banking-info-form-view.tsx               | 16 ++++++++--------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index e1bd96265a..594beef2ed 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -10,7 +10,7 @@ const bankingFormProps = {
     disabled: false,
     loading: false,
     formState: {
-      paymentMethodchecked: "toBankAccount",
+      paymentMethodChecked: "toBankAccount",
     },
     bankCountry: "US",
   },
@@ -244,7 +244,7 @@ export const BankingInfoFormPaypalChecked = () => {
           ...bankingFormProps.states,
           formState: {
             ...bankingFormProps.states.formState,
-            paymentMethodchecked: "toPaypalAccount",
+            paymentMethodChecked: "toPaypalAccount",
           },
         },
       }}
@@ -262,7 +262,7 @@ export const BankingInfoFormPaypalCheckedLoading = () => {
           loading: true,
           formState: {
             ...bankingFormProps.states.formState,
-            paymentMethodchecked: "toPaypalAccount",
+            paymentMethodChecked: "toPaypalAccount",
           },
         },
       }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index b962e70fab..6bcb6fd182 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -14,7 +14,7 @@ export interface BankingInfoFormViewProps {
     feeCap?: string;
     isPartner: boolean;
     formState: {
-      paymentMethodchecked?: "toBankAccount" | "toPaypalAccount";
+      paymentMethodChecked?: "toBankAccount" | "toPaypalAccount";
       paymentScheduleChecked?: "balanceThreshold" | "fixedDay";
       errors?: {
         general?: boolean;
@@ -30,10 +30,10 @@ export interface BankingInfoFormViewProps {
   };
   callbacks: {
     setPaymentMethodChecked: (
-      paymentMethodchecked: "toBankAccount" | "toPaypalAccount"
+      paymentMethodChecked: "toBankAccount" | "toPaypalAccount"
     ) => void;
     setPaymentScheduleChecked: (
-      paymentMethodchecked: "balanceThreshold" | "fixedDay"
+      paymentMethodChecked: "balanceThreshold" | "fixedDay"
     ) => void;
     onSubmit: (props: any) => Promise<void>;
   };
@@ -310,14 +310,14 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
       </div>
       <div>
         <div class={classes.CheckboxContainer}>
-          {states.loading && formState.paymentMethodchecked === undefined ? (
+          {states.loading && formState.paymentMethodChecked === undefined ? (
             getLoadingSkeleton(undefined)
           ) : (
             <div style={{ display: "flex", flexDirection: "column" }}>
               <sl-checkbox
                 class={classes.Checkbox}
                 exportparts="label: input-label"
-                checked={formState.paymentMethodchecked === "toBankAccount"}
+                checked={formState.paymentMethodChecked === "toBankAccount"}
                 onInput={() =>
                   callbacks.setPaymentMethodChecked("toBankAccount")
                 }
@@ -327,7 +327,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
               >
                 {text.directlyToBankAccount}
               </sl-checkbox>
-              {formState.paymentMethodchecked === "toBankAccount" && (
+              {formState.paymentMethodChecked === "toBankAccount" && (
                 <div
                   class={classes.InputContainer}
                   style={states.hideBanking ? { display: "none" } : {}}
@@ -347,7 +347,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
               <sl-checkbox
                 class={classes.Checkbox}
                 exportparts="label: input-label"
-                checked={formState.paymentMethodchecked === "toPaypalAccount"}
+                checked={formState.paymentMethodChecked === "toPaypalAccount"}
                 onInput={() =>
                   callbacks.setPaymentMethodChecked("toPaypalAccount")
                 }
@@ -363,7 +363,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                   { feeCap: states.feeCap }
                 )}
               </sl-checkbox>
-              {formState.paymentMethodchecked === "toPaypalAccount" && (
+              {formState.paymentMethodChecked === "toPaypalAccount" && (
                 <div
                   class={classes.InputContainer}
                   style={states.hidePayPal ? { display: "none" } : {}}

From e7cb6c7137b67f5a9615a7edf2b896620fbbb4d6 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 22 Feb 2024 10:15:15 -0800
Subject: [PATCH 294/753] prerelease 1.8.0-34

---
 packages/mint-components/package.json         |   2 +-
 .../sqm-banking-info-form/readme.md           |  79 +++---
 .../tax-and-cash/sqm-docusign-form/readme.md  |  48 ++--
 .../tax-and-cash/sqm-tax-and-cash/readme.md   | 225 +++++++++---------
 .../sqm-tax-document-submitted/readme.md      |  57 +++--
 .../tax-and-cash/sqm-user-info-form/readme.md |  54 ++---
 6 files changed, 237 insertions(+), 228 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 82aff60dcb..ab3d32d726 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-33",
+  "version": "1.8.0-34",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 5c51cd2145..0652a850bb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -7,42 +7,49 @@
 
 ## Properties
 
-| Property                      | Attribute                        | Description                                                                             | Type                                      | Default                                                                                                                                                                     |
-| ----------------------------- | -------------------------------- | --------------------------------------------------------------------------------------- | ----------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `agencyCodeLabel`             | `agency-code-label`              | Label text for the agency code input field                                              | `string`                                  | `"Agency Code"`                                                                                                                                                             |
-| `bankAccountNumberLabel`      | `bank-account-number-label`      | Label text for the bank account number input field                                      | `string`                                  | `"Bank Account Number"`                                                                                                                                                     |
-| `bankAccountTypeLabel`        | `bank-account-type-label`        | Label text for the bank account type input field                                        | `string`                                  | `"Bank Account Type"`                                                                                                                                                       |
-| `bankLocationLabel`           | `bank-location-label`            | Label text for the bank country location input field                                    | `string`                                  | `"Bank Country Location"`                                                                                                                                                   |
-| `bankNameLabel`               | `bank-name-label`                | Label text for the bank name input field                                                | `string`                                  | `"Bank Name"`                                                                                                                                                               |
-| `beneficiaryAccountNameLabel` | `beneficiary-account-name-label` | Label text for the beneficiary account name input field                                 | `string`                                  | `"Beneficiary Account Name"`                                                                                                                                                |
-| `branchCodeLabel`             | `branch-code-label`              | Label text for the branch code input field                                              | `string`                                  | `"Branch Code"`                                                                                                                                                             |
-| `businessSelectItemLabel`     | `business-select-item-label`     | Label text for the business select item                                                 | `string`                                  | `"Business"`                                                                                                                                                                |
-| `checkingSelectItemLabel`     | `checking-select-item-label`     | Label text for the checking account type select item                                    | `string`                                  | `"Checking"`                                                                                                                                                                |
-| `classificationCPFLabel`      | `classification-c-p-f-label`     | Label text for the classification CPF input field                                       | `string`                                  | `"Classification CPF"`                                                                                                                                                      |
-| `classificationEntityLabel`   | `classification-entity-label`    | Label text for the classification entity input field                                    | `string`                                  | `"Classification Entity"`                                                                                                                                                   |
-| `classificationLabel`         | `classification-label`           | Label text for the classification input field                                           | `string`                                  | `"Classification"`                                                                                                                                                          |
-| `demoData`                    | --                               |                                                                                         | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                                                                                                 |
-| `directlyToBankAccount`       | `directly-to-bank-account`       | Text for the option to receive payments directly to a bank account                      | `string`                                  | `"Directly to my bank account"`                                                                                                                                             |
-| `foreignSelectItemLabel`      | `foreign-select-item-label`      | Label text for the foreign select item                                                  | `string`                                  | `"Foreign"`                                                                                                                                                                 |
-| `formStep`                    | `form-step`                      | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                  | `"Step 3 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`     | `general-error-description`      | Description text for a general form submission error                                    | `string`                                  | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`           | `general-error-title`            | Title text for a general form submission error                                          | `string`                                  | `"There was a problem submitting your information"`                                                                                                                         |
-| `ibanLabel`                   | `iban-label`                     | Label text for the IBAN input field                                                     | `string`                                  | `"IBAN"`                                                                                                                                                                    |
-| `individualSelectItemLabel`   | `individual-select-item-label`   | Label text for the individual select item                                               | `string`                                  | `"Individual"`                                                                                                                                                              |
-| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Description text for the alert when the user is identified as a partner                 | `string`                                  | `"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."` |
-| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Header text for the alert when the user is identified as a partner                      | `string`                                  | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `patronymicNameLabel`         | `patronymic-name-label`          | Label text for the patronymic name input field                                          | `string`                                  | `"Patronymic Name"`                                                                                                                                                         |
-| `payPalInputLabel`            | `pay-pal-input-label`            | Label text for the PayPal email input field                                             | `string`                                  | `"PayPal Email"`                                                                                                                                                            |
-| `paymentMethod`               | `payment-method`                 | Heading text for the payment method section                                             | `string`                                  | `"Payment Method"`                                                                                                                                                          |
-| `paymentMethodSubtext`        | `payment-method-subtext`         | Subtext for the payment method section                                                  | `string`                                  | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                     |
-| `routingCodeLabel`            | `routing-code-label`             | Label text for the routing code input field                                             | `string`                                  | `"Routing Code"`                                                                                                                                                            |
-| `savingsSelectItemLabel`      | `savings-select-item-label`      | Label text for the savings account type select item                                     | `string`                                  | `"Savings"`                                                                                                                                                                 |
-| `submitButton`                | `submit-button`                  | Text for the save button in the form                                                    | `string`                                  | `"Save"`                                                                                                                                                                    |
-| `swiftCodeLabel`              | `swift-code-label`               | Label text for the SWIFT code input field                                               | `string`                                  | `"SWIFT Code"`                                                                                                                                                              |
-| `taxAndPayouts`               | `tax-and-payouts`                | Heading text shown at the top of the page                                               | `string`                                  | `"Tax and Payouts"`                                                                                                                                                         |
-| `taxAndPayoutsDescription`    | `tax-and-payouts-description`    | Text shown at the top of the page next to the tax and payouts label text                | `string`                                  | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
-| `toPaypalAccount`             | `to-paypal-account`              | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                  | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                           |
-| `voCodeLabel`                 | `vo-code-label`                  | Label text for the VO code input field                                                  | `string`                                  | `"VO Code"`                                                                                                                                                                 |
+| Property                              | Attribute                                   | Description                                                                             | Type                                      | Default                                                                                                                                                                     |
+| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ----------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                  | `"Agency Code"`                                                                                                                                                             |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                  | `"Bank Account Number"`                                                                                                                                                     |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                  | `"Bank Account Type"`                                                                                                                                                       |
+| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                  | `"Bank Country Location"`                                                                                                                                                   |
+| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                  | `"Bank Name"`                                                                                                                                                               |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                  | `"Beneficiary Account Name"`                                                                                                                                                |
+| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                  | `"Branch Code"`                                                                                                                                                             |
+| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                  | `"Business"`                                                                                                                                                                |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                  | `"Checking"`                                                                                                                                                                |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                  | `"Classification CPF"`                                                                                                                                                      |
+| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                  | `"Classification Entity"`                                                                                                                                                   |
+| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                  | `"Classification"`                                                                                                                                                          |
+| `demoData`                            | --                                          |                                                                                         | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                                                                                                 |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                  | `"Directly to my bank account"`                                                                                                                                             |
+| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                  | `"Foreign"`                                                                                                                                                                 |
+| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                  | `"Step 3 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                  | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                  | `"There was a problem submitting your information"`                                                                                                                         |
+| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                  | `"IBAN"`                                                                                                                                                                    |
+| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                  | `"Individual"`                                                                                                                                                              |
+| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                  | `"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."` |
+| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                  | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                  | `"Patronymic Name"`                                                                                                                                                         |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                  | `"PayPal Email"`                                                                                                                                                            |
+| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                  | `"15th of the month"`                                                                                                                                                       |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                  | `"1st of the month"`                                                                                                                                                        |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                  | `"Payment Day"`                                                                                                                                                             |
+| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                  | `"Payment Method"`                                                                                                                                                          |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                  | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                     |
+| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                  | `"Payment Schedule"`                                                                                                                                                        |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                  | `"Pay me when my balance reaches a threshold"`                                                                                                                              |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                  | `"Pay me on a fixed day of the month"`                                                                                                                                      |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                  | `"Payment Threshold"`                                                                                                                                                       |
+| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                  | `"Routing Code"`                                                                                                                                                            |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                  | `"Savings"`                                                                                                                                                                 |
+| `submitButton`                        | `submit-button`                             | Text for the save button in the form                                                    | `string`                                  | `"Save"`                                                                                                                                                                    |
+| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                  | `"SWIFT Code"`                                                                                                                                                              |
+| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                  | `"Tax and Payouts"`                                                                                                                                                         |
+| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                  | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
+| `toPaypalAccount`                     | `to-paypal-account`                         | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                  | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                           |
+| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                  | `"VO Code"`                                                                                                                                                                 |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index c65969af9b..26ed91df2d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,29 +7,31 @@
 
 ## Properties
 
-| Property                  | Attribute                   | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                         | Default                                                                                                                                                            |
-| ------------------------- | --------------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `backButton`              | `back-button`               | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Back"`                                                                                                                                                           |
-| `banner`                  | `banner`                    | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
-| `businessEntity`          | `business-entity`           | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"I represent a business entity"`                                                                                                                                  |
-| `checkboxDescription`     | `checkbox-description`      | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"I have completed and submitted my tax form"`                                                                                                                     |
-| `checkboxLabel`           | `checkbox-label`            | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Form submission"`                                                                                                                                                |
-| `demoData`                | --                          |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
-| `docusignCompleted`       | `docusign-completed`        | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your document has been completed and submitted."`                                                                                                                |
-| `docusignError`           | `docusign-error`            | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
-| `docusignExpired`         | `docusign-expired`          | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
-| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Step 3 of 4"`                                                                                                                                                    |
-| `formSubmissionError`     | `form-submission-error`     | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"This field is required"`                                                                                                                                         |
-| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
-| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem submitting your information"`                                                                                                                |
-| `individualParticipant`   | `individual-participant`    | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"I am an individual participant"`                                                                                                                                 |
-| `notBasedInUS`            | `not-based-in-u-s`          | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not based in the US?"`                                                                                                                                           |
-| `participantType`         | `participant-type`          | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Participant type"`                                                                                                                                               |
-| `refreshButton`           | `refresh-button`            | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Refresh Page"`                                                                                                                                                   |
-| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Continue"`                                                                                                                                                       |
-| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax form"`                                                                                                                                                       |
-| `taxFormDescription`      | `tax-form-description`      | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                         |
-| `taxFormLabel`            | `tax-form-label`            | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"{documentType} Tax Form"`                                                                                                                                        |
+| Property                                  | Attribute                                     | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                         | Default                                                                                                                                                            |
+| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `backButton`                              | `back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Back"`                                                                                                                                                           |
+| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
+| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"I represent a company"`                                                                                                                                          |
+| `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"I have completed and submitted my tax form"`                                                                                                                     |
+| `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Form submission"`                                                                                                                                                |
+| `demoData`                                | --                                            |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
+| `docusignCompleted`                       | `docusign-completed`                          | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your document has been completed and submitted."`                                                                                                                |
+| `docusignError`                           | `docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
+| `docusignExpired`                         | `docusign-expired`                            | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
+| `formStep`                                | `form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Step 3 of 4"`                                                                                                                                                    |
+| `formSubmissionError`                     | `form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"This field is required"`                                                                                                                                         |
+| `generalErrorDescription`                 | `general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
+| `generalErrorTitle`                       | `general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem submitting your information"`                                                                                                                |
+| `individualParticipant`                   | `individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"I am an individual participant"`                                                                                                                                 |
+| `notBasedInUS`                            | `not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not based in the US?"`                                                                                                                                           |
+| `participantType`                         | `participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Participant type"`                                                                                                                                               |
+| `refreshButton`                           | `refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Refresh Page"`                                                                                                                                                   |
+| `submitButton`                            | `submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Continue"`                                                                                                                                                       |
+| `taxForm`                                 | `tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax form"`                                                                                                                                                       |
+| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                         |
+| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
+| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
+| `taxFormLabel`                            | `tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"{documentType} Tax Form"`                                                                                                                                        |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 8659bc8c71..9b766d48e2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -7,118 +7,119 @@
 
 ## Properties
 
-| Property                                 | Attribute                                    | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                     |
-| ---------------------------------------- | -------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `demoData`                               | --                                           |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                 |
-| `step1_allowBankingCollection`           | `step-1_allow-banking-collection`            | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                    |
-| `step1_allowBankingCollectionError`      | `step-1_allow-banking-collection-error`      | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
-| `step1_businessEntity`                   | `step-1_business-entity`                     | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                           |
-| `step1_country`                          | `step-1_country`                             | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                 |
-| `step1_countryError`                     | `step-1_country-error`                       | Error text shown at the bottom of the country input                                                        | `string`                                                                                                             | `"Select a country"`                                                                                                                                                        |
-| `step1_currency`                         | `step-1_currency`                            | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                |
-| `step1_currencyError`                    | `step-1_currency-error`                      | Error text shown at the bottom of the currency input                                                       | `string`                                                                                                             | `"Select a currency"`                                                                                                                                                       |
-| `step1_email`                            | `step-1_email`                               | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                   |
-| `step1_emailError`                       | `step-1_email-error`                         | Error text shown at the bottom of the email input                                                          | `string`                                                                                                             | `"Enter a valid email"`                                                                                                                                                     |
-| `step1_firstName`                        | `step-1_first-name`                          | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                              |
-| `step1_firstNameError`                   | `step-1_first-name-error`                    | Error text shown at the bottom of the first name input                                                     | `string`                                                                                                             | `"Enter a first name"`                                                                                                                                                      |
-| `step1_formStep`                         | `step-1_form-step`                           | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                             |
-| `step1_generalErrorDescription`          | `step-1_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step1_generalErrorTitle`                | `step-1_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step1_individualParticipant`            | `step-1_individual-participant`              | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
-| `step1_isPartnerAlertDescription`        | `step-1_is-partner-alert-description`        | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
-| `step1_isPartnerAlertHeader`             | `step-1_is-partner-alert-header`             | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `step1_lastName`                         | `step-1_last-name`                           | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                               |
-| `step1_lastNameError`                    | `step-1_last-name-error`                     | Error text shown at the bottom of the last name input                                                      | `string`                                                                                                             | `"Enter a last name"`                                                                                                                                                       |
-| `step1_participantType`                  | `step-1_participant-type`                    | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
-| `step1_participantTypeError`             | `step-1_participant-type-error`              | Error text shown at the bottom of the participant type checkbox                                            | `string`                                                                                                             | `"Select a participant type"`                                                                                                                                               |
-| `step1_personalInformation`              | `step-1_personal-information`                | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                    |
-| `step1_submitButton`                     | `step-1_submit-button`                       | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step1_taxAndBankingCollection`          | `step-1_tax-and-banking-collection`          | Heading text for the tax and banking collection checkbox                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step2_backButton`                       | `step-2_back-button`                         | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step2_formStep`                         | `step-2_form-step`                           | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                             |
-| `step2_generalErrorDescription`          | `step-2_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step2_generalErrorTitle`                | `step-2_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step2_indirectTax`                      | `step-2_indirect-tax`                        | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
-| `step2_indirectTaxDescription`           | `step-2_indirect-tax-description`            | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
-| `step2_indirectTaxDetails`               | `step-2_indirect-tax-details`                | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                    |
-| `step2_indirectTaxDetailsDescription`    | `step-2_indirect-tax-details-description`    | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
-| `step2_indirectTaxNumber`                | `step-2_indirect-tax-number`                 | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                     |
-| `step2_indirectTaxNumberError`           | `step-2_indirect-tax-number-error`           | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                         |
-| `step2_isPartnerAlertDescription`        | `step-2_is-partner-alert-description`        | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
-| `step2_isPartnerAlertHeader`             | `step-2_is-partner-alert-header`             | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `step2_isRegisteredQST`                  | `step-2_is-registered-q-s-t`                 | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                             |
-| `step2_isRegisteredSubRegionIncomeTax`   | `step-2_is-registered-sub-region-income-tax` | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                              |
-| `step2_notRegistered`                    | `step-2_not-registered`                      | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"I am not registered for Indirect Tax"`                                                                                                                                    |
-| `step2_otherRegion`                      | `step-2_other-region`                        | Label text for the other region radio button                                                               | `string`                                                                                                             | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
-| `step2_province`                         | `step-2_province`                            | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                |
-| `step2_provinceError`                    | `step-2_province-error`                      | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Province is required"`                                                                                                                                                    |
-| `step2_qstNumber`                        | `step-2_qst-number`                          | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST Number"`                                                                                                                                                              |
-| `step2_qstTaxNumberError`                | `step-2_qst-tax-number-error`                | Error text shown below the QST Tax number input                                                            | `string`                                                                                                             | `"QST Tax Number is required"`                                                                                                                                              |
-| `step2_selectedRegion`                   | `step-2_selected-region`                     | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                        |
-| `step2_selectedRegionError`              | `step-2_selected-region-error`               | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Country is required"`                                                                                                                                                     |
-| `step2_subRegion`                        | `step-2_sub-region`                          | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                              |
-| `step2_subRegionTaxNumberError`          | `step-2_sub-region-tax-number-error`         | Error text shown below the Sub-region Income Tax number input                                              | `string`                                                                                                             | `"Income Tax Number is required"`                                                                                                                                           |
-| `step2_subRegionTaxNumberLabel`          | `step-2_sub-region-tax-number-label`         | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                       |
-| `step2_submitButton`                     | `step-2_submit-button`                       | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step2_taxDetailsError`                  | `step-2_tax-details-error`                   | Error text shown below the tax details radio buttons                                                       | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
-| `step3_backButton`                       | `step-3_back-button`                         | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step3_banner`                           | `step-3_banner`                              | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
-| `step3_businessEntity`                   | `step-3_business-entity`                     | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                           |
-| `step3_checkboxDescription`              | `step-3_checkbox-description`                | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                              |
-| `step3_checkboxLabel`                    | `step-3_checkbox-label`                      | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                         |
-| `step3_docusignCompleted`                | `step-3_docusign-completed`                  | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                         |
-| `step3_docusignError`                    | `step-3_docusign-error`                      | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                          |
-| `step3_docusignExpired`                  | `step-3_docusign-expired`                    | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`          |
-| `step3_formStep`                         | `step-3_form-step`                           | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
-| `step3_formSubmissionError`              | `step-3_form-submission-error`               | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
-| `step3_generalErrorDescription`          | `step-3_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step3_generalErrorTitle`                | `step-3_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step3_individualParticipant`            | `step-3_individual-participant`              | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
-| `step3_participantType`                  | `step-3_participant-type`                    | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
-| `step3_refreshButton`                    | `step-3_refresh-button`                      | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                            |
-| `step3_submitButton`                     | `step-3_submit-button`                       | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step3_taxForm`                          | `step-3_tax-form`                            | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
-| `step3_taxFormDescription`               | `step-3_tax-form-description`                | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                  |
-| `step3_taxFormLabel`                     | `step-3_tax-form-label`                      | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
-| `step3b_backButton`                      | `step-3b_back-button`                        | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step3b_formLabel`                       | `step-3b_form-label`                         | Sub text shown above form selection radio buttons                                                          | `string`                                                                                                             | `"Select a tax form"`                                                                                                                                                       |
-| `step3b_formStep`                        | `step-3b_form-step`                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
-| `step3b_generalErrorDescription`         | `step-3b_general-error-description`          | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step3b_generalErrorTitle`               | `step-3b_general-error-title`                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step3b_submitButton`                    | `step-3b_submit-button`                      | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step3b_taxForm`                         | `step-3b_tax-form`                           | Heading text shown at the top of the top of page                                                           | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
-| `step3b_w8Description`                   | `step-3b_w-8-description`                    | Subtext for the W8 radio button                                                                            | `string`                                                                                                             | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                                                  |
-| `step3b_w8EDescription`                  | `step-3b_w-8-e-description`                  | Subtext for the W8E radio button                                                                           | `string`                                                                                                             | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."`                               |
-| `step3b_w8ELabel`                        | `step-3b_w-8-e-label`                        | Label text for the W8E radio button                                                                        | `string`                                                                                                             | `"W8-BEN-E"`                                                                                                                                                                |
-| `step3b_w8Label`                         | `step-3b_w-8-label`                          | Label text for the W8 radio button                                                                         | `string`                                                                                                             | `"W8-Ben"`                                                                                                                                                                  |
-| `step3b_w9Description`                   | `step-3b_w-9-description`                    | Subtext for the W9 radio button                                                                            | `string`                                                                                                             | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                                                |
-| `step3b_w9Label`                         | `step-3b_w-9-label`                          | Label text for the W9 radio button                                                                         | `string`                                                                                                             | `"W9"`                                                                                                                                                                      |
-| `step4_badgeTextAwaitingReview`          | `step-4_badge-text-awaiting-review`          | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                          |
-| `step4_badgeTextSubmittedOn`             | `step-4_badge-text-submitted-on`             | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                            |
-| `step4_badgeTextSubmittedOnW8`           | `step-4_badge-text-submitted-on-w-8`         | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                   |
-| `step4_bankingInformationSectionHeader`  | `step-4_banking-information-section-header`  | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                     |
-| `step4_generalErrorDescription`          | `step-4_general-error-description`           | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step4_generalErrorTitle`                | `step-4_general-error-title`                 | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step4_indirectTaxDetails`               | `step-4_indirect-tax-details`                | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                           |
-| `step4_indirectTaxIndividualParticipant` | `step-4_indirect-tax-individual-participant` | Indirect tax description text for individual participants                                                  | `string`                                                                                                             | `"Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax."`                                                  |
-| `step4_indirectTaxInfoCanada`            | `step-4_indirect-tax-info-canada`            | Country/Region description text of indirect tax                                                            | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                     |
-| `step4_indirectTaxInfoOtherCountry`      | `step-4_indirect-tax-info-other-country`     | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                 |
-| `step4_indirectTaxInfoSectionHeader`     | `step-4_indirect-tax-info-section-header`    | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
-| `step4_indirectTaxTooltipSupport`        | `step-4_indirect-tax-tooltip-support`        | Indirect tax tooltip text for support                                                                      | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                               |
-| `step4_invalidForm`                      | `step-4_invalid-form`                        | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Ensure your information matches your profile and resubmit a new document."`                                                                                               |
-| `step4_newFormButton`                    | `step-4_new-form-button`                     | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New document"`                                                                                                                                                     |
-| `step4_noFormNeededSubtext`              | `step-4_no-form-needed-subtext`              | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                           |
-| `step4_notRegisteredForTax`              | `step-4_not-registered-for-tax`              | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered for Indirect Tax"`                                                                                                                                         |
-| `step4_statusTextActive`                 | `step-4_status-text-active`                  | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                  |
-| `step4_statusTextNotActive`              | `step-4_status-text-not-active`              | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                        |
-| `step4_statusTextNotVerified`            | `step-4_status-text-not-verified`            | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                            |
-| `step4_taxAlertHeaderNotActiveW8`        | `step-4_tax-alert-header-not-active-w-8`     | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                      |
-| `step4_taxAlertHeaderNotActiveW9`        | `step-4_tax-alert-header-not-active-w-9`     | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                               |
-| `step4_taxAlertNotActiveMessageW8`       | `step-4_tax-alert-not-active-message-w-8`    | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                                            |
-| `step4_taxAlertNotActiveMessageW9`       | `step-4_tax-alert-not-active-message-w-9`    | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                              |
-| `step4_taxDocumentSectionHeader`         | `step-4_tax-document-section-header`         | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                           |
-| `step4_taxDocumentSectionSubHeader`      | `step-4_tax-document-section-sub-header`     | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
-| `stop3NotBasedInUS`                      | `stop-3-not-based-in-u-s`                    | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                    |
+| Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                     |
+| ----------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                 |
+| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                    |
+| `step1_allowBankingCollectionError`             | `step-1_allow-banking-collection-error`              | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
+| `step1_businessEntity`                          | `step-1_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                           |
+| `step1_country`                                 | `step-1_country`                                     | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                 |
+| `step1_countryError`                            | `step-1_country-error`                               | Error text shown at the bottom of the country input                                                        | `string`                                                                                                             | `"Select a country"`                                                                                                                                                        |
+| `step1_currency`                                | `step-1_currency`                                    | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                |
+| `step1_currencyError`                           | `step-1_currency-error`                              | Error text shown at the bottom of the currency input                                                       | `string`                                                                                                             | `"Select a currency"`                                                                                                                                                       |
+| `step1_email`                                   | `step-1_email`                                       | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                   |
+| `step1_emailError`                              | `step-1_email-error`                                 | Error text shown at the bottom of the email input                                                          | `string`                                                                                                             | `"Enter a valid email"`                                                                                                                                                     |
+| `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                              |
+| `step1_firstNameError`                          | `step-1_first-name-error`                            | Error text shown at the bottom of the first name input                                                     | `string`                                                                                                             | `"Enter a first name"`                                                                                                                                                      |
+| `step1_formStep`                                | `step-1_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                             |
+| `step1_generalErrorDescription`                 | `step-1_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step1_generalErrorTitle`                       | `step-1_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step1_individualParticipant`                   | `step-1_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
+| `step1_isPartnerAlertDescription`               | `step-1_is-partner-alert-description`                | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
+| `step1_isPartnerAlertHeader`                    | `step-1_is-partner-alert-header`                     | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `step1_lastName`                                | `step-1_last-name`                                   | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                               |
+| `step1_lastNameError`                           | `step-1_last-name-error`                             | Error text shown at the bottom of the last name input                                                      | `string`                                                                                                             | `"Enter a last name"`                                                                                                                                                       |
+| `step1_participantType`                         | `step-1_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
+| `step1_participantTypeError`                    | `step-1_participant-type-error`                      | Error text shown at the bottom of the participant type checkbox                                            | `string`                                                                                                             | `"Select a participant type"`                                                                                                                                               |
+| `step1_personalInformation`                     | `step-1_personal-information`                        | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                    |
+| `step1_submitButton`                            | `step-1_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step1_taxAndBankingCollection`                 | `step-1_tax-and-banking-collection`                  | Heading text for the tax and banking collection checkbox                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step2_backButton`                              | `step-2_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
+| `step2_formStep`                                | `step-2_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                             |
+| `step2_generalErrorDescription`                 | `step-2_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step2_generalErrorTitle`                       | `step-2_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
+| `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
+| `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                    |
+| `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
+| `step2_indirectTaxNumber`                       | `step-2_indirect-tax-number`                         | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                     |
+| `step2_indirectTaxNumberError`                  | `step-2_indirect-tax-number-error`                   | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                         |
+| `step2_isPartnerAlertDescription`               | `step-2_is-partner-alert-description`                | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
+| `step2_isPartnerAlertHeader`                    | `step-2_is-partner-alert-header`                     | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                             |
+| `step2_isRegisteredSubRegionIncomeTax`          | `step-2_is-registered-sub-region-income-tax`         | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                              |
+| `step2_notRegistered`                           | `step-2_not-registered`                              | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"I am not registered for Indirect Tax"`                                                                                                                                    |
+| `step2_otherRegion`                             | `step-2_other-region`                                | Label text for the other region radio button                                                               | `string`                                                                                                             | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
+| `step2_province`                                | `step-2_province`                                    | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                |
+| `step2_provinceError`                           | `step-2_province-error`                              | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Province is required"`                                                                                                                                                    |
+| `step2_qstNumber`                               | `step-2_qst-number`                                  | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST Number"`                                                                                                                                                              |
+| `step2_qstTaxNumberError`                       | `step-2_qst-tax-number-error`                        | Error text shown below the QST Tax number input                                                            | `string`                                                                                                             | `"QST Tax Number is required"`                                                                                                                                              |
+| `step2_selectedRegion`                          | `step-2_selected-region`                             | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                        |
+| `step2_selectedRegionError`                     | `step-2_selected-region-error`                       | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Country is required"`                                                                                                                                                     |
+| `step2_subRegion`                               | `step-2_sub-region`                                  | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                              |
+| `step2_subRegionTaxNumberError`                 | `step-2_sub-region-tax-number-error`                 | Error text shown below the Sub-region Income Tax number input                                              | `string`                                                                                                             | `"Income Tax Number is required"`                                                                                                                                           |
+| `step2_subRegionTaxNumberLabel`                 | `step-2_sub-region-tax-number-label`                 | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                       |
+| `step2_submitButton`                            | `step-2_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step2_taxDetailsError`                         | `step-2_tax-details-error`                           | Error text shown below the tax details radio buttons                                                       | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
+| `step3_backButton`                              | `step-3_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
+| `step3_banner`                                  | `step-3_banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
+| `step3_businessEntity`                          | `step-3_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a company"`                                                                                                                                                   |
+| `step3_checkboxDescription`                     | `step-3_checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                              |
+| `step3_checkboxLabel`                           | `step-3_checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                         |
+| `step3_docusignCompleted`                       | `step-3_docusign-completed`                          | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                         |
+| `step3_docusignError`                           | `step-3_docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                          |
+| `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`          |
+| `step3_formStep`                                | `step-3_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
+| `step3_formSubmissionError`                     | `step-3_form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
+| `step3_generalErrorDescription`                 | `step-3_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step3_generalErrorTitle`                       | `step-3_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step3_individualParticipant`                   | `step-3_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
+| `step3_participantType`                         | `step-3_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
+| `step3_refreshButton`                           | `step-3_refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                            |
+| `step3_submitButton`                            | `step-3_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step3_taxForm`                                 | `step-3_tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
+| `step3_taxFormDescription`                      | `step-3_tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                  |
+| `step3_taxFormDescriptionBusinessEntity`        | `step-3_tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                             | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                           |
+| `step3_taxFormDescriptionIndividualParticipant` | `step-3_tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                             | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                                      |
+| `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
+| `step3b_backButton`                             | `step-3b_back-button`                                | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
+| `step3b_formLabel`                              | `step-3b_form-label`                                 | Sub text shown above form selection radio buttons                                                          | `string`                                                                                                             | `"Select a tax form"`                                                                                                                                                       |
+| `step3b_formStep`                               | `step-3b_form-step`                                  | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
+| `step3b_generalErrorDescription`                | `step-3b_general-error-description`                  | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step3b_generalErrorTitle`                      | `step-3b_general-error-title`                        | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step3b_submitButton`                           | `step-3b_submit-button`                              | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
+| `step3b_taxForm`                                | `step-3b_tax-form`                                   | Heading text shown at the top of the top of page                                                           | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
+| `step3b_w8Description`                          | `step-3b_w-8-description`                            | Subtext for the W8 radio button                                                                            | `string`                                                                                                             | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                                                  |
+| `step3b_w8EDescription`                         | `step-3b_w-8-e-description`                          | Subtext for the W8E radio button                                                                           | `string`                                                                                                             | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."`                               |
+| `step3b_w8ELabel`                               | `step-3b_w-8-e-label`                                | Label text for the W8E radio button                                                                        | `string`                                                                                                             | `"W8-BEN-E"`                                                                                                                                                                |
+| `step3b_w8Label`                                | `step-3b_w-8-label`                                  | Label text for the W8 radio button                                                                         | `string`                                                                                                             | `"W8-Ben"`                                                                                                                                                                  |
+| `step3b_w9Description`                          | `step-3b_w-9-description`                            | Subtext for the W9 radio button                                                                            | `string`                                                                                                             | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                                                |
+| `step3b_w9Label`                                | `step-3b_w-9-label`                                  | Label text for the W9 radio button                                                                         | `string`                                                                                                             | `"W9"`                                                                                                                                                                      |
+| `step4_badgeTextAwaitingReview`                 | `step-4_badge-text-awaiting-review`                  | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                          |
+| `step4_badgeTextSubmittedOn`                    | `step-4_badge-text-submitted-on`                     | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                            |
+| `step4_badgeTextSubmittedOnW8`                  | `step-4_badge-text-submitted-on-w-8`                 | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                   |
+| `step4_bankingInformationSectionHeader`         | `step-4_banking-information-section-header`          | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                     |
+| `step4_generalErrorDescription`                 | `step-4_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `step4_generalErrorTitle`                       | `step-4_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
+| `step4_indirectTaxDetails`                      | `step-4_indirect-tax-details`                        | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                           |
+| `step4_indirectTaxInfoCanada`                   | `step-4_indirect-tax-info-canada`                    | Country/Region description text of indirect tax                                                            | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                     |
+| `step4_indirectTaxInfoOtherCountry`             | `step-4_indirect-tax-info-other-country`             | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                 |
+| `step4_indirectTaxInfoSectionHeader`            | `step-4_indirect-tax-info-section-header`            | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
+| `step4_indirectTaxTooltipSupport`               | `step-4_indirect-tax-tooltip-support`                | Indirect tax tooltip text for support                                                                      | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                               |
+| `step4_invalidForm`                             | `step-4_invalid-form`                                | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Ensure your information matches your profile and resubmit a new document."`                                                                                               |
+| `step4_newFormButton`                           | `step-4_new-form-button`                             | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                         |
+| `step4_noFormNeededSubtext`                     | `step-4_no-form-needed-subtext`                      | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                           |
+| `step4_notRegisteredForTax`                     | `step-4_not-registered-for-tax`                      | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                |
+| `step4_statusTextActive`                        | `step-4_status-text-active`                          | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                  |
+| `step4_statusTextNotActive`                     | `step-4_status-text-not-active`                      | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                        |
+| `step4_statusTextNotVerified`                   | `step-4_status-text-not-verified`                    | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                            |
+| `step4_taxAlertHeaderNotActiveW8`               | `step-4_tax-alert-header-not-active-w-8`             | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                      |
+| `step4_taxAlertHeaderNotActiveW9`               | `step-4_tax-alert-header-not-active-w-9`             | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                               |
+| `step4_taxAlertNotActiveMessageW8`              | `step-4_tax-alert-not-active-message-w-8`            | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                                            |
+| `step4_taxAlertNotActiveMessageW9`              | `step-4_tax-alert-not-active-message-w-9`            | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                              |
+| `step4_taxDocumentSectionHeader`                | `step-4_tax-document-section-header`                 | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                           |
+| `step4_taxDocumentSectionSubHeader`             | `step-4_tax-document-section-sub-header`             | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
+| `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                    |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
index 1e08826bfc..368393b2c0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
@@ -7,35 +7,34 @@
 
 ## Properties
 
-| Property                           | Attribute                             | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                             | Default                                                                                                                           |
-| ---------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------- |
-| `badgeTextAwaitingReview`          | `badge-text-awaiting-review`          | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                |
-| `badgeTextSubmittedOn`             | `badge-text-submitted-on`             | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Submitted on {dateSubmitted}."`                                                                                                 |
-| `badgeTextSubmittedOnW8`           | `badge-text-submitted-on-w-8`         | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                         |
-| `bankingInformationSectionHeader`  | `banking-information-section-header`  | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Payout information"`                                                                                                            |
-| `demoData`                         | --                                    |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxType?: string; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; }` | `undefined`                                                                                                                       |
-| `editIndirectTaxButton`            | `edit-indirect-tax-button`            | Text displayed in the edit Indirect Tax button                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Edit Indirect Tax"`                                                                                                             |
-| `generalErrorDescription`          | `general-error-description`           | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Please review your information and try again. If this problem continues, contact Support."`                                     |
-| `generalErrorTitle`                | `general-error-title`                 | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"There was a problem submitting your information"`                                                                               |
-| `indirectTaxDetails`               | `indirect-tax-details`                | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                 |
-| `indirectTaxIndividualParticipant` | `indirect-tax-individual-participant` | Indirect tax description text for individual participants                              | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Not registered. Only applicable to participants representing business entities in countries that enforce indirect tax."`        |
-| `indirectTaxInfoCanada`            | `indirect-tax-info-canada`            | Country/Region description text of indirect tax                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Registered in {province}, {country}"`                                                                                           |
-| `indirectTaxInfoOtherCountry`      | `indirect-tax-info-other-country`     | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Registered in {country}"`                                                                                                       |
-| `indirectTaxInfoSectionHeader`     | `indirect-tax-info-section-header`    | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Indirect Tax"`                                                                                                                  |
-| `indirectTaxTooltipSupport`        | `indirect-tax-tooltip-support`        | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"To make changes to your indirect tax information, please contact Support."`                                                     |
-| `invalidForm`                      | `invalid-form`                        | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Ensure your information matches your profile and resubmit a new document."`                                                     |
-| `newFormButton`                    | `new-form-button`                     | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Submit New document"`                                                                                                           |
-| `noFormNeededSubtext`              | `no-form-needed-subtext`              | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."` |
-| `notRegisteredForTax`              | `not-registered-for-tax`              | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Not Registered"`                                                                                                                |
-| `statusTextActive`                 | `status-text-active`                  | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Active"`                                                                                                                        |
-| `statusTextNotActive`              | `status-text-not-active`              | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Invalid Tax Form"`                                                                                                              |
-| `statusTextNotVerified`            | `status-text-not-verified`            | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Not Verified"`                                                                                                                  |
-| `taxAlertHeaderNotActiveW8`        | `tax-alert-header-not-active-w-8`     | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"{documentType} tax form is invalid"`                                                                                            |
-| `taxAlertHeaderNotActiveW9`        | `tax-alert-header-not-active-w-9`     | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                     |
-| `taxAlertNotActiveMessageW8`       | `tax-alert-not-active-message-w-8`    | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`  |
-| `taxAlertNotActiveMessageW9`       | `tax-alert-not-active-message-w-9`    | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Please resubmit a new {documentType} form."`                                                                                    |
-| `taxDocumentSectionHeader`         | `tax-document-section-header`         | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Tax documents"`                                                                                                                 |
-| `taxDocumentSectionSubHeader`      | `tax-document-section-sub-header`     | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"{documentType} Tax Form"`                                                                                                       |
+| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                             | Default                                                                                                                                                      |
+| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                           |
+| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Submitted on {dateSubmitted}."`                                                                                                                            |
+| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
+| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Payout information"`                                                                                                                                       |
+| `demoData`                        | --                                   |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxType?: string; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; }` | `undefined`                                                                                                                                                  |
+| `editIndirectTaxButton`           | `edit-indirect-tax-button`           | Text displayed in the edit Indirect Tax button                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Edit Indirect Tax"`                                                                                                                                        |
+| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Please review your information and try again. If this problem continues, contact Support."`                                                                |
+| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"There was a problem submitting your information"`                                                                                                          |
+| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                            |
+| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Region description text of indirect tax                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Registered in {province}, {country}"`                                                                                                                      |
+| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Registered in {country}"`                                                                                                                                  |
+| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Indirect Tax"`                                                                                                                                             |
+| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
+| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Ensure your information matches your profile and resubmit a new document."`                                                                                |
+| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Submit New Form"`                                                                                                                                          |
+| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
+| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
+| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Active"`                                                                                                                                                   |
+| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Invalid Tax Form"`                                                                                                                                         |
+| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Not Verified"`                                                                                                                                             |
+| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"{documentType} tax form is invalid"`                                                                                                                       |
+| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
+| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                             |
+| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Please resubmit a new {documentType} form."`                                                                                                               |
+| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Tax documents"`                                                                                                                                            |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"{documentType} Tax Form"`                                                                                                                                  |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index 38cf76fb35..49a2ef6df0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,33 +7,33 @@
 
 ## Properties
 
-| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default                                                                                                                                                                     |
-| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I agree to the terms"`                                                                                                                                                    |
-| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"This field is required"`                                                                                                                                                  |
-| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I represent a business entity"`                                                                                                                                           |
-| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Country"`                                                                                                                                                                 |
-| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Select a country"`                                                                                                                                                        |
-| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Currency"`                                                                                                                                                                |
-| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Select a currency"`                                                                                                                                                       |
-| `demoData`                    | --                               |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; participantType: string; }; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: TaxCountry[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; onRadioClick?: (value: string) => void; }` | `undefined`                                                                                                                                                                 |
-| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Email"`                                                                                                                                                                   |
-| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Enter a valid email"`                                                                                                                                                     |
-| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"First name"`                                                                                                                                                              |
-| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Enter a first name"`                                                                                                                                                      |
-| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Step 1 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                                                                         |
-| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I am an individual participant"`                                                                                                                                          |
-| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"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."` |
-| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Last name"`                                                                                                                                                               |
-| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Enter a last name"`                                                                                                                                                       |
-| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participant type"`                                                                                                                                                        |
-| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Select a participant type"`                                                                                                                                               |
-| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Personal Information"`                                                                                                                                                    |
-| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Continue"`                                                                                                                                                                |
-| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Continue"`                                                                                                                                                                |
+| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default                                                                                                                                                                     |
+| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I agree to the terms"`                                                                                                                                                    |
+| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"This field is required"`                                                                                                                                                  |
+| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I represent a business entity"`                                                                                                                                           |
+| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Country"`                                                                                                                                                                 |
+| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a country"`                                                                                                                                                        |
+| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Currency"`                                                                                                                                                                |
+| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a currency"`                                                                                                                                                       |
+| `demoData`                    | --                               |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: TaxCountry[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
+| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Email"`                                                                                                                                                                   |
+| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a valid email"`                                                                                                                                                     |
+| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"First name"`                                                                                                                                                              |
+| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a first name"`                                                                                                                                                      |
+| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Step 1 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"There was a problem submitting your information"`                                                                                                                         |
+| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I am an individual participant"`                                                                                                                                          |
+| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"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."` |
+| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Last name"`                                                                                                                                                               |
+| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a last name"`                                                                                                                                                       |
+| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Participant type"`                                                                                                                                                        |
+| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a participant type"`                                                                                                                                               |
+| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Personal Information"`                                                                                                                                                    |
+| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                                                                                                |
+| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                                                                                                |
 
 
 ## Dependencies

From f83bc05f4d2fed50e1c80f14adcd1654a9444676 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 22 Feb 2024 10:21:27 -0800
Subject: [PATCH 295/753] normalize types a bit

---
 .../sqm-banking-info-form-view.tsx            | 12 +++++-
 .../sqm-banking-info-form.tsx                 | 38 ++++++++---------
 .../useBankingInfoForm.tsx                    | 41 +++++++++++--------
 3 files changed, 55 insertions(+), 36 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 6bcb6fd182..2c4e0d8932 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -4,6 +4,8 @@ import { intl } from "../../../global/global";
 
 export interface BankingInfoFormViewProps {
   states: {
+    locale?: string;
+    intlLocale?: string;
     loading: boolean;
     disabled: boolean;
     hideSteps: boolean;
@@ -13,6 +15,7 @@ export interface BankingInfoFormViewProps {
     hideFixedDay?: boolean;
     feeCap?: string;
     isPartner: boolean;
+    paymentMethodFeeLabel?: string;
     formState: {
       paymentMethodChecked?: "toBankAccount" | "toPaypalAccount";
       paymentScheduleChecked?: "balanceThreshold" | "fixedDay";
@@ -20,8 +23,12 @@ export interface BankingInfoFormViewProps {
         general?: boolean;
       };
     };
+    bitset?: string;
+    bankCountry?: string;
+    currency?: string;
+    showInputs?: boolean;
   };
-  slots: {
+  slots?: {
     formInputsSlot?: VNode[];
     countryInputSlot?: VNode;
     paymentMethodSlot?: VNode;
@@ -36,6 +43,9 @@ export interface BankingInfoFormViewProps {
       paymentMethodChecked: "balanceThreshold" | "fixedDay"
     ) => void;
     onSubmit: (props: any) => Promise<void>;
+    setBankCountry?: (country: string) => void;
+    setCurrency?: (currency: string) => void;
+    setBitset?: (bitset: number) => void;
   };
   text: {
     formStep: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index c1efdabab2..1086608f39 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -637,7 +637,7 @@ export class BankingInfoForm {
     };
 
     const inputFields = getFormInputs({
-      bitset: props.demo.bitset || props.states.bitset,
+      bitset: props.states.bitset,
       formMap,
     });
 
@@ -648,12 +648,12 @@ export class BankingInfoForm {
           value={props.demo.bitset}
           onInput={(e) => props.demo.setBitset(Number(e.target.value))}
         /> */}
-        {props.demo.showInputs && (
+        {props.states.showInputs && (
           <sl-select
             name="/currency"
-            value={props.demo.currency}
+            value={props.states.currency}
             onSl-select={(e) => {
-              props.demo.setCurrency(e.detail?.item?.value);
+              props.states.setCurrency(e.detail?.item?.value);
               props.callbacks.setBankCountry("");
             }}
           >
@@ -693,21 +693,21 @@ export class BankingInfoForm {
                 })}
               >
                 {/* TODO: mock data should come from the backend when available */}
-                {mockPaymentOptions[
-                  props.demo.currency || props.states.currency
-                ]?.map((paymentOption) => {
-                  // @ts-ignore
-                  const countryDisplayName = new Intl.DisplayNames(
-                    [props.states.intlLocale],
-                    { type: "region" }
-                  ).of(paymentOption.country);
-
-                  return (
-                    <sl-menu-item value={paymentOption?.country}>
-                      {countryDisplayName}
-                    </sl-menu-item>
-                  );
-                })}
+                {mockPaymentOptions[props.states.currency]?.map(
+                  (paymentOption) => {
+                    // @ts-ignore
+                    const countryDisplayName = new Intl.DisplayNames(
+                      [props.states.intlLocale],
+                      { type: "region" }
+                    ).of(paymentOption.country);
+
+                    return (
+                      <sl-menu-item value={paymentOption?.country}>
+                        {countryDisplayName}
+                      </sl-menu-item>
+                    );
+                  }
+                )}
               </sl-select>
             ),
             paymentMethodSlot: (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index c11451d7ea..975a55dba0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -10,6 +10,7 @@ import {
 } from "../sqm-tax-and-cash/data";
 import { mockPaymentOptions } from "./mockData";
 import { BankingInfoForm } from "./sqm-banking-info-form";
+import { BankingInfoFormViewProps } from "./sqm-banking-info-form-view";
 
 export const paypalFeeMap = {
   USD: "USD20.00",
@@ -78,7 +79,9 @@ export function getFormInputs({ bitset, formMap }) {
   return inputFields;
 }
 
-export function useBankingInfoForm(props: BankingInfoForm) {
+export function useBankingInfoForm(
+  props: BankingInfoForm
+): BankingInfoFormViewProps {
   const locale = useLocale();
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
@@ -95,9 +98,13 @@ export function useBankingInfoForm(props: BankingInfoForm) {
   const formRef = useRef<HTMLFormElement>(null);
   const [loading, setLoading] = useState(false);
   const [errors, setErrors] = useState({});
-  const [checked, setChecked] = useState<
+
+  const [paymentMethodChecked, setPaymentMethodChecked] = useState<
     "toBankAccount" | "toPaypalAccount" | undefined
   >(undefined);
+  const [paymentScheduleChecked, setPaymentScheduleChecked] = useState<
+    "balanceThreshold" | "fixedDay" | undefined
+  >(undefined);
 
   const onSubmit = async (event: any) => {
     let formData: BankingInfoFormData = {};
@@ -158,13 +165,20 @@ export function useBankingInfoForm(props: BankingInfoForm) {
   console.log({ userData });
 
   return {
-    step: step,
-    setStep: setStep,
-    text: { ...props, error: {} },
+    text: {
+      ...props,
+      error: {
+        generalTitle: props.generalErrorTitle,
+        generalDescription: props.generalErrorDescription,
+      },
+    },
     callbacks: {
       onSubmit,
       setBankCountry,
-      setChecked,
+      setPaymentMethodChecked,
+      setPaymentScheduleChecked,
+      setBitset,
+      setCurrency,
     },
     states: {
       locale,
@@ -175,25 +189,20 @@ export function useBankingInfoForm(props: BankingInfoForm) {
       disabled: loading,
       loading,
       hideSteps: false,
-      hideBanking: checked !== "toBankAccount",
-      hidePayPal: checked !== "toPaypalAccount",
+      hideBanking: paymentMethodChecked !== "toBankAccount",
+      hidePayPal: paymentMethodChecked !== "toPaypalAccount",
       formState: {
-        checked,
+        paymentMethodChecked,
+        paymentScheduleChecked,
         errors,
       },
       bitset: currentPaymentOption?.withdrawalId || 0,
       bankCountry,
       currency: userData?.user?.impactConnection?.publisher?.currency,
+      showInputs: true,
     },
     refs: {
       formRef,
     },
-    demo: {
-      showInputs: true,
-      bitset,
-      setBitset,
-      currency,
-      setCurrency,
-    },
   };
 }

From ecfc129d66573f24765a8db14b2843594caef178 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 22 Feb 2024 10:26:21 -0800
Subject: [PATCH 296/753] fix broken testing story, update other stories. with
 better types

---
 .../tax-and-cash/BankingForm.stories.tsx      | 68 +++++--------------
 .../sqm-banking-info-form.tsx                 | 31 ++++++---
 2 files changed, 37 insertions(+), 62 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 594beef2ed..e693663d8e 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -13,10 +13,9 @@ const bankingFormProps = {
       paymentMethodChecked: "toBankAccount",
     },
     bankCountry: "US",
-  },
-  demo: {
     currency: "USD",
   },
+
   callbacks: {
     onSubmit: async () => console.log("Submit"),
     onChange: () => console.log("Submit"),
@@ -33,7 +32,7 @@ export const BankingInfoFormTesting = () => {
   return (
     <sqm-banking-info-form
       demoData={{
-        demo: {
+        states: {
           showInputs: true,
         },
       }}
@@ -59,10 +58,6 @@ export const BankingInfoFormDefaultWithValidationErrors = () => {
   return (
     <sqm-banking-info-form
       demoData={{
-        demo: {
-          ...bankingFormProps.demo,
-          // bitset: 39,
-        },
         states: {
           ...bankingFormProps.states,
 
@@ -102,11 +97,10 @@ export const BankingInfoFormCountryUSCurrencyUSD = () => {
     <sqm-banking-info-form
       demoData={{
         ...bankingFormProps,
-        states: { ...bankingFormProps.states, bankCountry: "US" },
-        demo: {
-          ...bankingFormProps.demo,
+        states: {
+          ...bankingFormProps.states,
+          bankCountry: "US",
           currency: "USD",
-          // bitset: 39,
         },
       }}
     ></sqm-banking-info-form>
@@ -141,10 +135,6 @@ export const BankingInfoFormCountryUSCurrencyUSDLoading = () => {
           ...bankingFormProps.states,
           bankCountry: "US",
           loading: true,
-        },
-        demo: {
-          ...bankingFormProps.demo,
-          // bitset: 39,
           currency: "USD",
         },
       }}
@@ -157,10 +147,9 @@ export const BankingInfoFormCountryUSCurrencyGBP = () => {
     <sqm-banking-info-form
       demoData={{
         ...bankingFormProps,
-        states: { ...bankingFormProps.states, bankCountry: "US" },
-        demo: {
-          ...bankingFormProps.demo,
-          // bitset: 33,
+        states: {
+          ...bankingFormProps.states,
+          bankCountry: "US",
           currency: "GBP",
         },
       }}
@@ -173,10 +162,9 @@ export const BankingInfoFormCountryCanadaCurrencyCAD = () => {
     <sqm-banking-info-form
       demoData={{
         ...bankingFormProps,
-        states: { ...bankingFormProps.states, bankCountry: "CA" },
-        demo: {
-          ...bankingFormProps.demo,
-          // bitset: 37,
+        states: {
+          ...bankingFormProps.states,
+          bankCountry: "CA",
           currency: "CAD",
         },
       }}
@@ -189,10 +177,9 @@ export const BankingInfoFormCountryCanadaCurrencyUSD = () => {
     <sqm-banking-info-form
       demoData={{
         ...bankingFormProps,
-        states: { ...bankingFormProps.states, bankCountry: "CA" },
-        demo: {
-          ...bankingFormProps.demo,
-          // bitset: 21,
+        states: {
+          ...bankingFormProps.states,
+          bankCountry: "CA",
           currency: "USD",
         },
       }}
@@ -205,10 +192,9 @@ export const BankingInfoFormCountrySpainCurrencyUSD = () => {
     <sqm-banking-info-form
       demoData={{
         ...bankingFormProps,
-        states: { ...bankingFormProps.states, bankCountry: "ES" },
-        demo: {
-          ...bankingFormProps.demo,
-          // bitset: 25,
+        states: {
+          ...bankingFormProps.states,
+          bankCountry: "ES",
           currency: "USD",
         },
       }}
@@ -224,10 +210,6 @@ export const BankingInfoFormIsPartner = () => {
         states: {
           ...bankingFormProps.states,
           isPartner: true,
-        },
-        demo: {
-          ...bankingFormProps.demo,
-          // bitset: 25,
           currency: "USD",
         },
       }}
@@ -282,11 +264,7 @@ export const BankingInfoFormWithBalanceThresholdPaymentSchedule = () => {
             ...bankingFormProps.states.formState,
             paymentScheduleChecked: "balanceThreshold",
           },
-        },
-        demo: {
-          ...bankingFormProps.demo,
           currency: "USD",
-          // bitset: 39,
         },
       }}
     ></sqm-banking-info-form>
@@ -309,11 +287,7 @@ export const BankingInfoFormWithBalanceThresholdPaymentScheduleWithError =
               ...bankingFormProps.states.formState,
               paymentScheduleChecked: "balanceThreshold",
             },
-          },
-          demo: {
-            ...bankingFormProps.demo,
             currency: "USD",
-            // bitset: 39,
           },
         }}
       ></sqm-banking-info-form>
@@ -332,11 +306,7 @@ export const BankingInfoFormWithFixedDayPaymentSchedule = () => {
             ...bankingFormProps.states.formState,
             paymentScheduleChecked: "fixedDay",
           },
-        },
-        demo: {
-          ...bankingFormProps.demo,
           currency: "USD",
-          // bitset: 39,
         },
       }}
     ></sqm-banking-info-form>
@@ -358,11 +328,7 @@ export const BankingInfoFormWithFixedDayPaymentScheduleWithError = () => {
             ...bankingFormProps.states.formState,
             paymentScheduleChecked: "fixedDay",
           },
-        },
-        demo: {
-          ...bankingFormProps.demo,
           currency: "USD",
-          // bitset: 39,
         },
       }}
     ></sqm-banking-info-form>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 1086608f39..98d37593b0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -762,13 +762,19 @@ export class BankingInfoForm {
 }
 
 function useDemoBankingInfoForm(props: BankingInfoForm) {
-  const defaultChecked = props.demoData?.states?.formState?.checked;
-  const defaultCurrency = props.demoData?.demo?.currency;
+  const defaultPaymentMethodChecked =
+    props.demoData?.states?.formState?.paymentMethodChecked;
+  const defaultPaymentScheduleChecked =
+    props.demoData?.states?.formState?.paymentScheduleChecked;
+  const defaultCurrency = props.demoData?.states?.currency;
   const defaultCountry = props.demoData?.states?.bankCountry;
 
-  const [checked, setChecked] = useState<
+  const [paymentMethodChecked, setPaymentMethodChecked] = useState<
     "toBankAccount" | "toPaypalAccount" | undefined
-  >(defaultChecked);
+  >(undefined);
+  const [paymentScheduleChecked, setPaymentScheduleChecked] = useState<
+    "balanceThreshold" | "fixedDay" | undefined
+  >(undefined);
 
   const [currency, setCurrency] = useState(defaultCurrency);
   const [bankCountry, setBankCountry] = useState(defaultCountry);
@@ -781,7 +787,7 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
   );
 
   const bitset =
-    currentPaymentOption?.withdrawalId || props.demoData?.demo?.bitset || 0;
+    currentPaymentOption?.withdrawalId || props.demoData?.states?.bitset || 0;
 
   console.log("demo hook", {
     demoData: props.demoData,
@@ -792,10 +798,13 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
   });
 
   useEffect(() => {
-    if (defaultChecked !== checked) setChecked(defaultChecked);
+    if (defaultPaymentMethodChecked !== paymentMethodChecked)
+      setPaymentMethodChecked(defaultPaymentMethodChecked);
+    if (defaultPaymentScheduleChecked !== paymentScheduleChecked)
+      setPaymentScheduleChecked(defaultPaymentScheduleChecked);
     if (defaultCurrency !== currency) setCurrency(defaultCurrency);
     if (defaultCountry !== bankCountry) setBankCountry(defaultCountry);
-  }, [defaultChecked, defaultCurrency, defaultCountry]);
+  }, [defaultPaymentMethodChecked, defaultCurrency, defaultCountry]);
 
   const feeCap = paypalFeeMap[currency] || "";
 
@@ -819,7 +828,8 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
         feeCap,
         paymentMethodFeeLabel,
         formState: {
-          checked,
+          paymentMethodChecked,
+          paymentScheduleChecked,
           errors: {
             general: false,
             beneficiaryAccountName: false,
@@ -845,8 +855,6 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
         intlLocale: "en",
         bitset,
         bankCountry,
-      },
-      demo: {
         showInputs: props.demoData?.showInputs,
         currency,
         setCurrency,
@@ -854,7 +862,8 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
       callbacks: {
         onSubmit: async () => {},
         setBankCountry,
-        setChecked,
+        setPaymentMethodChecked,
+        setPaymentScheduleChecked,
       },
       text: props.getTextProps(),
       refs: {

From 76793e1fef1ba8814e6b1f545e4f1263daf97fe6 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 22 Feb 2024 10:39:32 -0800
Subject: [PATCH 297/753] clean up some demo stuff

---
 .../sqm-banking-info-form/sqm-banking-info-form-view.tsx      | 1 -
 .../sqm-banking-info-form/sqm-banking-info-form.tsx           | 4 ----
 .../tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx | 2 --
 3 files changed, 7 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 2c4e0d8932..dd0f53ed10 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -45,7 +45,6 @@ export interface BankingInfoFormViewProps {
     onSubmit: (props: any) => Promise<void>;
     setBankCountry?: (country: string) => void;
     setCurrency?: (currency: string) => void;
-    setBitset?: (bitset: number) => void;
   };
   text: {
     formStep: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 98d37593b0..5ceeab02e5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -644,10 +644,6 @@ export class BankingInfoForm {
     return (
       <Host>
         {/* demo */}
-        {/* <sl-input
-          value={props.demo.bitset}
-          onInput={(e) => props.demo.setBitset(Number(e.target.value))}
-        /> */}
         {props.states.showInputs && (
           <sl-select
             name="/currency"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 975a55dba0..7cd768727c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -89,7 +89,6 @@ export function useBankingInfoForm(
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
 
   /** mock data */
-  const [bitset, setBitset] = useState(0);
   const [currency, setCurrency] = useState("CAD");
   /** */
 
@@ -177,7 +176,6 @@ export function useBankingInfoForm(
       setBankCountry,
       setPaymentMethodChecked,
       setPaymentScheduleChecked,
-      setBitset,
       setCurrency,
     },
     states: {

From 2111bcebec3d92030c1537a8a167abd65075f524 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 22 Feb 2024 11:00:36 -0800
Subject: [PATCH 298/753] Payout details card updates / cleanup

---
 packages/mint-components/src/components.d.ts  |  13 +
 .../src/components/tax-and-cash/SVGs.tsx      |  30 +++
 .../PayoutDetailsCard.stories.tsx             | 249 +++++++++--------
 .../sqm-payout-details-card-view.tsx          | 239 ++++++++++++++++
 .../sqm-payout-details-card.tsx               | 255 ++----------------
 .../sqm-tax-document-submitted-view.tsx       |   3 +-
 packages/mint-components/src/index.html       |   4 +-
 7 files changed, 445 insertions(+), 348 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/SVGs.tsx
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 277a2d1335..7517ef7971 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1492,6 +1492,8 @@ export namespace Components {
          */
         "uppercaseErrorText": string;
     }
+    interface SqmPayoutDetailsCard {
+    }
     interface SqmPopupContainer {
         /**
           * Display a close button on the popup
@@ -4824,6 +4826,12 @@ declare global {
         prototype: HTMLSqmPasswordFieldElement;
         new (): HTMLSqmPasswordFieldElement;
     };
+    interface HTMLSqmPayoutDetailsCardElement extends Components.SqmPayoutDetailsCard, HTMLStencilElement {
+    }
+    var HTMLSqmPayoutDetailsCardElement: {
+        prototype: HTMLSqmPayoutDetailsCardElement;
+        new (): HTMLSqmPayoutDetailsCardElement;
+    };
     interface HTMLSqmPopupContainerElement extends Components.SqmPopupContainer, HTMLStencilElement {
     }
     var HTMLSqmPopupContainerElement: {
@@ -5257,6 +5265,7 @@ declare global {
         "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
         "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
         "sqm-password-field": HTMLSqmPasswordFieldElement;
+        "sqm-payout-details-card": HTMLSqmPayoutDetailsCardElement;
         "sqm-popup-container": HTMLSqmPopupContainerElement;
         "sqm-portal-change-password": HTMLSqmPortalChangePasswordElement;
         "sqm-portal-container": HTMLSqmPortalContainerElement;
@@ -6770,6 +6779,8 @@ declare namespace LocalJSX {
          */
         "uppercaseErrorText"?: string;
     }
+    interface SqmPayoutDetailsCard {
+    }
     interface SqmPopupContainer {
         /**
           * Display a close button on the popup
@@ -9896,6 +9907,7 @@ declare namespace LocalJSX {
         "sqm-navigation-sidebar": SqmNavigationSidebar;
         "sqm-navigation-sidebar-item": SqmNavigationSidebarItem;
         "sqm-password-field": SqmPasswordField;
+        "sqm-payout-details-card": SqmPayoutDetailsCard;
         "sqm-popup-container": SqmPopupContainer;
         "sqm-portal-change-password": SqmPortalChangePassword;
         "sqm-portal-container": SqmPortalContainer;
@@ -10004,6 +10016,7 @@ declare module "@stencil/core" {
             "sqm-navigation-sidebar": LocalJSX.SqmNavigationSidebar & JSXBase.HTMLAttributes<HTMLSqmNavigationSidebarElement>;
             "sqm-navigation-sidebar-item": LocalJSX.SqmNavigationSidebarItem & JSXBase.HTMLAttributes<HTMLSqmNavigationSidebarItemElement>;
             "sqm-password-field": LocalJSX.SqmPasswordField & JSXBase.HTMLAttributes<HTMLSqmPasswordFieldElement>;
+            "sqm-payout-details-card": LocalJSX.SqmPayoutDetailsCard & JSXBase.HTMLAttributes<HTMLSqmPayoutDetailsCardElement>;
             "sqm-popup-container": LocalJSX.SqmPopupContainer & JSXBase.HTMLAttributes<HTMLSqmPopupContainerElement>;
             "sqm-portal-change-password": LocalJSX.SqmPortalChangePassword & JSXBase.HTMLAttributes<HTMLSqmPortalChangePasswordElement>;
             "sqm-portal-container": LocalJSX.SqmPortalContainer & JSXBase.HTMLAttributes<HTMLSqmPortalContainerElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/SVGs.tsx b/packages/mint-components/src/components/tax-and-cash/SVGs.tsx
new file mode 100644
index 0000000000..c959ca136e
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/SVGs.tsx
@@ -0,0 +1,30 @@
+import { h } from "@stencil/core";
+
+export const PayPalIcon = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="17"
+    height="20"
+    viewBox="0 0 17 20"
+    fill="none"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M7.20649 4.55454H12.7877C15.7842 4.55454 16.9137 6.08577 16.7343 8.34231C16.4486 12.0629 14.2228 14.118 11.2728 14.118H9.78446C9.37916 14.118 9.10675 14.3866 9.00044 15.1254L8.36923 19.39C8.32937 19.6653 8.1832 19.8265 7.97058 19.8467H4.46242C4.13021 19.8467 4.01725 19.5915 4.10363 19.0408L6.23643 5.36045C6.32281 4.81646 6.61515 4.55454 7.20649 4.55454Z"
+      fill="#009EE3"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M3.71826 -0.15332H9.30607C10.8808 -0.15332 12.7478 -0.099593 13.9903 1.00853C14.8208 1.754 15.2593 2.936 15.1597 4.21203C14.8142 8.52364 12.2694 10.9347 8.84762 10.9347H6.09026C5.61852 10.9347 5.31288 11.2503 5.18 12.0965L4.40926 17.0461C4.35611 17.3685 4.22323 17.5566 3.97739 17.5767H0.53567C0.156948 17.5767 0.0174187 17.2879 0.117082 16.6432L2.59539 0.786908C2.69505 0.148896 3.04055 -0.15332 3.71826 -0.15332Z"
+      fill="#113984"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M5.25973 11.5995L6.23643 5.36045C6.32281 4.81646 6.61515 4.54782 7.20649 4.54782H12.7877C13.7112 4.54782 14.4554 4.69557 15.0401 4.96421C14.4819 8.799 12.0236 10.9347 8.80775 10.9347H6.06368C5.6916 10.9347 5.42583 11.1227 5.25973 11.5995Z"
+      fill="#172C70"
+    />
+  </svg>
+);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
index 9cafad5bf1..b74e4f2dcb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
@@ -1,121 +1,136 @@
 import { h } from "@stencil/core";
-import { PayoutDetailsCardView, PayoutDetailsCardViewProps } from "./sqm-payout-details-card";
+import {
+  PayoutDetailsCardView,
+  PayoutDetailsCardViewProps,
+} from "./sqm-payout-details-card-view";
 
 export default {
-    title: "Components/Payout Details Card",
-  };
-  
-  const defaultProps: PayoutDetailsCardViewProps = {
-    loading: false,
-    empty: false,
-    otherCurrencies: false,
-    mainCurrency: { currencyText: "USD", amountText: "100.00" },
-    status: "upcoming",
-    pendingStatusBadgeText: "Pending",
-    upcomingStatusBadgeText: "Upcoming",
-    nextPayoutStatusBadgeText: "Next payout",
-    pendingDetailedStatusText: "Check rewards table for available date",
-    upcomingDetailedStatusText: "November 1, 2022",
-    nextPayoutDetailedStatusText: "November 1, 2022",
-    otherCurrenciesText: "other currencies",
-    w9PendingText: "Awaiting W-9 tax form",
-    w9Pending: undefined,
-    hasDatePending: true,
-    hasW9Pending: false,
-  };
-  
-  const currencyList = [
-    { amountText: "15.92", currencyText: "CAD" },
-    { amountText: "12.92", currencyText: "EUR" },
-    { amountText: "10.92", currencyText: "GBP" },
-    { amountText: "10.92", currencyText: "AED" },
-  ];
-  
-  export const Upcoming = () => {
-    return <PayoutDetailsCardView {...defaultProps} />;
-  };
+  title: "Components/Payout Details Card",
+};
 
-  export const Loading = () => {
-    return <PayoutDetailsCardView {...{ ...defaultProps, loading: true }} />;
-  };
-  
-  export const Empty = () => {
-    return <PayoutDetailsCardView {...{ ...defaultProps, empty: true }} />;
-  };
-  
-  export const NextPayout = () => {
-    return (
-      <PayoutDetailsCardView
-        {...{
-          ...defaultProps,
-          status: "next payout",
-        }}
-      />
-    );
-  };
-  
-  export const Pending = () => {
-    return (
-      <PayoutDetailsCardView
-        {...{
-          ...defaultProps,
-          status: "pending",
-        }}
-      />
-    );
-  };
-  
-  export const OtherCurrencies = () => {
-    return (
-      <PayoutDetailsCardView
-        {...{
-          ...defaultProps,
-          otherCurrencies: currencyList,
-        }}
-      />
-    );
-  };
-  
-  export const W9OnlyPending = () => {
-    return (
-      <PayoutDetailsCardView
-        {...{
-          ...defaultProps,
-          status: "pending",
-          hasDatePending: false,
-          hasW9Pending: true,
-          w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
-        }}
-      />
-    );
-  };
-  
-  export const DateOnlyPending = () => {
-    return (
-      <PayoutDetailsCardView
-        {...{
-          ...defaultProps,
-          status: "pending",
-          hasDatePending: true,
-          hasW9Pending: false,
-          otherCurrencies: currencyList,
-          w9Pending: undefined,
-        }}
-      />
-    );
-  };
-  
-  export const CombinedPending = () => {
-    return (
-      <PayoutDetailsCardView
-        {...{
-          ...defaultProps,
-          status: "pending",
-          hasDatePending: true,
-          hasW9Pending: true,
-          w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
-        }}
-      />
-    );
-  };
-  
\ No newline at end of file
+const defaultProps: PayoutDetailsCardViewProps = {
+  loading: false,
+  empty: false,
+  otherCurrencies: false,
+  payoutType: "bank",
+  mainCurrency: { currencyText: "USD", amountText: "100.00" },
+  status: "upcoming",
+  pendingStatusBadgeText: "Pending",
+  upcomingStatusBadgeText: "Upcoming",
+  nextPayoutStatusBadgeText: "Next payout",
+  pendingDetailedStatusText: "Check rewards table for available date",
+  upcomingDetailedStatusText: "November 1, 2022",
+  nextPayoutDetailedStatusText: "November 1, 2022",
+  otherCurrenciesText: "other currencies",
+  w9PendingText: "Awaiting W-9 tax form",
+  w9Pending: undefined,
+  hasDatePending: true,
+  hasW9Pending: false,
+};
+
+const currencyList = [
+  { amountText: "15.92", currencyText: "CAD" },
+  { amountText: "12.92", currencyText: "EUR" },
+  { amountText: "10.92", currencyText: "GBP" },
+  { amountText: "10.92", currencyText: "AED" },
+];
+
+export const Upcoming = () => {
+  return <PayoutDetailsCardView {...defaultProps} />;
+};
+
+export const Loading = () => {
+  return <PayoutDetailsCardView {...{ ...defaultProps, loading: true }} />;
+};
+
+export const Empty = () => {
+  return <PayoutDetailsCardView {...{ ...defaultProps, empty: true }} />;
+};
+
+export const NextPayout = () => {
+  return (
+    <PayoutDetailsCardView
+      {...{
+        ...defaultProps,
+        status: "next payout",
+      }}
+    />
+  );
+};
+
+export const Pending = () => {
+  return (
+    <PayoutDetailsCardView
+      {...{
+        ...defaultProps,
+        status: "pending",
+      }}
+    />
+  );
+};
+
+export const OtherCurrencies = () => {
+  return (
+    <PayoutDetailsCardView
+      {...{
+        ...defaultProps,
+        otherCurrencies: currencyList,
+      }}
+    />
+  );
+};
+
+export const W9OnlyPending = () => {
+  return (
+    <PayoutDetailsCardView
+      {...{
+        ...defaultProps,
+        status: "pending",
+        hasDatePending: false,
+        hasW9Pending: true,
+        w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
+      }}
+    />
+  );
+};
+
+export const DateOnlyPending = () => {
+  return (
+    <PayoutDetailsCardView
+      {...{
+        ...defaultProps,
+        status: "pending",
+        hasDatePending: true,
+        hasW9Pending: false,
+        otherCurrencies: currencyList,
+        w9Pending: undefined,
+      }}
+    />
+  );
+};
+
+export const CombinedPending = () => {
+  return (
+    <PayoutDetailsCardView
+      {...{
+        ...defaultProps,
+        status: "pending",
+        hasDatePending: true,
+        hasW9Pending: true,
+        w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
+      }}
+    />
+  );
+};
+
+export const PaypalPayout = () => {
+  return (
+    <PayoutDetailsCardView
+      {...{
+        ...defaultProps,
+        status: "next payout",
+        payoutType: "paypal",
+      }}
+    />
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
new file mode 100644
index 0000000000..5d83be59cb
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -0,0 +1,239 @@
+import { h } from "@stencil/core";
+import { createStyleSheet } from "../../../styling/JSS";
+import { PayPalIcon } from "../SVGs";
+
+export type currencyAmount = {
+  amountText: string;
+  currencyText: string;
+};
+
+export interface PayoutDetailsCardViewProps {
+  loading?: boolean;
+  mainCurrency: currencyAmount;
+  status: "pending" | "upcoming" | "next payout";
+  payoutType: "bank" | "paypal";
+  pendingStatusBadgeText: string;
+  upcomingStatusBadgeText: string;
+  nextPayoutStatusBadgeText: string;
+  pendingDetailedStatusText: string;
+  upcomingDetailedStatusText: string;
+  nextPayoutDetailedStatusText: string;
+  otherCurrencies: currencyAmount[] | boolean;
+  w9Pending?: currencyAmount[];
+  w9PendingText: string;
+  otherCurrenciesText: string;
+  empty?: boolean;
+  hasW9Pending?: boolean;
+  hasDatePending?: boolean;
+  additionalW9Text?: string;
+}
+
+const statusMap = {
+  pending: "warning",
+  upcoming: "success",
+  "next payout": "success",
+};
+
+const style = {
+  Container: {
+    display: "grid",
+    gridTemplateColumns: "1fr",
+    gridGap: "var(--sl-spacing-large)",
+    background: "var(--sl-color-neutral-0)",
+    boxShadow: "0px 2px 4px rgba(28, 28, 33, 0.12)",
+    borderRadius: "4px",
+    padding: "var(--sl-spacing-large)",
+    minHeight: "150px",
+    border: "1px solid var(--sl-color-gray-200)",
+  },
+  StatusContainer: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+  },
+  MainCurrencyLabel: {
+    fontWeight: "var(--sl-font-weight-normal)",
+    color: "var(--sl-color-gray-500)",
+  },
+  MainCurrency: {
+    margin: 0,
+    fontSize: "32px",
+    width: "auto",
+  },
+  SubduedRegularText: {
+    fontSize: "var(--sl-font-size-small)",
+    color: "var(--sl-color-gray-500)",
+    margin: 0,
+    width: "auto",
+  },
+  CurrenciesContainer: {
+    display: "grid",
+    width: "auto",
+    gridTemplateColumns: "1fr 1fr 1fr",
+    gap: "var(--sl-spacing-xx-small) var(--sl-spacing-small)",
+    paddingTop: "var(--sq-spacing-xx-small)",
+    "& > :not(:last-child)": {
+      borderRight: "1px solid var(--sl-color-gray-200)",
+    },
+    "& > :nth-child(3)": {
+      border: "none",
+    },
+  },
+  CurrencyContainer: {
+    paddingRight: "var(--sl-spacing-small)",
+    gap: "var(--sl-spacing-small)",
+  },
+  SubCurrencyText: {
+    fontWeight: "var(--sl-font-weight-bold)",
+    fontSize: "var(--sl-font-size-large)",
+    margin: "0",
+  },
+  W9Container: {
+    paddingTop: "var(--sl-spacing-large)",
+    borderTop: "1px solid var(--sl-color-gray-200)",
+  },
+  SkeletonOne: {
+    width: "25%",
+    height: "16px",
+  },
+  SkeletonTwo: {
+    width: "25%",
+    height: "24px",
+  },
+  SkeletonThree: {
+    width: "50%",
+    height: "34px",
+  },
+};
+
+type Currency = {
+  amountText: string;
+  currencyText: string;
+};
+
+export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
+  const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
+  const { classes } = sheet;
+
+  const currencyList = (currencies: Currency[]) => {
+    return (
+      <div class={classes.CurrenciesContainer}>
+        {currencies?.map((currency) => {
+          return (
+            <div class={classes.CurrencyContainer}>
+              <p class={classes.SubCurrencyText}>
+                {currency?.amountText}
+                {currency?.currencyText}
+              </p>
+            </div>
+          );
+        })}
+      </div>
+    );
+  };
+
+  const {
+    loading,
+    mainCurrency,
+    status,
+    payoutType,
+    otherCurrencies,
+    otherCurrenciesText,
+    pendingStatusBadgeText,
+    upcomingStatusBadgeText,
+    nextPayoutStatusBadgeText,
+    pendingDetailedStatusText,
+    upcomingDetailedStatusText,
+    nextPayoutDetailedStatusText,
+    w9Pending,
+    w9PendingText,
+    empty,
+    hasDatePending,
+    hasW9Pending,
+  } = props;
+
+  const badgeText = {
+    pending: pendingStatusBadgeText,
+    upcoming: upcomingStatusBadgeText,
+    "next payout": nextPayoutStatusBadgeText,
+  };
+
+  const statusText = {
+    pending: pendingDetailedStatusText,
+    upcoming: upcomingDetailedStatusText,
+    "next payout": nextPayoutDetailedStatusText,
+  };
+
+  return (
+    <div>
+      <style type="text/css">{styleString}</style>
+      <div class={classes.Container}>
+        {loading ? (
+          <div class={classes.StatusContainer}>
+            <sl-skeleton class={classes.SkeletonOne}></sl-skeleton>{" "}
+            <sl-skeleton class={classes.SkeletonTwo}></sl-skeleton>
+          </div>
+        ) : (
+          <div class={classes.StatusContainer}>
+            <p class={classes.SubduedRegularText}>
+              {/* Should be seperated to a helper function */}
+              {empty && status === "pending"
+                ? ""
+                : status !== "pending"
+                ? statusText[status]
+                : hasDatePending
+                ? statusText["pending"]
+                : w9PendingText}
+            </p>
+            <sl-badge pill type={statusMap[status]}>
+              {badgeText[status]}
+            </sl-badge>
+          </div>
+        )}
+        {loading ? (
+          <sl-skeleton class={classes.SkeletonThree}></sl-skeleton>
+        ) : empty ? (
+          <h1 class={classes.MainCurrency}>No rewards</h1>
+        ) : (
+          <h1 class={classes.MainCurrency}>
+            {hasDatePending || status !== "pending"
+              ? mainCurrency?.amountText
+              : w9Pending?.[0]?.amountText}{" "}
+            {mainCurrency.currencyText}
+          </h1>
+        )}
+        {otherCurrencies && !loading && (
+          <div>
+            <p
+              class={classes.SubduedRegularText}
+              style={{ fontSize: "var(--sl-font-size-x-small)" }}
+            >
+              + {otherCurrenciesText}
+            </p>
+            {currencyList(otherCurrencies as Currency[])}
+          </div>
+        )}
+        {hasW9Pending && status === "pending" && hasDatePending && !loading && (
+          <div class={classes.W9Container}>
+            <p class={classes.SubduedRegularText}>{w9PendingText}</p>
+            {currencyList(w9Pending!)}
+          </div>
+        )}
+        {loading ? (
+          <sl-skeleton class={classes.SkeletonOne}></sl-skeleton>
+        ) : payoutType === "paypal" ? (
+          <div style={{ display: "flex", gap: "var(--sl-spacing-small)" }}>
+            <span>email@example.com</span>
+            <PayPalIcon />
+          </div>
+        ) : (
+          <div style={{ display: "flex", gap: "var(--sl-spacing-small)" }}>
+            <span>Card ***2381</span>
+            <span>Toronto Dominion Bank</span>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 1bfda4aa6b..8cd0ccf009 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -1,231 +1,30 @@
-import { h } from "@stencil/core";
-import { createStyleSheet } from "../../../styling/JSS";
-
-export type currencyAmount = {
-  amountText: string;
-  currencyText: string;
-};
-
-export interface PayoutDetailsCardViewProps {
-  loading?: boolean;
-  mainCurrency: currencyAmount;
-  status: "pending" | "upcoming" | "next payout";
-  pendingStatusBadgeText: string;
-  upcomingStatusBadgeText: string;
-  nextPayoutStatusBadgeText: string;
-  pendingDetailedStatusText: string;
-  upcomingDetailedStatusText: string;
-  nextPayoutDetailedStatusText: string;
-  otherCurrencies: currencyAmount[] | boolean;
-  w9Pending?: currencyAmount[];
-  w9PendingText: string;
-  otherCurrenciesText: string;
-  empty?: boolean;
-  hasW9Pending?: boolean;
-  hasDatePending?: boolean;
-  additionalW9Text?: string;
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Host, Prop, h } from "@stencil/core";
+
+/**
+ * @uiName Payout Details Card
+ * @exampleGroup Tax and Cash Components
+ */
+@Component({
+  tag: "sqm-payout-details-card",
+  shadow: true,
+})
+export class PayoutDetailsCard {
+  constructor() {
+    withHooks(this);
+  }
+
+  disconnectedCallback() {}
+
+  getTextProps() {
+    return {};
+  }
+
+  render() {
+    return <Host></Host>;
+  }
 }
 
-const statusMap = {
-  pending: "warning",
-  upcoming: "success",
-  "next payout": "success",
-};
-
-const style = {
-  Container: {
-    display: "grid",
-    gridTemplateColumns: "1fr",
-    gridGap: "var(--sl-spacing-large)",
-    background: "var(--sl-color-neutral-0)",
-    boxShadow: "0px 2px 4px rgba(28, 28, 33, 0.12)",
-    borderRadius: "4px",
-    padding: "var(--sl-spacing-large)",
-    minHeight: "150px",
-    border: "1px solid var(--sl-color-gray-200)",
-  },
-  StatusContainer: {
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-  },
-  MainCurrencyLabel: {
-    fontWeight: "var(--sl-font-weight-normal)",
-    color: "var(--sl-color-gray-500)",
-  },
-  MainCurrency: {
-    margin: 0,
-    fontSize: "32px",
-    width: "auto",
-  },
-  SubduedRegularText: {
-    fontSize: "var(--sl-font-size-small)",
-    color: "var(--sl-color-gray-500)",
-    margin: 0,
-    width: "auto",
-  },
-  CurrenciesContainer: {
-    display: "grid",
-    width: "auto",
-    gridTemplateColumns: "1fr 1fr 1fr",
-    gap: "var(--sl-spacing-xx-small) var(--sl-spacing-small)",
-    paddingTop: "var(--sq-spacing-xx-small)",
-    "& > :not(:last-child)": {
-      borderRight: "1px solid var(--sl-color-gray-200)",
-    },
-    "& > :nth-child(3)": {
-      border: "none",
-    },
-  },
-  CurrencyContainer: {
-    paddingRight: "var(--sl-spacing-small)",
-    gap: "var(--sl-spacing-small)",
-  },
-  SubCurrencyText: {
-    fontWeight: "var(--sl-font-weight-bold)",
-    fontSize: "var(--sl-font-size-large)",
-    margin: "0",
-  },
-  W9Container: {
-    paddingTop: "var(--sl-spacing-large)",
-    borderTop: "1px solid var(--sl-color-gray-200)",
-  },
-  SkeletonOne: {
-    width: "25%",
-    height: "16px",
-  },
-  SkeletonTwo: {
-    width: "25%",
-    height: "24px",
-  },
-  SkeletonThree: {
-    width: "50%",
-    height: "34px",
-  },
-};
-
-type Currency = {
-  amountText: string;
-  currencyText: string;
-};
-
-export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
-  const sheet = createStyleSheet(style);
-  const styleString = sheet.toString();
-  const { classes } = sheet;
-
-  const currencyList = (currencies: Currency[]) => {
-    return (
-      <div class={classes.CurrenciesContainer}>
-        {" "}
-        {currencies?.map((currency) => {
-          return (
-            <div class={classes.CurrencyContainer}>
-              <p class={classes.SubCurrencyText}>
-                {currency?.amountText}
-                {currency?.currencyText}
-              </p>
-            </div>
-          );
-        })}{" "}
-      </div>
-    );
-  };
-
-  const {
-    loading,
-    mainCurrency,
-    status,
-    otherCurrencies,
-    otherCurrenciesText,
-    pendingStatusBadgeText,
-    upcomingStatusBadgeText,
-    nextPayoutStatusBadgeText,
-    pendingDetailedStatusText,
-    upcomingDetailedStatusText,
-    nextPayoutDetailedStatusText,
-    w9Pending,
-    w9PendingText,
-    empty,
-    hasDatePending,
-    hasW9Pending,
-  } = props;
-
-  const badgeText = {
-    pending: pendingStatusBadgeText,
-    upcoming: upcomingStatusBadgeText,
-    "next payout": nextPayoutStatusBadgeText,
-  };
-
-  const statusText = {
-    pending: pendingDetailedStatusText,
-    upcoming: upcomingDetailedStatusText,
-    "next payout": nextPayoutDetailedStatusText,
-  };
-
-  return (
-    <div>
-      <style type="text/css">{styleString}</style>
-      <div class={classes.Container}>
-        {loading ? (
-          <div class={classes.StatusContainer}>
-            <sl-skeleton class={classes.SkeletonOne}></sl-skeleton>{" "}
-            <sl-skeleton class={classes.SkeletonTwo}></sl-skeleton>
-          </div>
-        ) : (
-          <div class={classes.StatusContainer}>
-            <p class={classes.SubduedRegularText}>
-              {empty && status === "pending"
-                ? ""
-                : status !== "pending"
-                ? statusText[status]
-                : hasDatePending
-                ? statusText["pending"]
-                : w9PendingText}
-            </p>
-            <sl-badge pill type={statusMap[status]}>
-              {badgeText[status]}
-            </sl-badge>
-          </div>
-        )}
-        {loading ? (
-          <sl-skeleton class={classes.SkeletonThree}></sl-skeleton>
-        ) : empty ? (
-          <h1 class={classes.MainCurrency}>No rewards</h1>
-        ) : (
-          <h1 class={classes.MainCurrency}>
-            {hasDatePending || status !== "pending"
-              ? mainCurrency?.amountText
-              : w9Pending?.[0]?.amountText}{" "}
-            {mainCurrency.currencyText}
-          </h1>
-        )}
-        {otherCurrencies && !loading && (
-          <div>
-            <p
-              class={classes.SubduedRegularText}
-              style={{ fontSize: "var(--sl-font-size-x-small)" }}
-            >
-              + {otherCurrenciesText}
-            </p>
-            {currencyList(otherCurrencies as Currency[])}
-          </div>
-        )}
-        {hasW9Pending && status === "pending" && hasDatePending && !loading && (
-          <div class={classes.W9Container}>
-            <p class={classes.SubduedRegularText}>{w9PendingText}</p>
-            {currencyList(w9Pending!)}
-          </div>
-        )}
-        {loading ? (
-          <sl-skeleton class={classes.SkeletonOne}></sl-skeleton>
-        ) : (
-          <div style={{ display: "flex", gap: "var(--sl-spacing-small)" }}>
-            <span>Card ***2381</span>
-            <span>Toronto Dominion Bank</span>
-          </div>
-        )}
-      </div>
-    </div>
-  );
+function useDemoPayoutDetailsCard() {
+  return {};
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 8f86104d1e..48b6659e06 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -4,7 +4,7 @@ import { intl } from "../../../global/global";
 import {
   PayoutDetailsCardView,
   PayoutDetailsCardViewProps,
-} from "../sqm-payout-details-card/sqm-payout-details-card";
+} from "../sqm-payout-details-card/sqm-payout-details-card-view";
 import { TaxDocumentType } from "../sqm-tax-and-cash/data";
 
 export interface TaxDocumentSubmittedProps {
@@ -172,6 +172,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
     loading: states.loading,
     empty: false,
     otherCurrencies: false,
+    payoutType: "bank",
     mainCurrency: { currencyText: "USD", amountText: "100.00" },
     status: "upcoming",
     pendingStatusBadgeText: "Pending",
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From 1c1736043d7376e21f6abf375f0fbc1d117ff27a Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 22 Feb 2024 13:36:42 -0800
Subject: [PATCH 299/753] Changed Docusign error notification color. Added
 isUser case to UserInfoForm and specs

---
 .../tax-and-cash/TaxForm.stories.tsx          | 68 +++----------------
 .../docusign-iframe/DocusignIframe.tsx        |  2 +-
 .../sqm-docusign-form-view.tsx                | 14 ----
 .../sqm-user-info-form-view.tsx               |  5 +-
 .../sqm-user-info-form.feature                |  7 ++
 .../sqm-user-info-form/sqm-user-info-form.tsx |  1 +
 .../sqm-user-info-form/useUserInfoForm.tsx    |  2 +
 packages/mint-components/src/index.html       |  4 +-
 8 files changed, 27 insertions(+), 76 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 4c452a09e0..9c2e9f44f9 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -25,7 +25,7 @@ const stepOneProps: StoryDemoData<UseUserInfoFormResult> = {
     loading: false,
     disabled: false,
     isPartner: false,
-
+    isUser: false,
     formState: {
       firstName: "Bob",
       lastName: "Testerson",
@@ -205,6 +205,16 @@ export const StepOneDisabled = () => {
   );
 };
 
+export const StepOneIsUser = () => {
+  return (
+    <sqm-user-info-form
+      demoData={{
+        states: { ...stepOneProps.states, isUser: true },
+      }}
+    ></sqm-user-info-form>
+  );
+};
+
 export const StepOneIsPartner = () => {
   return (
     <sqm-user-info-form
@@ -725,62 +735,6 @@ export const StepThreeDocusignDisabled = () => {
   );
 };
 
-export const StepThreeWithFormSelector = () => {
-  return (
-    <sqm-document-type-form
-      demoData={{
-        states: {
-          ...documentTypeFormProps.states,
-        },
-      }}
-    ></sqm-document-type-form>
-  );
-};
-
-export const StepThreeWithFormSelectorLoading = () => {
-  return (
-    <sqm-document-type-form
-      demoData={{
-        states: {
-          ...documentTypeFormProps.states,
-          loading: true,
-        },
-      }}
-    ></sqm-document-type-form>
-  );
-};
-
-export const StepThreeWithFormSelectorDisabled = () => {
-  return (
-    <sqm-document-type-form
-      demoData={{
-        states: {
-          ...documentTypeFormProps.states,
-          disabled: true,
-        },
-      }}
-    ></sqm-document-type-form>
-  );
-};
-
-export const StepThreeFormSelectorWithGeneralError = () => {
-  return (
-    <sqm-document-type-form
-      demoData={{
-        states: {
-          ...documentTypeFormProps.states,
-          formState: {
-            ...documentTypeFormProps.states.formState,
-            errors: {
-              general: true,
-            },
-          },
-        },
-      }}
-    ></sqm-document-type-form>
-  );
-};
-
 // STEP 4
 export const StepFourDefault = () => {
   return <sqm-banking-info-form></sqm-banking-info-form>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
index c9323fd705..cde790ff76 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
@@ -96,7 +96,7 @@ export const DocusignErrorView = (props: {
           style={{
             width: "50px",
             height: "50px",
-            color: "var(--sl-color-red-600)",
+            color: "var(--sl-color-gray-500)",
           }}
           name="exclamation-octagon"
         ></sl-icon>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 639dbfdb08..95c04e3d49 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -300,20 +300,6 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
           </div>
         </div>
       )}
-      {!states.hideBackButton && (
-        <div class={classes.BtnContainer}>
-          <sl-button
-            class={classes.SecondaryBtn}
-            type="text"
-            loading={states.loading}
-            disabled={states.loading}
-            onClick={callbacks.onBack}
-            exportparts="base: secondarybutton-base"
-          >
-            {text.backButton}
-          </sl-button>
-        </div>
-      )}
     </div>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index b077127b3a..4e5e6b308e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -6,6 +6,7 @@ export interface UserInfoFormViewProps {
     loading: boolean;
     disabled: boolean;
     isPartner: boolean;
+    isUser: boolean;
     hideSteps: boolean;
     formState: {
       firstName?: string;
@@ -235,7 +236,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               exportparts="label: input-label"
               value={formState.firstName}
               label={text.firstName}
-              disabled={states.disabled || states.isPartner}
+              disabled={states.disabled || states.isUser || states.isPartner}
               {...(formState.errors?.firstName
                 ? {
                     class: classes.ErrorInput,
@@ -250,7 +251,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               exportparts="label: input-label"
               value={formState.lastName}
               label={text.lastName}
-              disabled={states.disabled || states.isPartner}
+              disabled={states.disabled || states.isUser || states.isPartner}
               {...(formState.errors?.lastName
                 ? {
                     class: classes.ErrorInput,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
index b35256b142..2ca1fec86f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
@@ -11,6 +11,13 @@ Feature: Tax Form Step One
     Then the firstName, lastName, email, country, and currency fields cannot be changed
     And the fields are disabled
 
+  @minutia
+  Scenario: The Participant is a user but not a parter and form fields are disabled
+    When they are on the form
+    And they are already a user but not a partner
+    Then the firstName, lastName, cannot be changed
+    And the fields are disabled
+
   @minutia
   Scenario: A user is filling out the form and selects their country
     When they open the country dropdown
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index ba10472477..5a07143219 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -231,6 +231,7 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
         formState: { participantType },
         loading: false,
         isPartner: false,
+        isUser: false,
       },
     },
     props.demoData || {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index a1173ca2e6..3345892f9a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -189,6 +189,8 @@ export function useUserInfoForm(props: TaxForm) {
       disabled: false,
       loading: loading,
       isPartner: !!data?.user?.impactConnection?.publisher,
+      //AL TODO add isUser
+      isUser: false,
       formState: {
         ...userFormContext,
         errors: formErrors,
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From 1ada8cbaf7f70251f7d41e8923f41f7f7dbe0c05 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 22 Feb 2024 13:44:28 -0800
Subject: [PATCH 300/753] mock data updates, fix type

---
 .../sqm-banking-info-form/mockData.ts         | 126 +++++++++++++-----
 .../sqm-banking-info-form-view.tsx            |   2 +-
 .../sqm-banking-info-form.tsx                 |   2 +-
 .../useBankingInfoForm.tsx                    |   2 +-
 4 files changed, 99 insertions(+), 33 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
index 69ff747c36..8f1544d9e0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
@@ -1,9 +1,27 @@
-export const mockPaymentOptions = {
+// 3 = ACH
+// 5 = WIRE
+// 7 = PAYPAL
+
+export const mockPaymentOptions: {
+  [key: string]: {
+    country: string;
+    currency: string;
+    paymentMethod: 3 | 5 | 7;
+    withdrawalId: number;
+    defaultFxFee?: number;
+  }[];
+} = {
   CAD: [
     {
       country: "CA",
       currency: "CAD",
-      withdrawalSetting: "ACH",
+      paymentMethod: 3,
+      withdrawalId: 37,
+    },
+    {
+      country: "CA",
+      currency: "CAD",
+      paymentMethod: 7,
       withdrawalId: 37,
     },
   ],
@@ -11,75 +29,93 @@ export const mockPaymentOptions = {
     {
       country: "US",
       currency: "AUD",
-      withdrawalSetting: "WIRE",
-      withdrawalId: 33,
+      paymentMethod: 5,
+      withdrawalId: 23,
     },
     {
       country: "CA",
       currency: "AUD",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
       withdrawalId: 21,
     },
     {
       country: "ES",
       currency: "AUD",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
       withdrawalId: 25,
     },
     {
       country: "IE",
       currency: "AUD",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
       withdrawalId: 25,
     },
     {
       country: "GB",
       currency: "AUD",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
       withdrawalId: 25,
     },
     {
       country: "JP",
       currency: "AUD",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
       withdrawalId: 21,
     },
+    {
+      country: "AU",
+      currency: "AUD",
+      paymentMethod: 3,
+      withdrawalId: 37,
+    },
+    {
+      country: "AU",
+      currency: "AUD",
+      paymentMethod: 7,
+      withdrawalId: 37,
+    },
   ],
   EUR: [
     {
       country: "US",
       currency: "EUR",
-      withdrawalSetting: "WIRE",
-      withdrawalId: 33,
+      paymentMethod: 5,
+      withdrawalId: 23,
     },
     {
       country: "CA",
       currency: "EUR",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
       withdrawalId: 21,
     },
     {
       country: "ES",
       currency: "EUR",
-      withdrawalSetting: "ACH",
+      paymentMethod: 3,
       withdrawalId: 25,
     },
     {
       country: "IE",
       currency: "EUR",
-      withdrawalSetting: "ACH",
+      paymentMethod: 3,
       withdrawalId: 25,
     },
     {
       country: "GB",
       currency: "EUR",
-      withdrawalSetting: "ACH",
+      paymentMethod: 3,
       withdrawalId: 25,
     },
     {
       country: "JP",
       currency: "EUR",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
+      withdrawalId: 21,
+    },
+    {
+      country: "AU",
+      currency: "EUR",
+      paymentMethod: 5,
       withdrawalId: 21,
     },
   ],
@@ -87,75 +123,99 @@ export const mockPaymentOptions = {
     {
       country: "US",
       currency: "GBP",
-      withdrawalSetting: "WIRE",
-      withdrawalId: 33,
+      paymentMethod: 5,
+      withdrawalId: 23,
     },
     {
       country: "CA",
       currency: "GBP",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
       withdrawalId: 21,
     },
     {
       country: "ES",
       currency: "GBP",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
       withdrawalId: 25,
     },
     {
       country: "IE",
       currency: "GBP",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
       withdrawalId: 25,
     },
     {
       country: "GB",
       currency: "GBP",
-      withdrawalSetting: "ACH",
+      paymentMethod: 3,
       withdrawalId: 25,
     },
     {
       country: "JP",
       currency: "GBP",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
+      withdrawalId: 21,
+    },
+    {
+      country: "AU",
+      currency: "GBP",
+      paymentMethod: 5,
       withdrawalId: 21,
     },
+    {
+      country: "GB",
+      currency: "GBP",
+      paymentMethod: 7,
+      withdrawalId: 25,
+    },
   ],
   USD: [
     {
       country: "US",
       currency: "USD",
-      withdrawalSetting: "ACH",
+      paymentMethod: 3,
       withdrawalId: 39,
     },
     {
       country: "CA",
       currency: "USD",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
       withdrawalId: 21,
     },
     {
       country: "ES",
       currency: "USD",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
       withdrawalId: 25,
     },
     {
       country: "IE",
       currency: "USD",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
       withdrawalId: 25,
     },
     {
       country: "GB",
       currency: "USD",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
       withdrawalId: 25,
     },
     {
       country: "JP",
       currency: "USD",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
+      withdrawalId: 21,
+    },
+    {
+      country: "US",
+      currency: "USD",
+      paymentMethod: 7,
+      withdrawalId: 39,
+    },
+    {
+      country: "AU",
+      currency: "USD",
+      paymentMethod: 5,
       withdrawalId: 21,
     },
   ],
@@ -163,9 +223,15 @@ export const mockPaymentOptions = {
     {
       country: "JP",
       currency: "JPY",
-      withdrawalSetting: "WIRE",
+      paymentMethod: 5,
       withdrawalId: 8279,
       defaultFxFee: 0,
     },
+    {
+      country: "JP",
+      currency: "JPY",
+      paymentMethod: 7,
+      withdrawalId: 8279,
+    },
   ],
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index dd0f53ed10..c56a219881 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -23,7 +23,7 @@ export interface BankingInfoFormViewProps {
         general?: boolean;
       };
     };
-    bitset?: string;
+    bitset?: number;
     bankCountry?: string;
     currency?: string;
     showInputs?: boolean;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 5ceeab02e5..3ee5b55589 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -812,7 +812,7 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
   };
 
   const paymentMethodFeeLabel =
-    paymentMethodFeeMap[currentPaymentOption?.withdrawalSetting];
+    paymentMethodFeeMap[currentPaymentOption?.paymentMethod];
 
   return deepmerge(
     {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 7cd768727c..f3faf8b167 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -159,7 +159,7 @@ export function useBankingInfoForm(
     })`,
   };
   const paymentMethodFeeLabel =
-    paymentMethodFeeMap[currentPaymentOption?.withdrawalSetting];
+    paymentMethodFeeMap[currentPaymentOption?.paymentMethod];
 
   console.log({ userData });
 

From d4614e13d7e1cf39264e224caa8e3c0b7ea42086 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 22 Feb 2024 13:51:13 -0800
Subject: [PATCH 301/753] backend updates

---
 packages/mint-components/package.json         |  2 +-
 .../tax-and-cash/TaxForm.stories.tsx          |  5 -----
 .../useIndirectTaxForm.tsx                    | 20 +++++--------------
 .../tax-and-cash/sqm-tax-and-cash/data.ts     |  4 +---
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  7 ++++---
 .../useTaxDocumentSubmitted.tsx               | 14 ++++++-------
 .../small-views/IndirectTaxDetailsView.tsx    |  4 +---
 .../sqm-user-info-form-view.tsx               |  3 +--
 .../sqm-user-info-form/useUserInfoForm.tsx    |  2 +-
 9 files changed, 21 insertions(+), 40 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index ab3d32d726..39782dd8fe 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-34",
+  "version": "1.8.0-36",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 4c452a09e0..8e475f052d 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -38,22 +38,18 @@ const stepOneProps: StoryDemoData<UseUserInfoFormResult> = {
   data: {
     countries: [
       {
-        impactCountryCode: "CANADA",
         countryCode: "CA",
         displayName: "Canada",
       },
       {
-        impactCountryCode: "SPAIN",
         countryCode: "ES",
         displayName: "Spain",
       },
       {
-        impactCountryCode: "UNITEDKINGDOM",
         countryCode: "UK",
         displayName: "United Kingdom",
       },
       {
-        impactCountryCode: "UNITEDSTATES",
         countryCode: "US",
         displayName: "United States",
       },
@@ -103,7 +99,6 @@ const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
       {
         displayName: "United States",
         countryCode: "US",
-        impactCountryCode: "US",
       },
     ],
     provinces: INDIRECT_TAX_PROVINCES,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 2a0319c162..1cee2d90ad 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -40,15 +40,14 @@ type ConnectPartnerResult = {
   };
 };
 const CONNECT_PARTNER = gql`
-  mutation connectImpactConnection($vars: ImpactPartnerInput!) {
-    connectImpactConnection(impactPartnerInput: $vars) {
+  mutation createImpactConnection($vars: ImpactConnectionInput!) {
+    createImpactConnection(impactConnectionInput: $vars) {
       id
       accountId
       impactConnection {
         connectionStatus
         publisher {
           requiredTaxDocumentType
-          connectionStatus
         }
       }
     }
@@ -56,10 +55,9 @@ const CONNECT_PARTNER = gql`
 `;
 
 function getOption(countries: TaxCountry[] | undefined, countryCode: string) {
-  console.log({ countries, countryCode });
   if (!countries) return;
 
-  if (countries.find((c) => c.impactCountryCode === countryCode)) {
+  if (countries.find((c) => c.countryCode === countryCode)) {
     return "otherRegion";
   } else {
     return "notRegistered";
@@ -128,12 +126,6 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     setFormState((p) => ({ ...p, [field]: value }));
   };
 
-  const getImpactCountryCode = (countryCode: string) => {
-    return _countries?.impactPartnerCountries?.data?.find(
-      (c) => c.countryCode === countryCode
-    )?.impactCountryCode;
-  };
-
   const onSubmit = async (event: any) => {
     if (!option) {
       setErrors({ taxDetails: true });
@@ -168,8 +160,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       const taxOption =
         option === "notRegistered"
           ? "NO_TAX"
-          : formData.selectedRegion ===
-            getImpactCountryCode(userForm?.countryCode)
+          : formData.selectedRegion === userForm?.countryCode
           ? "SAME_COUNTRY"
           : "DIFFERENT_COUNTRY";
 
@@ -227,8 +218,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       hideSteps: context.hideSteps,
       disabled: loading || countriesLoading || connectLoading,
       loading: loading || connectLoading || countriesLoading,
-      isPartner: false,
-      // isPartner: !!userData?.user?.impactPartner,
+      isPartner: !!userData?.user?.impactConnection,
       formState: {
         checked: option,
         errors,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 285f0929e4..3335c3b454 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -101,11 +101,10 @@ export type UserQuery = {
 };
 
 export const GET_COUNTRIES = gql`
-  query getCurrencies {
+  query getCountries {
     impactPartnerCountries(limit: 1000) {
       data {
         countryCode
-        impactCountryCode
         displayName
       }
     }
@@ -113,7 +112,6 @@ export const GET_COUNTRIES = gql`
 `;
 
 export type TaxCountry = {
-  impactCountryCode: string;
   countryCode: string;
   displayName: string;
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 3dd9dff710..e0c07cb7c5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -58,9 +58,9 @@ export function useTaxAndCash() {
 
   /**** DEMO DATA */
 
-  const id = "ea95e1600046a1cb2c672443ec24055f2bab3e3a8bb4bec2851635c5db8c146f";
+  const id = "cbe6955555676a66d5623db1c16d40d7a25caed9962020d34494572668893d12";
   const accountId =
-    "ea95e1600046a1cb2c672443ec24055f2bab3e3a8bb4bec2851635c5db8c146f";
+    "cbe6955555676a66d5623db1c16d40d7a25caed9962020d34494572668893d12";
   const programId = "22514";
 
   //@ts-ignore
@@ -74,9 +74,10 @@ export function useTaxAndCash() {
     setUserIdentity({
       accountId,
       id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZWE5NWUxNjAwMDQ2YTFjYjJjNjcyNDQzZWMyNDA1NWYyYmFiM2UzYThiYjRiZWMyODUxNjM1YzVkYjhjMTQ2ZiIsImFjY291bnRJZCI6ImVhOTVlMTYwMDA0NmExY2IyYzY3MjQ0M2VjMjQwNTVmMmJhYjNlM2E4YmI0YmVjMjg1MTYzNWM1ZGI4YzE0NmYifX0.BqSjf-dly-Nn4Vwf3QfNuyr__NTEhkBQAmHUerimzY8",
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiY2JlNjk1NTU1NTY3NmE2NmQ1NjIzZGIxYzE2ZDQwZDdhMjVjYWVkOTk2MjAyMGQzNDQ5NDU3MjY2ODg5M2QxMiIsImFjY291bnRJZCI6ImNiZTY5NTU1NTU2NzZhNjZkNTYyM2RiMWMxNmQ0MGQ3YTI1Y2FlZDk5NjIwMjBkMzQ0OTQ1NzI2Njg4OTNkMTIifX0.I23Xf7U10ZXrs_wpS7BItDFZDrNQV6w50eTSXAkIxl4",
     });
   }, []);
+
   // const id = "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
   // const accountId =
   //   "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 1a4f74d7da..7434b3d888 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -43,8 +43,6 @@ export const useTaxDocumentSubmitted = (
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
   const publisher = data?.user?.impactConnection?.publisher;
 
-  console.log("submitted", { data, loading });
-
   // TODO: Fetch document status from backend
 
   const documentType = publisher?.currentTaxDocument?.type;
@@ -90,11 +88,13 @@ export const useTaxDocumentSubmitted = (
       indirectTaxNumber: data?.user?.customFields?.__indirectTaxNumber,
       isBusinessEntity: publisher?.requiredTaxDocumentType === "W8BENE",
       province: provinceName,
-      // @ts-ignore: DisplayNames does exist on Intl
-      country: new Intl.DisplayNames([locale.replaceAll("_", "-")], {
-        type: "language",
-        // @ts-ignore: Bad DisplayNames type (has to be array)
-      }).of([publisher?.indirectTaxCountry]),
+      country: publisher?.indirectTaxCountry
+        ? // @ts-ignore: DisplayNames does exist on Intl
+          new Intl.DisplayNames([locale.replaceAll("_", "-")], {
+            type: "language",
+            // @ts-ignore: Bad DisplayNames type (has to be array)
+          }).of([publisher.indirectTaxCountry])
+        : undefined,
       notRegistered: publisher?.indirectTaxOption === "NO_TAX",
       noFormNeeded: !documentType,
       expiresSoon,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 90b1dd695e..69e0706faf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -357,9 +357,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             name="/selectedRegion"
           >
             {props.data.countries!.map((c) => (
-              <sl-menu-item value={c.impactCountryCode}>
-                {c.displayName}
-              </sl-menu-item>
+              <sl-menu-item value={c.countryCode}>{c.displayName}</sl-menu-item>
             ))}
           </sl-select>
           {/* Trying to stop shoelace from persisting form inputs */}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 5e05a95aef..b077127b3a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -27,7 +27,6 @@ export interface UserInfoFormViewProps {
   };
   data: {
     countries: {
-      impactCountryCode: string;
       countryCode: string;
       displayName: string;
     }[];
@@ -299,7 +298,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                 }}
               ></sl-input>
               {data?.countries?.map((c) => (
-                <sl-menu-item value={c.impactCountryCode}>
+                <sl-menu-item value={c.countryCode}>
                   {c.displayName}
                 </sl-menu-item>
               ))}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index edd487018b..c5aa64d816 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -87,7 +87,7 @@ export function useUserInfoForm(props: TaxForm) {
         email: user.email,
         firstName: user.firstName,
         lastName: user.lastName,
-        countryCode: undefined, // User's countryCode is different than Impact's codes
+        countryCode: user.countryCode, // User's countryCode is different than Impact's codes
         currency: user.customFields?.currency,
       });
     }

From 47ad704275b1a73ddaef27cdcf81c3747c839428 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 22 Feb 2024 14:09:19 -0800
Subject: [PATCH 302/753] a bit more mock data wired up

---
 .../sqm-banking-info-form/mockData.ts         | 12 ++++----
 .../sqm-banking-info-form-view.tsx            |  1 +
 .../sqm-banking-info-form.tsx                 | 24 +++++----------
 .../useBankingInfoForm.tsx                    | 30 +++++++++++++++++--
 4 files changed, 42 insertions(+), 25 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
index 8f1544d9e0..4abe9b6f45 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
@@ -206,18 +206,18 @@ export const mockPaymentOptions: {
       paymentMethod: 5,
       withdrawalId: 21,
     },
-    {
-      country: "US",
-      currency: "USD",
-      paymentMethod: 7,
-      withdrawalId: 39,
-    },
     {
       country: "AU",
       currency: "USD",
       paymentMethod: 5,
       withdrawalId: 21,
     },
+    {
+      country: "US",
+      currency: "USD",
+      paymentMethod: 7,
+      withdrawalId: 39,
+    },
   ],
   JPY: [
     {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index c56a219881..1c37a8ce46 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -27,6 +27,7 @@ export interface BankingInfoFormViewProps {
     bankCountry?: string;
     currency?: string;
     showInputs?: boolean;
+    countries?: { code: string; name: string }[];
   };
   slots?: {
     formInputsSlot?: VNode[];
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 3ee5b55589..5f33d27142 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -649,7 +649,7 @@ export class BankingInfoForm {
             name="/currency"
             value={props.states.currency}
             onSl-select={(e) => {
-              props.states.setCurrency(e.detail?.item?.value);
+              props.callbacks.setCurrency(e.detail?.item?.value);
               props.callbacks.setBankCountry("");
             }}
           >
@@ -689,21 +689,13 @@ export class BankingInfoForm {
                 })}
               >
                 {/* TODO: mock data should come from the backend when available */}
-                {mockPaymentOptions[props.states.currency]?.map(
-                  (paymentOption) => {
-                    // @ts-ignore
-                    const countryDisplayName = new Intl.DisplayNames(
-                      [props.states.intlLocale],
-                      { type: "region" }
-                    ).of(paymentOption.country);
-
-                    return (
-                      <sl-menu-item value={paymentOption?.country}>
-                        {countryDisplayName}
-                      </sl-menu-item>
-                    );
-                  }
-                )}
+                {props.states.countries?.map((country) => {
+                  return (
+                    <sl-menu-item value={country.code}>
+                      {country.name}
+                    </sl-menu-item>
+                  );
+                })}
               </sl-select>
             ),
             paymentMethodSlot: (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index f3faf8b167..d932d97805 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -153,8 +153,8 @@ export function useBankingInfoForm(
   );
 
   const paymentMethodFeeMap = {
-    ACH: "EFT Withdrawal (free)",
-    WIRE: `FX Wire (Processing Fee ${currency}${
+    3: "EFT Withdrawal (free)",
+    5: `FX Wire (Processing Fee ${currency}${
       currentPaymentOption?.defaultFxFee || 0
     })`,
   };
@@ -163,6 +163,29 @@ export function useBankingInfoForm(
 
   console.log({ userData });
 
+  const intlLocale = locale?.replace("_", "-") || "en";
+
+  const paymentOptions = mockPaymentOptions[currency];
+  paymentOptions;
+
+  const availableCountries = new Set(
+    paymentOptions.map((option) => option.country)
+  );
+
+  const countries = Array.from(availableCountries)?.map((country) => {
+    // @ts-ignore DisplayNames not in Intl type
+    const name = new Intl.DisplayNames([intlLocale], {
+      type: "region",
+    }).of(country);
+
+    return {
+      code: country,
+      name,
+    };
+  });
+
+  console.log({ countries });
+
   return {
     text: {
       ...props,
@@ -180,7 +203,7 @@ export function useBankingInfoForm(
     },
     states: {
       locale,
-      intlLocale: locale?.replace("_", "-") || "en",
+      intlLocale,
       isPartner: !!userData?.user?.impactConnection,
       feeCap,
       paymentMethodFeeLabel,
@@ -198,6 +221,7 @@ export function useBankingInfoForm(
       bankCountry,
       currency: userData?.user?.impactConnection?.publisher?.currency,
       showInputs: true,
+      countries,
     },
     refs: {
       formRef,

From c881b37722e3b913642be3715c4ced291732e9f2 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 22 Feb 2024 14:10:22 -0800
Subject: [PATCH 303/753] new user

---
 .../sqm-indirect-tax-form/useIndirectTaxForm.tsx            | 2 +-
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx         | 6 +++---
 packages/mint-components/src/index.html                     | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 1cee2d90ad..b15fee7e17 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -218,7 +218,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       hideSteps: context.hideSteps,
       disabled: loading || countriesLoading || connectLoading,
       loading: loading || connectLoading || countriesLoading,
-      isPartner: !!userData?.user?.impactConnection,
+      isPartner: !!userData?.user?.impactConnection?.publisher,
       formState: {
         checked: option,
         errors,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index e0c07cb7c5..51e39d6b99 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -58,9 +58,9 @@ export function useTaxAndCash() {
 
   /**** DEMO DATA */
 
-  const id = "cbe6955555676a66d5623db1c16d40d7a25caed9962020d34494572668893d12";
+  const id = "35cc9b5e816bb014554f71bd231f6edb238a6b447cb6169c75aef36a5332f64f";
   const accountId =
-    "cbe6955555676a66d5623db1c16d40d7a25caed9962020d34494572668893d12";
+    "35cc9b5e816bb014554f71bd231f6edb238a6b447cb6169c75aef36a5332f64f";
   const programId = "22514";
 
   //@ts-ignore
@@ -74,7 +74,7 @@ export function useTaxAndCash() {
     setUserIdentity({
       accountId,
       id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiY2JlNjk1NTU1NTY3NmE2NmQ1NjIzZGIxYzE2ZDQwZDdhMjVjYWVkOTk2MjAyMGQzNDQ5NDU3MjY2ODg5M2QxMiIsImFjY291bnRJZCI6ImNiZTY5NTU1NTU2NzZhNjZkNTYyM2RiMWMxNmQ0MGQ3YTI1Y2FlZDk5NjIwMjBkMzQ0OTQ1NzI2Njg4OTNkMTIifX0.I23Xf7U10ZXrs_wpS7BItDFZDrNQV6w50eTSXAkIxl4",
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMzVjYzliNWU4MTZiYjAxNDU1NGY3MWJkMjMxZjZlZGIyMzhhNmI0NDdjYjYxNjljNzVhZWYzNmE1MzMyZjY0ZiIsImFjY291bnRJZCI6IjM1Y2M5YjVlODE2YmIwMTQ1NTRmNzFiZDIzMWY2ZWRiMjM4YTZiNDQ3Y2I2MTY5Yzc1YWVmMzZhNTMzMmY2NGYifX0.wEtr7mDQ-3yedKPxMRuWhmAg4x5kGvspHG1m1DYN3-Y",
     });
   }, []);
 
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From 5a392284db4ddbc1c15da1dcf63254db79da6e65 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 22 Feb 2024 14:16:37 -0800
Subject: [PATCH 304/753] fix spain and canada prefill

---
 .../sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx | 4 ++--
 .../tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx       | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 69e0706faf..602644e221 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -303,9 +303,9 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
 
   const getActiveForm = (selectedRegion: string) => {
     switch (selectedRegion) {
-      case "CANADA":
+      case "CA":
         return <CanadaFields />;
-      case "SPAIN":
+      case "ES":
         return <SpainFields />;
       default:
         // TODO: Pass in proper tax type for countries
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 0e43120da7..4653a04f02 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -72,6 +72,9 @@ export function useUserInfoForm(props: TaxForm) {
     const user = data?.user;
     if (!user || step !== "/1") return;
 
+    // TODO: Add user fields, then publisher fields, then form fields
+    // Then set the fields to userFormContext
+
     if (user.impactConnection?.publisher && user.impactConnection?.user) {
       // Initialise with partner information
       setUserFormContext({

From e22d1fdac42c301a970c3701af032a8c257ba324 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 22 Feb 2024 14:34:28 -0800
Subject: [PATCH 305/753] added conditional display of paypal option

---
 .../sqm-banking-info-form-view.tsx            | 71 ++++++++++---------
 .../sqm-banking-info-form.tsx                 |  1 +
 .../useBankingInfoForm.tsx                    | 19 +++--
 3 files changed, 51 insertions(+), 40 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 1c37a8ce46..dee966b60d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -9,6 +9,7 @@ export interface BankingInfoFormViewProps {
     loading: boolean;
     disabled: boolean;
     hideSteps: boolean;
+    hasPayPal: boolean;
     hideBanking?: boolean;
     hidePayPal?: boolean;
     hideBalanceThreshold?: boolean;
@@ -26,8 +27,8 @@ export interface BankingInfoFormViewProps {
     bitset?: number;
     bankCountry?: string;
     currency?: string;
-    showInputs?: boolean;
     countries?: { code: string; name: string }[];
+    showInputs?: boolean;
   };
   slots?: {
     formInputsSlot?: VNode[];
@@ -324,19 +325,21 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
             getLoadingSkeleton(undefined)
           ) : (
             <div style={{ display: "flex", flexDirection: "column" }}>
-              <sl-checkbox
-                class={classes.Checkbox}
-                exportparts="label: input-label"
-                checked={formState.paymentMethodChecked === "toBankAccount"}
-                onInput={() =>
-                  callbacks.setPaymentMethodChecked("toBankAccount")
-                }
-                disabled={states.disabled}
-                id="toBankAccount"
-                name="/toBankAccount"
-              >
-                {text.directlyToBankAccount}
-              </sl-checkbox>
+              {states.hasPayPal && (
+                <sl-checkbox
+                  class={classes.Checkbox}
+                  exportparts="label: input-label"
+                  checked={formState.paymentMethodChecked === "toBankAccount"}
+                  onInput={() =>
+                    callbacks.setPaymentMethodChecked("toBankAccount")
+                  }
+                  disabled={states.disabled}
+                  id="toBankAccount"
+                  name="/toBankAccount"
+                >
+                  {text.directlyToBankAccount}
+                </sl-checkbox>
+              )}
               {formState.paymentMethodChecked === "toBankAccount" && (
                 <div
                   class={classes.InputContainer}
@@ -354,25 +357,27 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                       ]}
                 </div>
               )}
-              <sl-checkbox
-                class={classes.Checkbox}
-                exportparts="label: input-label"
-                checked={formState.paymentMethodChecked === "toPaypalAccount"}
-                onInput={() =>
-                  callbacks.setPaymentMethodChecked("toPaypalAccount")
-                }
-                disabled={states.disabled}
-                id="toPaypalAccount"
-                name="/toPaypalAccount"
-              >
-                {intl.formatMessage(
-                  {
-                    id: "paypal-input-label",
-                    defaultMessage: text.toPaypalAccount,
-                  },
-                  { feeCap: states.feeCap }
-                )}
-              </sl-checkbox>
+              {states.hasPayPal && (
+                <sl-checkbox
+                  class={classes.Checkbox}
+                  exportparts="label: input-label"
+                  checked={formState.paymentMethodChecked === "toPaypalAccount"}
+                  onInput={() =>
+                    callbacks.setPaymentMethodChecked("toPaypalAccount")
+                  }
+                  disabled={states.disabled}
+                  id="toPaypalAccount"
+                  name="/toPaypalAccount"
+                >
+                  {intl.formatMessage(
+                    {
+                      id: "paypal-input-label",
+                      defaultMessage: text.toPaypalAccount,
+                    },
+                    { feeCap: states.feeCap }
+                  )}
+                </sl-checkbox>
+              )}
               {formState.paymentMethodChecked === "toPaypalAccount" && (
                 <div
                   class={classes.InputContainer}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 5f33d27142..a6b569d708 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -846,6 +846,7 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
         showInputs: props.demoData?.showInputs,
         currency,
         setCurrency,
+        hasPayPal: true,
       },
       callbacks: {
         onSubmit: async () => {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index d932d97805..b61de62df7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -28,11 +28,9 @@ export const paypalFeeMap = {
   JPY: "JPY2000.00",
 };
 
-export const paymentMethodMap = {
-  3: "ACH",
-  5: "WIRE",
-  7: "PAYPAL",
-};
+const ACH_PAYMENT_METHOD = 3;
+const WIRE_PAYMENT_METHOD = 5;
+const PAYPAL_PAYMENT_METHOD = 7;
 
 export type BankingInfoFormData = {
   bankCountry?: string;
@@ -98,7 +96,7 @@ export function useBankingInfoForm(
   const [loading, setLoading] = useState(false);
   const [errors, setErrors] = useState({});
 
-  const [paymentMethodChecked, setPaymentMethodChecked] = useState<
+  const [_paymentMethodChecked, setPaymentMethodChecked] = useState<
     "toBankAccount" | "toPaypalAccount" | undefined
   >(undefined);
   const [paymentScheduleChecked, setPaymentScheduleChecked] = useState<
@@ -184,7 +182,13 @@ export function useBankingInfoForm(
     };
   });
 
-  console.log({ countries });
+  const hasPayPal = !!paymentOptions.find(
+    (option) => option.paymentMethod === PAYPAL_PAYMENT_METHOD
+  );
+
+  const paymentMethodChecked = !hasPayPal
+    ? "toBankAccount"
+    : _paymentMethodChecked;
 
   return {
     text: {
@@ -222,6 +226,7 @@ export function useBankingInfoForm(
       currency: userData?.user?.impactConnection?.publisher?.currency,
       showInputs: true,
       countries,
+      hasPayPal,
     },
     refs: {
       formRef,

From b3a907da2df3102a2e82b50fe4e25b9e65820d5c Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 22 Feb 2024 14:41:35 -0800
Subject: [PATCH 306/753] stop initialising user form on back

---
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx      | 8 +++++++-
 .../tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx  | 9 +++++----
 .../mint-components/src/components/tax-and-cash/utils.ts | 7 +++++++
 3 files changed, 19 insertions(+), 5 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/utils.ts

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 51e39d6b99..8880a6a2a6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -116,7 +116,13 @@ export function useTaxAndCash() {
   const [userFormContext, setUserFormContext] = useParentState<UserFormContext>(
     {
       namespace: USER_FORM_CONTEXT_NAMESPACE,
-      initialValue: {} as UserFormContext,
+      initialValue: {
+        firstName: undefined,
+        lastName: undefined,
+        email: undefined,
+        countryCode: undefined,
+        currency: undefined,
+      } as UserFormContext,
     }
   );
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 4653a04f02..24855a8982 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -18,6 +18,7 @@ import {
   UserQuery,
 } from "../sqm-tax-and-cash/data";
 import { TaxForm } from "./sqm-user-info-form";
+import { objectIsFull } from "../utils";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
@@ -72,8 +73,8 @@ export function useUserInfoForm(props: TaxForm) {
     const user = data?.user;
     if (!user || step !== "/1") return;
 
-    // TODO: Add user fields, then publisher fields, then form fields
-    // Then set the fields to userFormContext
+    // If form already filled out, skip initialising it
+    if (objectIsFull(userFormContext)) return;
 
     if (user.impactConnection?.publisher && user.impactConnection?.user) {
       // Initialise with partner information
@@ -90,11 +91,11 @@ export function useUserInfoForm(props: TaxForm) {
         email: user.email,
         firstName: user.firstName,
         lastName: user.lastName,
-        countryCode: user.countryCode, // User's countryCode is different than Impact's codes
+        countryCode: user.countryCode,
         currency: user.customFields?.currency,
       });
     }
-  }, [data, step]);
+  }, [data, step, userFormContext]);
 
   const [countrySearch, setCountrySearch] = useState("");
   const [filteredCountries, setFilteredCountries] = useState(countries || []);
diff --git a/packages/mint-components/src/components/tax-and-cash/utils.ts b/packages/mint-components/src/components/tax-and-cash/utils.ts
new file mode 100644
index 0000000000..2b75cedb95
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/utils.ts
@@ -0,0 +1,7 @@
+export const objectIsFull = (obj: Record<string, unknown>) => {
+  const hasUndefined = Object.keys(obj).reduce((prev, k) => {
+    return obj[k] == undefined;
+  }, false);
+
+  return !hasUndefined;
+};

From 17c664bdfae8bfb26d05f35b0c6086188e11b89c Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 22 Feb 2024 14:41:37 -0800
Subject: [PATCH 307/753] payout details card demo hook & controller

---
 packages/mint-components/src/components.d.ts  |   8 ++
 .../sqm-banking-info-form.tsx                 |   1 -
 .../PayoutDetailsCard.stories.tsx             |  42 +++---
 .../sqm-payout-details-card-view.tsx          | 126 ++++++++----------
 .../sqm-payout-details-card.tsx               |  46 ++++++-
 .../sqm-tax-document-submitted-view.tsx       |  31 +----
 .../sqm-tax-document-submitted.tsx            |   5 +
 .../useTaxDocumentSubmitted.tsx               |   6 +
 8 files changed, 149 insertions(+), 116 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 7517ef7971..13a31f94d5 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1493,6 +1493,10 @@ export namespace Components {
         "uppercaseErrorText": string;
     }
     interface SqmPayoutDetailsCard {
+        /**
+          * @undocumented
+         */
+        "demoData"?: DemoData<any>;
     }
     interface SqmPopupContainer {
         /**
@@ -6780,6 +6784,10 @@ declare namespace LocalJSX {
         "uppercaseErrorText"?: string;
     }
     interface SqmPayoutDetailsCard {
+        /**
+          * @undocumented
+         */
+        "demoData"?: DemoData<any>;
     }
     interface SqmPopupContainer {
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index a6b569d708..130a5484e1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -661,7 +661,6 @@ export class BankingInfoForm {
             <sl-menu-item value="JPY">JPY</sl-menu-item>
           </sl-select>
         )}
-        {/*  */}
         <BankingInfoFormView
           callbacks={props.callbacks}
           text={props.text}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
index b74e4f2dcb..3a6c66c10e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
@@ -9,23 +9,29 @@ export default {
 };
 
 const defaultProps: PayoutDetailsCardViewProps = {
-  loading: false,
-  empty: false,
-  otherCurrencies: false,
-  payoutType: "bank",
-  mainCurrency: { currencyText: "USD", amountText: "100.00" },
-  status: "upcoming",
-  pendingStatusBadgeText: "Pending",
-  upcomingStatusBadgeText: "Upcoming",
-  nextPayoutStatusBadgeText: "Next payout",
-  pendingDetailedStatusText: "Check rewards table for available date",
-  upcomingDetailedStatusText: "November 1, 2022",
-  nextPayoutDetailedStatusText: "November 1, 2022",
-  otherCurrenciesText: "other currencies",
-  w9PendingText: "Awaiting W-9 tax form",
-  w9Pending: undefined,
-  hasDatePending: true,
-  hasW9Pending: false,
+  states: {
+    loading: false,
+    empty: false,
+    otherCurrencies: false,
+    payoutType: "bank",
+    mainCurrency: { currencyText: "USD", amountText: "100.00" },
+    status: "upcoming",
+
+    w9Pending: undefined,
+    hasDatePending: true,
+    hasW9Pending: false,
+  },
+
+  text: {
+    pendingStatusBadgeText: "Pending",
+    upcomingStatusBadgeText: "Upcoming",
+    nextPayoutStatusBadgeText: "Next payout",
+    pendingDetailedStatusText: "Check rewards table for available date",
+    upcomingDetailedStatusText: "November 1, 2022",
+    nextPayoutDetailedStatusText: "November 1, 2022",
+    otherCurrenciesText: "other currencies",
+    w9PendingText: "Awaiting W-9 tax form",
+  },
 };
 
 const currencyList = [
@@ -36,7 +42,7 @@ const currencyList = [
 ];
 
 export const Upcoming = () => {
-  return <PayoutDetailsCardView {...defaultProps} />;
+  return <sqm-payout-details-card></sqm-payout-details-card>;
 };
 
 export const Loading = () => {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index 5d83be59cb..619358ae50 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -8,24 +8,29 @@ export type currencyAmount = {
 };
 
 export interface PayoutDetailsCardViewProps {
-  loading?: boolean;
-  mainCurrency: currencyAmount;
-  status: "pending" | "upcoming" | "next payout";
-  payoutType: "bank" | "paypal";
-  pendingStatusBadgeText: string;
-  upcomingStatusBadgeText: string;
-  nextPayoutStatusBadgeText: string;
-  pendingDetailedStatusText: string;
-  upcomingDetailedStatusText: string;
-  nextPayoutDetailedStatusText: string;
-  otherCurrencies: currencyAmount[] | boolean;
-  w9Pending?: currencyAmount[];
-  w9PendingText: string;
-  otherCurrenciesText: string;
-  empty?: boolean;
-  hasW9Pending?: boolean;
-  hasDatePending?: boolean;
-  additionalW9Text?: string;
+  states: {
+    loading?: boolean;
+    mainCurrency: currencyAmount;
+    status: "pending" | "upcoming" | "next payout";
+    payoutType: "bank" | "paypal";
+    otherCurrencies: currencyAmount[] | boolean;
+    w9Pending?: currencyAmount[];
+    empty?: boolean;
+    hasW9Pending?: boolean;
+    hasDatePending?: boolean;
+  };
+
+  text: {
+    pendingStatusBadgeText: string;
+    upcomingStatusBadgeText: string;
+    nextPayoutStatusBadgeText: string;
+    pendingDetailedStatusText: string;
+    upcomingDetailedStatusText: string;
+    nextPayoutDetailedStatusText: string;
+    w9PendingText: string;
+    additionalW9Text?: string;
+    otherCurrenciesText: string;
+  };
 }
 
 const statusMap = {
@@ -133,43 +138,25 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
     );
   };
 
-  const {
-    loading,
-    mainCurrency,
-    status,
-    payoutType,
-    otherCurrencies,
-    otherCurrenciesText,
-    pendingStatusBadgeText,
-    upcomingStatusBadgeText,
-    nextPayoutStatusBadgeText,
-    pendingDetailedStatusText,
-    upcomingDetailedStatusText,
-    nextPayoutDetailedStatusText,
-    w9Pending,
-    w9PendingText,
-    empty,
-    hasDatePending,
-    hasW9Pending,
-  } = props;
+  const { states, text } = props;
 
   const badgeText = {
-    pending: pendingStatusBadgeText,
-    upcoming: upcomingStatusBadgeText,
-    "next payout": nextPayoutStatusBadgeText,
+    pending: text.pendingStatusBadgeText,
+    upcoming: text.upcomingStatusBadgeText,
+    "next payout": text.nextPayoutStatusBadgeText,
   };
 
   const statusText = {
-    pending: pendingDetailedStatusText,
-    upcoming: upcomingDetailedStatusText,
-    "next payout": nextPayoutDetailedStatusText,
+    pending: text.pendingDetailedStatusText,
+    upcoming: text.upcomingDetailedStatusText,
+    "next payout": text.nextPayoutDetailedStatusText,
   };
 
   return (
     <div>
       <style type="text/css">{styleString}</style>
       <div class={classes.Container}>
-        {loading ? (
+        {states.loading ? (
           <div class={classes.StatusContainer}>
             <sl-skeleton class={classes.SkeletonOne}></sl-skeleton>{" "}
             <sl-skeleton class={classes.SkeletonTwo}></sl-skeleton>
@@ -178,51 +165,54 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
           <div class={classes.StatusContainer}>
             <p class={classes.SubduedRegularText}>
               {/* Should be seperated to a helper function */}
-              {empty && status === "pending"
+              {states.empty && states.status === "pending"
                 ? ""
-                : status !== "pending"
-                ? statusText[status]
-                : hasDatePending
+                : states.status !== "pending"
+                ? statusText[states.status]
+                : states.hasDatePending
                 ? statusText["pending"]
-                : w9PendingText}
+                : text.w9PendingText}
             </p>
-            <sl-badge pill type={statusMap[status]}>
-              {badgeText[status]}
+            <sl-badge pill type={statusMap[states.status]}>
+              {badgeText[states.status]}
             </sl-badge>
           </div>
         )}
-        {loading ? (
+        {states.loading ? (
           <sl-skeleton class={classes.SkeletonThree}></sl-skeleton>
-        ) : empty ? (
+        ) : states.empty ? (
           <h1 class={classes.MainCurrency}>No rewards</h1>
         ) : (
           <h1 class={classes.MainCurrency}>
-            {hasDatePending || status !== "pending"
-              ? mainCurrency?.amountText
-              : w9Pending?.[0]?.amountText}{" "}
-            {mainCurrency.currencyText}
+            {states.hasDatePending || states.status !== "pending"
+              ? states.mainCurrency?.amountText
+              : states.w9Pending?.[0]?.amountText}{" "}
+            {states.mainCurrency.currencyText}
           </h1>
         )}
-        {otherCurrencies && !loading && (
+        {states.otherCurrencies && !states.loading && (
           <div>
             <p
               class={classes.SubduedRegularText}
               style={{ fontSize: "var(--sl-font-size-x-small)" }}
             >
-              + {otherCurrenciesText}
+              + {text.otherCurrenciesText}
             </p>
-            {currencyList(otherCurrencies as Currency[])}
+            {currencyList(states.otherCurrencies as Currency[])}
           </div>
         )}
-        {hasW9Pending && status === "pending" && hasDatePending && !loading && (
-          <div class={classes.W9Container}>
-            <p class={classes.SubduedRegularText}>{w9PendingText}</p>
-            {currencyList(w9Pending!)}
-          </div>
-        )}
-        {loading ? (
+        {states.hasW9Pending &&
+          states.status === "pending" &&
+          states.hasDatePending &&
+          !states.loading && (
+            <div class={classes.W9Container}>
+              <p class={classes.SubduedRegularText}>{text.w9PendingText}</p>
+              {currencyList(states.w9Pending!)}
+            </div>
+          )}
+        {states.loading ? (
           <sl-skeleton class={classes.SkeletonOne}></sl-skeleton>
-        ) : payoutType === "paypal" ? (
+        ) : states.payoutType === "paypal" ? (
           <div style={{ display: "flex", gap: "var(--sl-spacing-small)" }}>
             <span>email@example.com</span>
             <PayPalIcon />
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 8cd0ccf009..d7c1e2a4f7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -1,5 +1,8 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Host, Prop, h } from "@stencil/core";
+import { PayoutDetailsCardView } from "./sqm-payout-details-card-view";
+import { DemoData } from "../../../global/demo";
+import deepmerge from "deepmerge";
 
 /**
  * @uiName Payout Details Card
@@ -10,6 +13,10 @@ import { Component, Host, Prop, h } from "@stencil/core";
   shadow: true,
 })
 export class PayoutDetailsCard {
+  /**
+   * @undocumented
+   */
+  @Prop() demoData?: DemoData<any>;
   constructor() {
     withHooks(this);
   }
@@ -17,14 +24,45 @@ export class PayoutDetailsCard {
   disconnectedCallback() {}
 
   getTextProps() {
-    return {};
+    return {
+      //TODO: Add props for this text once designs are more fleshed out
+      pendingStatusBadgeText: "Pending",
+      upcomingStatusBadgeText: "Upcoming",
+      nextPayoutStatusBadgeText: "Next payout",
+      pendingDetailedStatusText: "Check rewards table for available date",
+      upcomingDetailedStatusText: "November 1, 2022",
+      nextPayoutDetailedStatusText: "November 1, 2022",
+      otherCurrenciesText: "other currencies",
+      w9PendingText: "Awaiting W-9 tax form",
+    };
   }
 
   render() {
-    return <Host></Host>;
+    const props = useDemoPayoutDetailsCard(this);
+    return (
+      <Host>
+        <PayoutDetailsCardView text={props.text} states={props.states} />
+      </Host>
+    );
   }
 }
 
-function useDemoPayoutDetailsCard() {
-  return {};
+function useDemoPayoutDetailsCard(props: PayoutDetailsCard) {
+  return deepmerge(
+    {
+      states: {
+        loading: false,
+        empty: false,
+        mainCurrency: { currencyText: "USD", amountText: "100.00" },
+        status: "upcoming",
+        payoutType: "bank",
+        otherCurrencies: false,
+        hasW9Pending: false,
+        hasDatePending: true,
+      },
+      text: this.getTextProps(),
+    },
+    props.demoData || {},
+    { arrayMerge: (_, a) => a }
+  );
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 48b6659e06..5726f3d1f7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -1,4 +1,4 @@
-import { h } from "@stencil/core";
+import { h, VNode } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
 import { intl } from "../../../global/global";
 import {
@@ -28,6 +28,9 @@ export interface TaxDocumentSubmittedProps {
       general?: boolean;
     };
   };
+  slots: {
+    payoutDetailsCardSlot: VNode;
+  };
   callbacks: { onClick: (props: any) => void; onEditIndirectTax: () => void };
   text: {
     statusTextActive?: string;
@@ -165,28 +168,7 @@ const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 
 export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
-  const { states, text, callbacks } = props;
-
-  // AL: Not sure what states will be yet, placeholder for now
-  const testDetailsCardProps: PayoutDetailsCardViewProps = {
-    loading: states.loading,
-    empty: false,
-    otherCurrencies: false,
-    payoutType: "bank",
-    mainCurrency: { currencyText: "USD", amountText: "100.00" },
-    status: "upcoming",
-    pendingStatusBadgeText: "Pending",
-    upcomingStatusBadgeText: "Upcoming",
-    nextPayoutStatusBadgeText: "Next payout",
-    pendingDetailedStatusText: "Check rewards table for available date",
-    upcomingDetailedStatusText: "November 1, 2022",
-    nextPayoutDetailedStatusText: "November 1, 2022",
-    otherCurrenciesText: "other currencies",
-    w9PendingText: "Awaiting W-9 tax form",
-    w9Pending: undefined,
-    hasDatePending: true,
-    hasW9Pending: false,
-  };
+  const { states, text, callbacks, slots } = props;
 
   const statusMap = {
     NOT_VERIFIED: (
@@ -293,8 +275,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         <div>
           <h3>{text.bankingInformationSectionHeader}</h3>
           <div class={sheet.classes.BankingInformationContainer}>
-            {/* AL: Placeholder for banking information. TBD with design with what belongs here */}
-            <PayoutDetailsCardView {...testDetailsCardProps} />
+            {slots.payoutDetailsCardSlot}
             <sl-button
               disabled={states.disabled || states.loading}
               type="default"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 41a92e6e59..e3e0a61b80 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -9,6 +9,7 @@ import {
   UseTaxDocumentSubmittedResult,
   useTaxDocumentSubmitted,
 } from "./useTaxDocumentSubmitted";
+import { Upcoming } from "../sqm-payout-details-card/PayoutDetailsCard.stories";
 
 /**
  * @uiName Tax and Cash Status Dashboard
@@ -217,6 +218,7 @@ export class TaxDocumentSubmitted {
           callbacks={props.callbacks}
           states={props.states}
           text={props.text}
+          slots={props.slots}
         />
       </Host>
     );
@@ -240,6 +242,9 @@ function useDemoTaxDocumentSubmitted(
         onClick: () => console.debug("check step"),
         onEditIndirectTax: () => console.debug("indirect tax"),
       },
+      slots: {
+        paymentDetailsCardSlot: <Upcoming />,
+      },
       text: props.getTextProps(),
     },
     props.demoData || {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 7434b3d888..7e267c9cff 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -1,3 +1,4 @@
+import { h } from "@stencil/core";
 import { useEffect } from "@saasquatch/universal-hooks";
 import { DateTime } from "luxon";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
@@ -13,6 +14,7 @@ import { INDIRECT_TAX_PROVINCES } from "../subregions";
 import { TaxDocumentSubmitted } from "./sqm-tax-document-submitted";
 import { TaxDocumentSubmittedProps } from "./sqm-tax-document-submitted-view";
 import { useLocale } from "@saasquatch/component-boilerplate";
+import { Upcoming } from "../sqm-payout-details-card/PayoutDetailsCard.stories";
 
 function getExpiresSoon(submissionDate: number, expiryDate: number) {
   if (!submissionDate || !expiryDate) return false;
@@ -101,6 +103,10 @@ export const useTaxDocumentSubmitted = (
       disabled: loading,
       loading,
     },
+    slots: {
+      // TODO: Replace this story once we have hooks for payment details card
+      payoutDetailsCardSlot: <Upcoming />,
+    },
     callbacks: {
       onClick: onNewDocumentClick,
       onEditIndirectTax: onEditIndirectTax,

From c037734f07a419a695b784cef3436401c7bc5bad Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 22 Feb 2024 14:56:19 -0800
Subject: [PATCH 308/753] Rewrite payout details card stories

---
 .../PayoutDetailsCard.stories.tsx             | 149 +++++++++---------
 .../sqm-payout-details-card.tsx               |   2 +-
 packages/mint-components/src/index.html       |   4 +-
 3 files changed, 74 insertions(+), 81 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
index 3a6c66c10e..bae666e3a7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
@@ -1,39 +1,9 @@
 import { h } from "@stencil/core";
-import {
-  PayoutDetailsCardView,
-  PayoutDetailsCardViewProps,
-} from "./sqm-payout-details-card-view";
 
 export default {
   title: "Components/Payout Details Card",
 };
 
-const defaultProps: PayoutDetailsCardViewProps = {
-  states: {
-    loading: false,
-    empty: false,
-    otherCurrencies: false,
-    payoutType: "bank",
-    mainCurrency: { currencyText: "USD", amountText: "100.00" },
-    status: "upcoming",
-
-    w9Pending: undefined,
-    hasDatePending: true,
-    hasW9Pending: false,
-  },
-
-  text: {
-    pendingStatusBadgeText: "Pending",
-    upcomingStatusBadgeText: "Upcoming",
-    nextPayoutStatusBadgeText: "Next payout",
-    pendingDetailedStatusText: "Check rewards table for available date",
-    upcomingDetailedStatusText: "November 1, 2022",
-    nextPayoutDetailedStatusText: "November 1, 2022",
-    otherCurrenciesText: "other currencies",
-    w9PendingText: "Awaiting W-9 tax form",
-  },
-};
-
 const currencyList = [
   { amountText: "15.92", currencyText: "CAD" },
   { amountText: "12.92", currencyText: "EUR" },
@@ -46,97 +16,120 @@ export const Upcoming = () => {
 };
 
 export const Loading = () => {
-  return <PayoutDetailsCardView {...{ ...defaultProps, loading: true }} />;
+  return (
+    <sqm-payout-details-card
+      demoData={{
+        states: {
+          loading: true,
+        },
+      }}
+    ></sqm-payout-details-card>
+  );
 };
 
 export const Empty = () => {
-  return <PayoutDetailsCardView {...{ ...defaultProps, empty: true }} />;
+  return (
+    <sqm-payout-details-card
+      demoData={{
+        states: {
+          empty: true,
+        },
+      }}
+    ></sqm-payout-details-card>
+  );
 };
 
 export const NextPayout = () => {
   return (
-    <PayoutDetailsCardView
-      {...{
-        ...defaultProps,
-        status: "next payout",
+    <sqm-payout-details-card
+      demoData={{
+        states: {
+          status: "next payout",
+        },
       }}
-    />
+    ></sqm-payout-details-card>
   );
 };
 
 export const Pending = () => {
   return (
-    <PayoutDetailsCardView
-      {...{
-        ...defaultProps,
-        status: "pending",
+    <sqm-payout-details-card
+      demoData={{
+        states: {
+          status: "pending",
+        },
       }}
-    />
+    ></sqm-payout-details-card>
   );
 };
 
 export const OtherCurrencies = () => {
   return (
-    <PayoutDetailsCardView
-      {...{
-        ...defaultProps,
-        otherCurrencies: currencyList,
+    <sqm-payout-details-card
+      demoData={{
+        states: {
+          otherCurrencies: currencyList,
+        },
       }}
-    />
+    ></sqm-payout-details-card>
   );
 };
 
 export const W9OnlyPending = () => {
   return (
-    <PayoutDetailsCardView
-      {...{
-        ...defaultProps,
-        status: "pending",
-        hasDatePending: false,
-        hasW9Pending: true,
-        w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
+    <sqm-payout-details-card
+      demoData={{
+        states: {
+          status: "pending",
+          hasDatePending: false,
+          hasW9Pending: true,
+          w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
+        },
       }}
-    />
+    ></sqm-payout-details-card>
   );
 };
 
 export const DateOnlyPending = () => {
   return (
-    <PayoutDetailsCardView
-      {...{
-        ...defaultProps,
-        status: "pending",
-        hasDatePending: true,
-        hasW9Pending: false,
-        otherCurrencies: currencyList,
-        w9Pending: undefined,
+    <sqm-payout-details-card
+      demoData={{
+        states: {
+          status: "pending",
+          hasDatePending: true,
+          hasW9Pending: false,
+          otherCurrencies: currencyList,
+          w9Pending: undefined,
+        },
       }}
-    />
+    ></sqm-payout-details-card>
   );
 };
 
 export const CombinedPending = () => {
   return (
-    <PayoutDetailsCardView
-      {...{
-        ...defaultProps,
-        status: "pending",
-        hasDatePending: true,
-        hasW9Pending: true,
-        w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
+    <sqm-payout-details-card
+      demoData={{
+        states: {
+          status: "pending",
+          hasDatePending: true,
+          hasW9Pending: true,
+          w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
+        },
       }}
-    />
+    ></sqm-payout-details-card>
   );
 };
 
 export const PaypalPayout = () => {
   return (
-    <PayoutDetailsCardView
-      {...{
-        ...defaultProps,
-        status: "next payout",
-        payoutType: "paypal",
+    <sqm-payout-details-card
+      demoData={{
+        states: {
+          status: "next payout",
+          payoutType: "paypal",
+        },
       }}
-    />
+    ></sqm-payout-details-card>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index d7c1e2a4f7..d75e260459 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -60,7 +60,7 @@ function useDemoPayoutDetailsCard(props: PayoutDetailsCard) {
         hasW9Pending: false,
         hasDatePending: true,
       },
-      text: this.getTextProps(),
+      text: props.getTextProps(),
     },
     props.demoData || {},
     { arrayMerge: (_, a) => a }
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From 8b813874a5c2f020d19239f03537eadb0eb956de Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 22 Feb 2024 14:59:17 -0800
Subject: [PATCH 309/753] bit of validation wired up for payment schedule
 section

---
 .../sqm-banking-info-form/sqm-banking-info-form-view.tsx    | 6 ++++--
 .../sqm-banking-info-form/sqm-banking-info-form.tsx         | 3 ++-
 .../sqm-banking-info-form/useBankingInfoForm.tsx            | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index dee966b60d..8324d63668 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -5,9 +5,9 @@ import { intl } from "../../../global/global";
 export interface BankingInfoFormViewProps {
   states: {
     locale?: string;
-    intlLocale?: string;
     loading: boolean;
     disabled: boolean;
+    saveDisabled: boolean;
     hideSteps: boolean;
     hasPayPal: boolean;
     hideBanking?: boolean;
@@ -16,6 +16,7 @@ export interface BankingInfoFormViewProps {
     hideFixedDay?: boolean;
     feeCap?: string;
     isPartner: boolean;
+
     paymentMethodFeeLabel?: string;
     formState: {
       paymentMethodChecked?: "toBankAccount" | "toPaypalAccount";
@@ -28,6 +29,7 @@ export interface BankingInfoFormViewProps {
     bankCountry?: string;
     currency?: string;
     countries?: { code: string; name: string }[];
+
     showInputs?: boolean;
   };
   slots?: {
@@ -451,7 +453,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
         <div class={classes.BtnContainer}>
           <sl-button
             type="primary"
-            disabled={states.disabled}
+            disabled={states.disabled || states.saveDisabled}
             submit
             exportparts="base: primarybutton-base"
           >
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index a6b569d708..e3a7570414 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -707,6 +707,7 @@ export class BankingInfoForm {
             ),
             paymentThresholdSelectSlot: (
               <sl-select
+                required
                 label={props.text.paymentThresholdSelectLabel}
                 name="/balanceThreshold"
                 id="balanceThreshold"
@@ -724,6 +725,7 @@ export class BankingInfoForm {
             ),
             paymentFixedDaySelectSlot: (
               <sl-select
+                required
                 label={props.text.paymentDaySelectLabel}
                 name="/fixedDay"
                 id="fixedDay"
@@ -840,7 +842,6 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
             fixedDay: false,
           },
         },
-        intlLocale: "en",
         bitset,
         bankCountry,
         showInputs: props.demoData?.showInputs,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index b61de62df7..81d8ac4576 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -206,8 +206,8 @@ export function useBankingInfoForm(
       setCurrency,
     },
     states: {
+      saveDisabled: !paymentMethodChecked || !paymentScheduleChecked,
       locale,
-      intlLocale,
       isPartner: !!userData?.user?.impactConnection,
       feeCap,
       paymentMethodFeeLabel,

From ae3a1b9c0ee4125d06ddf6676499f4b23c355537 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 22 Feb 2024 15:07:16 -0800
Subject: [PATCH 310/753] make paypal email required, fix capitalization of
 variables

---
 packages/mint-components/src/components.d.ts  |  4 +-
 .../sqm-banking-info-form-view.tsx            | 37 ++++++++++++-------
 .../sqm-banking-info-form.tsx                 |  8 ++--
 .../useBankingInfoForm.tsx                    |  4 +-
 4 files changed, 30 insertions(+), 23 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 13a31f94d5..c49e3fe14f 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -266,7 +266,7 @@ export namespace Components {
           * Text for the option to receive payments to a PayPal account with processing fee details
           * @uiName PayPal option text with processing fee placeholder
          */
-        "toPaypalAccount": string;
+        "toPayPalAccount": string;
         /**
           * Label text for the VO code input field
           * @uiName VO code input label
@@ -5556,7 +5556,7 @@ declare namespace LocalJSX {
           * Text for the option to receive payments to a PayPal account with processing fee details
           * @uiName PayPal option text with processing fee placeholder
          */
-        "toPaypalAccount"?: string;
+        "toPayPalAccount"?: string;
         /**
           * Label text for the VO code input field
           * @uiName VO code input label
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 8324d63668..e8d3c3ddba 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -19,10 +19,11 @@ export interface BankingInfoFormViewProps {
 
     paymentMethodFeeLabel?: string;
     formState: {
-      paymentMethodChecked?: "toBankAccount" | "toPaypalAccount";
+      paymentMethodChecked?: "toBankAccount" | "toPayPalAccount";
       paymentScheduleChecked?: "balanceThreshold" | "fixedDay";
       errors?: {
         general?: boolean;
+        payPalEmail?: boolean;
       };
     };
     bitset?: number;
@@ -41,7 +42,7 @@ export interface BankingInfoFormViewProps {
   };
   callbacks: {
     setPaymentMethodChecked: (
-      paymentMethodChecked: "toBankAccount" | "toPaypalAccount"
+      paymentMethodChecked: "toBankAccount" | "toPayPalAccount"
     ) => void;
     setPaymentScheduleChecked: (
       paymentMethodChecked: "balanceThreshold" | "fixedDay"
@@ -55,7 +56,7 @@ export interface BankingInfoFormViewProps {
     taxAndPayouts: string;
     taxAndPayoutsDescription: string;
     directlyToBankAccount: string;
-    toPaypalAccount: string;
+    toPayPalAccount: string;
     paymentMethod: string;
     paymentMethodSubtext: string;
     submitButton: string;
@@ -227,10 +228,12 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
     slots,
   } = props;
 
+  console.log({ formState });
+
   const { classes } = sheet;
 
   const getLoadingSkeleton = (
-    checkedValue: "toBankAccount" | "toPaypalAccount" | undefined,
+    checkedValue: "toBankAccount" | "toPayPalAccount" | undefined,
     inputNumber?: number
   ) => {
     const skeletons = [];
@@ -256,7 +259,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
       );
     }
 
-    if (checkedValue === "toPaypalAccount") {
+    if (checkedValue === "toPayPalAccount") {
       return (
         <div style={{ ...flexBoxStyle, flexDirection: "column" }}>
           <div class={classes.SmallSkeleton} />
@@ -363,36 +366,42 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 <sl-checkbox
                   class={classes.Checkbox}
                   exportparts="label: input-label"
-                  checked={formState.paymentMethodChecked === "toPaypalAccount"}
+                  checked={formState.paymentMethodChecked === "toPayPalAccount"}
                   onInput={() =>
-                    callbacks.setPaymentMethodChecked("toPaypalAccount")
+                    callbacks.setPaymentMethodChecked("toPayPalAccount")
                   }
                   disabled={states.disabled}
-                  id="toPaypalAccount"
-                  name="/toPaypalAccount"
+                  id="toPayPalAccount"
+                  name="/toPayPalAccount"
                 >
                   {intl.formatMessage(
                     {
                       id: "paypal-input-label",
-                      defaultMessage: text.toPaypalAccount,
+                      defaultMessage: text.toPayPalAccount,
                     },
                     { feeCap: states.feeCap }
                   )}
                 </sl-checkbox>
               )}
-              {formState.paymentMethodChecked === "toPaypalAccount" && (
+              {formState.paymentMethodChecked === "toPayPalAccount" && (
                 <div
                   class={classes.InputContainer}
                   style={states.hidePayPal ? { display: "none" } : {}}
                 >
                   {states.loading ? (
-                    getLoadingSkeleton("toPaypalAccount")
+                    getLoadingSkeleton("toPayPalAccount")
                   ) : (
                     <sl-input
+                      required
                       label={text.payPalInputLabel}
                       name="/payPalEmail"
                       id="payPalEmail"
                       type="text"
+                      {...(formState?.errors?.payPalEmail && {
+                        class: "error-input",
+                        // TODO: not translatable
+                        helpText: `${props.text.payPalInputLabel} is required`,
+                      })}
                     ></sl-input>
                   )}
                 </div>
@@ -421,7 +430,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                   style={states.hideBalanceThreshold ? { display: "none" } : {}}
                 >
                   {states.loading
-                    ? getLoadingSkeleton("toPaypalAccount")
+                    ? getLoadingSkeleton("toPayPalAccount")
                     : slots.paymentThresholdSelectSlot}
                 </div>
               )}
@@ -443,7 +452,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                   style={states.hideFixedDay ? { display: "none" } : {}}
                 >
                   {states.loading
-                    ? getLoadingSkeleton("toPaypalAccount")
+                    ? getLoadingSkeleton("toPayPalAccount")
                     : slots.paymentFixedDaySelectSlot}
                 </div>
               )}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index adaaed185b..33baa987ab 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -54,7 +54,7 @@ export class BankingInfoForm {
    * Text for the option to receive payments to a PayPal account with processing fee details
    * @uiName PayPal option text with processing fee placeholder
    */
-  @Prop() toPaypalAccount: string =
+  @Prop() toPayPalAccount: string =
     "PayPal (2% processing fee capped to {feeCap})";
   /**
    * Text for the option to receive payments at a specific balance threshold
@@ -667,9 +667,7 @@ export class BankingInfoForm {
           states={props.states}
           refs={props.refs}
           slots={{
-            formInputsSlot: inputFields?.map(({ input }) => {
-              return input;
-            }),
+            formInputsSlot: inputFields?.map(({ input }) => input),
             countryInputSlot: (
               <sl-select
                 label={props.text.bankLocationLabel}
@@ -759,7 +757,7 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
   const defaultCountry = props.demoData?.states?.bankCountry;
 
   const [paymentMethodChecked, setPaymentMethodChecked] = useState<
-    "toBankAccount" | "toPaypalAccount" | undefined
+    "toBankAccount" | "toPayPalAccount" | undefined
   >(undefined);
   const [paymentScheduleChecked, setPaymentScheduleChecked] = useState<
     "balanceThreshold" | "fixedDay" | undefined
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 81d8ac4576..9e63099bf8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -97,7 +97,7 @@ export function useBankingInfoForm(
   const [errors, setErrors] = useState({});
 
   const [_paymentMethodChecked, setPaymentMethodChecked] = useState<
-    "toBankAccount" | "toPaypalAccount" | undefined
+    "toBankAccount" | "toPayPalAccount" | undefined
   >(undefined);
   const [paymentScheduleChecked, setPaymentScheduleChecked] = useState<
     "balanceThreshold" | "fixedDay" | undefined
@@ -215,7 +215,7 @@ export function useBankingInfoForm(
       loading,
       hideSteps: false,
       hideBanking: paymentMethodChecked !== "toBankAccount",
-      hidePayPal: paymentMethodChecked !== "toPaypalAccount",
+      hidePayPal: paymentMethodChecked !== "toPayPalAccount",
       formState: {
         paymentMethodChecked,
         paymentScheduleChecked,

From 7f8bc0f2b47640bb8ac258b3e12f33f486432f3c Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 22 Feb 2024 15:26:54 -0800
Subject: [PATCH 311/753] added south korea as mock option without paypal

---
 .../tax-and-cash/sqm-banking-info-form/mockData.ts | 14 ++++++++++++++
 .../sqm-banking-info-form.tsx                      |  1 +
 2 files changed, 15 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
index 4abe9b6f45..63208a8699 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
@@ -118,6 +118,12 @@ export const mockPaymentOptions: {
       paymentMethod: 5,
       withdrawalId: 21,
     },
+    {
+      country: "NE",
+      currency: "EUR",
+      paymentMethod: 7,
+      withdrawalId: 25,
+    },
   ],
   GBP: [
     {
@@ -234,4 +240,12 @@ export const mockPaymentOptions: {
       withdrawalId: 8279,
     },
   ],
+  KRW: [
+    {
+      country: "KR",
+      currency: "KRW",
+      paymentMethod: 5,
+      withdrawalId: 149,
+    },
+  ],
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 33baa987ab..80c1b75fdd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -659,6 +659,7 @@ export class BankingInfoForm {
             <sl-menu-item value="CAD">CAD</sl-menu-item>
             <sl-menu-item value="EUR">EUR</sl-menu-item>
             <sl-menu-item value="JPY">JPY</sl-menu-item>
+            <sl-menu-item value="KRW">KRW</sl-menu-item>
           </sl-select>
         )}
         <BankingInfoFormView

From 8a07806db8102cbcadcec1a73919d3a6d91eba80 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 22 Feb 2024 15:36:04 -0800
Subject: [PATCH 312/753] added missing taxPayerId field

---
 packages/mint-components/src/components.d.ts  | 10 +++
 .../sqm-banking-info-form/mockData.ts         |  8 +++
 .../sqm-banking-info-form.tsx                 | 67 +++++++++++++------
 3 files changed, 63 insertions(+), 22 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index c49e3fe14f..ef7b569efa 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -262,6 +262,11 @@ export namespace Components {
           * @uiName Tax and Payouts label text
          */
         "taxAndPayoutsDescription": string;
+        /**
+          * Label text for the Taxpayer ID input field
+          * @uiName Taxpayer ID input label
+         */
+        "taxPayerIdLabel": string;
         /**
           * Text for the option to receive payments to a PayPal account with processing fee details
           * @uiName PayPal option text with processing fee placeholder
@@ -5552,6 +5557,11 @@ declare namespace LocalJSX {
           * @uiName Tax and Payouts label text
          */
         "taxAndPayoutsDescription"?: string;
+        /**
+          * Label text for the Taxpayer ID input field
+          * @uiName Taxpayer ID input label
+         */
+        "taxPayerIdLabel"?: string;
         /**
           * Text for the option to receive payments to a PayPal account with processing fee details
           * @uiName PayPal option text with processing fee placeholder
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
index 63208a8699..9652c223da 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
@@ -248,4 +248,12 @@ export const mockPaymentOptions: {
       withdrawalId: 149,
     },
   ],
+  MYR: [
+    {
+      country: "MY",
+      currency: "MYR",
+      paymentMethod: 5,
+      withdrawalId: 16405,
+    },
+  ],
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 80c1b75fdd..a356fb3c0e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -248,6 +248,13 @@ export class BankingInfoForm {
    * @uiName Classification input label
    */
   @Prop() classificationLabel: string = "Classification";
+
+  /**
+   * Label text for the Taxpayer ID input field
+   * @uiName Taxpayer ID input label
+   */
+  @Prop() taxPayerIdLabel: string = "Taxpayer ID";
+
   /**
    * Title text for a general form submission error
    * @uiName General form submission error title
@@ -444,28 +451,43 @@ export class BankingInfoForm {
       },
       7: {
         input: (
-          <sl-select
-            required
-            label={props.text.classificationLabel}
-            name="/beneficiaryClassification"
-            id="beneficiaryClassification"
-            {...(errors?.beneficiaryClassification && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.classificationLabel
-              ),
-            })}
-          >
-            <sl-menu-item value="BUSINESS">
-              {props.text.businessSelectItemLabel}
-            </sl-menu-item>
-            <sl-menu-item value="INDIVIDUAL">
-              {props.text.individualSelectItemLabel}
-            </sl-menu-item>
-            <sl-menu-item value="FOREIGN">
-              {props.text.foreignSelectItemLabel}
-            </sl-menu-item>
-          </sl-select>
+          <div>
+            <sl-select
+              required
+              label={props.text.classificationLabel}
+              name="/beneficiaryClassification"
+              id="beneficiaryClassification"
+              {...(errors?.beneficiaryClassification && {
+                class: "error-input",
+                helpText: this.getValidationErrorMessage(
+                  props.text.classificationLabel
+                ),
+              })}
+            >
+              <sl-menu-item value="BUSINESS">
+                {props.text.businessSelectItemLabel}
+              </sl-menu-item>
+              <sl-menu-item value="INDIVIDUAL">
+                {props.text.individualSelectItemLabel}
+              </sl-menu-item>
+              <sl-menu-item value="FOREIGN">
+                {props.text.foreignSelectItemLabel}
+              </sl-menu-item>
+            </sl-select>
+            <sl-input
+              required
+              label={props.text.taxPayerIdLabel}
+              type="text"
+              name="/taxPayerId"
+              id="taxPayerId"
+              {...(errors?.taxPayerId && {
+                class: "error-input",
+                helpText: this.getValidationErrorMessage(
+                  props.text.taxPayerIdLabel
+                ),
+              })}
+            ></sl-input>
+          </div>
         ),
       },
       8: {
@@ -660,6 +682,7 @@ export class BankingInfoForm {
             <sl-menu-item value="EUR">EUR</sl-menu-item>
             <sl-menu-item value="JPY">JPY</sl-menu-item>
             <sl-menu-item value="KRW">KRW</sl-menu-item>
+            <sl-menu-item value="MYR">MYR</sl-menu-item>
           </sl-select>
         )}
         <BankingInfoFormView

From 2abd9620547bde9aeca7fba340441109c84fb15b Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 22 Feb 2024 16:16:15 -0800
Subject: [PATCH 313/753] Add loading states

---
 .../tax-and-cash/BankingForm.stories.tsx      | 40 +++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index e693663d8e..51f39712df 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -294,6 +294,26 @@ export const BankingInfoFormWithBalanceThresholdPaymentScheduleWithError =
     );
   };
 
+export const BankingInfoFormWithBalanceThresholdPaymentScheduleLoading = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        states: {
+          ...bankingFormProps.states,
+          loading: true,
+          bankCountry: "US",
+          formState: {
+            ...bankingFormProps.states.formState,
+            paymentScheduleChecked: "balanceThreshold",
+          },
+          currency: "USD",
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
 export const BankingInfoFormWithFixedDayPaymentSchedule = () => {
   return (
     <sqm-banking-info-form
@@ -334,3 +354,23 @@ export const BankingInfoFormWithFixedDayPaymentScheduleWithError = () => {
     ></sqm-banking-info-form>
   );
 };
+
+export const BankingInfoFormWithFixedDayPaymentScheduleLoading = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        states: {
+          ...bankingFormProps.states,
+          loading: true,
+          bankCountry: "US",
+          formState: {
+            ...bankingFormProps.states.formState,
+            paymentScheduleChecked: "fixedDay",
+          },
+          currency: "USD",
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};

From 5dcb807b426e0b23a4ada2ce329b53fc44a25e58 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 22 Feb 2024 16:28:39 -0800
Subject: [PATCH 314/753] Updated indirectTaxtPreview with qst+income tax
 number. Updated stories and specs

---
 packages/mint-components/src/components.d.ts  | 44 +++++++++++
 .../tax-and-cash/TaxForm.stories.tsx          | 44 +++++++++++
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 13 ++++
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 46 ++++++------
 .../sqm-tax-document-submitted-view.tsx       | 75 ++++++++++++++-----
 .../sqm-tax-document-submitted.feature        |  6 ++
 .../sqm-tax-document-submitted.tsx            | 10 +++
 .../useTaxDocumentSubmitted.tsx               |  7 +-
 .../sqm-user-info-form.feature                |  3 +-
 packages/mint-components/src/index.html       |  4 +-
 10 files changed, 208 insertions(+), 44 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 7517ef7971..31bdc7d625 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -4196,6 +4196,12 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_notRegisteredForTax": string;
+        /**
+          * Label text for the QST number
+          * @uiName QST number input
+          * @uiGroup Step 4 Properties
+         */
+        "step4_qstNumber": string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
@@ -4214,6 +4220,12 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_statusTextNotVerified"?: string;
+        /**
+          * Label text for the sub-region tax number
+          * @uiName Sub-region tax number
+          * @uiGroup Step 4 Properties
+         */
+        "step4_subRegionTaxNumber": string;
         /**
           * Header displayed in not active W9 alert header at the top of the page.
           * @uiName Not active W8 alert header
@@ -4343,6 +4355,11 @@ export namespace Components {
           * @uiName Not registered for Indirect Tax
          */
         "notRegisteredForTax": string;
+        /**
+          * Label text for the QST number
+          * @uiName QST number input
+         */
+        "qstNumber": string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
@@ -4358,6 +4375,11 @@ export namespace Components {
           * @uiName Status text
          */
         "statusTextNotVerified"?: string;
+        /**
+          * Label text for the sub-region tax number
+          * @uiName Sub-region tax number
+         */
+        "subRegionTaxNumber": string;
         /**
           * Header displayed in not active W9 alert header at the top of the page.
           * @uiName Not active W8 alert header
@@ -9459,6 +9481,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_notRegisteredForTax"?: string;
+        /**
+          * Label text for the QST number
+          * @uiName QST number input
+          * @uiGroup Step 4 Properties
+         */
+        "step4_qstNumber"?: string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
@@ -9477,6 +9505,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_statusTextNotVerified"?: string;
+        /**
+          * Label text for the sub-region tax number
+          * @uiName Sub-region tax number
+          * @uiGroup Step 4 Properties
+         */
+        "step4_subRegionTaxNumber"?: string;
         /**
           * Header displayed in not active W9 alert header at the top of the page.
           * @uiName Not active W8 alert header
@@ -9606,6 +9640,11 @@ declare namespace LocalJSX {
           * @uiName Not registered for Indirect Tax
          */
         "notRegisteredForTax"?: string;
+        /**
+          * Label text for the QST number
+          * @uiName QST number input
+         */
+        "qstNumber"?: string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
@@ -9621,6 +9660,11 @@ declare namespace LocalJSX {
           * @uiName Status text
          */
         "statusTextNotVerified"?: string;
+        /**
+          * Label text for the sub-region tax number
+          * @uiName Sub-region tax number
+         */
+        "subRegionTaxNumber"?: string;
         /**
           * Header displayed in not active W9 alert header at the top of the page.
           * @uiName Not active W8 alert header
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index f34c08ea81..4a91eee04e 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -931,6 +931,50 @@ export const TaxDocumentSubmittedIndirectTaxCanada = () => {
   );
 };
 
+export const TaxDocumentSubmittedIndirectTaxCanadaQuebec = () => {
+  return (
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          status: "ACTIVE",
+          disabled: false,
+          documentType: "W8BENE",
+          dateSubmitted: "Jan 18th, 2025",
+          noFormNeeded: false,
+          province: "Quebec",
+          country: "Canada",
+          isIndirectTaxCanada: true,
+          indirectTaxType: "GST",
+          indirectTaxNumber: 123456,
+          qstNumber: 44212,
+          isBusinessEntity: true,
+        },
+      }}
+    ></sqm-tax-document-submitted>
+  );
+};
+
+export const TaxDocumentSubmittedIndirectTaxSpain = () => {
+  return (
+    <sqm-tax-document-submitted
+      demoData={{
+        states: {
+          status: "ACTIVE",
+          disabled: false,
+          documentType: "W8BENE",
+          dateSubmitted: "Jan 18th, 2025",
+          noFormNeeded: false,
+          country: "Spain",
+          indirectTaxType: "VAT",
+          indirectTaxNumber: 123456,
+          subRegionTaxNumber: 44212,
+          isBusinessEntity: true,
+        },
+      }}
+    ></sqm-tax-document-submitted>
+  );
+};
+
 export const TaxDocumentSubmittedNotRegistered = () => {
   return (
     <sqm-tax-document-submitted
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index ceb1009e50..7c532eb0ca 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -788,6 +788,19 @@ export class TaxAndCashMonolith {
    */
   @Prop() step4_generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
+  /**
+   * Label text for the QST number
+   * @uiName QST number input
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_qstNumber: string = "QST Number: {qstNumber}";
+  /**
+   * Label text for the sub-region tax number
+   * @uiName Sub-region tax number
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_subRegionTaxNumber: string =
+    "Income Tax Number: {incomeTaxNumber}";
 
   /**
    * @undocumented
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 51e39d6b99..092b0b9c7f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -58,29 +58,9 @@ export function useTaxAndCash() {
 
   /**** DEMO DATA */
 
-  const id = "35cc9b5e816bb014554f71bd231f6edb238a6b447cb6169c75aef36a5332f64f";
-  const accountId =
-    "35cc9b5e816bb014554f71bd231f6edb238a6b447cb6169c75aef36a5332f64f";
-  const programId = "22514";
-
-  //@ts-ignore
-  window.widgetIdent = {
-    tenantAlias: "aprh0cfq6y8tk",
-    appDomain: "https://staging.referralsaasquatch.com",
-    programId,
-  };
-
-  useEffect(() => {
-    setUserIdentity({
-      accountId,
-      id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMzVjYzliNWU4MTZiYjAxNDU1NGY3MWJkMjMxZjZlZGIyMzhhNmI0NDdjYjYxNjljNzVhZWYzNmE1MzMyZjY0ZiIsImFjY291bnRJZCI6IjM1Y2M5YjVlODE2YmIwMTQ1NTRmNzFiZDIzMWY2ZWRiMjM4YTZiNDQ3Y2I2MTY5Yzc1YWVmMzZhNTMzMmY2NGYifX0.wEtr7mDQ-3yedKPxMRuWhmAg4x5kGvspHG1m1DYN3-Y",
-    });
-  }, []);
-
-  // const id = "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+  // const id = "35cc9b5e816bb014554f71bd231f6edb238a6b447cb6169c75aef36a5332f64f";
   // const accountId =
-  //   "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+  //   "35cc9b5e816bb014554f71bd231f6edb238a6b447cb6169c75aef36a5332f64f";
   // const programId = "22514";
 
   // //@ts-ignore
@@ -94,10 +74,30 @@ export function useTaxAndCash() {
   //   setUserIdentity({
   //     accountId,
   //     id,
-  //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
+  //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMzVjYzliNWU4MTZiYjAxNDU1NGY3MWJkMjMxZjZlZGIyMzhhNmI0NDdjYjYxNjljNzVhZWYzNmE1MzMyZjY0ZiIsImFjY291bnRJZCI6IjM1Y2M5YjVlODE2YmIwMTQ1NTRmNzFiZDIzMWY2ZWRiMjM4YTZiNDQ3Y2I2MTY5Yzc1YWVmMzZhNTMzMmY2NGYifX0.wEtr7mDQ-3yedKPxMRuWhmAg4x5kGvspHG1m1DYN3-Y",
   //   });
   // }, []);
 
+  const id = "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+  const accountId =
+    "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+  const programId = "22514";
+
+  //@ts-ignore
+  window.widgetIdent = {
+    tenantAlias: "aprh0cfq6y8tk",
+    appDomain: "https://staging.referralsaasquatch.com",
+    programId,
+  };
+
+  useEffect(() => {
+    setUserIdentity({
+      accountId,
+      id,
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
+    });
+  }, []);
+
   const user = useUserIdentity();
 
   // State for current step of form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 48b6659e06..b835447147 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -17,6 +17,12 @@ export interface TaxDocumentSubmittedProps {
     noFormNeeded?: boolean;
     // AL: TODO add indirectTaxType props
     indirectTaxType?: string;
+    //AL: TOD add qst number (quebec)
+    qstNumber?: number;
+    //AL: TODO add income tax number (spain)
+    subRegionTaxNumber?: number;
+    //AL TODO add sub-region (spain)
+    subRegion?: string;
     indirectTaxNumber?: number;
     province?: string;
     country?: string;
@@ -49,13 +55,15 @@ export interface TaxDocumentSubmittedProps {
     indirectTaxIndividualParticipant?: string;
     indirectTaxTooltipSupport?: string;
     indirectTaxDetails?: string;
-    taxDocumentSectionHeader: string;
-    taxDocumentSectionSubHeader: string;
-    newFormButton: string;
+    taxDocumentSectionHeader?: string;
+    taxDocumentSectionSubHeader?: string;
+    newFormButton?: string;
     editIndirectTaxButton: string;
     invalidForm?: string;
-    noFormNeededSubtext: string;
-    notRegisteredForTax: string;
+    noFormNeededSubtext?: string;
+    notRegisteredForTax?: string;
+    qstNumber?: string;
+    subRegionTaxNumber: string;
     error: {
       generalTitle: string;
       generalDescription: string;
@@ -159,6 +167,11 @@ const style = {
     textAlign: "center",
     width: "250px",
   },
+  TaxNumberContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "6px",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -273,6 +286,8 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
     ),
   };
 
+  console.log(states);
+
   return (
     <div>
       <div>
@@ -354,18 +369,44 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                   )}
                 </span>
                 {!states.notRegistered && (
-                  <span>
-                    {intl.formatMessage(
-                      {
-                        id: `indirectTaxDetails`,
-                        defaultMessage: text.indirectTaxDetails,
-                      },
-                      {
-                        indirectTaxType: states.indirectTaxType,
-                        indirectTaxNumber: states.indirectTaxNumber,
-                      }
-                    )}
-                  </span>
+                  <div class={sheet.classes.TaxNumberContainer}>
+                    <span>
+                      {intl.formatMessage(
+                        {
+                          id: `indirectTaxDetails`,
+                          defaultMessage: text.indirectTaxDetails,
+                        },
+                        {
+                          indirectTaxType: states.indirectTaxType,
+                          indirectTaxNumber: states.indirectTaxNumber,
+                        }
+                      )}
+                    </span>
+                    <span>
+                      {states.qstNumber &&
+                        intl.formatMessage(
+                          {
+                            id: `qstNumber`,
+                            defaultMessage: text.qstNumber,
+                          },
+                          {
+                            qstNumber: states.qstNumber,
+                          }
+                        )}
+                    </span>
+                    <span>
+                      {states.subRegionTaxNumber &&
+                        intl.formatMessage(
+                          {
+                            id: `subRegionTaxNumber`,
+                            defaultMessage: text.subRegionTaxNumber,
+                          },
+                          {
+                            subRegionTaxNumber: states.subRegionTaxNumber,
+                          }
+                        )}
+                    </span>
+                  </div>
                 )}
               </div>
             </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
index 5cd272cd18..faefb33608 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
@@ -65,6 +65,12 @@ Feature: Tax Document Submitted View
       | false        | United States    | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
       | false        | Papua New Guinea | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
 
+  @TODO
+  Scenario: Spain shows income tax number potentially
+
+  @TODO
+  Scenario: quebec shows qst number potentially
+
   @minutia @ui
   Scenario Outline: A Danger Alert is displayed if the users tax form is invalid
     Given the document has status <status>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 41a92e6e59..5c5d8ecfba 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -182,6 +182,16 @@ export class TaxDocumentSubmitted {
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
+  /**
+   * Label text for the QST number
+   * @uiName QST number input
+   */
+  @Prop() qstNumber: string = "QST Number: {qstNumber}";
+  /**
+   * Label text for the sub-region tax number
+   * @uiName Sub-region tax number
+   */
+  @Prop() subRegionTaxNumber: string = "Income Tax Number: {incomeTaxNumber}";
 
   /**
    * @undocumented
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 7434b3d888..21b3191da5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -83,7 +83,12 @@ export const useTaxDocumentSubmitted = (
       dateSubmitted,
       documentType,
       status: publisher?.currentTaxDocument?.status,
-      // AL TODO: indirectTaxType
+      //AL TODO ADD SUB-REGION
+      subRegion: "",
+      // AL TODO: subRegionTaxNumber
+      subRegionTaxNumber: 0,
+      // AL TODO: qstNumber
+      qstNumber: 0,
       indirectTaxType: data?.user.customFields?.__indirectTaxType,
       indirectTaxNumber: data?.user?.customFields?.__indirectTaxNumber,
       isBusinessEntity: publisher?.requiredTaxDocumentType === "W8BENE",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
index 2ca1fec86f..503c232c0c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
@@ -117,7 +117,8 @@ Feature: Tax Form Step One
     And press "Continue"
     But on step 2 they press the "Back" button
     And arrive back on step 1
-    Then the step 1 fields can be edited
+    Then the data they inputted persists
+    And the step 1 fields can be edited
 
   @minutia
   Scenario: Participant that is a partner comes back to step 1 form after submitting
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From 1058054299f263b704e303f536f21e5361a45b7d Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 22 Feb 2024 16:32:28 -0800
Subject: [PATCH 315/753] added a couple more unique test cases

---
 .../sqm-banking-info-form/mockData.ts         | 28 +++++++++++++++++++
 .../sqm-banking-info-form.tsx                 |  2 ++
 2 files changed, 30 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
index 9652c223da..aa0c17d28a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
@@ -256,4 +256,32 @@ export const mockPaymentOptions: {
       withdrawalId: 16405,
     },
   ],
+  MXN: [
+    {
+      country: "MX",
+      currency: "MXN",
+      paymentMethod: 5,
+      withdrawalId: 4181,
+    },
+    {
+      country: "MX",
+      currency: "MXN",
+      paymentMethod: 7,
+      withdrawalId: 4181,
+    },
+  ],
+  RUB: [
+    {
+      country: "RU",
+      currency: "RUB",
+      paymentMethod: 5,
+      withdrawalId: 1685,
+    },
+    {
+      country: "RU",
+      currency: "RUB",
+      paymentMethod: 7,
+      withdrawalId: 1717,
+    },
+  ],
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index a356fb3c0e..616f20c354 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -683,6 +683,8 @@ export class BankingInfoForm {
             <sl-menu-item value="JPY">JPY</sl-menu-item>
             <sl-menu-item value="KRW">KRW</sl-menu-item>
             <sl-menu-item value="MYR">MYR</sl-menu-item>
+            <sl-menu-item value="MXN">MXN</sl-menu-item>
+            <sl-menu-item value="RUB">RUB</sl-menu-item>
           </sl-select>
         )}
         <BankingInfoFormView

From 0e445e8c2a35d7a3b7850cc4bca39172b6787409 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 23 Feb 2024 11:16:54 -0800
Subject: [PATCH 316/753] Updated document submitted view and specs

---
 packages/mint-components/src/components.d.ts  | 60 ++++++++++++++++--
 .../tax-and-cash/TaxForm.stories.tsx          |  1 +
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 22 ++++++-
 .../sqm-tax-document-submitted-view.tsx       | 63 ++++++++++++-------
 .../sqm-tax-document-submitted.feature        | 25 ++++++--
 .../sqm-tax-document-submitted.tsx            | 17 ++++-
 6 files changed, 153 insertions(+), 35 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 6c2364673e..f4353a4300 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -4143,6 +4143,12 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_bankingInformationSectionHeader": string;
+        /**
+          * Text displayed in the edit Payment Information button
+          * @uiName Edit Payment Information button
+          * @uiGroup Step 4 Properties
+         */
+        "step4_editPaymentInformationButton": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName Step 4 General error text
@@ -4158,16 +4164,19 @@ export namespace Components {
         /**
           * Indirect tax number/type details
           * @uiName Indirect tax details
+          * @uiGroup Step 4 Properties
          */
         "step4_indirectTaxDetails": string;
         /**
-          * Country/Region description text of indirect tax
+          * Country/Province description text of indirect tax
           * @uiName Indirect tax Canada description
+          * @uiGroup Step 4 Properties
          */
         "step4_indirectTaxInfoCanada": string;
         /**
           * Other country description text of indirect tax
           * @uiName Indirect tax other country description
+          * @uiGroup Step 4 Properties
          */
         "step4_indirectTaxInfoOtherCountry": string;
         /**
@@ -4176,9 +4185,16 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_indirectTaxInfoSectionHeader": string;
+        /**
+          * Spain/Region description text of indirect tax
+          * @uiName Indirect tax Spain description
+          * @uiGroup Step 4 Properties
+         */
+        "step4_indirectTaxInfoSpain": string;
         /**
           * Indirect tax tooltip text for support
           * @uiName Indirect tax tooltip description
+          * @uiGroup Step 4 Properties
          */
         "step4_indirectTaxTooltipSupport": string;
         /**
@@ -4309,6 +4325,11 @@ export namespace Components {
           * @uiName Edit Indirect Tax button
          */
         "editIndirectTaxButton": string;
+        /**
+          * Text displayed in the edit Payment Information button
+          * @uiName Edit Payment Information button
+         */
+        "editPaymentInformationButton": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
@@ -4325,7 +4346,7 @@ export namespace Components {
          */
         "indirectTaxDetails": string;
         /**
-          * Country/Region description text of indirect tax
+          * Country/Province description text of indirect tax
           * @uiName Indirect tax Canada description
          */
         "indirectTaxInfoCanada": string;
@@ -4339,6 +4360,11 @@ export namespace Components {
           * @uiName Indirect Tax Information Header
          */
         "indirectTaxInfoSectionHeader": string;
+        /**
+          * Spain/Region description text of indirect tax
+          * @uiName Indirect tax Spain description
+         */
+        "indirectTaxInfoSpain": string;
         /**
           * Indirect tax tooltip text for support
           * @uiName Indirect tax tooltip description
@@ -9437,6 +9463,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_bankingInformationSectionHeader"?: string;
+        /**
+          * Text displayed in the edit Payment Information button
+          * @uiName Edit Payment Information button
+          * @uiGroup Step 4 Properties
+         */
+        "step4_editPaymentInformationButton"?: string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName Step 4 General error text
@@ -9452,16 +9484,19 @@ declare namespace LocalJSX {
         /**
           * Indirect tax number/type details
           * @uiName Indirect tax details
+          * @uiGroup Step 4 Properties
          */
         "step4_indirectTaxDetails"?: string;
         /**
-          * Country/Region description text of indirect tax
+          * Country/Province description text of indirect tax
           * @uiName Indirect tax Canada description
+          * @uiGroup Step 4 Properties
          */
         "step4_indirectTaxInfoCanada"?: string;
         /**
           * Other country description text of indirect tax
           * @uiName Indirect tax other country description
+          * @uiGroup Step 4 Properties
          */
         "step4_indirectTaxInfoOtherCountry"?: string;
         /**
@@ -9470,9 +9505,16 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_indirectTaxInfoSectionHeader"?: string;
+        /**
+          * Spain/Region description text of indirect tax
+          * @uiName Indirect tax Spain description
+          * @uiGroup Step 4 Properties
+         */
+        "step4_indirectTaxInfoSpain"?: string;
         /**
           * Indirect tax tooltip text for support
           * @uiName Indirect tax tooltip description
+          * @uiGroup Step 4 Properties
          */
         "step4_indirectTaxTooltipSupport"?: string;
         /**
@@ -9603,6 +9645,11 @@ declare namespace LocalJSX {
           * @uiName Edit Indirect Tax button
          */
         "editIndirectTaxButton"?: string;
+        /**
+          * Text displayed in the edit Payment Information button
+          * @uiName Edit Payment Information button
+         */
+        "editPaymentInformationButton"?: string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
@@ -9619,7 +9666,7 @@ declare namespace LocalJSX {
          */
         "indirectTaxDetails"?: string;
         /**
-          * Country/Region description text of indirect tax
+          * Country/Province description text of indirect tax
           * @uiName Indirect tax Canada description
          */
         "indirectTaxInfoCanada"?: string;
@@ -9633,6 +9680,11 @@ declare namespace LocalJSX {
           * @uiName Indirect Tax Information Header
          */
         "indirectTaxInfoSectionHeader"?: string;
+        /**
+          * Spain/Region description text of indirect tax
+          * @uiName Indirect tax Spain description
+         */
+        "indirectTaxInfoSpain"?: string;
         /**
           * Indirect tax tooltip text for support
           * @uiName Indirect tax tooltip description
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 4a91eee04e..601b4354f9 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -965,6 +965,7 @@ export const TaxDocumentSubmittedIndirectTaxSpain = () => {
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "Spain",
+          subRegion: "Madred",
           indirectTaxType: "VAT",
           indirectTaxNumber: 123456,
           subRegionTaxNumber: 44212,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 7c532eb0ca..5260ab8849 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -731,9 +731,10 @@ export class TaxAndCashMonolith {
    */
   @Prop() step4_indirectTaxInfoSectionHeader: string = "Indirect Tax";
   /**
-   * Country/Region description text of indirect tax
+   * Country/Province description text of indirect tax
    *
    * @uiName Indirect tax Canada description
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_indirectTaxInfoCanada: string =
     "Registered in {province}, {country}";
@@ -741,12 +742,22 @@ export class TaxAndCashMonolith {
    * Other country description text of indirect tax
    *
    * @uiName Indirect tax other country description
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_indirectTaxInfoOtherCountry: string = "Registered in {country}";
+  /**
+   * Spain/Region description text of indirect tax
+   *
+   * @uiName Indirect tax Spain description
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_indirectTaxInfoSpain: string =
+    "Registered in {country}, {subRegion}";
   /**
    * Indirect tax tooltip text for support
    *
    * @uiName Indirect tax tooltip description
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_indirectTaxTooltipSupport: string =
     "To make changes to your indirect tax information, please contact Support.";
@@ -754,6 +765,7 @@ export class TaxAndCashMonolith {
    * Indirect tax number/type details
    *
    * @uiName  Indirect tax details
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_indirectTaxDetails: string =
     "{indirectTaxType} number: {indirectTaxNumber}";
@@ -764,6 +776,14 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_newFormButton: string = "Submit New Form";
+  /**
+   * Text displayed in the edit Payment Information button
+   *
+   * @uiName Edit Payment Information button
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() step4_editPaymentInformationButton: string =
+    "Edit Payout Information";
   /**
    * Text displayed when partner is not registered for Indirect Tax
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index cdceea7400..739156fde6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -54,6 +54,7 @@ export interface TaxDocumentSubmittedProps {
     bankingInformationSectionHeader: string;
     indirectTaxInfoSectionHeader: string;
     indirectTaxInfoCanada?: string;
+    indirectTaxInfoSpain?: string;
     indirectTaxInfoOtherCountry?: string;
     indirectTaxIndividualParticipant?: string;
     indirectTaxTooltipSupport?: string;
@@ -61,6 +62,7 @@ export interface TaxDocumentSubmittedProps {
     taxDocumentSectionHeader?: string;
     taxDocumentSectionSubHeader?: string;
     newFormButton?: string;
+    editPaymentInformationButton?: string;
     editIndirectTaxButton: string;
     invalidForm?: string;
     noFormNeededSubtext?: string;
@@ -268,7 +270,41 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
     ),
   };
 
-  console.log(states);
+  const getIndirectTaxRegisteredIn = () => {
+    if (states.province) {
+      return intl.formatMessage(
+        {
+          id: `indirectTaxInfoCanada`,
+          defaultMessage: text.indirectTaxInfoCanada,
+        },
+        {
+          country: "Canada",
+          province: states.province,
+        }
+      );
+    } else if (states.subRegion) {
+      return intl.formatMessage(
+        {
+          id: `indirectTaxInfoSpain`,
+          defaultMessage: text.indirectTaxInfoSpain,
+        },
+        {
+          country: states.country,
+          subRegion: states.subRegion,
+        }
+      );
+    } else {
+      return intl.formatMessage(
+        {
+          id: `indirectTaxInfoOtherCountry`,
+          defaultMessage: text.indirectTaxInfoOtherCountry,
+        },
+        {
+          country: states.country,
+        }
+      );
+    }
+  };
 
   return (
     <div>
@@ -296,7 +332,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
               type="default"
               class={sheet.classes.EditBankDetailsButton}
             >
-              Edit Bank Details
+              {text.editPaymentInformationButton}
             </sl-button>
           </div>
         </div>
@@ -326,27 +362,8 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                     <span class={sheet.classes.NotRegisteredIndirectTaxText}>
                       {text.notRegisteredForTax}
                     </span>
-                  ) : states.province ? (
-                    intl.formatMessage(
-                      {
-                        id: `indirectTaxInfoCanada`,
-                        defaultMessage: text.indirectTaxInfoCanada,
-                      },
-                      {
-                        country: "Canada",
-                        province: states.province,
-                      }
-                    )
                   ) : (
-                    intl.formatMessage(
-                      {
-                        id: `indirectTaxInfoOtherCountry`,
-                        defaultMessage: text.indirectTaxInfoOtherCountry,
-                      },
-                      {
-                        country: states.country,
-                      }
-                    )
+                    getIndirectTaxRegisteredIn()
                   )}
                 </span>
                 {!states.notRegistered && (
@@ -374,8 +391,6 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                             qstNumber: states.qstNumber,
                           }
                         )}
-                    </span>
-                    <span>
                       {states.subRegionTaxNumber &&
                         intl.formatMessage(
                           {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
index faefb33608..7591684525 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
@@ -65,11 +65,28 @@ Feature: Tax Document Submitted View
       | false        | United States    | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
       | false        | Papua New Guinea | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
 
-  @TODO
-  Scenario: Spain shows income tax number potentially
+  @minutia
+  Scenario Outline: Participant is registered for indirect tax in Canada, Quebec
+    When the participant is registered for indirect tax in Canada, Quebec
+    And they <doHaveQSTNumber> from step 2
+    Then the indirect tax section displays <indirectTaxNumbers>
+
+    Examples: 
+      | doHaveQSTNumber | indirectTaxNumbers     |
+      | true            | GST Number, QST Number |
+      | false           | GST Number, N/A        |
 
-  @TODO
-  Scenario: quebec shows qst number potentially
+  @minutia
+  Scenario Outline: Participant is registered for indirect tax in Spain
+    When the participant is registered for indirect tax in Spain
+    Then the <registeredDetails> display with <subRegion>
+    And they <doHaveIncomeTaxNumber> from step 2
+    Then the indirect tax section displays <indirectTaxNumbers>
+
+    Examples: 
+      | registeredDetails    | subRegion | doHaveIncomeTaxNumber | indirectTaxNumbers            |
+      | Registered in Spain, | Madred    | true                  | VAT Number, Income Tax Number |
+      | Registered in Spain, | Valencia  | false                 | VAT Number, N/A               |
 
   @minutia @ui
   Scenario Outline: A Danger Alert is displayed if the users tax form is invalid
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index dc72c095da..4372a3cb74 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -106,7 +106,7 @@ export class TaxDocumentSubmitted {
    */
   @Prop() indirectTaxInfoSectionHeader: string = "Indirect Tax";
   /**
-   * Country/Region description text of indirect tax
+   * Country/Province description text of indirect tax
    *
    * @uiName Indirect tax Canada description
    */
@@ -117,6 +117,12 @@ export class TaxDocumentSubmitted {
    * @uiName Indirect tax other country description
    */
   @Prop() indirectTaxInfoOtherCountry: string = "Registered in {country}";
+  /**
+   * Spain/Region description text of indirect tax
+   *
+   * @uiName Indirect tax Spain description
+   */
+  @Prop() indirectTaxInfoSpain: string = "Registered in {country}, {subRegion}";
   /**
    * Indirect tax tooltip text for support
    *
@@ -162,6 +168,12 @@ export class TaxDocumentSubmitted {
    * @uiName Edit Indirect Tax button
    */
   @Prop() editIndirectTaxButton: string = "Edit Indirect Tax";
+  /**
+   * Text displayed in the edit Payment Information button
+   *
+   * @uiName Edit Payment Information button
+   */
+  @Prop() editPaymentInformationButton: string = "Edit Payout Information";
   /**
    * Text displayed when partner is not registered for Indirect Tax
    *
@@ -192,7 +204,8 @@ export class TaxDocumentSubmitted {
    * Label text for the sub-region tax number
    * @uiName Sub-region tax number
    */
-  @Prop() subRegionTaxNumber: string = "Income Tax Number: {incomeTaxNumber}";
+  @Prop() subRegionTaxNumber: string =
+    "Income Tax Number: {subRegionTaxNumber}";
 
   /**
    * @undocumented

From 80fcdcc97779de940e3a6c13b83326180a45885e Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 23 Feb 2024 11:48:23 -0800
Subject: [PATCH 317/753] more cleanup, mock data examples

---
 packages/mint-components/package-lock.json    | 563 +++++++++++++++++-
 packages/mint-components/package.json         |   1 +
 .../sqm-banking-info-form/mockData.ts         |  32 +
 .../sqm-banking-info-form.tsx                 |   1 +
 .../useBankingInfoForm.tsx                    |  16 +-
 5 files changed, 587 insertions(+), 26 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 1d90bac403..6f12f1788e 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,17 +1,17 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-29",
+  "version": "1.8.0-36",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-29",
+      "version": "1.8.0-36",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
         "@raisins/stencil-docs-target": "^1.0.0",
-        "@saasquatch/component-boilerplate": "^1.6.0",
+        "@saasquatch/component-boilerplate": "^1.6.2",
         "@saasquatch/shoelace": "^1.0.0",
         "@saasquatch/stencil-hooks": "^2.0.2",
         "@saasquatch/stencilbook": "^1.1.0",
@@ -58,6 +58,7 @@
         "marked": "^3.0.4",
         "patch-package": "^6.5.1",
         "picklesdoc": "^1.2.1",
+        "puppeteer": "^5.5.0",
         "rollup-plugin-copy": "^3.4.0",
         "rollup-plugin-css-only": "^3.1.0",
         "rollup-plugin-string": "^3.0.0",
@@ -2805,13 +2806,13 @@
       }
     },
     "node_modules/@saasquatch/component-boilerplate": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.0.tgz",
-      "integrity": "sha512-QjTCHU8z/VtihVTHymfNBb6hzcQn/spoRTDt+pCVKPkpBhZ9KzN9dxMvNjFQbbpH5ZFKkvI73lrIilP/OKtrZg==",
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.2.tgz",
+      "integrity": "sha512-xujUagmij5VSLlthml5NjbMs/CfE+RFBIGfzLFxYuaEs1YC3mTwuS1K9jCrCXYza914NwpPHLvMTT2DNRJ2mQQ==",
       "dependencies": {
         "@formatjs/intl": "^1.8.2",
         "@saasquatch/component-environment": "^1.0.4",
-        "@saasquatch/dom-context-hooks": "^1.0.0",
+        "@saasquatch/dom-context-hooks": "^1.0.3",
         "@saasquatch/universal-hooks": "^1.0.0",
         "@wry/equality": "^0.5.2",
         "debounce": "^1.2.0",
@@ -2840,12 +2841,12 @@
       }
     },
     "node_modules/@saasquatch/dom-context-hooks": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@saasquatch/dom-context-hooks/-/dom-context-hooks-1.0.0.tgz",
-      "integrity": "sha512-i39DNoEfBV/jA2xCjsbJQfOIEjZ4QbufcyfiVOH5LoHNlJxLxFVyD1HlR8NQGHVKWyd8VAvkiQTZdYD0R0poSA==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@saasquatch/dom-context-hooks/-/dom-context-hooks-1.0.3.tgz",
+      "integrity": "sha512-Gj8YaAZnRi73BbJuBnnI1qjex75cAOGMYxJvEYXS6Vyq+TTnEdskxjWUwifKALcxSEd8PRn6YaVA09WUTPYQrg==",
       "dependencies": {
         "@saasquatch/universal-hooks": "^1.0.0",
-        "dom-context": "^1.0.1"
+        "dom-context": "^1.2.0"
       }
     },
     "node_modules/@saasquatch/shoelace": {
@@ -3197,6 +3198,16 @@
       "integrity": "sha512-7tFImggNeNBVMsn0vLrpn1H1uPrUBdnARPTpZoitY37ZrdJREzf7I16tMrlK3hen349gr1NYh8CmZQa7CTG6Aw==",
       "dev": true
     },
+    "node_modules/@types/yauzl": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
+      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
+      "dev": true,
+      "optional": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@wry/equality": {
       "version": "0.5.6",
       "resolved": "https://registry.npmjs.org/@wry/equality/-/equality-0.5.6.tgz",
@@ -3862,6 +3873,26 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
     "node_modules/big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
@@ -3870,6 +3901,31 @@
         "node": "*"
       }
     },
+    "node_modules/bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "dev": true,
+      "dependencies": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "node_modules/bl/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
@@ -3944,6 +4000,39 @@
         "node-int64": "^0.4.0"
       }
     },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/buffer-from": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
@@ -4126,6 +4215,12 @@
         "node": ">=10"
       }
     },
+    "node_modules/chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "dev": true
+    },
     "node_modules/ci-info": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
@@ -5081,6 +5176,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/devtools-protocol": {
+      "version": "0.0.818844",
+      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.818844.tgz",
+      "integrity": "sha512-AD1hi7iVJ8OD0aMLQU5VK0XH9LDlA1+BcPIgrAxPfaibx2DbWucuyOhc4oyQCbnvDDO68nN6/LcKfqTP343Jjg==",
+      "dev": true
+    },
     "node_modules/diff": {
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz",
@@ -5746,6 +5847,26 @@
         "url": "https://github.com/sponsors/jaydenseric"
       }
     },
+    "node_modules/extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      },
+      "bin": {
+        "extract-zip": "cli.js"
+      },
+      "engines": {
+        "node": ">= 10.17.0"
+      },
+      "optionalDependencies": {
+        "@types/yauzl": "^2.9.1"
+      }
+    },
     "node_modules/fast-equals": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-4.0.3.tgz",
@@ -5802,6 +5923,15 @@
         "bser": "2.1.1"
       }
     },
+    "node_modules/fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "dev": true,
+      "dependencies": {
+        "pend": "~1.2.0"
+      }
+    },
     "node_modules/figures": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz",
@@ -5930,6 +6060,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/fs-constants": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
+      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
+      "dev": true
+    },
     "node_modules/fs-extra": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
@@ -6413,6 +6549,26 @@
         "postcss": "^8.1.0"
       }
     },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
     "node_modules/ignore": {
       "version": "5.1.8",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
@@ -9722,6 +9878,12 @@
         "mkdirp": "bin/cmd.js"
       }
     },
+    "node_modules/mkdirp-classic": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
+      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
+      "dev": true
+    },
     "node_modules/moment": {
       "version": "2.29.1",
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
@@ -10579,6 +10741,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
+      "dev": true
+    },
     "node_modules/picklesdoc": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/picklesdoc/-/picklesdoc-1.2.1.tgz",
@@ -12310,6 +12478,15 @@
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
       "dev": true
     },
+    "node_modules/progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/promise.series": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/promise.series/-/promise.series-0.2.0.tgz",
@@ -12366,6 +12543,12 @@
         "pbts": "bin/pbts"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "dev": true
+    },
     "node_modules/psl": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
@@ -12391,6 +12574,53 @@
         "node": ">=6"
       }
     },
+    "node_modules/puppeteer": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-5.5.0.tgz",
+      "integrity": "sha512-OM8ZvTXAhfgFA7wBIIGlPQzvyEETzDjeRa4mZRCRHxYL+GNH5WAuYUQdja3rpWZvkX/JKqmuVgbsxDNsDFjMEg==",
+      "deprecated": "< 21.5.0 is no longer supported",
+      "dev": true,
+      "hasInstallScript": true,
+      "dependencies": {
+        "debug": "^4.1.0",
+        "devtools-protocol": "0.0.818844",
+        "extract-zip": "^2.0.0",
+        "https-proxy-agent": "^4.0.0",
+        "node-fetch": "^2.6.1",
+        "pkg-dir": "^4.2.0",
+        "progress": "^2.0.1",
+        "proxy-from-env": "^1.0.0",
+        "rimraf": "^3.0.2",
+        "tar-fs": "^2.0.0",
+        "unbzip2-stream": "^1.3.3",
+        "ws": "^7.2.3"
+      },
+      "engines": {
+        "node": ">=10.18.1"
+      }
+    },
+    "node_modules/puppeteer/node_modules/agent-base": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-5.1.1.tgz",
+      "integrity": "sha512-TMeqbNl2fMW0nMjTEPOwe3J/PRFP4vqeoNuQMG0HlMrtm5QxKqdvAkZ1pRBQ/ulIyDD5Yq0nJ7YbdD8ey0TO3g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/puppeteer/node_modules/https-proxy-agent": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-4.0.0.tgz",
+      "integrity": "sha512-zoDhWrkR3of1l9QAL8/scJZyLu8j/gBkcwcaQOZh7Gyh/+uJQzGVETdgT30akuwkpL8HTRfssqI3BZuV18teDg==",
+      "dev": true,
+      "dependencies": {
+        "agent-base": "5",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
     "node_modules/q": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
@@ -14096,6 +14326,48 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
+    "node_modules/tar-fs": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
+      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
+      "dev": true,
+      "dependencies": {
+        "chownr": "^1.1.1",
+        "mkdirp-classic": "^0.5.2",
+        "pump": "^3.0.0",
+        "tar-stream": "^2.1.4"
+      }
+    },
+    "node_modules/tar-stream": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "dev": true,
+      "dependencies": {
+        "bl": "^4.0.3",
+        "end-of-stream": "^1.4.1",
+        "fs-constants": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tar-stream/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/terminal-link": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
@@ -14156,6 +14428,12 @@
       "integrity": "sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==",
       "dev": true
     },
+    "node_modules/through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
+      "dev": true
+    },
     "node_modules/timsort": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz",
@@ -14376,6 +14654,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/unbzip2-stream": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz",
+      "integrity": "sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==",
+      "dev": true,
+      "dependencies": {
+        "buffer": "^5.2.1",
+        "through": "^2.3.8"
+      }
+    },
     "node_modules/unicode-canonical-property-names-ecmascript": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
@@ -15084,6 +15372,16 @@
         "node": ">=4"
       }
     },
+    "node_modules/yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "dev": true,
+      "dependencies": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    },
     "node_modules/yn": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/yn/-/yn-2.0.0.tgz",
@@ -17069,13 +17367,13 @@
       }
     },
     "@saasquatch/component-boilerplate": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.0.tgz",
-      "integrity": "sha512-QjTCHU8z/VtihVTHymfNBb6hzcQn/spoRTDt+pCVKPkpBhZ9KzN9dxMvNjFQbbpH5ZFKkvI73lrIilP/OKtrZg==",
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.2.tgz",
+      "integrity": "sha512-xujUagmij5VSLlthml5NjbMs/CfE+RFBIGfzLFxYuaEs1YC3mTwuS1K9jCrCXYza914NwpPHLvMTT2DNRJ2mQQ==",
       "requires": {
         "@formatjs/intl": "^1.8.2",
         "@saasquatch/component-environment": "^1.0.4",
-        "@saasquatch/dom-context-hooks": "^1.0.0",
+        "@saasquatch/dom-context-hooks": "^1.0.3",
         "@saasquatch/universal-hooks": "^1.0.0",
         "@wry/equality": "^0.5.2",
         "debounce": "^1.2.0",
@@ -17101,12 +17399,12 @@
       }
     },
     "@saasquatch/dom-context-hooks": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@saasquatch/dom-context-hooks/-/dom-context-hooks-1.0.0.tgz",
-      "integrity": "sha512-i39DNoEfBV/jA2xCjsbJQfOIEjZ4QbufcyfiVOH5LoHNlJxLxFVyD1HlR8NQGHVKWyd8VAvkiQTZdYD0R0poSA==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@saasquatch/dom-context-hooks/-/dom-context-hooks-1.0.3.tgz",
+      "integrity": "sha512-Gj8YaAZnRi73BbJuBnnI1qjex75cAOGMYxJvEYXS6Vyq+TTnEdskxjWUwifKALcxSEd8PRn6YaVA09WUTPYQrg==",
       "requires": {
         "@saasquatch/universal-hooks": "^1.0.0",
-        "dom-context": "^1.0.1"
+        "dom-context": "^1.2.0"
       }
     },
     "@saasquatch/shoelace": {
@@ -17432,6 +17730,16 @@
       "integrity": "sha512-7tFImggNeNBVMsn0vLrpn1H1uPrUBdnARPTpZoitY37ZrdJREzf7I16tMrlK3hen349gr1NYh8CmZQa7CTG6Aw==",
       "dev": true
     },
+    "@types/yauzl": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
+      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
     "@wry/equality": {
       "version": "0.5.6",
       "resolved": "https://registry.npmjs.org/@wry/equality/-/equality-0.5.6.tgz",
@@ -17942,11 +18250,41 @@
         }
       }
     },
+    "base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "dev": true
+    },
     "big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
       "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ=="
     },
+    "bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "dev": true,
+      "requires": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.2",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+          "dev": true,
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
     "boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
@@ -18005,6 +18343,22 @@
         "node-int64": "^0.4.0"
       }
     },
+    "buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "dev": true,
+      "requires": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "dev": true
+    },
     "buffer-from": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
@@ -18138,6 +18492,12 @@
       "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
       "dev": true
     },
+    "chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "dev": true
+    },
     "ci-info": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
@@ -18889,6 +19249,12 @@
       "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
       "dev": true
     },
+    "devtools-protocol": {
+      "version": "0.0.818844",
+      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.818844.tgz",
+      "integrity": "sha512-AD1hi7iVJ8OD0aMLQU5VK0XH9LDlA1+BcPIgrAxPfaibx2DbWucuyOhc4oyQCbnvDDO68nN6/LcKfqTP343Jjg==",
+      "dev": true
+    },
     "diff": {
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz",
@@ -19406,6 +19772,18 @@
       "resolved": "https://registry.npmjs.org/extract-files/-/extract-files-9.0.0.tgz",
       "integrity": "sha512-CvdFfHkC95B4bBBk36hcEmvdR2awOdhhVUYH6S/zrVj3477zven/fJMYg7121h4T1xHZC+tetUpubpAhxwI7hQ=="
     },
+    "extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "dev": true,
+      "requires": {
+        "@types/yauzl": "^2.9.1",
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      }
+    },
     "fast-equals": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-4.0.3.tgz",
@@ -19459,6 +19837,15 @@
         "bser": "2.1.1"
       }
     },
+    "fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "dev": true,
+      "requires": {
+        "pend": "~1.2.0"
+      }
+    },
     "figures": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz",
@@ -19552,6 +19939,12 @@
         "map-cache": "^0.2.2"
       }
     },
+    "fs-constants": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
+      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
+      "dev": true
+    },
     "fs-extra": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
@@ -19922,6 +20315,12 @@
       "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
       "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA=="
     },
+    "ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "dev": true
+    },
     "ignore": {
       "version": "5.1.8",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
@@ -22483,6 +22882,12 @@
         "minimist": "^1.2.5"
       }
     },
+    "mkdirp-classic": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
+      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
+      "dev": true
+    },
     "moment": {
       "version": "2.29.1",
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
@@ -23116,6 +23521,12 @@
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="
     },
+    "pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
+      "dev": true
+    },
     "picklesdoc": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/picklesdoc/-/picklesdoc-1.2.1.tgz",
@@ -24362,6 +24773,12 @@
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
       "dev": true
     },
+    "progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true
+    },
     "promise.series": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/promise.series/-/promise.series-0.2.0.tgz",
@@ -24406,6 +24823,12 @@
         "long": "^4.0.0"
       }
     },
+    "proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "dev": true
+    },
     "psl": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
@@ -24428,6 +24851,44 @@
       "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
       "dev": true
     },
+    "puppeteer": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-5.5.0.tgz",
+      "integrity": "sha512-OM8ZvTXAhfgFA7wBIIGlPQzvyEETzDjeRa4mZRCRHxYL+GNH5WAuYUQdja3rpWZvkX/JKqmuVgbsxDNsDFjMEg==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.0",
+        "devtools-protocol": "0.0.818844",
+        "extract-zip": "^2.0.0",
+        "https-proxy-agent": "^4.0.0",
+        "node-fetch": "^2.6.1",
+        "pkg-dir": "^4.2.0",
+        "progress": "^2.0.1",
+        "proxy-from-env": "^1.0.0",
+        "rimraf": "^3.0.2",
+        "tar-fs": "^2.0.0",
+        "unbzip2-stream": "^1.3.3",
+        "ws": "^7.2.3"
+      },
+      "dependencies": {
+        "agent-base": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-5.1.1.tgz",
+          "integrity": "sha512-TMeqbNl2fMW0nMjTEPOwe3J/PRFP4vqeoNuQMG0HlMrtm5QxKqdvAkZ1pRBQ/ulIyDD5Yq0nJ7YbdD8ey0TO3g==",
+          "dev": true
+        },
+        "https-proxy-agent": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-4.0.0.tgz",
+          "integrity": "sha512-zoDhWrkR3of1l9QAL8/scJZyLu8j/gBkcwcaQOZh7Gyh/+uJQzGVETdgT30akuwkpL8HTRfssqI3BZuV18teDg==",
+          "dev": true,
+          "requires": {
+            "agent-base": "5",
+            "debug": "4"
+          }
+        }
+      }
+    },
     "q": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
@@ -25797,6 +26258,44 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
+    "tar-fs": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
+      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
+      "dev": true,
+      "requires": {
+        "chownr": "^1.1.1",
+        "mkdirp-classic": "^0.5.2",
+        "pump": "^3.0.0",
+        "tar-stream": "^2.1.4"
+      }
+    },
+    "tar-stream": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "dev": true,
+      "requires": {
+        "bl": "^4.0.3",
+        "end-of-stream": "^1.4.1",
+        "fs-constants": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.2",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+          "dev": true,
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
     "terminal-link": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
@@ -25841,6 +26340,12 @@
       "integrity": "sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==",
       "dev": true
     },
+    "through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
+      "dev": true
+    },
     "timsort": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz",
@@ -26014,6 +26519,16 @@
         "which-boxed-primitive": "^1.0.2"
       }
     },
+    "unbzip2-stream": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz",
+      "integrity": "sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==",
+      "dev": true,
+      "requires": {
+        "buffer": "^5.2.1",
+        "through": "^2.3.8"
+      }
+    },
     "unicode-canonical-property-names-ecmascript": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
@@ -26616,6 +27131,16 @@
         }
       }
     },
+    "yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "dev": true,
+      "requires": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    },
     "yn": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/yn/-/yn-2.0.0.tgz",
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 39782dd8fe..e7fe8d6fb7 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -61,6 +61,7 @@
     "marked": "^3.0.4",
     "patch-package": "^6.5.1",
     "picklesdoc": "^1.2.1",
+    "puppeteer": "^5.5.0",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-css-only": "^3.1.0",
     "rollup-plugin-string": "^3.0.0",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
index aa0c17d28a..5ce56805e2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
@@ -62,6 +62,12 @@ export const mockPaymentOptions: {
       paymentMethod: 5,
       withdrawalId: 21,
     },
+    {
+      country: "AR",
+      currency: "AUD",
+      paymentMethod: 5,
+      withdrawalId: 21,
+    },
     {
       country: "AU",
       currency: "AUD",
@@ -118,6 +124,12 @@ export const mockPaymentOptions: {
       paymentMethod: 5,
       withdrawalId: 21,
     },
+    {
+      country: "AR",
+      currency: "EUR",
+      paymentMethod: 5,
+      withdrawalId: 21,
+    },
     {
       country: "NE",
       currency: "EUR",
@@ -168,6 +180,12 @@ export const mockPaymentOptions: {
       paymentMethod: 5,
       withdrawalId: 21,
     },
+    {
+      country: "AR",
+      currency: "GBP",
+      paymentMethod: 5,
+      withdrawalId: 21,
+    },
     {
       country: "GB",
       currency: "GBP",
@@ -218,6 +236,12 @@ export const mockPaymentOptions: {
       paymentMethod: 5,
       withdrawalId: 21,
     },
+    {
+      country: "AR",
+      currency: "USD",
+      paymentMethod: 5,
+      withdrawalId: 21,
+    },
     {
       country: "US",
       currency: "USD",
@@ -284,4 +308,12 @@ export const mockPaymentOptions: {
       withdrawalId: 1717,
     },
   ],
+  ARS: [
+    {
+      country: "AR",
+      currency: "ARS",
+      paymentMethod: 5,
+      withdrawalId: 149,
+    },
+  ],
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 616f20c354..192b1abf7e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -685,6 +685,7 @@ export class BankingInfoForm {
             <sl-menu-item value="MYR">MYR</sl-menu-item>
             <sl-menu-item value="MXN">MXN</sl-menu-item>
             <sl-menu-item value="RUB">RUB</sl-menu-item>
+            <sl-menu-item value="ARS">ARS</sl-menu-item>
           </sl-select>
         )}
         <BankingInfoFormView
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 9e63099bf8..ec2d3e72d3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -2,7 +2,7 @@ import { useLocale } from "@saasquatch/component-boilerplate";
 import { useRef, useState } from "@saasquatch/universal-hooks";
 import JSONPointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent } from "../../../utils/useParentState";
+import { useParent, useSetParent } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
@@ -12,6 +12,7 @@ import { mockPaymentOptions } from "./mockData";
 import { BankingInfoForm } from "./sqm-banking-info-form";
 import { BankingInfoFormViewProps } from "./sqm-banking-info-form-view";
 
+// Hardcoded in Impact backend
 export const paypalFeeMap = {
   USD: "USD20.00",
   GBP: "GBP30.00",
@@ -81,7 +82,7 @@ export function useBankingInfoForm(
   props: BankingInfoForm
 ): BankingInfoFormViewProps {
   const locale = useLocale();
-  const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
+  const setStep = useSetParent<string>(TAX_CONTEXT_NAMESPACE);
 
   const { data: userData, refetch } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
@@ -90,12 +91,11 @@ export function useBankingInfoForm(
   const [currency, setCurrency] = useState("CAD");
   /** */
 
-  const [bankCountry, setBankCountry] = useState("");
-
   const formRef = useRef<HTMLFormElement>(null);
+
+  const [bankCountry, setBankCountry] = useState("");
   const [loading, setLoading] = useState(false);
   const [errors, setErrors] = useState({});
-
   const [_paymentMethodChecked, setPaymentMethodChecked] = useState<
     "toBankAccount" | "toPayPalAccount" | undefined
   >(undefined);
@@ -166,10 +166,12 @@ export function useBankingInfoForm(
   const paymentOptions = mockPaymentOptions[currency];
   paymentOptions;
 
+  // filter out any duplicate countries
   const availableCountries = new Set(
     paymentOptions.map((option) => option.country)
   );
 
+  // build list of country codes and names
   const countries = Array.from(availableCountries)?.map((country) => {
     // @ts-ignore DisplayNames not in Intl type
     const name = new Intl.DisplayNames([intlLocale], {
@@ -213,7 +215,6 @@ export function useBankingInfoForm(
       paymentMethodFeeLabel,
       disabled: loading,
       loading,
-      hideSteps: false,
       hideBanking: paymentMethodChecked !== "toBankAccount",
       hidePayPal: paymentMethodChecked !== "toPayPalAccount",
       formState: {
@@ -224,9 +225,10 @@ export function useBankingInfoForm(
       bitset: currentPaymentOption?.withdrawalId || 0,
       bankCountry,
       currency: userData?.user?.impactConnection?.publisher?.currency,
-      showInputs: true,
       countries,
       hasPayPal,
+      showInputs: true,
+      hideSteps: false,
     },
     refs: {
       formRef,

From 1f3937f6ba1431cdfdc6ac2c5c02664d53f19954 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 23 Feb 2024 13:22:22 -0800
Subject: [PATCH 318/753] fix objectIsFull

---
 .../mint-components/src/components/tax-and-cash/utils.ts    | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/utils.ts b/packages/mint-components/src/components/tax-and-cash/utils.ts
index 2b75cedb95..3e3deef658 100644
--- a/packages/mint-components/src/components/tax-and-cash/utils.ts
+++ b/packages/mint-components/src/components/tax-and-cash/utils.ts
@@ -1,7 +1,3 @@
 export const objectIsFull = (obj: Record<string, unknown>) => {
-  const hasUndefined = Object.keys(obj).reduce((prev, k) => {
-    return obj[k] == undefined;
-  }, false);
-
-  return !hasUndefined;
+  return !Object.keys(obj).find((k) => obj[k] == undefined);
 };

From d802eaa73fa0fa88e2c35280d10cb162c3ccbfa9 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 23 Feb 2024 13:56:41 -0800
Subject: [PATCH 319/753] updated tax form specs

---
 .../src/components/sqm-stencilbook/readme.md  |  5 +-
 .../sqm-banking-info-form/readme.md           |  3 +-
 .../sqm-document-type-form/readme.md          | 13 ----
 .../sqm-docusign-form.feature                 |  7 +-
 .../sqm-indirect-tax-form.feature             | 74 +++++++++++--------
 .../sqm-payout-details-card/readme.md         | 32 ++++++++
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  7 +-
 .../sqm-tax-document-submitted/readme.md      | 65 +++++++++-------
 .../sqm-tax-document-submitted.feature        |  4 +-
 .../tax-and-cash/sqm-tax-form.feature         |  4 +-
 .../tax-and-cash/sqm-user-info-form/readme.md | 54 +++++++-------
 .../sqm-user-info-form.feature                | 36 ++++-----
 .../src/components/tax-and-cash/utils.ts      |  1 +
 13 files changed, 179 insertions(+), 126 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md

diff --git a/packages/mint-components/src/components/sqm-stencilbook/readme.md b/packages/mint-components/src/components/sqm-stencilbook/readme.md
index f1c2a52a5e..f673852435 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/readme.md
+++ b/packages/mint-components/src/components/sqm-stencilbook/readme.md
@@ -78,9 +78,9 @@
 - [sqm-user-info-form](../tax-and-cash/sqm-user-info-form)
 - [sqm-indirect-tax-form](../tax-and-cash/sqm-indirect-tax-form)
 - [sqm-docusign-form](../tax-and-cash/sqm-docusign-form)
-- [sqm-document-type-form](../tax-and-cash/sqm-document-type-form)
 - [sqm-banking-info-form](../tax-and-cash/sqm-banking-info-form)
 - [sqm-tax-document-submitted](../tax-and-cash/sqm-tax-document-submitted)
+- [sqm-payout-details-card](../tax-and-cash/sqm-payout-details-card)
 
 ### Graph
 ```mermaid
@@ -154,9 +154,9 @@ graph TD;
   sqm-stencilbook --> sqm-user-info-form
   sqm-stencilbook --> sqm-indirect-tax-form
   sqm-stencilbook --> sqm-docusign-form
-  sqm-stencilbook --> sqm-document-type-form
   sqm-stencilbook --> sqm-banking-info-form
   sqm-stencilbook --> sqm-tax-document-submitted
+  sqm-stencilbook --> sqm-payout-details-card
   sqm-empty --> sqm-portal-container
   sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
@@ -184,6 +184,7 @@ graph TD;
   sqm-referral-table-date-column --> sqm-referral-table-date-cell
   sqm-referral-table-rewards-column --> sqm-referral-table-rewards-cell
   sqm-coupon-code --> sqm-form-message
+  sqm-tax-document-submitted --> sqm-payout-details-card
   style sqm-stencilbook fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 0652a850bb..9a974fe9fd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -48,7 +48,8 @@
 | `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                  | `"SWIFT Code"`                                                                                                                                                              |
 | `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                  | `"Tax and Payouts"`                                                                                                                                                         |
 | `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                  | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
-| `toPaypalAccount`                     | `to-paypal-account`                         | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                  | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                           |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                  | `"Taxpayer ID"`                                                                                                                                                             |
+| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                  | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                           |
 | `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                  | `"VO Code"`                                                                                                                                                                 |
 
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
index ac38862b57..0fecc304a0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
@@ -25,19 +25,6 @@
 | `w9Label`                 | `w-9-label`                 | Label text for the W9 radio button                                                    | `string`                                                                                                                                                 | `"W9"`                                                                                                                                        |
 
 
-## Dependencies
-
-### Used by
-
- - [sqm-stencilbook](../../sqm-stencilbook)
-
-### Graph
-```mermaid
-graph TD;
-  sqm-stencilbook --> sqm-document-type-form
-  style sqm-document-type-form fill:#f9f,stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index 93e10b0071..26e09cda09 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -31,7 +31,7 @@ Feature: Docusign Form
     Examples: 
       | participantType       | autoSelectedTaxForm |
       | individualParticipant | W8-BEN              |
-      | businessEntity        | W8-BEN-E            |
+      | company               | W8-BEN-E            |
 
   @minutia @ui
   Scenario Outline: Text copies change based on tax form participant fills out
@@ -56,9 +56,10 @@ Feature: Docusign Form
   @minutia @ui
   Scenario: Docusign iframe is loading
     When the Docusign iframe is loading the Tax Form
-    Then the iframe displays a spinnder inside the igrame
+    Then the iframe is hidden
+    And a loading spinner appears
     When the Docusign iframe loads in the Tax Form
-    Then the loader dissapers and the participant can see the Tax Form
+    Then the loading spinner disappears and the participant can see the Tax Form
 
   @minutia @ui
   Scenario: Participant's Docusign session expires
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 52dcabbf05..5f3f07afca 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -4,6 +4,22 @@ Feature: Indirect Tax Form
   Background: A user has submitted their personal information in Tax Form Step One
     Given a user is on the Indirect Tax Form
 
+  @minutia
+  Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
+    When <option> is selected based on the participant <country> from step 1
+    Then different <inputs> appear
+
+    Examples: 
+      | country | option                                               | inputs                                                 |
+      | CA      | I am registered for Indirect Tax in a Country/Region | Country, Province, HST/GST Number, ?QST Number(Quebec) |
+      | ES      | I am registered for Indirect Tax in a Country/Region | Country, Sub Region, VAT Number, ?Income Tax Number    |
+      | UK      | I am registered for Indirect Tax in a Country/Region | Country, VAT Number                                    |
+      | IR      | I am registered for Indirect Tax in a Country/Region | Country, GST Number                                    |
+      | AU      | I am registered for Indirect Tax in a Country/Region | Country, GST Number                                    |
+      | JP      | I am registered for Indirect Tax in a Country/Region | Country, CT Number                                     |
+      | US      | I am not registered for Indirect tax                 | N/A                                                    |
+      | EG      | I am not registered for Indirect tax                 | N/A                                                    |
+
   @minutia @ui
   Scenario Outline: Participant selects Canada in step 1
     Given they select "Canada" as their country in step 1
@@ -11,7 +27,7 @@ Feature: Indirect Tax Form
     And the Country select is auto-selected with "Canada" from step 1
     And a Province select appears with the available <provinces>
     And based on the selected <province>
-    Then <typeTaxInputs> will appear
+    Then <typeTaxInput> will appear
 
     Examples: 
       | province              | typeTaxInput      |
@@ -103,11 +119,9 @@ Feature: Indirect Tax Form
   @minutia
   Scenario: Participant selects Spain as their country
     Given the participant selects Spain as their country in step 1
-    Then a VAT Number input appears
-    And a "Sub Region" select appears with available <subRegions>
-    And a "I am registered for Income Tax" checkbox will appear
-    And if the participant checks <isRegisteredIncomeTax>
-    Then a "Income Tax Number" input will appear
+    Then a VAT Number input, <subRegion> select, and <isRegisteredForIncomeTax> checkbox appear
+    And if the participant <isRegisteredForIncomeTax
+    Then an Income Tax input appears
 
     Examples: 
       | subRegions | isRegisteredIncomeTax |
@@ -118,22 +132,10 @@ Feature: Indirect Tax Form
   @minutia
   Scenario: Participant selects other country that is ineligible for indirect tax
     Given they select a country ineligible for indirect tax in step 1
-    Then "I am not regisitered for Indirect Tax" is auto-selected
-    And no inputs will appear
-
-  @unknown @minutia
-  Scenario Outline: Participant from another country can change the auto selected country
-    When the Country <countryAutoSelectValue> is selected with their <country> from step 1
-    And they change the Country to <newCountrySelectValue>
-    Then the Country <countryAutoSelectValue> changes to the <newCountrySelectValue>
+    Then "I am not registered for Indirect Tax" is auto-selected
+    And no inputs appear
 
-    Examples: 
-      | country | countryAutoSelectValue | newCountrySelectValue |
-      | US      | United States          | Australia             |
-      | UK      | United Kingdom         | Egypt                 |
-  # AL: Rough spec of what happen when the participant actually submits
-
-  @TODO @minutia
+  @minutia
   Scenario: Participant is registered for indirect tax fills out and submits form
     Given they are registered for indirect tax
     And they fill out the form
@@ -150,15 +152,29 @@ Feature: Indirect Tax Form
       | QST Number            | <qstNumber>          |
       | Sub-Region Tax Number | <subRegionTaxNumber> |
     Then the form displays the respective errors for each field:
-      | <country>           | Country is required                                                                                |
-      | <province>          | Province is required                                                                               |
-      | <subRegion          | Sub-region is required                                                                             |
-      | <indirectTaxNumber> | "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number}} is required" |
-      | <qstNumber>         | "QST Number is required"                                                                           |
-      | <subRegionTaxNumber | "Income tax number is required                                                                     |
+      | <country>           | Country is required                 |
+      | <province>          | Province is required                |
+      | <subRegion          | Sub-region is required              |
+      | <indirectTaxNumber> | "VAT/HST/GST/CT Number is required" |
+      | <qstNumber>         | "QST Number is required"            |
+      | <subRegionTaxNumber | "Income Tax Number is required      |
 
   @minutia
-  Scenario: Participant decides to go back to step 1
+  Scenario: Participant goes back to step 1
     When they press the Back button
     Then the they are sent back to step 1
-    And they arrive at the step 1 form filled with the information initially submitted
+    And they arrive at the step 1 form with their details persisted
+    When they press "Continue" on step 1
+    Then they arrive on step 2
+    And the information they filled on step 2 is persisted
+
+  @unknown @minutia
+  Scenario Outline: Participant from another country can change the auto selected country
+    When the Country <countryAutoSelectValue> is selected with their <country> from step 1
+    And they change the Country to <newCountrySelectValue>
+    Then the Country <countryAutoSelectValue> changes to the <newCountrySelectValue>
+
+    Examples: 
+      | country | countryAutoSelectValue | newCountrySelectValue |
+      | US      | United States          | Australia             |
+      | UK      | United Kingdom         | Egypt                 |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
new file mode 100644
index 0000000000..c2a9748d01
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
@@ -0,0 +1,32 @@
+# sqm-payout-details-card
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property   | Attribute | Description | Type                                      | Default     |
+| ---------- | --------- | ----------- | ----------------------------------------- | ----------- |
+| `demoData` | --        |             | `{ [x: string]: any; [x: number]: any; }` | `undefined` |
+
+
+## Dependencies
+
+### Used by
+
+ - [sqm-stencilbook](../../sqm-stencilbook)
+ - [sqm-tax-document-submitted](../sqm-tax-document-submitted)
+
+### Graph
+```mermaid
+graph TD;
+  sqm-stencilbook --> sqm-payout-details-card
+  sqm-tax-document-submitted --> sqm-payout-details-card
+  style sqm-payout-details-card fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 9b766d48e2..b622228ea3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -99,20 +99,24 @@
 | `step4_badgeTextSubmittedOn`                    | `step-4_badge-text-submitted-on`                     | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                            |
 | `step4_badgeTextSubmittedOnW8`                  | `step-4_badge-text-submitted-on-w-8`                 | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                   |
 | `step4_bankingInformationSectionHeader`         | `step-4_banking-information-section-header`          | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                     |
+| `step4_editPaymentInformationButton`            | `step-4_edit-payment-information-button`             | Text displayed in the edit Payment Information button                                                      | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                 |
 | `step4_generalErrorDescription`                 | `step-4_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `step4_generalErrorTitle`                       | `step-4_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
 | `step4_indirectTaxDetails`                      | `step-4_indirect-tax-details`                        | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                           |
-| `step4_indirectTaxInfoCanada`                   | `step-4_indirect-tax-info-canada`                    | Country/Region description text of indirect tax                                                            | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                     |
+| `step4_indirectTaxInfoCanada`                   | `step-4_indirect-tax-info-canada`                    | Country/Province description text of indirect tax                                                          | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                     |
 | `step4_indirectTaxInfoOtherCountry`             | `step-4_indirect-tax-info-other-country`             | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                 |
 | `step4_indirectTaxInfoSectionHeader`            | `step-4_indirect-tax-info-section-header`            | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
+| `step4_indirectTaxInfoSpain`                    | `step-4_indirect-tax-info-spain`                     | Spain/Region description text of indirect tax                                                              | `string`                                                                                                             | `"Registered in {country}, {subRegion}"`                                                                                                                                    |
 | `step4_indirectTaxTooltipSupport`               | `step-4_indirect-tax-tooltip-support`                | Indirect tax tooltip text for support                                                                      | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                               |
 | `step4_invalidForm`                             | `step-4_invalid-form`                                | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Ensure your information matches your profile and resubmit a new document."`                                                                                               |
 | `step4_newFormButton`                           | `step-4_new-form-button`                             | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                         |
 | `step4_noFormNeededSubtext`                     | `step-4_no-form-needed-subtext`                      | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                           |
 | `step4_notRegisteredForTax`                     | `step-4_not-registered-for-tax`                      | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                |
+| `step4_qstNumber`                               | `step-4_qst-number`                                  | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST Number: {qstNumber}"`                                                                                                                                                 |
 | `step4_statusTextActive`                        | `step-4_status-text-active`                          | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                  |
 | `step4_statusTextNotActive`                     | `step-4_status-text-not-active`                      | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                        |
 | `step4_statusTextNotVerified`                   | `step-4_status-text-not-verified`                    | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                            |
+| `step4_subRegionTaxNumber`                      | `step-4_sub-region-tax-number`                       | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income Tax Number: {incomeTaxNumber}"`                                                                                                                                    |
 | `step4_taxAlertHeaderNotActiveW8`               | `step-4_tax-alert-header-not-active-w-8`             | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                      |
 | `step4_taxAlertHeaderNotActiveW9`               | `step-4_tax-alert-header-not-active-w-9`             | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                               |
 | `step4_taxAlertNotActiveMessageW8`              | `step-4_tax-alert-not-active-message-w-8`            | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                                            |
@@ -140,6 +144,7 @@ graph TD;
   sqm-tax-and-cash --> sqm-docusign-form
   sqm-tax-and-cash --> sqm-banking-info-form
   sqm-tax-and-cash --> sqm-tax-document-submitted
+  sqm-tax-document-submitted --> sqm-payout-details-card
   style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
index 368393b2c0..d79934f0fa 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
@@ -7,34 +7,38 @@
 
 ## Properties
 
-| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                             | Default                                                                                                                                                      |
-| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                           |
-| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Submitted on {dateSubmitted}."`                                                                                                                            |
-| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
-| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Payout information"`                                                                                                                                       |
-| `demoData`                        | --                                   |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxType?: string; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; }` | `undefined`                                                                                                                                                  |
-| `editIndirectTaxButton`           | `edit-indirect-tax-button`           | Text displayed in the edit Indirect Tax button                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Edit Indirect Tax"`                                                                                                                                        |
-| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Please review your information and try again. If this problem continues, contact Support."`                                                                |
-| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"There was a problem submitting your information"`                                                                                                          |
-| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                            |
-| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Region description text of indirect tax                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Registered in {province}, {country}"`                                                                                                                      |
-| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Registered in {country}"`                                                                                                                                  |
-| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Indirect Tax"`                                                                                                                                             |
-| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
-| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Ensure your information matches your profile and resubmit a new document."`                                                                                |
-| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Submit New Form"`                                                                                                                                          |
-| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
-| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
-| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Active"`                                                                                                                                                   |
-| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Invalid Tax Form"`                                                                                                                                         |
-| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Not Verified"`                                                                                                                                             |
-| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"{documentType} tax form is invalid"`                                                                                                                       |
-| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
-| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                             |
-| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Please resubmit a new {documentType} form."`                                                                                                               |
-| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"Tax documents"`                                                                                                                                            |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                         | `"{documentType} Tax Form"`                                                                                                                                  |
+| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | Default                                                                                                                                                      |
+| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                           |
+| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Submitted on {dateSubmitted}."`                                                                                                                            |
+| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
+| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Payout information"`                                                                                                                                       |
+| `demoData`                        | --                                   |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: number; subRegionTaxNumber?: number; subRegion?: string; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
+| `editIndirectTaxButton`           | `edit-indirect-tax-button`           | Text displayed in the edit Indirect Tax button                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Edit Indirect Tax"`                                                                                                                                        |
+| `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Edit Payout Information"`                                                                                                                                  |
+| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Please review your information and try again. If this problem continues, contact Support."`                                                                |
+| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"There was a problem submitting your information"`                                                                                                          |
+| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                            |
+| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Registered in {province}, {country}"`                                                                                                                      |
+| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Registered in {country}"`                                                                                                                                  |
+| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Indirect Tax"`                                                                                                                                             |
+| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Registered in {country}, {subRegion}"`                                                                                                                     |
+| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
+| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Ensure your information matches your profile and resubmit a new document."`                                                                                |
+| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Submit New Form"`                                                                                                                                          |
+| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
+| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
+| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"QST Number: {qstNumber}"`                                                                                                                                  |
+| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Active"`                                                                                                                                                   |
+| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Invalid Tax Form"`                                                                                                                                         |
+| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Not Verified"`                                                                                                                                             |
+| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Income Tax Number: {subRegionTaxNumber}"`                                                                                                                  |
+| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"{documentType} tax form is invalid"`                                                                                                                       |
+| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
+| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                             |
+| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Please resubmit a new {documentType} form."`                                                                                                               |
+| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Tax documents"`                                                                                                                                            |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"{documentType} Tax Form"`                                                                                                                                  |
 
 
 ## Dependencies
@@ -44,9 +48,14 @@
  - [sqm-stencilbook](../../sqm-stencilbook)
  - [sqm-tax-and-cash](../sqm-tax-and-cash)
 
+### Depends on
+
+- [sqm-payout-details-card](../sqm-payout-details-card)
+
 ### Graph
 ```mermaid
 graph TD;
+  sqm-tax-document-submitted --> sqm-payout-details-card
   sqm-stencilbook --> sqm-tax-document-submitted
   sqm-tax-and-cash --> sqm-tax-document-submitted
   style sqm-tax-document-submitted fill:#f9f,stroke:#333,stroke-width:4px
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
index 7591684525..816e4a688a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
@@ -18,8 +18,8 @@ Feature: Tax Document Submitted View
     Then they see a skeleton loaders until the end users Tax Document/Banking information data is available
 
   @minutia @ui
-  Scenario Outline: The Tax Form header is displayed to the end users
-    Given the user has submitted a W9/W8-BEN/W8-BEN-E Tax form
+  Scenario Outline: The Tax Form header is displayed to the participant
+    Given they submitted a W9/W8-BEN/W8-BEN-E Tax form
     Then the Tax Form header displays "<documentType> Tax Form"
 
     Examples: 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 62f823323a..8992844082 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -109,9 +109,9 @@ Feature: Tax Form Flow
     Examples: 
       | brandCountry | country | participantType       | autoSelectedForm |
       | US           | CA      | individualParticipant | W8-BEN           |
-      | US           | CA      | businessEntity        | W8-BEN-E         |
+      | US           | CA      | company               | W8-BEN-E         |
       | US           | MX      | individualParticipant | W8-BEN           |
-      | US           | MX      | businessEntity        | W8-BEN-E         |
+      | US           | MX      | company               | W8-BEN-E         |
 
   @minutia
   Scenario Outline: Participants based in the US working with non-US brands have to fillout the W9 docusign form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index 49a2ef6df0..431075d754 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,33 +7,33 @@
 
 ## Properties
 
-| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default                                                                                                                                                                     |
-| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I agree to the terms"`                                                                                                                                                    |
-| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"This field is required"`                                                                                                                                                  |
-| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I represent a business entity"`                                                                                                                                           |
-| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Country"`                                                                                                                                                                 |
-| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a country"`                                                                                                                                                        |
-| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Currency"`                                                                                                                                                                |
-| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a currency"`                                                                                                                                                       |
-| `demoData`                    | --                               |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: TaxCountry[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
-| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Email"`                                                                                                                                                                   |
-| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a valid email"`                                                                                                                                                     |
-| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"First name"`                                                                                                                                                              |
-| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a first name"`                                                                                                                                                      |
-| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Step 1 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"There was a problem submitting your information"`                                                                                                                         |
-| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I am an individual participant"`                                                                                                                                          |
-| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"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."` |
-| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Last name"`                                                                                                                                                               |
-| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a last name"`                                                                                                                                                       |
-| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Participant type"`                                                                                                                                                        |
-| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a participant type"`                                                                                                                                               |
-| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Personal Information"`                                                                                                                                                    |
-| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                                                                                                |
-| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                                                                                                |
+| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default                                                                                                                                                                     |
+| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I agree to the terms"`                                                                                                                                                    |
+| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"This field is required"`                                                                                                                                                  |
+| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I represent a business entity"`                                                                                                                                           |
+| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Country"`                                                                                                                                                                 |
+| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Select a country"`                                                                                                                                                        |
+| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Currency"`                                                                                                                                                                |
+| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Select a currency"`                                                                                                                                                       |
+| `demoData`                    | --                               |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: TaxCountry[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
+| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Email"`                                                                                                                                                                   |
+| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Enter a valid email"`                                                                                                                                                     |
+| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"First name"`                                                                                                                                                              |
+| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Enter a first name"`                                                                                                                                                      |
+| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Step 1 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                                                                         |
+| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I am an individual participant"`                                                                                                                                          |
+| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"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."` |
+| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Last name"`                                                                                                                                                               |
+| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Enter a last name"`                                                                                                                                                       |
+| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participant type"`                                                                                                                                                        |
+| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Select a participant type"`                                                                                                                                               |
+| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Personal Information"`                                                                                                                                                    |
+| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Continue"`                                                                                                                                                                |
+| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Continue"`                                                                                                                                                                |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
index 503c232c0c..b57741c6c4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
@@ -110,6 +110,20 @@ Feature: Tax Form Step One
       | TRY        |
       | RUB        |
 
+  @minutia
+  Scenario: Country select is searchable
+    When they press the Country select
+    Then there is a searchbar
+    And as they type
+    Then the available countries get filtered out based on their search
+
+  @minutia
+  Scenario: Currency select is searchable
+    When they press the Currency select
+    Then there is a searchbar
+    And as they type a currency abbreviation
+    Then the available currencies get filtered out based on their search
+
   @minutia
   Scenario: Non-partner participant comes back to step 1 form after filling out and submitting
     Given they are not a partner
@@ -128,20 +142,6 @@ Feature: Tax Form Step One
     And arrive back on step 1
     Then the step 1 fields are disabled
 
-  @minutia
-  Scenario: Country select is searchable
-    When they press the Country select
-    Then there is a searchbar
-    And as they type
-    Then the available countries get filtered out based on their search
-
-  @minutia
-  Scenario: Currency select is searchable
-    When they press the Currency select
-    Then there is a searchbar
-    And as they type a currency abbreviation
-    Then the available currencies get filtered out based on their search
-
   @minutia @ui
   Scenario Outline: A user fills out Tax Form Step One with invalid values
     When they fill out the form with invalid values for the following fields:
@@ -158,7 +158,7 @@ Feature: Tax Form Step One
       | <allowBankingCollection> | This field is required |
 
   @minutia @ui
-  Scenario: The loading state is shown when the form is submitted
-    Given the form is submitted
-    Then the form fields are disabled
-    Then a loading spinner appears in the Submit button
+  Scenario: User Info Form is loading
+    When the form is loading
+    Then the form is not visible
+    And a loading spinner appears
diff --git a/packages/mint-components/src/components/tax-and-cash/utils.ts b/packages/mint-components/src/components/tax-and-cash/utils.ts
index 2b75cedb95..07eed3a9cb 100644
--- a/packages/mint-components/src/components/tax-and-cash/utils.ts
+++ b/packages/mint-components/src/components/tax-and-cash/utils.ts
@@ -1,4 +1,5 @@
 export const objectIsFull = (obj: Record<string, unknown>) => {
+  // @ts-ignore
   const hasUndefined = Object.keys(obj).reduce((prev, k) => {
     return obj[k] == undefined;
   }, false);

From 6eca288ef70eb2160f1b91f83d026b40937de3d9 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 23 Feb 2024 14:35:55 -0800
Subject: [PATCH 320/753] Fix broken tax stories

---
 .../tax-and-cash/TaxForm.stories.tsx          | 25 ++++++++++++++++---
 .../sqm-indirect-tax-form.tsx                 | 15 +++++++++--
 2 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 601b4354f9..d0f972ec65 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -97,8 +97,20 @@ const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
     esRegions: INDIRECT_TAX_SPAIN_REGIONS,
     countries: [
       {
-        displayName: "United States",
+        countryCode: "CA",
+        displayName: "Canada",
+      },
+      {
+        countryCode: "ES",
+        displayName: "Spain",
+      },
+      {
+        countryCode: "UK",
+        displayName: "United Kingdom",
+      },
+      {
         countryCode: "US",
+        displayName: "United States",
       },
     ],
     provinces: INDIRECT_TAX_PROVINCES,
@@ -334,6 +346,7 @@ export const StepTwoOtherRegionChecked = () => {
         slotProps: {
           formState: {
             selectedRegion: "UK",
+            indirectTaxNumber: 123456,
             errors: {},
           },
         },
@@ -356,7 +369,8 @@ export const StepTwoOtherRegionCheckedCanada = () => {
         slotProps: {
           formState: {
             selectedRegion: "CA",
-            province: "BC",
+            province: "BRITISHCOLUMBIA",
+            indirectTaxNumber: 123456,
             errors: {},
           },
         },
@@ -380,6 +394,7 @@ export const StepTwoOtherRegionCheckedCanadaGST = () => {
           formState: {
             selectedRegion: "CA",
             province: "QUEBEC",
+            indirectTaxNumber: 123456,
             errors: {},
           },
         },
@@ -403,6 +418,7 @@ export const StepTwoOtherRegionCheckedCanadaGSTAndQST = () => {
           formState: {
             selectedRegion: "CA",
             province: "QUEBEC",
+            qstNumber: "654321",
             hasQst: true,
             errors: {},
           },
@@ -426,6 +442,7 @@ export const StepTwoOtherRegionCheckedOtherCountrySubRegion = () => {
         slotProps: {
           formState: {
             selectedRegion: "ES",
+            subRegion: "CANARYISLANDS",
             errors: {},
           },
         },
@@ -448,7 +465,9 @@ export const StepTwoOtherRegionCheckedOtherCountrySubRegionIncomeTax = () => {
         slotProps: {
           formState: {
             selectedRegion: "ES",
+            subRegion: "CANARYISLANDS",
             hasSubRegionTaxNumber: true,
+            subRegionTaxNumber: "654321",
             errors: {},
           },
         },
@@ -483,7 +502,7 @@ export const StepTwoOtherRegionCheckedWithInputErrors = () => {
   );
 };
 
-export const StepTwoOtherRegionCheckedCanadaWithError = () => {
+export const StepTwoOtherRegionCheckedCanadaWithProvinceError = () => {
   return (
     <sqm-indirect-tax-form
       demoData={{
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 348a8aec41..31fe6e1ff1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -316,9 +316,20 @@ function useDemoIndirectTaxForm(
         esRegions: INDIRECT_TAX_SPAIN_REGIONS,
         countries: [
           {
-            displayName: "United States",
+            countryCode: "CA",
+            displayName: "Canada",
+          },
+          {
+            countryCode: "ES",
+            displayName: "Spain",
+          },
+          {
+            countryCode: "UK",
+            displayName: "United Kingdom",
+          },
+          {
             countryCode: "US",
-            impactCountryCode: "US",
+            displayName: "United States",
           },
         ],
         provinces: INDIRECT_TAX_PROVINCES,

From ec1bbcdcddd327838fe246f7a6ad146637df6d59 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 23 Feb 2024 14:49:39 -0800
Subject: [PATCH 321/753] clean up mock data type

---
 .../tax-and-cash/sqm-banking-info-form/mockData.ts        | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
index 5ce56805e2..364bd00281 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
@@ -1,8 +1,7 @@
 // 3 = ACH
 // 5 = WIRE
 // 7 = PAYPAL
-
-export const mockPaymentOptions: {
+type PaymentOptions = {
   [key: string]: {
     country: string;
     currency: string;
@@ -10,7 +9,9 @@ export const mockPaymentOptions: {
     withdrawalId: number;
     defaultFxFee?: number;
   }[];
-} = {
+};
+
+export const mockPaymentOptions: PaymentOptions = {
   CAD: [
     {
       country: "CA",
@@ -255,7 +256,6 @@ export const mockPaymentOptions: {
       currency: "JPY",
       paymentMethod: 5,
       withdrawalId: 8279,
-      defaultFxFee: 0,
     },
     {
       country: "JP",

From 73fdabf41da4f2c41f7bb37458915d00a6c674ed Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 23 Feb 2024 15:09:52 -0800
Subject: [PATCH 322/753] move form map out of controller

---
 .../sqm-banking-info-form.tsx                 | 340 +----------------
 .../useBankingInfoForm.tsx                    | 356 +++++++++++++++++-
 2 files changed, 348 insertions(+), 348 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 192b1abf7e..e141027f18 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -9,6 +9,7 @@ import { mockPaymentOptions } from "./mockData";
 import { BankingInfoFormView } from "./sqm-banking-info-form-view";
 import {
   getFormInputs,
+  getFormMap,
   paypalFeeMap,
   useBankingInfoForm,
 } from "./useBankingInfoForm";
@@ -307,6 +308,7 @@ export class BankingInfoForm {
 
     console.log({ props });
 
+    // TODO: may need to make these translatable
     const routingCodeLabels = {
       AU: "BSB Number",
       CA: "Routing Number",
@@ -320,343 +322,7 @@ export class BankingInfoForm {
       CNY: "CNAPS",
     };
 
-    const formMap = {
-      0: {
-        input: (
-          <sl-input
-            required
-            label={props.text.beneficiaryAccountNameLabel}
-            name="/beneficiaryAccountName"
-            id="beneficiaryAccountName"
-            type="text"
-            {...(errors?.beneficiaryAccountName && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.beneficiaryAccountNameLabel
-              ),
-            })}
-          ></sl-input>
-        ),
-      },
-      1: {
-        input: (
-          <sl-select
-            required
-            label={props.text.bankAccountTypeLabel}
-            name="/bankAccountType"
-            id="bankAccountType"
-            {...(errors?.bankAccountType && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.bankAccountTypeLabel
-              ),
-            })}
-          >
-            <sl-menu-item value="CHECKING">
-              {props.text.checkingSelectItemLabel}
-            </sl-menu-item>
-            <sl-menu-item value="SAVINGS">
-              {props.text.savingsSelectItemLabel}
-            </sl-menu-item>
-          </sl-select>
-        ),
-      },
-      2: {
-        input: (
-          <sl-input
-            required
-            label={props.text.bankAccountNumberLabel}
-            name="/bankAccountNumber"
-            id="bankAccountNumber"
-            type="text"
-            {...(errors?.bankAccountNumber && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.bankAccountNumberLabel
-              ),
-            })}
-          ></sl-input>
-        ),
-      },
-      3: {
-        input: (
-          <sl-input
-            required
-            label={props.text.ibanLabel}
-            name="/iban"
-            id="iban"
-            type="text"
-            {...(errors?.iban && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(props.text.ibanLabel),
-            })}
-          ></sl-input>
-        ),
-      },
-
-      4: {
-        input: (
-          <sl-input
-            required
-            label={props.text.swiftCodeLabel}
-            name="/swiftCode"
-            id="swiftCode"
-            type="text"
-            {...(errors?.swiftCode && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.swiftCodeLabel
-              ),
-            })}
-          ></sl-input>
-        ),
-      },
-      5: {
-        input: (
-          <sl-input
-            required
-            label={
-              routingCodeLabels[props.states.bankCountry] ||
-              props.text.routingCodeLabel
-            }
-            name="/routingCode"
-            id="routingCode"
-            type="text"
-            {...(errors?.routingCode && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                routingCodeLabels[props.states.bankCountry] ||
-                  props.text.routingCodeLabel
-              ),
-            })}
-          ></sl-input>
-        ),
-      },
-      6: {
-        input: (
-          <sl-input
-            required
-            label={props.text.bankNameLabel}
-            name="/bankName"
-            id="bankName"
-            type="text"
-            {...(errors?.bankName && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.bankNameLabel
-              ),
-            })}
-          ></sl-input>
-        ),
-      },
-      7: {
-        input: (
-          <div>
-            <sl-select
-              required
-              label={props.text.classificationLabel}
-              name="/beneficiaryClassification"
-              id="beneficiaryClassification"
-              {...(errors?.beneficiaryClassification && {
-                class: "error-input",
-                helpText: this.getValidationErrorMessage(
-                  props.text.classificationLabel
-                ),
-              })}
-            >
-              <sl-menu-item value="BUSINESS">
-                {props.text.businessSelectItemLabel}
-              </sl-menu-item>
-              <sl-menu-item value="INDIVIDUAL">
-                {props.text.individualSelectItemLabel}
-              </sl-menu-item>
-              <sl-menu-item value="FOREIGN">
-                {props.text.foreignSelectItemLabel}
-              </sl-menu-item>
-            </sl-select>
-            <sl-input
-              required
-              label={props.text.taxPayerIdLabel}
-              type="text"
-              name="/taxPayerId"
-              id="taxPayerId"
-              {...(errors?.taxPayerId && {
-                class: "error-input",
-                helpText: this.getValidationErrorMessage(
-                  props.text.taxPayerIdLabel
-                ),
-              })}
-            ></sl-input>
-          </div>
-        ),
-      },
-      8: {
-        input: (
-          <sl-select
-            required
-            label={props.text.classificationCPFLabel}
-            name="/beneficiaryClassification"
-            id="beneficiaryClassification"
-            {...(errors?.beneficiaryClassification && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.classificationCPFLabel
-              ),
-            })}
-          >
-            <sl-menu-item value="CPF">CPF</sl-menu-item>
-            <sl-menu-item value="CNPJ">CNPJ</sl-menu-item>
-          </sl-select>
-        ),
-      },
-      9: {
-        input: (
-          <sl-input
-            required
-            label={props.text.patronymicNameLabel}
-            name="/patronymicName"
-            id="patronymicName"
-            type="text"
-            {...(errors?.patronymicName && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.patronymicNameLabel
-              ),
-            })}
-          ></sl-input>
-        ),
-      },
-      10: {
-        input: (
-          <sl-input
-            label={props.text.voCodeLabel}
-            name="/voCode"
-            id="voCode"
-            type="text"
-            {...(errors?.voCode && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(props.text.voCodeLabel),
-            })}
-          ></sl-input>
-        ),
-      },
-      11: {
-        input: (
-          <sl-input
-            required
-            label={props.text.agencyCodeLabel}
-            name="/agencyCode"
-            id="agencyCode"
-            type="text"
-            {...(errors?.agencyCode && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.agencyCodeLabel
-              ),
-            })}
-          ></sl-input>
-        ),
-      },
-      12: {
-        input: (
-          <div>
-            <sl-input
-              required
-              //todo: add prop for label
-              label={"bankAddress"}
-              name="/bankAddress"
-              id="bankAddress"
-              type="text"
-              {...(errors?.bankAddress && {
-                class: "error-input",
-                helpText: this.getValidationErrorMessage(
-                  props.text.bankAddressLabel
-                ),
-              })}
-            ></sl-input>
-            <sl-input
-              required
-              //todo: add prop for label
-              label={"bankCity"}
-              name="/bankCity"
-              id="bankCity"
-              type="text"
-              {...(errors?.bankCity && {
-                class: "error-input",
-                helpText: this.getValidationErrorMessage(
-                  props.text.bankCityLabel
-                ),
-              })}
-            ></sl-input>
-            <sl-input
-              required
-              //todo: add prop for label
-              label={"bankProvinceState"}
-              name="/bankProvinceState"
-              id="bankProvinceState"
-              type="text"
-              {...(errors?.bankProvinceState && {
-                class: "error-input",
-                helpText: this.getValidationErrorMessage(
-                  props.text.bankProvinceStateLabel
-                ),
-              })}
-            ></sl-input>
-            <sl-input
-              required
-              //todo: add prop for label
-              label={"bankPostalCode"}
-              name="/bankPostalCode"
-              id="bankPostalCode"
-              type="text"
-              {...(errors?.bankPostalCode && {
-                class: "error-input",
-                helpText: this.getValidationErrorMessage(
-                  props.text.bankPostalCodeLabel
-                ),
-              })}
-            ></sl-input>
-          </div>
-        ),
-      },
-      13: {
-        input: (
-          <sl-input
-            required
-            label={props.text.branchCodeLabel}
-            name="/branchCode"
-            id="branchCode"
-            type="text"
-            {...(errors?.branchCode && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.branchCodeLabel
-              ),
-            })}
-          ></sl-input>
-        ),
-      },
-      14: {
-        input: (
-          <sl-select
-            required
-            label={props.text.classificationLabel}
-            name="/beneficiaryClassification"
-            id="beneficiaryClassification"
-            {...(errors?.beneficiaryClassification && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.classificationLabel
-              ),
-            })}
-          >
-            <sl-menu-item value="BUSINESS">BUSINESS</sl-menu-item>
-            <sl-menu-item value="INDIVIDUAL">INDIVIDUAL</sl-menu-item>
-            <sl-menu-item value="FOREIGN">FOREIGN</sl-menu-item>
-          </sl-select>
-        ),
-      },
-    };
+    const formMap = getFormMap({ props, routingCodeLabels });
 
     const inputFields = getFormInputs({
       bitset: props.states.bitset,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index ec2d3e72d3..224c9e23eb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -2,7 +2,7 @@ import { useLocale } from "@saasquatch/component-boilerplate";
 import { useRef, useState } from "@saasquatch/universal-hooks";
 import JSONPointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent, useSetParent } from "../../../utils/useParentState";
+import { useSetParent } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
@@ -11,6 +11,7 @@ import {
 import { mockPaymentOptions } from "./mockData";
 import { BankingInfoForm } from "./sqm-banking-info-form";
 import { BankingInfoFormViewProps } from "./sqm-banking-info-form-view";
+import { h } from "@stencil/core";
 
 // Hardcoded in Impact backend
 export const paypalFeeMap = {
@@ -59,20 +60,353 @@ export type BankingInfoFormData = {
   branchCode?: string;
 };
 
+export function getFormMap({ props, routingCodeLabels }) {
+  const { errors } = props.states.formState;
+
+  return {
+    0: {
+      input: (
+        <sl-input
+          required
+          label={props.text.beneficiaryAccountNameLabel}
+          name="/beneficiaryAccountName"
+          id="beneficiaryAccountName"
+          type="text"
+          {...(errors?.beneficiaryAccountName && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(
+              props.text.beneficiaryAccountNameLabel
+            ),
+          })}
+        ></sl-input>
+      ),
+    },
+    1: {
+      input: (
+        <sl-select
+          required
+          label={props.text.bankAccountTypeLabel}
+          name="/bankAccountType"
+          id="bankAccountType"
+          {...(errors?.bankAccountType && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(
+              props.text.bankAccountTypeLabel
+            ),
+          })}
+        >
+          <sl-menu-item value="CHECKING">
+            {props.text.checkingSelectItemLabel}
+          </sl-menu-item>
+          <sl-menu-item value="SAVINGS">
+            {props.text.savingsSelectItemLabel}
+          </sl-menu-item>
+        </sl-select>
+      ),
+    },
+    2: {
+      input: (
+        <sl-input
+          required
+          label={props.text.bankAccountNumberLabel}
+          name="/bankAccountNumber"
+          id="bankAccountNumber"
+          type="text"
+          {...(errors?.bankAccountNumber && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(
+              props.text.bankAccountNumberLabel
+            ),
+          })}
+        ></sl-input>
+      ),
+    },
+    3: {
+      input: (
+        <sl-input
+          required
+          label={props.text.ibanLabel}
+          name="/iban"
+          id="iban"
+          type="text"
+          {...(errors?.iban && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(props.text.ibanLabel),
+          })}
+        ></sl-input>
+      ),
+    },
+
+    4: {
+      input: (
+        <sl-input
+          required
+          label={props.text.swiftCodeLabel}
+          name="/swiftCode"
+          id="swiftCode"
+          type="text"
+          {...(errors?.swiftCode && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(props.text.swiftCodeLabel),
+          })}
+        ></sl-input>
+      ),
+    },
+    5: {
+      input: (
+        <sl-input
+          required
+          label={
+            routingCodeLabels[props.states.bankCountry] ||
+            props.text.routingCodeLabel
+          }
+          name="/routingCode"
+          id="routingCode"
+          type="text"
+          {...(errors?.routingCode && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(
+              routingCodeLabels[props.states.bankCountry] ||
+                props.text.routingCodeLabel
+            ),
+          })}
+        ></sl-input>
+      ),
+    },
+    6: {
+      input: (
+        <sl-input
+          required
+          label={props.text.bankNameLabel}
+          name="/bankName"
+          id="bankName"
+          type="text"
+          {...(errors?.bankName && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(props.text.bankNameLabel),
+          })}
+        ></sl-input>
+      ),
+    },
+    7: {
+      input: (
+        <div>
+          <sl-select
+            required
+            label={props.text.classificationLabel}
+            name="/beneficiaryClassification"
+            id="beneficiaryClassification"
+            {...(errors?.beneficiaryClassification && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.classificationLabel
+              ),
+            })}
+          >
+            <sl-menu-item value="BUSINESS">
+              {props.text.businessSelectItemLabel}
+            </sl-menu-item>
+            <sl-menu-item value="INDIVIDUAL">
+              {props.text.individualSelectItemLabel}
+            </sl-menu-item>
+            <sl-menu-item value="FOREIGN">
+              {props.text.foreignSelectItemLabel}
+            </sl-menu-item>
+          </sl-select>
+          <sl-input
+            required
+            label={props.text.taxPayerIdLabel}
+            type="text"
+            name="/taxPayerId"
+            id="taxPayerId"
+            {...(errors?.taxPayerId && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.taxPayerIdLabel
+              ),
+            })}
+          ></sl-input>
+        </div>
+      ),
+    },
+    8: {
+      input: (
+        <sl-select
+          required
+          label={props.text.classificationCPFLabel}
+          name="/beneficiaryClassification"
+          id="beneficiaryClassification"
+          {...(errors?.beneficiaryClassification && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(
+              props.text.classificationCPFLabel
+            ),
+          })}
+        >
+          <sl-menu-item value="CPF">CPF</sl-menu-item>
+          <sl-menu-item value="CNPJ">CNPJ</sl-menu-item>
+        </sl-select>
+      ),
+    },
+    9: {
+      input: (
+        <sl-input
+          required
+          label={props.text.patronymicNameLabel}
+          name="/patronymicName"
+          id="patronymicName"
+          type="text"
+          {...(errors?.patronymicName && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(
+              props.text.patronymicNameLabel
+            ),
+          })}
+        ></sl-input>
+      ),
+    },
+    10: {
+      input: (
+        <sl-input
+          label={props.text.voCodeLabel}
+          name="/voCode"
+          id="voCode"
+          type="text"
+          {...(errors?.voCode && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(props.text.voCodeLabel),
+          })}
+        ></sl-input>
+      ),
+    },
+    11: {
+      input: (
+        <sl-input
+          required
+          label={props.text.agencyCodeLabel}
+          name="/agencyCode"
+          id="agencyCode"
+          type="text"
+          {...(errors?.agencyCode && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(
+              props.text.agencyCodeLabel
+            ),
+          })}
+        ></sl-input>
+      ),
+    },
+    12: {
+      input: (
+        <div>
+          <sl-input
+            required
+            //todo: add prop for label
+            label={"bankAddress"}
+            name="/bankAddress"
+            id="bankAddress"
+            type="text"
+            {...(errors?.bankAddress && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.bankAddressLabel
+              ),
+            })}
+          ></sl-input>
+          <sl-input
+            required
+            //todo: add prop for label
+            label={"bankCity"}
+            name="/bankCity"
+            id="bankCity"
+            type="text"
+            {...(errors?.bankCity && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.bankCityLabel
+              ),
+            })}
+          ></sl-input>
+          <sl-input
+            required
+            //todo: add prop for label
+            label={"bankProvinceState"}
+            name="/bankProvinceState"
+            id="bankProvinceState"
+            type="text"
+            {...(errors?.bankProvinceState && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.bankProvinceStateLabel
+              ),
+            })}
+          ></sl-input>
+          <sl-input
+            required
+            //todo: add prop for label
+            label={"bankPostalCode"}
+            name="/bankPostalCode"
+            id="bankPostalCode"
+            type="text"
+            {...(errors?.bankPostalCode && {
+              class: "error-input",
+              helpText: this.getValidationErrorMessage(
+                props.text.bankPostalCodeLabel
+              ),
+            })}
+          ></sl-input>
+        </div>
+      ),
+    },
+    13: {
+      input: (
+        <sl-input
+          required
+          label={props.text.branchCodeLabel}
+          name="/branchCode"
+          id="branchCode"
+          type="text"
+          {...(errors?.branchCode && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(
+              props.text.branchCodeLabel
+            ),
+          })}
+        ></sl-input>
+      ),
+    },
+    14: {
+      input: (
+        <sl-select
+          required
+          label={props.text.classificationLabel}
+          name="/beneficiaryClassification"
+          id="beneficiaryClassification"
+          {...(errors?.beneficiaryClassification && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(
+              props.text.classificationLabel
+            ),
+          })}
+        >
+          <sl-menu-item value="BUSINESS">BUSINESS</sl-menu-item>
+          <sl-menu-item value="INDIVIDUAL">INDIVIDUAL</sl-menu-item>
+          <sl-menu-item value="FOREIGN">FOREIGN</sl-menu-item>
+        </sl-select>
+      ),
+    },
+  };
+}
+
 export function getFormInputs({ bitset, formMap }) {
   // Convert bitset to binary representation
   const binary = bitset.toString(2).padStart(Object.keys(formMap).length, "0");
 
   // Reverse to match order of docs
   // https://docs.google.com/document/d/1db8BnXK4NXN8LcX1U0-GBcnq57X3_XKmFBZijLOIYt4
-  const binaryToParse = binary.split("").reverse().join("");
-
-  // return input for each 1 found in binary
-  const inputFields = [...binaryToParse].reduce((agg, num, idx) => {
-    const number = Number(num);
-    const inputFound = formMap[idx];
-    if (!number || !inputFound) return agg;
-    return [...agg, inputFound];
+  const inputFields = [...binary].reverse().reduce((agg, num, idx) => {
+    if (!Number(num) || !formMap[idx]) return agg;
+    return [...agg, formMap[idx]];
   }, []);
 
   return inputFields;
@@ -151,8 +485,8 @@ export function useBankingInfoForm(
   );
 
   const paymentMethodFeeMap = {
-    3: "EFT Withdrawal (free)",
-    5: `FX Wire (Processing Fee ${currency}${
+    [ACH_PAYMENT_METHOD]: "EFT Withdrawal (free)",
+    [WIRE_PAYMENT_METHOD]: `FX Wire (Processing Fee ${currency}${
       currentPaymentOption?.defaultFxFee || 0
     })`,
   };

From c92ca3909d5a68b95dff72c8e2cbd98f291db798 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 23 Feb 2024 15:15:27 -0800
Subject: [PATCH 323/753] getFormMap types

---
 .../useBankingInfoForm.tsx                    | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 224c9e23eb..1f8dce8054 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -60,7 +60,26 @@ export type BankingInfoFormData = {
   branchCode?: string;
 };
 
-export function getFormMap({ props, routingCodeLabels }) {
+type RoutingCodeLabels = {
+  AU: string;
+  CA: string;
+  CZ: string;
+  HK: string;
+  SG: string;
+  US: string;
+  NZ: string;
+  ZA: string;
+  IN: string;
+  CNY: string;
+};
+
+export function getFormMap({
+  props,
+  routingCodeLabels,
+}: {
+  props: BankingInfoFormViewProps | Omit<any, "text" | "callbacks">;
+  routingCodeLabels: RoutingCodeLabels;
+}) {
   const { errors } = props.states.formState;
 
   return {

From 131b2ebaa039eb7422c6c11a84dc60fd157e8ca0 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 23 Feb 2024 15:43:44 -0800
Subject: [PATCH 324/753] Added labels and fixed spacing betwen form inputs

---
 packages/mint-components/src/components.d.ts  |  40 ++++
 .../tax-and-cash/BankingForm.stories.tsx      |  20 ++
 .../sqm-banking-info-form.tsx                 |  20 ++
 .../useBankingInfoForm.tsx                    | 188 +++++++++---------
 4 files changed, 169 insertions(+), 99 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index f4353a4300..a2d0d552f5 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -82,6 +82,16 @@ export namespace Components {
           * @uiName Bank account type input label
          */
         "bankAccountTypeLabel": string;
+        /**
+          * Label text for the Bank Address input
+          * @uiName Bank Address input item label
+         */
+        "bankAddressLabel": string;
+        /**
+          * Label text for the Bank City input
+          * @uiName Bank City Label input label
+         */
+        "bankCityLabel": string;
         /**
           * Label text for the bank country location input field
           * @uiName Bank country location input label
@@ -92,6 +102,16 @@ export namespace Components {
           * @uiName Bank name input label
          */
         "bankNameLabel": string;
+        /**
+          * Label text for the Bank Postal Code
+          * @uiName Bank Postal Code input label
+         */
+        "bankPostalCodeLabel": string;
+        /**
+          * Label text for the Bank Province State input
+          * @uiName Bank Province State input label
+         */
+        "bankProvinceStateLabel": string;
         /**
           * Label text for the beneficiary account name input field
           * @uiName Beneficiary account name input label
@@ -5425,6 +5445,16 @@ declare namespace LocalJSX {
           * @uiName Bank account type input label
          */
         "bankAccountTypeLabel"?: string;
+        /**
+          * Label text for the Bank Address input
+          * @uiName Bank Address input item label
+         */
+        "bankAddressLabel"?: string;
+        /**
+          * Label text for the Bank City input
+          * @uiName Bank City Label input label
+         */
+        "bankCityLabel"?: string;
         /**
           * Label text for the bank country location input field
           * @uiName Bank country location input label
@@ -5435,6 +5465,16 @@ declare namespace LocalJSX {
           * @uiName Bank name input label
          */
         "bankNameLabel"?: string;
+        /**
+          * Label text for the Bank Postal Code
+          * @uiName Bank Postal Code input label
+         */
+        "bankPostalCodeLabel"?: string;
+        /**
+          * Label text for the Bank Province State input
+          * @uiName Bank Province State input label
+         */
+        "bankProvinceStateLabel"?: string;
         /**
           * Label text for the beneficiary account name input field
           * @uiName Beneficiary account name input label
diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 51f39712df..7016036d9b 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -142,6 +142,26 @@ export const BankingInfoFormCountryUSCurrencyUSDLoading = () => {
   );
 };
 
+export const BankingInfoFormCountryMXCurrencyMXN = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        states: {
+          ...bankingFormProps.states,
+          bankCountry: "MX",
+          formState: {
+            ...bankingFormProps.states.formState,
+            paymentScheduleChecked: "fixedDay",
+            paymentMethodChecked: "toBankAccount",
+          },
+          currency: "MXN",
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
 export const BankingInfoFormCountryUSCurrencyGBP = () => {
   return (
     <sqm-banking-info-form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index e141027f18..e534dfafe1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -256,6 +256,26 @@ export class BankingInfoForm {
    */
   @Prop() taxPayerIdLabel: string = "Taxpayer ID";
 
+  /**
+   * Label text for the Bank Address input
+   * @uiName Bank Address input item label
+   */
+  @Prop() bankAddressLabel: string = "Bank Address";
+  /**
+   * Label text for the Bank City input
+   * @uiName Bank City Label input label
+   */
+  @Prop() bankCityLabel: string = "Bank City";
+  /**
+   * Label text for the Bank Province State input
+   * @uiName Bank Province State input label
+   */
+  @Prop() bankProvinceStateLabel: string = "Bank Province State";
+  /**
+   * Label text for the Bank Postal Code
+   * @uiName  Bank Postal Code input label
+   */
+  @Prop() bankPostalCodeLabel: string = "Bank Postal Code";
   /**
    * Title text for a general form submission error
    * @uiName General form submission error title
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 1f8dce8054..fdc67a35b4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -208,45 +208,43 @@ export function getFormMap({
       ),
     },
     7: {
-      input: (
-        <div>
-          <sl-select
-            required
-            label={props.text.classificationLabel}
-            name="/beneficiaryClassification"
-            id="beneficiaryClassification"
-            {...(errors?.beneficiaryClassification && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.classificationLabel
-              ),
-            })}
-          >
-            <sl-menu-item value="BUSINESS">
-              {props.text.businessSelectItemLabel}
-            </sl-menu-item>
-            <sl-menu-item value="INDIVIDUAL">
-              {props.text.individualSelectItemLabel}
-            </sl-menu-item>
-            <sl-menu-item value="FOREIGN">
-              {props.text.foreignSelectItemLabel}
-            </sl-menu-item>
-          </sl-select>
-          <sl-input
-            required
-            label={props.text.taxPayerIdLabel}
-            type="text"
-            name="/taxPayerId"
-            id="taxPayerId"
-            {...(errors?.taxPayerId && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.taxPayerIdLabel
-              ),
-            })}
-          ></sl-input>
-        </div>
-      ),
+      input: [
+        <sl-select
+          required
+          label={props.text.classificationLabel}
+          name="/beneficiaryClassification"
+          id="beneficiaryClassification"
+          {...(errors?.beneficiaryClassification && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(
+              props.text.classificationLabel
+            ),
+          })}
+        >
+          <sl-menu-item value="BUSINESS">
+            {props.text.businessSelectItemLabel}
+          </sl-menu-item>
+          <sl-menu-item value="INDIVIDUAL">
+            {props.text.individualSelectItemLabel}
+          </sl-menu-item>
+          <sl-menu-item value="FOREIGN">
+            {props.text.foreignSelectItemLabel}
+          </sl-menu-item>
+        </sl-select>,
+        <sl-input
+          required
+          label={props.text.taxPayerIdLabel}
+          type="text"
+          name="/taxPayerId"
+          id="taxPayerId"
+          {...(errors?.taxPayerId && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(
+              props.text.taxPayerIdLabel
+            ),
+          })}
+        ></sl-input>,
+      ],
     },
     8: {
       input: (
@@ -316,66 +314,58 @@ export function getFormMap({
       ),
     },
     12: {
-      input: (
-        <div>
-          <sl-input
-            required
-            //todo: add prop for label
-            label={"bankAddress"}
-            name="/bankAddress"
-            id="bankAddress"
-            type="text"
-            {...(errors?.bankAddress && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.bankAddressLabel
-              ),
-            })}
-          ></sl-input>
-          <sl-input
-            required
-            //todo: add prop for label
-            label={"bankCity"}
-            name="/bankCity"
-            id="bankCity"
-            type="text"
-            {...(errors?.bankCity && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.bankCityLabel
-              ),
-            })}
-          ></sl-input>
-          <sl-input
-            required
-            //todo: add prop for label
-            label={"bankProvinceState"}
-            name="/bankProvinceState"
-            id="bankProvinceState"
-            type="text"
-            {...(errors?.bankProvinceState && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.bankProvinceStateLabel
-              ),
-            })}
-          ></sl-input>
-          <sl-input
-            required
-            //todo: add prop for label
-            label={"bankPostalCode"}
-            name="/bankPostalCode"
-            id="bankPostalCode"
-            type="text"
-            {...(errors?.bankPostalCode && {
-              class: "error-input",
-              helpText: this.getValidationErrorMessage(
-                props.text.bankPostalCodeLabel
-              ),
-            })}
-          ></sl-input>
-        </div>
-      ),
+      input: [
+        <sl-input
+          required
+          label={props.text.bankAddressLabel}
+          name="/bankAddress"
+          id="bankAddress"
+          type="text"
+          {...(errors?.bankAddress && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(
+              props.text.bankAddressLabel
+            ),
+          })}
+        ></sl-input>,
+        <sl-input
+          required
+          label={props.text.bankCityLabel}
+          name="/bankCity"
+          id="bankCity"
+          type="text"
+          {...(errors?.bankCity && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(props.text.bankCityLabel),
+          })}
+        ></sl-input>,
+        <sl-input
+          required
+          label={props.text.bankProvinceStateLabel}
+          name="/bankProvinceState"
+          id="bankProvinceState"
+          type="text"
+          {...(errors?.bankProvinceState && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(
+              props.text.bankProvinceStateLabel
+            ),
+          })}
+        ></sl-input>,
+        <sl-input
+          required
+          label={props.text.bankPostalCodeLabel}
+          name="/bankPostalCode"
+          id="bankPostalCode"
+          type="text"
+          {...(errors?.bankPostalCode && {
+            class: "error-input",
+            helpText: this.getValidationErrorMessage(
+              props.text.bankPostalCodeLabel
+            ),
+          })}
+        ></sl-input>,
+      ],
     },
     13: {
       input: (

From 37ff97fffa908338742227f16d3d360da80237cf Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 23 Feb 2024 15:46:42 -0800
Subject: [PATCH 325/753] Added taxpayerid story

---
 .../tax-and-cash/BankingForm.stories.tsx      | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 7016036d9b..60e2d24ac6 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -142,6 +142,26 @@ export const BankingInfoFormCountryUSCurrencyUSDLoading = () => {
   );
 };
 
+export const BankingInfoFormCountryARCurrencyARS = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...bankingFormProps,
+        states: {
+          ...bankingFormProps.states,
+          bankCountry: "AR",
+          formState: {
+            ...bankingFormProps.states.formState,
+            paymentScheduleChecked: "fixedDay",
+            paymentMethodChecked: "toBankAccount",
+          },
+          currency: "ARS",
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
 export const BankingInfoFormCountryMXCurrencyMXN = () => {
   return (
     <sqm-banking-info-form

From 9dac5b8ecadde041a8f025e9b8ea238a77661f62 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 23 Feb 2024 16:28:29 -0800
Subject: [PATCH 326/753] wired up mutation for saving withdrawal settings

---
 .../sqm-banking-info-form-view.tsx            |  2 +-
 .../sqm-banking-info-form.tsx                 |  7 +++
 .../useBankingInfoForm.tsx                    | 57 ++++++++++++++++++-
 3 files changed, 63 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index e8d3c3ddba..b6c84d309b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -30,7 +30,7 @@ export interface BankingInfoFormViewProps {
     bankCountry?: string;
     currency?: string;
     countries?: { code: string; name: string }[];
-
+    currentPaymentOption?: any;
     showInputs?: boolean;
   };
   slots?: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index e534dfafe1..b7c3394cb1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -410,9 +410,16 @@ export class BankingInfoForm {
             ),
             paymentMethodSlot: (
               <sl-input
+                name="/paymentMethod"
+                id="paymentMethod"
                 label={props.text.paymentMethod}
                 placeholder={props.states.paymentMethodFeeLabel}
                 disabled
+                value={
+                  props.states.currentPaymentOption?.paymentMethod
+                    ? "BANK_TRANSFER"
+                    : ""
+                }
               ></sl-input>
             ),
             paymentThresholdSelectSlot: (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index fdc67a35b4..af34391de1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -1,4 +1,9 @@
-import { useLocale } from "@saasquatch/component-boilerplate";
+import {
+  useLocale,
+  useMutation,
+  useQuery,
+  useUserIdentity,
+} from "@saasquatch/component-boilerplate";
 import { useRef, useState } from "@saasquatch/universal-hooks";
 import JSONPointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
@@ -12,6 +17,7 @@ import { mockPaymentOptions } from "./mockData";
 import { BankingInfoForm } from "./sqm-banking-info-form";
 import { BankingInfoFormViewProps } from "./sqm-banking-info-form-view";
 import { h } from "@stencil/core";
+import { gql } from "graphql-request";
 
 // Hardcoded in Impact backend
 export const paypalFeeMap = {
@@ -421,6 +427,37 @@ export function getFormInputs({ bitset, formMap }) {
   return inputFields;
 }
 
+const SAVE_WITHDRAWAL_SETTINGS = gql`
+  mutation setImpactPublisherWithdrawalSettings(
+    $setImpactPublisherWithdrawalSettingsInput: SetImpactPublisherWithdrawalSettingsInput!
+  ) {
+    setImpactPublisherWithdrawalSettings(
+      setImpactPublisherWithdrawalSettingsInput: $setImpactPublisherWithdrawalSettingsInput
+    ) {
+      id
+    }
+  }
+`;
+
+const GET_WITHDRAWAL_SETTINGS = gql`
+  query getUserTaxInfo {
+    user: viewer {
+      ... on User {
+        id
+        impactConnection {
+          publisher {
+            countryCode
+            currency
+            withdrawalSettings {
+
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+
 export function useBankingInfoForm(
   props: BankingInfoForm
 ): BankingInfoFormViewProps {
@@ -430,6 +467,12 @@ export function useBankingInfoForm(
   const { data: userData, refetch } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
 
+  const { data } = useQuery(GET_WITHDRAWAL_SETTINGS, {});
+
+  const [saveWithdrawalSettings] = useMutation(SAVE_WITHDRAWAL_SETTINGS);
+
+  const user = useUserIdentity();
+
   /** mock data */
   const [currency, setCurrency] = useState("CAD");
   /** */
@@ -473,8 +516,17 @@ export function useBankingInfoForm(
     try {
       console.log({ formData });
 
+      // @ts-ignore
+      const { fixedDay, ...rest } = formData;
+
       // TODO: wire up mutation
-      // await upsertBankDetails({bankDetails:formData})
+      await saveWithdrawalSettings({
+        setImpactPublisherWithdrawalSettingsInput: {
+          userId: user.id,
+          accountId: user.accountId,
+          ...rest,
+        },
+      });
 
       // setStep("/submitted");
     } catch (e) {
@@ -565,6 +617,7 @@ export function useBankingInfoForm(
         paymentScheduleChecked,
         errors,
       },
+      currentPaymentOption,
       bitset: currentPaymentOption?.withdrawalId || 0,
       bankCountry,
       currency: userData?.user?.impactConnection?.publisher?.currency,

From 4d8f33cabd38c78576662d88d38f6368a9a2619b Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 26 Feb 2024 09:51:39 -0800
Subject: [PATCH 327/753] Fixed status text margin, removed inline style

---
 .../sqm-tax-document-submitted-view.tsx               | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 739156fde6..5507286a57 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -132,13 +132,14 @@ const style = {
     },
     "& p": {
       margin: "0",
+      paddingTop: "2px",
+      color: "var(--sl-color-gray-500)",
     },
   },
   TaxFormDetailsContainer: {
     display: "flex",
     gap: "var(--sl-spacing-small)",
-    alignItems: "baseline",
-    flexFlow: "row wrap",
+    alignItems: "center",
   },
   NewFormButton: {
     marginTop: "var(--sl-spacing-large)",
@@ -191,7 +192,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         <sl-badge type="warning" pill>
           {text.statusTextNotVerified}
         </sl-badge>
-        <p style={{ color: "var(--sl-color-gray-500)" }}>
+        <p>
           {intl.formatMessage(
             {
               id: `badgeTextAwaitingReview`,
@@ -209,7 +210,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         <sl-badge type="success" pill>
           {text.statusTextActive}
         </sl-badge>
-        <p style={{ color: "var(--sl-color-gray-500)" }}>
+        <p>
           {intl.formatMessage(
             {
               id: `badgeTextSubmittedOn`,
@@ -230,7 +231,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
         <sl-badge type="danger" pill>
           {text.statusTextNotActive}
         </sl-badge>
-        <p style={{ color: "var(--sl-color-gray-500)" }}>{text.invalidForm}</p>
+        <p>{text.invalidForm}</p>
       </div>
     ),
   };

From 1ac1d91ce673d0c39e1bbe015139fe55861b7093 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 26 Feb 2024 10:18:31 -0800
Subject: [PATCH 328/753] bit of renaming to match api

---
 .../sqm-banking-info-form-view.tsx            | 26 ++++++++++---------
 .../sqm-banking-info-form.tsx                 | 18 ++++++-------
 .../useBankingInfoForm.tsx                    |  8 +++---
 3 files changed, 27 insertions(+), 25 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index b6c84d309b..4df5084393 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -20,7 +20,7 @@ export interface BankingInfoFormViewProps {
     paymentMethodFeeLabel?: string;
     formState: {
       paymentMethodChecked?: "toBankAccount" | "toPayPalAccount";
-      paymentScheduleChecked?: "balanceThreshold" | "fixedDay";
+      paymentScheduleChecked?: "paymentThreshold" | "paymentDay";
       errors?: {
         general?: boolean;
         payPalEmail?: boolean;
@@ -45,7 +45,7 @@ export interface BankingInfoFormViewProps {
       paymentMethodChecked: "toBankAccount" | "toPayPalAccount"
     ) => void;
     setPaymentScheduleChecked: (
-      paymentMethodChecked: "balanceThreshold" | "fixedDay"
+      paymentMethodChecked: "paymentThreshold" | "paymentDay"
     ) => void;
     onSubmit: (props: any) => Promise<void>;
     setBankCountry?: (country: string) => void;
@@ -413,18 +413,18 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 class={classes.Checkbox}
                 exportparts="label: input-label"
                 checked={
-                  formState.paymentScheduleChecked === "balanceThreshold"
+                  formState.paymentScheduleChecked === "paymentThreshold"
                 }
                 onInput={() =>
-                  callbacks.setPaymentScheduleChecked("balanceThreshold")
+                  callbacks.setPaymentScheduleChecked("paymentThreshold")
                 }
                 disabled={states.disabled}
-                id="balanceThreshold"
-                name="/balanceThreshold"
+                id="paymentSchedule"
+                name="/paymentSchedule"
               >
                 {text.paymentScheduleBalanceThreshold}
               </sl-checkbox>
-              {formState.paymentScheduleChecked === "balanceThreshold" && (
+              {formState.paymentScheduleChecked === "paymentThreshold" && (
                 <div
                   class={classes.InputContainer}
                   style={states.hideBalanceThreshold ? { display: "none" } : {}}
@@ -438,15 +438,17 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
               <sl-checkbox
                 class={classes.Checkbox}
                 exportparts="label: input-label"
-                checked={formState.paymentScheduleChecked === "fixedDay"}
-                onInput={() => callbacks.setPaymentScheduleChecked("fixedDay")}
+                checked={formState.paymentScheduleChecked === "paymentDay"}
+                onInput={() =>
+                  callbacks.setPaymentScheduleChecked("paymentDay")
+                }
                 disabled={states.disabled}
-                id="fixedDay"
-                name="/fixedDay"
+                id="paymentSchedule"
+                name="/paymentSchedule"
               >
                 {text.paymentScheduleFixedDay}
               </sl-checkbox>
-              {formState.paymentScheduleChecked === "fixedDay" && (
+              {formState.paymentScheduleChecked === "paymentDay" && (
                 <div
                   class={classes.InputContainer}
                   style={states.hideFixedDay ? { display: "none" } : {}}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index b7c3394cb1..764d442d31 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -426,9 +426,9 @@ export class BankingInfoForm {
               <sl-select
                 required
                 label={props.text.paymentThresholdSelectLabel}
-                name="/balanceThreshold"
-                id="balanceThreshold"
-                {...(errors?.balanceThreshold && {
+                name="/paymentThreshold"
+                id="paymentThreshold"
+                {...(errors?.paymentThreshold && {
                   class: "error-input",
                   helpText: this.getValidationErrorMessage(
                     props.text.paymentThresholdSelectLabel
@@ -444,9 +444,9 @@ export class BankingInfoForm {
               <sl-select
                 required
                 label={props.text.paymentDaySelectLabel}
-                name="/fixedDay"
-                id="fixedDay"
-                {...(errors?.fixedDay && {
+                name="/paymentDay"
+                id="paymentDay"
+                {...(errors?.paymentDay && {
                   class: "error-input",
                   helpText: this.getValidationErrorMessage(
                     props.text.paymentDaySelectLabel
@@ -480,7 +480,7 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
     "toBankAccount" | "toPayPalAccount" | undefined
   >(undefined);
   const [paymentScheduleChecked, setPaymentScheduleChecked] = useState<
-    "balanceThreshold" | "fixedDay" | undefined
+    "paymentThreshold" | "paymentDay" | undefined
   >(undefined);
 
   const [currency, setCurrency] = useState(defaultCurrency);
@@ -555,8 +555,8 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
             bankProvinceState: false,
             bankPostalCode: false,
             branchCode: false,
-            balanceThreshold: false,
-            fixedDay: false,
+            paymentThreshold: false,
+            paymentDay: false,
           },
         },
         bitset,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index af34391de1..aa21522cd1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -486,7 +486,7 @@ export function useBankingInfoForm(
     "toBankAccount" | "toPayPalAccount" | undefined
   >(undefined);
   const [paymentScheduleChecked, setPaymentScheduleChecked] = useState<
-    "balanceThreshold" | "fixedDay" | undefined
+    "paymentThreshold" | "paymentDay" | undefined
   >(undefined);
 
   const onSubmit = async (event: any) => {
@@ -516,15 +516,15 @@ export function useBankingInfoForm(
     try {
       console.log({ formData });
 
-      // @ts-ignore
-      const { fixedDay, ...rest } = formData;
+      // @ts-ignore figure out what the values for paymentDay are
+      // const { paymentDay, ...rest } = formData;
 
       // TODO: wire up mutation
       await saveWithdrawalSettings({
         setImpactPublisherWithdrawalSettingsInput: {
           userId: user.id,
           accountId: user.accountId,
-          ...rest,
+          ...formData,
         },
       });
 

From 648754c88a3e42ae2a81833670f439e484409383 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 26 Feb 2024 10:50:59 -0800
Subject: [PATCH 329/753] more api requirements added, use existing user's
 currency in form data

---
 .../tax-and-cash/sqm-banking-info-form/mockData.ts     |  2 +-
 .../sqm-banking-info-form-view.tsx                     | 10 ++++++----
 .../sqm-banking-info-form/useBankingInfoForm.tsx       |  9 ++++++---
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
index 364bd00281..9dbae2a75e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
@@ -132,7 +132,7 @@ export const mockPaymentOptions: PaymentOptions = {
       withdrawalId: 21,
     },
     {
-      country: "NE",
+      country: "NL",
       currency: "EUR",
       paymentMethod: 7,
       withdrawalId: 25,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 4df5084393..616ee081e2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -419,8 +419,9 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                   callbacks.setPaymentScheduleChecked("paymentThreshold")
                 }
                 disabled={states.disabled}
-                id="paymentSchedule"
-                name="/paymentSchedule"
+                id="paymentSchedulingType"
+                name="/paymentSchedulingType"
+                value={"BALANCE_THRESHOLD"}
               >
                 {text.paymentScheduleBalanceThreshold}
               </sl-checkbox>
@@ -443,8 +444,9 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                   callbacks.setPaymentScheduleChecked("paymentDay")
                 }
                 disabled={states.disabled}
-                id="paymentSchedule"
-                name="/paymentSchedule"
+                id="paymentSchedulingType"
+                name="/paymentSchedulingType"
+                value={"FIXED_DAY"}
               >
                 {text.paymentScheduleFixedDay}
               </sl-checkbox>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index aa21522cd1..43a2112917 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -474,7 +474,7 @@ export function useBankingInfoForm(
   const user = useUserIdentity();
 
   /** mock data */
-  const [currency, setCurrency] = useState("CAD");
+  const [_currency, setCurrency] = useState("");
   /** */
 
   const formRef = useRef<HTMLFormElement>(null);
@@ -536,6 +536,9 @@ export function useBankingInfoForm(
     }
   };
 
+  const currency =
+    _currency || userData?.user?.impactConnection?.publisher?.currency;
+
   const feeCap = paypalFeeMap[currency] || "";
 
   const currentPaymentOption = mockPaymentOptions[currency]?.find(
@@ -620,10 +623,10 @@ export function useBankingInfoForm(
       currentPaymentOption,
       bitset: currentPaymentOption?.withdrawalId || 0,
       bankCountry,
-      currency: userData?.user?.impactConnection?.publisher?.currency,
+      currency,
       countries,
       hasPayPal,
-      showInputs: true,
+      showInputs: false,
       hideSteps: false,
     },
     refs: {

From 4465abc80e877474f254dd4cec03dcd38d47da97 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 26 Feb 2024 14:33:27 -0800
Subject: [PATCH 330/753] add paymentMethod in hook only

---
 .../sqm-banking-info-form/sqm-banking-info-form.tsx | 11 ++---------
 .../sqm-banking-info-form/useBankingInfoForm.tsx    | 13 +++++++++++--
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 764d442d31..2a08860733 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -410,16 +410,9 @@ export class BankingInfoForm {
             ),
             paymentMethodSlot: (
               <sl-input
-                name="/paymentMethod"
-                id="paymentMethod"
                 label={props.text.paymentMethod}
                 placeholder={props.states.paymentMethodFeeLabel}
                 disabled
-                value={
-                  props.states.currentPaymentOption?.paymentMethod
-                    ? "BANK_TRANSFER"
-                    : ""
-                }
               ></sl-input>
             ),
             paymentThresholdSelectSlot: (
@@ -453,10 +446,10 @@ export class BankingInfoForm {
                   ),
                 })}
               >
-                <sl-menu-item value="1st">
+                <sl-menu-item value={1}>
                   {props.text.paymentDayFirstOfMonthLabelText}
                 </sl-menu-item>
-                <sl-menu-item value="15th">
+                <sl-menu-item value={15}>
                   {props.text.paymentDayFifteenthOfMonthLabelText}
                 </sl-menu-item>
               </sl-select>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 43a2112917..191b904ccf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -5,6 +5,8 @@ import {
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useRef, useState } from "@saasquatch/universal-hooks";
+import { h } from "@stencil/core";
+import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useSetParent } from "../../../utils/useParentState";
@@ -16,8 +18,6 @@ import {
 import { mockPaymentOptions } from "./mockData";
 import { BankingInfoForm } from "./sqm-banking-info-form";
 import { BankingInfoFormViewProps } from "./sqm-banking-info-form-view";
-import { h } from "@stencil/core";
-import { gql } from "graphql-request";
 
 // Hardcoded in Impact backend
 export const paypalFeeMap = {
@@ -458,6 +458,14 @@ const GET_WITHDRAWAL_SETTINGS = gql`
   }
 `;
 
+function getPaymentMethod(paymentOption) {
+  if (paymentOption.paymentMethod === 3 || paymentOption.paymentMethod === 5)
+    return "BANK_TRANSFER";
+
+  if (paymentOption.paymentMethod === 7) return "PAYPAL";
+  return "";
+}
+
 export function useBankingInfoForm(
   props: BankingInfoForm
 ): BankingInfoFormViewProps {
@@ -524,6 +532,7 @@ export function useBankingInfoForm(
         setImpactPublisherWithdrawalSettingsInput: {
           userId: user.id,
           accountId: user.accountId,
+          paymentMethod: getPaymentMethod(currentPaymentOption),
           ...formData,
         },
       });

From 0a8d20dcd6a728526b219c78e3474fd1310ef055 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 26 Feb 2024 15:04:13 -0800
Subject: [PATCH 331/753] Fixed description and labels being different sizes

---
 .../sqm-banking-info-form-view.tsx                  | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 616ee081e2..9f3fd74d1b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -115,6 +115,10 @@ const style = {
     color: "var(--sl-color-danger-500)",
     marginTop: "10px",
   },
+  PageDescriptionText: {
+    color: "var(--sl-color-neutral-500)",
+    fontSize: "var(--sl-font-size-medium)",
+  },
   DescriptionText: {
     color: "var(--sl-color-neutral-500)",
   },
@@ -200,6 +204,11 @@ const vanillaStyle = `
        box-sizing: border-box;
     }
 
+    & sl-select::part(label) {
+      font-size: var(--sl-font-size-small);
+      font-weight: 600
+    }
+
     p {
       line-height: 18px;
       color: var(--sl-color-gray-800);
@@ -296,7 +305,9 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
         <div>
           {!states.hideSteps && <p>{text.formStep}</p>}
           <h3 style={{ fontSize: "24px" }}>{text.taxAndPayouts}</h3>
-          <p class={classes.DescriptionText}>{text.taxAndPayoutsDescription}</p>
+          <p class={classes.PageDescriptionText}>
+            {text.taxAndPayoutsDescription}
+          </p>
         </div>
         {formState.errors?.general && (
           <sl-alert type="warning" open class={sheet.classes.AlertContainer}>

From d686e10e1bca5caa1f3c3bb862021a1a1dbf5917 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 26 Feb 2024 16:20:23 -0800
Subject: [PATCH 332/753] Added maxWidth to sqm-payout-details-card

---
 .../sqm-payout-details-card/sqm-payout-details-card-view.tsx   | 1 +
 .../sqm-tax-document-submitted/sqm-tax-document-submitted.tsx  | 3 +--
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index 619358ae50..c92d744fb9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -50,6 +50,7 @@ const style = {
     padding: "var(--sl-spacing-large)",
     minHeight: "150px",
     border: "1px solid var(--sl-color-gray-200)",
+    maxWidth: "450px",
   },
   StatusContainer: {
     display: "flex",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 4372a3cb74..48c1d7392c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -234,14 +234,13 @@ export class TaxDocumentSubmitted {
     const props = isDemo()
       ? useDemoTaxDocumentSubmitted(this)
       : useTaxDocumentSubmitted(this);
-
     return (
       <Host>
         <TaxDocumentSubmittedView
           callbacks={props.callbacks}
           states={props.states}
           text={props.text}
-          slots={props.slots}
+          slots={{ payoutDetailsCardSlot: <Upcoming /> }}
         />
       </Host>
     );

From dd06f266d4c676f48b2d5952f3b6a31eebca5148 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 26 Feb 2024 17:57:48 -0800
Subject: [PATCH 333/753] a bunch of re-arranging and filtering of countries +
 currencies based off of real network finance settings

---
 packages/mint-components/package.json         |   2 +-
 .../sqm-banking-info-form/mockData.ts         | 288 +++++++++---------
 .../sqm-banking-info-form/readme.md           |   4 +
 .../sqm-banking-info-form.tsx                 |  10 +-
 .../useBankingInfoForm.tsx                    |  64 ++--
 .../useIndirectTaxForm.tsx                    |   8 +-
 .../tax-and-cash/sqm-tax-and-cash/data.ts     |  54 +++-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 142 +++++++--
 .../tax-and-cash/sqm-user-info-form/readme.md |  54 ++--
 .../small-views/IndirectTaxDetailsView.tsx    |   2 +-
 .../sqm-user-info-form-view.tsx               |   2 +
 .../sqm-user-info-form/sqm-user-info-form.tsx |   1 +
 .../sqm-user-info-form/useUserInfoForm.tsx    |  36 ++-
 13 files changed, 405 insertions(+), 262 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index e7fe8d6fb7..41d4e40a48 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-36",
+  "version": "1.8.0-38",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
index 9dbae2a75e..8058999859 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/mockData.ts
@@ -3,10 +3,10 @@
 // 7 = PAYPAL
 type PaymentOptions = {
   [key: string]: {
-    country: string;
+    countryCode: string;
     currency: string;
-    paymentMethod: 3 | 5 | 7;
-    withdrawalId: number;
+    defaultFinancePaymentMethodId: 3 | 5 | 7;
+    withdrawalSettingId: number;
     defaultFxFee?: number;
   }[];
 };
@@ -14,306 +14,306 @@ type PaymentOptions = {
 export const mockPaymentOptions: PaymentOptions = {
   CAD: [
     {
-      country: "CA",
+      countryCode: "CA",
       currency: "CAD",
-      paymentMethod: 3,
-      withdrawalId: 37,
+      defaultFinancePaymentMethodId: 3,
+      withdrawalSettingId: 37,
     },
     {
-      country: "CA",
+      countryCode: "CA",
       currency: "CAD",
-      paymentMethod: 7,
-      withdrawalId: 37,
+      defaultFinancePaymentMethodId: 7,
+      withdrawalSettingId: 37,
     },
   ],
   AUD: [
     {
-      country: "US",
+      countryCode: "US",
       currency: "AUD",
-      paymentMethod: 5,
-      withdrawalId: 23,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 23,
     },
     {
-      country: "CA",
+      countryCode: "CA",
       currency: "AUD",
-      paymentMethod: 5,
-      withdrawalId: 21,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 21,
     },
     {
-      country: "ES",
+      countryCode: "ES",
       currency: "AUD",
-      paymentMethod: 5,
-      withdrawalId: 25,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 25,
     },
     {
-      country: "IE",
+      countryCode: "IE",
       currency: "AUD",
-      paymentMethod: 5,
-      withdrawalId: 25,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 25,
     },
     {
-      country: "GB",
+      countryCode: "GB",
       currency: "AUD",
-      paymentMethod: 5,
-      withdrawalId: 25,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 25,
     },
     {
-      country: "JP",
+      countryCode: "JP",
       currency: "AUD",
-      paymentMethod: 5,
-      withdrawalId: 21,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 21,
     },
     {
-      country: "AR",
+      countryCode: "AR",
       currency: "AUD",
-      paymentMethod: 5,
-      withdrawalId: 21,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 21,
     },
     {
-      country: "AU",
+      countryCode: "AU",
       currency: "AUD",
-      paymentMethod: 3,
-      withdrawalId: 37,
+      defaultFinancePaymentMethodId: 3,
+      withdrawalSettingId: 37,
     },
     {
-      country: "AU",
+      countryCode: "AU",
       currency: "AUD",
-      paymentMethod: 7,
-      withdrawalId: 37,
+      defaultFinancePaymentMethodId: 7,
+      withdrawalSettingId: 37,
     },
   ],
   EUR: [
     {
-      country: "US",
+      countryCode: "US",
       currency: "EUR",
-      paymentMethod: 5,
-      withdrawalId: 23,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 23,
     },
     {
-      country: "CA",
+      countryCode: "CA",
       currency: "EUR",
-      paymentMethod: 5,
-      withdrawalId: 21,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 21,
     },
     {
-      country: "ES",
+      countryCode: "ES",
       currency: "EUR",
-      paymentMethod: 3,
-      withdrawalId: 25,
+      defaultFinancePaymentMethodId: 3,
+      withdrawalSettingId: 25,
     },
     {
-      country: "IE",
+      countryCode: "IE",
       currency: "EUR",
-      paymentMethod: 3,
-      withdrawalId: 25,
+      defaultFinancePaymentMethodId: 3,
+      withdrawalSettingId: 25,
     },
     {
-      country: "GB",
+      countryCode: "GB",
       currency: "EUR",
-      paymentMethod: 3,
-      withdrawalId: 25,
+      defaultFinancePaymentMethodId: 3,
+      withdrawalSettingId: 25,
     },
     {
-      country: "JP",
+      countryCode: "JP",
       currency: "EUR",
-      paymentMethod: 5,
-      withdrawalId: 21,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 21,
     },
     {
-      country: "AU",
+      countryCode: "AU",
       currency: "EUR",
-      paymentMethod: 5,
-      withdrawalId: 21,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 21,
     },
     {
-      country: "AR",
+      countryCode: "AR",
       currency: "EUR",
-      paymentMethod: 5,
-      withdrawalId: 21,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 21,
     },
     {
-      country: "NL",
+      countryCode: "NL",
       currency: "EUR",
-      paymentMethod: 7,
-      withdrawalId: 25,
+      defaultFinancePaymentMethodId: 7,
+      withdrawalSettingId: 25,
     },
   ],
   GBP: [
     {
-      country: "US",
+      countryCode: "US",
       currency: "GBP",
-      paymentMethod: 5,
-      withdrawalId: 23,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 23,
     },
     {
-      country: "CA",
+      countryCode: "CA",
       currency: "GBP",
-      paymentMethod: 5,
-      withdrawalId: 21,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 21,
     },
     {
-      country: "ES",
+      countryCode: "ES",
       currency: "GBP",
-      paymentMethod: 5,
-      withdrawalId: 25,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 25,
     },
     {
-      country: "IE",
+      countryCode: "IE",
       currency: "GBP",
-      paymentMethod: 5,
-      withdrawalId: 25,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 25,
     },
     {
-      country: "GB",
+      countryCode: "GB",
       currency: "GBP",
-      paymentMethod: 3,
-      withdrawalId: 25,
+      defaultFinancePaymentMethodId: 3,
+      withdrawalSettingId: 25,
     },
     {
-      country: "JP",
+      countryCode: "JP",
       currency: "GBP",
-      paymentMethod: 5,
-      withdrawalId: 21,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 21,
     },
     {
-      country: "AU",
+      countryCode: "AU",
       currency: "GBP",
-      paymentMethod: 5,
-      withdrawalId: 21,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 21,
     },
     {
-      country: "AR",
+      countryCode: "AR",
       currency: "GBP",
-      paymentMethod: 5,
-      withdrawalId: 21,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 21,
     },
     {
-      country: "GB",
+      countryCode: "GB",
       currency: "GBP",
-      paymentMethod: 7,
-      withdrawalId: 25,
+      defaultFinancePaymentMethodId: 7,
+      withdrawalSettingId: 25,
     },
   ],
   USD: [
     {
-      country: "US",
+      countryCode: "US",
       currency: "USD",
-      paymentMethod: 3,
-      withdrawalId: 39,
+      defaultFinancePaymentMethodId: 3,
+      withdrawalSettingId: 39,
     },
     {
-      country: "CA",
+      countryCode: "CA",
       currency: "USD",
-      paymentMethod: 5,
-      withdrawalId: 21,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 21,
     },
     {
-      country: "ES",
+      countryCode: "ES",
       currency: "USD",
-      paymentMethod: 5,
-      withdrawalId: 25,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 25,
     },
     {
-      country: "IE",
+      countryCode: "IE",
       currency: "USD",
-      paymentMethod: 5,
-      withdrawalId: 25,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 25,
     },
     {
-      country: "GB",
+      countryCode: "GB",
       currency: "USD",
-      paymentMethod: 5,
-      withdrawalId: 25,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 25,
     },
     {
-      country: "JP",
+      countryCode: "JP",
       currency: "USD",
-      paymentMethod: 5,
-      withdrawalId: 21,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 21,
     },
     {
-      country: "AU",
+      countryCode: "AU",
       currency: "USD",
-      paymentMethod: 5,
-      withdrawalId: 21,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 21,
     },
     {
-      country: "AR",
+      countryCode: "AR",
       currency: "USD",
-      paymentMethod: 5,
-      withdrawalId: 21,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 21,
     },
     {
-      country: "US",
+      countryCode: "US",
       currency: "USD",
-      paymentMethod: 7,
-      withdrawalId: 39,
+      defaultFinancePaymentMethodId: 7,
+      withdrawalSettingId: 39,
     },
   ],
   JPY: [
     {
-      country: "JP",
+      countryCode: "JP",
       currency: "JPY",
-      paymentMethod: 5,
-      withdrawalId: 8279,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 8279,
     },
     {
-      country: "JP",
+      countryCode: "JP",
       currency: "JPY",
-      paymentMethod: 7,
-      withdrawalId: 8279,
+      defaultFinancePaymentMethodId: 7,
+      withdrawalSettingId: 8279,
     },
   ],
   KRW: [
     {
-      country: "KR",
+      countryCode: "KR",
       currency: "KRW",
-      paymentMethod: 5,
-      withdrawalId: 149,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 149,
     },
   ],
   MYR: [
     {
-      country: "MY",
+      countryCode: "MY",
       currency: "MYR",
-      paymentMethod: 5,
-      withdrawalId: 16405,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 16405,
     },
   ],
   MXN: [
     {
-      country: "MX",
+      countryCode: "MX",
       currency: "MXN",
-      paymentMethod: 5,
-      withdrawalId: 4181,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 4181,
     },
     {
-      country: "MX",
+      countryCode: "MX",
       currency: "MXN",
-      paymentMethod: 7,
-      withdrawalId: 4181,
+      defaultFinancePaymentMethodId: 7,
+      withdrawalSettingId: 4181,
     },
   ],
   RUB: [
     {
-      country: "RU",
+      countryCode: "RU",
       currency: "RUB",
-      paymentMethod: 5,
-      withdrawalId: 1685,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 1685,
     },
     {
-      country: "RU",
+      countryCode: "RU",
       currency: "RUB",
-      paymentMethod: 7,
-      withdrawalId: 1717,
+      defaultFinancePaymentMethodId: 7,
+      withdrawalSettingId: 1717,
     },
   ],
   ARS: [
     {
-      country: "AR",
+      countryCode: "AR",
       currency: "ARS",
-      paymentMethod: 5,
-      withdrawalId: 149,
+      defaultFinancePaymentMethodId: 5,
+      withdrawalSettingId: 149,
     },
   ],
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 9a974fe9fd..7252bce391 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -12,8 +12,12 @@
 | `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                  | `"Agency Code"`                                                                                                                                                             |
 | `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                  | `"Bank Account Number"`                                                                                                                                                     |
 | `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                  | `"Bank Account Type"`                                                                                                                                                       |
+| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                  | `"Bank Address"`                                                                                                                                                            |
+| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                  | `"Bank City"`                                                                                                                                                               |
 | `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                  | `"Bank Country Location"`                                                                                                                                                   |
 | `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                  | `"Bank Name"`                                                                                                                                                               |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                  | `"Bank Postal Code"`                                                                                                                                                        |
+| `bankProvinceStateLabel`              | `bank-province-state-label`                 | Label text for the Bank Province State input                                            | `string`                                  | `"Bank Province State"`                                                                                                                                                     |
 | `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                  | `"Beneficiary Account Name"`                                                                                                                                                |
 | `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                  | `"Branch Code"`                                                                                                                                                             |
 | `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                  | `"Business"`                                                                                                                                                                |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 2a08860733..79d811b935 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -481,13 +481,15 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
 
   const currentPaymentOption = mockPaymentOptions[currency]?.find(
     (paymentOption) => {
-      if (paymentOption.country === bankCountry) return true;
+      if (paymentOption.countryCode === bankCountry) return true;
       return false;
     }
   );
 
   const bitset =
-    currentPaymentOption?.withdrawalId || props.demoData?.states?.bitset || 0;
+    currentPaymentOption?.withdrawalSettingId ||
+    props.demoData?.states?.bitset ||
+    0;
 
   console.log("demo hook", {
     demoData: props.demoData,
@@ -512,11 +514,11 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
     ACH: "EFT Withdrawal (free)",
     WIRE: `FX Wire (Processing Fee ${currency}${
       currentPaymentOption?.defaultFxFee || 0
-    })`,
+    }.00)`,
   };
 
   const paymentMethodFeeLabel =
-    paymentMethodFeeMap[currentPaymentOption?.paymentMethod];
+    paymentMethodFeeMap[currentPaymentOption?.defaultFinancePaymentMethodId];
 
   return deepmerge(
     {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 191b904ccf..5ada1022dc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -1,7 +1,6 @@
 import {
   useLocale,
   useMutation,
-  useQuery,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useRef, useState } from "@saasquatch/universal-hooks";
@@ -11,11 +10,12 @@ import JSONPointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useSetParent } from "../../../utils/useParentState";
 import {
+  FINANCE_NETWORK_SETTINGS_NAMESPACE,
+  FinanceNetworkSettingsQuery,
   TAX_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
-import { mockPaymentOptions } from "./mockData";
 import { BankingInfoForm } from "./sqm-banking-info-form";
 import { BankingInfoFormViewProps } from "./sqm-banking-info-form-view";
 
@@ -439,25 +439,6 @@ const SAVE_WITHDRAWAL_SETTINGS = gql`
   }
 `;
 
-const GET_WITHDRAWAL_SETTINGS = gql`
-  query getUserTaxInfo {
-    user: viewer {
-      ... on User {
-        id
-        impactConnection {
-          publisher {
-            countryCode
-            currency
-            withdrawalSettings {
-
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-
 function getPaymentMethod(paymentOption) {
   if (paymentOption.paymentMethod === 3 || paymentOption.paymentMethod === 5)
     return "BANK_TRANSFER";
@@ -475,8 +456,6 @@ export function useBankingInfoForm(
   const { data: userData, refetch } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
 
-  const { data } = useQuery(GET_WITHDRAWAL_SETTINGS, {});
-
   const [saveWithdrawalSettings] = useMutation(SAVE_WITHDRAWAL_SETTINGS);
 
   const user = useUserIdentity();
@@ -550,36 +529,39 @@ export function useBankingInfoForm(
 
   const feeCap = paypalFeeMap[currency] || "";
 
-  const currentPaymentOption = mockPaymentOptions[currency]?.find(
-    (paymentOption) => {
-      if (paymentOption.country === bankCountry) return true;
-      return false;
-    }
+  // const paymentOptions = mockPaymentOptions[currency];
+  // paymentOptions;
+  const paymentOptionsRes = useParentQueryValue<FinanceNetworkSettingsQuery>(
+    FINANCE_NETWORK_SETTINGS_NAMESPACE
   );
 
+  const paymentOptions =
+    paymentOptionsRes?.data?.impactFinanceNetworkSettings?.data;
+
+  const currentPaymentOption = paymentOptions?.find((paymentOption) => {
+    if (paymentOption.countryCode === bankCountry) return true;
+    return false;
+  });
+
   const paymentMethodFeeMap = {
     [ACH_PAYMENT_METHOD]: "EFT Withdrawal (free)",
     [WIRE_PAYMENT_METHOD]: `FX Wire (Processing Fee ${currency}${
       currentPaymentOption?.defaultFxFee || 0
-    })`,
+    }.00)`,
   };
   const paymentMethodFeeLabel =
-    paymentMethodFeeMap[currentPaymentOption?.paymentMethod];
-
-  console.log({ userData });
+    paymentMethodFeeMap[currentPaymentOption?.defaultFinancePaymentMethodId];
 
   const intlLocale = locale?.replace("_", "-") || "en";
 
-  const paymentOptions = mockPaymentOptions[currency];
-  paymentOptions;
-
-  // filter out any duplicate countries
+  // filter out any duplicate countries and null countryCode
   const availableCountries = new Set(
-    paymentOptions.map((option) => option.country)
+    paymentOptions?.map((option) => option.countryCode).filter((value) => value)
   );
 
   // build list of country codes and names
   const countries = Array.from(availableCountries)?.map((country) => {
+    console.log({ country });
     // @ts-ignore DisplayNames not in Intl type
     const name = new Intl.DisplayNames([intlLocale], {
       type: "region",
@@ -591,8 +573,10 @@ export function useBankingInfoForm(
     };
   });
 
-  const hasPayPal = !!paymentOptions.find(
-    (option) => option.paymentMethod === PAYPAL_PAYMENT_METHOD
+  console.log({ currentPaymentOption, paymentOptions, availableCountries });
+
+  const hasPayPal = !!paymentOptions?.find(
+    (option) => option.defaultFinancePaymentMethodId === PAYPAL_PAYMENT_METHOD
   );
 
   const paymentMethodChecked = !hasPayPal
@@ -630,7 +614,7 @@ export function useBankingInfoForm(
         errors,
       },
       currentPaymentOption,
-      bitset: currentPaymentOption?.withdrawalId || 0,
+      bitset: currentPaymentOption?.withdrawalSettingId || 0,
       bankCountry,
       currency,
       countries,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index b15fee7e17..5292b31822 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -8,7 +8,7 @@ import JSONPointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useParentValue, useSetParent } from "../../../utils/useParentState";
 import {
-  COUNTRIES_NAMESPACE,
+  COUNTRIES_QUERY_NAMESPACE,
   CountriesQuery,
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
@@ -81,7 +81,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
   const { data: userData, refetch } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
   const { data: _countries, loading: countriesLoading } =
-    useParentQueryValue<CountriesQuery>(COUNTRIES_NAMESPACE);
+    useParentQueryValue<CountriesQuery>(COUNTRIES_QUERY_NAMESPACE);
 
   const [option, setOption] = useState<
     "hstCanada" | "otherRegion" | "notRegistered"
@@ -90,7 +90,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
 
   useEffect(() => {
     const _option = getOption(
-      _countries?.impactPartnerCountries?.data,
+      _countries?.impactPayoutCountries?.data,
       userForm.countryCode
     );
     setOption(_option);
@@ -239,7 +239,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     data: {
       // TODO: Confirm
       esRegions: INDIRECT_TAX_SPAIN_REGIONS,
-      countries: _countries?.impactPartnerCountries?.data,
+      countries: _countries?.impactPayoutCountries?.data,
       provinces: INDIRECT_TAX_PROVINCES,
     },
     text: props.getTextProps(),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 3335c3b454..edc6d67856 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -8,10 +8,16 @@ export const USER_QUERY_NAMESPACE = "sq:user-info-query";
 
 export const USER_FORM_CONTEXT_NAMESPACE = "sq:user-form-context";
 
-export const COUNTRIES_NAMESPACE = "sq:countries-list";
+export const FINANCE_NETWORK_SETTINGS_NAMESPACE = "sq:finance-network-settings";
+
+export const COUNTRIES_NAMESPACE = "sq:countries:list";
+
+export const COUNTRIES_QUERY_NAMESPACE = "sq:countries:query";
 
 export const CURRENCIES_NAMESPACE = "sq:currencies:list";
 
+export const CURRENCIES_QUERY_NAMESPACE = "sq:currencies:query";
+
 export type TaxDocumentType = "W9" | "W8BEN" | "W8BENE";
 
 export type UserFormContext = {
@@ -102,7 +108,7 @@ export type UserQuery = {
 
 export const GET_COUNTRIES = gql`
   query getCountries {
-    impactPartnerCountries(limit: 1000) {
+    impactPayoutCountries(limit: 1000) {
       data {
         countryCode
         displayName
@@ -116,7 +122,7 @@ export type TaxCountry = {
   displayName: string;
 };
 export type CountriesQuery = {
-  impactPartnerCountries: {
+  impactPayoutCountries: {
     data: TaxCountry[];
   };
 };
@@ -132,11 +138,47 @@ export const GET_CURRENCIES = gql`
   }
 `;
 
+export type Currencies = {
+  displayName: string;
+  currencyCode: string;
+}[];
+
 export type CurrenciesQuery = {
-  currencies: {
+  currencies: { data: Currencies };
+};
+
+export type FinanceNetworkSettingsQuery = {
+  impactFinanceNetworkSettings: {
     data: {
-      displayName: string;
-      currencyCode: string;
+      countryCode: string;
+      currency: string;
+      defaultFinancePaymentMethodId: number;
+      thresholdOptions: string;
+      withdrawalSettingId: number;
+      internationalEftFee: number;
+      foreignFxFee: number;
+      defaultFxFee: number;
     }[];
+    totalCount: number;
   };
 };
+
+export const GET_FINANCE_NETWORK_SETTINGS = gql`
+  query impactFinanceNetworkSettings(
+    $filter: ImpactFinanceNetworkSettingsFilterInput
+  ) {
+    impactFinanceNetworkSettings(filter: $filter, limit: 1000) {
+      data {
+        countryCode
+        currency
+        defaultFinancePaymentMethodId
+        thresholdOptions
+        withdrawalSettingId
+        internationalEftFee
+        foreignFxFee
+        defaultFxFee
+      }
+      totalCount
+    }
+  }
+`;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 2b1fb20919..19eff6a287 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -3,7 +3,7 @@ import {
   useHost,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
-import { useEffect } from "@saasquatch/universal-hooks";
+import { useEffect, useMemo } from "@saasquatch/universal-hooks";
 import { useParentQuery } from "../../../utils/useParentQuery";
 import {
   getContextValueName,
@@ -11,15 +11,22 @@ import {
 } from "../../../utils/useParentState";
 import {
   COUNTRIES_NAMESPACE,
+  COUNTRIES_QUERY_NAMESPACE,
   CURRENCIES_NAMESPACE,
+  CURRENCIES_QUERY_NAMESPACE,
   CountriesQuery,
+  Currencies,
   CurrenciesQuery,
+  FINANCE_NETWORK_SETTINGS_NAMESPACE,
+  FinanceNetworkSettingsQuery,
   GET_COUNTRIES,
   GET_CURRENCIES,
+  GET_FINANCE_NETWORK_SETTINGS,
   GET_USER,
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
   TaxContext,
+  TaxCountry,
   USER_FORM_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
   UserFormContext,
@@ -55,7 +62,6 @@ function getCurrentStep(user: UserQuery["user"]) {
 
 export function useTaxAndCash() {
   const host = useHost();
-
   /**** DEMO DATA */
 
   // const id = "35cc9b5e816bb014554f71bd231f6edb238a6b447cb6169c75aef36a5332f64f";
@@ -78,25 +84,49 @@ export function useTaxAndCash() {
   //   });
   // }, []);
 
-  const id = "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
-  const accountId =
-    "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
-  const programId = "22514";
+  function setupDemo() {
+    // andy
+    const id =
+      "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+    const accountId =
+      "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
 
-  //@ts-ignore
-  window.widgetIdent = {
-    tenantAlias: "aprh0cfq6y8tk",
-    appDomain: "https://staging.referralsaasquatch.com",
-    programId,
-  };
+    // sam
+    // const id =
+    //   "ea9c677dda4e031bcb559541007ff61179fbe8bf8f6c32e478d97f09d069fd5b";
+    // const accountId =
+    //   "ea9c677dda4e031bcb559541007ff61179fbe8bf8f6c32e478d97f09d069fd5b";
+    const programId = "22514";
 
-  useEffect(() => {
-    setUserIdentity({
-      accountId,
-      id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
-    });
-  }, []);
+    //@ts-ignore
+    window.widgetIdent = {
+      tenantAlias: "aprh0cfq6y8tk",
+      appDomain: "https://staging.referralsaasquatch.com",
+      programId,
+    };
+
+    // andy
+    useEffect(() => {
+      setUserIdentity({
+        accountId,
+        id,
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
+      });
+    }, []);
+
+    // sam
+    // useEffect(() => {
+    //   setUserIdentity({
+    //     accountId,
+    //     id,
+    //     jwt: "eyJraWQiOiJJUk1Yc1l5NllZcXE0Njk0MzdtRzhFUlF0OFFvS0ZCYUcxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJqdGkiOiI2NWRkMjE3YjVhYmE1MjI2MDAxMDhmZTciLCJpYXQiOjE3MDg5OTA4NDMsImV4cCI6MTcwOTA3NzI0Mywic3ViIjoiWldFNVl6WTNOMlJrWVRSbE1ETXhZbU5pTlRVNU5UUXhNREEzWm1ZMk1URTNPV1ppWlRoaVpqaG1ObU16TW1VME56aGtPVGRtTURsa01EWTVabVExWWc9PTpaV0U1WXpZM04yUmtZVFJsTURNeFltTmlOVFU1TlRReE1EQTNabVkyTVRFM09XWmlaVGhpWmpobU5tTXpNbVUwTnpoa09UZG1NRGxrTURZNVptUTFZZz09QGFwcmgwY2ZxNnk4dGs6dXNlcnMiLCJ1c2VyIjp7ImlkIjoiZWE5YzY3N2RkYTRlMDMxYmNiNTU5NTQxMDA3ZmY2MTE3OWZiZThiZjhmNmMzMmU0NzhkOTdmMDlkMDY5ZmQ1YiIsImFjY291bnRJZCI6ImVhOWM2NzdkZGE0ZTAzMWJjYjU1OTU0MTAwN2ZmNjExNzlmYmU4YmY4ZjZjMzJlNDc4ZDk3ZjA5ZDA2OWZkNWIiLCJkYXRlQmxvY2tlZCI6bnVsbH19.4d48e9AT21uCR-yA7rkn1TuBpHz8a56vI0pHpRtio0M",
+    //   });
+    // }, []);
+  }
+
+  // setupDemo();
+
+  /** END DEMO DATA */
 
   const user = useUserIdentity();
 
@@ -126,6 +156,20 @@ export function useTaxAndCash() {
     }
   );
 
+  const [_currenciesContext, setCurrenciesContext] = useParentState<Currencies>(
+    {
+      namespace: CURRENCIES_NAMESPACE,
+      initialValue: [],
+    }
+  );
+
+  const [_countriesContext, setCountriesContext] = useParentState<TaxCountry[]>(
+    {
+      namespace: COUNTRIES_NAMESPACE,
+      initialValue: [],
+    }
+  );
+
   const { data } = useParentQuery<UserQuery>({
     namespace: USER_QUERY_NAMESPACE,
     query: GET_USER,
@@ -133,17 +177,69 @@ export function useTaxAndCash() {
   });
 
   useParentQuery<CountriesQuery>({
-    namespace: COUNTRIES_NAMESPACE,
+    namespace: COUNTRIES_QUERY_NAMESPACE,
     query: GET_COUNTRIES,
     skip: !user,
   });
 
-  useParentQuery<CurrenciesQuery>({
-    namespace: CURRENCIES_NAMESPACE,
+  const { data: financeNetworkData, refetch } =
+    useParentQuery<FinanceNetworkSettingsQuery>({
+      namespace: FINANCE_NETWORK_SETTINGS_NAMESPACE,
+      query: GET_FINANCE_NETWORK_SETTINGS,
+      skip: !user,
+      variables: {
+        filter: {
+          countryCode_eq: userFormContext.countryCode,
+          ...(data?.user?.impactConnection?.publisher?.currency
+            ? { currency_eq: data?.user?.impactConnection?.publisher?.currency }
+            : {}),
+        },
+      },
+    });
+
+  const { data: currenciesData } = useParentQuery<CurrenciesQuery>({
+    namespace: CURRENCIES_QUERY_NAMESPACE,
     query: GET_CURRENCIES,
     skip: !user,
   });
 
+  const countryCode =
+    data?.user?.impactConnection?.publisher?.countryCode ||
+    userFormContext.countryCode;
+
+  const supportedCurrencies = useMemo(() => {
+    // Filter out any currencies not supported by finance network settings
+    const allValidCurrencies =
+      financeNetworkData?.impactFinanceNetworkSettings?.data?.reduce(
+        (agg, settings) => {
+          const currency = currenciesData?.currencies?.data?.find(
+            (currency) => currency.currencyCode === settings.currency
+          );
+          // Currency not in supported list
+          if (!currency) return agg;
+          // Currency already added to list
+          if (
+            agg.find((currency) => currency.currencyCode === settings.currency)
+          )
+            return agg;
+          // Currency not supported by selected country
+          if (
+            userFormContext.countryCode &&
+            settings.countryCode !== countryCode
+          )
+            return agg;
+
+          return [...agg, currency];
+        },
+        []
+      );
+    return allValidCurrencies;
+  }, [financeNetworkData, countryCode]);
+
+  useEffect(() => {
+    if (supportedCurrencies) setCurrenciesContext(supportedCurrencies);
+  }, [supportedCurrencies]);
+
   useEffect(() => {
     if (!host || !user) return;
 
@@ -151,7 +247,7 @@ export function useTaxAndCash() {
       const user = data?.user;
       if (!user || step !== "/loading") return;
 
-      // setStep("/1");
+      // setStep("/4");
       const currentStep = getCurrentStep(user);
       setStep(currentStep);
     }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index 431075d754..52db8dd17f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,33 +7,33 @@
 
 ## Properties
 
-| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default                                                                                                                                                                     |
-| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I agree to the terms"`                                                                                                                                                    |
-| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"This field is required"`                                                                                                                                                  |
-| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I represent a business entity"`                                                                                                                                           |
-| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Country"`                                                                                                                                                                 |
-| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Select a country"`                                                                                                                                                        |
-| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Currency"`                                                                                                                                                                |
-| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Select a currency"`                                                                                                                                                       |
-| `demoData`                    | --                               |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: TaxCountry[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
-| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Email"`                                                                                                                                                                   |
-| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Enter a valid email"`                                                                                                                                                     |
-| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"First name"`                                                                                                                                                              |
-| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Enter a first name"`                                                                                                                                                      |
-| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Step 1 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                                                                         |
-| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I am an individual participant"`                                                                                                                                          |
-| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"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."` |
-| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Last name"`                                                                                                                                                               |
-| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Enter a last name"`                                                                                                                                                       |
-| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participant type"`                                                                                                                                                        |
-| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Select a participant type"`                                                                                                                                               |
-| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Personal Information"`                                                                                                                                                    |
-| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Continue"`                                                                                                                                                                |
-| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Continue"`                                                                                                                                                                |
+| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                         | Default                                                                                                                                                                     |
+| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"I agree to the terms"`                                                                                                                                                    |
+| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"This field is required"`                                                                                                                                                  |
+| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"I represent a business entity"`                                                                                                                                           |
+| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Country"`                                                                                                                                                                 |
+| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Select a country"`                                                                                                                                                        |
+| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Currency"`                                                                                                                                                                |
+| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Select a currency"`                                                                                                                                                       |
+| `demoData`                    | --                               |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; data?: { currencies: Currencies; countries: TaxCountry[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
+| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Email"`                                                                                                                                                                   |
+| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Enter a valid email"`                                                                                                                                                     |
+| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"First name"`                                                                                                                                                              |
+| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Enter a first name"`                                                                                                                                                      |
+| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Step 1 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem submitting your information"`                                                                                                                         |
+| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"I am an individual participant"`                                                                                                                                          |
+| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"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."` |
+| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Last name"`                                                                                                                                                               |
+| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Enter a last name"`                                                                                                                                                       |
+| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Participant type"`                                                                                                                                                        |
+| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Select a participant type"`                                                                                                                                               |
+| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Personal Information"`                                                                                                                                                    |
+| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Continue"`                                                                                                                                                                |
+| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Continue"`                                                                                                                                                                |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 602644e221..d1e553f553 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -356,7 +356,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             id="selectedRegion"
             name="/selectedRegion"
           >
-            {props.data.countries!.map((c) => (
+            {props.data.countries?.map((c) => (
               <sl-menu-item value={c.countryCode}>{c.displayName}</sl-menu-item>
             ))}
           </sl-select>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 4e5e6b308e..12ba99b202 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -40,6 +40,7 @@ export interface UserInfoFormViewProps {
     setCurrencySearch: (c: any) => void;
     setCountrySearch: (c: any) => void;
     onSubmit: (props: any) => void;
+    onFormChange: (field: string, e: CustomEvent) => void;
   };
   text: {
     formStep: string;
@@ -286,6 +287,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                   }
                 : {})}
               required
+              onSl-select={(e) => callbacks.onFormChange("countryCode", e)}
             >
               <sl-input
                 class={classes.SearchInput}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 5a07143219..ead8144513 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -225,6 +225,7 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
       callbacks: {
         setCurrencySearch: (c) => console.log(c),
         setCountrySearch: (c) => console.log(c),
+        onFormChange: () => {},
       },
       states: {
         disabled: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 24855a8982..c880a85da9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -1,14 +1,13 @@
 import { useUserIdentity } from "@saasquatch/component-boilerplate";
 import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
-import { gql } from "graphql-request";
 import jsonpointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
-  COUNTRIES_NAMESPACE,
+  COUNTRIES_QUERY_NAMESPACE,
   CURRENCIES_NAMESPACE,
   CountriesQuery,
-  CurrenciesQuery,
+  Currencies,
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
   TaxContext,
@@ -17,8 +16,8 @@ import {
   UserFormContext,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
-import { TaxForm } from "./sqm-user-info-form";
 import { objectIsFull } from "../utils";
+import { TaxForm } from "./sqm-user-info-form";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
@@ -54,7 +53,9 @@ export function useUserInfoForm(props: TaxForm) {
   const [formErrors, setErrors] = useState({});
 
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
-  const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
+  const [context, setContext] = useParent<TaxContext>(
+    TAX_FORM_CONTEXT_NAMESPACE
+  );
   const [userFormContext, setUserFormContext] = useParent<UserFormContext>(
     USER_FORM_CONTEXT_NAMESPACE
   );
@@ -62,12 +63,11 @@ export function useUserInfoForm(props: TaxForm) {
   const { data, loading } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
   const { data: countriesRes, loading: countriesLoading } =
-    useParentQueryValue<CountriesQuery>(COUNTRIES_NAMESPACE);
-  const { data: currenciesRes, loading: loadingCurrencies } =
-    useParentQueryValue<CurrenciesQuery>(CURRENCIES_NAMESPACE);
+    useParentQueryValue<CountriesQuery>(COUNTRIES_QUERY_NAMESPACE);
 
-  const countries = countriesRes?.impactPartnerCountries?.data;
-  const currencies = currenciesRes?.currencies?.data;
+  const countries = countriesRes?.impactPayoutCountries?.data;
+
+  const currencies = useParentValue<Currencies>(CURRENCIES_NAMESPACE);
 
   useEffect(() => {
     const user = data?.user;
@@ -85,13 +85,13 @@ export function useUserInfoForm(props: TaxForm) {
         countryCode: user.impactConnection.publisher.countryCode,
         currency: user.impactConnection.publisher.currency,
       });
-    } else {
+    } else if (!userFormContext?.email) {
       // Initialise with user information
       setUserFormContext({
         email: user.email,
         firstName: user.firstName,
         lastName: user.lastName,
-        countryCode: user.countryCode,
+        countryCode: user.countryCode || "US",
         currency: user.customFields?.currency,
       });
     }
@@ -105,7 +105,17 @@ export function useUserInfoForm(props: TaxForm) {
     currencies || []
   );
 
+  const onFormChange = (field: string, e: CustomEvent) => {
+    const value = e.detail?.item?.__value;
+    if (!value) console.error("Could not detect select change");
+    setUserFormContext({
+      ...userFormContext,
+      [field]: value,
+    });
+  };
+
   useEffect(() => {
+    if (!countries?.length) return;
     if (countrySearch.trim() === "") {
       setFilteredCountries(countries || []);
     } else {
@@ -118,6 +128,7 @@ export function useUserInfoForm(props: TaxForm) {
   }, [countrySearch, countries]);
 
   useEffect(() => {
+    if (!currencies?.length) return;
     if (currencySearch.trim() === "") {
       setFilteredCurrencies(currencies || []);
     } else {
@@ -185,6 +196,7 @@ export function useUserInfoForm(props: TaxForm) {
     callbacks: {
       setCurrencySearch,
       setCountrySearch,
+      onFormChange,
     },
     refs: {
       formRef,

From b3415bf307ff143069889aff3e95f581ff19d6f8 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 26 Feb 2024 18:02:26 -0800
Subject: [PATCH 334/753] publish

---
 packages/mint-components/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 41d4e40a48..557fb5c30e 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-38",
+  "version": "1.8.0-39",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

From 114c35f6516815eb85087f030df494152f6aecb3 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 27 Feb 2024 08:14:55 -0800
Subject: [PATCH 335/753] isUser

---
 packages/mint-components/package-lock.json    | 548 +-----------------
 packages/mint-components/package.json         |   2 -
 .../sqm-user-info-form/useUserInfoForm.tsx    |   3 +-
 packages/mint-components/src/index.html       |   4 +-
 4 files changed, 5 insertions(+), 552 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 6f12f1788e..c6e7af2a9a 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-36",
+  "version": "1.8.0-39",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-36",
+      "version": "1.8.0-39",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
@@ -46,7 +46,6 @@
         "@types/canvas-confetti": "^1.4.2",
         "@types/jest": "^26.0.21",
         "@types/luxon": "^2.0.9",
-        "@types/puppeteer": "^5.4.2",
         "@types/resize-observer-browser": "^0.1.5",
         "clipboard": "^1.7.1",
         "cross-env": "^7.0.2",
@@ -58,7 +57,6 @@
         "marked": "^3.0.4",
         "patch-package": "^6.5.1",
         "picklesdoc": "^1.2.1",
-        "puppeteer": "^5.5.0",
         "rollup-plugin-copy": "^3.4.0",
         "rollup-plugin-css-only": "^3.1.0",
         "rollup-plugin-string": "^3.0.0",
@@ -3149,15 +3147,6 @@
       "integrity": "sha512-eI5Yrz3Qv4KPUa/nSIAi0h+qX0XyewOliug5F2QAtuRg6Kjg6jfmxe1GIwoIRhZspD1A0RP8ANrPwvEXXtRFog==",
       "dev": true
     },
-    "node_modules/@types/puppeteer": {
-      "version": "5.4.4",
-      "resolved": "https://registry.npmjs.org/@types/puppeteer/-/puppeteer-5.4.4.tgz",
-      "integrity": "sha512-3Nau+qi69CN55VwZb0ATtdUAlYlqOOQ3OfQfq0Hqgc4JMFXiQT/XInlwQ9g6LbicDslE6loIFsXFklGh5XmI6Q==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@types/q": {
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.5.tgz",
@@ -3198,16 +3187,6 @@
       "integrity": "sha512-7tFImggNeNBVMsn0vLrpn1H1uPrUBdnARPTpZoitY37ZrdJREzf7I16tMrlK3hen349gr1NYh8CmZQa7CTG6Aw==",
       "dev": true
     },
-    "node_modules/@types/yauzl": {
-      "version": "2.10.3",
-      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
-      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
-      "dev": true,
-      "optional": true,
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@wry/equality": {
       "version": "0.5.6",
       "resolved": "https://registry.npmjs.org/@wry/equality/-/equality-0.5.6.tgz",
@@ -3873,26 +3852,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/base64-js": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
     "node_modules/big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
@@ -3901,31 +3860,6 @@
         "node": "*"
       }
     },
-    "node_modules/bl": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
-      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
-      "dev": true,
-      "dependencies": {
-        "buffer": "^5.5.0",
-        "inherits": "^2.0.4",
-        "readable-stream": "^3.4.0"
-      }
-    },
-    "node_modules/bl/node_modules/readable-stream": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
@@ -4000,39 +3934,6 @@
         "node-int64": "^0.4.0"
       }
     },
-    "node_modules/buffer": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
-      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "base64-js": "^1.3.1",
-        "ieee754": "^1.1.13"
-      }
-    },
-    "node_modules/buffer-crc32": {
-      "version": "0.2.13",
-      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
-      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/buffer-from": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
@@ -4215,12 +4116,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/chownr": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
-      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
-      "dev": true
-    },
     "node_modules/ci-info": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
@@ -5176,12 +5071,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/devtools-protocol": {
-      "version": "0.0.818844",
-      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.818844.tgz",
-      "integrity": "sha512-AD1hi7iVJ8OD0aMLQU5VK0XH9LDlA1+BcPIgrAxPfaibx2DbWucuyOhc4oyQCbnvDDO68nN6/LcKfqTP343Jjg==",
-      "dev": true
-    },
     "node_modules/diff": {
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz",
@@ -5847,26 +5736,6 @@
         "url": "https://github.com/sponsors/jaydenseric"
       }
     },
-    "node_modules/extract-zip": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
-      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^4.1.1",
-        "get-stream": "^5.1.0",
-        "yauzl": "^2.10.0"
-      },
-      "bin": {
-        "extract-zip": "cli.js"
-      },
-      "engines": {
-        "node": ">= 10.17.0"
-      },
-      "optionalDependencies": {
-        "@types/yauzl": "^2.9.1"
-      }
-    },
     "node_modules/fast-equals": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-4.0.3.tgz",
@@ -5923,15 +5792,6 @@
         "bser": "2.1.1"
       }
     },
-    "node_modules/fd-slicer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
-      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
-      "dev": true,
-      "dependencies": {
-        "pend": "~1.2.0"
-      }
-    },
     "node_modules/figures": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz",
@@ -6060,12 +5920,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/fs-constants": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
-      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
-      "dev": true
-    },
     "node_modules/fs-extra": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
@@ -6549,26 +6403,6 @@
         "postcss": "^8.1.0"
       }
     },
-    "node_modules/ieee754": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
     "node_modules/ignore": {
       "version": "5.1.8",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
@@ -9878,12 +9712,6 @@
         "mkdirp": "bin/cmd.js"
       }
     },
-    "node_modules/mkdirp-classic": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
-      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
-      "dev": true
-    },
     "node_modules/moment": {
       "version": "2.29.1",
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
@@ -10741,12 +10569,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/pend": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
-      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
-      "dev": true
-    },
     "node_modules/picklesdoc": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/picklesdoc/-/picklesdoc-1.2.1.tgz",
@@ -12478,15 +12300,6 @@
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
       "dev": true
     },
-    "node_modules/progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
     "node_modules/promise.series": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/promise.series/-/promise.series-0.2.0.tgz",
@@ -12543,12 +12356,6 @@
         "pbts": "bin/pbts"
       }
     },
-    "node_modules/proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
-      "dev": true
-    },
     "node_modules/psl": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
@@ -12574,53 +12381,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/puppeteer": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-5.5.0.tgz",
-      "integrity": "sha512-OM8ZvTXAhfgFA7wBIIGlPQzvyEETzDjeRa4mZRCRHxYL+GNH5WAuYUQdja3rpWZvkX/JKqmuVgbsxDNsDFjMEg==",
-      "deprecated": "< 21.5.0 is no longer supported",
-      "dev": true,
-      "hasInstallScript": true,
-      "dependencies": {
-        "debug": "^4.1.0",
-        "devtools-protocol": "0.0.818844",
-        "extract-zip": "^2.0.0",
-        "https-proxy-agent": "^4.0.0",
-        "node-fetch": "^2.6.1",
-        "pkg-dir": "^4.2.0",
-        "progress": "^2.0.1",
-        "proxy-from-env": "^1.0.0",
-        "rimraf": "^3.0.2",
-        "tar-fs": "^2.0.0",
-        "unbzip2-stream": "^1.3.3",
-        "ws": "^7.2.3"
-      },
-      "engines": {
-        "node": ">=10.18.1"
-      }
-    },
-    "node_modules/puppeteer/node_modules/agent-base": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-5.1.1.tgz",
-      "integrity": "sha512-TMeqbNl2fMW0nMjTEPOwe3J/PRFP4vqeoNuQMG0HlMrtm5QxKqdvAkZ1pRBQ/ulIyDD5Yq0nJ7YbdD8ey0TO3g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6.0.0"
-      }
-    },
-    "node_modules/puppeteer/node_modules/https-proxy-agent": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-4.0.0.tgz",
-      "integrity": "sha512-zoDhWrkR3of1l9QAL8/scJZyLu8j/gBkcwcaQOZh7Gyh/+uJQzGVETdgT30akuwkpL8HTRfssqI3BZuV18teDg==",
-      "dev": true,
-      "dependencies": {
-        "agent-base": "5",
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6.0.0"
-      }
-    },
     "node_modules/q": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
@@ -14326,48 +14086,6 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
-    "node_modules/tar-fs": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
-      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
-      "dev": true,
-      "dependencies": {
-        "chownr": "^1.1.1",
-        "mkdirp-classic": "^0.5.2",
-        "pump": "^3.0.0",
-        "tar-stream": "^2.1.4"
-      }
-    },
-    "node_modules/tar-stream": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
-      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
-      "dev": true,
-      "dependencies": {
-        "bl": "^4.0.3",
-        "end-of-stream": "^1.4.1",
-        "fs-constants": "^1.0.0",
-        "inherits": "^2.0.3",
-        "readable-stream": "^3.1.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/tar-stream/node_modules/readable-stream": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/terminal-link": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
@@ -14428,12 +14146,6 @@
       "integrity": "sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==",
       "dev": true
     },
-    "node_modules/through": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
-      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
-      "dev": true
-    },
     "node_modules/timsort": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz",
@@ -14654,16 +14366,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/unbzip2-stream": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz",
-      "integrity": "sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==",
-      "dev": true,
-      "dependencies": {
-        "buffer": "^5.2.1",
-        "through": "^2.3.8"
-      }
-    },
     "node_modules/unicode-canonical-property-names-ecmascript": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
@@ -15372,16 +15074,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/yauzl": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
-      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
-      "dev": true,
-      "dependencies": {
-        "buffer-crc32": "~0.2.3",
-        "fd-slicer": "~1.1.0"
-      }
-    },
     "node_modules/yn": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/yn/-/yn-2.0.0.tgz",
@@ -17681,15 +17373,6 @@
       "integrity": "sha512-eI5Yrz3Qv4KPUa/nSIAi0h+qX0XyewOliug5F2QAtuRg6Kjg6jfmxe1GIwoIRhZspD1A0RP8ANrPwvEXXtRFog==",
       "dev": true
     },
-    "@types/puppeteer": {
-      "version": "5.4.4",
-      "resolved": "https://registry.npmjs.org/@types/puppeteer/-/puppeteer-5.4.4.tgz",
-      "integrity": "sha512-3Nau+qi69CN55VwZb0ATtdUAlYlqOOQ3OfQfq0Hqgc4JMFXiQT/XInlwQ9g6LbicDslE6loIFsXFklGh5XmI6Q==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*"
-      }
-    },
     "@types/q": {
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.5.tgz",
@@ -17730,16 +17413,6 @@
       "integrity": "sha512-7tFImggNeNBVMsn0vLrpn1H1uPrUBdnARPTpZoitY37ZrdJREzf7I16tMrlK3hen349gr1NYh8CmZQa7CTG6Aw==",
       "dev": true
     },
-    "@types/yauzl": {
-      "version": "2.10.3",
-      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
-      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "@types/node": "*"
-      }
-    },
     "@wry/equality": {
       "version": "0.5.6",
       "resolved": "https://registry.npmjs.org/@wry/equality/-/equality-0.5.6.tgz",
@@ -18250,41 +17923,11 @@
         }
       }
     },
-    "base64-js": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "dev": true
-    },
     "big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
       "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ=="
     },
-    "bl": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
-      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
-      "dev": true,
-      "requires": {
-        "buffer": "^5.5.0",
-        "inherits": "^2.0.4",
-        "readable-stream": "^3.4.0"
-      },
-      "dependencies": {
-        "readable-stream": {
-          "version": "3.6.2",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-          "dev": true,
-          "requires": {
-            "inherits": "^2.0.3",
-            "string_decoder": "^1.1.1",
-            "util-deprecate": "^1.0.1"
-          }
-        }
-      }
-    },
     "boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
@@ -18343,22 +17986,6 @@
         "node-int64": "^0.4.0"
       }
     },
-    "buffer": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
-      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
-      "dev": true,
-      "requires": {
-        "base64-js": "^1.3.1",
-        "ieee754": "^1.1.13"
-      }
-    },
-    "buffer-crc32": {
-      "version": "0.2.13",
-      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
-      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
-      "dev": true
-    },
     "buffer-from": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
@@ -18492,12 +18119,6 @@
       "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
       "dev": true
     },
-    "chownr": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
-      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
-      "dev": true
-    },
     "ci-info": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
@@ -19249,12 +18870,6 @@
       "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
       "dev": true
     },
-    "devtools-protocol": {
-      "version": "0.0.818844",
-      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.818844.tgz",
-      "integrity": "sha512-AD1hi7iVJ8OD0aMLQU5VK0XH9LDlA1+BcPIgrAxPfaibx2DbWucuyOhc4oyQCbnvDDO68nN6/LcKfqTP343Jjg==",
-      "dev": true
-    },
     "diff": {
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz",
@@ -19772,18 +19387,6 @@
       "resolved": "https://registry.npmjs.org/extract-files/-/extract-files-9.0.0.tgz",
       "integrity": "sha512-CvdFfHkC95B4bBBk36hcEmvdR2awOdhhVUYH6S/zrVj3477zven/fJMYg7121h4T1xHZC+tetUpubpAhxwI7hQ=="
     },
-    "extract-zip": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
-      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
-      "dev": true,
-      "requires": {
-        "@types/yauzl": "^2.9.1",
-        "debug": "^4.1.1",
-        "get-stream": "^5.1.0",
-        "yauzl": "^2.10.0"
-      }
-    },
     "fast-equals": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-4.0.3.tgz",
@@ -19837,15 +19440,6 @@
         "bser": "2.1.1"
       }
     },
-    "fd-slicer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
-      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
-      "dev": true,
-      "requires": {
-        "pend": "~1.2.0"
-      }
-    },
     "figures": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz",
@@ -19939,12 +19533,6 @@
         "map-cache": "^0.2.2"
       }
     },
-    "fs-constants": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
-      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
-      "dev": true
-    },
     "fs-extra": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
@@ -20315,12 +19903,6 @@
       "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
       "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA=="
     },
-    "ieee754": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-      "dev": true
-    },
     "ignore": {
       "version": "5.1.8",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
@@ -22882,12 +22464,6 @@
         "minimist": "^1.2.5"
       }
     },
-    "mkdirp-classic": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
-      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
-      "dev": true
-    },
     "moment": {
       "version": "2.29.1",
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
@@ -23521,12 +23097,6 @@
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="
     },
-    "pend": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
-      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
-      "dev": true
-    },
     "picklesdoc": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/picklesdoc/-/picklesdoc-1.2.1.tgz",
@@ -24773,12 +24343,6 @@
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
       "dev": true
     },
-    "progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-      "dev": true
-    },
     "promise.series": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/promise.series/-/promise.series-0.2.0.tgz",
@@ -24823,12 +24387,6 @@
         "long": "^4.0.0"
       }
     },
-    "proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
-      "dev": true
-    },
     "psl": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
@@ -24851,44 +24409,6 @@
       "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
       "dev": true
     },
-    "puppeteer": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-5.5.0.tgz",
-      "integrity": "sha512-OM8ZvTXAhfgFA7wBIIGlPQzvyEETzDjeRa4mZRCRHxYL+GNH5WAuYUQdja3rpWZvkX/JKqmuVgbsxDNsDFjMEg==",
-      "dev": true,
-      "requires": {
-        "debug": "^4.1.0",
-        "devtools-protocol": "0.0.818844",
-        "extract-zip": "^2.0.0",
-        "https-proxy-agent": "^4.0.0",
-        "node-fetch": "^2.6.1",
-        "pkg-dir": "^4.2.0",
-        "progress": "^2.0.1",
-        "proxy-from-env": "^1.0.0",
-        "rimraf": "^3.0.2",
-        "tar-fs": "^2.0.0",
-        "unbzip2-stream": "^1.3.3",
-        "ws": "^7.2.3"
-      },
-      "dependencies": {
-        "agent-base": {
-          "version": "5.1.1",
-          "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-5.1.1.tgz",
-          "integrity": "sha512-TMeqbNl2fMW0nMjTEPOwe3J/PRFP4vqeoNuQMG0HlMrtm5QxKqdvAkZ1pRBQ/ulIyDD5Yq0nJ7YbdD8ey0TO3g==",
-          "dev": true
-        },
-        "https-proxy-agent": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-4.0.0.tgz",
-          "integrity": "sha512-zoDhWrkR3of1l9QAL8/scJZyLu8j/gBkcwcaQOZh7Gyh/+uJQzGVETdgT30akuwkpL8HTRfssqI3BZuV18teDg==",
-          "dev": true,
-          "requires": {
-            "agent-base": "5",
-            "debug": "4"
-          }
-        }
-      }
-    },
     "q": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
@@ -26258,44 +25778,6 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
-    "tar-fs": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
-      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
-      "dev": true,
-      "requires": {
-        "chownr": "^1.1.1",
-        "mkdirp-classic": "^0.5.2",
-        "pump": "^3.0.0",
-        "tar-stream": "^2.1.4"
-      }
-    },
-    "tar-stream": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
-      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
-      "dev": true,
-      "requires": {
-        "bl": "^4.0.3",
-        "end-of-stream": "^1.4.1",
-        "fs-constants": "^1.0.0",
-        "inherits": "^2.0.3",
-        "readable-stream": "^3.1.1"
-      },
-      "dependencies": {
-        "readable-stream": {
-          "version": "3.6.2",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-          "dev": true,
-          "requires": {
-            "inherits": "^2.0.3",
-            "string_decoder": "^1.1.1",
-            "util-deprecate": "^1.0.1"
-          }
-        }
-      }
-    },
     "terminal-link": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
@@ -26340,12 +25822,6 @@
       "integrity": "sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==",
       "dev": true
     },
-    "through": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
-      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
-      "dev": true
-    },
     "timsort": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz",
@@ -26519,16 +25995,6 @@
         "which-boxed-primitive": "^1.0.2"
       }
     },
-    "unbzip2-stream": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz",
-      "integrity": "sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==",
-      "dev": true,
-      "requires": {
-        "buffer": "^5.2.1",
-        "through": "^2.3.8"
-      }
-    },
     "unicode-canonical-property-names-ecmascript": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
@@ -27131,16 +26597,6 @@
         }
       }
     },
-    "yauzl": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
-      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
-      "dev": true,
-      "requires": {
-        "buffer-crc32": "~0.2.3",
-        "fd-slicer": "~1.1.0"
-      }
-    },
     "yn": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/yn/-/yn-2.0.0.tgz",
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 557fb5c30e..24ba252ed9 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -49,7 +49,6 @@
     "@types/canvas-confetti": "^1.4.2",
     "@types/jest": "^26.0.21",
     "@types/luxon": "^2.0.9",
-    "@types/puppeteer": "^5.4.2",
     "@types/resize-observer-browser": "^0.1.5",
     "clipboard": "^1.7.1",
     "cross-env": "^7.0.2",
@@ -61,7 +60,6 @@
     "marked": "^3.0.4",
     "patch-package": "^6.5.1",
     "picklesdoc": "^1.2.1",
-    "puppeteer": "^5.5.0",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-css-only": "^3.1.0",
     "rollup-plugin-string": "^3.0.0",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index c880a85da9..bf263f9179 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -210,8 +210,7 @@ export function useUserInfoForm(props: TaxForm) {
       disabled: false,
       loading: loading,
       isPartner: !!data?.user?.impactConnection?.publisher,
-      //AL TODO add isUser
-      isUser: false,
+      isUser: !!data?.user?.impactConnection?.user,
       formState: {
         ...userFormContext,
         errors: formErrors,
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From daf5d1b178e69b77f26fb2c5111b45c0d2f4d6d6 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 27 Feb 2024 08:43:10 -0800
Subject: [PATCH 336/753] small fixes

---
 .../sqm-docusign-form/useDocusignForm.tsx     |  2 +-
 .../useIndirectTaxForm.tsx                    |  2 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 54 +++++++++----------
 3 files changed, 28 insertions(+), 30 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 90c7bfacb8..648f8e22ad 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -31,7 +31,7 @@ const GET_TAX_DOCUMENT = gql`
     $vars: CreateImpactPublisherTaxDocumentInput!
   ) {
     createImpactPublisherTaxDocument(
-      createImpactPartnerTaxDocumentInput: $vars
+      createImpactPublisherTaxDocumentInput: $vars
     ) {
       documentUrl
     }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 5292b31822..9cecb2f720 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -185,7 +185,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
           accountId: user.accountId,
           firstName: userForm.firstName,
           lastName: userForm.lastName,
-          country: userForm.countryCode, // TODO: May need formatting
+          countryCode: userForm.countryCode, // TODO: May need formatting
           currency: userForm.currency,
           ...fields,
         },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 19eff6a287..66aaaab04f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -49,47 +49,36 @@ function getCurrentStep(user: UserQuery["user"]) {
 
   // If they do have a required document, look at current document
   if (user.impactConnection.publisher.currentTaxDocument) {
-    const { status } = user.impactConnection.publisher.currentTaxDocument;
+    const { status } = user.impactConnection.publisher?.currentTaxDocument;
 
     if (status === "ACTIVE" || status === "NOT_VERIFIED") return "/submitted";
 
     return "/3";
   }
 
+  if (user.impactConnection.publisher.requiredTaxDocumentType) {
+    return "/3";
+  }
+
   // Catchall
   return "/error";
 }
 
 export function useTaxAndCash() {
   const host = useHost();
-  /**** DEMO DATA */
-
-  // const id = "35cc9b5e816bb014554f71bd231f6edb238a6b447cb6169c75aef36a5332f64f";
-  // const accountId =
-  //   "35cc9b5e816bb014554f71bd231f6edb238a6b447cb6169c75aef36a5332f64f";
-  // const programId = "22514";
-
-  // //@ts-ignore
-  // window.widgetIdent = {
-  //   tenantAlias: "aprh0cfq6y8tk",
-  //   appDomain: "https://staging.referralsaasquatch.com",
-  //   programId,
-  // };
-
-  // useEffect(() => {
-  //   setUserIdentity({
-  //     accountId,
-  //     id,
-  //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMzVjYzliNWU4MTZiYjAxNDU1NGY3MWJkMjMxZjZlZGIyMzhhNmI0NDdjYjYxNjljNzVhZWYzNmE1MzMyZjY0ZiIsImFjY291bnRJZCI6IjM1Y2M5YjVlODE2YmIwMTQ1NTRmNzFiZDIzMWY2ZWRiMjM4YTZiNDQ3Y2I2MTY5Yzc1YWVmMzZhNTMzMmY2NGYifX0.wEtr7mDQ-3yedKPxMRuWhmAg4x5kGvspHG1m1DYN3-Y",
-  //   });
-  // }, []);
 
   function setupDemo() {
-    // andy
+    // coleton
     const id =
-      "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+      "7f74c2bf33eb45f5c2bec89bd53d2667813c0c7aa76b5a22625014b983cca39d";
     const accountId =
-      "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+      "7f74c2bf33eb45f5c2bec89bd53d2667813c0c7aa76b5a22625014b983cca39d";
+
+    // andy
+    // const id =
+    //   "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+    // const accountId =
+    //   "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
 
     // sam
     // const id =
@@ -105,15 +94,24 @@ export function useTaxAndCash() {
       programId,
     };
 
-    // andy
+    // coleton
     useEffect(() => {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiN2Y3NGMyYmYzM2ViNDVmNWMyYmVjODliZDUzZDI2Njc4MTNjMGM3YWE3NmI1YTIyNjI1MDE0Yjk4M2NjYTM5ZCIsImFjY291bnRJZCI6IjdmNzRjMmJmMzNlYjQ1ZjVjMmJlYzg5YmQ1M2QyNjY3ODEzYzBjN2FhNzZiNWEyMjYyNTAxNGI5ODNjY2EzOWQifX0.73GdmKmcxL20Pkyzt9nRthAQCGhHjopT_OMQpsnRPhs",
       });
     }, []);
 
+    // andy
+    // useEffect(() => {
+    //   setUserIdentity({
+    //     accountId,
+    //     id,
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
+    //   });
+    // }, []);
+
     // sam
     // useEffect(() => {
     //   setUserIdentity({
@@ -124,7 +122,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  // setupDemo();
+  setupDemo();
 
   /** END DEMO DATA */
 

From 438eef6e18b4bceb8388bca1b49ffd076aa09088 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 27 Feb 2024 10:09:47 -0800
Subject: [PATCH 337/753] fixes and copy updates

---
 .../components/tax-and-cash/TaxForm.stories.tsx   | 15 +++++++++++++++
 .../sqm-docusign-form/sqm-docusign-form-view.tsx  |  7 ++++---
 .../sqm-docusign-form/useDocusignForm.tsx         |  4 +++-
 .../sqm-indirect-tax-form/useIndirectTaxForm.tsx  |  7 +++----
 .../sqm-tax-document-submitted-view.tsx           |  7 ++++---
 .../sqm-tax-document-submitted.tsx                |  1 +
 .../useTaxDocumentSubmitted.tsx                   |  6 +++---
 .../small-views/IndirectTaxDetailsView.tsx        |  1 -
 .../src/components/tax-and-cash/utils.ts          | 15 +++++++++++++++
 9 files changed, 48 insertions(+), 15 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index d0f972ec65..8bbb72d83e 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -149,6 +149,7 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
     docusignStatus: undefined,
     hideSteps: false,
     documentType: "W9" as const,
+    documentTypeString: "W9",
     loading: false,
     disabled: false,
     submitDisabled: false,
@@ -795,6 +796,7 @@ export const TaxDocumentSubmittedActiveW9 = () => {
           disabled: false,
           status: "ACTIVE",
           documentType: "W9",
+          documentTypeString: "W9",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "United Kingdom",
@@ -815,6 +817,7 @@ export const TaxDocumentSubmittedActiveW8BEN = () => {
           disabled: false,
           status: "ACTIVE",
           documentType: "W8BEN",
+          documentTypeString: "W8-BEN",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "United Kingdom",
@@ -835,6 +838,7 @@ export const TaxDocumentSubmittedNotVerified = () => {
           disabled: false,
           status: "NOT_VERIFIED",
           documentType: "W8BEN",
+          documentTypeString: "W8-BEN",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "United Kingdom",
@@ -855,6 +859,7 @@ export const TaxDocumentSubmittedNotActiveW9 = () => {
           disabled: false,
           status: "NOT_ACTIVE",
           documentType: "W9",
+          documentTypeString: "W9",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           indirectTaxNumber: 123456,
@@ -875,6 +880,7 @@ export const TaxDocumentSubmittedNotActiveW8BEN = () => {
           disabled: false,
           status: "NOT_ACTIVE",
           documentType: "W8BEN",
+          documentTypeString: "W8-BEN",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           indirectTaxNumber: 123456,
@@ -895,6 +901,7 @@ export const TaxDocumentSubmittedNotActiveW8BENE = () => {
           disabled: false,
           status: "NOT_ACTIVE",
           documentType: "W8BENE",
+          documentTypeString: "W8-BEN-E",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           indirectTaxNumber: 123456,
@@ -914,6 +921,7 @@ export const TaxDocumentNoFormNeeded = () => {
         states: {
           disabled: false,
           documentType: "W9",
+          documentTypeString: "W9",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: true,
           province: "Ontario",
@@ -936,6 +944,7 @@ export const TaxDocumentSubmittedIndirectTaxCanada = () => {
           status: "ACTIVE",
           disabled: false,
           documentType: "W8BENE",
+          documentTypeString: "W8-BEN-E",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           province: "Ontario",
@@ -958,6 +967,7 @@ export const TaxDocumentSubmittedIndirectTaxCanadaQuebec = () => {
           status: "ACTIVE",
           disabled: false,
           documentType: "W8BENE",
+          documentTypeString: "W8-BEN-E",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           province: "Quebec",
@@ -981,6 +991,7 @@ export const TaxDocumentSubmittedIndirectTaxSpain = () => {
           status: "ACTIVE",
           disabled: false,
           documentType: "W8BENE",
+          documentTypeString: "W8-BEN-E",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "Spain",
@@ -1002,6 +1013,7 @@ export const TaxDocumentSubmittedNotRegistered = () => {
         states: {
           status: "ACTIVE",
           documentType: "W8BEN",
+          documentTypeString: "W8-BEN",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           notRegistered: true,
@@ -1020,6 +1032,7 @@ export const TaxDocumentSubmittedLoading = () => {
           disabled: false,
           status: "ACTIVE",
           documentType: "W9",
+          documentTypeString: "W9",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           loading: true,
@@ -1038,6 +1051,7 @@ export const TaxDocumentSubmittedWithGeneralError = () => {
           disabled: false,
           status: "ACTIVE",
           documentType: "W9",
+          documentTypeString: "W9",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           indirectTaxNumber: 123456,
@@ -1060,6 +1074,7 @@ export const TaxDocumentSubmittedDisabled = () => {
           disabled: true,
           status: "NOT_ACTIVE",
           documentType: "W8BEN",
+          documentTypeString: "W8-BEN",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           isBusinessEntity: true,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 95c04e3d49..6b8f4d6669 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -21,6 +21,7 @@ export interface DocusignFormViewProps {
       };
     };
     documentType: TaxDocumentType;
+    documentTypeString: string;
     hideBackButton: boolean;
   };
   slots: {
@@ -194,7 +195,7 @@ const vanillaStyle = `
 export const DocusignFormView = (props: DocusignFormViewProps) => {
   const {
     states,
-    states: { formState, documentType },
+    states: { formState, documentTypeString },
     callbacks,
     text,
     slots,
@@ -267,7 +268,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             <h5 class={classes.BoldText}>
               {intl.formatMessage(
                 { id: "tax-form-label", defaultMessage: text.taxFormLabel },
-                { documentType: states.documentType }
+                { documentType: documentTypeString }
               )}
             </h5>
             <p>
@@ -281,7 +282,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
                       ? text.taxFormDescriptionIndividualParticipant
                       : text.taxFormDescriptionBusinessEntity,
                 },
-                { documentType: states.documentType }
+                { documentType: documentTypeString }
               )}
             </p>
           </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 648f8e22ad..c37f728ec6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -15,6 +15,8 @@ import {
 } from "../sqm-tax-and-cash/data";
 import { DocusignStatus } from "./docusign-iframe/DocusignIframe";
 import { DocusignForm } from "./sqm-docusign-form";
+import { taxTypeToName } from "../utils";
+import { autoColorScaleCss } from "../../sqm-stencilbook/AutoColor";
 
 type CreateTaxDocumentQuery = {
   createImpactPublisherTaxDocument: {
@@ -135,7 +137,6 @@ export function useDocusignForm(props: DocusignForm) {
       return;
     }
 
-    // TODO: Check document is actually registered in the backend
     try {
       setLoading(true);
 
@@ -180,6 +181,7 @@ export function useDocusignForm(props: DocusignForm) {
       },
       docusignStatus,
       documentType: actualDocumentType,
+      documentTypeString: taxTypeToName(actualDocumentType),
       hideBackButton: !context.overrideBackStep,
     },
     data: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 9cecb2f720..c1561179e6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -166,13 +166,13 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
 
       const fields = {
         indirectTaxOption: taxOption,
-        indirectTaxCountry: formData.selectedRegion, // TODO: May need formatting
+        indirectTaxCountry: formData.selectedRegion,
         indirectTaxSubdivision: formData.province || formData.subRegion,
         indirectTaxId: formData.indirectTaxNumber,
         additionalTaxId: formData.qstNumber,
         withholdingTaxCountry:
           option !== "notRegistered" &&
-          formState.selectedRegion === "SPAIN" &&
+          formState.selectedRegion === "ES" &&
           formState.hasSubRegionTaxNumber
             ? "SPAIN"
             : undefined,
@@ -185,7 +185,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
           accountId: user.accountId,
           firstName: userForm.firstName,
           lastName: userForm.lastName,
-          countryCode: userForm.countryCode, // TODO: May need formatting
+          countryCode: userForm.countryCode,
           currency: userForm.currency,
           ...fields,
         },
@@ -237,7 +237,6 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
         })),
     },
     data: {
-      // TODO: Confirm
       esRegions: INDIRECT_TAX_SPAIN_REGIONS,
       countries: _countries?.impactPayoutCountries?.data,
       provinces: INDIRECT_TAX_PROVINCES,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index 5507286a57..b23134f118 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -11,6 +11,7 @@ export interface TaxDocumentSubmittedProps {
   states: {
     status?: string;
     documentType: TaxDocumentType | undefined;
+    documentTypeString: string;
     disabled?: boolean;
     dateSubmitted?: string;
     expiresSoon?: boolean;
@@ -250,7 +251,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                   : text.taxAlertHeaderNotActiveW8,
             },
             {
-              documentType: states.documentType,
+              documentType: states.documentTypeString,
             }
           )}
         </strong>
@@ -264,7 +265,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                 : text.taxAlertNotActiveMessageW8,
           },
           {
-            documentType: states.documentType,
+            documentType: states.documentTypeString,
           }
         )}
       </sl-alert>
@@ -440,7 +441,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                               defaultMessage: text.taxDocumentSectionSubHeader,
                             },
                             {
-                              documentType: states.documentType,
+                              documentType: states.documentTypeString,
                             }
                           )}
                         </h4>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 48c1d7392c..1baf420040 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -254,6 +254,7 @@ function useDemoTaxDocumentSubmitted(
       states: {
         dateSubmitted: undefined,
         documentType: undefined,
+        documentTypeString: "",
         status: undefined,
         noFormNeeded: true,
         expiresSoon: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index fe0c017951..3692c89fe0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -15,6 +15,7 @@ import { TaxDocumentSubmitted } from "./sqm-tax-document-submitted";
 import { TaxDocumentSubmittedProps } from "./sqm-tax-document-submitted-view";
 import { useLocale } from "@saasquatch/component-boilerplate";
 import { Upcoming } from "../sqm-payout-details-card/PayoutDetailsCard.stories";
+import { taxTypeToName } from "../utils";
 
 function getExpiresSoon(submissionDate: number, expiryDate: number) {
   if (!submissionDate || !expiryDate) return false;
@@ -43,10 +44,8 @@ export const useTaxDocumentSubmitted = (
 
   const { data, loading } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
-  const publisher = data?.user?.impactConnection?.publisher;
-
-  // TODO: Fetch document status from backend
 
+  const publisher = data?.user?.impactConnection?.publisher;
   const documentType = publisher?.currentTaxDocument?.type;
   const submissionDate = DateTime.now().toMillis();
   const dateSubmitted =
@@ -84,6 +83,7 @@ export const useTaxDocumentSubmitted = (
     states: {
       dateSubmitted,
       documentType,
+      documentTypeString: taxTypeToName(documentType),
       status: publisher?.currentTaxDocument?.status,
       //AL TODO ADD SUB-REGION
       subRegion: "",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index d1e553f553..54ffac3bab 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -308,7 +308,6 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
       case "ES":
         return <SpainFields />;
       default:
-        // TODO: Pass in proper tax type for countries
         return (
           <sl-input
             required
diff --git a/packages/mint-components/src/components/tax-and-cash/utils.ts b/packages/mint-components/src/components/tax-and-cash/utils.ts
index 3e3deef658..93a33e00d8 100644
--- a/packages/mint-components/src/components/tax-and-cash/utils.ts
+++ b/packages/mint-components/src/components/tax-and-cash/utils.ts
@@ -1,3 +1,18 @@
+import { TaxDocumentType } from "./sqm-tax-and-cash/data";
+
 export const objectIsFull = (obj: Record<string, unknown>) => {
   return !Object.keys(obj).find((k) => obj[k] == undefined);
 };
+
+export const taxTypeToName = (taxType: TaxDocumentType) => {
+  switch (taxType) {
+    case "W9":
+      return "W9";
+    case "W8BEN":
+      return "W8-BEN";
+    case "W8BENE":
+      return "W8-BEN-E";
+    default:
+      return "";
+  }
+};

From fd3863c96621a2b043981f1453f0c18eb3affc67 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 27 Feb 2024 11:17:08 -0800
Subject: [PATCH 338/753] Add new statuses to referral table rewards cell

---
 .../ReferralTableRewardsCell.stories.tsx      | 158 +++++++++++++++++-
 .../cells/sqm-referral-table-rewards-cell.tsx |  51 ++++++
 .../referral-table-rewards-column.feature     |  22 ++-
 packages/mint-components/src/saasquatch.d.ts  |   5 +-
 4 files changed, 225 insertions(+), 11 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-referral-table/ReferralTableRewardsCell.stories.tsx b/packages/mint-components/src/components/sqm-referral-table/ReferralTableRewardsCell.stories.tsx
index b93b932664..103338858e 100644
--- a/packages/mint-components/src/components/sqm-referral-table/ReferralTableRewardsCell.stories.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/ReferralTableRewardsCell.stories.tsx
@@ -50,6 +50,45 @@ const baseReward: Reward = {
   },
 };
 
+const baseCashReward: Reward = {
+  id: "1234",
+  type: "CREDIT",
+  value: 50,
+  unit: "USD",
+  name: "test",
+  dateScheduledFor: getDays(),
+  dateExpires: getMonths(),
+  dateCancelled: 134400,
+  dateRedeemed: 0,
+  fuelTankCode: null,
+  fuelTankType: null,
+  currency: "USD",
+  prettyValue: "$50.00",
+  statuses: ["AVAILABLE"],
+  globalRewardKey: "Key",
+  rewardRedemptionTransactions: null,
+};
+
+const cashPayoutSentReward: Reward = {
+  id: "1234",
+  type: "CREDIT",
+  value: 50,
+  unit: "USD",
+  name: "test",
+  dateScheduledFor: getDays(),
+  dateExpires: getMonths(),
+  datePayoutExpected: getDays(),
+  dateCancelled: 134400,
+  dateRedeemed: 0,
+  fuelTankCode: null,
+  fuelTankType: null,
+  currency: "USD",
+  prettyValue: "$50.00",
+  statuses: ["AVAILABLE"],
+  globalRewardKey: "Key",
+  rewardRedemptionTransactions: null,
+};
+
 const nullExpiresIn = {
   dateExpires: null,
 };
@@ -83,6 +122,9 @@ const integrationReward = {
 const pendingReward = {
   statuses: ["AVAILABLE", "PENDING"],
 };
+const payoutSentReward = {
+  statuses: ["PAYOUT_SENT"],
+};
 const cancelledReward = {
   statuses: ["PENDING", "CANCELLED"],
   dateCancelled: 1626850800000,
@@ -94,9 +136,24 @@ const expiredReward = {
 const deniedReward = {
   statuses: ["DENIED"],
 };
+const payoutFailedReward = {
+  statuses: ["PAYOUT_FAILED"],
+};
 const pendingReviewReward = {
   statuses: ["PENDING_REVIEW"],
 };
+const pendingTaxReviewReward = {
+  statuses: ["PENDING_TAX_REVIEW"],
+};
+const pendingNewTaxFormReward = {
+  statuses: ["PENDING_NEW_TAX_FORM"],
+};
+const pendingTaxSubmissionReward = {
+  statuses: ["PENDING_TAX_SUBMISSION"],
+};
+const pendingPartnerCreationReward = {
+  statuses: ["PENDING_PARTNER_CREATION"],
+};
 const redeemedReward = {
   statuses: ["AVAILABLE", "EXPIRED", "REDEEMED"],
 };
@@ -176,9 +233,9 @@ function getYears() {
 }
 
 const statusText =
-  "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
+  "{status, select, AVAILABLE {Available} PAYOUT_SENT {Payout Sent} CANCELLED {Cancelled} PAYOUT_FAILED {Payout Failed} PENDING {Pending} PENDING_REVIEW {Pending} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
 const statusLongText =
-  "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} DENIED {Denied on} EXPIRED {Reward expired on} REDEEMED {Redeemed}  other {Not available} }";
+  "{status, select, AVAILABLE {Reward expiring on} PAYOUT_SENT {Payout process started on datePayoutStarted. Expected payout on datePayoutExpected.} CANCELLED {Reward cancelled on} PAYOUT_FAILED {This payout will be retried on} PENDING {Available on} PENDING_REVIEW {Pending since} PENDING_TAX_REVIEW {Awaiting tax form review.} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax form to receive your rewards.} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards.} DENIED {Denied on} EXPIRED {Reward expired on} REDEEMED {Redeemed}  other {Not available} }";
 
 export const PendingNoUnpend = () => {
   return (
@@ -430,6 +487,21 @@ export const Redeemed = () => {
   );
 };
 
+export const PayoutSent = () => {
+  return (
+    <sqm-referral-table-rewards-cell
+      rewards={[{ ...cashPayoutSentReward, ...payoutSentReward }]}
+      statusText={statusText}
+      statusLongText={statusLongText}
+      fuelTankText="Your code is"
+      rewardReceivedText="Reward received on"
+      expiringText="Expiring in"
+      pendingForText="{status} for {date}"
+      deniedHelpText="Contact support if you think this is a mistake."
+    ></sqm-referral-table-rewards-cell>
+  );
+};
+
 export const Cancelled = () => {
   return (
     <sqm-referral-table-rewards-cell
@@ -475,6 +547,28 @@ export const Denied = () => {
   );
 };
 
+export const PayoutFailed = () => {
+  return (
+    <sqm-referral-table-rewards-cell
+      rewards={[
+        {
+          ...cashPayoutSentReward,
+          ...payoutFailedReward,
+          datePayoutRetried: getDays(),
+          dateGiven: null,
+        },
+      ]}
+      statusText={statusText}
+      statusLongText={statusLongText}
+      fuelTankText="Your code is"
+      rewardReceivedText="Reward received on"
+      expiringText="Expiring in"
+      pendingForText="{status} for {date}"
+      deniedHelpText="Contact support if you think this is a mistake."
+    ></sqm-referral-table-rewards-cell>
+  );
+};
+
 export const PendingReview = () => {
   return (
     <sqm-referral-table-rewards-cell
@@ -490,6 +584,66 @@ export const PendingReview = () => {
   );
 };
 
+export const PendingTaxReview = () => {
+  return (
+    <sqm-referral-table-rewards-cell
+      rewards={[{ ...baseCashReward, ...pendingTaxReviewReward }]}
+      statusText={statusText}
+      statusLongText={statusLongText}
+      fuelTankText="Your code is"
+      expiringText="Expiring in"
+      pendingForText="{status} for {date}"
+      deniedHelpText="Contact support if you think this is a mistake."
+    ></sqm-referral-table-rewards-cell>
+  );
+};
+export const PendingNewTaxForm = () => {
+  return (
+    <sqm-referral-table-rewards-cell
+      rewards={[{ ...baseCashReward, ...pendingNewTaxFormReward }]}
+      statusText={statusText}
+      statusLongText={statusLongText}
+      fuelTankText="Your code is"
+      expiringText="Expiring in"
+      pendingForText="{status} for {date}"
+      deniedHelpText="Contact support if you think this is a mistake."
+    ></sqm-referral-table-rewards-cell>
+  );
+};
+
+export const PendingTaxSubmission = () => {
+  return (
+    <sqm-referral-table-rewards-cell
+      rewards={[{ ...baseCashReward, ...pendingTaxSubmissionReward }]}
+      statusText={statusText}
+      statusLongText={statusLongText}
+      fuelTankText="Your code is"
+      expiringText="Expiring in"
+      pendingForText="{status} for {date}"
+      deniedHelpText="Contact support if you think this is a mistake."
+    ></sqm-referral-table-rewards-cell>
+  );
+};
+
+export const PendingPartnerCreation = () => {
+  return (
+    <sqm-referral-table-rewards-cell
+      rewards={[
+        {
+          ...baseCashReward,
+          ...pendingPartnerCreationReward,
+        },
+      ]}
+      statusText={statusText}
+      statusLongText={statusLongText}
+      fuelTankText="Your code is"
+      expiringText="Expiring in"
+      pendingForText="{status} for {date}"
+      deniedHelpText="Contact support if you think this is a mistake."
+    ></sqm-referral-table-rewards-cell>
+  );
+};
+
 export const EmptyCell = () => {
   return (
     <sqm-referral-table-rewards-cell
diff --git a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
index 72ad07d812..a66f3796c6 100644
--- a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
@@ -97,6 +97,12 @@ export class ReferralTableRewardsCell {
         "AVAILABLE",
         "PENDING_REVIEW",
         "DENIED",
+        "PAYOUT_SENT",
+        "PAYOUT_FAILED",
+        "PENDING_TAX_REVIEW",
+        "PENDING_NEW_TAX_FORM",
+        "PENDING_TAX_SUBMISSION",
+        "PENDING_PARTNER_CREATION",
       ];
 
       if (reward.referral?.fraudData?.moderationStatus !== "APPROVED") {
@@ -116,13 +122,19 @@ export class ReferralTableRewardsCell {
     const getSLBadgeType = (state: string): string => {
       switch (state) {
         case "REDEEMED":
+        case "PAYOUT_SENT":
           return "primary";
         case "DENIED":
         case "EXPIRED":
         case "CANCELLED":
+        case "PAYOUT_FAILED":
           return "danger";
         case "PENDING":
         case "PENDING_REVIEW":
+        case "PENDING_TAX_REVIEW":
+        case "PENDING_NEW_TAX_FORM":
+        case "PENDING_TAX_SUBMISSION":
+        case "PENDING_PARTNER_CREATION":
           return "warning";
         case "AVAILABLE":
           return "success";
@@ -157,6 +169,8 @@ export class ReferralTableRewardsCell {
         }
       );
 
+      console.log(statusText);
+
       return (
         <sl-details class={sheet.classes.Details} disabled={this.hideDetails}>
           <style type="text/css">{styleString}</style>
@@ -220,6 +234,11 @@ export class ReferralTableRewardsCell {
             </div>
           </div>
           <div>
+            {state === "PAYOUT_SENT" && (
+              <div>
+                <TextSpanView type="p">{statusText}</TextSpanView>
+              </div>
+            )}
             {state === "PENDING_REVIEW" && reward.referral?.dateModerated && (
               <div>
                 <TextSpanView type="p">
@@ -232,6 +251,26 @@ export class ReferralTableRewardsCell {
                 </TextSpanView>
               </div>
             )}
+            {state === "PENDING_TAX_REVIEW" && (
+              <div>
+                <TextSpanView type="p">{statusText}</TextSpanView>
+              </div>
+            )}
+            {state === "PENDING_NEW_TAX_FORM" && (
+              <div>
+                <TextSpanView type="p">{statusText}</TextSpanView>
+              </div>
+            )}
+            {state === "PENDING_TAX_SUBMISSION" && (
+              <div>
+                <TextSpanView type="p">{statusText}</TextSpanView>
+              </div>
+            )}
+            {state === "PENDING_PARTNER_CREATION" && (
+              <div>
+                <TextSpanView type="p">{statusText}</TextSpanView>
+              </div>
+            )}
             {state === "DENIED" && reward.referral?.dateModerated && (
               <div>
                 <TextSpanView type="p">
@@ -281,6 +320,18 @@ export class ReferralTableRewardsCell {
                 </TextSpanView>
               </div>
             )}
+            {state === "PAYOUT_FAILED" && reward.dateCancelled && (
+              <div>
+                <TextSpanView type="p">
+                  {statusText}{" "}
+                  <span class={sheet.classes.BoldText} part="sqm-cell-value">
+                    {DateTime.fromMillis(reward.datePayoutRetried)
+                      .setLocale(luxonLocale(this.locale))
+                      .toLocaleString(DateTime.DATE_MED)}
+                  </span>
+                </TextSpanView>
+              </div>
+            )}
             {state === "PENDING" && reward.dateScheduledFor && (
               <div>
                 <TextSpanView type="p">
diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature b/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature
index b3bafeceaa..690e5da335 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature
@@ -16,14 +16,20 @@ Feature: Referral Table Reward Column
         And the status of each reward is displayed as a pill in the cell
         And rewards of <status> have a <pillColour> pill with the text <statusText>
         Examples:
-            | status         | pillColour | statusText     |
-            | Available      | green      | Available      |
-            | Pending        | orange     | Pending        |
-            | Cancelled      | red        | Cancelled      |
-            | Expired        | red        | Expired        |
-            | Redeemed       | blue       | Redeemed       |
-            | Pending Review | orange     | Pending Review |
-            | Denied         | red        | Denied         |
+            | status                   | pillColour | statusText               |
+            | Available                | green      | Available                |
+            | Pending                  | orange     | Pending                  |
+            | Pending Tax Review       | orange     | Pending Tax Review       |
+            | Pending New Tax Form     | orange     | Pending New Tax Form     |
+            | Pending Tax Submission   | orange     | Pending Tax Submission   |
+            | Pending Partner Creation | orange     | Pending Partner Creation |
+            | Cancelled                | red        | Cancelled                |
+            | Payout Failed            | red        | Payout Failed            |
+            | Expired                  | red        | Expired                  |
+            | Redeemed                 | blue       | Redeemed                 |
+            | Payout Sent              | blue       | Payout Sent              |
+            | Pending Review           | orange     | Pending Review           |
+            | Denied                   | red        | Denied                   |
 
     @motivating
     Scenario: The pending period of a referral reward is shown if it exists
diff --git a/packages/mint-components/src/saasquatch.d.ts b/packages/mint-components/src/saasquatch.d.ts
index ef6e250a98..4685087fbb 100644
--- a/packages/mint-components/src/saasquatch.d.ts
+++ b/packages/mint-components/src/saasquatch.d.ts
@@ -48,11 +48,14 @@ interface Reward {
   value: number;
   unit: string;
   name: string;
-  dateGiven: number;
+  dateGiven?: number;
   meta?: { message?: string };
   dateScheduledFor: number;
   dateExpires: number;
   dateCancelled: number;
+  datePayoutExpected?: number;
+  datePayoutStarted?: number;
+  datePayoutRetried?: number;
   dateRedeemed: number;
   fuelTankCode: string;
   fuelTankType: string;

From 131c664ac15103b0956d903dd17f28da7f0a2c49 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 27 Feb 2024 11:30:37 -0800
Subject: [PATCH 339/753] update type to match backend

---
 packages/mint-components/package.json         |  2 +-
 .../tax-and-cash/sqm-docusign-form/readme.md  | 50 +++++++--------
 .../useIndirectTaxForm.tsx                    |  5 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  4 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  8 +--
 .../sqm-tax-document-submitted/readme.md      | 64 +++++++++----------
 6 files changed, 67 insertions(+), 66 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 24ba252ed9..9092ee60ad 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-39",
+  "version": "1.8.0-42",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index 26ed91df2d..bc05910c1c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,31 +7,31 @@
 
 ## Properties
 
-| Property                                  | Attribute                                     | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                         | Default                                                                                                                                                            |
-| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `backButton`                              | `back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Back"`                                                                                                                                                           |
-| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
-| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"I represent a company"`                                                                                                                                          |
-| `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"I have completed and submitted my tax form"`                                                                                                                     |
-| `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Form submission"`                                                                                                                                                |
-| `demoData`                                | --                                            |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
-| `docusignCompleted`                       | `docusign-completed`                          | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your document has been completed and submitted."`                                                                                                                |
-| `docusignError`                           | `docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
-| `docusignExpired`                         | `docusign-expired`                            | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
-| `formStep`                                | `form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Step 3 of 4"`                                                                                                                                                    |
-| `formSubmissionError`                     | `form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"This field is required"`                                                                                                                                         |
-| `generalErrorDescription`                 | `general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
-| `generalErrorTitle`                       | `general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem submitting your information"`                                                                                                                |
-| `individualParticipant`                   | `individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"I am an individual participant"`                                                                                                                                 |
-| `notBasedInUS`                            | `not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not based in the US?"`                                                                                                                                           |
-| `participantType`                         | `participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Participant type"`                                                                                                                                               |
-| `refreshButton`                           | `refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Refresh Page"`                                                                                                                                                   |
-| `submitButton`                            | `submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Continue"`                                                                                                                                                       |
-| `taxForm`                                 | `tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax form"`                                                                                                                                                       |
-| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                         |
-| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
-| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
-| `taxFormLabel`                            | `tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                     | `"{documentType} Tax Form"`                                                                                                                                        |
+| Property                                  | Attribute                                     | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                     | Default                                                                                                                                                            |
+| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `backButton`                              | `back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Back"`                                                                                                                                                           |
+| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
+| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"I represent a company"`                                                                                                                                          |
+| `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"I have completed and submitted my tax form"`                                                                                                                     |
+| `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Form submission"`                                                                                                                                                |
+| `demoData`                                | --                                            |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
+| `docusignCompleted`                       | `docusign-completed`                          | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your document has been completed and submitted."`                                                                                                                |
+| `docusignError`                           | `docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
+| `docusignExpired`                         | `docusign-expired`                            | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
+| `formStep`                                | `form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Step 3 of 4"`                                                                                                                                                    |
+| `formSubmissionError`                     | `form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"This field is required"`                                                                                                                                         |
+| `generalErrorDescription`                 | `general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
+| `generalErrorTitle`                       | `general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem submitting your information"`                                                                                                                |
+| `individualParticipant`                   | `individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"I am an individual participant"`                                                                                                                                 |
+| `notBasedInUS`                            | `not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Not based in the US?"`                                                                                                                                           |
+| `participantType`                         | `participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Participant type"`                                                                                                                                               |
+| `refreshButton`                           | `refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Refresh Page"`                                                                                                                                                   |
+| `submitButton`                            | `submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Continue"`                                                                                                                                                       |
+| `taxForm`                                 | `tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Tax form"`                                                                                                                                                       |
+| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                         |
+| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
+| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
+| `taxFormLabel`                            | `tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{documentType} Tax Form"`                                                                                                                                        |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index c1561179e6..0dc8dbebb7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -28,7 +28,7 @@ import {
 import { IndirectTaxForm } from "./sqm-indirect-tax-form";
 
 type ConnectPartnerResult = {
-  connectImpactConnection: {
+  createImpactConnection: {
     id: string;
     accountId: string;
     impactConnection: {
@@ -194,8 +194,9 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
 
       await refetch();
 
+      console.log({ result });
       if (
-        (result as ConnectPartnerResult).connectImpactConnection
+        (result as ConnectPartnerResult).createImpactConnection
           ?.impactConnection?.publisher?.requiredTaxDocumentType
       ) {
         setStep("/3");
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 5260ab8849..433c7a0a4f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -855,8 +855,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    const props = useTaxAndCash();
-    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    // const props = useTaxAndCash();
+    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     switch (props.step) {
       case "/1":
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 66aaaab04f..603cb0bed9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -70,9 +70,9 @@ export function useTaxAndCash() {
   function setupDemo() {
     // coleton
     const id =
-      "7f74c2bf33eb45f5c2bec89bd53d2667813c0c7aa76b5a22625014b983cca39d";
+      "8e8613f156efabb26aa499d52a3e4ce5b7c627b4033a0f6523f476f3863665bc";
     const accountId =
-      "7f74c2bf33eb45f5c2bec89bd53d2667813c0c7aa76b5a22625014b983cca39d";
+      "8e8613f156efabb26aa499d52a3e4ce5b7c627b4033a0f6523f476f3863665bc";
 
     // andy
     // const id =
@@ -99,7 +99,7 @@ export function useTaxAndCash() {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiN2Y3NGMyYmYzM2ViNDVmNWMyYmVjODliZDUzZDI2Njc4MTNjMGM3YWE3NmI1YTIyNjI1MDE0Yjk4M2NjYTM5ZCIsImFjY291bnRJZCI6IjdmNzRjMmJmMzNlYjQ1ZjVjMmJlYzg5YmQ1M2QyNjY3ODEzYzBjN2FhNzZiNWEyMjYyNTAxNGI5ODNjY2EzOWQifX0.73GdmKmcxL20Pkyzt9nRthAQCGhHjopT_OMQpsnRPhs",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiOGU4NjEzZjE1NmVmYWJiMjZhYTQ5OWQ1MmEzZTRjZTViN2M2MjdiNDAzM2EwZjY1MjNmNDc2ZjM4NjM2NjViYyIsImFjY291bnRJZCI6IjhlODYxM2YxNTZlZmFiYjI2YWE0OTlkNTJhM2U0Y2U1YjdjNjI3YjQwMzNhMGY2NTIzZjQ3NmYzODYzNjY1YmMifX0.pmLeLxR80-BxbQqGcvVqyxM491AfbhsvJ6aeXP7ZY40",
       });
     }, []);
 
@@ -122,7 +122,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  setupDemo();
+  // setupDemo();
 
   /** END DEMO DATA */
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
index d79934f0fa..501c99979c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
@@ -7,38 +7,38 @@
 
 ## Properties
 
-| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | Default                                                                                                                                                      |
-| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                           |
-| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Submitted on {dateSubmitted}."`                                                                                                                            |
-| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
-| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Payout information"`                                                                                                                                       |
-| `demoData`                        | --                                   |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; disabled?: boolean; dateSubmitted?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: number; subRegionTaxNumber?: number; subRegion?: string; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
-| `editIndirectTaxButton`           | `edit-indirect-tax-button`           | Text displayed in the edit Indirect Tax button                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Edit Indirect Tax"`                                                                                                                                        |
-| `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Edit Payout Information"`                                                                                                                                  |
-| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Please review your information and try again. If this problem continues, contact Support."`                                                                |
-| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"There was a problem submitting your information"`                                                                                                          |
-| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                            |
-| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Registered in {province}, {country}"`                                                                                                                      |
-| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Registered in {country}"`                                                                                                                                  |
-| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Indirect Tax"`                                                                                                                                             |
-| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Registered in {country}, {subRegion}"`                                                                                                                     |
-| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
-| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Ensure your information matches your profile and resubmit a new document."`                                                                                |
-| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Submit New Form"`                                                                                                                                          |
-| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
-| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
-| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"QST Number: {qstNumber}"`                                                                                                                                  |
-| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Active"`                                                                                                                                                   |
-| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Invalid Tax Form"`                                                                                                                                         |
-| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Not Verified"`                                                                                                                                             |
-| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Income Tax Number: {subRegionTaxNumber}"`                                                                                                                  |
-| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"{documentType} tax form is invalid"`                                                                                                                       |
-| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
-| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                             |
-| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Please resubmit a new {documentType} form."`                                                                                                               |
-| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"Tax documents"`                                                                                                                                            |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `"{documentType} Tax Form"`                                                                                                                                  |
+| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | Default                                                                                                                                                      |
+| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                           |
+| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submitted on {dateSubmitted}."`                                                                                                                            |
+| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
+| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payout information"`                                                                                                                                       |
+| `demoData`                        | --                                   |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; disabled?: boolean; dateSubmitted?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: number; subRegionTaxNumber?: number; subRegion?: string; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
+| `editIndirectTaxButton`           | `edit-indirect-tax-button`           | Text displayed in the edit Indirect Tax button                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Edit Indirect Tax"`                                                                                                                                        |
+| `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Edit Payout Information"`                                                                                                                                  |
+| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please review your information and try again. If this problem continues, contact Support."`                                                                |
+| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem submitting your information"`                                                                                                          |
+| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                            |
+| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Registered in {province}, {country}"`                                                                                                                      |
+| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Registered in {country}"`                                                                                                                                  |
+| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Indirect Tax"`                                                                                                                                             |
+| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Registered in {country}, {subRegion}"`                                                                                                                     |
+| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
+| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Ensure your information matches your profile and resubmit a new document."`                                                                                |
+| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submit New Form"`                                                                                                                                          |
+| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
+| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
+| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"QST Number: {qstNumber}"`                                                                                                                                  |
+| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Active"`                                                                                                                                                   |
+| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Invalid Tax Form"`                                                                                                                                         |
+| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not Verified"`                                                                                                                                             |
+| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Income Tax Number: {subRegionTaxNumber}"`                                                                                                                  |
+| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{documentType} tax form is invalid"`                                                                                                                       |
+| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
+| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                             |
+| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please resubmit a new {documentType} form."`                                                                                                               |
+| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax documents"`                                                                                                                                            |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{documentType} Tax Form"`                                                                                                                                  |
 
 
 ## Dependencies

From 903093ec47cb7141c2f199e0fae1237aef01b7c7 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 27 Feb 2024 14:36:33 -0800
Subject: [PATCH 340/753] connect banking info step into form

---
 packages/mint-components/package.json         |  2 +-
 .../sqm-banking-info-form/readme.md           |  2 +-
 .../sqm-banking-info-form.tsx                 |  2 +-
 .../useBankingInfoForm.tsx                    |  4 +-
 .../sqm-docusign-form/useDocusignForm.tsx     |  4 +-
 .../useIndirectTaxForm.tsx                    |  4 +-
 .../tax-and-cash/sqm-tax-and-cash/data.ts     | 49 +++++++++++++++++++
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  8 +--
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 15 +++---
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 38 ++++++++------
 10 files changed, 91 insertions(+), 37 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 9092ee60ad..90686622ca 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-42",
+  "version": "1.8.0-43",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 7252bce391..b0cc37ab81 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -28,7 +28,7 @@
 | `demoData`                            | --                                          |                                                                                         | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                                                                                                 |
 | `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                  | `"Directly to my bank account"`                                                                                                                                             |
 | `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                  | `"Foreign"`                                                                                                                                                                 |
-| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                  | `"Step 3 of 4"`                                                                                                                                                             |
+| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                  | `"Step 4 of 5"`                                                                                                                                                             |
 | `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                  | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                  | `"There was a problem submitting your information"`                                                                                                                         |
 | `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                  | `"IBAN"`                                                                                                                                                                    |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 79d811b935..89494a1401 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -30,7 +30,7 @@ export class BankingInfoForm {
    * Subtext shown at the top of the page, used to show the current step of the tax form.
    * @uiName Form step text
    */
-  @Prop() formStep: string = "Step 3 of 4";
+  @Prop() formStep: string = "Step 4 of 5";
 
   /**
    * Heading text shown at the top of the page
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 5ada1022dc..7e4c86d14c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -516,8 +516,9 @@ export function useBankingInfoForm(
         },
       });
 
-      // setStep("/submitted");
+      setStep("/submitted");
     } catch (e) {
+      console.error(e);
       setErrors({ general: true });
     } finally {
       setLoading(false);
@@ -561,7 +562,6 @@ export function useBankingInfoForm(
 
   // build list of country codes and names
   const countries = Array.from(availableCountries)?.map((country) => {
-    console.log({ country });
     // @ts-ignore DisplayNames not in Intl type
     const name = new Intl.DisplayNames([intlLocale], {
       type: "region",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index c37f728ec6..cd1560b5de 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -121,7 +121,7 @@ export function useDocusignForm(props: DocusignForm) {
     if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) return;
 
     if (DOCUSIGN_SUCCESS_STATES.includes(docusignStatus)) {
-      setPath("/submitted");
+      setPath("/4");
     }
 
     if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) {
@@ -151,7 +151,7 @@ export function useDocusignForm(props: DocusignForm) {
         console.log("Document has been registered as submitted");
       }
 
-      setPath(context.overrideNextStep || "/submitted");
+      setPath(context.overrideNextStep || "/4");
     } catch (e) {
       setErrors({ formSubission: { status: "document-error" } });
     } finally {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 0dc8dbebb7..9d0ddb247e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -199,9 +199,11 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
         (result as ConnectPartnerResult).createImpactConnection
           ?.impactConnection?.publisher?.requiredTaxDocumentType
       ) {
+        // Go to docusign form
         setStep("/3");
       } else {
-        setStep("/submitted");
+        // Go to banking information form
+        setStep("/4");
       }
     } catch (e) {
       setErrors({ general: true });
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index edc6d67856..09bc975b6f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -58,6 +58,28 @@ export const GET_USER = gql`
               type
               dateCreated
             }
+            withdrawalSettings {
+              paypalEmailAddress
+              bankCountry
+              beneficiaryAccountName
+              beneficiaryClassification
+              beneficiaryAlternativeName
+              beneficiaryTaxPayerId
+              bankAccountType
+              bankAccountNumber
+              swiftCode
+              routingCode
+              voCode
+              agencyCode
+              bankAddress
+              bankPostalCode
+              bankCity
+              bankState
+              branchCode
+              paymentSchedulingType
+              paymentThreshold
+              paymentDay
+            }
           }
         }
       }
@@ -76,6 +98,33 @@ type ImpactPublisher = {
     type: TaxDocumentType;
     dateCreated: number;
   };
+  withdrawalSettings: {
+    paypalEmailAddress: string | null;
+    bankCountry: string | null;
+    beneficiaryAccountName: string | null;
+    beneficiaryClassification:
+      | "BUSINESS"
+      | "INDIVIDUAL"
+      | "CPF"
+      | "CNPJ"
+      | null;
+    beneficiaryAlternativeName: string | null;
+    beneficiaryTaxPayerId: string | null;
+    bankAccountType: "CHECKING" | "SAVINGS" | "NOT_SET";
+    bankAccountNumber: string | null;
+    swiftCode: string | null;
+    routingCode: string | null;
+    voCode: string | null;
+    agencyCode: string | null;
+    bankAddress: string | null;
+    bankPostalCode: string | null;
+    bankCity: string | null;
+    bankState: string | null;
+    branchCode: string | null;
+    paymentSchedulingType: "BALANCE_THRESHOLD" | "FIXED_DAY";
+    paymentThreshold: string | null;
+    paymentDay: string | null;
+  };
 
   // TODO: Remove this comment when these fields exist
   indirectTaxOption: "SAME_COUNTRY" | "NO_TAX" | "DIFFERENT_COUNTRY";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index b622228ea3..45dca9a6f5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -21,7 +21,7 @@
 | `step1_emailError`                              | `step-1_email-error`                                 | Error text shown at the bottom of the email input                                                          | `string`                                                                                                             | `"Enter a valid email"`                                                                                                                                                     |
 | `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                              |
 | `step1_firstNameError`                          | `step-1_first-name-error`                            | Error text shown at the bottom of the first name input                                                     | `string`                                                                                                             | `"Enter a first name"`                                                                                                                                                      |
-| `step1_formStep`                                | `step-1_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                             |
+| `step1_formStep`                                | `step-1_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 5"`                                                                                                                                                             |
 | `step1_generalErrorDescription`                 | `step-1_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `step1_generalErrorTitle`                       | `step-1_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
 | `step1_individualParticipant`                   | `step-1_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
@@ -35,7 +35,7 @@
 | `step1_submitButton`                            | `step-1_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
 | `step1_taxAndBankingCollection`                 | `step-1_tax-and-banking-collection`                  | Heading text for the tax and banking collection checkbox                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
 | `step2_backButton`                              | `step-2_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step2_formStep`                                | `step-2_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                             |
+| `step2_formStep`                                | `step-2_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 5"`                                                                                                                                                             |
 | `step2_generalErrorDescription`                 | `step-2_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `step2_generalErrorTitle`                       | `step-2_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
 | `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
@@ -69,7 +69,7 @@
 | `step3_docusignCompleted`                       | `step-3_docusign-completed`                          | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                         |
 | `step3_docusignError`                           | `step-3_docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                          |
 | `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`          |
-| `step3_formStep`                                | `step-3_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
+| `step3_formStep`                                | `step-3_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 5"`                                                                                                                                                             |
 | `step3_formSubmissionError`                     | `step-3_form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
 | `step3_generalErrorDescription`                 | `step-3_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `step3_generalErrorTitle`                       | `step-3_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
@@ -84,7 +84,7 @@
 | `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
 | `step3b_backButton`                             | `step-3b_back-button`                                | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
 | `step3b_formLabel`                              | `step-3b_form-label`                                 | Sub text shown above form selection radio buttons                                                          | `string`                                                                                                             | `"Select a tax form"`                                                                                                                                                       |
-| `step3b_formStep`                               | `step-3b_form-step`                                  | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
+| `step3b_formStep`                               | `step-3b_form-step`                                  | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 5"`                                                                                                                                                             |
 | `step3b_generalErrorDescription`                | `step-3b_general-error-description`                  | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `step3b_generalErrorTitle`                      | `step-3b_general-error-title`                        | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
 | `step3b_submitButton`                           | `step-3b_submit-button`                              | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 433c7a0a4f..25714ccaa9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -72,7 +72,7 @@ export class TaxAndCashMonolith {
    * @uiName Tax form step text
    * @uiGroup Step 1 Properties
    */
-  @Prop() step1_formStep: string = "Step 1 of 4";
+  @Prop() step1_formStep: string = "Step 1 of 5";
   /**
    * Heading text shown above the forms inputs.
    * @uiName Form heading text
@@ -188,7 +188,7 @@ export class TaxAndCashMonolith {
    * @uiName Indirect tax form step text
    * @uiGroup Step 2 Properties
    */
-  @Prop() step2_formStep: string = "Step 2 of 4";
+  @Prop() step2_formStep: string = "Step 2 of 5";
   /**
    * Heading text shown at the top of the page
    * @uiName Indirect tax heading text
@@ -370,7 +370,7 @@ export class TaxAndCashMonolith {
    * @uiName Tax form step text
    * @uiGroup Step 3 Properties
    */
-  @Prop() step3_formStep: string = "Step 3 of 4";
+  @Prop() step3_formStep: string = "Step 3 of 5";
   /**
    * Heading text shown at the top of the page
    * @uiName Tax form heading text
@@ -521,7 +521,7 @@ export class TaxAndCashMonolith {
    * @uiName Tax form step text
    * @uiGroup Step 3b Properties
    */
-  @Prop() step3b_formStep: string = "Step 3 of 4";
+  @Prop() step3b_formStep: string = "Step 3 of 5";
   /**
    * Sub text shown above form selection radio buttons
    * @uiName Tax form selection heading text
@@ -855,8 +855,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    // const props = useTaxAndCash();
-    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    const props = useTaxAndCash();
+    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     switch (props.step) {
       case "/1":
@@ -872,9 +872,6 @@ export class TaxAndCashMonolith {
           ></sqm-indirect-tax-form>
         );
       case "/3":
-      case "/3/W8BEN":
-      case "/3/W8BENE":
-      case "/3/W9":
         return (
           <sqm-docusign-form
             {...this.getDocuSignFormTextProps()}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 603cb0bed9..0fe535932e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -34,6 +34,8 @@ import {
 } from "./data";
 
 function getCurrentStep(user: UserQuery["user"]) {
+  // TODO: include banking form step as a case
+
   if (
     !user.impactConnection ||
     user.impactConnection?.connectionStatus === "NOT_CONNECTED" ||
@@ -42,26 +44,30 @@ function getCurrentStep(user: UserQuery["user"]) {
     return "/1";
   }
 
-  // Prioritise sending them to dashboard if no required document
-  if (!user.impactConnection.publisher.requiredTaxDocumentType) {
+  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings } =
+    user.impactConnection.publisher;
+
+  if (
+    !requiredTaxDocumentType ||
+    currentTaxDocument?.status === "NOT_VERIFIED" ||
+    currentTaxDocument?.status === "ACTIVE"
+  ) {
     return "/submitted";
   }
 
   // If they do have a required document, look at current document
-  if (user.impactConnection.publisher.currentTaxDocument) {
-    const { status } = user.impactConnection.publisher?.currentTaxDocument;
-
-    if (status === "ACTIVE" || status === "NOT_VERIFIED") return "/submitted";
-
+  if (
+    requiredTaxDocumentType &&
+    (!currentTaxDocument ||
+      currentTaxDocument?.status === "INACTIVE" ||
+      currentTaxDocument?.status === "NEW")
+  ) {
     return "/3";
   }
 
-  if (user.impactConnection.publisher.requiredTaxDocumentType) {
-    return "/3";
-  }
+  if (!withdrawalSettings) return "/4";
 
-  // Catchall
-  return "/error";
+  return "/submitted";
 }
 
 export function useTaxAndCash() {
@@ -70,9 +76,9 @@ export function useTaxAndCash() {
   function setupDemo() {
     // coleton
     const id =
-      "8e8613f156efabb26aa499d52a3e4ce5b7c627b4033a0f6523f476f3863665bc";
+      "d90b4866e9f8cb43356472fe793cea5428255ef2d87273469a074419334abdb0";
     const accountId =
-      "8e8613f156efabb26aa499d52a3e4ce5b7c627b4033a0f6523f476f3863665bc";
+      "d90b4866e9f8cb43356472fe793cea5428255ef2d87273469a074419334abdb0";
 
     // andy
     // const id =
@@ -99,7 +105,7 @@ export function useTaxAndCash() {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiOGU4NjEzZjE1NmVmYWJiMjZhYTQ5OWQ1MmEzZTRjZTViN2M2MjdiNDAzM2EwZjY1MjNmNDc2ZjM4NjM2NjViYyIsImFjY291bnRJZCI6IjhlODYxM2YxNTZlZmFiYjI2YWE0OTlkNTJhM2U0Y2U1YjdjNjI3YjQwMzNhMGY2NTIzZjQ3NmYzODYzNjY1YmMifX0.pmLeLxR80-BxbQqGcvVqyxM491AfbhsvJ6aeXP7ZY40",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZDkwYjQ4NjZlOWY4Y2I0MzM1NjQ3MmZlNzkzY2VhNTQyODI1NWVmMmQ4NzI3MzQ2OWEwNzQ0MTkzMzRhYmRiMCIsImFjY291bnRJZCI6ImQ5MGI0ODY2ZTlmOGNiNDMzNTY0NzJmZTc5M2NlYTU0MjgyNTVlZjJkODcyNzM0NjlhMDc0NDE5MzM0YWJkYjAifX0.xa1sXn7misRjRCiJBPGEekZmqzfHXOb5esO9WZjWZUw",
       });
     }, []);
 
@@ -122,7 +128,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  // setupDemo();
+  setupDemo();
 
   /** END DEMO DATA */
 

From 13cbace318773c9241c4d2cf3d9c73790ac8ac7b Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 27 Feb 2024 15:33:14 -0800
Subject: [PATCH 341/753] Add stories for rewards table status cell

---
 packages/mint-components/src/components.d.ts  | 12 +++
 .../RewardsTableCell.stories.tsx              | 73 ++++++++++++++++-
 .../cells/sqm-rewards-table-status-cell.tsx   | 78 ++++++++++++++++---
 packages/mint-components/src/index.html       |  4 +-
 4 files changed, 154 insertions(+), 13 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index a2d0d552f5..4cea2b10ec 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3084,8 +3084,14 @@ export namespace Components {
         "deniedText": string;
         "expiryText": string;
         "locale": string;
+        "payoutFailed": string;
+        "payoutSent": string;
+        "pendingNewTaxForm": string;
+        "pendingPartnerCreation": string;
         "pendingReviewText": string;
         "pendingScheduled": string;
+        "pendingTaxReview": string;
+        "pendingTaxSubmission": string;
         "pendingUnhandled": string;
         "pendingUsTax": string;
         "reward": Reward;
@@ -8426,8 +8432,14 @@ declare namespace LocalJSX {
         "deniedText"?: string;
         "expiryText"?: string;
         "locale"?: string;
+        "payoutFailed"?: string;
+        "payoutSent"?: string;
+        "pendingNewTaxForm"?: string;
+        "pendingPartnerCreation"?: string;
         "pendingReviewText"?: string;
         "pendingScheduled"?: string;
+        "pendingTaxReview"?: string;
+        "pendingTaxSubmission"?: string;
         "pendingUnhandled"?: string;
         "pendingUsTax"?: string;
         "reward"?: Reward;
diff --git a/packages/mint-components/src/components/sqm-rewards-table/RewardsTableCell.stories.tsx b/packages/mint-components/src/components/sqm-rewards-table/RewardsTableCell.stories.tsx
index f7b526fd04..30b46f4641 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/RewardsTableCell.stories.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/RewardsTableCell.stories.tsx
@@ -397,8 +397,23 @@ export const StatusCellExpired = () => {
 const pending = {
   statuses: ["PENDING"],
 };
-const pendingReview = {
-  statuses: ["PENDING_REVIEW"],
+const pendingTaxReview = {
+  statuses: ["PENDING_TAX_REVIEW"],
+};
+const pendingNewTaxForm = {
+  statuses: ["PENDING_NEW_TAX_FORM"],
+};
+const pendingTaxSubmission = {
+  statuses: ["PENDING_TAX_SUBMISSION"],
+};
+const pendingPartnerCreation = {
+  statuses: ["PENDING_PARTNER_CREATION"],
+};
+const payoutSent = {
+  statuses: ["PAYOUT_SENT"],
+};
+const payoutFailed = {
+  statuses: ["PAYOUT_FAILED"],
 };
 const us_tax = {
   pendingReasons: ["US_TAX"],
@@ -420,6 +435,60 @@ export const StatusCellPending = () => {
   );
 };
 
+export const StatusCellPendingTaxReview = () => {
+  return (
+    <sqm-rewards-table-status-cell
+      statusText="Pending"
+      reward={{ ...rewardsData, ...pendingTaxReview }}
+    ></sqm-rewards-table-status-cell>
+  );
+};
+
+export const StatusCellPendingNewTaxForm = () => {
+  return (
+    <sqm-rewards-table-status-cell
+      statusText="Pending"
+      reward={{ ...rewardsData, ...pendingNewTaxForm }}
+    ></sqm-rewards-table-status-cell>
+  );
+};
+
+export const StatusCellPendingTaxSubmission = () => {
+  return (
+    <sqm-rewards-table-status-cell
+      statusText="Pending"
+      reward={{ ...rewardsData, ...pendingTaxSubmission }}
+    ></sqm-rewards-table-status-cell>
+  );
+};
+
+export const StatusCellPendingPartnerCreation = () => {
+  return (
+    <sqm-rewards-table-status-cell
+      statusText="Pending"
+      reward={{ ...rewardsData, ...pendingPartnerCreation }}
+    ></sqm-rewards-table-status-cell>
+  );
+};
+
+export const StatusCellPayoutSent = () => {
+  return (
+    <sqm-rewards-table-status-cell
+      statusText="Payout Sent"
+      reward={{ ...rewardsData, ...payoutSent }}
+    ></sqm-rewards-table-status-cell>
+  );
+};
+
+export const StatusCellPayoutFailed = () => {
+  return (
+    <sqm-rewards-table-status-cell
+      statusText="Payout Failed"
+      reward={{ ...rewardsData, ...payoutFailed }}
+    ></sqm-rewards-table-status-cell>
+  );
+};
+
 export const StatusCellPendingWithLongText = () => {
   return (
     <div style={{ width: "200px" }}>
diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
index e4606b1f5d..172c4538ad 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
@@ -40,10 +40,20 @@ export class RewardTableStatusCell {
   @Prop() expiryText: string = "Expires";
   @Prop() locale: string = "en";
   @Prop() pendingUsTax: string = "W-9 required";
+  @Prop() pendingTaxReview: string = "Awaiting tax form review.";
+  @Prop() pendingNewTaxForm: string =
+    "Invalid tax form. Submit a new form to receive your rewards.";
+  @Prop() pendingTaxSubmission: string =
+    "Submit your tax documents to receive your rewards.";
+  @Prop() pendingPartnerCreation: string =
+    "Complete your tax and cash payout setup to receive your rewards.";
   @Prop() pendingScheduled: string = "Until";
   @Prop() pendingUnhandled: string = "Fulfillment error";
   @Prop() pendingReviewText: string = "Awaiting review";
   @Prop() deniedText: string = "Detected self-referral";
+  @Prop() payoutFailed: string = "This payout will be retried on {date}";
+  @Prop() payoutSent: string =
+    "Payout process started on {date}. Expected payout on {date}.";
 
   rewardStatus(reward: Reward) {
     if (reward.referral?.fraudData?.moderationStatus === "DENIED")
@@ -55,8 +65,19 @@ export class RewardTableStatusCell {
       return "EXPIRED";
     if (reward.statuses && reward.statuses.includes("PENDING"))
       return "PENDING";
+    if (reward.statuses.includes("PENDING_TAX_REVIEW"))
+      return "PENDING_TAX_REVIEW";
+    if (reward.statuses.includes("PENDING_NEW_TAX_FORM"))
+      return "PENDING_NEW_TAX_FORM";
+    if (reward.statuses.includes("PENDING_TAX_SUBMISSION"))
+      return "PENDING_TAX_SUBMISSION";
+    if (reward.statuses.includes("PENDING_PARTNER_CREATION"))
+      return "PENDING_PARTNER_CREATION";
+    if (reward.statuses.includes("PAYOUT_SENT")) return "PAYOUT_SENT";
+    if (reward.statuses.includes("PAYOUT_FAILED")) return "PAYOUT_FAILED";
     if (reward.type === "CREDIT") {
       if (reward.statuses.includes("REDEEMED")) return "REDEEMED";
+
       return "AVAILABLE";
     }
     if (reward.type === "PCT_DISCOUNT") {
@@ -74,6 +95,42 @@ export class RewardTableStatusCell {
     return "";
   }
 
+  getbadgeType(rewardStatus: string) {
+    switch (rewardStatus) {
+      case "AVAILABLE":
+        return "success";
+      case "REDEEMED":
+      case "PAYOUT_SENT":
+        return "primary";
+      case "PENDING":
+      case "PENDING_REVIEW":
+      case "PENDING_TAX_REVIEW":
+      case "PENDING_NEW_TAX_FORM":
+      case "PENDING_TAX_SUBMISSION":
+      case "PENDING_PARTNER_CREATION":
+        return "warning";
+      default:
+        return "danger";
+    }
+  }
+
+  getPayoutStatusText(rewardStatus: string) {
+    switch (rewardStatus) {
+      case "PAYOUT_SENT":
+        return this.payoutSent;
+      case "PAYOUT_FAILED":
+        return this.payoutFailed;
+      case "PENDING_TAX_REVIEW":
+        return this.pendingTaxReview;
+      case "PENDING_NEW_TAX_FORM":
+        return this.pendingNewTaxForm;
+      case "PENDING_TAX_SUBMISSION":
+        return this.pendingTaxSubmission;
+      case "PENDING_PARTNER_CREATION":
+        return this.pendingPartnerCreation;
+    }
+  }
+
   render() {
     intl.locale = this.locale;
 
@@ -85,14 +142,7 @@ export class RewardTableStatusCell {
       }
     );
 
-    const badgeType =
-      rewardStatus === "AVAILABLE"
-        ? "success"
-        : rewardStatus === "REDEEMED"
-        ? "primary"
-        : rewardStatus === "PENDING" || rewardStatus === "PENDING_REVIEW"
-        ? "warning"
-        : "danger";
+    const badgeType = this.getbadgeType(rewardStatus);
 
     const dateShown =
       this.reward.dateCancelled ||
@@ -119,6 +169,12 @@ export class RewardTableStatusCell {
         : rewardStatus === "DENIED"
         ? this.deniedText
         : null;
+
+    const payoutStatusText = this.getPayoutStatusText(rewardStatus);
+
+    console.log(payoutStatusText);
+    console.log(pendingReasons);
+
     return (
       <div style={{ display: "contents" }}>
         <style type="text/css">{styleString}</style>
@@ -134,7 +190,7 @@ export class RewardTableStatusCell {
           {statusText}
         </sl-badge>
         <p class={sheet.classes.Date}>
-          {pendingReasons || fraudStatusText || date}
+          {pendingReasons || fraudStatusText || payoutStatusText || date}
         </p>
       </div>
     );
@@ -151,6 +207,10 @@ export class RewardTableStatusCell {
               .toLocaleString(DateTime.DATE_MED),
         UNHANDLED_ERROR: prop.pendingUnhandled,
         SUSPECTED_FRAUD: prop.pendingReview,
+        PENDING_TAX_REVIEW: prop.pendingTaxReview,
+        PENDING_NEW_TAX_FORM: prop.pendingNewTaxForm,
+        PENDING_TAX_SUBMISSION: prop.pendingTaxSubmission,
+        PENDING_PARTNER_CREATION: prop.pendingPartnerCreation,
       };
       return [prop.reward.pendingReasons]
         .map((s: string): string => pendingCodeMap[s] ?? s)
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From ef68a661ff3311bf7f131b83daa3884ba57c4eaf Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 28 Feb 2024 10:01:22 -0800
Subject: [PATCH 342/753] fixes and spec for disabled indirect fields

---
 .../sqm-indirect-tax-form.feature             | 19 ++++++++++++++-----
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  9 ++++-----
 .../sqm-tax-document-submitted-view.tsx       |  4 +++-
 .../sqm-tax-document-submitted.tsx            |  2 +-
 .../useTaxDocumentSubmitted.tsx               | 10 ++++++----
 5 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 5f3f07afca..8e59383b89 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -9,7 +9,7 @@ Feature: Indirect Tax Form
     When <option> is selected based on the participant <country> from step 1
     Then different <inputs> appear
 
-    Examples: 
+    Examples:
       | country | option                                               | inputs                                                 |
       | CA      | I am registered for Indirect Tax in a Country/Region | Country, Province, HST/GST Number, ?QST Number(Quebec) |
       | ES      | I am registered for Indirect Tax in a Country/Region | Country, Sub Region, VAT Number, ?Income Tax Number    |
@@ -29,7 +29,7 @@ Feature: Indirect Tax Form
     And based on the selected <province>
     Then <typeTaxInput> will appear
 
-    Examples: 
+    Examples:
       | province              | typeTaxInput      |
       | Ontario               | HST Number        |
       | New Brunswick         | HST Number        |
@@ -110,7 +110,7 @@ Feature: Indirect Tax Form
     And based on the <typeTax>
     Then <typeTaxInputHeader> changes
 
-    Examples: 
+    Examples:
       | country        | typeTax | typeTaxInputHeader |
       | United Kingdom | VAT     | VAT Number         |
       | Australia      | GST     | GST Number         |
@@ -123,7 +123,7 @@ Feature: Indirect Tax Form
     And if the participant <isRegisteredForIncomeTax
     Then an Income Tax input appears
 
-    Examples: 
+    Examples:
       | subRegions | isRegisteredIncomeTax |
       | Madrid     | true                  |
       | Barcelona  | false                 |
@@ -174,7 +174,16 @@ Feature: Indirect Tax Form
     And they change the Country to <newCountrySelectValue>
     Then the Country <countryAutoSelectValue> changes to the <newCountrySelectValue>
 
-    Examples: 
+    Examples:
       | country | countryAutoSelectValue | newCountrySelectValue |
       | US      | United States          | Australia             |
       | UK      | United Kingdom         | Egypt                 |
+
+
+  @minutia
+  Scenario: Indirect tax fields are disabled if the user has existing publisher information
+    Given a user with a existing publisher information
+    Then all fields in the indirect tax form are disabled
+    When they click "Continue"
+    Then createImpactConnection mutation is called
+    And the body contains the pre-existing publisher information
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 0fe535932e..247c324373 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -38,8 +38,7 @@ function getCurrentStep(user: UserQuery["user"]) {
 
   if (
     !user.impactConnection ||
-    user.impactConnection?.connectionStatus === "NOT_CONNECTED" ||
-    !user.impactConnection?.publisher
+    user.impactConnection?.connectionStatus === "NOT_CONNECTED"
   ) {
     return "/1";
   }
@@ -251,9 +250,9 @@ export function useTaxAndCash() {
       const user = data?.user;
       if (!user || step !== "/loading") return;
 
-      // setStep("/4");
-      const currentStep = getCurrentStep(user);
-      setStep(currentStep);
+      setStep("/2");
+      // const currentStep = getCurrentStep(user);
+      // setStep(currentStep);
     }
   }, [host, user, data?.user?.email]);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index b23134f118..f7b21e8722 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -14,6 +14,7 @@ export interface TaxDocumentSubmittedProps {
     documentTypeString: string;
     disabled?: boolean;
     dateSubmitted?: string;
+    dateExpired?: string;
     expiresSoon?: boolean;
     noFormNeeded?: boolean;
     // AL: TODO add indirectTaxType props
@@ -38,7 +39,7 @@ export interface TaxDocumentSubmittedProps {
   slots: {
     payoutDetailsCardSlot: VNode;
   };
-  callbacks: { onClick: (props: any) => void; onEditIndirectTax: () => void };
+  callbacks: { onClick: (props: any) => void; onEditPayoutInfo: () => void };
   text: {
     statusTextActive?: string;
     statusTextNotActive?: string;
@@ -333,6 +334,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
               disabled={states.disabled || states.loading}
               type="default"
               class={sheet.classes.EditBankDetailsButton}
+              onClick={callbacks.onEditPayoutInfo}
             >
               {text.editPaymentInformationButton}
             </sl-button>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index 1baf420040..c206653f27 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -263,7 +263,7 @@ function useDemoTaxDocumentSubmitted(
       },
       callbacks: {
         onClick: () => console.debug("check step"),
-        onEditIndirectTax: () => console.debug("indirect tax"),
+        onEditPayoutInfo: () => console.debug("payout info"),
       },
       slots: {
         paymentDetailsCardSlot: <Upcoming />,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 3692c89fe0..538684f968 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -47,7 +47,7 @@ export const useTaxDocumentSubmitted = (
 
   const publisher = data?.user?.impactConnection?.publisher;
   const documentType = publisher?.currentTaxDocument?.type;
-  const submissionDate = DateTime.now().toMillis();
+  const submissionDate = publisher?.currentTaxDocument?.dateCreated;
   const dateSubmitted =
     DateTime.fromMillis(submissionDate).toFormat("LLL dd, yyyy");
 
@@ -66,13 +66,14 @@ export const useTaxDocumentSubmitted = (
     setStep(`/3`);
   };
 
-  const onEditIndirectTax = () => {
+  const onEditPayoutInfo = () => {
     setContext({
       overrideNextStep: "/submitted",
       overrideBackStep: "/submitted",
       hideSteps: true,
     });
-    setStep("/2");
+
+    setStep("/4");
   };
 
   const provinceName = INDIRECT_TAX_PROVINCES.find(
@@ -82,6 +83,7 @@ export const useTaxDocumentSubmitted = (
   return {
     states: {
       dateSubmitted,
+      dateExpired,
       documentType,
       documentTypeString: taxTypeToName(documentType),
       status: publisher?.currentTaxDocument?.status,
@@ -114,7 +116,7 @@ export const useTaxDocumentSubmitted = (
     },
     callbacks: {
       onClick: onNewDocumentClick,
-      onEditIndirectTax: onEditIndirectTax,
+      onEditPayoutInfo,
     },
     text: props.getTextProps(),
   };

From a2212688c7042044dec7830dce6def107cdc6e96 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 28 Feb 2024 10:44:56 -0800
Subject: [PATCH 343/753] Added indirecttaxform country search

---
 .../tax-and-cash/TaxForm.stories.tsx          |  1 +
 .../sqm-indirect-tax-form.tsx                 |  1 +
 .../useIndirectTaxForm.tsx                    | 20 ++++++++++++++++++-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 20 +++++++++----------
 .../small-views/IndirectTaxDetailsView.tsx    | 15 ++++++++++++++
 packages/mint-components/src/index.html       |  4 ++--
 6 files changed, 48 insertions(+), 13 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 8bbb72d83e..47436bc2a7 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -92,6 +92,7 @@ const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
     onFormChange: (field: string, e: CustomEvent) => console.log(field, e),
     onQstToggle: () => {},
     onSpainToggle: () => {},
+    setCountrySearch: (c) => console.log(c),
   },
   data: {
     esRegions: INDIRECT_TAX_SPAIN_REGIONS,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 31fe6e1ff1..2c2671e6bf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -311,6 +311,7 @@ function useDemoIndirectTaxForm(
         onQstToggle: () => {},
         onSpainToggle: () => {},
         onChange: setOption,
+        setCountrySearch: (c) => console.log(c),
       },
       data: {
         esRegions: INDIRECT_TAX_SPAIN_REGIONS,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 9d0ddb247e..08c800d32f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -96,6 +96,23 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     setOption(_option);
   }, [userForm, _countries]);
 
+  const [countrySearch, setCountrySearch] = useState("");
+  const [filteredCountries, setFilteredCountries] = useState(
+    _countries?.impactPayoutCountries?.data || []
+  );
+
+  useEffect(() => {
+    if (countrySearch.trim() === "") {
+      setFilteredCountries(_countries?.impactPayoutCountries?.data || []);
+    } else {
+      setFilteredCountries(
+        _countries?.impactPayoutCountries?.data.filter((c) =>
+          c.displayName.toLowerCase().includes(countrySearch.toLowerCase())
+        ) || []
+      );
+    }
+  }, [countrySearch, _countries?.impactPayoutCountries?.data]);
+
   useEffect(() => {
     const user = userData?.user;
     if (!user) return;
@@ -232,6 +249,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       onSubmit,
       onFormChange,
       onChange: setOption,
+      setCountrySearch,
       onQstToggle: () => setFormState((p) => ({ ...p, hasQst: !p.hasQst })),
       onSpainToggle: () =>
         setFormState((p) => ({
@@ -241,7 +259,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     },
     data: {
       esRegions: INDIRECT_TAX_SPAIN_REGIONS,
-      countries: _countries?.impactPayoutCountries?.data,
+      countries: filteredCountries,
       provinces: INDIRECT_TAX_PROVINCES,
     },
     text: props.getTextProps(),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 247c324373..a9fa63e07e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -100,23 +100,23 @@ export function useTaxAndCash() {
     };
 
     // coleton
-    useEffect(() => {
-      setUserIdentity({
-        accountId,
-        id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZDkwYjQ4NjZlOWY4Y2I0MzM1NjQ3MmZlNzkzY2VhNTQyODI1NWVmMmQ4NzI3MzQ2OWEwNzQ0MTkzMzRhYmRiMCIsImFjY291bnRJZCI6ImQ5MGI0ODY2ZTlmOGNiNDMzNTY0NzJmZTc5M2NlYTU0MjgyNTVlZjJkODcyNzM0NjlhMDc0NDE5MzM0YWJkYjAifX0.xa1sXn7misRjRCiJBPGEekZmqzfHXOb5esO9WZjWZUw",
-      });
-    }, []);
-
-    // andy
     // useEffect(() => {
     //   setUserIdentity({
     //     accountId,
     //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZDkwYjQ4NjZlOWY4Y2I0MzM1NjQ3MmZlNzkzY2VhNTQyODI1NWVmMmQ4NzI3MzQ2OWEwNzQ0MTkzMzRhYmRiMCIsImFjY291bnRJZCI6ImQ5MGI0ODY2ZTlmOGNiNDMzNTY0NzJmZTc5M2NlYTU0MjgyNTVlZjJkODcyNzM0NjlhMDc0NDE5MzM0YWJkYjAifX0.xa1sXn7misRjRCiJBPGEekZmqzfHXOb5esO9WZjWZUw",
     //   });
     // }, []);
 
+    // andy
+    useEffect(() => {
+      setUserIdentity({
+        accountId,
+        id,
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
+      });
+    }, []);
+
     // sam
     // useEffect(() => {
     //   setUserIdentity({
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 54ffac3bab..22b70d9781 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -38,6 +38,7 @@ export interface IndirectDetailsSlotViewProps {
     onFormChange: (field: string, e: CustomEvent) => void;
     onQstToggle: () => void;
     onSpainToggle: () => void;
+    setCountrySearch: (c: any) => void;
   };
   text: {
     selectedRegion: string;
@@ -88,6 +89,9 @@ const style = {
       borderRadius: "0 !important",
     },
   },
+  SearchInput: {
+    padding: "var(--sl-spacing-x-small)",
+  },
   ErrorInput: {
     maxWidth: "500px",
     "&::part(base)": {
@@ -355,6 +359,17 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             id="selectedRegion"
             name="/selectedRegion"
           >
+            <sl-input
+              class={classes.SearchInput}
+              placeholder="Search for country.."
+              onKeyDown={(e) => {
+                // Stop shoelace intercepting key presses
+                e.stopPropagation();
+              }}
+              onSl-input={(e) => {
+                callbacks.setCountrySearch(e.target.value);
+              }}
+            ></sl-input>
             {props.data.countries?.map((c) => (
               <sl-menu-item value={c.countryCode}>{c.displayName}</sl-menu-item>
             ))}
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From cbfef7cd1d4de9982e95a3119b164eed830cf443 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 28 Feb 2024 13:19:29 -0800
Subject: [PATCH 344/753] Made tooltip in document submitted view smaller

---
 .../sqm-indirect-tax-form.feature              | 18 ++++++++++++------
 .../sqm-tax-document-submitted-view.tsx        |  7 ++++++-
 packages/mint-components/src/index.html        |  4 ++--
 3 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 8e59383b89..0bc1473203 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -9,7 +9,7 @@ Feature: Indirect Tax Form
     When <option> is selected based on the participant <country> from step 1
     Then different <inputs> appear
 
-    Examples:
+    Examples: 
       | country | option                                               | inputs                                                 |
       | CA      | I am registered for Indirect Tax in a Country/Region | Country, Province, HST/GST Number, ?QST Number(Quebec) |
       | ES      | I am registered for Indirect Tax in a Country/Region | Country, Sub Region, VAT Number, ?Income Tax Number    |
@@ -29,7 +29,7 @@ Feature: Indirect Tax Form
     And based on the selected <province>
     Then <typeTaxInput> will appear
 
-    Examples:
+    Examples: 
       | province              | typeTaxInput      |
       | Ontario               | HST Number        |
       | New Brunswick         | HST Number        |
@@ -110,7 +110,7 @@ Feature: Indirect Tax Form
     And based on the <typeTax>
     Then <typeTaxInputHeader> changes
 
-    Examples:
+    Examples: 
       | country        | typeTax | typeTaxInputHeader |
       | United Kingdom | VAT     | VAT Number         |
       | Australia      | GST     | GST Number         |
@@ -123,7 +123,7 @@ Feature: Indirect Tax Form
     And if the participant <isRegisteredForIncomeTax
     Then an Income Tax input appears
 
-    Examples:
+    Examples: 
       | subRegions | isRegisteredIncomeTax |
       | Madrid     | true                  |
       | Barcelona  | false                 |
@@ -135,6 +135,13 @@ Feature: Indirect Tax Form
     Then "I am not registered for Indirect Tax" is auto-selected
     And no inputs appear
 
+  @minutia @ui
+  Scenario: Country/Region of Indirect Tax select is searchable
+    When the participante presses the Country/Region of Indirect Tax select
+    Then there is a searchbar
+    And as they type in the searchbar
+    Then the available countries get filtered out based on their search
+
   @minutia
   Scenario: Participant is registered for indirect tax fills out and submits form
     Given they are registered for indirect tax
@@ -174,12 +181,11 @@ Feature: Indirect Tax Form
     And they change the Country to <newCountrySelectValue>
     Then the Country <countryAutoSelectValue> changes to the <newCountrySelectValue>
 
-    Examples:
+    Examples: 
       | country | countryAutoSelectValue | newCountrySelectValue |
       | US      | United States          | Australia             |
       | UK      | United Kingdom         | Egypt                 |
 
-
   @minutia
   Scenario: Indirect tax fields are disabled if the user has existing publisher information
     Given a user with a existing publisher information
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index f7b21e8722..1c229769f1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -175,6 +175,11 @@ const style = {
     textAlign: "center",
     width: "250px",
   },
+  ToolTip: {
+    top: "6px",
+    width: "16px",
+    height: "16px",
+  },
   TaxNumberContainer: {
     display: "flex",
     flexDirection: "column",
@@ -357,7 +362,7 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
                   content={text.indirectTaxTooltipSupport}
                   class={sheet.classes.TooltipContainer}
                 >
-                  <sl-icon name="info-circle" style={{ top: "6px" }} />
+                  <sl-icon name="info-circle" class={sheet.classes.ToolTip} />
                 </sl-tooltip>
               </h3>
               <div class={sheet.classes.IndirectTaxPreviewDetails}>
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 6f6654d3cc..3f6976d268 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-tax-and-cash></sqm-tax-and-cash>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
   </body>
 </html>

From 67ce8d21c2070f38d4a15afff33631129866dd57 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 28 Feb 2024 14:10:01 -0800
Subject: [PATCH 345/753] fixes to banking info saving

---
 packages/mint-components/package-lock.json    |  4 +-
 .../sqm-banking-info-form-view.tsx            |  9 +-
 .../sqm-banking-info-form.tsx                 |  7 +-
 .../useBankingInfoForm.tsx                    | 97 +++++++++++--------
 .../tax-and-cash/sqm-tax-and-cash/data.ts     | 22 +++--
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 48 ++++-----
 .../sqm-tax-document-submitted-view.tsx       |  4 +-
 packages/mint-components/src/index.html       |  4 +-
 8 files changed, 107 insertions(+), 88 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index c6e7af2a9a..2482706883 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-39",
+  "version": "1.8.0-43",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-39",
+      "version": "1.8.0-43",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 9f3fd74d1b..3c9c5afa6b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -23,7 +23,7 @@ export interface BankingInfoFormViewProps {
       paymentScheduleChecked?: "paymentThreshold" | "paymentDay";
       errors?: {
         general?: boolean;
-        payPalEmail?: boolean;
+        paypalEmailAddress?: boolean;
       };
     };
     bitset?: number;
@@ -405,10 +405,11 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                     <sl-input
                       required
                       label={text.payPalInputLabel}
-                      name="/payPalEmail"
-                      id="payPalEmail"
+                      key="paypalEmailAddress"
+                      name="/paypalEmailAddress"
+                      id="paypalEmailAddress"
                       type="text"
-                      {...(formState?.errors?.payPalEmail && {
+                      {...(formState?.errors?.paypalEmailAddress && {
                         class: "error-input",
                         // TODO: not translatable
                         helpText: `${props.text.payPalInputLabel} is required`,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 89494a1401..47082fefa6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -342,7 +342,11 @@ export class BankingInfoForm {
       CNY: "CNAPS",
     };
 
-    const formMap = getFormMap({ props, routingCodeLabels });
+    const formMap = getFormMap({
+      props,
+      routingCodeLabels,
+      getValidationErrorMessage: this.getValidationErrorMessage,
+    });
 
     const inputFields = getFormInputs({
       bitset: props.states.bitset,
@@ -410,6 +414,7 @@ export class BankingInfoForm {
             ),
             paymentMethodSlot: (
               <sl-input
+                key="paymentMethod"
                 label={props.text.paymentMethod}
                 placeholder={props.states.paymentMethodFeeLabel}
                 disabled
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 7e4c86d14c..2c31223dc1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -11,6 +11,7 @@ import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useSetParent } from "../../../utils/useParentState";
 import {
   FINANCE_NETWORK_SETTINGS_NAMESPACE,
+  FinanceNetworkSetting,
   FinanceNetworkSettingsQuery,
   TAX_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
@@ -42,7 +43,7 @@ const PAYPAL_PAYMENT_METHOD = 7;
 
 export type BankingInfoFormData = {
   bankCountry?: string;
-  paypalEmail?: string;
+  paypalEmailAddress?: string;
   beneficiaryAccountName?: string;
   bankAccountType?: string;
   bankAccountNumber?: string;
@@ -82,9 +83,11 @@ type RoutingCodeLabels = {
 export function getFormMap({
   props,
   routingCodeLabels,
+  getValidationErrorMessage,
 }: {
   props: BankingInfoFormViewProps | Omit<any, "text" | "callbacks">;
   routingCodeLabels: RoutingCodeLabels;
+  getValidationErrorMessage: (text: string) => string;
 }) {
   const { errors } = props.states.formState;
 
@@ -96,10 +99,11 @@ export function getFormMap({
           label={props.text.beneficiaryAccountNameLabel}
           name="/beneficiaryAccountName"
           id="beneficiaryAccountName"
+          key="beneficiaryAccountName"
           type="text"
           {...(errors?.beneficiaryAccountName && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(
+            helpText: getValidationErrorMessage(
               props.text.beneficiaryAccountNameLabel
             ),
           })}
@@ -113,9 +117,10 @@ export function getFormMap({
           label={props.text.bankAccountTypeLabel}
           name="/bankAccountType"
           id="bankAccountType"
+          key="bankAccountType"
           {...(errors?.bankAccountType && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(
+            helpText: getValidationErrorMessage(
               props.text.bankAccountTypeLabel
             ),
           })}
@@ -136,10 +141,11 @@ export function getFormMap({
           label={props.text.bankAccountNumberLabel}
           name="/bankAccountNumber"
           id="bankAccountNumber"
+          key="bankAccountNumber"
           type="text"
           {...(errors?.bankAccountNumber && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(
+            helpText: getValidationErrorMessage(
               props.text.bankAccountNumberLabel
             ),
           })}
@@ -147,16 +153,18 @@ export function getFormMap({
       ),
     },
     3: {
+      // TODO: Figure out which field this maps to in the mutation
       input: (
         <sl-input
           required
           label={props.text.ibanLabel}
           name="/iban"
           id="iban"
+          key="iban"
           type="text"
           {...(errors?.iban && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(props.text.ibanLabel),
+            helpText: getValidationErrorMessage(props.text.ibanLabel),
           })}
         ></sl-input>
       ),
@@ -169,10 +177,11 @@ export function getFormMap({
           label={props.text.swiftCodeLabel}
           name="/swiftCode"
           id="swiftCode"
+          key="swiftCode"
           type="text"
           {...(errors?.swiftCode && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(props.text.swiftCodeLabel),
+            helpText: getValidationErrorMessage(props.text.swiftCodeLabel),
           })}
         ></sl-input>
       ),
@@ -187,10 +196,11 @@ export function getFormMap({
           }
           name="/routingCode"
           id="routingCode"
+          key="routingCode"
           type="text"
           {...(errors?.routingCode && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(
+            helpText: getValidationErrorMessage(
               routingCodeLabels[props.states.bankCountry] ||
                 props.text.routingCodeLabel
             ),
@@ -205,10 +215,11 @@ export function getFormMap({
           label={props.text.bankNameLabel}
           name="/bankName"
           id="bankName"
+          key="bankName"
           type="text"
           {...(errors?.bankName && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(props.text.bankNameLabel),
+            helpText: getValidationErrorMessage(props.text.bankNameLabel),
           })}
         ></sl-input>
       ),
@@ -220,11 +231,10 @@ export function getFormMap({
           label={props.text.classificationLabel}
           name="/beneficiaryClassification"
           id="beneficiaryClassification"
+          key="beneficiaryClassification"
           {...(errors?.beneficiaryClassification && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(
-              props.text.classificationLabel
-            ),
+            helpText: getValidationErrorMessage(props.text.classificationLabel),
           })}
         >
           <sl-menu-item value="BUSINESS">
@@ -243,11 +253,10 @@ export function getFormMap({
           type="text"
           name="/taxPayerId"
           id="taxPayerId"
+          key="taxPayerId"
           {...(errors?.taxPayerId && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(
-              props.text.taxPayerIdLabel
-            ),
+            helpText: getValidationErrorMessage(props.text.taxPayerIdLabel),
           })}
         ></sl-input>,
       ],
@@ -259,9 +268,10 @@ export function getFormMap({
           label={props.text.classificationCPFLabel}
           name="/beneficiaryClassification"
           id="beneficiaryClassification"
+          key="beneficiaryClassification"
           {...(errors?.beneficiaryClassification && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(
+            helpText: getValidationErrorMessage(
               props.text.classificationCPFLabel
             ),
           })}
@@ -274,6 +284,7 @@ export function getFormMap({
     9: {
       input: (
         <sl-input
+          key="patronymicName"
           required
           label={props.text.patronymicNameLabel}
           name="/patronymicName"
@@ -281,9 +292,7 @@ export function getFormMap({
           type="text"
           {...(errors?.patronymicName && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(
-              props.text.patronymicNameLabel
-            ),
+            helpText: getValidationErrorMessage(props.text.patronymicNameLabel),
           })}
         ></sl-input>
       ),
@@ -291,13 +300,14 @@ export function getFormMap({
     10: {
       input: (
         <sl-input
+          key="voCode"
           label={props.text.voCodeLabel}
           name="/voCode"
           id="voCode"
           type="text"
           {...(errors?.voCode && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(props.text.voCodeLabel),
+            helpText: getValidationErrorMessage(props.text.voCodeLabel),
           })}
         ></sl-input>
       ),
@@ -309,12 +319,11 @@ export function getFormMap({
           label={props.text.agencyCodeLabel}
           name="/agencyCode"
           id="agencyCode"
+          key="agencyCode"
           type="text"
           {...(errors?.agencyCode && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(
-              props.text.agencyCodeLabel
-            ),
+            helpText: getValidationErrorMessage(props.text.agencyCodeLabel),
           })}
         ></sl-input>
       ),
@@ -326,12 +335,11 @@ export function getFormMap({
           label={props.text.bankAddressLabel}
           name="/bankAddress"
           id="bankAddress"
+          key="bankAddress"
           type="text"
           {...(errors?.bankAddress && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(
-              props.text.bankAddressLabel
-            ),
+            helpText: getValidationErrorMessage(props.text.bankAddressLabel),
           })}
         ></sl-input>,
         <sl-input
@@ -339,10 +347,11 @@ export function getFormMap({
           label={props.text.bankCityLabel}
           name="/bankCity"
           id="bankCity"
+          key="bankCity"
           type="text"
           {...(errors?.bankCity && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(props.text.bankCityLabel),
+            helpText: getValidationErrorMessage(props.text.bankCityLabel),
           })}
         ></sl-input>,
         <sl-input
@@ -350,10 +359,11 @@ export function getFormMap({
           label={props.text.bankProvinceStateLabel}
           name="/bankProvinceState"
           id="bankProvinceState"
+          key="bankProvinceState"
           type="text"
           {...(errors?.bankProvinceState && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(
+            helpText: getValidationErrorMessage(
               props.text.bankProvinceStateLabel
             ),
           })}
@@ -363,12 +373,11 @@ export function getFormMap({
           label={props.text.bankPostalCodeLabel}
           name="/bankPostalCode"
           id="bankPostalCode"
+          key="bankPostalCode"
           type="text"
           {...(errors?.bankPostalCode && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(
-              props.text.bankPostalCodeLabel
-            ),
+            helpText: getValidationErrorMessage(props.text.bankPostalCodeLabel),
           })}
         ></sl-input>,
       ],
@@ -380,12 +389,11 @@ export function getFormMap({
           label={props.text.branchCodeLabel}
           name="/branchCode"
           id="branchCode"
+          key="branchCode"
           type="text"
           {...(errors?.branchCode && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(
-              props.text.branchCodeLabel
-            ),
+            helpText: getValidationErrorMessage(props.text.branchCodeLabel),
           })}
         ></sl-input>
       ),
@@ -397,11 +405,10 @@ export function getFormMap({
           label={props.text.classificationLabel}
           name="/beneficiaryClassification"
           id="beneficiaryClassification"
+          key="beneficiaryClassification"
           {...(errors?.beneficiaryClassification && {
             class: "error-input",
-            helpText: this.getValidationErrorMessage(
-              props.text.classificationLabel
-            ),
+            helpText: getValidationErrorMessage(props.text.classificationLabel),
           })}
         >
           <sl-menu-item value="BUSINESS">BUSINESS</sl-menu-item>
@@ -439,11 +446,14 @@ const SAVE_WITHDRAWAL_SETTINGS = gql`
   }
 `;
 
-function getPaymentMethod(paymentOption) {
-  if (paymentOption.paymentMethod === 3 || paymentOption.paymentMethod === 5)
+function getPaymentMethod(paymentOption: FinanceNetworkSetting | undefined) {
+  if (
+    paymentOption.defaultFinancePaymentMethodId === 3 ||
+    paymentOption.defaultFinancePaymentMethodId === 5
+  )
     return "BANK_TRANSFER";
 
-  if (paymentOption.paymentMethod === 7) return "PAYPAL";
+  if (paymentOption.defaultFinancePaymentMethodId === 7) return "PAYPAL";
   return "";
 }
 
@@ -500,9 +510,8 @@ export function useBankingInfoForm(
     }
 
     setLoading(true);
+    console.log({ formData });
     try {
-      console.log({ formData });
-
       // @ts-ignore figure out what the values for paymentDay are
       // const { paymentDay, ...rest } = formData;
 
@@ -511,12 +520,14 @@ export function useBankingInfoForm(
         setImpactPublisherWithdrawalSettingsInput: {
           userId: user.id,
           accountId: user.accountId,
-          paymentMethod: getPaymentMethod(currentPaymentOption),
+          paymentMethod: formData?.paypalEmailAddress
+            ? "PAYPAL"
+            : getPaymentMethod(currentPaymentOption),
           ...formData,
         },
       });
 
-      setStep("/submitted");
+      // setStep("/submitted");
     } catch (e) {
       console.error(e);
       setErrors({ general: true });
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 09bc975b6f..3e6ab0f0f8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -196,18 +196,20 @@ export type CurrenciesQuery = {
   currencies: { data: Currencies };
 };
 
+export type FinanceNetworkSetting = {
+  countryCode: string;
+  currency: string;
+  defaultFinancePaymentMethodId: number;
+  thresholdOptions: string;
+  withdrawalSettingId: number;
+  internationalEftFee: number;
+  foreignFxFee: number;
+  defaultFxFee: number;
+};
+
 export type FinanceNetworkSettingsQuery = {
   impactFinanceNetworkSettings: {
-    data: {
-      countryCode: string;
-      currency: string;
-      defaultFinancePaymentMethodId: number;
-      thresholdOptions: string;
-      withdrawalSettingId: number;
-      internationalEftFee: number;
-      foreignFxFee: number;
-      defaultFxFee: number;
-    }[];
+    data: FinanceNetworkSetting[];
     totalCount: number;
   };
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 247c324373..d99e138a27 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -74,16 +74,16 @@ export function useTaxAndCash() {
 
   function setupDemo() {
     // coleton
-    const id =
-      "d90b4866e9f8cb43356472fe793cea5428255ef2d87273469a074419334abdb0";
-    const accountId =
-      "d90b4866e9f8cb43356472fe793cea5428255ef2d87273469a074419334abdb0";
-
-    // andy
     // const id =
-    //   "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+    //   "d90b4866e9f8cb43356472fe793cea5428255ef2d87273469a074419334abdb0";
     // const accountId =
-    //   "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+    //   "d90b4866e9f8cb43356472fe793cea5428255ef2d87273469a074419334abdb0";
+
+    // andy
+    const id =
+      "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+    const accountId =
+      "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
 
     // sam
     // const id =
@@ -100,23 +100,23 @@ export function useTaxAndCash() {
     };
 
     // coleton
-    useEffect(() => {
-      setUserIdentity({
-        accountId,
-        id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZDkwYjQ4NjZlOWY4Y2I0MzM1NjQ3MmZlNzkzY2VhNTQyODI1NWVmMmQ4NzI3MzQ2OWEwNzQ0MTkzMzRhYmRiMCIsImFjY291bnRJZCI6ImQ5MGI0ODY2ZTlmOGNiNDMzNTY0NzJmZTc5M2NlYTU0MjgyNTVlZjJkODcyNzM0NjlhMDc0NDE5MzM0YWJkYjAifX0.xa1sXn7misRjRCiJBPGEekZmqzfHXOb5esO9WZjWZUw",
-      });
-    }, []);
-
-    // andy
     // useEffect(() => {
     //   setUserIdentity({
     //     accountId,
     //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZDkwYjQ4NjZlOWY4Y2I0MzM1NjQ3MmZlNzkzY2VhNTQyODI1NWVmMmQ4NzI3MzQ2OWEwNzQ0MTkzMzRhYmRiMCIsImFjY291bnRJZCI6ImQ5MGI0ODY2ZTlmOGNiNDMzNTY0NzJmZTc5M2NlYTU0MjgyNTVlZjJkODcyNzM0NjlhMDc0NDE5MzM0YWJkYjAifX0.xa1sXn7misRjRCiJBPGEekZmqzfHXOb5esO9WZjWZUw",
     //   });
     // }, []);
 
+    // andy
+    useEffect(() => {
+      setUserIdentity({
+        accountId,
+        id,
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
+      });
+    }, []);
+
     // sam
     // useEffect(() => {
     //   setUserIdentity({
@@ -156,21 +156,21 @@ export function useTaxAndCash() {
         countryCode: undefined,
         currency: undefined,
       } as UserFormContext,
-    }
+    },
   );
 
   const [_currenciesContext, setCurrenciesContext] = useParentState<Currencies>(
     {
       namespace: CURRENCIES_NAMESPACE,
       initialValue: [],
-    }
+    },
   );
 
   const [_countriesContext, setCountriesContext] = useParentState<TaxCountry[]>(
     {
       namespace: COUNTRIES_NAMESPACE,
       initialValue: [],
-    }
+    },
   );
 
   const { data } = useParentQuery<UserQuery>({
@@ -216,7 +216,7 @@ export function useTaxAndCash() {
       financeNetworkData?.impactFinanceNetworkSettings?.data?.reduce(
         (agg, settings) => {
           const currency = currenciesData?.currencies?.data?.find(
-            (currency) => currency.currencyCode === settings.currency
+            (currency) => currency.currencyCode === settings.currency,
           );
           // Currency not in supported list
           if (!currency) return agg;
@@ -234,7 +234,7 @@ export function useTaxAndCash() {
 
           return [...agg, currency];
         },
-        []
+        [],
       );
     return allValidCurrencies;
   }, [financeNetworkData, countryCode]);
@@ -250,7 +250,7 @@ export function useTaxAndCash() {
       const user = data?.user;
       if (!user || step !== "/loading") return;
 
-      setStep("/2");
+      setStep("/4");
       // const currentStep = getCurrentStep(user);
       // setStep(currentStep);
     }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index f7b21e8722..f595149855 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -330,14 +330,14 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
           <h3>{text.bankingInformationSectionHeader}</h3>
           <div class={sheet.classes.BankingInformationContainer}>
             {slots.payoutDetailsCardSlot}
-            <sl-button
+            {/* <sl-button
               disabled={states.disabled || states.loading}
               type="default"
               class={sheet.classes.EditBankDetailsButton}
               onClick={callbacks.onEditPayoutInfo}
             >
               {text.editPaymentInformationButton}
-            </sl-button>
+            </sl-button> */}
           </div>
         </div>
 
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..6f6654d3cc 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-tax-and-cash></sqm-tax-and-cash>
   </body>
 </html>

From 179e69136ed9b115f9acb2498a28e2c432ecb636 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 28 Feb 2024 14:33:26 -0800
Subject: [PATCH 346/753] Make rewardStatus function easier to read

---
 .../cells/sqm-rewards-table-status-cell.tsx   | 64 ++++++++++++-------
 1 file changed, 40 insertions(+), 24 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
index 172c4538ad..a66f3e43a2 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
@@ -55,41 +55,57 @@ export class RewardTableStatusCell {
   @Prop() payoutSent: string =
     "Payout process started on {date}. Expected payout on {date}.";
 
-  rewardStatus(reward: Reward) {
-    if (reward.referral?.fraudData?.moderationStatus === "DENIED")
-      return "DENIED";
-    if (reward.referral?.fraudData?.moderationStatus === "PENDING")
-      return "PENDING_REVIEW";
+  rewardStatus(reward: Reward): string {
+    const fraudStatus = reward.referral?.fraudData?.moderationStatus;
+    const hasExpired = reward.statuses?.includes("EXPIRED");
+    const isPending = reward.statuses?.includes("PENDING");
+
+    if (fraudStatus === "DENIED") return "DENIED";
+    if (fraudStatus === "PENDING") return "PENDING_REVIEW";
     if (reward.dateCancelled) return "CANCELLED";
-    if (reward.statuses && reward.statuses.includes("EXPIRED"))
-      return "EXPIRED";
-    if (reward.statuses && reward.statuses.includes("PENDING"))
-      return "PENDING";
-    if (reward.statuses.includes("PENDING_TAX_REVIEW"))
+    if (hasExpired) return "EXPIRED";
+    if (isPending) return "PENDING";
+    if (reward.statuses?.includes("PENDING_TAX_REVIEW"))
       return "PENDING_TAX_REVIEW";
-    if (reward.statuses.includes("PENDING_NEW_TAX_FORM"))
+    if (reward.statuses?.includes("PENDING_NEW_TAX_FORM"))
       return "PENDING_NEW_TAX_FORM";
-    if (reward.statuses.includes("PENDING_TAX_SUBMISSION"))
+    if (reward.statuses?.includes("PENDING_TAX_SUBMISSION"))
       return "PENDING_TAX_SUBMISSION";
-    if (reward.statuses.includes("PENDING_PARTNER_CREATION"))
+    if (reward.statuses?.includes("PENDING_PARTNER_CREATION"))
       return "PENDING_PARTNER_CREATION";
-    if (reward.statuses.includes("PAYOUT_SENT")) return "PAYOUT_SENT";
-    if (reward.statuses.includes("PAYOUT_FAILED")) return "PAYOUT_FAILED";
+    if (reward.statuses?.includes("PAYOUT_SENT")) return "PAYOUT_SENT";
+    if (reward.statuses?.includes("PAYOUT_FAILED")) return "PAYOUT_FAILED";
+
     if (reward.type === "CREDIT") {
-      if (reward.statuses.includes("REDEEMED")) return "REDEEMED";
+      return reward.statuses?.includes("REDEEMED") ? "REDEEMED" : "AVAILABLE";
+    }
 
+    if (
+      reward.type === "PCT_DISCOUNT" &&
+      reward.statuses?.includes("AVAILABLE")
+    ) {
       return "AVAILABLE";
     }
-    if (reward.type === "PCT_DISCOUNT") {
-      if (reward.statuses.includes("AVAILABLE")) return "AVAILABLE";
+
+    if (
+      (reward.type === "INTEGRATION" || reward.type === "FUELTANK") &&
+      isPending
+    ) {
+      return "PENDING";
+    }
+
+    if (
+      (reward.type === "INTEGRATION" || reward.type === "FUELTANK") &&
+      reward.statuses?.includes("CANCELLED")
+    ) {
+      return "CANCELLED";
     }
 
-    if (reward.type === "INTEGRATION" || reward.type === "FUELTANK") {
-      if (reward.statuses && reward.statuses.includes("PENDING"))
-        return "PENDING";
-      if (reward.statuses && reward.statuses.includes("CANCELLED"))
-        return "CANCELLED";
-      if (reward.statuses.includes("AVAILABLE")) return "AVAILABLE";
+    if (
+      (reward.type === "INTEGRATION" || reward.type === "FUELTANK") &&
+      reward.statuses?.includes("AVAILABLE")
+    ) {
+      return "AVAILABLE";
     }
 
     return "";

From 1930b7a7d8d4b661483736205f189b9ad6833f7c Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 28 Feb 2024 14:55:05 -0800
Subject: [PATCH 347/753] More cleanup

---
 .../cells/sqm-rewards-table-status-cell.tsx   | 20 +++++--------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
index a66f3e43a2..107ed0934b 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
@@ -59,6 +59,8 @@ export class RewardTableStatusCell {
     const fraudStatus = reward.referral?.fraudData?.moderationStatus;
     const hasExpired = reward.statuses?.includes("EXPIRED");
     const isPending = reward.statuses?.includes("PENDING");
+    const integrationOrFueltankReward =
+      reward.type === "INTEGRATION" || reward.type === "FUELTANK";
 
     if (fraudStatus === "DENIED") return "DENIED";
     if (fraudStatus === "PENDING") return "PENDING_REVIEW";
@@ -87,24 +89,15 @@ export class RewardTableStatusCell {
       return "AVAILABLE";
     }
 
-    if (
-      (reward.type === "INTEGRATION" || reward.type === "FUELTANK") &&
-      isPending
-    ) {
+    if (integrationOrFueltankReward && isPending) {
       return "PENDING";
     }
 
-    if (
-      (reward.type === "INTEGRATION" || reward.type === "FUELTANK") &&
-      reward.statuses?.includes("CANCELLED")
-    ) {
+    if (integrationOrFueltankReward && reward.statuses?.includes("CANCELLED")) {
       return "CANCELLED";
     }
 
-    if (
-      (reward.type === "INTEGRATION" || reward.type === "FUELTANK") &&
-      reward.statuses?.includes("AVAILABLE")
-    ) {
+    if (integrationOrFueltankReward && reward.statuses?.includes("AVAILABLE")) {
       return "AVAILABLE";
     }
 
@@ -188,9 +181,6 @@ export class RewardTableStatusCell {
 
     const payoutStatusText = this.getPayoutStatusText(rewardStatus);
 
-    console.log(payoutStatusText);
-    console.log(pendingReasons);
-
     return (
       <div style={{ display: "contents" }}>
         <style type="text/css">{styleString}</style>

From 7a162895912d3267ea0f2a7d7c4ca7e1f74502c5 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 28 Feb 2024 15:01:55 -0800
Subject: [PATCH 348/753] fix banking demo types and stories

---
 packages/mint-components/src/components.d.ts  |  5 +-
 .../tax-and-cash/BankingForm.stories.tsx      | 50 ++++++++-----------
 .../tax-and-cash/TaxForm.stories.tsx          | 19 +++----
 .../sqm-banking-info-form-view.tsx            |  9 ++--
 .../sqm-banking-info-form.tsx                 | 24 +++++----
 .../useBankingInfoForm.tsx                    | 12 ++---
 6 files changed, 56 insertions(+), 63 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 4cea2b10ec..0e930307c0 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -7,6 +7,7 @@
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 import { DemoData } from "./global/demo";
 import { AssetCardViewProps } from "./components/sqm-asset-card/sqm-asset-card-view";
+import { BankingInfoFormViewProps } from "./components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view";
 import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
 import { CouponCodeViewProps } from "./components/sqm-coupon-code/sqm-coupon-code-view";
@@ -151,7 +152,7 @@ export namespace Components {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<any>;
+        "demoData"?: DemoData<BankingInfoFormViewProps>;
         /**
           * Text for the option to receive payments directly to a bank account
           * @uiName Directly to bank account option text
@@ -5520,7 +5521,7 @@ declare namespace LocalJSX {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<any>;
+        "demoData"?: DemoData<BankingInfoFormViewProps>;
         /**
           * Text for the option to receive payments directly to a bank account
           * @uiName Directly to bank account option text
diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 60e2d24ac6..bc2244ed86 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -1,10 +1,12 @@
 import { h } from "@stencil/core";
+import { StoryDemoData } from "../../global/demo";
+import { BankingInfoFormViewProps } from "./sqm-banking-info-form/sqm-banking-info-form-view";
 
 export default {
   title: "Components/Banking Information Form",
 };
 
-const bankingFormProps = {
+const bankingFormProps: StoryDemoData<BankingInfoFormViewProps> = {
   states: {
     hideSteps: false,
     disabled: false,
@@ -12,34 +14,22 @@ const bankingFormProps = {
     formState: {
       paymentMethodChecked: "toBankAccount",
     },
+    hasPayPal: false,
+    isPartner: false,
+    saveDisabled: false,
+    thresholds: [],
     bankCountry: "US",
     currency: "USD",
   },
 
   callbacks: {
     onSubmit: async () => console.log("Submit"),
-    onChange: () => console.log("Submit"),
-  },
-  slotProps: {
-    formState: {
-      errors: {},
-    },
+    setPaymentMethodChecked: () => {},
+    setPaymentScheduleChecked: () => {},
   },
   refs: { formRef: { current: null } },
 };
 
-export const BankingInfoFormTesting = () => {
-  return (
-    <sqm-banking-info-form
-      demoData={{
-        states: {
-          showInputs: true,
-        },
-      }}
-    ></sqm-banking-info-form>
-  );
-};
-
 export const BankingInfoFormDefault = () => {
   return <sqm-banking-info-form></sqm-banking-info-form>;
 };
@@ -48,7 +38,7 @@ export const BankingInfoFormDefaultLoading = () => {
   return (
     <sqm-banking-info-form
       demoData={{
-        states: { loading: true },
+        states: { ...bankingFormProps.states, loading: true },
       }}
     ></sqm-banking-info-form>
   );
@@ -152,7 +142,7 @@ export const BankingInfoFormCountryARCurrencyARS = () => {
           bankCountry: "AR",
           formState: {
             ...bankingFormProps.states.formState,
-            paymentScheduleChecked: "fixedDay",
+            paymentScheduleChecked: "paymentDay",
             paymentMethodChecked: "toBankAccount",
           },
           currency: "ARS",
@@ -172,7 +162,7 @@ export const BankingInfoFormCountryMXCurrencyMXN = () => {
           bankCountry: "MX",
           formState: {
             ...bankingFormProps.states.formState,
-            paymentScheduleChecked: "fixedDay",
+            paymentScheduleChecked: "paymentDay",
             paymentMethodChecked: "toBankAccount",
           },
           currency: "MXN",
@@ -266,7 +256,7 @@ export const BankingInfoFormPaypalChecked = () => {
           ...bankingFormProps.states,
           formState: {
             ...bankingFormProps.states.formState,
-            paymentMethodChecked: "toPaypalAccount",
+            paymentMethodChecked: "toPayPalAccount",
           },
         },
       }}
@@ -284,7 +274,7 @@ export const BankingInfoFormPaypalCheckedLoading = () => {
           loading: true,
           formState: {
             ...bankingFormProps.states.formState,
-            paymentMethodChecked: "toPaypalAccount",
+            paymentMethodChecked: "toPayPalAccount",
           },
         },
       }}
@@ -302,7 +292,7 @@ export const BankingInfoFormWithBalanceThresholdPaymentSchedule = () => {
           bankCountry: "US",
           formState: {
             ...bankingFormProps.states.formState,
-            paymentScheduleChecked: "balanceThreshold",
+            paymentScheduleChecked: "paymentThreshold",
           },
           currency: "USD",
         },
@@ -325,7 +315,7 @@ export const BankingInfoFormWithBalanceThresholdPaymentScheduleWithError =
                 balanceThreshold: true,
               },
               ...bankingFormProps.states.formState,
-              paymentScheduleChecked: "balanceThreshold",
+              paymentScheduleChecked: "paymentThreshold",
             },
             currency: "USD",
           },
@@ -345,7 +335,7 @@ export const BankingInfoFormWithBalanceThresholdPaymentScheduleLoading = () => {
           bankCountry: "US",
           formState: {
             ...bankingFormProps.states.formState,
-            paymentScheduleChecked: "balanceThreshold",
+            paymentScheduleChecked: "paymentThreshold",
           },
           currency: "USD",
         },
@@ -364,7 +354,7 @@ export const BankingInfoFormWithFixedDayPaymentSchedule = () => {
           bankCountry: "US",
           formState: {
             ...bankingFormProps.states.formState,
-            paymentScheduleChecked: "fixedDay",
+            paymentScheduleChecked: "paymentDay",
           },
           currency: "USD",
         },
@@ -386,7 +376,7 @@ export const BankingInfoFormWithFixedDayPaymentScheduleWithError = () => {
               fixedDay: true,
             },
             ...bankingFormProps.states.formState,
-            paymentScheduleChecked: "fixedDay",
+            paymentScheduleChecked: "paymentDay",
           },
           currency: "USD",
         },
@@ -406,7 +396,7 @@ export const BankingInfoFormWithFixedDayPaymentScheduleLoading = () => {
           bankCountry: "US",
           formState: {
             ...bankingFormProps.states.formState,
-            paymentScheduleChecked: "fixedDay",
+            paymentScheduleChecked: "paymentDay",
           },
           currency: "USD",
         },
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 47436bc2a7..f61b13636e 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -12,6 +12,7 @@ import {
 } from "./subregions";
 import { UseUserInfoFormResult } from "./sqm-user-info-form/useUserInfoForm";
 import { DocusignStatus } from "./sqm-docusign-form/docusign-iframe/DocusignIframe";
+import { BankingInfoFormViewProps } from "./sqm-banking-info-form/sqm-banking-info-form-view";
 // import sqmUserInfoSpecs from "./sqm-tax-document-step-1.feature";
 // import sqmIndirectTaxFormSpecs from "../sqm-indirect-tax-form/sqm-indirect-tax-form.feature";
 
@@ -124,23 +125,23 @@ const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
   refs: { formRef: { current: null } },
 };
 
-const stepFourProps = {
+const stepFourProps: StoryDemoData<BankingInfoFormViewProps> = {
   states: {
     hideSteps: false,
     disabled: false,
     loading: false,
+    hasPayPal: false,
+    isPartner: false,
+    saveDisabled: false,
+    thresholds: [],
     formState: {
-      checked: "toBankAccount",
+      paymentMethodChecked: "toBankAccount",
     },
   },
   callbacks: {
     onSubmit: async () => console.log("Submit"),
-    onChange: () => console.log("Submit"),
-  },
-  slotProps: {
-    formState: {
-      errors: {},
-    },
+    setPaymentMethodChecked: () => {},
+    setPaymentScheduleChecked: () => {},
   },
   refs: { formRef: { current: null } },
 };
@@ -781,7 +782,7 @@ export const StepFourToPaypalChecked = () => {
           ...stepFourProps.states,
           formState: {
             ...stepFourProps.states.formState,
-            checked: "toPaypalAccount",
+            paymentMethodChecked: "toPayPalAccount",
           },
         },
       }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 3c9c5afa6b..6f46fbf973 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -23,12 +23,13 @@ export interface BankingInfoFormViewProps {
       paymentScheduleChecked?: "paymentThreshold" | "paymentDay";
       errors?: {
         general?: boolean;
-        paypalEmailAddress?: boolean;
+        [field: string]: boolean;
       };
     };
     bitset?: number;
     bankCountry?: string;
     currency?: string;
+    thresholds: string[];
     countries?: { code: string; name: string }[];
     currentPaymentOption?: any;
     showInputs?: boolean;
@@ -60,18 +61,20 @@ export interface BankingInfoFormViewProps {
     paymentMethod: string;
     paymentMethodSubtext: string;
     submitButton: string;
+    bankLocationLabel: string;
     payPalInputLabel: string;
     paymentSchedule: string;
     paymentScheduleBalanceThreshold: string;
     paymentScheduleFixedDay: string;
     paymentDaySelectLabel: string;
+    paymentThresholdSelectLabel: string;
     paymentDayFirstOfMonthLabelText: string;
     paymentDayFifteenthOfMonthLabelText: string;
     isPartnerAlertHeader: string;
     isPartnerAlertDescription: string;
     error: {
-      generalTitle;
-      generalDescription;
+      generalTitle: string;
+      generalDescription: string;
     };
   };
   refs: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 47082fefa6..284cc77853 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -6,7 +6,10 @@ import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { mockPaymentOptions } from "./mockData";
-import { BankingInfoFormView } from "./sqm-banking-info-form-view";
+import {
+  BankingInfoFormView,
+  BankingInfoFormViewProps,
+} from "./sqm-banking-info-form-view";
 import {
   getFormInputs,
   getFormMap,
@@ -294,7 +297,7 @@ export class BankingInfoForm {
    * @undocumented
    * @uiType object
    */
-  @Prop() demoData?: DemoData<any>;
+  @Prop() demoData?: DemoData<BankingInfoFormViewProps>;
 
   constructor() {
     withHooks(this);
@@ -322,12 +325,10 @@ export class BankingInfoForm {
   render() {
     const props = isDemo()
       ? useDemoBankingInfoForm(this)
-      : useBankingInfoForm(getProps(this));
+      : useBankingInfoForm(this);
 
     const { errors } = props.states.formState;
 
-    console.log({ props });
-
     // TODO: may need to make these translatable
     const routingCodeLabels = {
       AU: "BSB Number",
@@ -433,9 +434,11 @@ export class BankingInfoForm {
                   ),
                 })}
               >
-                {/* TODO: Unhardcode this list */}
-                <sl-menu-item value="1st">10 USD</sl-menu-item>
-                <sl-menu-item value="15th">20 USD</sl-menu-item>
+                {props.states.thresholds.map((t) => (
+                  <sl-menu-item
+                    value={t}
+                  >{`${props.states.currency}${t}`}</sl-menu-item>
+                ))}
               </sl-select>
             ),
             paymentFixedDaySelectSlot: (
@@ -466,7 +469,9 @@ export class BankingInfoForm {
   }
 }
 
-function useDemoBankingInfoForm(props: BankingInfoForm) {
+function useDemoBankingInfoForm(
+  props: BankingInfoForm
+): BankingInfoFormViewProps {
   const defaultPaymentMethodChecked =
     props.demoData?.states?.formState?.paymentMethodChecked;
   const defaultPaymentScheduleChecked =
@@ -561,7 +566,6 @@ function useDemoBankingInfoForm(props: BankingInfoForm) {
         },
         bitset,
         bankCountry,
-        showInputs: props.demoData?.showInputs,
         currency,
         setCurrency,
         hasPayPal: true,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 2c31223dc1..dd803fb665 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -153,12 +153,11 @@ export function getFormMap({
       ),
     },
     3: {
-      // TODO: Figure out which field this maps to in the mutation
       input: (
         <sl-input
           required
           label={props.text.ibanLabel}
-          name="/iban"
+          name="/bankAccountNumber"
           id="iban"
           key="iban"
           type="text"
@@ -595,13 +594,7 @@ export function useBankingInfoForm(
     : _paymentMethodChecked;
 
   return {
-    text: {
-      ...props,
-      error: {
-        generalTitle: props.generalErrorTitle,
-        generalDescription: props.generalErrorDescription,
-      },
-    },
+    text: props.getTextProps(),
     callbacks: {
       onSubmit,
       setBankCountry,
@@ -628,6 +621,7 @@ export function useBankingInfoForm(
       bitset: currentPaymentOption?.withdrawalSettingId || 0,
       bankCountry,
       currency,
+      thresholds: currentPaymentOption?.thresholdOptions?.split(",") || [],
       countries,
       hasPayPal,
       showInputs: false,

From 8a295445c97f30ed32ce8c3673d7f61adb0af8d8 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 28 Feb 2024 15:17:49 -0800
Subject: [PATCH 349/753] initialise currentPaymentOption + wire up mutation

---
 .../useBankingInfoForm.tsx                    | 38 ++++++++++++++-----
 1 file changed, 29 insertions(+), 9 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index dd803fb665..e6df71a30d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -3,7 +3,7 @@ import {
   useMutation,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
-import { useRef, useState } from "@saasquatch/universal-hooks";
+import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import { h } from "@stencil/core";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
@@ -161,7 +161,7 @@ export function getFormMap({
           id="iban"
           key="iban"
           type="text"
-          {...(errors?.iban && {
+          {...(errors?.bankAccountNumber && {
             class: "error-input",
             helpText: getValidationErrorMessage(props.text.ibanLabel),
           })}
@@ -476,6 +476,8 @@ export function useBankingInfoForm(
   const formRef = useRef<HTMLFormElement>(null);
 
   const [bankCountry, setBankCountry] = useState("");
+  const [currentPaymentOption, setCurrentPaymentOption] =
+    useState<null | FinanceNetworkSetting>(null);
   const [loading, setLoading] = useState(false);
   const [errors, setErrors] = useState({});
   const [_paymentMethodChecked, setPaymentMethodChecked] = useState<
@@ -511,6 +513,7 @@ export function useBankingInfoForm(
     setLoading(true);
     console.log({ formData });
     try {
+      if (!currentPaymentOption) throw new Error("No currentPaymentOption");
       // @ts-ignore figure out what the values for paymentDay are
       // const { paymentDay, ...rest } = formData;
 
@@ -540,8 +543,6 @@ export function useBankingInfoForm(
 
   const feeCap = paypalFeeMap[currency] || "";
 
-  // const paymentOptions = mockPaymentOptions[currency];
-  // paymentOptions;
   const paymentOptionsRes = useParentQueryValue<FinanceNetworkSettingsQuery>(
     FINANCE_NETWORK_SETTINGS_NAMESPACE
   );
@@ -549,10 +550,29 @@ export function useBankingInfoForm(
   const paymentOptions =
     paymentOptionsRes?.data?.impactFinanceNetworkSettings?.data;
 
-  const currentPaymentOption = paymentOptions?.find((paymentOption) => {
-    if (paymentOption.countryCode === bankCountry) return true;
-    return false;
-  });
+  useEffect(() => {
+    if (!userData) return;
+    if (!paymentOptions) return;
+
+    const publisherCountry =
+      userData?.user?.impactConnection?.publisher?.countryCode;
+    const currentPaymentOption = paymentOptions?.find(
+      (paymentOption) => paymentOption.countryCode === publisherCountry
+    );
+
+    setCurrentPaymentOption(currentPaymentOption);
+    setBankCountry(publisherCountry);
+  }, [paymentOptions, userData, setCurrentPaymentOption, setBankCountry]);
+
+  const updateBankCountry = (bankCountry: string) => {
+    const currentPaymentOption = paymentOptions?.find((paymentOption) => {
+      if (paymentOption.countryCode === bankCountry) return true;
+      return false;
+    });
+
+    setBankCountry(bankCountry);
+    setCurrentPaymentOption(currentPaymentOption);
+  };
 
   const paymentMethodFeeMap = {
     [ACH_PAYMENT_METHOD]: "EFT Withdrawal (free)",
@@ -597,7 +617,7 @@ export function useBankingInfoForm(
     text: props.getTextProps(),
     callbacks: {
       onSubmit,
-      setBankCountry,
+      setBankCountry: updateBankCountry,
       setPaymentMethodChecked,
       setPaymentScheduleChecked,
       setCurrency,

From 37f1b2199e49d335ec9a255df8b046fad06ea663 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 28 Feb 2024 16:12:23 -0800
Subject: [PATCH 350/753] Fix step numbers

---
 .../sqm-banking-info-form/readme.md             | 15 ++++++---------
 .../sqm-banking-info-form.tsx                   |  2 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md     | 17 +++++++----------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx       |  8 ++++----
 4 files changed, 18 insertions(+), 24 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index b0cc37ab81..853f705bf5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -1,10 +1,7 @@
 # sqm-cash-form
 
-
-
 <!-- Auto Generated Below -->
 
-
 ## Properties
 
 | Property                              | Attribute                                   | Description                                                                             | Type                                      | Default                                                                                                                                                                     |
@@ -28,7 +25,7 @@
 | `demoData`                            | --                                          |                                                                                         | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                                                                                                 |
 | `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                  | `"Directly to my bank account"`                                                                                                                                             |
 | `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                  | `"Foreign"`                                                                                                                                                                 |
-| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                  | `"Step 4 of 5"`                                                                                                                                                             |
+| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                  | `"Step 4 of 4"`                                                                                                                                                             |
 | `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                  | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                  | `"There was a problem submitting your information"`                                                                                                                         |
 | `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                  | `"IBAN"`                                                                                                                                                                    |
@@ -56,15 +53,15 @@
 | `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                  | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                           |
 | `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                  | `"VO Code"`                                                                                                                                                                 |
 
-
 ## Dependencies
 
 ### Used by
 
- - [sqm-stencilbook](../../sqm-stencilbook)
- - [sqm-tax-and-cash](../sqm-tax-and-cash)
+- [sqm-stencilbook](../../sqm-stencilbook)
+- [sqm-tax-and-cash](../sqm-tax-and-cash)
 
 ### Graph
+
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-banking-info-form
@@ -72,6 +69,6 @@ graph TD;
   style sqm-banking-info-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 284cc77853..5fdc08c0a6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -33,7 +33,7 @@ export class BankingInfoForm {
    * Subtext shown at the top of the page, used to show the current step of the tax form.
    * @uiName Form step text
    */
-  @Prop() formStep: string = "Step 4 of 5";
+  @Prop() formStep: string = "Step 4 of 4";
 
   /**
    * Heading text shown at the top of the page
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 45dca9a6f5..8349b4e502 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -1,10 +1,7 @@
 # sqm-tax-and-cash-monolith
 
-
-
 <!-- Auto Generated Below -->
 
-
 ## Properties
 
 | Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                     |
@@ -21,7 +18,7 @@
 | `step1_emailError`                              | `step-1_email-error`                                 | Error text shown at the bottom of the email input                                                          | `string`                                                                                                             | `"Enter a valid email"`                                                                                                                                                     |
 | `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                              |
 | `step1_firstNameError`                          | `step-1_first-name-error`                            | Error text shown at the bottom of the first name input                                                     | `string`                                                                                                             | `"Enter a first name"`                                                                                                                                                      |
-| `step1_formStep`                                | `step-1_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 5"`                                                                                                                                                             |
+| `step1_formStep`                                | `step-1_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                             |
 | `step1_generalErrorDescription`                 | `step-1_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `step1_generalErrorTitle`                       | `step-1_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
 | `step1_individualParticipant`                   | `step-1_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
@@ -35,7 +32,7 @@
 | `step1_submitButton`                            | `step-1_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
 | `step1_taxAndBankingCollection`                 | `step-1_tax-and-banking-collection`                  | Heading text for the tax and banking collection checkbox                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
 | `step2_backButton`                              | `step-2_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step2_formStep`                                | `step-2_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 5"`                                                                                                                                                             |
+| `step2_formStep`                                | `step-2_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                             |
 | `step2_generalErrorDescription`                 | `step-2_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `step2_generalErrorTitle`                       | `step-2_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
 | `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
@@ -69,7 +66,7 @@
 | `step3_docusignCompleted`                       | `step-3_docusign-completed`                          | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                         |
 | `step3_docusignError`                           | `step-3_docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                          |
 | `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`          |
-| `step3_formStep`                                | `step-3_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 5"`                                                                                                                                                             |
+| `step3_formStep`                                | `step-3_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
 | `step3_formSubmissionError`                     | `step-3_form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
 | `step3_generalErrorDescription`                 | `step-3_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `step3_generalErrorTitle`                       | `step-3_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
@@ -84,7 +81,7 @@
 | `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
 | `step3b_backButton`                             | `step-3b_back-button`                                | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
 | `step3b_formLabel`                              | `step-3b_form-label`                                 | Sub text shown above form selection radio buttons                                                          | `string`                                                                                                             | `"Select a tax form"`                                                                                                                                                       |
-| `step3b_formStep`                               | `step-3b_form-step`                                  | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 5"`                                                                                                                                                             |
+| `step3b_formStep`                               | `step-3b_form-step`                                  | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
 | `step3b_generalErrorDescription`                | `step-3b_general-error-description`                  | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `step3b_generalErrorTitle`                      | `step-3b_general-error-title`                        | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
 | `step3b_submitButton`                           | `step-3b_submit-button`                              | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
@@ -125,7 +122,6 @@
 | `step4_taxDocumentSectionSubHeader`             | `step-4_tax-document-section-sub-header`             | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
 | `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                    |
 
-
 ## Dependencies
 
 ### Depends on
@@ -137,6 +133,7 @@
 - [sqm-tax-document-submitted](../sqm-tax-document-submitted)
 
 ### Graph
+
 ```mermaid
 graph TD;
   sqm-tax-and-cash --> sqm-user-info-form
@@ -148,6 +145,6 @@ graph TD;
   style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 25714ccaa9..e59618b299 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -72,7 +72,7 @@ export class TaxAndCashMonolith {
    * @uiName Tax form step text
    * @uiGroup Step 1 Properties
    */
-  @Prop() step1_formStep: string = "Step 1 of 5";
+  @Prop() step1_formStep: string = "Step 1 of 4";
   /**
    * Heading text shown above the forms inputs.
    * @uiName Form heading text
@@ -188,7 +188,7 @@ export class TaxAndCashMonolith {
    * @uiName Indirect tax form step text
    * @uiGroup Step 2 Properties
    */
-  @Prop() step2_formStep: string = "Step 2 of 5";
+  @Prop() step2_formStep: string = "Step 2 of 4";
   /**
    * Heading text shown at the top of the page
    * @uiName Indirect tax heading text
@@ -370,7 +370,7 @@ export class TaxAndCashMonolith {
    * @uiName Tax form step text
    * @uiGroup Step 3 Properties
    */
-  @Prop() step3_formStep: string = "Step 3 of 5";
+  @Prop() step3_formStep: string = "Step 3 of 4";
   /**
    * Heading text shown at the top of the page
    * @uiName Tax form heading text
@@ -521,7 +521,7 @@ export class TaxAndCashMonolith {
    * @uiName Tax form step text
    * @uiGroup Step 3b Properties
    */
-  @Prop() step3b_formStep: string = "Step 3 of 5";
+  @Prop() step3b_formStep: string = "Step 3 of 4";
   /**
    * Sub text shown above form selection radio buttons
    * @uiName Tax form selection heading text

From 1262768ddd7896c9e0bc1420fda1603ed8ab266d Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 28 Feb 2024 17:00:34 -0800
Subject: [PATCH 351/753] Added contentAreaWidth prop to divided layout.

---
 packages/mint-components/src/components.d.ts         | 12 ++++++++++++
 .../sqm-divided-layout/sqm-divided-layout-view.tsx   |  6 ++++++
 .../sqm-divided-layout/sqm-divided-layout.tsx        |  7 +++++++
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx  |  2 +-
 .../sqm-user-info-form/sqm-user-info-form.feature    |  4 ++--
 packages/mint-components/src/index.html              |  8 ++++++--
 .../mint-components/src/templates/TaxAndCash.html    |  2 +-
 7 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 4cea2b10ec..39b224b839 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -500,6 +500,12 @@ export namespace Components {
         "tooltiptext": string;
     }
     interface SqmDividedLayout {
+        /**
+          * Overrides max-width of content area
+          * @uiName Content Area Width
+          * @uiType string
+         */
+        "contentAreaWidth": string | null;
         /**
           * @uiName Direction
           * @uiType string
@@ -5869,6 +5875,12 @@ declare namespace LocalJSX {
         "tooltiptext"?: string;
     }
     interface SqmDividedLayout {
+        /**
+          * Overrides max-width of content area
+          * @uiName Content Area Width
+          * @uiType string
+         */
+        "contentAreaWidth"?: string | null;
         /**
           * @uiName Direction
           * @uiType string
diff --git a/packages/mint-components/src/components/sqm-divided-layout/sqm-divided-layout-view.tsx b/packages/mint-components/src/components/sqm-divided-layout/sqm-divided-layout-view.tsx
index 31dbd26e3e..b72aa8f2d8 100644
--- a/packages/mint-components/src/components/sqm-divided-layout/sqm-divided-layout-view.tsx
+++ b/packages/mint-components/src/components/sqm-divided-layout/sqm-divided-layout-view.tsx
@@ -3,6 +3,7 @@ import { createStyleSheet } from "../../styling/JSS";
 
 interface DividedLayoutViewProps {
   direction: "row" | "column";
+  contentAreaWidth?: string | null;
   dividerStyle: string;
 }
 
@@ -43,6 +44,11 @@ export function DividedLayoutView(
         ? "width: 100%; max-width: var(--sqm-portal-main-width);"
         : ""
     }
+    ${
+      props.contentAreaWidth !== null
+        ? `max-width: ${props.contentAreaWidth} !important;`
+        : ""
+    }
   `;
 
   const vanillaStyle = `
diff --git a/packages/mint-components/src/components/sqm-divided-layout/sqm-divided-layout.tsx b/packages/mint-components/src/components/sqm-divided-layout/sqm-divided-layout.tsx
index bc2076c0ae..f988a2cfee 100644
--- a/packages/mint-components/src/components/sqm-divided-layout/sqm-divided-layout.tsx
+++ b/packages/mint-components/src/components/sqm-divided-layout/sqm-divided-layout.tsx
@@ -23,6 +23,13 @@ export class DividedLayout {
    */
   @Prop() direction: "row" | "column";
 
+  /**
+   * Overrides max-width of content area
+   * @uiName Content Area Width
+   * @uiType string
+   */
+  @Prop() contentAreaWidth: string | null;
+
   /**
    * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
    * @uiName Border style
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index a9fa63e07e..6fa3d26483 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -250,7 +250,7 @@ export function useTaxAndCash() {
       const user = data?.user;
       if (!user || step !== "/loading") return;
 
-      setStep("/2");
+      setStep("/3");
       // const currentStep = getCurrentStep(user);
       // setStep(currentStep);
     }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
index b57741c6c4..e36327e666 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
@@ -114,14 +114,14 @@ Feature: Tax Form Step One
   Scenario: Country select is searchable
     When they press the Country select
     Then there is a searchbar
-    And as they type
+    And as they type in the searchbar
     Then the available countries get filtered out based on their search
 
   @minutia
   Scenario: Currency select is searchable
     When they press the Currency select
     Then there is a searchbar
-    And as they type a currency abbreviation
+    And as they type a currency abbreviation in the searchbar
     Then the available currencies get filtered out based on their search
 
   @minutia
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 3f6976d268..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-tax-and-cash></sqm-tax-and-cash> -->
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-portal-container>
+      <sqm-divided-layout direction="column" content-area-width="1200px">
+        <sqm-tax-and-cash></sqm-tax-and-cash>
+      </sqm-divided-layout>
+    </sqm-portal-container>
   </body>
 </html>
diff --git a/packages/mint-components/src/templates/TaxAndCash.html b/packages/mint-components/src/templates/TaxAndCash.html
index 984c6c07ff..602e11d755 100644
--- a/packages/mint-components/src/templates/TaxAndCash.html
+++ b/packages/mint-components/src/templates/TaxAndCash.html
@@ -63,7 +63,7 @@
                         <sqm-navigation-sidebar-item path="/logout" icon="box-arrow-right"
                             label="Logout"></sqm-navigation-sidebar-item>
                     </sqm-navigation-sidebar>
-                    <sqm-divided-layout direction="column">
+                    <sqm-divided-layout direction="column" content-area-width="1200px">
                         <sqm-router>
                             <template path="/">
                                 <sqm-portal-protected-route require-email-verification="true" redirect-to="/login"

From 968cb69002899d3c776421d4d9da5c896b0d01c6 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 28 Feb 2024 17:12:32 -0800
Subject: [PATCH 352/753] fixes and prerelease with banking updates

---
 packages/mint-components/package.json         |  2 +-
 .../sqm-rewards-table/cells/readme.md         | 28 +++---
 .../sqm-banking-info-form/readme.md           | 96 +++++++++----------
 .../useBankingInfoForm.tsx                    |  8 +-
 .../useIndirectTaxForm.tsx                    |  1 -
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 46 ++++-----
 .../sqm-tax-document-submitted/readme.md      | 64 ++++++-------
 .../useTaxDocumentSubmitted.tsx               |  6 +-
 8 files changed, 131 insertions(+), 120 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 90686622ca..103661ed15 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-43",
+  "version": "1.8.0-44",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md b/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
index c4e729bbd3..b291fbac5a 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
@@ -7,17 +7,23 @@
 
 ## Properties
 
-| Property            | Attribute             | Description | Type     | Default                    |
-| ------------------- | --------------------- | ----------- | -------- | -------------------------- |
-| `deniedText`        | `denied-text`         |             | `string` | `"Detected self-referral"` |
-| `expiryText`        | `expiry-text`         |             | `string` | `"Expires"`                |
-| `locale`            | `locale`              |             | `string` | `"en"`                     |
-| `pendingReviewText` | `pending-review-text` |             | `string` | `"Awaiting review"`        |
-| `pendingScheduled`  | `pending-scheduled`   |             | `string` | `"Until"`                  |
-| `pendingUnhandled`  | `pending-unhandled`   |             | `string` | `"Fulfillment error"`      |
-| `pendingUsTax`      | `pending-us-tax`      |             | `string` | `"W-9 required"`           |
-| `reward`            | --                    |             | `Reward` | `undefined`                |
-| `statusText`        | `status-text`         |             | `string` | `undefined`                |
+| Property                 | Attribute                  | Description | Type     | Default                                                              |
+| ------------------------ | -------------------------- | ----------- | -------- | -------------------------------------------------------------------- |
+| `deniedText`             | `denied-text`              |             | `string` | `"Detected self-referral"`                                           |
+| `expiryText`             | `expiry-text`              |             | `string` | `"Expires"`                                                          |
+| `locale`                 | `locale`                   |             | `string` | `"en"`                                                               |
+| `payoutFailed`           | `payout-failed`            |             | `string` | `"This payout will be retried on {date}"`                            |
+| `payoutSent`             | `payout-sent`              |             | `string` | `"Payout process started on {date}. Expected payout on {date}."`     |
+| `pendingNewTaxForm`      | `pending-new-tax-form`     |             | `string` | `"Invalid tax form. Submit a new form to receive your rewards."`     |
+| `pendingPartnerCreation` | `pending-partner-creation` |             | `string` | `"Complete your tax and cash payout setup to receive your rewards."` |
+| `pendingReviewText`      | `pending-review-text`      |             | `string` | `"Awaiting review"`                                                  |
+| `pendingScheduled`       | `pending-scheduled`        |             | `string` | `"Until"`                                                            |
+| `pendingTaxReview`       | `pending-tax-review`       |             | `string` | `"Awaiting tax form review."`                                        |
+| `pendingTaxSubmission`   | `pending-tax-submission`   |             | `string` | `"Submit your tax documents to receive your rewards."`               |
+| `pendingUnhandled`       | `pending-unhandled`        |             | `string` | `"Fulfillment error"`                                                |
+| `pendingUsTax`           | `pending-us-tax`           |             | `string` | `"W-9 required"`                                                     |
+| `reward`                 | --                         |             | `Reward` | `undefined`                                                          |
+| `statusText`             | `status-text`              |             | `string` | `undefined`                                                          |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index b0cc37ab81..a2c66cb04e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -7,54 +7,54 @@
 
 ## Properties
 
-| Property                              | Attribute                                   | Description                                                                             | Type                                      | Default                                                                                                                                                                     |
-| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ----------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                  | `"Agency Code"`                                                                                                                                                             |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                  | `"Bank Account Number"`                                                                                                                                                     |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                  | `"Bank Account Type"`                                                                                                                                                       |
-| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                  | `"Bank Address"`                                                                                                                                                            |
-| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                  | `"Bank City"`                                                                                                                                                               |
-| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                  | `"Bank Country Location"`                                                                                                                                                   |
-| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                  | `"Bank Name"`                                                                                                                                                               |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                  | `"Bank Postal Code"`                                                                                                                                                        |
-| `bankProvinceStateLabel`              | `bank-province-state-label`                 | Label text for the Bank Province State input                                            | `string`                                  | `"Bank Province State"`                                                                                                                                                     |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                  | `"Beneficiary Account Name"`                                                                                                                                                |
-| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                  | `"Branch Code"`                                                                                                                                                             |
-| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                  | `"Business"`                                                                                                                                                                |
-| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                  | `"Checking"`                                                                                                                                                                |
-| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                  | `"Classification CPF"`                                                                                                                                                      |
-| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                  | `"Classification Entity"`                                                                                                                                                   |
-| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                  | `"Classification"`                                                                                                                                                          |
-| `demoData`                            | --                                          |                                                                                         | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                                                                                                 |
-| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                  | `"Directly to my bank account"`                                                                                                                                             |
-| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                  | `"Foreign"`                                                                                                                                                                 |
-| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                  | `"Step 4 of 5"`                                                                                                                                                             |
-| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                  | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                  | `"There was a problem submitting your information"`                                                                                                                         |
-| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                  | `"IBAN"`                                                                                                                                                                    |
-| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                  | `"Individual"`                                                                                                                                                              |
-| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                  | `"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."` |
-| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                  | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                  | `"Patronymic Name"`                                                                                                                                                         |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                  | `"PayPal Email"`                                                                                                                                                            |
-| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                  | `"15th of the month"`                                                                                                                                                       |
-| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                  | `"1st of the month"`                                                                                                                                                        |
-| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                  | `"Payment Day"`                                                                                                                                                             |
-| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                  | `"Payment Method"`                                                                                                                                                          |
-| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                  | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                     |
-| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                  | `"Payment Schedule"`                                                                                                                                                        |
-| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                  | `"Pay me when my balance reaches a threshold"`                                                                                                                              |
-| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                  | `"Pay me on a fixed day of the month"`                                                                                                                                      |
-| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                  | `"Payment Threshold"`                                                                                                                                                       |
-| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                  | `"Routing Code"`                                                                                                                                                            |
-| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                  | `"Savings"`                                                                                                                                                                 |
-| `submitButton`                        | `submit-button`                             | Text for the save button in the form                                                    | `string`                                  | `"Save"`                                                                                                                                                                    |
-| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                  | `"SWIFT Code"`                                                                                                                                                              |
-| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                  | `"Tax and Payouts"`                                                                                                                                                         |
-| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                  | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
-| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                  | `"Taxpayer ID"`                                                                                                                                                             |
-| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                  | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                           |
-| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                  | `"VO Code"`                                                                                                                                                                 |
+| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Default                                                                                                                                                                     |
+| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Agency Code"`                                                                                                                                                             |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Account Number"`                                                                                                                                                     |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Account Type"`                                                                                                                                                       |
+| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Address"`                                                                                                                                                            |
+| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank City"`                                                                                                                                                               |
+| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Country Location"`                                                                                                                                                   |
+| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Name"`                                                                                                                                                               |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Postal Code"`                                                                                                                                                        |
+| `bankProvinceStateLabel`              | `bank-province-state-label`                 | Label text for the Bank Province State input                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Province State"`                                                                                                                                                     |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Beneficiary Account Name"`                                                                                                                                                |
+| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Branch Code"`                                                                                                                                                             |
+| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Business"`                                                                                                                                                                |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Checking"`                                                                                                                                                                |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Classification CPF"`                                                                                                                                                      |
+| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Classification Entity"`                                                                                                                                                   |
+| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Classification"`                                                                                                                                                          |
+| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; disabled: boolean; saveDisabled: boolean; hideSteps: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "paymentThreshold" \| "paymentDay"; errors?: { [field: string]: boolean; general?: boolean; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; }; }` | `undefined`                                                                                                                                                                 |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Directly to my bank account"`                                                                                                                                             |
+| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Foreign"`                                                                                                                                                                 |
+| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Step 4 of 5"`                                                                                                                                                             |
+| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"There was a problem submitting your information"`                                                                                                                         |
+| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"IBAN"`                                                                                                                                                                    |
+| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Individual"`                                                                                                                                                              |
+| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"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."` |
+| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Patronymic Name"`                                                                                                                                                         |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"PayPal Email"`                                                                                                                                                            |
+| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"15th of the month"`                                                                                                                                                       |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"1st of the month"`                                                                                                                                                        |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Payment Day"`                                                                                                                                                             |
+| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Payment Method"`                                                                                                                                                          |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                     |
+| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Payment Schedule"`                                                                                                                                                        |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Pay me when my balance reaches a threshold"`                                                                                                                              |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Pay me on a fixed day of the month"`                                                                                                                                      |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Payment Threshold"`                                                                                                                                                       |
+| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Routing Code"`                                                                                                                                                            |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Savings"`                                                                                                                                                                 |
+| `submitButton`                        | `submit-button`                             | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Save"`                                                                                                                                                                    |
+| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"SWIFT Code"`                                                                                                                                                              |
+| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Tax and Payouts"`                                                                                                                                                         |
+| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Taxpayer ID"`                                                                                                                                                             |
+| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                           |
+| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"VO Code"`                                                                                                                                                                 |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index e6df71a30d..c0c15742a3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -518,7 +518,7 @@ export function useBankingInfoForm(
       // const { paymentDay, ...rest } = formData;
 
       // TODO: wire up mutation
-      await saveWithdrawalSettings({
+      const response = await saveWithdrawalSettings({
         setImpactPublisherWithdrawalSettingsInput: {
           userId: user.id,
           accountId: user.accountId,
@@ -528,8 +528,10 @@ export function useBankingInfoForm(
           ...formData,
         },
       });
+      if (!response || (response as Error)?.message) throw new Error();
+      await refetch();
 
-      // setStep("/submitted");
+      setStep("/submitted");
     } catch (e) {
       console.error(e);
       setErrors({ general: true });
@@ -564,6 +566,8 @@ export function useBankingInfoForm(
     setBankCountry(publisherCountry);
   }, [paymentOptions, userData, setCurrentPaymentOption, setBankCountry]);
 
+  // TODO: currentPaymentOption should be updated when the paypal option is selected
+  // ?
   const updateBankCountry = (bankCountry: string) => {
     const currentPaymentOption = paymentOptions?.find((paymentOption) => {
       if (paymentOption.countryCode === bankCountry) return true;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 08c800d32f..2c3061ce35 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -211,7 +211,6 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
 
       await refetch();
 
-      console.log({ result });
       if (
         (result as ConnectPartnerResult).createImpactConnection
           ?.impactConnection?.publisher?.requiredTaxDocumentType
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index d99e138a27..55ad3217dd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -74,16 +74,16 @@ export function useTaxAndCash() {
 
   function setupDemo() {
     // coleton
-    // const id =
-    //   "d90b4866e9f8cb43356472fe793cea5428255ef2d87273469a074419334abdb0";
-    // const accountId =
-    //   "d90b4866e9f8cb43356472fe793cea5428255ef2d87273469a074419334abdb0";
-
-    // andy
     const id =
-      "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+      "9029ca937235230319e7cf9c20051bf0cc94ac8c1e6c91cf56ffc7daae4a0f03";
     const accountId =
-      "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+      "9029ca937235230319e7cf9c20051bf0cc94ac8c1e6c91cf56ffc7daae4a0f03";
+
+    // // andy
+    // const id =
+    //   "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+    // const accountId =
+    //   "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
 
     // sam
     // const id =
@@ -100,23 +100,23 @@ export function useTaxAndCash() {
     };
 
     // coleton
-    // useEffect(() => {
-    //   setUserIdentity({
-    //     accountId,
-    //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZDkwYjQ4NjZlOWY4Y2I0MzM1NjQ3MmZlNzkzY2VhNTQyODI1NWVmMmQ4NzI3MzQ2OWEwNzQ0MTkzMzRhYmRiMCIsImFjY291bnRJZCI6ImQ5MGI0ODY2ZTlmOGNiNDMzNTY0NzJmZTc5M2NlYTU0MjgyNTVlZjJkODcyNzM0NjlhMDc0NDE5MzM0YWJkYjAifX0.xa1sXn7misRjRCiJBPGEekZmqzfHXOb5esO9WZjWZUw",
-    //   });
-    // }, []);
-
-    // andy
     useEffect(() => {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiOTAyOWNhOTM3MjM1MjMwMzE5ZTdjZjljMjAwNTFiZjBjYzk0YWM4YzFlNmM5MWNmNTZmZmM3ZGFhZTRhMGYwMyIsImFjY291bnRJZCI6IjkwMjljYTkzNzIzNTIzMDMxOWU3Y2Y5YzIwMDUxYmYwY2M5NGFjOGMxZTZjOTFjZjU2ZmZjN2RhYWU0YTBmMDMifX0.OOF36Knix_GNRvnbDQt-J_MCMj-0Es0jf4JAVDG8V5U",
       });
     }, []);
 
+    // andy
+    // useEffect(() => {
+    //   setUserIdentity({
+    //     accountId,
+    //     id,
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
+    //   });
+    // }, []);
+
     // sam
     // useEffect(() => {
     //   setUserIdentity({
@@ -156,21 +156,21 @@ export function useTaxAndCash() {
         countryCode: undefined,
         currency: undefined,
       } as UserFormContext,
-    },
+    }
   );
 
   const [_currenciesContext, setCurrenciesContext] = useParentState<Currencies>(
     {
       namespace: CURRENCIES_NAMESPACE,
       initialValue: [],
-    },
+    }
   );
 
   const [_countriesContext, setCountriesContext] = useParentState<TaxCountry[]>(
     {
       namespace: COUNTRIES_NAMESPACE,
       initialValue: [],
-    },
+    }
   );
 
   const { data } = useParentQuery<UserQuery>({
@@ -216,7 +216,7 @@ export function useTaxAndCash() {
       financeNetworkData?.impactFinanceNetworkSettings?.data?.reduce(
         (agg, settings) => {
           const currency = currenciesData?.currencies?.data?.find(
-            (currency) => currency.currencyCode === settings.currency,
+            (currency) => currency.currencyCode === settings.currency
           );
           // Currency not in supported list
           if (!currency) return agg;
@@ -234,7 +234,7 @@ export function useTaxAndCash() {
 
           return [...agg, currency];
         },
-        [],
+        []
       );
     return allValidCurrencies;
   }, [financeNetworkData, countryCode]);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
index 501c99979c..4121bdbce2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
@@ -7,38 +7,38 @@
 
 ## Properties
 
-| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | Default                                                                                                                                                      |
-| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                           |
-| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submitted on {dateSubmitted}."`                                                                                                                            |
-| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
-| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payout information"`                                                                                                                                       |
-| `demoData`                        | --                                   |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; disabled?: boolean; dateSubmitted?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: number; subRegionTaxNumber?: number; subRegion?: string; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
-| `editIndirectTaxButton`           | `edit-indirect-tax-button`           | Text displayed in the edit Indirect Tax button                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Edit Indirect Tax"`                                                                                                                                        |
-| `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Edit Payout Information"`                                                                                                                                  |
-| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please review your information and try again. If this problem continues, contact Support."`                                                                |
-| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem submitting your information"`                                                                                                          |
-| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                            |
-| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Registered in {province}, {country}"`                                                                                                                      |
-| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Registered in {country}"`                                                                                                                                  |
-| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Indirect Tax"`                                                                                                                                             |
-| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Registered in {country}, {subRegion}"`                                                                                                                     |
-| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
-| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Ensure your information matches your profile and resubmit a new document."`                                                                                |
-| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submit New Form"`                                                                                                                                          |
-| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
-| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
-| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"QST Number: {qstNumber}"`                                                                                                                                  |
-| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Active"`                                                                                                                                                   |
-| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Invalid Tax Form"`                                                                                                                                         |
-| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not Verified"`                                                                                                                                             |
-| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Income Tax Number: {subRegionTaxNumber}"`                                                                                                                  |
-| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{documentType} tax form is invalid"`                                                                                                                       |
-| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
-| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                             |
-| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please resubmit a new {documentType} form."`                                                                                                               |
-| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax documents"`                                                                                                                                            |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{documentType} Tax Form"`                                                                                                                                  |
+| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default                                                                                                                                                      |
+| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                           |
+| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Submitted on {dateSubmitted}."`                                                                                                                            |
+| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
+| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Payout information"`                                                                                                                                       |
+| `demoData`                        | --                                   |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; disabled?: boolean; dateSubmitted?: string; dateExpired?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: number; subRegionTaxNumber?: number; subRegion?: string; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
+| `editIndirectTaxButton`           | `edit-indirect-tax-button`           | Text displayed in the edit Indirect Tax button                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Edit Indirect Tax"`                                                                                                                                        |
+| `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Edit Payout Information"`                                                                                                                                  |
+| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                |
+| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                                                          |
+| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                            |
+| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered in {province}, {country}"`                                                                                                                      |
+| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered in {country}"`                                                                                                                                  |
+| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax"`                                                                                                                                             |
+| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered in {country}, {subRegion}"`                                                                                                                     |
+| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
+| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Ensure your information matches your profile and resubmit a new document."`                                                                                |
+| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Submit New Form"`                                                                                                                                          |
+| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
+| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
+| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"QST Number: {qstNumber}"`                                                                                                                                  |
+| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Active"`                                                                                                                                                   |
+| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Invalid Tax Form"`                                                                                                                                         |
+| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not Verified"`                                                                                                                                             |
+| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Income Tax Number: {subRegionTaxNumber}"`                                                                                                                  |
+| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{documentType} tax form is invalid"`                                                                                                                       |
+| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
+| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                             |
+| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please resubmit a new {documentType} form."`                                                                                                               |
+| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Tax documents"`                                                                                                                                            |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{documentType} Tax Form"`                                                                                                                                  |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
index 538684f968..07f3937918 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
@@ -48,8 +48,10 @@ export const useTaxDocumentSubmitted = (
   const publisher = data?.user?.impactConnection?.publisher;
   const documentType = publisher?.currentTaxDocument?.type;
   const submissionDate = publisher?.currentTaxDocument?.dateCreated;
-  const dateSubmitted =
-    DateTime.fromMillis(submissionDate).toFormat("LLL dd, yyyy");
+
+  const dateSubmitted = submissionDate
+    ? DateTime.fromMillis(submissionDate).toFormat("LLL dd, yyyy")
+    : undefined;
 
   const expiryDate = DateTime.now().plus({ days: 30 }).toMillis();
   const dateExpired = DateTime.fromMillis(expiryDate).toFormat("LLL dd, yyyy");

From f14e4d8d10efb2c8df7c244d89921fe5de33ed17 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 29 Feb 2024 08:50:20 -0800
Subject: [PATCH 353/753] hook up new backend schema

---
 .../useBankingInfoForm.tsx                    | 76 ++++++++++++++-----
 .../sqm-docusign-form/useDocusignForm.tsx     | 18 +++--
 .../useIndirectTaxForm.tsx                    | 56 +++++++-------
 .../tax-and-cash/sqm-tax-and-cash/data.ts     | 41 ++--------
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 24 ++----
 5 files changed, 111 insertions(+), 104 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index c0c15742a3..c76ac8ac2b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -42,29 +42,33 @@ const WIRE_PAYMENT_METHOD = 5;
 const PAYPAL_PAYMENT_METHOD = 7;
 
 export type BankingInfoFormData = {
-  bankCountry?: string;
   paypalEmailAddress?: string;
   beneficiaryAccountName?: string;
-  bankAccountType?: string;
-  bankAccountNumber?: string;
-  iban?: string;
-  swiftCode?: string;
-  routingCode?: string;
-  bankName?: string;
+  bankCountry?: string;
   beneficiaryClassification?:
     | "BUSINESS"
     | "INDIVIDUAL"
     | "FOREIGN"
     | "CPF"
     | "CNPJ";
-  patronymicName?: string;
+  beneficiaryAlternativeName?: string;
+  beneficiaryTaxPayerId?: string;
+  bankAccountType?: "CHECKING" | "SAVINGS" | "NOT_SET";
+  bankAccountNumber?: string;
+  swiftCode?: string;
+  routingCode?: string;
   voCode?: string;
   agencyCode?: string;
   bankAddress?: string;
-  bankCity?: string;
-  bankProvinceState?: string;
   bankPostalCode?: string;
+  bankCity?: string;
+  bankState?: string;
   branchCode?: string;
+
+  // TODO These fields aren't settable in the mutation
+  bankName?: string;
+  patronymicName?: string;
+  bankProvinceState?: string;
 };
 
 type RoutingCodeLabels = {
@@ -433,6 +437,22 @@ export function getFormInputs({ bitset, formMap }) {
   return inputFields;
 }
 
+type SetImpactPublisherWithdrawalSettingsResult = {
+  setImpactPublisherWithdrawalSettings: {
+    success: boolean;
+    validationErrors: { field: string; message: string }[];
+  };
+};
+type SetImpactPublisherWithdrawalSettingsInput = {
+  user: {
+    id: string;
+    accountId: string;
+  };
+  paymentMethod: "PAYPAL" | "BANKING_TRANSFER";
+  paymentSchedulingType?: "BALANCE_THRESHOLD" | "FIXED_DAY";
+  paymentThreshold?: string;
+  paymentDay?: string;
+} & BankingInfoFormData;
 const SAVE_WITHDRAWAL_SETTINGS = gql`
   mutation setImpactPublisherWithdrawalSettings(
     $setImpactPublisherWithdrawalSettingsInput: SetImpactPublisherWithdrawalSettingsInput!
@@ -440,7 +460,11 @@ const SAVE_WITHDRAWAL_SETTINGS = gql`
     setImpactPublisherWithdrawalSettings(
       setImpactPublisherWithdrawalSettingsInput: $setImpactPublisherWithdrawalSettingsInput
     ) {
-      id
+      success
+      validationErrors {
+        field
+        message
+      }
     }
   }
 `;
@@ -465,7 +489,10 @@ export function useBankingInfoForm(
   const { data: userData, refetch } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
 
-  const [saveWithdrawalSettings] = useMutation(SAVE_WITHDRAWAL_SETTINGS);
+  const [saveWithdrawalSettings] =
+    useMutation<SetImpactPublisherWithdrawalSettingsResult>(
+      SAVE_WITHDRAWAL_SETTINGS
+    );
 
   const user = useUserIdentity();
 
@@ -520,15 +547,30 @@ export function useBankingInfoForm(
       // TODO: wire up mutation
       const response = await saveWithdrawalSettings({
         setImpactPublisherWithdrawalSettingsInput: {
-          userId: user.id,
-          accountId: user.accountId,
+          user: {
+            id: user.id,
+            accountId: user.accountId,
+          },
           paymentMethod: formData?.paypalEmailAddress
             ? "PAYPAL"
             : getPaymentMethod(currentPaymentOption),
           ...formData,
-        },
+        } as SetImpactPublisherWithdrawalSettingsInput,
       });
       if (!response || (response as Error)?.message) throw new Error();
+      if (
+        !(response as SetImpactPublisherWithdrawalSettingsResult)
+          .setImpactPublisherWithdrawalSettings?.success
+      ) {
+        // TODO What to do with validation errors
+        console.error(
+          "Validation failed: ",
+          (response as SetImpactPublisherWithdrawalSettingsResult)
+            .setImpactPublisherWithdrawalSettings?.validationErrors
+        );
+        throw new Error();
+      }
+
       await refetch();
 
       setStep("/submitted");
@@ -566,8 +608,8 @@ export function useBankingInfoForm(
     setBankCountry(publisherCountry);
   }, [paymentOptions, userData, setCurrentPaymentOption, setBankCountry]);
 
-  // TODO: currentPaymentOption should be updated when the paypal option is selected
-  // ?
+  // TODO currentPaymentOption should be updated when the paypal option is selected
+  // TODO there should be an option in the array with defaultFinancePaymentMethodId = 7 (paypal)
   const updateBankCountry = (bankCountry: string) => {
     const currentPaymentOption = paymentOptions?.find((paymentOption) => {
       if (paymentOption.countryCode === bankCountry) return true;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index cd1560b5de..6fe40b4cc6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -13,16 +13,22 @@ import {
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
+import { taxTypeToName } from "../utils";
 import { DocusignStatus } from "./docusign-iframe/DocusignIframe";
 import { DocusignForm } from "./sqm-docusign-form";
-import { taxTypeToName } from "../utils";
-import { autoColorScaleCss } from "../../sqm-stencilbook/AutoColor";
 
 type CreateTaxDocumentQuery = {
   createImpactPublisherTaxDocument: {
     documentUrl: string;
   };
 };
+type CreateImpactPublisherTaxDocumentInput = {
+  isBusinessEntity?: boolean;
+  user: {
+    id: string;
+    accountId: string;
+  };
+};
 
 export type ParticipantType =
   | "individualParticipant"
@@ -99,12 +105,14 @@ export function useDocusignForm(props: DocusignForm) {
       try {
         const result = await createTaxDocument({
           vars: {
-            userId: user.id,
-            accountId: user.accountId,
+            user: {
+              id: user.id,
+              accountId: user.accountId,
+            },
             ...(participantType
               ? { isBusinessEntity: participantType === "businessEntity" }
               : {}),
-          },
+          } as CreateImpactPublisherTaxDocumentInput,
         });
 
         if (!result || (result as Error).message) throw new Error();
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 2c3061ce35..0a32a9302b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -32,20 +32,36 @@ type ConnectPartnerResult = {
     id: string;
     accountId: string;
     impactConnection: {
-      connectionStatus: "NOT_CONNECTED" | "CONNECTED";
+      connected: boolean;
       publisher: {
         requiredTaxDocumentType: TaxDocumentType | null;
       };
     } | null;
   };
 };
+type ImpactConnectionInput = {
+  user: {
+    id: string;
+    accountId: string;
+  };
+  firstName: string;
+  lastName: string;
+  countryCode: string;
+  currency: string;
+  indirectTaxCountry?: string;
+  indirectTaxRegion?: string;
+  indirectTaxId?: string;
+  additionalTaxId?: string;
+  withholdingTaxId?: string;
+};
+
 const CONNECT_PARTNER = gql`
   mutation createImpactConnection($vars: ImpactConnectionInput!) {
     createImpactConnection(impactConnectionInput: $vars) {
       id
       accountId
       impactConnection {
-        connectionStatus
+        connected
         publisher {
           requiredTaxDocumentType
         }
@@ -174,38 +190,22 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
 
     setLoading(true);
     try {
-      const taxOption =
-        option === "notRegistered"
-          ? "NO_TAX"
-          : formData.selectedRegion === userForm?.countryCode
-          ? "SAME_COUNTRY"
-          : "DIFFERENT_COUNTRY";
-
-      const fields = {
-        indirectTaxOption: taxOption,
-        indirectTaxCountry: formData.selectedRegion,
-        indirectTaxSubdivision: formData.province || formData.subRegion,
-        indirectTaxId: formData.indirectTaxNumber,
-        additionalTaxId: formData.qstNumber,
-        withholdingTaxCountry:
-          option !== "notRegistered" &&
-          formState.selectedRegion === "ES" &&
-          formState.hasSubRegionTaxNumber
-            ? "SPAIN"
-            : undefined,
-        withholdingTaxNumber: formData.subRegionTaxNumber,
-      };
-
       const result = await connectImpactPartner({
         vars: {
-          userId: user.id,
-          accountId: user.accountId,
+          user: {
+            id: user.id,
+            accountId: user.accountId,
+          },
           firstName: userForm.firstName,
           lastName: userForm.lastName,
           countryCode: userForm.countryCode,
           currency: userForm.currency,
-          ...fields,
-        },
+          indirectTaxCountry: formData.selectedRegion,
+          indirectTaxRegion: formData.province || formData.subRegion,
+          indirectTaxId: formData.indirectTaxNumber,
+          additionalTaxId: formData.qstNumber,
+          withholdingTaxNumber: formData.subRegionTaxNumber,
+        } as ImpactConnectionInput,
       });
       if (!result || (result as Error)?.message) throw new Error();
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 3e6ab0f0f8..2d57038261 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -44,7 +44,7 @@ export const GET_USER = gql`
         countryCode
         customFields
         impactConnection {
-          connectionStatus
+          connected
           user {
             firstName
             lastName
@@ -59,23 +59,10 @@ export const GET_USER = gql`
               dateCreated
             }
             withdrawalSettings {
+              paymentMethod
               paypalEmailAddress
               bankCountry
-              beneficiaryAccountName
-              beneficiaryClassification
-              beneficiaryAlternativeName
-              beneficiaryTaxPayerId
-              bankAccountType
               bankAccountNumber
-              swiftCode
-              routingCode
-              voCode
-              agencyCode
-              bankAddress
-              bankPostalCode
-              bankCity
-              bankState
-              branchCode
               paymentSchedulingType
               paymentThreshold
               paymentDay
@@ -99,28 +86,10 @@ type ImpactPublisher = {
     dateCreated: number;
   };
   withdrawalSettings: {
+    paymentMethod: "PAYPAL" | "BANK_TRANSFER";
     paypalEmailAddress: string | null;
     bankCountry: string | null;
-    beneficiaryAccountName: string | null;
-    beneficiaryClassification:
-      | "BUSINESS"
-      | "INDIVIDUAL"
-      | "CPF"
-      | "CNPJ"
-      | null;
-    beneficiaryAlternativeName: string | null;
-    beneficiaryTaxPayerId: string | null;
-    bankAccountType: "CHECKING" | "SAVINGS" | "NOT_SET";
     bankAccountNumber: string | null;
-    swiftCode: string | null;
-    routingCode: string | null;
-    voCode: string | null;
-    agencyCode: string | null;
-    bankAddress: string | null;
-    bankPostalCode: string | null;
-    bankCity: string | null;
-    bankState: string | null;
-    branchCode: string | null;
     paymentSchedulingType: "BALANCE_THRESHOLD" | "FIXED_DAY";
     paymentThreshold: string | null;
     paymentDay: string | null;
@@ -145,11 +114,11 @@ export type UserQuery = {
       [key: string]: any;
     };
     impactConnection: null | {
-      connectionStatus: "CONNECTED" | "NOT_CONNECTED";
+      connected: boolean;
       user: {
         firstName: string;
         lastName: string;
-      };
+      } | null;
       publisher: null | ImpactPublisher;
     };
   };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 55ad3217dd..24f5d4cb23 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -36,24 +36,13 @@ import {
 function getCurrentStep(user: UserQuery["user"]) {
   // TODO: include banking form step as a case
 
-  if (
-    !user.impactConnection ||
-    user.impactConnection?.connectionStatus === "NOT_CONNECTED"
-  ) {
+  if (!user.impactConnection?.publisher || !user.impactConnection?.connected) {
     return "/1";
   }
 
   const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings } =
     user.impactConnection.publisher;
 
-  if (
-    !requiredTaxDocumentType ||
-    currentTaxDocument?.status === "NOT_VERIFIED" ||
-    currentTaxDocument?.status === "ACTIVE"
-  ) {
-    return "/submitted";
-  }
-
   // If they do have a required document, look at current document
   if (
     requiredTaxDocumentType &&
@@ -75,9 +64,9 @@ export function useTaxAndCash() {
   function setupDemo() {
     // coleton
     const id =
-      "9029ca937235230319e7cf9c20051bf0cc94ac8c1e6c91cf56ffc7daae4a0f03";
+      "01e869a67428264712034a69222c709820c308c21ef4fb338bac0af445ab3a64";
     const accountId =
-      "9029ca937235230319e7cf9c20051bf0cc94ac8c1e6c91cf56ffc7daae4a0f03";
+      "01e869a67428264712034a69222c709820c308c21ef4fb338bac0af445ab3a64";
 
     // // andy
     // const id =
@@ -104,7 +93,7 @@ export function useTaxAndCash() {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiOTAyOWNhOTM3MjM1MjMwMzE5ZTdjZjljMjAwNTFiZjBjYzk0YWM4YzFlNmM5MWNmNTZmZmM3ZGFhZTRhMGYwMyIsImFjY291bnRJZCI6IjkwMjljYTkzNzIzNTIzMDMxOWU3Y2Y5YzIwMDUxYmYwY2M5NGFjOGMxZTZjOTFjZjU2ZmZjN2RhYWU0YTBmMDMifX0.OOF36Knix_GNRvnbDQt-J_MCMj-0Es0jf4JAVDG8V5U",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMDFlODY5YTY3NDI4MjY0NzEyMDM0YTY5MjIyYzcwOTgyMGMzMDhjMjFlZjRmYjMzOGJhYzBhZjQ0NWFiM2E2NCIsImFjY291bnRJZCI6IjAxZTg2OWE2NzQyODI2NDcxMjAzNGE2OTIyMmM3MDk4MjBjMzA4YzIxZWY0ZmIzMzhiYWMwYWY0NDVhYjNhNjQifX0.kvXteiTOW1vfXtT30NbyCkacbBPtFZqEf990SFkHiA4",
       });
     }, []);
 
@@ -250,9 +239,8 @@ export function useTaxAndCash() {
       const user = data?.user;
       if (!user || step !== "/loading") return;
 
-      setStep("/4");
-      // const currentStep = getCurrentStep(user);
-      // setStep(currentStep);
+      const currentStep = getCurrentStep(user);
+      setStep(currentStep);
     }
   }, [host, user, data?.user?.email]);
 

From 92091b3b037e990b09e4448d23232a68fbf67779 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 29 Feb 2024 09:32:54 -0800
Subject: [PATCH 354/753] Add new text prop

---
 packages/mint-components/src/components.d.ts           | 10 ++++++++++
 .../sqm-tax-document-submitted-view.tsx                |  8 ++++++++
 .../sqm-tax-document-submitted.tsx                     |  6 ++++++
 packages/mint-components/src/index.html                |  6 +++---
 4 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 50b6ca4374..24482e4e65 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -4423,6 +4423,11 @@ export namespace Components {
           * @uiName Not registered for Indirect Tax
          */
         "notRegisteredForTax": string;
+        /**
+          * Sub text describing how payouts are provided from impact.com
+          * @uiName Payout from impact text
+         */
+        "payoutFromImpact": string;
         /**
           * Label text for the QST number
           * @uiName QST number input
@@ -9775,6 +9780,11 @@ declare namespace LocalJSX {
           * @uiName Not registered for Indirect Tax
          */
         "notRegisteredForTax"?: string;
+        /**
+          * Sub text describing how payouts are provided from impact.com
+          * @uiName Payout from impact text
+         */
+        "payoutFromImpact"?: string;
         /**
           * Label text for the QST number
           * @uiName QST number input
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
index c1610d1dc1..4719bbc622 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
@@ -57,6 +57,7 @@ export interface TaxDocumentSubmittedProps {
     indirectTaxInfoSectionHeader: string;
     indirectTaxInfoCanada?: string;
     indirectTaxInfoSpain?: string;
+    payoutFromImpact: string;
     indirectTaxInfoOtherCountry?: string;
     indirectTaxIndividualParticipant?: string;
     indirectTaxTooltipSupport?: string;
@@ -185,6 +186,11 @@ const style = {
     flexDirection: "column",
     gap: "6px",
   },
+  DescriptionText: {
+    color: "var(--sl-color-gray-500)",
+    fontSize: "12px",
+    marginBottom: "none",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -335,6 +341,8 @@ export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
           <h3>{text.bankingInformationSectionHeader}</h3>
           <div class={sheet.classes.BankingInformationContainer}>
             {slots.payoutDetailsCardSlot}
+            <p class={sheet.classes.DescriptionText}>{text.payoutFromImpact}</p>
+            {/* ZH: Most likely need this button in the next iteration of form */}
             {/* <sl-button
               disabled={states.disabled || states.loading}
               type="default"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
index c206653f27..eb54e941ff 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
@@ -206,6 +206,12 @@ export class TaxDocumentSubmitted {
    */
   @Prop() subRegionTaxNumber: string =
     "Income Tax Number: {subRegionTaxNumber}";
+  /**
+   * Sub text describing how payouts are provided from impact.com
+   * @uiName Payout from impact text
+   */
+  @Prop() payoutFromImpact: string =
+    "Payouts will be sent from our referral program provider, impact.com";
 
   /**
    * @undocumented
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From c35a41e6a67cc511ae57361326a08edcb652ff22 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 29 Feb 2024 09:35:39 -0800
Subject: [PATCH 355/753] Increased info icon size in DocusignFormView. Added
 alert to IndirectTaxFormView

---
 packages/mint-components/src/components.d.ts  | 22 +++++++
 .../sqm-docusign-form-view.tsx                | 11 +++-
 .../sqm-indirect-tax-form-view.tsx            | 61 +++++++++++++++----
 .../sqm-indirect-tax-form.tsx                 |  7 +++
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  9 +++
 packages/mint-components/src/index.html       |  6 +-
 6 files changed, 100 insertions(+), 16 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 50b6ca4374..f7f6d65f31 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1010,6 +1010,11 @@ export namespace Components {
           * @uiName Back button text
          */
         "backButton": string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+         */
+        "cannotChangeInfoAlert": string;
         /**
           * @undocumented
          */
@@ -3792,6 +3797,12 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_backButton": string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+          * @uiGroup Step 2 Properties
+         */
+        "step2_cannotChangeInfoAlert": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Indirect tax form step text
@@ -6386,6 +6397,11 @@ declare namespace LocalJSX {
           * @uiName Back button text
          */
         "backButton"?: string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+         */
+        "cannotChangeInfoAlert"?: string;
         /**
           * @undocumented
          */
@@ -9144,6 +9160,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_backButton"?: string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+          * @uiGroup Step 2 Properties
+         */
+        "step2_cannotChangeInfoAlert"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Indirect tax form step text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 6b8f4d6669..87ad707164 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -164,6 +164,10 @@ const style = {
     justifyContent: "flex-start",
     flexDirection: "column",
   },
+  InfoIcon: {
+    height: "24px",
+    width: "24px",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -286,7 +290,6 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
               )}
             </p>
           </div>
-
           <div>
             <sl-alert
               exportparts="base: alert-base, icon:alert-icon"
@@ -294,7 +297,11 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
               open
               class={classes.InfoAlert}
             >
-              <sl-icon slot="icon" name="info-circle"></sl-icon>
+              <sl-icon
+                class={classes.InfoIcon}
+                slot="icon"
+                name="info-circle"
+              ></sl-icon>
               {text.banner}
             </sl-alert>
             {slots.docusignIframeSlot}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index c2962b7ea4..6e4578ea59 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -33,6 +33,7 @@ export interface IndirectTaxFormViewProps {
     isPartnerAlertDescription: string;
     otherRegion: string;
     notRegistered: string;
+    cannotChangeInfoAlert: string;
     submitButton: string;
     backButton: string;
     error: {
@@ -111,6 +112,31 @@ const style = {
       color: "var(--sl-color-blue-500)",
     },
   },
+  InfoAlert: {
+    marginTop: "var(--sl-spacing-large)",
+    "&::part(base)": {
+      backgroundColor: "transparent",
+      borderTop: "none",
+      padding: "0px",
+      border: "none",
+    },
+
+    "&::part(message)": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      padding: "10px",
+      height: "max-content",
+    },
+
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-yellow-500)",
+    },
+  },
+  InfoWarningIcon: {
+    height: "24px",
+    width: "24px",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -198,28 +224,41 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
               <sl-radio
                 exportparts="base: radio-base"
                 name="/checked"
-                value="otherRegion"
-                id="otherRegion"
-                checked={formState.checked === "otherRegion"}
-                onInput={() => callbacks.onChange("otherRegion")}
+                value="notRegistered"
+                id="notRegistered"
+                checked={formState.checked === "notRegistered"}
+                onInput={() => callbacks.onChange("notRegistered")}
                 disabled={states.disabled || states.isPartner}
               >
-                {text.otherRegion}
+                {text.notRegistered}
               </sl-radio>
-              {slots.registeredInDifferentCountryDetailsSlot}
               <sl-radio
                 exportparts="base: radio-base"
                 name="/checked"
-                value="notRegistered"
-                id="notRegistered"
-                checked={formState.checked === "notRegistered"}
-                onInput={() => callbacks.onChange("notRegistered")}
+                value="otherRegion"
+                id="otherRegion"
+                checked={formState.checked === "otherRegion"}
+                onInput={() => callbacks.onChange("otherRegion")}
                 disabled={states.disabled || states.isPartner}
               >
-                {text.notRegistered}
+                {text.otherRegion}
               </sl-radio>
+              {slots.registeredInDifferentCountryDetailsSlot}
             </div>
           </div>
+          <sl-alert
+            exportparts="base: alert-base, icon:alert-icon"
+            type="primary"
+            open
+            class={classes.InfoAlert}
+          >
+            <sl-icon
+              class={classes.InfoWarningIcon}
+              slot="icon"
+              name="exclamation-triangle"
+            ></sl-icon>
+            {text.cannotChangeInfoAlert}
+          </sl-alert>
           <div class={classes.BtnContainer}>
             <sl-button
               type="primary"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 2c2671e6bf..e01a7a266b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -203,6 +203,13 @@ export class IndirectTaxForm {
   @Prop() isRegisteredSubRegionIncomeTax: string =
     "I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.";
 
+  /**
+   * Alert text indicating participant cannot change info after it has been submitted
+   * @uiName Cannot change info Alert text
+   */
+  @Prop() cannotChangeInfoAlert: string =
+    "Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing.";
+
   /**
    * @undocumented
    */
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index e59618b299..87db5f2802 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -329,6 +329,15 @@ export class TaxAndCashMonolith {
    */
   @Prop() step2_generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
+
+  /**
+   * Alert text indicating participant cannot change info after it has been submitted
+   * @uiName Cannot change info Alert text
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_cannotChangeInfoAlert: string =
+    "Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing.";
+
   /**
    * Error text shown below the Selected Region select input
    * @uiName Selected Region error text
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..b120ae3322 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
-      </sqm-divided-layout>
+      </sqm-divided-layout> -->
     </sqm-portal-container>
   </body>
 </html>

From bba1c458bd8c1793cf3e021a862445bb41897398 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 29 Feb 2024 10:22:56 -0800
Subject: [PATCH 356/753] prerelease

---
 packages/mint-components/package-lock.json    |   4 +-
 packages/mint-components/package.json         |   2 +-
 .../components/sqm-divided-layout/readme.md   |   9 +-
 .../sqm-banking-info-form/readme.md           | 107 +++++++++---------
 .../useBankingInfoForm.tsx                    |   5 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |   7 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |   6 +-
 7 files changed, 72 insertions(+), 68 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 080538e181..6952a73aa4 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-44",
+  "version": "1.8.0-45",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-44",
+      "version": "1.8.0-45",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 103661ed15..b582b0d62c 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-44",
+  "version": "1.8.0-45",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-divided-layout/readme.md b/packages/mint-components/src/components/sqm-divided-layout/readme.md
index df88354983..0217406a04 100644
--- a/packages/mint-components/src/components/sqm-divided-layout/readme.md
+++ b/packages/mint-components/src/components/sqm-divided-layout/readme.md
@@ -7,10 +7,11 @@
 
 ## Properties
 
-| Property       | Attribute       | Description                                                                                 | Type                | Default               |
-| -------------- | --------------- | ------------------------------------------------------------------------------------------- | ------------------- | --------------------- |
-| `direction`    | `direction`     |                                                                                             | `"column" \| "row"` | `undefined`           |
-| `dividerStyle` | `divider-style` | Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color. | `string`            | `"1px solid #EAEAEA"` |
+| Property           | Attribute            | Description                                                                                 | Type                | Default               |
+| ------------------ | -------------------- | ------------------------------------------------------------------------------------------- | ------------------- | --------------------- |
+| `contentAreaWidth` | `content-area-width` | Overrides max-width of content area                                                         | `string`            | `undefined`           |
+| `direction`        | `direction`          |                                                                                             | `"column" \| "row"` | `undefined`           |
+| `dividerStyle`     | `divider-style`      | Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color. | `string`            | `"1px solid #EAEAEA"` |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 853f705bf5..2b3661340d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -2,66 +2,67 @@
 
 <!-- Auto Generated Below -->
 
+
 ## Properties
 
-| Property                              | Attribute                                   | Description                                                                             | Type                                      | Default                                                                                                                                                                     |
-| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ----------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                  | `"Agency Code"`                                                                                                                                                             |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                  | `"Bank Account Number"`                                                                                                                                                     |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                  | `"Bank Account Type"`                                                                                                                                                       |
-| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                  | `"Bank Address"`                                                                                                                                                            |
-| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                  | `"Bank City"`                                                                                                                                                               |
-| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                  | `"Bank Country Location"`                                                                                                                                                   |
-| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                  | `"Bank Name"`                                                                                                                                                               |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                  | `"Bank Postal Code"`                                                                                                                                                        |
-| `bankProvinceStateLabel`              | `bank-province-state-label`                 | Label text for the Bank Province State input                                            | `string`                                  | `"Bank Province State"`                                                                                                                                                     |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                  | `"Beneficiary Account Name"`                                                                                                                                                |
-| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                  | `"Branch Code"`                                                                                                                                                             |
-| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                  | `"Business"`                                                                                                                                                                |
-| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                  | `"Checking"`                                                                                                                                                                |
-| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                  | `"Classification CPF"`                                                                                                                                                      |
-| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                  | `"Classification Entity"`                                                                                                                                                   |
-| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                  | `"Classification"`                                                                                                                                                          |
-| `demoData`                            | --                                          |                                                                                         | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                                                                                                 |
-| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                  | `"Directly to my bank account"`                                                                                                                                             |
-| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                  | `"Foreign"`                                                                                                                                                                 |
-| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                  | `"Step 4 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                  | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                  | `"There was a problem submitting your information"`                                                                                                                         |
-| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                  | `"IBAN"`                                                                                                                                                                    |
-| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                  | `"Individual"`                                                                                                                                                              |
-| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                  | `"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."` |
-| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                  | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                  | `"Patronymic Name"`                                                                                                                                                         |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                  | `"PayPal Email"`                                                                                                                                                            |
-| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                  | `"15th of the month"`                                                                                                                                                       |
-| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                  | `"1st of the month"`                                                                                                                                                        |
-| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                  | `"Payment Day"`                                                                                                                                                             |
-| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                  | `"Payment Method"`                                                                                                                                                          |
-| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                  | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                     |
-| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                  | `"Payment Schedule"`                                                                                                                                                        |
-| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                  | `"Pay me when my balance reaches a threshold"`                                                                                                                              |
-| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                  | `"Pay me on a fixed day of the month"`                                                                                                                                      |
-| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                  | `"Payment Threshold"`                                                                                                                                                       |
-| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                  | `"Routing Code"`                                                                                                                                                            |
-| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                  | `"Savings"`                                                                                                                                                                 |
-| `submitButton`                        | `submit-button`                             | Text for the save button in the form                                                    | `string`                                  | `"Save"`                                                                                                                                                                    |
-| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                  | `"SWIFT Code"`                                                                                                                                                              |
-| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                  | `"Tax and Payouts"`                                                                                                                                                         |
-| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                  | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
-| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                  | `"Taxpayer ID"`                                                                                                                                                             |
-| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                  | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                           |
-| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                  | `"VO Code"`                                                                                                                                                                 |
+| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Default                                                                                                                                                                     |
+| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Agency Code"`                                                                                                                                                             |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Account Number"`                                                                                                                                                     |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Account Type"`                                                                                                                                                       |
+| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Address"`                                                                                                                                                            |
+| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank City"`                                                                                                                                                               |
+| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Country Location"`                                                                                                                                                   |
+| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Name"`                                                                                                                                                               |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Postal Code"`                                                                                                                                                        |
+| `bankProvinceStateLabel`              | `bank-province-state-label`                 | Label text for the Bank Province State input                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Province State"`                                                                                                                                                     |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Beneficiary Account Name"`                                                                                                                                                |
+| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Branch Code"`                                                                                                                                                             |
+| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Business"`                                                                                                                                                                |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Checking"`                                                                                                                                                                |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Classification CPF"`                                                                                                                                                      |
+| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Classification Entity"`                                                                                                                                                   |
+| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Classification"`                                                                                                                                                          |
+| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; disabled: boolean; saveDisabled: boolean; hideSteps: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "paymentThreshold" \| "paymentDay"; errors?: { [field: string]: boolean; general?: boolean; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; }; }` | `undefined`                                                                                                                                                                 |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Directly to my bank account"`                                                                                                                                             |
+| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Foreign"`                                                                                                                                                                 |
+| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Step 4 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"There was a problem submitting your information"`                                                                                                                         |
+| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"IBAN"`                                                                                                                                                                    |
+| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Individual"`                                                                                                                                                              |
+| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"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."` |
+| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Patronymic Name"`                                                                                                                                                         |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"PayPal Email"`                                                                                                                                                            |
+| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"15th of the month"`                                                                                                                                                       |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"1st of the month"`                                                                                                                                                        |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Payment Day"`                                                                                                                                                             |
+| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Payment Method"`                                                                                                                                                          |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                     |
+| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Payment Schedule"`                                                                                                                                                        |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Pay me when my balance reaches a threshold"`                                                                                                                              |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Pay me on a fixed day of the month"`                                                                                                                                      |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Payment Threshold"`                                                                                                                                                       |
+| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Routing Code"`                                                                                                                                                            |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Savings"`                                                                                                                                                                 |
+| `submitButton`                        | `submit-button`                             | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Save"`                                                                                                                                                                    |
+| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"SWIFT Code"`                                                                                                                                                              |
+| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Tax and Payouts"`                                                                                                                                                         |
+| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Taxpayer ID"`                                                                                                                                                             |
+| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                           |
+| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"VO Code"`                                                                                                                                                                 |
+
 
 ## Dependencies
 
 ### Used by
 
-- [sqm-stencilbook](../../sqm-stencilbook)
-- [sqm-tax-and-cash](../sqm-tax-and-cash)
+ - [sqm-stencilbook](../../sqm-stencilbook)
+ - [sqm-tax-and-cash](../sqm-tax-and-cash)
 
 ### Graph
-
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-banking-info-form
@@ -69,6 +70,6 @@ graph TD;
   style sqm-banking-info-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
----
+----------------------------------------------
 
-_Built with [StencilJS](https://stenciljs.com/)_
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index c76ac8ac2b..241b97c2ef 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -453,6 +453,7 @@ type SetImpactPublisherWithdrawalSettingsInput = {
   paymentThreshold?: string;
   paymentDay?: string;
 } & BankingInfoFormData;
+
 const SAVE_WITHDRAWAL_SETTINGS = gql`
   mutation setImpactPublisherWithdrawalSettings(
     $setImpactPublisherWithdrawalSettingsInput: SetImpactPublisherWithdrawalSettingsInput!
@@ -538,7 +539,6 @@ export function useBankingInfoForm(
     }
 
     setLoading(true);
-    console.log({ formData });
     try {
       if (!currentPaymentOption) throw new Error("No currentPaymentOption");
       // @ts-ignore figure out what the values for paymentDay are
@@ -671,7 +671,8 @@ export function useBankingInfoForm(
     states: {
       saveDisabled: !paymentMethodChecked || !paymentScheduleChecked,
       locale,
-      isPartner: !!userData?.user?.impactConnection,
+      isPartner:
+        !!userData?.user?.impactConnection?.publisher?.withdrawalSettings,
       feeCap,
       paymentMethodFeeLabel,
       disabled: loading,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 8349b4e502..ec5be58755 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -2,6 +2,7 @@
 
 <!-- Auto Generated Below -->
 
+
 ## Properties
 
 | Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                     |
@@ -122,6 +123,7 @@
 | `step4_taxDocumentSectionSubHeader`             | `step-4_tax-document-section-sub-header`             | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
 | `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                    |
 
+
 ## Dependencies
 
 ### Depends on
@@ -133,7 +135,6 @@
 - [sqm-tax-document-submitted](../sqm-tax-document-submitted)
 
 ### Graph
-
 ```mermaid
 graph TD;
   sqm-tax-and-cash --> sqm-user-info-form
@@ -145,6 +146,6 @@ graph TD;
   style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
----
+----------------------------------------------
 
-_Built with [StencilJS](https://stenciljs.com/)_
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 24f5d4cb23..94c49d9e44 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -64,9 +64,9 @@ export function useTaxAndCash() {
   function setupDemo() {
     // coleton
     const id =
-      "01e869a67428264712034a69222c709820c308c21ef4fb338bac0af445ab3a64";
+      "0021abad9b19015c190479fdc4ac2491a30c5b744f9603003b07f122a80483df";
     const accountId =
-      "01e869a67428264712034a69222c709820c308c21ef4fb338bac0af445ab3a64";
+      "0021abad9b19015c190479fdc4ac2491a30c5b744f9603003b07f122a80483df";
 
     // // andy
     // const id =
@@ -93,7 +93,7 @@ export function useTaxAndCash() {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMDFlODY5YTY3NDI4MjY0NzEyMDM0YTY5MjIyYzcwOTgyMGMzMDhjMjFlZjRmYjMzOGJhYzBhZjQ0NWFiM2E2NCIsImFjY291bnRJZCI6IjAxZTg2OWE2NzQyODI2NDcxMjAzNGE2OTIyMmM3MDk4MjBjMzA4YzIxZWY0ZmIzMzhiYWMwYWY0NDVhYjNhNjQifX0.kvXteiTOW1vfXtT30NbyCkacbBPtFZqEf990SFkHiA4",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMDAyMWFiYWQ5YjE5MDE1YzE5MDQ3OWZkYzRhYzI0OTFhMzBjNWI3NDRmOTYwMzAwM2IwN2YxMjJhODA0ODNkZiIsImFjY291bnRJZCI6IjAwMjFhYmFkOWIxOTAxNWMxOTA0NzlmZGM0YWMyNDkxYTMwYzViNzQ0Zjk2MDMwMDNiMDdmMTIyYTgwNDgzZGYifX0.bPJJiqNQOtVpkyq3X02AgdIOU7We7IVeClu5MWhbJWE",
       });
     }, []);
 

From 6e5ff4c7b29eb82cbad2d6789c63e8289c990d47 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 29 Feb 2024 10:30:58 -0800
Subject: [PATCH 357/753] Added info alert to banking information form

---
 packages/mint-components/src/components.d.ts  | 10 +++++
 .../sqm-banking-info-form-view.tsx            | 40 +++++++++++++++++--
 .../sqm-banking-info-form.tsx                 |  6 +++
 .../sqm-indirect-tax-form-view.tsx            |  4 +-
 4 files changed, 55 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 51be7f98ac..446be518b3 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -128,6 +128,11 @@ export namespace Components {
           * @uiName Business select item label
          */
         "businessSelectItemLabel": string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+         */
+        "cannotChangeInfoAlert": string;
         /**
           * Label text for the checking account type select item
           * @uiName Checking select item label
@@ -5519,6 +5524,11 @@ declare namespace LocalJSX {
           * @uiName Business select item label
          */
         "businessSelectItemLabel"?: string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+         */
+        "cannotChangeInfoAlert"?: string;
         /**
           * Label text for the checking account type select item
           * @uiName Checking select item label
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 6f46fbf973..9459275620 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -72,6 +72,7 @@ export interface BankingInfoFormViewProps {
     paymentDayFifteenthOfMonthLabelText: string;
     isPartnerAlertHeader: string;
     isPartnerAlertDescription: string;
+    cannotChangeInfoAlert: string;
     error: {
       generalTitle: string;
       generalDescription: string;
@@ -192,6 +193,29 @@ const style = {
     borderRadius: "50px",
     background: "var(--sl-color-gray-200)",
   },
+  InfoAlert: {
+    "&::part(base)": {
+      backgroundColor: "transparent",
+      borderTop: "none",
+      border: "none",
+    },
+
+    "&::part(message)": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      padding: "10px",
+      height: "max-content",
+    },
+
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-yellow-500)",
+    },
+  },
+  InfoWarningIcon: {
+    height: "26px",
+    width: "26px",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -240,8 +264,6 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
     slots,
   } = props;
 
-  console.log({ formState });
-
   const { classes } = sheet;
 
   const getLoadingSkeleton = (
@@ -332,7 +354,19 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
             {text.isPartnerAlertDescription}
           </sl-alert>
         )}
-
+        <sl-alert
+          exportparts="base: alert-base, icon:alert-icon"
+          type="primary"
+          open
+          class={classes.InfoAlert}
+        >
+          <sl-icon
+            class={classes.InfoWarningIcon}
+            slot="icon"
+            name="exclamation-triangle"
+          ></sl-icon>
+          {text.cannotChangeInfoAlert}
+        </sl-alert>
         <div>
           <h4>{text.paymentMethod}</h4>
           <p class={classes.DescriptionText}>{text.paymentMethodSubtext}</p>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 5fdc08c0a6..d6b2bde1c3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -279,6 +279,12 @@ export class BankingInfoForm {
    * @uiName  Bank Postal Code input label
    */
   @Prop() bankPostalCodeLabel: string = "Bank Postal Code";
+  /**
+   * Alert text indicating participant cannot change info after it has been submitted
+   * @uiName Cannot change info Alert text
+   */
+  @Prop() cannotChangeInfoAlert: string =
+    "Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting.";
   /**
    * Title text for a general form submission error
    * @uiName General form submission error title
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 6e4578ea59..477c7f1208 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -134,8 +134,8 @@ const style = {
     },
   },
   InfoWarningIcon: {
-    height: "24px",
-    width: "24px",
+    height: "26px",
+    width: "26px",
   },
 };
 

From aeb09633759e4368a77963f85d91301b041ca64d Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 29 Feb 2024 10:56:34 -0800
Subject: [PATCH 358/753] smarter filter for network settings

---
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 27 ++++++++++++-------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 94c49d9e44..d833ee5135 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -168,6 +168,10 @@ export function useTaxAndCash() {
     skip: !user,
   });
 
+  const countryCode =
+    data?.user?.impactConnection?.publisher?.countryCode ||
+    userFormContext.countryCode;
+
   useParentQuery<CountriesQuery>({
     namespace: COUNTRIES_QUERY_NAMESPACE,
     query: GET_COUNTRIES,
@@ -180,12 +184,7 @@ export function useTaxAndCash() {
       query: GET_FINANCE_NETWORK_SETTINGS,
       skip: !user,
       variables: {
-        filter: {
-          countryCode_eq: userFormContext.countryCode,
-          ...(data?.user?.impactConnection?.publisher?.currency
-            ? { currency_eq: data?.user?.impactConnection?.publisher?.currency }
-            : {}),
-        },
+        filter: getFinanceNetworkFilter(),
       },
     });
 
@@ -195,10 +194,6 @@ export function useTaxAndCash() {
     skip: !user,
   });
 
-  const countryCode =
-    data?.user?.impactConnection?.publisher?.countryCode ||
-    userFormContext.countryCode;
-
   const supportedCurrencies = useMemo(() => {
     // Filter out any currencies not supported by finance network settings
     const allValidCurrencies =
@@ -241,9 +236,21 @@ export function useTaxAndCash() {
 
       const currentStep = getCurrentStep(user);
       setStep(currentStep);
+      // setStep("/4");
     }
   }, [host, user, data?.user?.email]);
 
+  function getFinanceNetworkFilter() {
+    if (step === "/4")
+      return { currency_eq: data?.user?.impactConnection?.publisher?.currency };
+
+    if (countryCode)
+      return {
+        countryCode_eq: countryCode,
+      };
+    return {};
+  }
+
   return {
     step,
     setStep,

From 06109a3e3a1243499c8f5560a18c7e837d4d6754 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 29 Feb 2024 11:04:10 -0800
Subject: [PATCH 359/753] Add new loading view

---
 .../tax-and-cash/TaxForm.stories.tsx          |  5 ++
 .../sqm-tax-and-cash/LoadingView.tsx          | 58 +++++++++++++++++++
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  3 +-
 3 files changed, 65 insertions(+), 1 deletion(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/LoadingView.tsx

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index f61b13636e..4af649aaba 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -13,6 +13,7 @@ import {
 import { UseUserInfoFormResult } from "./sqm-user-info-form/useUserInfoForm";
 import { DocusignStatus } from "./sqm-docusign-form/docusign-iframe/DocusignIframe";
 import { BankingInfoFormViewProps } from "./sqm-banking-info-form/sqm-banking-info-form-view";
+import LoadingView from "./sqm-tax-and-cash/LoadingView";
 // import sqmUserInfoSpecs from "./sqm-tax-document-step-1.feature";
 // import sqmIndirectTaxFormSpecs from "../sqm-indirect-tax-form/sqm-indirect-tax-form.feature";
 
@@ -190,6 +191,10 @@ const documentTypeFormProps: StoryDemoData<UseDocumentTypeFormResult> = {
   },
 };
 
+export const GeneralLoadingView = () => {
+  return <LoadingView />;
+};
+
 // STEP ONE
 export const StepOne = () => {
   return <sqm-user-info-form demoData={stepOneProps} />;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/LoadingView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/LoadingView.tsx
new file mode 100644
index 0000000000..32d41db753
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/LoadingView.tsx
@@ -0,0 +1,58 @@
+import { h } from "@stencil/core";
+import { createStyleSheet } from "../../../styling/JSS";
+
+const style = {
+  Container: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "24px",
+  },
+  HeaderContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "10px",
+  },
+
+  TitleSkeleton: {
+    width: "45%",
+    height: "40px !important",
+  },
+  StepSkeleton: {
+    width: "15%",
+  },
+  HeaderSkeleton: {
+    width: "25%",
+    height: "30px !important",
+  },
+  InputSkeleton: {
+    width: "75%",
+  },
+  ButtonSkeleton: {
+    width: "80px",
+    height: "30px !important",
+  },
+};
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+
+const LoadingView = () => {
+  return (
+    <div class={sheet.classes.Container}>
+      <style type="text/css">{styleString}</style>
+      <sl-skeleton class={sheet.classes.TitleSkeleton}></sl-skeleton>
+      <div class={sheet.classes.HeaderContainer}>
+        <sl-skeleton class={sheet.classes.StepSkeleton}></sl-skeleton>
+        <sl-skeleton class={sheet.classes.HeaderSkeleton}></sl-skeleton>
+      </div>
+      <sl-skeleton class={sheet.classes.InputSkeleton}></sl-skeleton>
+      <sl-skeleton class={sheet.classes.InputSkeleton}></sl-skeleton>
+      <sl-skeleton class={sheet.classes.InputSkeleton}></sl-skeleton>
+      <sl-skeleton class={sheet.classes.InputSkeleton}></sl-skeleton>
+      <sl-skeleton class={sheet.classes.InputSkeleton}></sl-skeleton>
+      <sl-skeleton class={sheet.classes.StepSkeleton}></sl-skeleton>
+      <sl-skeleton class={sheet.classes.ButtonSkeleton}></sl-skeleton>
+    </div>
+  );
+};
+
+export default LoadingView;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 87db5f2802..4ee5844290 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -8,6 +8,7 @@ import { TAX_CONTEXT_NAMESPACE } from "./data";
 import { UseTaxAndCashResultType, useTaxAndCash } from "./useTaxAndCash";
 import { extractProps } from "./extractProps";
 import { isDemo } from "@saasquatch/component-boilerplate";
+import LoadingView from "./LoadingView";
 
 /**
  * @uiName Tax and Cash
@@ -897,7 +898,7 @@ export class TaxAndCashMonolith {
     }
 
     // TODO: Loading view
-    return <div></div>;
+    return <LoadingView />;
   }
 }
 

From 1eebc740905067ccef2f3fb5cce45e5e3695e42a Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 29 Feb 2024 11:17:09 -0800
Subject: [PATCH 360/753] address TODOs

---
 .../useBankingInfoForm.tsx                    | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 241b97c2ef..68e8616111 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -508,7 +508,7 @@ export function useBankingInfoForm(
     useState<null | FinanceNetworkSetting>(null);
   const [loading, setLoading] = useState(false);
   const [errors, setErrors] = useState({});
-  const [_paymentMethodChecked, setPaymentMethodChecked] = useState<
+  const [_paymentMethodChecked, _setPaymentMethodChecked] = useState<
     "toBankAccount" | "toPayPalAccount" | undefined
   >(undefined);
   const [paymentScheduleChecked, setPaymentScheduleChecked] = useState<
@@ -544,7 +544,6 @@ export function useBankingInfoForm(
       // @ts-ignore figure out what the values for paymentDay are
       // const { paymentDay, ...rest } = formData;
 
-      // TODO: wire up mutation
       const response = await saveWithdrawalSettings({
         setImpactPublisherWithdrawalSettingsInput: {
           user: {
@@ -608,8 +607,6 @@ export function useBankingInfoForm(
     setBankCountry(publisherCountry);
   }, [paymentOptions, userData, setCurrentPaymentOption, setBankCountry]);
 
-  // TODO currentPaymentOption should be updated when the paypal option is selected
-  // TODO there should be an option in the array with defaultFinancePaymentMethodId = 7 (paypal)
   const updateBankCountry = (bankCountry: string) => {
     const currentPaymentOption = paymentOptions?.find((paymentOption) => {
       if (paymentOption.countryCode === bankCountry) return true;
@@ -659,6 +656,20 @@ export function useBankingInfoForm(
     ? "toBankAccount"
     : _paymentMethodChecked;
 
+  function setPaymentMethodChecked(
+    paymentMethod: "toBankAccount" | "toPayPalAccount"
+  ) {
+    _setPaymentMethodChecked(paymentMethod);
+
+    if (paymentMethod === "toPayPalAccount") {
+      const currentPaymentOption = paymentOptions?.find((paymentOption) => {
+        if (paymentOption.withdrawalSettingId === 7) return true;
+        return false;
+      });
+      setCurrentPaymentOption(currentPaymentOption);
+    }
+  }
+
   return {
     text: props.getTextProps(),
     callbacks: {

From 6ab44c13e1a597e789c1541c1f0f20f4713190f5 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 29 Feb 2024 11:20:37 -0800
Subject: [PATCH 361/753] wrong name used

---
 .../tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 68e8616111..deadfcd5f5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -663,13 +663,15 @@ export function useBankingInfoForm(
 
     if (paymentMethod === "toPayPalAccount") {
       const currentPaymentOption = paymentOptions?.find((paymentOption) => {
-        if (paymentOption.withdrawalSettingId === 7) return true;
+        if (paymentOption.defaultFinancePaymentMethodId === 7) return true;
         return false;
       });
       setCurrentPaymentOption(currentPaymentOption);
     }
   }
 
+  console.log({ currentPaymentOption });
+
   return {
     text: props.getTextProps(),
     callbacks: {

From a4abb8e830158ac03054fc3d1e0972ebc8c100ac Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 29 Feb 2024 11:31:45 -0800
Subject: [PATCH 362/753] fix initial loading state, currentPaymentOption

---
 .../sqm-banking-info-form/useBankingInfoForm.tsx  | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index deadfcd5f5..bbb4ef48bd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -667,11 +667,14 @@ export function useBankingInfoForm(
         return false;
       });
       setCurrentPaymentOption(currentPaymentOption);
+    } else if (paymentMethod === "toBankAccount") {
+      const currentPaymentOption = paymentOptions?.find(
+        (paymentOption) => paymentOption.countryCode === bankCountry
+      );
+      setCurrentPaymentOption(currentPaymentOption);
     }
   }
 
-  console.log({ currentPaymentOption });
-
   return {
     text: props.getTextProps(),
     callbacks: {
@@ -689,9 +692,11 @@ export function useBankingInfoForm(
       feeCap,
       paymentMethodFeeLabel,
       disabled: loading,
-      loading,
-      hideBanking: paymentMethodChecked !== "toBankAccount",
-      hidePayPal: paymentMethodChecked !== "toPayPalAccount",
+      loading: loading || !paymentOptions,
+      hideBanking:
+        paymentMethodChecked !== "toBankAccount" || !paymentMethodChecked,
+      hidePayPal:
+        paymentMethodChecked !== "toPayPalAccount" || !paymentMethodChecked,
       formState: {
         paymentMethodChecked,
         paymentScheduleChecked,

From 61f5bb5ebe9904a59a0188c342679fe2dc47688e Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 29 Feb 2024 13:58:54 -0800
Subject: [PATCH 363/753] clear selected currency on country change

---
 .../src/components/tax-and-cash/TaxForm.stories.tsx           | 1 +
 .../sqm-user-info-form/sqm-user-info-form-view.tsx            | 3 +++
 .../tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx    | 1 +
 .../tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx       | 4 ++++
 4 files changed, 9 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 4af649aaba..a8192704f1 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -73,6 +73,7 @@ const stepOneProps: StoryDemoData<UseUserInfoFormResult> = {
   },
   refs: {
     formRef: { current: null },
+    currencyRef: { current: null },
   },
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 12ba99b202..69a4373557 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
+import { useRef } from "@saasquatch/universal-hooks";
 
 export interface UserInfoFormViewProps {
   states: {
@@ -72,6 +73,7 @@ export interface UserInfoFormViewProps {
   };
   refs: {
     formRef: any;
+    currencyRef: any;
   };
 }
 
@@ -321,6 +323,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                   }
                 : {})}
               required
+              ref={(el: HTMLFormElement) => (refs.currencyRef.current = el)}
             >
               <sl-input
                 class={classes.SearchInput}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index ead8144513..1809b34ce0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -217,6 +217,7 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
       text: props.getTextProps(),
       refs: {
         formRef: { current: null },
+        currencyRef: { current: null },
       },
       data: {
         currencies: [{ currencyCode: "CAD", displayName: "CAD" }],
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index bf263f9179..a9ffa1bb95 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -49,6 +49,7 @@ export type InitialData = {
 export function useUserInfoForm(props: TaxForm) {
   const user = useUserIdentity();
 
+  const currencyRef = useRef<HTMLSelectElement>(undefined);
   const formRef = useRef<HTMLFormElement>(null);
   const [formErrors, setErrors] = useState({});
 
@@ -108,10 +109,12 @@ export function useUserInfoForm(props: TaxForm) {
   const onFormChange = (field: string, e: CustomEvent) => {
     const value = e.detail?.item?.__value;
     if (!value) console.error("Could not detect select change");
+
     setUserFormContext({
       ...userFormContext,
       [field]: value,
     });
+    if (field === "countryCode") currencyRef.current.value = "";
   };
 
   useEffect(() => {
@@ -200,6 +203,7 @@ export function useUserInfoForm(props: TaxForm) {
     },
     refs: {
       formRef,
+      currencyRef,
     },
     data: {
       currencies: filteredCurrencies,

From 043e283bf9ee3c3d51b1cb564043dea10b9cb8a0 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 29 Feb 2024 14:10:44 -0800
Subject: [PATCH 364/753] Updated specs. Renamed step4 text props in monolith
 to Dashboard. Added step 4 text props from payout details

---
 packages/mint-components/src/components.d.ts  | 1058 +++++++++++------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  427 +++++--
 .../tax-and-cash/sqm-tax-form.feature         |   11 +-
 3 files changed, 996 insertions(+), 500 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 446be518b3..6c3c7928b0 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3647,6 +3647,174 @@ export namespace Components {
         "steps": boolean;
     }
     interface SqmTaxAndCash {
+        /**
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_badgeTextAwaitingReview"?: string;
+        /**
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_badgeTextSubmittedOn"?: string;
+        /**
+          * Description text for W8 which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_badgeTextSubmittedOnW8"?: string;
+        /**
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_bankingInformationSectionHeader": string;
+        /**
+          * Text displayed in the edit Payment Information button
+          * @uiName Edit Payment Information button
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_editPaymentInformationButton": string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_generalErrorTitle": string;
+        /**
+          * Indirect tax number/type details
+          * @uiName Indirect tax details
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_indirectTaxDetails": string;
+        /**
+          * Country/Province description text of indirect tax
+          * @uiName Indirect tax Canada description
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_indirectTaxInfoCanada": string;
+        /**
+          * Other country description text of indirect tax
+          * @uiName Indirect tax other country description
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_indirectTaxInfoOtherCountry": string;
+        /**
+          * Header text displayed above the indirect tax preview section
+          * @uiName Indirect Tax Information Header
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_indirectTaxInfoSectionHeader": string;
+        /**
+          * Spain/Region description text of indirect tax
+          * @uiName Indirect tax Spain description
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_indirectTaxInfoSpain": string;
+        /**
+          * Indirect tax tooltip text for support
+          * @uiName Indirect tax tooltip description
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_indirectTaxTooltipSupport": string;
+        /**
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invalidForm"?: string;
+        /**
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_newFormButton": string;
+        /**
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_noFormNeededSubtext": string;
+        /**
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_notRegisteredForTax": string;
+        /**
+          * Label text for the QST number
+          * @uiName QST number input
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_qstNumber": string;
+        /**
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_statusTextActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_statusTextNotActive"?: string;
+        /**
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_statusTextNotVerified"?: string;
+        /**
+          * Label text for the sub-region tax number
+          * @uiName Sub-region tax number
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_subRegionTaxNumber": string;
+        /**
+          * Header displayed in not active W9 alert header at the top of the page.
+          * @uiName Not active W8 alert header
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_taxAlertHeaderNotActiveW8"?: string;
+        /**
+          * Header displayed in not active W9 alert header at the top of the page.
+          * @uiName Not active W9 alert header
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_taxAlertHeaderNotActiveW9"?: string;
+        /**
+          * Description text displayed in W8 alert body at the top of the page.
+          * @uiName Tax W8 alert message
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_taxAlertNotActiveMessageW8"?: string;
+        /**
+          * Description text displayed in W9 alert body at the top of the page.
+          * @uiName Tax W9 alert message
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_taxAlertNotActiveMessageW9"?: string;
+        /**
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_taxDocumentSectionHeader": string;
+        /**
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_taxDocumentSectionSubHeader": string;
         /**
           * @undocumented 
           * @uiType object
@@ -4091,251 +4259,235 @@ export namespace Components {
          */
         "step3_taxFormLabel": string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3b Properties
+          * Label text for the agency code input field
+          * @uiName Agency code input label
          */
-        "step3b_backButton": string;
+        "step4_agencyCodeLabel": string;
         /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-          * @uiGroup Step 3b Properties
+          * Label text for the bank account number input field
+          * @uiName Bank account number input label
          */
-        "step3b_formLabel": string;
+        "step4_bankAccountNumberLabel": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3b Properties
+          * Label text for the bank account type input field
+          * @uiName Bank account type input label
          */
-        "step3b_formStep": string;
+        "step4_bankAccountTypeLabel": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3b Properties
+          * Label text for the Bank Address input
+          * @uiName Bank Address input item label
          */
-        "step3b_generalErrorDescription": string;
+        "step4_bankAddressLabel": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3b Properties
+          * Label text for the Bank City input
+          * @uiName Bank City Label input label
          */
-        "step3b_generalErrorTitle": string;
+        "step4_bankCityLabel": string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3b Properties
+          * Label text for the bank country location input field
+          * @uiName Bank country location input label
          */
-        "step3b_submitButton": string;
+        "step4_bankLocationLabel": string;
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3b Properties
+          * Label text for the bank name input field
+          * @uiName Bank name input label
          */
-        "step3b_taxForm": string;
+        "step4_bankNameLabel": string;
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
-          * @uiGroup Step 3b Properties
+          * Label text for the Bank Postal Code
+          * @uiName Bank Postal Code input label
          */
-        "step3b_w8Description": string;
+        "step4_bankPostalCodeLabel": string;
         /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
-          * @uiGroup Step 3b Properties
+          * Label text for the Bank Province State input
+          * @uiName Bank Province State input label
          */
-        "step3b_w8EDescription": string;
+        "step4_bankProvinceStateLabel": string;
         /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-          * @uiGroup Step 3b Properties
+          * Label text for the beneficiary account name input field
+          * @uiName Beneficiary account name input label
          */
-        "step3b_w8ELabel": string;
+        "step4_beneficiaryAccountNameLabel": string;
         /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-          * @uiGroup Step 3b Properties
+          * Label text for the branch code input field
+          * @uiName Branch code input label
          */
-        "step3b_w8Label": string;
+        "step4_branchCodeLabel": string;
         /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
-          * @uiGroup Step 3b Properties
+          * Label text for the business select item
+          * @uiName Business select item label
          */
-        "step3b_w9Description": string;
+        "step4_businessSelectItemLabel": string;
         /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-          * @uiGroup Step 3b Properties
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
          */
-        "step3b_w9Label": string;
+        "step4_cannotChangeInfoAlert": string;
         /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * Label text for the checking account type select item
+          * @uiName Checking select item label
          */
-        "step4_badgeTextAwaitingReview"?: string;
+        "step4_checkingSelectItemLabel": string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * Label text for the classification CPF input field
+          * @uiName Classification CPF input label
          */
-        "step4_badgeTextSubmittedOn"?: string;
+        "step4_classificationCPFLabel": string;
         /**
-          * Description text for W8 which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * Label text for the classification entity input field
+          * @uiName Classification entity input label
          */
-        "step4_badgeTextSubmittedOnW8"?: string;
+        "step4_classificationEntityLabel": string;
         /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-          * @uiGroup Step 4 Properties
+          * Label text for the classification input field
+          * @uiName Classification input label
          */
-        "step4_bankingInformationSectionHeader": string;
+        "step4_classificationLabel": string;
         /**
-          * Text displayed in the edit Payment Information button
-          * @uiName Edit Payment Information button
-          * @uiGroup Step 4 Properties
+          * Text for the option to receive payments directly to a bank account
+          * @uiName Directly to bank account option text
          */
-        "step4_editPaymentInformationButton": string;
+        "step4_directlyToBankAccount": string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error text
-          * @uiGroup Step 4 Properties
+          * Label text for the foreign select item
+          * @uiName Foreign select item label
+         */
+        "step4_foreignSelectItemLabel": string;
+        /**
+          * Subtext shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Form step text
+         */
+        "step4_formStep": string;
+        /**
+          * Description text for a general form submission error
+          * @uiName General form submission error description
          */
         "step4_generalErrorDescription": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error title
-          * @uiGroup Step 4 Properties
+          * Title text for a general form submission error
+          * @uiName General form submission error title
          */
         "step4_generalErrorTitle": string;
         /**
-          * Indirect tax number/type details
-          * @uiName Indirect tax details
-          * @uiGroup Step 4 Properties
+          * Label text for the IBAN input field
+          * @uiName IBAN input label
          */
-        "step4_indirectTaxDetails": string;
+        "step4_ibanLabel": string;
         /**
-          * Country/Province description text of indirect tax
-          * @uiName Indirect tax Canada description
-          * @uiGroup Step 4 Properties
+          * Label text for the individual select item
+          * @uiName Individual select item label
          */
-        "step4_indirectTaxInfoCanada": string;
+        "step4_individualSelectItemLabel": string;
         /**
-          * Other country description text of indirect tax
-          * @uiName Indirect tax other country description
-          * @uiGroup Step 4 Properties
+          * Description text for the alert when the user is identified as a partner
+          * @uiName Partner identification alert description
          */
-        "step4_indirectTaxInfoOtherCountry": string;
+        "step4_isPartnerAlertDescription": string;
         /**
-          * Header text displayed above the indirect tax preview section
-          * @uiName Indirect Tax Information Header
-          * @uiGroup Step 4 Properties
+          * Header text for the alert when the user is identified as a partner
+          * @uiName Partner identification alert header
          */
-        "step4_indirectTaxInfoSectionHeader": string;
+        "step4_isPartnerAlertHeader": string;
         /**
-          * Spain/Region description text of indirect tax
-          * @uiName Indirect tax Spain description
-          * @uiGroup Step 4 Properties
+          * Label text for the patronymic name input field
+          * @uiName Patronymic name input label
          */
-        "step4_indirectTaxInfoSpain": string;
+        "step4_patronymicNameLabel": string;
         /**
-          * Indirect tax tooltip text for support
-          * @uiName Indirect tax tooltip description
-          * @uiGroup Step 4 Properties
+          * Label text for the PayPal email input field
+          * @uiName PayPal email input label
          */
-        "step4_indirectTaxTooltipSupport": string;
+        "step4_payPalInputLabel": string;
         /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-          * @uiGroup Step 4 Properties
+          * Label text for the payment day select option for the fifteenth of the month
+          * @uiName Fifteenth of month label text
          */
-        "step4_invalidForm"?: string;
+        "step4_paymentDayFifteenthOfMonthLabelText": string;
         /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName Step 4 No form needed subtext
-          * @uiGroup Step 4 Properties
+          * Label text for the payment day select option for the first of the month
+          * @uiName First of month label text
          */
-        "step4_newFormButton": string;
+        "step4_paymentDayFirstOfMonthLabelText": string;
         /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-          * @uiGroup Step 4 Properties
+          * Label text for the payment day select
+          * @uiName Payment day select label
          */
-        "step4_noFormNeededSubtext": string;
+        "step4_paymentDaySelectLabel": string;
         /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-          * @uiGroup Step 4 Properties
+          * Heading text for the payment method section
+          * @uiName Payment method heading text
          */
-        "step4_notRegisteredForTax": string;
+        "step4_paymentMethod": string;
         /**
-          * Label text for the QST number
-          * @uiName QST number input
-          * @uiGroup Step 4 Properties
+          * Subtext for the payment method section
+          * @uiName Payment method subtext
          */
-        "step4_qstNumber": string;
+        "step4_paymentMethodSubtext": string;
         /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * Heading text for the payment schedule section
+          * @uiName Payment schedule heading text
          */
-        "step4_statusTextActive"?: string;
+        "step4_paymentSchedule": string;
         /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * Text for the option to receive payments at a specific balance threshold
+          * @uiName Payment schedule balance threshold text
          */
-        "step4_statusTextNotActive"?: string;
+        "step4_paymentScheduleBalanceThreshold": string;
         /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * Text for the option to receive payments on a specific day of the month
+          * @uiName Payment schedule fixed day text
          */
-        "step4_statusTextNotVerified"?: string;
+        "step4_paymentScheduleFixedDay": string;
         /**
-          * Label text for the sub-region tax number
-          * @uiName Sub-region tax number
-          * @uiGroup Step 4 Properties
+          * Label text for the payment day select
+          * @uiName Payment day select label
          */
-        "step4_subRegionTaxNumber": string;
+        "step4_paymentThresholdSelectLabel": string;
         /**
-          * Header displayed in not active W9 alert header at the top of the page.
-          * @uiName Not active W8 alert header
-          * @uiGroup Step 4 Properties
+          * Label text for the routing code input field
+          * @uiName Routing code input label
          */
-        "step4_taxAlertHeaderNotActiveW8"?: string;
+        "step4_routingCodeLabel": string;
         /**
-          * Header displayed in not active W9 alert header at the top of the page.
-          * @uiName Not active W9 alert header
-          * @uiGroup Step 4 Properties
+          * Label text for the savings account type select item
+          * @uiName Savings select item label
          */
-        "step4_taxAlertHeaderNotActiveW9"?: string;
+        "step4_savingsSelectItemLabel": string;
         /**
-          * Description text displayed in W8 alert body at the top of the page.
-          * @uiName Tax W8 alert message
-          * @uiGroup Step 4 Properties
+          * Text for the save button in the form
+          * @uiName Save button text
          */
-        "step4_taxAlertNotActiveMessageW8"?: string;
+        "step4_submitButton": string;
         /**
-          * Description text displayed in W9 alert body at the top of the page.
-          * @uiName Tax W9 alert message
-          * @uiGroup Step 4 Properties
+          * Label text for the SWIFT code input field
+          * @uiName SWIFT code input label
          */
-        "step4_taxAlertNotActiveMessageW9"?: string;
+        "step4_swiftCodeLabel": string;
         /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-          * @uiGroup Step 4 Properties
+          * Heading text shown at the top of the page
+          * @uiName Tax and Payouts heading text
          */
-        "step4_taxDocumentSectionHeader": string;
+        "step4_taxAndPayouts": string;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-          * @uiGroup Step 4 Properties
+          * Text shown at the top of the page next to the tax and payouts label text
+          * @uiName Tax and Payouts label text
          */
-        "step4_taxDocumentSectionSubHeader": string;
+        "step4_taxAndPayoutsDescription": string;
+        /**
+          * Label text for the Taxpayer ID input field
+          * @uiName Taxpayer ID input label
+         */
+        "step4_taxPayerIdLabel": string;
+        /**
+          * Text for the option to receive payments to a PayPal account with processing fee details
+          * @uiName PayPal option text with processing fee placeholder
+         */
+        "step4_toPayPalAccount": string;
+        /**
+          * Label text for the VO code input field
+          * @uiName VO code input label
+         */
+        "step4_voCodeLabel": string;
         /**
           * Text shown in the link to the form for non US residents
           * @uiName Not based in US link text
@@ -8945,81 +9097,249 @@ declare namespace LocalJSX {
           * @uiName Hide CTA button
           * @uiGroup Button
          */
-        "hideButton"?: boolean;
+        "hideButton"?: boolean;
+        /**
+          * Button link opens in new tab
+          * @uiName Open in new tab
+          * @uiGroup Button
+          * @default
+         */
+        "openNewTab"?: boolean;
+        /**
+          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
+          * @uiName Program ID override
+          * @uiWidget programSelector
+          * @uiGroup Goal
+         */
+        "programId"?: string;
+        /**
+          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
+          * @uiName Progress bar unit
+          * @uiGroup Goal
+         */
+        "progressBarUnit"?: string;
+        /**
+          * @uiName Goal repeatable
+          * @uiGroup Goal
+          * @default
+         */
+        "repeatable"?: boolean;
+        /**
+          * @uiName Reward amount
+          * @uiGroup Reward
+         */
+        "rewardAmount"?: string;
+        /**
+          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
+          * @uiName Reward duration
+          * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+          * @uiGroup Reward
+         */
+        "rewardDuration"?: string;
+        /**
+          * @uiName Reward unit
+          * @uiGroup Reward
+         */
+        "rewardUnit"?: string;
+        /**
+          * @uiName Show progress bar
+          * @uiGroup Goal
+          * @default
+         */
+        "showProgressBar"?: boolean;
+        /**
+          * Shown to users before the start of the task duration.
+          * @uiName Start date message
+          * @uiGroup Task
+         */
+        "startsOnMessage"?: string;
+        /**
+          * Select what type of stat to display for the goal. Manual paths are also supported.
+          * @uiName Goal progress source
+          * @required 
+          * @minLength 1
+          * @uiWidget statTypeSelectWidget
+          * @uiWidgetOptions {"version": 1.1}
+          * @uiGroup Goal
+         */
+        "statType"?: string;
+        /**
+          * @uiName Progress bar steps
+          * @uiGroup Goal
+          * @default
+         */
+        "steps"?: boolean;
+    }
+    interface SqmTaxAndCash {
+        /**
+          * Description text which appears beside badge showing the form is awaiting review
+          * @uiName Badge description text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_badgeTextAwaitingReview"?: string;
+        /**
+          * Description text which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_badgeTextSubmittedOn"?: string;
+        /**
+          * Description text for W8 which appears beside badge showing when the form was submitted
+          * @uiName Badge description text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_badgeTextSubmittedOnW8"?: string;
+        /**
+          * Header text displayed above the banking information card
+          * @uiName Banking information header
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_bankingInformationSectionHeader"?: string;
+        /**
+          * Text displayed in the edit Payment Information button
+          * @uiName Edit Payment Information button
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_editPaymentInformationButton"?: string;
+        /**
+          * The error message shown at the top of the page in an error banner
+          * @uiName General error text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_generalErrorDescription"?: string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_generalErrorTitle"?: string;
+        /**
+          * Indirect tax number/type details
+          * @uiName Indirect tax details
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_indirectTaxDetails"?: string;
+        /**
+          * Country/Province description text of indirect tax
+          * @uiName Indirect tax Canada description
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_indirectTaxInfoCanada"?: string;
+        /**
+          * Other country description text of indirect tax
+          * @uiName Indirect tax other country description
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_indirectTaxInfoOtherCountry"?: string;
+        /**
+          * Header text displayed above the indirect tax preview section
+          * @uiName Indirect Tax Information Header
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_indirectTaxInfoSectionHeader"?: string;
+        /**
+          * Spain/Region description text of indirect tax
+          * @uiName Indirect tax Spain description
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_indirectTaxInfoSpain"?: string;
+        /**
+          * Indirect tax tooltip text for support
+          * @uiName Indirect tax tooltip description
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_indirectTaxTooltipSupport"?: string;
+        /**
+          * Description text displayed next to the badge in the tax documents status
+          * @uiName Invalid form description text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invalidForm"?: string;
+        /**
+          * Text displayed in the submit new document button at the bottom of the page
+          * @uiName No form needed subtext
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_newFormButton"?: string;
+        /**
+          * Subtext displayed at the bottom of the page if there are no tax documents to show
+          * @uiName No form needed subtext
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_noFormNeededSubtext"?: string;
+        /**
+          * Text displayed when partner is not registered for Indirect Tax
+          * @uiName Not registered for Indirect Tax
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_notRegisteredForTax"?: string;
         /**
-          * Button link opens in new tab
-          * @uiName Open in new tab
-          * @uiGroup Button
-          * @default
+          * Label text for the QST number
+          * @uiName QST number input
+          * @uiGroup Dashboard Properties
          */
-        "openNewTab"?: boolean;
+        "dashboard_qstNumber"?: string;
         /**
-          * The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered.
-          * @uiName Program ID override
-          * @uiWidget programSelector
-          * @uiGroup Goal
+          * Status text displayed in badge when tax document is Active
+          * @uiName Status text
+          * @uiGroup Dashboard Properties
          */
-        "programId"?: string;
+        "dashboard_statusTextActive"?: string;
         /**
-          * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
-          * @uiName Progress bar unit
-          * @uiGroup Goal
+          * Status text displayed in badge when tax document is Not Active
+          * @uiName Status text
+          * @uiGroup Dashboard Properties
          */
-        "progressBarUnit"?: string;
+        "dashboard_statusTextNotActive"?: string;
         /**
-          * @uiName Goal repeatable
-          * @uiGroup Goal
-          * @default
+          * Status text displayed in badge when tax document is Not Verified
+          * @uiName Status text
+          * @uiGroup Dashboard Properties
          */
-        "repeatable"?: boolean;
+        "dashboard_statusTextNotVerified"?: string;
         /**
-          * @uiName Reward amount
-          * @uiGroup Reward
+          * Label text for the sub-region tax number
+          * @uiName Sub-region tax number
+          * @uiGroup Dashboard Properties
          */
-        "rewardAmount"?: string;
+        "dashboard_subRegionTaxNumber"?: string;
         /**
-          * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
-          * @uiName Reward duration
-          * @uiWidget dateRange
-          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-          * @uiGroup Reward
+          * Header displayed in not active W9 alert header at the top of the page.
+          * @uiName Not active W8 alert header
+          * @uiGroup Dashboard Properties
          */
-        "rewardDuration"?: string;
+        "dashboard_taxAlertHeaderNotActiveW8"?: string;
         /**
-          * @uiName Reward unit
-          * @uiGroup Reward
+          * Header displayed in not active W9 alert header at the top of the page.
+          * @uiName Not active W9 alert header
+          * @uiGroup Dashboard Properties
          */
-        "rewardUnit"?: string;
+        "dashboard_taxAlertHeaderNotActiveW9"?: string;
         /**
-          * @uiName Show progress bar
-          * @uiGroup Goal
-          * @default
+          * Description text displayed in W8 alert body at the top of the page.
+          * @uiName Tax W8 alert message
+          * @uiGroup Dashboard Properties
          */
-        "showProgressBar"?: boolean;
+        "dashboard_taxAlertNotActiveMessageW8"?: string;
         /**
-          * Shown to users before the start of the task duration.
-          * @uiName Start date message
-          * @uiGroup Task
+          * Description text displayed in W9 alert body at the top of the page.
+          * @uiName Tax W9 alert message
+          * @uiGroup Dashboard Properties
          */
-        "startsOnMessage"?: string;
+        "dashboard_taxAlertNotActiveMessageW9"?: string;
         /**
-          * Select what type of stat to display for the goal. Manual paths are also supported.
-          * @uiName Goal progress source
-          * @required 
-          * @minLength 1
-          * @uiWidget statTypeSelectWidget
-          * @uiWidgetOptions {"version": 1.1}
-          * @uiGroup Goal
+          * Header text displayed above the tax documents status
+          * @uiName Tax document section header
+          * @uiGroup Dashboard Properties
          */
-        "statType"?: string;
+        "dashboard_taxDocumentSectionHeader"?: string;
         /**
-          * @uiName Progress bar steps
-          * @uiGroup Goal
-          * @default
+          * Sub header text displayed above the tax documents status
+          * @uiName Tax documents sub header
+          * @uiGroup Dashboard Properties
          */
-        "steps"?: boolean;
-    }
-    interface SqmTaxAndCash {
+        "dashboard_taxDocumentSectionSubHeader"?: string;
         /**
           * @undocumented 
           * @uiType object
@@ -9464,251 +9784,235 @@ declare namespace LocalJSX {
          */
         "step3_taxFormLabel"?: string;
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3b Properties
+          * Label text for the agency code input field
+          * @uiName Agency code input label
          */
-        "step3b_backButton"?: string;
+        "step4_agencyCodeLabel"?: string;
         /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-          * @uiGroup Step 3b Properties
+          * Label text for the bank account number input field
+          * @uiName Bank account number input label
          */
-        "step3b_formLabel"?: string;
+        "step4_bankAccountNumberLabel"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3b Properties
+          * Label text for the bank account type input field
+          * @uiName Bank account type input label
          */
-        "step3b_formStep"?: string;
+        "step4_bankAccountTypeLabel"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3b Properties
+          * Label text for the Bank Address input
+          * @uiName Bank Address input item label
          */
-        "step3b_generalErrorDescription"?: string;
+        "step4_bankAddressLabel"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3b Properties
+          * Label text for the Bank City input
+          * @uiName Bank City Label input label
          */
-        "step3b_generalErrorTitle"?: string;
+        "step4_bankCityLabel"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3b Properties
+          * Label text for the bank country location input field
+          * @uiName Bank country location input label
          */
-        "step3b_submitButton"?: string;
+        "step4_bankLocationLabel"?: string;
         /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-          * @uiGroup Step 3b Properties
+          * Label text for the bank name input field
+          * @uiName Bank name input label
          */
-        "step3b_taxForm"?: string;
+        "step4_bankNameLabel"?: string;
         /**
-          * Subtext for the W8 radio button
-          * @uiName W8 radio button subtext
-          * @uiGroup Step 3b Properties
+          * Label text for the Bank Postal Code
+          * @uiName Bank Postal Code input label
          */
-        "step3b_w8Description"?: string;
+        "step4_bankPostalCodeLabel"?: string;
         /**
-          * Subtext for the W8E radio button
-          * @uiName W8E radio button subtext
-          * @uiGroup Step 3b Properties
+          * Label text for the Bank Province State input
+          * @uiName Bank Province State input label
          */
-        "step3b_w8EDescription"?: string;
+        "step4_bankProvinceStateLabel"?: string;
         /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-          * @uiGroup Step 3b Properties
+          * Label text for the beneficiary account name input field
+          * @uiName Beneficiary account name input label
          */
-        "step3b_w8ELabel"?: string;
+        "step4_beneficiaryAccountNameLabel"?: string;
         /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-          * @uiGroup Step 3b Properties
+          * Label text for the branch code input field
+          * @uiName Branch code input label
          */
-        "step3b_w8Label"?: string;
+        "step4_branchCodeLabel"?: string;
         /**
-          * Subtext for the W9 radio button
-          * @uiName W9 radio button subtext
-          * @uiGroup Step 3b Properties
+          * Label text for the business select item
+          * @uiName Business select item label
          */
-        "step3b_w9Description"?: string;
+        "step4_businessSelectItemLabel"?: string;
         /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-          * @uiGroup Step 3b Properties
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
          */
-        "step3b_w9Label"?: string;
+        "step4_cannotChangeInfoAlert"?: string;
         /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * Label text for the checking account type select item
+          * @uiName Checking select item label
          */
-        "step4_badgeTextAwaitingReview"?: string;
+        "step4_checkingSelectItemLabel"?: string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * Label text for the classification CPF input field
+          * @uiName Classification CPF input label
          */
-        "step4_badgeTextSubmittedOn"?: string;
+        "step4_classificationCPFLabel"?: string;
         /**
-          * Description text for W8 which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
-          * @uiGroup Step 4 Properties
+          * Label text for the classification entity input field
+          * @uiName Classification entity input label
          */
-        "step4_badgeTextSubmittedOnW8"?: string;
+        "step4_classificationEntityLabel"?: string;
         /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
-          * @uiGroup Step 4 Properties
+          * Label text for the classification input field
+          * @uiName Classification input label
          */
-        "step4_bankingInformationSectionHeader"?: string;
+        "step4_classificationLabel"?: string;
         /**
-          * Text displayed in the edit Payment Information button
-          * @uiName Edit Payment Information button
-          * @uiGroup Step 4 Properties
+          * Text for the option to receive payments directly to a bank account
+          * @uiName Directly to bank account option text
          */
-        "step4_editPaymentInformationButton"?: string;
+        "step4_directlyToBankAccount"?: string;
         /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error text
-          * @uiGroup Step 4 Properties
+          * Label text for the foreign select item
+          * @uiName Foreign select item label
+         */
+        "step4_foreignSelectItemLabel"?: string;
+        /**
+          * Subtext shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Form step text
+         */
+        "step4_formStep"?: string;
+        /**
+          * Description text for a general form submission error
+          * @uiName General form submission error description
          */
         "step4_generalErrorDescription"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName Step 4 General error title
-          * @uiGroup Step 4 Properties
+          * Title text for a general form submission error
+          * @uiName General form submission error title
          */
         "step4_generalErrorTitle"?: string;
         /**
-          * Indirect tax number/type details
-          * @uiName Indirect tax details
-          * @uiGroup Step 4 Properties
+          * Label text for the IBAN input field
+          * @uiName IBAN input label
          */
-        "step4_indirectTaxDetails"?: string;
+        "step4_ibanLabel"?: string;
         /**
-          * Country/Province description text of indirect tax
-          * @uiName Indirect tax Canada description
-          * @uiGroup Step 4 Properties
+          * Label text for the individual select item
+          * @uiName Individual select item label
          */
-        "step4_indirectTaxInfoCanada"?: string;
+        "step4_individualSelectItemLabel"?: string;
         /**
-          * Other country description text of indirect tax
-          * @uiName Indirect tax other country description
-          * @uiGroup Step 4 Properties
+          * Description text for the alert when the user is identified as a partner
+          * @uiName Partner identification alert description
          */
-        "step4_indirectTaxInfoOtherCountry"?: string;
+        "step4_isPartnerAlertDescription"?: string;
         /**
-          * Header text displayed above the indirect tax preview section
-          * @uiName Indirect Tax Information Header
-          * @uiGroup Step 4 Properties
+          * Header text for the alert when the user is identified as a partner
+          * @uiName Partner identification alert header
          */
-        "step4_indirectTaxInfoSectionHeader"?: string;
+        "step4_isPartnerAlertHeader"?: string;
         /**
-          * Spain/Region description text of indirect tax
-          * @uiName Indirect tax Spain description
-          * @uiGroup Step 4 Properties
+          * Label text for the patronymic name input field
+          * @uiName Patronymic name input label
          */
-        "step4_indirectTaxInfoSpain"?: string;
+        "step4_patronymicNameLabel"?: string;
         /**
-          * Indirect tax tooltip text for support
-          * @uiName Indirect tax tooltip description
-          * @uiGroup Step 4 Properties
+          * Label text for the PayPal email input field
+          * @uiName PayPal email input label
          */
-        "step4_indirectTaxTooltipSupport"?: string;
+        "step4_payPalInputLabel"?: string;
         /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
-          * @uiGroup Step 4 Properties
+          * Label text for the payment day select option for the fifteenth of the month
+          * @uiName Fifteenth of month label text
          */
-        "step4_invalidForm"?: string;
+        "step4_paymentDayFifteenthOfMonthLabelText"?: string;
         /**
-          * Text displayed in the submit new document button at the bottom of the page
-          * @uiName Step 4 No form needed subtext
-          * @uiGroup Step 4 Properties
+          * Label text for the payment day select option for the first of the month
+          * @uiName First of month label text
          */
-        "step4_newFormButton"?: string;
+        "step4_paymentDayFirstOfMonthLabelText"?: string;
         /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
-          * @uiGroup Step 4 Properties
+          * Label text for the payment day select
+          * @uiName Payment day select label
          */
-        "step4_noFormNeededSubtext"?: string;
+        "step4_paymentDaySelectLabel"?: string;
         /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
-          * @uiGroup Step 4 Properties
+          * Heading text for the payment method section
+          * @uiName Payment method heading text
          */
-        "step4_notRegisteredForTax"?: string;
+        "step4_paymentMethod"?: string;
         /**
-          * Label text for the QST number
-          * @uiName QST number input
-          * @uiGroup Step 4 Properties
+          * Subtext for the payment method section
+          * @uiName Payment method subtext
          */
-        "step4_qstNumber"?: string;
+        "step4_paymentMethodSubtext"?: string;
         /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * Heading text for the payment schedule section
+          * @uiName Payment schedule heading text
          */
-        "step4_statusTextActive"?: string;
+        "step4_paymentSchedule"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * Text for the option to receive payments at a specific balance threshold
+          * @uiName Payment schedule balance threshold text
          */
-        "step4_statusTextNotActive"?: string;
+        "step4_paymentScheduleBalanceThreshold"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
-          * @uiGroup Step 4 Properties
+          * Text for the option to receive payments on a specific day of the month
+          * @uiName Payment schedule fixed day text
          */
-        "step4_statusTextNotVerified"?: string;
+        "step4_paymentScheduleFixedDay"?: string;
         /**
-          * Label text for the sub-region tax number
-          * @uiName Sub-region tax number
-          * @uiGroup Step 4 Properties
+          * Label text for the payment day select
+          * @uiName Payment day select label
          */
-        "step4_subRegionTaxNumber"?: string;
+        "step4_paymentThresholdSelectLabel"?: string;
         /**
-          * Header displayed in not active W9 alert header at the top of the page.
-          * @uiName Not active W8 alert header
-          * @uiGroup Step 4 Properties
+          * Label text for the routing code input field
+          * @uiName Routing code input label
          */
-        "step4_taxAlertHeaderNotActiveW8"?: string;
+        "step4_routingCodeLabel"?: string;
         /**
-          * Header displayed in not active W9 alert header at the top of the page.
-          * @uiName Not active W9 alert header
-          * @uiGroup Step 4 Properties
+          * Label text for the savings account type select item
+          * @uiName Savings select item label
          */
-        "step4_taxAlertHeaderNotActiveW9"?: string;
+        "step4_savingsSelectItemLabel"?: string;
         /**
-          * Description text displayed in W8 alert body at the top of the page.
-          * @uiName Tax W8 alert message
-          * @uiGroup Step 4 Properties
+          * Text for the save button in the form
+          * @uiName Save button text
          */
-        "step4_taxAlertNotActiveMessageW8"?: string;
+        "step4_submitButton"?: string;
         /**
-          * Description text displayed in W9 alert body at the top of the page.
-          * @uiName Tax W9 alert message
-          * @uiGroup Step 4 Properties
+          * Label text for the SWIFT code input field
+          * @uiName SWIFT code input label
          */
-        "step4_taxAlertNotActiveMessageW9"?: string;
+        "step4_swiftCodeLabel"?: string;
         /**
-          * Header text displayed above the tax documents status
-          * @uiName Tax document section header
-          * @uiGroup Step 4 Properties
+          * Heading text shown at the top of the page
+          * @uiName Tax and Payouts heading text
          */
-        "step4_taxDocumentSectionHeader"?: string;
+        "step4_taxAndPayouts"?: string;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
-          * @uiGroup Step 4 Properties
+          * Text shown at the top of the page next to the tax and payouts label text
+          * @uiName Tax and Payouts label text
+         */
+        "step4_taxAndPayoutsDescription"?: string;
+        /**
+          * Label text for the Taxpayer ID input field
+          * @uiName Taxpayer ID input label
+         */
+        "step4_taxPayerIdLabel"?: string;
+        /**
+          * Text for the option to receive payments to a PayPal account with processing fee details
+          * @uiName PayPal option text with processing fee placeholder
+         */
+        "step4_toPayPalAccount"?: string;
+        /**
+          * Label text for the VO code input field
+          * @uiName VO code input label
          */
-        "step4_taxDocumentSectionSubHeader"?: string;
+        "step4_voCodeLabel"?: string;
         /**
           * Text shown in the link to the form for non US residents
           * @uiName Not based in US link text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 87db5f2802..2b140f73ab 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -522,313 +522,502 @@ export class TaxAndCashMonolith {
   @Prop() step3_formSubmissionError: string = "This field is required";
 
   /**
-   * * DOCUMENT TYPE STEP
+   * STEP 4 PAYOUT INFORMATION FORM
    */
+  /**
+   * Subtext shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Form step text
+   */
+  @Prop() step4_formStep: string = "Step 4 of 4";
 
   /**
-   * Sub text shown at the top of the page, used to show the current step of the tax form.
-   * @uiName Tax form step text
-   * @uiGroup Step 3b Properties
+   * Heading text shown at the top of the page
+   * @uiName Tax and Payouts heading text
    */
-  @Prop() step3b_formStep: string = "Step 3 of 4";
+  @Prop() step4_taxAndPayouts: string = "Tax and Payouts";
+
   /**
-   * Sub text shown above form selection radio buttons
-   * @uiName Tax form selection heading text
-   * @uiGroup Step 3b Properties
+   * Text shown at the top of the page next to the tax and payouts label text
+   * @uiName Tax and Payouts label text
    */
-  @Prop() step3b_formLabel: string = "Select a tax form";
+  @Prop() step4_taxAndPayoutsDescription: string =
+    "Submit your tax documents and add your banking information to receive your rewards.";
+
   /**
-   * Heading text shown at the top of the top of page
-   * @uiName Tax form heading text
-   * @uiGroup Step 3b Properties
+   * Text for the option to receive payments directly to a bank account
+   * @uiName Directly to bank account option text
    */
-  @Prop() step3b_taxForm: string = "Tax form";
+  @Prop() step4_directlyToBankAccount: string = "Directly to my bank account";
+
   /**
-   * Label text for the W9 radio button
-   * @uiName W9 radio button label
-   * @uiGroup Step 3b Properties
+   * Text for the option to receive payments to a PayPal account with processing fee details
+   * @uiName PayPal option text with processing fee placeholder
    */
-  @Prop() step3b_w9Label: string = "W9";
+  @Prop() step4_toPayPalAccount: string =
+    "PayPal (2% processing fee capped to {feeCap})";
   /**
-   * Subtext for the W9 radio button
-   * @uiName W9 radio button subtext
-   * @uiGroup Step 3b Properties
+   * Text for the option to receive payments at a specific balance threshold
+   * @uiName Payment schedule balance threshold text
    */
-  @Prop() step3b_w9Description: string =
-    "W9 For participants based in the US, joining the referral program of a US-based company.";
+  @Prop() step4_paymentScheduleBalanceThreshold: string =
+    "Pay me when my balance reaches a threshold";
   /**
-   * Label text for the W8 radio button
-   * @uiName W8 radio button label
-   * @uiGroup Step 3b Properties
+   * Text for the option to receive payments on a specific day of the month
+   * @uiName Payment schedule fixed day text
    */
-  @Prop() step3b_w8Label: string = "W8-Ben";
+  @Prop() step4_paymentScheduleFixedDay: string =
+    "Pay me on a fixed day of the month";
+
   /**
-   * Subtext for the W8 radio button
-   * @uiName W8 radio button subtext
-   * @uiGroup Step 3b Properties
+   * Label text for the payment day select
+   * @uiName Payment day select label
    */
-  @Prop() step3b_w8Description: string =
-    "W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company.";
+  @Prop() step4_paymentDaySelectLabel: string = "Payment Day";
+
   /**
-   * Label text for the W8E radio button
-   * @uiName W8E radio button label
-   * @uiGroup Step 3b Properties
+   * Label text for the payment day select
+   * @uiName Payment day select label
    */
-  @Prop() step3b_w8ELabel: string = "W8-BEN-E";
+  @Prop() step4_paymentThresholdSelectLabel: string = "Payment Threshold";
   /**
-   * Subtext for the W8E radio button
-   * @uiName W8E radio button subtext
-   * @uiGroup Step 3b Properties
+   * Label text for the payment day select option for the first of the month
+   * @uiName First of month label text
    */
-  @Prop() step3b_w8EDescription: string =
-    "W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company.";
+  @Prop() step4_paymentDayFirstOfMonthLabelText: string = "1st of the month";
   /**
-   * Text shown inside of submit button
-   * @uiName Submit button text
-   * @uiGroup Step 3b Properties
+   * Label text for the payment day select option for the fifteenth of the month
+   * @uiName Fifteenth of month label text
    */
-  @Prop() step3b_submitButton: string = "Continue";
+  @Prop() step4_paymentDayFifteenthOfMonthLabelText: string =
+    "15th of the month";
   /**
-   * Text shown inside of back button
-   * @uiName Back button text
-   * @uiGroup Step 3b Properties
+   * Heading text for the payment method section
+   * @uiName Payment method heading text
    */
-  @Prop() step3b_backButton: string = "Back";
+  @Prop() step4_paymentMethod: string = "Payment Method";
   /**
-   * The title for error message shown at the top of the page in an error banner
-   *
-   * @uiName General error title
-   * @uiGroup Step 3b Properties
+   * Heading text for the payment schedule section
+   * @uiName Payment schedule heading text
+   */
+  @Prop() step4_paymentSchedule: string = "Payment Schedule";
+  /**
+   * Subtext for the payment method section
+   * @uiName Payment method subtext
+   */
+  @Prop() step4_paymentMethodSubtext: string =
+    "Payouts will be sent on the first day of each month from our referral program provider, impact.com.";
+  /**
+   * Label text for the PayPal email input field
+   * @uiName PayPal email input label
+   */
+  @Prop() step4_payPalInputLabel: string = "PayPal Email";
+
+  /**
+   * Text for the save button in the form
+   * @uiName Save button text
+   */
+  @Prop() step4_submitButton: string = "Save";
+  /**
+   * Label text for the bank country location input field
+   * @uiName Bank country location input label
+   */
+  @Prop() step4_bankLocationLabel: string = "Bank Country Location";
+  /**
+   * Label text for the beneficiary account name input field
+   * @uiName Beneficiary account name input label
+   */
+  @Prop() step4_beneficiaryAccountNameLabel: string =
+    "Beneficiary Account Name";
+
+  /**
+   * Label text for the bank account type input field
+   * @uiName Bank account type input label
+   */
+  @Prop() step4_bankAccountTypeLabel: string = "Bank Account Type";
+
+  /**
+   * Label text for the checking account type select item
+   * @uiName Checking select item label
+   */
+  @Prop() step4_checkingSelectItemLabel: string = "Checking";
+
+  /**
+   * Label text for the savings account type select item
+   * @uiName Savings select item label
+   */
+  @Prop() step4_savingsSelectItemLabel: string = "Savings";
+
+  /**
+   * Label text for the bank account number input field
+   * @uiName Bank account number input label
+   */
+  @Prop() step4_bankAccountNumberLabel: string = "Bank Account Number";
+  /**
+   * Label text for the IBAN input field
+   * @uiName IBAN input label
+   */
+  @Prop() step4_ibanLabel: string = "IBAN";
+
+  /**
+   * Label text for the SWIFT code input field
+   * @uiName SWIFT code input label
+   */
+  @Prop() step4_swiftCodeLabel: string = "SWIFT Code";
+
+  /**
+   * Label text for the routing code input field
+   * @uiName Routing code input label
    */
-  @Prop() step3b_generalErrorTitle: string =
+  @Prop() step4_routingCodeLabel: string = "Routing Code";
+
+  /**
+   * Label text for the bank name input field
+   * @uiName Bank name input label
+   */
+  @Prop() step4_bankNameLabel: string = "Bank Name";
+
+  /**
+   * Label text for the classification entity input field
+   * @uiName Classification entity input label
+   */
+  @Prop() step4_classificationEntityLabel: string = "Classification Entity";
+
+  /**
+   * Label text for the business select item
+   * @uiName Business select item label
+   */
+  @Prop() step4_businessSelectItemLabel: string = "Business";
+
+  /**
+   * Label text for the individual select item
+   * @uiName Individual select item label
+   */
+  @Prop() step4_individualSelectItemLabel: string = "Individual";
+
+  /**
+   * Label text for the foreign select item
+   * @uiName Foreign select item label
+   */
+  @Prop() step4_foreignSelectItemLabel: string = "Foreign";
+
+  /**
+   * Header text for the alert when the user is identified as a partner
+   * @uiName Partner identification alert header
+   */
+  @Prop() step4_isPartnerAlertHeader: string =
+    "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
+   */
+  @Prop() step4_isPartnerAlertDescription: string =
+    "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.";
+
+  /**
+   * Label text for the classification CPF input field
+   * @uiName Classification CPF input label
+   */
+  @Prop() step4_classificationCPFLabel: string = "Classification CPF";
+
+  /**
+   * Label text for the patronymic name input field
+   * @uiName Patronymic name input label
+   */
+  @Prop() step4_patronymicNameLabel: string = "Patronymic Name";
+
+  /**
+   * Label text for the VO code input field
+   * @uiName VO code input label
+   */
+  @Prop() step4_voCodeLabel: string = "VO Code";
+
+  /**
+   * Label text for the agency code input field
+   * @uiName Agency code input label
+   */
+  @Prop() step4_agencyCodeLabel: string = "Agency Code";
+
+  /**
+   * Label text for the branch code input field
+   * @uiName Branch code input label
+   */
+  @Prop() step4_branchCodeLabel: string = "Branch Code";
+
+  /**
+   * Label text for the classification input field
+   * @uiName Classification input label
+   */
+  @Prop() step4_classificationLabel: string = "Classification";
+
+  /**
+   * Label text for the Taxpayer ID input field
+   * @uiName Taxpayer ID input label
+   */
+  @Prop() step4_taxPayerIdLabel: string = "Taxpayer ID";
+
+  /**
+   * Label text for the Bank Address input
+   * @uiName Bank Address input item label
+   */
+  @Prop() step4_bankAddressLabel: string = "Bank Address";
+  /**
+   * Label text for the Bank City input
+   * @uiName Bank City Label input label
+   */
+  @Prop() step4_bankCityLabel: string = "Bank City";
+  /**
+   * Label text for the Bank Province State input
+   * @uiName Bank Province State input label
+   */
+  @Prop() step4_bankProvinceStateLabel: string = "Bank Province State";
+  /**
+   * Label text for the Bank Postal Code
+   * @uiName  Bank Postal Code input label
+   */
+  @Prop() step4_bankPostalCodeLabel: string = "Bank Postal Code";
+  /**
+   * Alert text indicating participant cannot change info after it has been submitted
+   * @uiName Cannot change info Alert text
+   */
+  @Prop() step4_cannotChangeInfoAlert: string =
+    "Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting.";
+  /**
+   * Title text for a general form submission error
+   * @uiName General form submission error title
+   */
+  @Prop() step4_generalErrorTitle: string =
     "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
-   * @uiGroup Step 3b Properties
+   * Description text for a general form submission error
+   * @uiName General form submission error description
    */
-  @Prop() step3b_generalErrorDescription: string =
+  @Prop() step4_generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
 
   /**
-   * * SUBMITTED VIEW STEP
+   * * DASHBOARD DOCUMENT SUBMITTED VIEW STEP
    */
   /**
    * Status text displayed in badge when tax document is Active
    *
    * @uiName Status text
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_statusTextActive?: string = "Active";
+  @Prop() dashboard_statusTextActive?: string = "Active";
 
   /**
    * Status text displayed in badge when tax document is Not Active
    *
    * @uiName Status text
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_statusTextNotActive?: string = "Invalid Tax Form";
+  @Prop() dashboard_statusTextNotActive?: string = "Invalid Tax Form";
 
   /**
    * Status text displayed in badge when tax document is Not Verified
    *
    * @uiName Status text
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_statusTextNotVerified?: string = "Not Verified";
+  @Prop() dashboard_statusTextNotVerified?: string = "Not Verified";
 
   /**
    * Description text which appears beside badge showing when the form was submitted
    *
    * @uiName Badge description text
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_badgeTextSubmittedOn?: string = "Submitted on {dateSubmitted}";
+  @Prop() dashboard_badgeTextSubmittedOn?: string =
+    "Submitted on {dateSubmitted}";
   /**
    * Description text for W8 which appears beside badge showing when the form was submitted
    *
    * @uiName Badge description text
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_badgeTextSubmittedOnW8?: string =
+  @Prop() dashboard_badgeTextSubmittedOnW8?: string =
     "Submitted on {dateSubmitted}. Valid for three years after submission.";
 
   /**
    * Description text which appears beside badge showing the form is awaiting review
    *
    * @uiName Badge description text
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_badgeTextAwaitingReview?: string =
+  @Prop() dashboard_badgeTextAwaitingReview?: string =
     "Awaiting review. Submitted on {dateSubmitted}.";
 
   /**
    * Header displayed in not active W9 alert header at the top of the page.
    *
    * @uiName Not active W9 alert header
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_taxAlertHeaderNotActiveW9?: string =
+  @Prop() dashboard_taxAlertHeaderNotActiveW9?: string =
     "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.
    *
    * @uiName Not active W8 alert header
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_taxAlertHeaderNotActiveW8?: string =
+  @Prop() dashboard_taxAlertHeaderNotActiveW8?: string =
     "{documentType} tax form is invalid";
   /**
    * Description text displayed in W9 alert body at the top of the page.
    *
    * @uiName Tax W9 alert message
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_taxAlertNotActiveMessageW9?: string =
+  @Prop() dashboard_taxAlertNotActiveMessageW9?: string =
     "Please resubmit a new {documentType} form.";
   /**
    * Description text displayed in W8 alert body at the top of the page.
    *
    * @uiName Tax W8 alert message
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_taxAlertNotActiveMessageW8?: string =
+  @Prop() dashboard_taxAlertNotActiveMessageW8?: string =
     "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form.";
   /**
    * Description text displayed next to the badge in the tax documents status
    *
    * @uiName Invalid form description text
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_invalidForm?: string =
+  @Prop() dashboard_invalidForm?: string =
     "Ensure your information matches your profile and resubmit a new document.";
   /**
    * Header text displayed above the banking information card
    *
    * @uiName Banking information header
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_bankingInformationSectionHeader: string = "Banking Information";
+  @Prop() dashboard_bankingInformationSectionHeader: string =
+    "Banking Information";
   /**
    * Header text displayed above the tax documents status
    *
    * @uiName Tax document section header
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_taxDocumentSectionHeader: string = "Tax documents";
+  @Prop() dashboard_taxDocumentSectionHeader: string = "Tax documents";
   /**
    * Sub header text displayed above the tax documents status
    *
    * @uiName Tax documents sub header
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_taxDocumentSectionSubHeader: string = "{documentType} Tax Form";
+  @Prop() dashboard_taxDocumentSectionSubHeader: string =
+    "{documentType} Tax Form";
   /**
    * Subtext displayed at the bottom of the page if there are no tax documents to show
    *
    * @uiName No form needed subtext
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_noFormNeededSubtext: string =
+  @Prop() dashboard_noFormNeededSubtext: string =
     "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support.";
   /**
    * Header text displayed above the indirect tax preview section
    *
    * @uiName Indirect Tax Information Header
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_indirectTaxInfoSectionHeader: string = "Indirect Tax";
+  @Prop() dashboard_indirectTaxInfoSectionHeader: string = "Indirect Tax";
   /**
    * Country/Province description text of indirect tax
    *
    * @uiName Indirect tax Canada description
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_indirectTaxInfoCanada: string =
+  @Prop() dashboard_indirectTaxInfoCanada: string =
     "Registered in {province}, {country}";
   /**
    * Other country description text of indirect tax
    *
    * @uiName Indirect tax other country description
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_indirectTaxInfoOtherCountry: string = "Registered in {country}";
+  @Prop() dashboard_indirectTaxInfoOtherCountry: string =
+    "Registered in {country}";
   /**
    * Spain/Region description text of indirect tax
    *
    * @uiName Indirect tax Spain description
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_indirectTaxInfoSpain: string =
+  @Prop() dashboard_indirectTaxInfoSpain: string =
     "Registered in {country}, {subRegion}";
   /**
    * Indirect tax tooltip text for support
    *
    * @uiName Indirect tax tooltip description
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_indirectTaxTooltipSupport: string =
+  @Prop() dashboard_indirectTaxTooltipSupport: string =
     "To make changes to your indirect tax information, please contact Support.";
   /**
    * Indirect tax number/type details
    *
    * @uiName  Indirect tax details
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_indirectTaxDetails: string =
+  @Prop() dashboard_indirectTaxDetails: string =
     "{indirectTaxType} number: {indirectTaxNumber}";
   /**
    * Text displayed in the submit new document button at the bottom of the page
    *
-   * @uiName Step 4 No form needed subtext
-   * @uiGroup Step 4 Properties
+   * @uiName No form needed subtext
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_newFormButton: string = "Submit New Form";
+  @Prop() dashboard_newFormButton: string = "Submit New Form";
   /**
    * Text displayed in the edit Payment Information button
    *
    * @uiName Edit Payment Information button
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_editPaymentInformationButton: string =
+  @Prop() dashboard_editPaymentInformationButton: string =
     "Edit Payout Information";
   /**
    * Text displayed when partner is not registered for Indirect Tax
    *
    * @uiName Not registered for Indirect Tax
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_notRegisteredForTax: string =
+  @Prop() dashboard_notRegisteredForTax: string =
     "Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information.";
   /**
    * The title for error message shown at the top of the page in an error banner
    *
-   * @uiName Step 4 General error title
-   * @uiGroup Step 4 Properties
+   * @uiName General error title
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_generalErrorTitle: string =
+  @Prop() dashboard_generalErrorTitle: string =
     "There was a problem submitting your information";
   /**
    * The error message shown at the top of the page in an error banner
    *
-   * @uiName Step 4 General error text
-   * @uiGroup Step 4 Properties
+   * @uiName General error text
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_generalErrorDescription: string =
+  @Prop() dashboard_generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
   /**
    * Label text for the QST number
    * @uiName QST number input
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_qstNumber: string = "QST Number: {qstNumber}";
+  @Prop() dashboard_qstNumber: string = "QST Number: {qstNumber}";
   /**
    * Label text for the sub-region tax number
    * @uiName Sub-region tax number
-   * @uiGroup Step 4 Properties
+   * @uiGroup Dashboard Properties
    */
-  @Prop() step4_subRegionTaxNumber: string =
+  @Prop() dashboard_subRegionTaxNumber: string =
     "Income Tax Number: {incomeTaxNumber}";
 
   /**
@@ -860,7 +1049,7 @@ export class TaxAndCashMonolith {
   }
   getSubmittedPageTextProps() {
     const props = getProps(this);
-    return extractProps(props, "step4_");
+    return extractProps(props, "dashboard_");
   }
 
   render() {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 8992844082..ab01876988 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -90,7 +90,7 @@ Feature: Tax Form Flow
     Given a brand based in <brandCountry>
     And the brand is not in the US
     And the user selects a <country> not in the US
-    Then they skip to step 4
+    Then they skip to step 4 Payout Details
 
     Examples: 
       | brandCountry | country |
@@ -132,16 +132,19 @@ Feature: Tax Form Flow
     And they were not required to fillout a tax form
     And they press Continue
     Then they proceed to step 4
-    And they see the Tax Document Submitted page with no Tax Document present
+    And complete their payout details
+    And they press Continue
+    Then they see the Dashboard page with no Tax Document present
 
   @minutia
   Scenario: Participant finishes tax form flow and sees status of their tax form submission
     Given they are on step 3
     And finishes filling out the Docusign form
-    And they check the "completedTaxForm" checkbox
     And they press Continue
     Then they proceed to step 4
-    And they see the Tax Document Submitted page
+    And complete their payout details
+    And they press Continnue
+    Then hey see the Dashboard page
 
   @minutia
   Scenario: A general error banner appears upon form submission request failing

From 978d9588c49235a5ad43ecd073a77bf9f8097612 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 29 Feb 2024 14:12:57 -0800
Subject: [PATCH 365/753] prevent banking options from being un-clicked

---
 .../sqm-banking-info-form-view.tsx               | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 9459275620..c363478110 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -379,7 +379,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
           ) : (
             <div style={{ display: "flex", flexDirection: "column" }}>
               {states.hasPayPal && (
-                <sl-checkbox
+                <sl-radio
                   class={classes.Checkbox}
                   exportparts="label: input-label"
                   checked={formState.paymentMethodChecked === "toBankAccount"}
@@ -391,7 +391,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                   name="/toBankAccount"
                 >
                   {text.directlyToBankAccount}
-                </sl-checkbox>
+                </sl-radio>
               )}
               {formState.paymentMethodChecked === "toBankAccount" && (
                 <div
@@ -411,7 +411,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 </div>
               )}
               {states.hasPayPal && (
-                <sl-checkbox
+                <sl-radio
                   class={classes.Checkbox}
                   exportparts="label: input-label"
                   checked={formState.paymentMethodChecked === "toPayPalAccount"}
@@ -429,7 +429,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                     },
                     { feeCap: states.feeCap }
                   )}
-                </sl-checkbox>
+                </sl-radio>
               )}
               {formState.paymentMethodChecked === "toPayPalAccount" && (
                 <div
@@ -458,7 +458,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
               <div style={{ paddingTop: "24px", paddingBottom: "12px" }}>
                 <h4>{text.paymentSchedule}</h4>
               </div>
-              <sl-checkbox
+              <sl-radio
                 class={classes.Checkbox}
                 exportparts="label: input-label"
                 checked={
@@ -473,7 +473,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 value={"BALANCE_THRESHOLD"}
               >
                 {text.paymentScheduleBalanceThreshold}
-              </sl-checkbox>
+              </sl-radio>
               {formState.paymentScheduleChecked === "paymentThreshold" && (
                 <div
                   class={classes.InputContainer}
@@ -485,7 +485,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 </div>
               )}
 
-              <sl-checkbox
+              <sl-radio
                 class={classes.Checkbox}
                 exportparts="label: input-label"
                 checked={formState.paymentScheduleChecked === "paymentDay"}
@@ -498,7 +498,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 value={"FIXED_DAY"}
               >
                 {text.paymentScheduleFixedDay}
-              </sl-checkbox>
+              </sl-radio>
               {formState.paymentScheduleChecked === "paymentDay" && (
                 <div
                   class={classes.InputContainer}

From 71fea3d6ca27bb0f6ccc8cb9f5cb0eb29bffbcad Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 29 Feb 2024 15:28:49 -0800
Subject: [PATCH 366/753] Renamed files, imports, stories, specs of
 TaxDocumentSubmitted to TaxAndCashDashboard

---
 packages/mint-components/src/components.d.ts  |  24 +-
 .../src/components/sqm-stencilbook/readme.md  |   3 -
 .../tax-and-cash/TaxForm.stories.tsx          | 135 ++++++---
 .../sqm-banking-info-form/readme.md           |   1 +
 .../sqm-indirect-tax-form/readme.md           |   1 +
 .../sqm-payout-details-card/readme.md         |   4 +-
 .../readme.md                                 |  12 +-
 .../sqm-tax-and-cash-dashboard-view.tsx}      |   4 +-
 .../sqm-tax-and-cash-dashboard.feature}       |  14 +-
 .../sqm-tax-and-cash-dashboard.tsx}           |  26 +-
 .../useTaxAndCashDashboard.tsx}               |  14 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   | 271 ++++++++++--------
 .../sqm-user-info-form/defaultTextCopy.ts     |   2 +-
 .../tax-and-cash/sqm-user-info-form/readme.md |  54 ++--
 14 files changed, 315 insertions(+), 250 deletions(-)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-document-submitted => sqm-tax-and-cash-dashboard}/readme.md (96%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx => sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx} (99%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-document-submitted/sqm-tax-document-submitted.feature => sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature} (94%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-document-submitted/sqm-tax-document-submitted.tsx => sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx} (93%)
 rename packages/mint-components/src/components/tax-and-cash/{sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx => sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx} (91%)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 6c3c7928b0..e9ce132bf2 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -44,7 +44,7 @@ import { RewardExchangeViewProps } from "./components/sqm-reward-exchange-list/s
 import { ShareButtonViewProps } from "./components/sqm-share-button/sqm-share-button-view";
 import { TaskCardViewProps } from "./components/sqm-task-card/sqm-task-card-view";
 import { UseTaxAndCashResultType } from "./components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash";
-import { UseTaxDocumentSubmittedResult } from "./components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted";
+import { UseTaxAndCashDashboardResult } from "./components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard";
 import { UseUserInfoFormResult } from "./components/tax-and-cash/sqm-user-info-form/useUserInfoForm";
 import { UserNameViewProps } from "./components/sqm-user-name/sqm-user-name-view";
 export namespace Components {
@@ -4495,7 +4495,7 @@ export namespace Components {
          */
         "stop3NotBasedInUS": string;
     }
-    interface SqmTaxDocumentSubmitted {
+    interface SqmTaxAndCashDashboard {
         /**
           * Description text which appears beside badge showing the form is awaiting review
           * @uiName Badge description text
@@ -4520,7 +4520,7 @@ export namespace Components {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
+        "demoData"?: DemoData<UseTaxAndCashDashboardResult>;
         /**
           * Text displayed in the edit Indirect Tax button
           * @uiName Edit Indirect Tax button
@@ -5443,11 +5443,11 @@ declare global {
         prototype: HTMLSqmTaxAndCashElement;
         new (): HTMLSqmTaxAndCashElement;
     };
-    interface HTMLSqmTaxDocumentSubmittedElement extends Components.SqmTaxDocumentSubmitted, HTMLStencilElement {
+    interface HTMLSqmTaxAndCashDashboardElement extends Components.SqmTaxAndCashDashboard, HTMLStencilElement {
     }
-    var HTMLSqmTaxDocumentSubmittedElement: {
-        prototype: HTMLSqmTaxDocumentSubmittedElement;
-        new (): HTMLSqmTaxDocumentSubmittedElement;
+    var HTMLSqmTaxAndCashDashboardElement: {
+        prototype: HTMLSqmTaxAndCashDashboardElement;
+        new (): HTMLSqmTaxAndCashDashboardElement;
     };
     interface HTMLSqmTextElement extends Components.SqmText, HTMLStencilElement {
     }
@@ -5587,7 +5587,7 @@ declare global {
         "sqm-tabs": HTMLSqmTabsElement;
         "sqm-task-card": HTMLSqmTaskCardElement;
         "sqm-tax-and-cash": HTMLSqmTaxAndCashElement;
-        "sqm-tax-document-submitted": HTMLSqmTaxDocumentSubmittedElement;
+        "sqm-tax-and-cash-dashboard": HTMLSqmTaxAndCashDashboardElement;
         "sqm-text": HTMLSqmTextElement;
         "sqm-text-span": HTMLSqmTextSpanElement;
         "sqm-timeline": HTMLSqmTimelineElement;
@@ -10020,7 +10020,7 @@ declare namespace LocalJSX {
          */
         "stop3NotBasedInUS"?: string;
     }
-    interface SqmTaxDocumentSubmitted {
+    interface SqmTaxAndCashDashboard {
         /**
           * Description text which appears beside badge showing the form is awaiting review
           * @uiName Badge description text
@@ -10045,7 +10045,7 @@ declare namespace LocalJSX {
           * @undocumented 
           * @uiType object
          */
-        "demoData"?: DemoData<UseTaxDocumentSubmittedResult>;
+        "demoData"?: DemoData<UseTaxAndCashDashboardResult>;
         /**
           * Text displayed in the edit Indirect Tax button
           * @uiName Edit Indirect Tax button
@@ -10491,7 +10491,7 @@ declare namespace LocalJSX {
         "sqm-tabs": SqmTabs;
         "sqm-task-card": SqmTaskCard;
         "sqm-tax-and-cash": SqmTaxAndCash;
-        "sqm-tax-document-submitted": SqmTaxDocumentSubmitted;
+        "sqm-tax-and-cash-dashboard": SqmTaxAndCashDashboard;
         "sqm-text": SqmText;
         "sqm-text-span": SqmTextSpan;
         "sqm-timeline": SqmTimeline;
@@ -10600,7 +10600,7 @@ declare module "@stencil/core" {
             "sqm-tabs": LocalJSX.SqmTabs & JSXBase.HTMLAttributes<HTMLSqmTabsElement>;
             "sqm-task-card": LocalJSX.SqmTaskCard & JSXBase.HTMLAttributes<HTMLSqmTaskCardElement>;
             "sqm-tax-and-cash": LocalJSX.SqmTaxAndCash & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashElement>;
-            "sqm-tax-document-submitted": LocalJSX.SqmTaxDocumentSubmitted & JSXBase.HTMLAttributes<HTMLSqmTaxDocumentSubmittedElement>;
+            "sqm-tax-and-cash-dashboard": LocalJSX.SqmTaxAndCashDashboard & JSXBase.HTMLAttributes<HTMLSqmTaxAndCashDashboardElement>;
             "sqm-text": LocalJSX.SqmText & JSXBase.HTMLAttributes<HTMLSqmTextElement>;
             "sqm-text-span": LocalJSX.SqmTextSpan & JSXBase.HTMLAttributes<HTMLSqmTextSpanElement>;
             "sqm-timeline": LocalJSX.SqmTimeline & JSXBase.HTMLAttributes<HTMLSqmTimelineElement>;
diff --git a/packages/mint-components/src/components/sqm-stencilbook/readme.md b/packages/mint-components/src/components/sqm-stencilbook/readme.md
index f673852435..4b83ebcfb9 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/readme.md
+++ b/packages/mint-components/src/components/sqm-stencilbook/readme.md
@@ -79,7 +79,6 @@
 - [sqm-indirect-tax-form](../tax-and-cash/sqm-indirect-tax-form)
 - [sqm-docusign-form](../tax-and-cash/sqm-docusign-form)
 - [sqm-banking-info-form](../tax-and-cash/sqm-banking-info-form)
-- [sqm-tax-document-submitted](../tax-and-cash/sqm-tax-document-submitted)
 - [sqm-payout-details-card](../tax-and-cash/sqm-payout-details-card)
 
 ### Graph
@@ -155,7 +154,6 @@ graph TD;
   sqm-stencilbook --> sqm-indirect-tax-form
   sqm-stencilbook --> sqm-docusign-form
   sqm-stencilbook --> sqm-banking-info-form
-  sqm-stencilbook --> sqm-tax-document-submitted
   sqm-stencilbook --> sqm-payout-details-card
   sqm-empty --> sqm-portal-container
   sqm-empty --> sqm-image
@@ -184,7 +182,6 @@ graph TD;
   sqm-referral-table-date-column --> sqm-referral-table-date-cell
   sqm-referral-table-rewards-column --> sqm-referral-table-rewards-cell
   sqm-coupon-code --> sqm-form-message
-  sqm-tax-document-submitted --> sqm-payout-details-card
   style sqm-stencilbook fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index a8192704f1..23f3b2cf58 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -796,9 +796,9 @@ export const StepFourToPaypalChecked = () => {
   );
 };
 
-export const TaxDocumentSubmittedActiveW9 = () => {
+export const TaxAndCashDashboardActiveW9Form = () => {
   return (
-    <sqm-tax-document-submitted
+    <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
           disabled: false,
@@ -813,13 +813,13 @@ export const TaxDocumentSubmittedActiveW9 = () => {
           isBusinessEntity: true,
         },
       }}
-    ></sqm-tax-document-submitted>
+    ></sqm-tax-and-cash-dashboard>
   );
 };
 
-export const TaxDocumentSubmittedActiveW8BEN = () => {
+export const TaxAndCashDashboardActiveW8BENForm = () => {
   return (
-    <sqm-tax-document-submitted
+    <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
           disabled: false,
@@ -834,19 +834,19 @@ export const TaxDocumentSubmittedActiveW8BEN = () => {
           isBusinessEntity: true,
         },
       }}
-    ></sqm-tax-document-submitted>
+    ></sqm-tax-and-cash-dashboard>
   );
 };
 
-export const TaxDocumentSubmittedNotVerified = () => {
+export const TaxAndCashDashboardActiveW8BENEForm = () => {
   return (
-    <sqm-tax-document-submitted
+    <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
           disabled: false,
-          status: "NOT_VERIFIED",
-          documentType: "W8BEN",
-          documentTypeString: "W8-BEN",
+          status: "ACTIVE",
+          documentType: "W8BENE",
+          documentTypeString: "W8-BEN-E",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "United Kingdom",
@@ -855,13 +855,13 @@ export const TaxDocumentSubmittedNotVerified = () => {
           isBusinessEntity: true,
         },
       }}
-    ></sqm-tax-document-submitted>
+    ></sqm-tax-and-cash-dashboard>
   );
 };
 
-export const TaxDocumentSubmittedNotActiveW9 = () => {
+export const TaxAndCashDashboardNotActiveW9Form = () => {
   return (
-    <sqm-tax-document-submitted
+    <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
           disabled: false,
@@ -876,34 +876,75 @@ export const TaxDocumentSubmittedNotActiveW9 = () => {
           isBusinessEntity: true,
         },
       }}
-    ></sqm-tax-document-submitted>
+    ></sqm-tax-and-cash-dashboard>
+  );
+};
+export const TaxAndCashDashboardNotVerifiedW9Form = () => {
+  return (
+    <sqm-tax-and-cash-dashboard
+      demoData={{
+        states: {
+          disabled: false,
+          status: "NOT_VERIFIED",
+          documentType: "W9",
+          documentTypeString: "W9",
+          dateSubmitted: "Jan 18th, 2025",
+          noFormNeeded: false,
+          country: "United States",
+          indirectTaxType: "VAT",
+          indirectTaxNumber: 123456,
+          isBusinessEntity: true,
+        },
+      }}
+    ></sqm-tax-and-cash-dashboard>
   );
 };
 
-export const TaxDocumentSubmittedNotActiveW8BEN = () => {
+export const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
   return (
-    <sqm-tax-document-submitted
+    <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
           disabled: false,
-          status: "NOT_ACTIVE",
+          status: "NOT_VERIFIED",
           documentType: "W8BEN",
           documentTypeString: "W8-BEN",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
-          indirectTaxNumber: 123456,
+          country: "United Kingdom",
           indirectTaxType: "VAT",
+          indirectTaxNumber: 123456,
+          isBusinessEntity: true,
+        },
+      }}
+    ></sqm-tax-and-cash-dashboard>
+  );
+};
+
+export const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
+  return (
+    <sqm-tax-and-cash-dashboard
+      demoData={{
+        states: {
+          disabled: false,
+          status: "NOT_VERIFIED",
+          documentType: "W8BENE",
+          documentTypeString: "W8-BEN-E",
+          dateSubmitted: "Jan 18th, 2025",
+          noFormNeeded: false,
           country: "United Kingdom",
+          indirectTaxType: "VAT",
+          indirectTaxNumber: 123456,
           isBusinessEntity: true,
         },
       }}
-    ></sqm-tax-document-submitted>
+    ></sqm-tax-and-cash-dashboard>
   );
 };
 
-export const TaxDocumentSubmittedNotActiveW8BENE = () => {
+export const TaxAndCashDashboardNotActiveW8BENEForm = () => {
   return (
-    <sqm-tax-document-submitted
+    <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
           disabled: false,
@@ -918,13 +959,13 @@ export const TaxDocumentSubmittedNotActiveW8BENE = () => {
           isBusinessEntity: true,
         },
       }}
-    ></sqm-tax-document-submitted>
+    ></sqm-tax-and-cash-dashboard>
   );
 };
 
-export const TaxDocumentNoFormNeeded = () => {
+export const TaxAndCashDashboardNoFormNeeded = () => {
   return (
-    <sqm-tax-document-submitted
+    <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
           disabled: false,
@@ -940,13 +981,13 @@ export const TaxDocumentNoFormNeeded = () => {
           isBusinessEntity: true,
         },
       }}
-    ></sqm-tax-document-submitted>
+    ></sqm-tax-and-cash-dashboard>
   );
 };
 
-export const TaxDocumentSubmittedIndirectTaxCanada = () => {
+export const TaxAndCashDashboardIndirectTaxCanada = () => {
   return (
-    <sqm-tax-document-submitted
+    <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
           status: "ACTIVE",
@@ -963,13 +1004,13 @@ export const TaxDocumentSubmittedIndirectTaxCanada = () => {
           isBusinessEntity: true,
         },
       }}
-    ></sqm-tax-document-submitted>
+    ></sqm-tax-and-cash-dashboard>
   );
 };
 
-export const TaxDocumentSubmittedIndirectTaxCanadaQuebec = () => {
+export const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
   return (
-    <sqm-tax-document-submitted
+    <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
           status: "ACTIVE",
@@ -987,13 +1028,13 @@ export const TaxDocumentSubmittedIndirectTaxCanadaQuebec = () => {
           isBusinessEntity: true,
         },
       }}
-    ></sqm-tax-document-submitted>
+    ></sqm-tax-and-cash-dashboard>
   );
 };
 
-export const TaxDocumentSubmittedIndirectTaxSpain = () => {
+export const TaxAndCashDashboardIndirectTaxSpain = () => {
   return (
-    <sqm-tax-document-submitted
+    <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
           status: "ACTIVE",
@@ -1010,13 +1051,13 @@ export const TaxDocumentSubmittedIndirectTaxSpain = () => {
           isBusinessEntity: true,
         },
       }}
-    ></sqm-tax-document-submitted>
+    ></sqm-tax-and-cash-dashboard>
   );
 };
 
-export const TaxDocumentSubmittedNotRegistered = () => {
+export const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
   return (
-    <sqm-tax-document-submitted
+    <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
           status: "ACTIVE",
@@ -1028,13 +1069,13 @@ export const TaxDocumentSubmittedNotRegistered = () => {
           isBusinessEntity: false,
         },
       }}
-    ></sqm-tax-document-submitted>
+    ></sqm-tax-and-cash-dashboard>
   );
 };
 
-export const TaxDocumentSubmittedLoading = () => {
+export const TaxAndCashDashboardLoading = () => {
   return (
-    <sqm-tax-document-submitted
+    <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
           disabled: false,
@@ -1047,13 +1088,13 @@ export const TaxDocumentSubmittedLoading = () => {
           isBusinessEntity: true,
         },
       }}
-    ></sqm-tax-document-submitted>
+    ></sqm-tax-and-cash-dashboard>
   );
 };
 
-export const TaxDocumentSubmittedWithGeneralError = () => {
+export const TaxAndCashDashboardWithGeneralError = () => {
   return (
-    <sqm-tax-document-submitted
+    <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
           disabled: false,
@@ -1070,13 +1111,13 @@ export const TaxDocumentSubmittedWithGeneralError = () => {
           },
         },
       }}
-    ></sqm-tax-document-submitted>
+    ></sqm-tax-and-cash-dashboard>
   );
 };
 
-export const TaxDocumentSubmittedDisabled = () => {
+export const TaxAndCashDashboardDisabled = () => {
   return (
-    <sqm-tax-document-submitted
+    <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
           disabled: true,
@@ -1090,6 +1131,6 @@ export const TaxDocumentSubmittedDisabled = () => {
           country: "Slovania",
         },
       }}
-    ></sqm-tax-document-submitted>
+    ></sqm-tax-and-cash-dashboard>
   );
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 2b3661340d..50d9c5908e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -19,6 +19,7 @@
 | `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Beneficiary Account Name"`                                                                                                                                                |
 | `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Branch Code"`                                                                                                                                                             |
 | `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Business"`                                                                                                                                                                |
+| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting."`                                           |
 | `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Checking"`                                                                                                                                                                |
 | `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Classification CPF"`                                                                                                                                                      |
 | `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Classification Entity"`                                                                                                                                                   |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 6cd7ec0e8b..81a835c1f5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -10,6 +10,7 @@
 | Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                                                                  |
 | -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
 | `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                                                                                 |
+| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`                                            |
 | `demoData`                       | --                                    |                                                                                                    | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors: {}; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { provinceCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: number; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                              |
 | `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Step 2 of 4"`                                                                                                                                                                                                          |
 | `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                            |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
index c2a9748d01..83b12606e6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
@@ -17,13 +17,13 @@
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
- - [sqm-tax-document-submitted](../sqm-tax-document-submitted)
+ - [sqm-tax-and-cash-dashboard](../sqm-tax-and-cash-dashboard)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-payout-details-card
-  sqm-tax-document-submitted --> sqm-payout-details-card
+  sqm-tax-and-cash-dashboard --> sqm-payout-details-card
   style sqm-payout-details-card fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
similarity index 96%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index 4121bdbce2..6e32473432 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -28,6 +28,7 @@
 | `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Submit New Form"`                                                                                                                                          |
 | `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
 | `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
+| `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Payouts will be sent from our referral program provider, impact.com"`                                                                                      |
 | `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"QST Number: {qstNumber}"`                                                                                                                                  |
 | `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Active"`                                                                                                                                                   |
 | `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Invalid Tax Form"`                                                                                                                                         |
@@ -43,11 +44,6 @@
 
 ## Dependencies
 
-### Used by
-
- - [sqm-stencilbook](../../sqm-stencilbook)
- - [sqm-tax-and-cash](../sqm-tax-and-cash)
-
 ### Depends on
 
 - [sqm-payout-details-card](../sqm-payout-details-card)
@@ -55,10 +51,8 @@
 ### Graph
 ```mermaid
 graph TD;
-  sqm-tax-document-submitted --> sqm-payout-details-card
-  sqm-stencilbook --> sqm-tax-document-submitted
-  sqm-tax-and-cash --> sqm-tax-document-submitted
-  style sqm-tax-document-submitted fill:#f9f,stroke:#333,stroke-width:4px
+  sqm-tax-and-cash-dashboard --> sqm-payout-details-card
+  style sqm-tax-and-cash-dashboard fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
similarity index 99%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 4719bbc622..e1b9fb6d88 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -7,7 +7,7 @@ import {
 } from "../sqm-payout-details-card/sqm-payout-details-card-view";
 import { TaxDocumentType } from "../sqm-tax-and-cash/data";
 
-export interface TaxDocumentSubmittedProps {
+export interface TaxAndCashDashboardProps {
   states: {
     status?: string;
     documentType: TaxDocumentType | undefined;
@@ -196,7 +196,7 @@ const style = {
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 
-export const TaxDocumentSubmittedView = (props: TaxDocumentSubmittedProps) => {
+export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
   const { states, text, callbacks, slots } = props;
 
   const statusMap = {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
similarity index 94%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
index 816e4a688a..bf773b0159 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
@@ -1,20 +1,20 @@
 @owner:andy @author:andy
-Feature: Tax Document Submitted View
-  View that informs the user of their Tax Document submission status.
+Feature: Tax And Cash Dashboard
+  View that informs the user of their Indirect Tax, Payout Details, and Tax Document submission status.
 
-  Background: A user has submitted their Tax Document
-    Given a user is on the Tax Document Submitted view
+  Background: A user has submitted their Payout Details
+    Given a user is on the Tax And Cash Dashboard view
 
   @motivating
-  Scenario: View Tax Document Submitted
+  Scenario: View Tax And Cash Dashboard
     Given the user has submitted a tax document
     When they view Document Submitted
     Then they see the status of their Tax Document and Banking Information
 
   @motivating
-  Scenario: View Tax Document Submitted is loading
+  Scenario: View Tax And Cash Dashboard is loading
     Given the user has submitted a tax document
-    When they view Document Submitted
+    When they view the Tax And Cash Dashboard
     Then they see a skeleton loaders until the end users Tax Document/Banking information data is available
 
   @minutia @ui
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
similarity index 93%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index eb54e941ff..bfe146df93 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -4,18 +4,18 @@ import { Component, Host, Prop, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
-import { TaxDocumentSubmittedView } from "./sqm-tax-document-submitted-view";
+import { TaxAndCashDashboardView } from "./sqm-tax-and-cash-dashboard-view";
 import {
-  UseTaxDocumentSubmittedResult,
-  useTaxDocumentSubmitted,
-} from "./useTaxDocumentSubmitted";
+  UseTaxAndCashDashboardResult,
+  useTaxAndCashDashboard,
+} from "./useTaxAndCashDashboard";
 import { Upcoming } from "../sqm-payout-details-card/PayoutDetailsCard.stories";
 
 /**
  * @uiName Tax and Cash Status Dashboard
  */
-@Component({ tag: "sqm-tax-document-submitted", shadow: true })
-export class TaxDocumentSubmitted {
+@Component({ tag: "sqm-tax-and-cash-dashboard", shadow: true })
+export class TaxAndCashDashboard {
   /**
    * Status text displayed in badge when tax document is Active
    *
@@ -217,7 +217,7 @@ export class TaxDocumentSubmitted {
    * @undocumented
    * @uiType object
    */
-  @Prop() demoData?: DemoData<UseTaxDocumentSubmittedResult>;
+  @Prop() demoData?: DemoData<UseTaxAndCashDashboardResult>;
 
   constructor() {
     withHooks(this);
@@ -238,11 +238,11 @@ export class TaxDocumentSubmitted {
 
   render() {
     const props = isDemo()
-      ? useDemoTaxDocumentSubmitted(this)
-      : useTaxDocumentSubmitted(this);
+      ? useDemoTaxAndCashDashboard(this)
+      : useTaxAndCashDashboard(this);
     return (
       <Host>
-        <TaxDocumentSubmittedView
+        <TaxAndCashDashboardView
           callbacks={props.callbacks}
           states={props.states}
           text={props.text}
@@ -252,9 +252,9 @@ export class TaxDocumentSubmitted {
     );
   }
 }
-function useDemoTaxDocumentSubmitted(
-  props: TaxDocumentSubmitted
-): UseTaxDocumentSubmittedResult {
+function useDemoTaxAndCashDashboard(
+  props: TaxAndCashDashboard
+): UseTaxAndCashDashboardResult {
   return deepmerge(
     {
       states: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
similarity index 91%
rename from packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
rename to packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 07f3937918..8b86bda525 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -11,8 +11,8 @@ import {
   UserQuery,
 } from "../sqm-tax-and-cash/data";
 import { INDIRECT_TAX_PROVINCES } from "../subregions";
-import { TaxDocumentSubmitted } from "./sqm-tax-document-submitted";
-import { TaxDocumentSubmittedProps } from "./sqm-tax-document-submitted-view";
+import { TaxAndCashDashboard } from "./sqm-tax-and-cash-dashboard";
+import { TaxAndCashDashboardProps } from "./sqm-tax-and-cash-dashboard-view";
 import { useLocale } from "@saasquatch/component-boilerplate";
 import { Upcoming } from "../sqm-payout-details-card/PayoutDetailsCard.stories";
 import { taxTypeToName } from "../utils";
@@ -27,9 +27,9 @@ function getExpiresSoon(submissionDate: number, expiryDate: number) {
   );
 }
 
-export const useTaxDocumentSubmitted = (
-  props: TaxDocumentSubmitted
-): TaxDocumentSubmittedProps => {
+export const useTaxAndCashDashboard = (
+  props: TaxAndCashDashboard
+): TaxAndCashDashboardProps => {
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
   const [context, setContext] = useParent<TaxContext>(
     TAX_FORM_CONTEXT_NAMESPACE
@@ -124,6 +124,6 @@ export const useTaxDocumentSubmitted = (
   };
 };
 
-export type UseTaxDocumentSubmittedResult = ReturnType<
-  typeof useTaxDocumentSubmitted
+export type UseTaxAndCashDashboardResult = ReturnType<
+  typeof useTaxAndCashDashboard
 >;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index ec5be58755..7b98dfc7fd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -5,123 +5,157 @@
 
 ## Properties
 
-| Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                     |
-| ----------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                 |
-| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                    |
-| `step1_allowBankingCollectionError`             | `step-1_allow-banking-collection-error`              | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
-| `step1_businessEntity`                          | `step-1_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                           |
-| `step1_country`                                 | `step-1_country`                                     | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                 |
-| `step1_countryError`                            | `step-1_country-error`                               | Error text shown at the bottom of the country input                                                        | `string`                                                                                                             | `"Select a country"`                                                                                                                                                        |
-| `step1_currency`                                | `step-1_currency`                                    | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                |
-| `step1_currencyError`                           | `step-1_currency-error`                              | Error text shown at the bottom of the currency input                                                       | `string`                                                                                                             | `"Select a currency"`                                                                                                                                                       |
-| `step1_email`                                   | `step-1_email`                                       | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                   |
-| `step1_emailError`                              | `step-1_email-error`                                 | Error text shown at the bottom of the email input                                                          | `string`                                                                                                             | `"Enter a valid email"`                                                                                                                                                     |
-| `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                              |
-| `step1_firstNameError`                          | `step-1_first-name-error`                            | Error text shown at the bottom of the first name input                                                     | `string`                                                                                                             | `"Enter a first name"`                                                                                                                                                      |
-| `step1_formStep`                                | `step-1_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                             |
-| `step1_generalErrorDescription`                 | `step-1_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step1_generalErrorTitle`                       | `step-1_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step1_individualParticipant`                   | `step-1_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
-| `step1_isPartnerAlertDescription`               | `step-1_is-partner-alert-description`                | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
-| `step1_isPartnerAlertHeader`                    | `step-1_is-partner-alert-header`                     | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `step1_lastName`                                | `step-1_last-name`                                   | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                               |
-| `step1_lastNameError`                           | `step-1_last-name-error`                             | Error text shown at the bottom of the last name input                                                      | `string`                                                                                                             | `"Enter a last name"`                                                                                                                                                       |
-| `step1_participantType`                         | `step-1_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
-| `step1_participantTypeError`                    | `step-1_participant-type-error`                      | Error text shown at the bottom of the participant type checkbox                                            | `string`                                                                                                             | `"Select a participant type"`                                                                                                                                               |
-| `step1_personalInformation`                     | `step-1_personal-information`                        | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                    |
-| `step1_submitButton`                            | `step-1_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step1_taxAndBankingCollection`                 | `step-1_tax-and-banking-collection`                  | Heading text for the tax and banking collection checkbox                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step2_backButton`                              | `step-2_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step2_formStep`                                | `step-2_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                             |
-| `step2_generalErrorDescription`                 | `step-2_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step2_generalErrorTitle`                       | `step-2_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
-| `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
-| `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                    |
-| `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
-| `step2_indirectTaxNumber`                       | `step-2_indirect-tax-number`                         | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                     |
-| `step2_indirectTaxNumberError`                  | `step-2_indirect-tax-number-error`                   | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                         |
-| `step2_isPartnerAlertDescription`               | `step-2_is-partner-alert-description`                | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
-| `step2_isPartnerAlertHeader`                    | `step-2_is-partner-alert-header`                     | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                             |
-| `step2_isRegisteredSubRegionIncomeTax`          | `step-2_is-registered-sub-region-income-tax`         | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                              |
-| `step2_notRegistered`                           | `step-2_not-registered`                              | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"I am not registered for Indirect Tax"`                                                                                                                                    |
-| `step2_otherRegion`                             | `step-2_other-region`                                | Label text for the other region radio button                                                               | `string`                                                                                                             | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
-| `step2_province`                                | `step-2_province`                                    | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                |
-| `step2_provinceError`                           | `step-2_province-error`                              | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Province is required"`                                                                                                                                                    |
-| `step2_qstNumber`                               | `step-2_qst-number`                                  | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST Number"`                                                                                                                                                              |
-| `step2_qstTaxNumberError`                       | `step-2_qst-tax-number-error`                        | Error text shown below the QST Tax number input                                                            | `string`                                                                                                             | `"QST Tax Number is required"`                                                                                                                                              |
-| `step2_selectedRegion`                          | `step-2_selected-region`                             | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                        |
-| `step2_selectedRegionError`                     | `step-2_selected-region-error`                       | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Country is required"`                                                                                                                                                     |
-| `step2_subRegion`                               | `step-2_sub-region`                                  | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                              |
-| `step2_subRegionTaxNumberError`                 | `step-2_sub-region-tax-number-error`                 | Error text shown below the Sub-region Income Tax number input                                              | `string`                                                                                                             | `"Income Tax Number is required"`                                                                                                                                           |
-| `step2_subRegionTaxNumberLabel`                 | `step-2_sub-region-tax-number-label`                 | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                       |
-| `step2_submitButton`                            | `step-2_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step2_taxDetailsError`                         | `step-2_tax-details-error`                           | Error text shown below the tax details radio buttons                                                       | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
-| `step3_backButton`                              | `step-3_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step3_banner`                                  | `step-3_banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
-| `step3_businessEntity`                          | `step-3_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a company"`                                                                                                                                                   |
-| `step3_checkboxDescription`                     | `step-3_checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                              |
-| `step3_checkboxLabel`                           | `step-3_checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                         |
-| `step3_docusignCompleted`                       | `step-3_docusign-completed`                          | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                         |
-| `step3_docusignError`                           | `step-3_docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                          |
-| `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`          |
-| `step3_formStep`                                | `step-3_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
-| `step3_formSubmissionError`                     | `step-3_form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
-| `step3_generalErrorDescription`                 | `step-3_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step3_generalErrorTitle`                       | `step-3_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step3_individualParticipant`                   | `step-3_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
-| `step3_participantType`                         | `step-3_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
-| `step3_refreshButton`                           | `step-3_refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                            |
-| `step3_submitButton`                            | `step-3_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step3_taxForm`                                 | `step-3_tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
-| `step3_taxFormDescription`                      | `step-3_tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                  |
-| `step3_taxFormDescriptionBusinessEntity`        | `step-3_tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                             | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                           |
-| `step3_taxFormDescriptionIndividualParticipant` | `step-3_tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                             | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                                      |
-| `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
-| `step3b_backButton`                             | `step-3b_back-button`                                | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step3b_formLabel`                              | `step-3b_form-label`                                 | Sub text shown above form selection radio buttons                                                          | `string`                                                                                                             | `"Select a tax form"`                                                                                                                                                       |
-| `step3b_formStep`                               | `step-3b_form-step`                                  | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
-| `step3b_generalErrorDescription`                | `step-3b_general-error-description`                  | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step3b_generalErrorTitle`                      | `step-3b_general-error-title`                        | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step3b_submitButton`                           | `step-3b_submit-button`                              | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step3b_taxForm`                                | `step-3b_tax-form`                                   | Heading text shown at the top of the top of page                                                           | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
-| `step3b_w8Description`                          | `step-3b_w-8-description`                            | Subtext for the W8 radio button                                                                            | `string`                                                                                                             | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                                                  |
-| `step3b_w8EDescription`                         | `step-3b_w-8-e-description`                          | Subtext for the W8E radio button                                                                           | `string`                                                                                                             | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."`                               |
-| `step3b_w8ELabel`                               | `step-3b_w-8-e-label`                                | Label text for the W8E radio button                                                                        | `string`                                                                                                             | `"W8-BEN-E"`                                                                                                                                                                |
-| `step3b_w8Label`                                | `step-3b_w-8-label`                                  | Label text for the W8 radio button                                                                         | `string`                                                                                                             | `"W8-Ben"`                                                                                                                                                                  |
-| `step3b_w9Description`                          | `step-3b_w-9-description`                            | Subtext for the W9 radio button                                                                            | `string`                                                                                                             | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                                                |
-| `step3b_w9Label`                                | `step-3b_w-9-label`                                  | Label text for the W9 radio button                                                                         | `string`                                                                                                             | `"W9"`                                                                                                                                                                      |
-| `step4_badgeTextAwaitingReview`                 | `step-4_badge-text-awaiting-review`                  | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                          |
-| `step4_badgeTextSubmittedOn`                    | `step-4_badge-text-submitted-on`                     | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                            |
-| `step4_badgeTextSubmittedOnW8`                  | `step-4_badge-text-submitted-on-w-8`                 | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                   |
-| `step4_bankingInformationSectionHeader`         | `step-4_banking-information-section-header`          | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                     |
-| `step4_editPaymentInformationButton`            | `step-4_edit-payment-information-button`             | Text displayed in the edit Payment Information button                                                      | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                 |
-| `step4_generalErrorDescription`                 | `step-4_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step4_generalErrorTitle`                       | `step-4_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step4_indirectTaxDetails`                      | `step-4_indirect-tax-details`                        | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                           |
-| `step4_indirectTaxInfoCanada`                   | `step-4_indirect-tax-info-canada`                    | Country/Province description text of indirect tax                                                          | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                     |
-| `step4_indirectTaxInfoOtherCountry`             | `step-4_indirect-tax-info-other-country`             | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                 |
-| `step4_indirectTaxInfoSectionHeader`            | `step-4_indirect-tax-info-section-header`            | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
-| `step4_indirectTaxInfoSpain`                    | `step-4_indirect-tax-info-spain`                     | Spain/Region description text of indirect tax                                                              | `string`                                                                                                             | `"Registered in {country}, {subRegion}"`                                                                                                                                    |
-| `step4_indirectTaxTooltipSupport`               | `step-4_indirect-tax-tooltip-support`                | Indirect tax tooltip text for support                                                                      | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                               |
-| `step4_invalidForm`                             | `step-4_invalid-form`                                | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Ensure your information matches your profile and resubmit a new document."`                                                                                               |
-| `step4_newFormButton`                           | `step-4_new-form-button`                             | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                         |
-| `step4_noFormNeededSubtext`                     | `step-4_no-form-needed-subtext`                      | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                           |
-| `step4_notRegisteredForTax`                     | `step-4_not-registered-for-tax`                      | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                |
-| `step4_qstNumber`                               | `step-4_qst-number`                                  | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST Number: {qstNumber}"`                                                                                                                                                 |
-| `step4_statusTextActive`                        | `step-4_status-text-active`                          | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                  |
-| `step4_statusTextNotActive`                     | `step-4_status-text-not-active`                      | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                        |
-| `step4_statusTextNotVerified`                   | `step-4_status-text-not-verified`                    | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                            |
-| `step4_subRegionTaxNumber`                      | `step-4_sub-region-tax-number`                       | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income Tax Number: {incomeTaxNumber}"`                                                                                                                                    |
-| `step4_taxAlertHeaderNotActiveW8`               | `step-4_tax-alert-header-not-active-w-8`             | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                      |
-| `step4_taxAlertHeaderNotActiveW9`               | `step-4_tax-alert-header-not-active-w-9`             | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                               |
-| `step4_taxAlertNotActiveMessageW8`              | `step-4_tax-alert-not-active-message-w-8`            | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                                            |
-| `step4_taxAlertNotActiveMessageW9`              | `step-4_tax-alert-not-active-message-w-9`            | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                              |
-| `step4_taxDocumentSectionHeader`                | `step-4_tax-document-section-header`                 | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                           |
-| `step4_taxDocumentSectionSubHeader`             | `step-4_tax-document-section-sub-header`             | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
-| `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                    |
+| Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                       |
+| ----------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `dashboard_badgeTextAwaitingReview`             | `dashboard_badge-text-awaiting-review`               | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                            |
+| `dashboard_badgeTextSubmittedOn`                | `dashboard_badge-text-submitted-on`                  | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                              |
+| `dashboard_badgeTextSubmittedOnW8`              | `dashboard_badge-text-submitted-on-w-8`              | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                     |
+| `dashboard_bankingInformationSectionHeader`     | `dashboard_banking-information-section-header`       | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                       |
+| `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          | Text displayed in the edit Payment Information button                                                      | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                   |
+| `dashboard_generalErrorDescription`             | `dashboard_general-error-description`                | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
+| `dashboard_generalErrorTitle`                   | `dashboard_general-error-title`                      | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
+| `dashboard_indirectTaxDetails`                  | `dashboard_indirect-tax-details`                     | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                             |
+| `dashboard_indirectTaxInfoCanada`               | `dashboard_indirect-tax-info-canada`                 | Country/Province description text of indirect tax                                                          | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                       |
+| `dashboard_indirectTaxInfoOtherCountry`         | `dashboard_indirect-tax-info-other-country`          | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                   |
+| `dashboard_indirectTaxInfoSectionHeader`        | `dashboard_indirect-tax-info-section-header`         | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                              |
+| `dashboard_indirectTaxInfoSpain`                | `dashboard_indirect-tax-info-spain`                  | Spain/Region description text of indirect tax                                                              | `string`                                                                                                             | `"Registered in {country}, {subRegion}"`                                                                                                                                      |
+| `dashboard_indirectTaxTooltipSupport`           | `dashboard_indirect-tax-tooltip-support`             | Indirect tax tooltip text for support                                                                      | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                                 |
+| `dashboard_invalidForm`                         | `dashboard_invalid-form`                             | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Ensure your information matches your profile and resubmit a new document."`                                                                                                 |
+| `dashboard_newFormButton`                       | `dashboard_new-form-button`                          | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                           |
+| `dashboard_noFormNeededSubtext`                 | `dashboard_no-form-needed-subtext`                   | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                             |
+| `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                  |
+| `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST Number: {qstNumber}"`                                                                                                                                                   |
+| `dashboard_statusTextActive`                    | `dashboard_status-text-active`                       | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                    |
+| `dashboard_statusTextNotActive`                 | `dashboard_status-text-not-active`                   | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                          |
+| `dashboard_statusTextNotVerified`               | `dashboard_status-text-not-verified`                 | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                              |
+| `dashboard_subRegionTaxNumber`                  | `dashboard_sub-region-tax-number`                    | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income Tax Number: {incomeTaxNumber}"`                                                                                                                                      |
+| `dashboard_taxAlertHeaderNotActiveW8`           | `dashboard_tax-alert-header-not-active-w-8`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                        |
+| `dashboard_taxAlertHeaderNotActiveW9`           | `dashboard_tax-alert-header-not-active-w-9`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                 |
+| `dashboard_taxAlertNotActiveMessageW8`          | `dashboard_tax-alert-not-active-message-w-8`         | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                                              |
+| `dashboard_taxAlertNotActiveMessageW9`          | `dashboard_tax-alert-not-active-message-w-9`         | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                                |
+| `dashboard_taxDocumentSectionHeader`            | `dashboard_tax-document-section-header`              | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                             |
+| `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                   |
+| `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                   |
+| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                      |
+| `step1_allowBankingCollectionError`             | `step-1_allow-banking-collection-error`              | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                    |
+| `step1_businessEntity`                          | `step-1_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                             |
+| `step1_country`                                 | `step-1_country`                                     | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                   |
+| `step1_countryError`                            | `step-1_country-error`                               | Error text shown at the bottom of the country input                                                        | `string`                                                                                                             | `"Select a country"`                                                                                                                                                          |
+| `step1_currency`                                | `step-1_currency`                                    | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                  |
+| `step1_currencyError`                           | `step-1_currency-error`                              | Error text shown at the bottom of the currency input                                                       | `string`                                                                                                             | `"Select a currency"`                                                                                                                                                         |
+| `step1_email`                                   | `step-1_email`                                       | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                     |
+| `step1_emailError`                              | `step-1_email-error`                                 | Error text shown at the bottom of the email input                                                          | `string`                                                                                                             | `"Enter a valid email"`                                                                                                                                                       |
+| `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                                |
+| `step1_firstNameError`                          | `step-1_first-name-error`                            | Error text shown at the bottom of the first name input                                                     | `string`                                                                                                             | `"Enter a first name"`                                                                                                                                                        |
+| `step1_formStep`                                | `step-1_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                               |
+| `step1_generalErrorDescription`                 | `step-1_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
+| `step1_generalErrorTitle`                       | `step-1_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
+| `step1_individualParticipant`                   | `step-1_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                            |
+| `step1_isPartnerAlertDescription`               | `step-1_is-partner-alert-description`                | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`   |
+| `step1_isPartnerAlertHeader`                    | `step-1_is-partner-alert-header`                     | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                  |
+| `step1_lastName`                                | `step-1_last-name`                                   | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                                 |
+| `step1_lastNameError`                           | `step-1_last-name-error`                             | Error text shown at the bottom of the last name input                                                      | `string`                                                                                                             | `"Enter a last name"`                                                                                                                                                         |
+| `step1_participantType`                         | `step-1_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                          |
+| `step1_participantTypeError`                    | `step-1_participant-type-error`                      | Error text shown at the bottom of the participant type checkbox                                            | `string`                                                                                                             | `"Select a participant type"`                                                                                                                                                 |
+| `step1_personalInformation`                     | `step-1_personal-information`                        | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                      |
+| `step1_submitButton`                            | `step-1_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
+| `step1_taxAndBankingCollection`                 | `step-1_tax-and-banking-collection`                  | Heading text for the tax and banking collection checkbox                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
+| `step2_backButton`                              | `step-2_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                      |
+| `step2_cannotChangeInfoAlert`                   | `step-2_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."` |
+| `step2_formStep`                                | `step-2_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                               |
+| `step2_generalErrorDescription`                 | `step-2_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
+| `step2_generalErrorTitle`                       | `step-2_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
+| `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                              |
+| `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                            |
+| `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                      |
+| `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                               |
+| `step2_indirectTaxNumber`                       | `step-2_indirect-tax-number`                         | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                       |
+| `step2_indirectTaxNumberError`                  | `step-2_indirect-tax-number-error`                   | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                           |
+| `step2_isPartnerAlertDescription`               | `step-2_is-partner-alert-description`                | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`   |
+| `step2_isPartnerAlertHeader`                    | `step-2_is-partner-alert-header`                     | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                  |
+| `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                               |
+| `step2_isRegisteredSubRegionIncomeTax`          | `step-2_is-registered-sub-region-income-tax`         | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                |
+| `step2_notRegistered`                           | `step-2_not-registered`                              | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"I am not registered for Indirect Tax"`                                                                                                                                      |
+| `step2_otherRegion`                             | `step-2_other-region`                                | Label text for the other region radio button                                                               | `string`                                                                                                             | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                          |
+| `step2_province`                                | `step-2_province`                                    | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                  |
+| `step2_provinceError`                           | `step-2_province-error`                              | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Province is required"`                                                                                                                                                      |
+| `step2_qstNumber`                               | `step-2_qst-number`                                  | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST Number"`                                                                                                                                                                |
+| `step2_qstTaxNumberError`                       | `step-2_qst-tax-number-error`                        | Error text shown below the QST Tax number input                                                            | `string`                                                                                                             | `"QST Tax Number is required"`                                                                                                                                                |
+| `step2_selectedRegion`                          | `step-2_selected-region`                             | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                          |
+| `step2_selectedRegionError`                     | `step-2_selected-region-error`                       | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Country is required"`                                                                                                                                                       |
+| `step2_subRegion`                               | `step-2_sub-region`                                  | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                                |
+| `step2_subRegionTaxNumberError`                 | `step-2_sub-region-tax-number-error`                 | Error text shown below the Sub-region Income Tax number input                                              | `string`                                                                                                             | `"Income Tax Number is required"`                                                                                                                                             |
+| `step2_subRegionTaxNumberLabel`                 | `step-2_sub-region-tax-number-label`                 | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                         |
+| `step2_submitButton`                            | `step-2_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
+| `step2_taxDetailsError`                         | `step-2_tax-details-error`                           | Error text shown below the tax details radio buttons                                                       | `string`                                                                                                             | `"This field is required"`                                                                                                                                                    |
+| `step3_backButton`                              | `step-3_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                      |
+| `step3_banner`                                  | `step-3_banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                         |
+| `step3_businessEntity`                          | `step-3_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a company"`                                                                                                                                                     |
+| `step3_checkboxDescription`                     | `step-3_checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                                |
+| `step3_checkboxLabel`                           | `step-3_checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                           |
+| `step3_docusignCompleted`                       | `step-3_docusign-completed`                          | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                           |
+| `step3_docusignError`                           | `step-3_docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                            |
+| `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`            |
+| `step3_formStep`                                | `step-3_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                               |
+| `step3_formSubmissionError`                     | `step-3_form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                    |
+| `step3_generalErrorDescription`                 | `step-3_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
+| `step3_generalErrorTitle`                       | `step-3_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
+| `step3_individualParticipant`                   | `step-3_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                            |
+| `step3_participantType`                         | `step-3_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                          |
+| `step3_refreshButton`                           | `step-3_refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                              |
+| `step3_submitButton`                            | `step-3_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
+| `step3_taxForm`                                 | `step-3_tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                  |
+| `step3_taxFormDescription`                      | `step-3_tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                    |
+| `step3_taxFormDescriptionBusinessEntity`        | `step-3_tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                             | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                             |
+| `step3_taxFormDescriptionIndividualParticipant` | `step-3_tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                             | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                                        |
+| `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                   |
+| `step4_agencyCodeLabel`                         | `step-4_agency-code-label`                           | Label text for the agency code input field                                                                 | `string`                                                                                                             | `"Agency Code"`                                                                                                                                                               |
+| `step4_bankAccountNumberLabel`                  | `step-4_bank-account-number-label`                   | Label text for the bank account number input field                                                         | `string`                                                                                                             | `"Bank Account Number"`                                                                                                                                                       |
+| `step4_bankAccountTypeLabel`                    | `step-4_bank-account-type-label`                     | Label text for the bank account type input field                                                           | `string`                                                                                                             | `"Bank Account Type"`                                                                                                                                                         |
+| `step4_bankAddressLabel`                        | `step-4_bank-address-label`                          | Label text for the Bank Address input                                                                      | `string`                                                                                                             | `"Bank Address"`                                                                                                                                                              |
+| `step4_bankCityLabel`                           | `step-4_bank-city-label`                             | Label text for the Bank City input                                                                         | `string`                                                                                                             | `"Bank City"`                                                                                                                                                                 |
+| `step4_bankLocationLabel`                       | `step-4_bank-location-label`                         | Label text for the bank country location input field                                                       | `string`                                                                                                             | `"Bank Country Location"`                                                                                                                                                     |
+| `step4_bankNameLabel`                           | `step-4_bank-name-label`                             | Label text for the bank name input field                                                                   | `string`                                                                                                             | `"Bank Name"`                                                                                                                                                                 |
+| `step4_bankPostalCodeLabel`                     | `step-4_bank-postal-code-label`                      | Label text for the Bank Postal Code                                                                        | `string`                                                                                                             | `"Bank Postal Code"`                                                                                                                                                          |
+| `step4_bankProvinceStateLabel`                  | `step-4_bank-province-state-label`                   | Label text for the Bank Province State input                                                               | `string`                                                                                                             | `"Bank Province State"`                                                                                                                                                       |
+| `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              | Label text for the beneficiary account name input field                                                    | `string`                                                                                                             | `"Beneficiary Account Name"`                                                                                                                                                  |
+| `step4_branchCodeLabel`                         | `step-4_branch-code-label`                           | Label text for the branch code input field                                                                 | `string`                                                                                                             | `"Branch Code"`                                                                                                                                                               |
+| `step4_businessSelectItemLabel`                 | `step-4_business-select-item-label`                  | Label text for the business select item                                                                    | `string`                                                                                                             | `"Business"`                                                                                                                                                                  |
+| `step4_cannotChangeInfoAlert`                   | `step-4_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting."`                                             |
+| `step4_checkingSelectItemLabel`                 | `step-4_checking-select-item-label`                  | Label text for the checking account type select item                                                       | `string`                                                                                                             | `"Checking"`                                                                                                                                                                  |
+| `step4_classificationCPFLabel`                  | `step-4_classification-c-p-f-label`                  | Label text for the classification CPF input field                                                          | `string`                                                                                                             | `"Classification CPF"`                                                                                                                                                        |
+| `step4_classificationEntityLabel`               | `step-4_classification-entity-label`                 | Label text for the classification entity input field                                                       | `string`                                                                                                             | `"Classification Entity"`                                                                                                                                                     |
+| `step4_classificationLabel`                     | `step-4_classification-label`                        | Label text for the classification input field                                                              | `string`                                                                                                             | `"Classification"`                                                                                                                                                            |
+| `step4_directlyToBankAccount`                   | `step-4_directly-to-bank-account`                    | Text for the option to receive payments directly to a bank account                                         | `string`                                                                                                             | `"Directly to my bank account"`                                                                                                                                               |
+| `step4_foreignSelectItemLabel`                  | `step-4_foreign-select-item-label`                   | Label text for the foreign select item                                                                     | `string`                                                                                                             | `"Foreign"`                                                                                                                                                                   |
+| `step4_formStep`                                | `step-4_form-step`                                   | Subtext shown at the top of the page, used to show the current step of the tax form.                       | `string`                                                                                                             | `"Step 4 of 4"`                                                                                                                                                               |
+| `step4_generalErrorDescription`                 | `step-4_general-error-description`                   | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
+| `step4_generalErrorTitle`                       | `step-4_general-error-title`                         | Title text for a general form submission error                                                             | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
+| `step4_ibanLabel`                               | `step-4_iban-label`                                  | Label text for the IBAN input field                                                                        | `string`                                                                                                             | `"IBAN"`                                                                                                                                                                      |
+| `step4_individualSelectItemLabel`               | `step-4_individual-select-item-label`                | Label text for the individual select item                                                                  | `string`                                                                                                             | `"Individual"`                                                                                                                                                                |
+| `step4_isPartnerAlertDescription`               | `step-4_is-partner-alert-description`                | Description text for the alert when the user is identified as a partner                                    | `string`                                                                                                             | `"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."`   |
+| `step4_isPartnerAlertHeader`                    | `step-4_is-partner-alert-header`                     | Header text for the alert when the user is identified as a partner                                         | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                  |
+| `step4_patronymicNameLabel`                     | `step-4_patronymic-name-label`                       | Label text for the patronymic name input field                                                             | `string`                                                                                                             | `"Patronymic Name"`                                                                                                                                                           |
+| `step4_payPalInputLabel`                        | `step-4_pay-pal-input-label`                         | Label text for the PayPal email input field                                                                | `string`                                                                                                             | `"PayPal Email"`                                                                                                                                                              |
+| `step4_paymentDayFifteenthOfMonthLabelText`     | `step-4_payment-day-fifteenth-of-month-label-text`   | Label text for the payment day select option for the fifteenth of the month                                | `string`                                                                                                             | `"15th of the month"`                                                                                                                                                         |
+| `step4_paymentDayFirstOfMonthLabelText`         | `step-4_payment-day-first-of-month-label-text`       | Label text for the payment day select option for the first of the month                                    | `string`                                                                                                             | `"1st of the month"`                                                                                                                                                          |
+| `step4_paymentDaySelectLabel`                   | `step-4_payment-day-select-label`                    | Label text for the payment day select                                                                      | `string`                                                                                                             | `"Payment Day"`                                                                                                                                                               |
+| `step4_paymentMethod`                           | `step-4_payment-method`                              | Heading text for the payment method section                                                                | `string`                                                                                                             | `"Payment Method"`                                                                                                                                                            |
+| `step4_paymentMethodSubtext`                    | `step-4_payment-method-subtext`                      | Subtext for the payment method section                                                                     | `string`                                                                                                             | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                       |
+| `step4_paymentSchedule`                         | `step-4_payment-schedule`                            | Heading text for the payment schedule section                                                              | `string`                                                                                                             | `"Payment Schedule"`                                                                                                                                                          |
+| `step4_paymentScheduleBalanceThreshold`         | `step-4_payment-schedule-balance-threshold`          | Text for the option to receive payments at a specific balance threshold                                    | `string`                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                |
+| `step4_paymentScheduleFixedDay`                 | `step-4_payment-schedule-fixed-day`                  | Text for the option to receive payments on a specific day of the month                                     | `string`                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                        |
+| `step4_paymentThresholdSelectLabel`             | `step-4_payment-threshold-select-label`              | Label text for the payment day select                                                                      | `string`                                                                                                             | `"Payment Threshold"`                                                                                                                                                         |
+| `step4_routingCodeLabel`                        | `step-4_routing-code-label`                          | Label text for the routing code input field                                                                | `string`                                                                                                             | `"Routing Code"`                                                                                                                                                              |
+| `step4_savingsSelectItemLabel`                  | `step-4_savings-select-item-label`                   | Label text for the savings account type select item                                                        | `string`                                                                                                             | `"Savings"`                                                                                                                                                                   |
+| `step4_submitButton`                            | `step-4_submit-button`                               | Text for the save button in the form                                                                       | `string`                                                                                                             | `"Save"`                                                                                                                                                                      |
+| `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            | Label text for the SWIFT code input field                                                                  | `string`                                                                                                             | `"SWIFT Code"`                                                                                                                                                                |
+| `step4_taxAndPayouts`                           | `step-4_tax-and-payouts`                             | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax and Payouts"`                                                                                                                                                           |
+| `step4_taxAndPayoutsDescription`                | `step-4_tax-and-payouts-description`                 | Text shown at the top of the page next to the tax and payouts label text                                   | `string`                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                       |
+| `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          | Label text for the Taxpayer ID input field                                                                 | `string`                                                                                                             | `"Taxpayer ID"`                                                                                                                                                               |
+| `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          | Text for the option to receive payments to a PayPal account with processing fee details                    | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                             |
+| `step4_voCodeLabel`                             | `step-4_vo-code-label`                               | Label text for the VO code input field                                                                     | `string`                                                                                                             | `"VO Code"`                                                                                                                                                                   |
+| `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                      |
 
 
 ## Dependencies
@@ -132,7 +166,6 @@
 - [sqm-indirect-tax-form](../sqm-indirect-tax-form)
 - [sqm-docusign-form](../sqm-docusign-form)
 - [sqm-banking-info-form](../sqm-banking-info-form)
-- [sqm-tax-document-submitted](../sqm-tax-document-submitted)
 
 ### Graph
 ```mermaid
@@ -141,8 +174,6 @@ graph TD;
   sqm-tax-and-cash --> sqm-indirect-tax-form
   sqm-tax-and-cash --> sqm-docusign-form
   sqm-tax-and-cash --> sqm-banking-info-form
-  sqm-tax-and-cash --> sqm-tax-document-submitted
-  sqm-tax-document-submitted --> sqm-payout-details-card
   style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 01dd0d08c5..3229f0e72f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -1,6 +1,6 @@
 import { IndirectDetailsSlotViewProps } from "./small-views/IndirectTaxDetailsView";
 import { UserInfoFormViewProps } from "./sqm-user-info-form-view";
-import { TaxDocumentSubmittedProps } from "../sqm-tax-document-submitted/sqm-tax-document-submitted-view";
+import { TaxAndCashDashboardProps } from "../sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view";
 import { IndirectTaxFormViewProps } from "../sqm-indirect-tax-form/sqm-indirect-tax-form-view";
 import { DocumentTypeFormViewProps } from "../sqm-document-type-form/sqm-document-type-form-view";
 import { DocusignFormViewProps } from "../sqm-docusign-form/sqm-docusign-form-view";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index 52db8dd17f..2ac1a31ff7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,33 +7,33 @@
 
 ## Properties
 
-| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                         | Default                                                                                                                                                                     |
-| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"I agree to the terms"`                                                                                                                                                    |
-| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"This field is required"`                                                                                                                                                  |
-| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"I represent a business entity"`                                                                                                                                           |
-| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Country"`                                                                                                                                                                 |
-| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Select a country"`                                                                                                                                                        |
-| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Currency"`                                                                                                                                                                |
-| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Select a currency"`                                                                                                                                                       |
-| `demoData`                    | --                               |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; data?: { currencies: Currencies; countries: TaxCountry[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
-| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Email"`                                                                                                                                                                   |
-| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Enter a valid email"`                                                                                                                                                     |
-| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"First name"`                                                                                                                                                              |
-| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Enter a first name"`                                                                                                                                                      |
-| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Step 1 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem submitting your information"`                                                                                                                         |
-| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"I am an individual participant"`                                                                                                                                          |
-| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"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."` |
-| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Last name"`                                                                                                                                                               |
-| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Enter a last name"`                                                                                                                                                       |
-| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Participant type"`                                                                                                                                                        |
-| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Select a participant type"`                                                                                                                                               |
-| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Personal Information"`                                                                                                                                                    |
-| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Continue"`                                                                                                                                                                |
-| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Continue"`                                                                                                                                                                |
+| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default                                                                                                                                                                     |
+| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I agree to the terms"`                                                                                                                                                    |
+| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"This field is required"`                                                                                                                                                  |
+| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I represent a business entity"`                                                                                                                                           |
+| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Country"`                                                                                                                                                                 |
+| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a country"`                                                                                                                                                        |
+| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Currency"`                                                                                                                                                                |
+| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a currency"`                                                                                                                                                       |
+| `demoData`                    | --                               |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; data?: { currencies: Currencies; countries: TaxCountry[]; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
+| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Email"`                                                                                                                                                                   |
+| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a valid email"`                                                                                                                                                     |
+| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"First name"`                                                                                                                                                              |
+| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a first name"`                                                                                                                                                      |
+| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Step 1 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"There was a problem submitting your information"`                                                                                                                         |
+| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I am an individual participant"`                                                                                                                                          |
+| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"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."` |
+| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Last name"`                                                                                                                                                               |
+| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a last name"`                                                                                                                                                       |
+| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Participant type"`                                                                                                                                                        |
+| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a participant type"`                                                                                                                                               |
+| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Personal Information"`                                                                                                                                                    |
+| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                                                                                                |
+| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                                                                                                |
 
 
 ## Dependencies

From 0041cb4afcf41953ee0e33256a8d48aa0786a942 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 29 Feb 2024 15:57:17 -0800
Subject: [PATCH 367/753] errors most likely working in banking form

---
 .../sqm-banking-info-form/useBankingInfoForm.tsx  | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index bbb4ef48bd..9839c4fcd3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -556,17 +556,26 @@ export function useBankingInfoForm(
           ...formData,
         } as SetImpactPublisherWithdrawalSettingsInput,
       });
-      if (!response || (response as Error)?.message) throw new Error();
-      if (
+      if (!response || (response as Error)?.message) {
+        console.log({ response });
+        throw new Error();
+      } else if (
         !(response as SetImpactPublisherWithdrawalSettingsResult)
           .setImpactPublisherWithdrawalSettings?.success
       ) {
-        // TODO What to do with validation errors
+        console.log({ response });
+
         console.error(
           "Validation failed: ",
           (response as SetImpactPublisherWithdrawalSettingsResult)
             .setImpactPublisherWithdrawalSettings?.validationErrors
         );
+
+        const validationErrors = (
+          response as SetImpactPublisherWithdrawalSettingsResult
+        ).setImpactPublisherWithdrawalSettings?.validationErrors;
+
+        setErrors(validationErrors);
         throw new Error();
       }
 

From 4fd9eee3a731ac8b7ab6e71b0f35ecb801c26019 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 29 Feb 2024 16:31:09 -0800
Subject: [PATCH 368/753] Refactoring IndirectTaxDetailsForm WIP

---
 .../sqm-indirect-tax-form-view.tsx            | 44 +++++++++++++++----
 1 file changed, 35 insertions(+), 9 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 477c7f1208..26da78e6aa 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -53,11 +53,25 @@ const style = {
     justifyContent: "flex-start",
     flexDirection: "column",
   },
-  CheckboxContainer: {
+  RadioContainer: {
     display: "flex",
     alignItems: "flex-start",
     justifyContent: "flex-start",
     flexDirection: "column",
+    gap: "var(--sl-spacing-medium)",
+
+    "& sl-radio::part(base)": {
+      alignItems: "start",
+    },
+  },
+  InnerRadioContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-x-small)",
+  },
+  RadioContent: {
+    display: "flex",
+    flexDirection: "column",
     gap: "var(--sl-spacing-xx-small)",
   },
   TitleContainer: {
@@ -186,8 +200,10 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
         <div>
           {!states.hideSteps && <p>{text.formStep}</p>}
           <h3>{text.indirectTax}</h3>
+          <p class={classes.DescriptionText}>
+            {text.indirectTaxDetailsDescription}
+          </p>
         </div>
-        <p>{text.indirectTaxDescription}</p>
         {formState.errors?.general && (
           <sl-alert type="warning" open class={sheet.classes.AlertContainer}>
             <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
@@ -210,17 +226,14 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
         )}
         <div>
           <h4>{text.indirectTaxDetails}</h4>
-          <p class={classes.DescriptionText}>
-            {text.indirectTaxDetailsDescription}
-          </p>
         </div>
       </div>
       {states.loading ? (
         <sl-spinner style={{ fontSize: "50px", margin: "40px" }}></sl-spinner>
       ) : (
         <div>
-          <div class={classes.CheckboxContainer}>
-            <div style={{ display: "flex", flexDirection: "column" }}>
+          <div class={classes.RadioContainer}>
+            <div class={classes.InnerRadioContainer}>
               <sl-radio
                 exportparts="base: radio-base"
                 name="/checked"
@@ -230,7 +243,13 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
                 onInput={() => callbacks.onChange("notRegistered")}
                 disabled={states.disabled || states.isPartner}
               >
-                {text.notRegistered}
+                <div class={classes.RadioContent}>
+                  {text.notRegistered}
+                  <p class={classes.DescriptionText}>
+                    If you’re joining this referral program as an individual or
+                    you’re based in the US, then you’re not registered.
+                  </p>
+                </div>
               </sl-radio>
               <sl-radio
                 exportparts="base: radio-base"
@@ -241,7 +260,14 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
                 onInput={() => callbacks.onChange("otherRegion")}
                 disabled={states.disabled || states.isPartner}
               >
-                {text.otherRegion}
+                <div class={classes.RadioContent}>
+                  {text.otherRegion}
+                  <p class={classes.DescriptionText}>
+                    If you represent a business based outside of the US may be
+                    registered. Not sure? Contact our Support team to find out
+                    more.
+                  </p>
+                </div>
               </sl-radio>
               {slots.registeredInDifferentCountryDetailsSlot}
             </div>

From dea0439ed733489d54aa7253f1d38e2e852f76d4 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 29 Feb 2024 16:35:58 -0800
Subject: [PATCH 369/753] starting to wire up payout details card

---
 .../PayoutDetailsCard.stories.tsx             |   2 +-
 .../sqm-payout-details-card-view.tsx          |   7 +-
 .../sqm-payout-details-card.tsx               |   8 +-
 .../usePayoutDetailsCard.ts                   | 110 ++++++++++++++++++
 .../sqm-tax-and-cash-dashboard.tsx            |   1 +
 .../useTaxAndCashDashboard.tsx                |   2 +
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |   4 +-
 7 files changed, 126 insertions(+), 8 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
index bae666e3a7..14a1b9b257 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
@@ -127,7 +127,7 @@ export const PaypalPayout = () => {
       demoData={{
         states: {
           status: "next payout",
-          payoutType: "paypal",
+          payoutType: "PAYPAL",
         },
       }}
     ></sqm-payout-details-card>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index c92d744fb9..9f652c6fb6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -12,12 +12,13 @@ export interface PayoutDetailsCardViewProps {
     loading?: boolean;
     mainCurrency: currencyAmount;
     status: "pending" | "upcoming" | "next payout";
-    payoutType: "bank" | "paypal";
+    payoutType: "PAYPAL" | "BANK_TRANSFER";
     otherCurrencies: currencyAmount[] | boolean;
     w9Pending?: currencyAmount[];
     empty?: boolean;
     hasW9Pending?: boolean;
     hasDatePending?: boolean;
+    paypalEmailAddress?: string;
   };
 
   text: {
@@ -213,9 +214,9 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
           )}
         {states.loading ? (
           <sl-skeleton class={classes.SkeletonOne}></sl-skeleton>
-        ) : states.payoutType === "paypal" ? (
+        ) : states.payoutType === "PAYPAL" ? (
           <div style={{ display: "flex", gap: "var(--sl-spacing-small)" }}>
-            <span>email@example.com</span>
+            <span>{states.paypalEmailAddress}</span>
             <PayPalIcon />
           </div>
         ) : (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index d75e260459..46672c652b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -3,6 +3,8 @@ import { Component, Host, Prop, h } from "@stencil/core";
 import { PayoutDetailsCardView } from "./sqm-payout-details-card-view";
 import { DemoData } from "../../../global/demo";
 import deepmerge from "deepmerge";
+import { usePayoutDetailsCard } from "./usePayoutDetailsCard";
+import { isDemo } from "@saasquatch/component-boilerplate";
 
 /**
  * @uiName Payout Details Card
@@ -38,7 +40,9 @@ export class PayoutDetailsCard {
   }
 
   render() {
-    const props = useDemoPayoutDetailsCard(this);
+    const props = isDemo()
+      ? useDemoPayoutDetailsCard(this)
+      : usePayoutDetailsCard(this);
     return (
       <Host>
         <PayoutDetailsCardView text={props.text} states={props.states} />
@@ -55,7 +59,7 @@ function useDemoPayoutDetailsCard(props: PayoutDetailsCard) {
         empty: false,
         mainCurrency: { currencyText: "USD", amountText: "100.00" },
         status: "upcoming",
-        payoutType: "bank",
+        payoutType: "BANK_TRANSFER",
         otherCurrencies: false,
         hasW9Pending: false,
         hasDatePending: true,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
new file mode 100644
index 0000000000..ad340db4d8
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -0,0 +1,110 @@
+import { useEffect } from "@saasquatch/universal-hooks";
+import { DateTime } from "luxon";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
+import { useParent, useSetParent } from "../../../utils/useParentState";
+import {
+  TAX_CONTEXT_NAMESPACE,
+  TAX_FORM_CONTEXT_NAMESPACE,
+  TaxContext,
+  USER_QUERY_NAMESPACE,
+  UserQuery,
+} from "../sqm-tax-and-cash/data";
+import { useLocale } from "@saasquatch/component-boilerplate";
+import { PayoutDetailsCard } from "./sqm-payout-details-card";
+import { PayoutDetailsCardViewProps } from "./sqm-payout-details-card-view";
+
+function getExpiresSoon(submissionDate: number, expiryDate: number) {
+  if (!submissionDate || !expiryDate) return false;
+  return (
+    DateTime.fromMillis(expiryDate).diff(
+      DateTime.fromMillis(submissionDate),
+      "days"
+    )?.days <= 30
+  );
+}
+
+export function usePayoutDetailsCard(
+  props: PayoutDetailsCard
+): PayoutDetailsCardViewProps {
+  const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
+  const [context, setContext] = useParent<TaxContext>(
+    TAX_FORM_CONTEXT_NAMESPACE
+  );
+
+  const locale = useLocale();
+
+  useEffect(() => {
+    // Clear override context once on submitted
+    setContext({});
+  }, []);
+
+  const { data, loading } =
+    useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+
+  const publisher = data?.user?.impactConnection?.publisher;
+  const documentType = publisher?.currentTaxDocument?.type;
+  const submissionDate = publisher?.currentTaxDocument?.dateCreated;
+
+  console.log({ publisher });
+
+  const dateSubmitted = submissionDate
+    ? DateTime.fromMillis(submissionDate).toFormat("LLL dd, yyyy")
+    : undefined;
+
+  const expiryDate = DateTime.now().plus({ days: 30 }).toMillis();
+  const dateExpired = DateTime.fromMillis(expiryDate).toFormat("LLL dd, yyyy");
+
+  const expiresSoon = getExpiresSoon(expiryDate, submissionDate);
+
+  function getPaymentDay(paymentDay) {
+    if (paymentDay === "1") {
+      return DateTime.now()
+        .plus({ month: 1 })
+        .startOf("month")
+        .toFormat("LLL dd, yyyy");
+    } else if (paymentDay === "15") {
+      return DateTime.now()
+        .plus({ month: 1 })
+        .startOf("month")
+        .toFormat("LLL dd, yyyy");
+    }
+  }
+
+  const paymentDay = getPaymentDay(publisher?.withdrawalSettings?.paymentDay);
+  //   publisher?.withdrawalSettings?.paymentDay;
+
+  console.log({ paymentDay });
+
+  function getStatus(publisher): "next payout" | "pending" | "upcoming" {
+    return "next payout";
+  }
+
+  const status = getStatus(publisher);
+
+  return {
+    states: {
+      loading: false,
+
+      mainCurrency: {
+        currencyText: publisher?.currency,
+        amountText: publisher?.withdrawalSettings?.paymentThreshold,
+      },
+      status,
+      payoutType: publisher?.withdrawalSettings?.paymentMethod,
+      otherCurrencies: [],
+      w9Pending: [],
+      empty: false,
+      hasW9Pending: false,
+      hasDatePending: false,
+      paypalEmailAddress: publisher?.withdrawalSettings?.paypalEmailAddress,
+    },
+    text: {
+      ...props.getTextProps(),
+      nextPayoutDetailedStatusText: paymentDay,
+    },
+  };
+}
+
+export type UsePayoutDetailsCardResult = ReturnType<
+  typeof usePayoutDetailsCard
+>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index bfe146df93..d5d8c144e9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -240,6 +240,7 @@ export class TaxAndCashDashboard {
     const props = isDemo()
       ? useDemoTaxAndCashDashboard(this)
       : useTaxAndCashDashboard(this);
+
     return (
       <Host>
         <TaxAndCashDashboardView
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 8b86bda525..89554ab04a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -49,6 +49,8 @@ export const useTaxAndCashDashboard = (
   const documentType = publisher?.currentTaxDocument?.type;
   const submissionDate = publisher?.currentTaxDocument?.dateCreated;
 
+  console.log({ publisher });
+
   const dateSubmitted = submissionDate
     ? DateTime.fromMillis(submissionDate).toFormat("LLL dd, yyyy")
     : undefined;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 3d7bb2c353..00012ab0fb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -1080,9 +1080,9 @@ export class TaxAndCashMonolith {
         return <sqm-banking-info-form></sqm-banking-info-form>;
       case "/submitted":
         return (
-          <sqm-tax-document-submitted
+          <sqm-tax-and-cash-dashboard
             {...this.getSubmittedPageTextProps()}
-          ></sqm-tax-document-submitted>
+          ></sqm-tax-and-cash-dashboard>
         );
     }
 

From afeeb45ed9360082d59dc8dc283bc9e81f2ed42e Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 29 Feb 2024 16:56:54 -0800
Subject: [PATCH 370/753] chopped out extra logic from payout details card, bit
 more stuff implemented

---
 .../sqm-payout-details-card-view.tsx          | 86 ++-----------------
 .../sqm-payout-details-card.tsx               |  1 +
 .../usePayoutDetailsCard.ts                   | 37 +-------
 .../tax-and-cash/sqm-tax-and-cash/data.ts     |  9 +-
 4 files changed, 19 insertions(+), 114 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index 9f652c6fb6..075e1cc66b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -13,12 +13,12 @@ export interface PayoutDetailsCardViewProps {
     mainCurrency: currencyAmount;
     status: "pending" | "upcoming" | "next payout";
     payoutType: "PAYPAL" | "BANK_TRANSFER";
-    otherCurrencies: currencyAmount[] | boolean;
-    w9Pending?: currencyAmount[];
     empty?: boolean;
     hasW9Pending?: boolean;
     hasDatePending?: boolean;
     paypalEmailAddress?: string;
+    cardNumberPreview?: string;
+    bankName?: string;
   };
 
   text: {
@@ -34,12 +34,6 @@ export interface PayoutDetailsCardViewProps {
   };
 }
 
-const statusMap = {
-  pending: "warning",
-  upcoming: "success",
-  "next payout": "success",
-};
-
 const style = {
   Container: {
     display: "grid",
@@ -113,47 +107,13 @@ const style = {
   },
 };
 
-type Currency = {
-  amountText: string;
-  currencyText: string;
-};
-
 export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
   const { classes } = sheet;
 
-  const currencyList = (currencies: Currency[]) => {
-    return (
-      <div class={classes.CurrenciesContainer}>
-        {currencies?.map((currency) => {
-          return (
-            <div class={classes.CurrencyContainer}>
-              <p class={classes.SubCurrencyText}>
-                {currency?.amountText}
-                {currency?.currencyText}
-              </p>
-            </div>
-          );
-        })}
-      </div>
-    );
-  };
-
   const { states, text } = props;
 
-  const badgeText = {
-    pending: text.pendingStatusBadgeText,
-    upcoming: text.upcomingStatusBadgeText,
-    "next payout": text.nextPayoutStatusBadgeText,
-  };
-
-  const statusText = {
-    pending: text.pendingDetailedStatusText,
-    upcoming: text.upcomingDetailedStatusText,
-    "next payout": text.nextPayoutDetailedStatusText,
-  };
-
   return (
     <div>
       <style type="text/css">{styleString}</style>
@@ -166,52 +126,21 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
         ) : (
           <div class={classes.StatusContainer}>
             <p class={classes.SubduedRegularText}>
-              {/* Should be seperated to a helper function */}
-              {states.empty && states.status === "pending"
-                ? ""
-                : states.status !== "pending"
-                ? statusText[states.status]
-                : states.hasDatePending
-                ? statusText["pending"]
-                : text.w9PendingText}
+              {text.nextPayoutDetailedStatusText}
             </p>
-            <sl-badge pill type={statusMap[states.status]}>
-              {badgeText[states.status]}
+            <sl-badge pill type={"success"}>
+              {text.nextPayoutStatusBadgeText}
             </sl-badge>
           </div>
         )}
         {states.loading ? (
           <sl-skeleton class={classes.SkeletonThree}></sl-skeleton>
-        ) : states.empty ? (
-          <h1 class={classes.MainCurrency}>No rewards</h1>
         ) : (
           <h1 class={classes.MainCurrency}>
-            {states.hasDatePending || states.status !== "pending"
-              ? states.mainCurrency?.amountText
-              : states.w9Pending?.[0]?.amountText}{" "}
+            {states.mainCurrency?.amountText}
             {states.mainCurrency.currencyText}
           </h1>
         )}
-        {states.otherCurrencies && !states.loading && (
-          <div>
-            <p
-              class={classes.SubduedRegularText}
-              style={{ fontSize: "var(--sl-font-size-x-small)" }}
-            >
-              + {text.otherCurrenciesText}
-            </p>
-            {currencyList(states.otherCurrencies as Currency[])}
-          </div>
-        )}
-        {states.hasW9Pending &&
-          states.status === "pending" &&
-          states.hasDatePending &&
-          !states.loading && (
-            <div class={classes.W9Container}>
-              <p class={classes.SubduedRegularText}>{text.w9PendingText}</p>
-              {currencyList(states.w9Pending!)}
-            </div>
-          )}
         {states.loading ? (
           <sl-skeleton class={classes.SkeletonOne}></sl-skeleton>
         ) : states.payoutType === "PAYPAL" ? (
@@ -221,8 +150,7 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
           </div>
         ) : (
           <div style={{ display: "flex", gap: "var(--sl-spacing-small)" }}>
-            <span>Card ***2381</span>
-            <span>Toronto Dominion Bank</span>
+            <span>{states.cardNumberPreview}</span>
           </div>
         )}
       </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 46672c652b..fa74f8c7a2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -63,6 +63,7 @@ function useDemoPayoutDetailsCard(props: PayoutDetailsCard) {
         otherCurrencies: false,
         hasW9Pending: false,
         hasDatePending: true,
+        cardNumberPreview: "Card ***2381",
       },
       text: props.getTextProps(),
     },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index ad340db4d8..14f70a3ef3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -13,16 +13,6 @@ import { useLocale } from "@saasquatch/component-boilerplate";
 import { PayoutDetailsCard } from "./sqm-payout-details-card";
 import { PayoutDetailsCardViewProps } from "./sqm-payout-details-card-view";
 
-function getExpiresSoon(submissionDate: number, expiryDate: number) {
-  if (!submissionDate || !expiryDate) return false;
-  return (
-    DateTime.fromMillis(expiryDate).diff(
-      DateTime.fromMillis(submissionDate),
-      "days"
-    )?.days <= 30
-  );
-}
-
 export function usePayoutDetailsCard(
   props: PayoutDetailsCard
 ): PayoutDetailsCardViewProps {
@@ -42,20 +32,9 @@ export function usePayoutDetailsCard(
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
 
   const publisher = data?.user?.impactConnection?.publisher;
-  const documentType = publisher?.currentTaxDocument?.type;
-  const submissionDate = publisher?.currentTaxDocument?.dateCreated;
 
   console.log({ publisher });
 
-  const dateSubmitted = submissionDate
-    ? DateTime.fromMillis(submissionDate).toFormat("LLL dd, yyyy")
-    : undefined;
-
-  const expiryDate = DateTime.now().plus({ days: 30 }).toMillis();
-  const dateExpired = DateTime.fromMillis(expiryDate).toFormat("LLL dd, yyyy");
-
-  const expiresSoon = getExpiresSoon(expiryDate, submissionDate);
-
   function getPaymentDay(paymentDay) {
     if (paymentDay === "1") {
       return DateTime.now()
@@ -75,28 +54,18 @@ export function usePayoutDetailsCard(
 
   console.log({ paymentDay });
 
-  function getStatus(publisher): "next payout" | "pending" | "upcoming" {
-    return "next payout";
-  }
-
-  const status = getStatus(publisher);
-
   return {
     states: {
       loading: false,
-
       mainCurrency: {
         currencyText: publisher?.currency,
-        amountText: publisher?.withdrawalSettings?.paymentThreshold,
+        amountText: publisher?.payoutsAccount?.balance,
       },
-      status,
+      status: "next payout",
       payoutType: publisher?.withdrawalSettings?.paymentMethod,
-      otherCurrencies: [],
-      w9Pending: [],
       empty: false,
-      hasW9Pending: false,
-      hasDatePending: false,
       paypalEmailAddress: publisher?.withdrawalSettings?.paypalEmailAddress,
+      cardNumberPreview: publisher?.withdrawalSettings?.bankAccountNumber,
     },
     text: {
       ...props.getTextProps(),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 2d57038261..f85376d2b1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -67,6 +67,10 @@ export const GET_USER = gql`
               paymentThreshold
               paymentDay
             }
+            payoutsAccount {
+              hold
+              balance
+            }
           }
         }
       }
@@ -94,7 +98,10 @@ type ImpactPublisher = {
     paymentThreshold: string | null;
     paymentDay: string | null;
   };
-
+  payoutsAccount: {
+    hold: boolean;
+    balance: string;
+  };
   // TODO: Remove this comment when these fields exist
   indirectTaxOption: "SAME_COUNTRY" | "NO_TAX" | "DIFFERENT_COUNTRY";
   indirectTaxSubdivision: string;

From 80e4d6397c6a96271cf66a5cf2f0924d3ab62a52 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 29 Feb 2024 16:57:36 -0800
Subject: [PATCH 371/753] 15th day option implemented

---
 .../tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index 14f70a3ef3..6825635360 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -45,6 +45,7 @@ export function usePayoutDetailsCard(
       return DateTime.now()
         .plus({ month: 1 })
         .startOf("month")
+        .plus({ day: 15 })
         .toFormat("LLL dd, yyyy");
     }
   }

From 300e9a55a501c1b16b865a0597d9baa23278fe6d Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 29 Feb 2024 16:59:21 -0800
Subject: [PATCH 372/753] more cleanup

---
 .../usePayoutDetailsCard.ts                   | 22 ++-----------------
 1 file changed, 2 insertions(+), 20 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index 6825635360..1d362de324 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -1,33 +1,15 @@
-import { useEffect } from "@saasquatch/universal-hooks";
+import { useLocale } from "@saasquatch/component-boilerplate";
 import { DateTime } from "luxon";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent, useSetParent } from "../../../utils/useParentState";
-import {
-  TAX_CONTEXT_NAMESPACE,
-  TAX_FORM_CONTEXT_NAMESPACE,
-  TaxContext,
-  USER_QUERY_NAMESPACE,
-  UserQuery,
-} from "../sqm-tax-and-cash/data";
-import { useLocale } from "@saasquatch/component-boilerplate";
+import { USER_QUERY_NAMESPACE, UserQuery } from "../sqm-tax-and-cash/data";
 import { PayoutDetailsCard } from "./sqm-payout-details-card";
 import { PayoutDetailsCardViewProps } from "./sqm-payout-details-card-view";
 
 export function usePayoutDetailsCard(
   props: PayoutDetailsCard
 ): PayoutDetailsCardViewProps {
-  const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
-  const [context, setContext] = useParent<TaxContext>(
-    TAX_FORM_CONTEXT_NAMESPACE
-  );
-
   const locale = useLocale();
 
-  useEffect(() => {
-    // Clear override context once on submitted
-    setContext({});
-  }, []);
-
   const { data, loading } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
 

From f53525ea9b5aa1507086245ddccef2dca8f6efbb Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 29 Feb 2024 17:09:14 -0800
Subject: [PATCH 373/753] some smarter date handling

---
 .../usePayoutDetailsCard.ts                   | 27 +++++++++++--------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index 1d362de324..20166629ba 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -15,20 +15,25 @@ export function usePayoutDetailsCard(
 
   const publisher = data?.user?.impactConnection?.publisher;
 
-  console.log({ publisher });
-
   function getPaymentDay(paymentDay) {
+    const currentDay = DateTime.now().day;
     if (paymentDay === "1") {
-      return DateTime.now()
-        .plus({ month: 1 })
-        .startOf("month")
-        .toFormat("LLL dd, yyyy");
+      return currentDay === 1
+        ? DateTime.now().toFormat("LLL dd, yyyy")
+        : DateTime.now()
+            .plus({ month: 1 })
+            .startOf("month")
+            .toFormat("LLL dd, yyyy");
     } else if (paymentDay === "15") {
-      return DateTime.now()
-        .plus({ month: 1 })
-        .startOf("month")
-        .plus({ day: 15 })
-        .toFormat("LLL dd, yyyy");
+      return currentDay <= 15
+        ? DateTime.now()
+            .plus({ day: 15 - currentDay })
+            .toFormat("LLL dd, yyyy")
+        : DateTime.now()
+            .plus({ month: 1 })
+            .startOf("month")
+            .plus({ day: 15 })
+            .toFormat("LLL dd, yyyy");
     }
   }
 

From fd069b365bfded38992aaba2afbd1b832dd8674f Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 29 Feb 2024 17:11:19 -0800
Subject: [PATCH 374/753] plug in payout threshold case

---
 packages/mint-components/src/components.d.ts              | 2 ++
 .../sqm-payout-details-card/sqm-payout-details-card.tsx   | 2 ++
 .../sqm-payout-details-card/usePayoutDetailsCard.ts       | 8 ++++++--
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index e9ce132bf2..86aea33f3e 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1539,6 +1539,7 @@ export namespace Components {
           * @undocumented
          */
         "demoData"?: DemoData<any>;
+        "nextPayoutBalanceText": "Next payout occurs when balance is";
     }
     interface SqmPopupContainer {
         /**
@@ -7088,6 +7089,7 @@ declare namespace LocalJSX {
           * @undocumented
          */
         "demoData"?: DemoData<any>;
+        "nextPayoutBalanceText"?: "Next payout occurs when balance is";
     }
     interface SqmPopupContainer {
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index fa74f8c7a2..aea2d41503 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -15,6 +15,8 @@ import { isDemo } from "@saasquatch/component-boilerplate";
   shadow: true,
 })
 export class PayoutDetailsCard {
+  @Prop() nextPayoutBalanceText: "Next payout occurs when balance is";
+
   /**
    * @undocumented
    */
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index 20166629ba..b55f051078 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -15,7 +15,7 @@ export function usePayoutDetailsCard(
 
   const publisher = data?.user?.impactConnection?.publisher;
 
-  function getPaymentDay(paymentDay) {
+  function getPayoutDetailedStatusText(paymentDay) {
     const currentDay = DateTime.now().day;
     if (paymentDay === "1") {
       return currentDay === 1
@@ -34,10 +34,14 @@ export function usePayoutDetailsCard(
             .startOf("month")
             .plus({ day: 15 })
             .toFormat("LLL dd, yyyy");
+    } else {
+      return `${props.nextPayoutBalanceText} ${publisher?.withdrawalSettings?.paymentThreshold}`;
     }
   }
 
-  const paymentDay = getPaymentDay(publisher?.withdrawalSettings?.paymentDay);
+  const paymentDay = getPayoutDetailedStatusText(
+    publisher?.withdrawalSettings?.paymentDay
+  );
   //   publisher?.withdrawalSettings?.paymentDay;
 
   console.log({ paymentDay });

From ef885dd9061ef374f565f5498003a690fb1dda51 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 29 Feb 2024 17:24:13 -0800
Subject: [PATCH 375/753] wired up errors properly

---
 packages/mint-components/package.json         |  2 +-
 .../src/components/sqm-stencilbook/readme.md  |  3 +++
 .../sqm-banking-info-form-view.tsx            |  3 ++-
 .../sqm-banking-info-form.tsx                 |  1 +
 .../useBankingInfoForm.tsx                    | 20 ++++++++++++++++---
 .../sqm-payout-details-card/readme.md         |  7 ++++---
 .../sqm-tax-and-cash-dashboard/readme.md      |  7 +++++++
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  3 +++
 8 files changed, 38 insertions(+), 8 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index b582b0d62c..b149a738b7 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-45",
+  "version": "1.8.0-46",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-stencilbook/readme.md b/packages/mint-components/src/components/sqm-stencilbook/readme.md
index 4b83ebcfb9..e4f6fc39c3 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/readme.md
+++ b/packages/mint-components/src/components/sqm-stencilbook/readme.md
@@ -79,6 +79,7 @@
 - [sqm-indirect-tax-form](../tax-and-cash/sqm-indirect-tax-form)
 - [sqm-docusign-form](../tax-and-cash/sqm-docusign-form)
 - [sqm-banking-info-form](../tax-and-cash/sqm-banking-info-form)
+- [sqm-tax-and-cash-dashboard](../tax-and-cash/sqm-tax-and-cash-dashboard)
 - [sqm-payout-details-card](../tax-and-cash/sqm-payout-details-card)
 
 ### Graph
@@ -154,6 +155,7 @@ graph TD;
   sqm-stencilbook --> sqm-indirect-tax-form
   sqm-stencilbook --> sqm-docusign-form
   sqm-stencilbook --> sqm-banking-info-form
+  sqm-stencilbook --> sqm-tax-and-cash-dashboard
   sqm-stencilbook --> sqm-payout-details-card
   sqm-empty --> sqm-portal-container
   sqm-empty --> sqm-image
@@ -182,6 +184,7 @@ graph TD;
   sqm-referral-table-date-column --> sqm-referral-table-date-cell
   sqm-referral-table-rewards-column --> sqm-referral-table-rewards-cell
   sqm-coupon-code --> sqm-form-message
+  sqm-tax-and-cash-dashboard --> sqm-payout-details-card
   style sqm-stencilbook fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index c363478110..634d330a48 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -6,6 +6,7 @@ export interface BankingInfoFormViewProps {
   states: {
     locale?: string;
     loading: boolean;
+    saveLoading?: boolean;
     disabled: boolean;
     saveDisabled: boolean;
     hideSteps: boolean;
@@ -16,7 +17,6 @@ export interface BankingInfoFormViewProps {
     hideFixedDay?: boolean;
     feeCap?: string;
     isPartner: boolean;
-
     paymentMethodFeeLabel?: string;
     formState: {
       paymentMethodChecked?: "toBankAccount" | "toPayPalAccount";
@@ -516,6 +516,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
           <sl-button
             type="primary"
             disabled={states.disabled || states.saveDisabled}
+            loading={states.saveLoading}
             submit
             exportparts="base: primarybutton-base"
           >
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index d6b2bde1c3..4d22ed0458 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -542,6 +542,7 @@ function useDemoBankingInfoForm(
         isPartner: false,
         disabled: false,
         loading: false,
+        saveLoading: false,
         hideSteps: false,
         feeCap,
         paymentMethodFeeLabel,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 9839c4fcd3..cb42a249b0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -575,8 +575,18 @@ export function useBankingInfoForm(
           response as SetImpactPublisherWithdrawalSettingsResult
         ).setImpactPublisherWithdrawalSettings?.validationErrors;
 
-        setErrors(validationErrors);
-        throw new Error();
+        const mappedValidationErrors = validationErrors?.reduce(
+          (agg, error) => {
+            return {
+              ...agg,
+              [error.field]: error.message,
+            };
+          },
+          {}
+        );
+
+        setErrors({ ...mappedValidationErrors, general: true });
+        return;
       }
 
       await refetch();
@@ -684,6 +694,8 @@ export function useBankingInfoForm(
     }
   }
 
+  console.log({ errors });
+
   return {
     text: props.getTextProps(),
     callbacks: {
@@ -701,7 +713,9 @@ export function useBankingInfoForm(
       feeCap,
       paymentMethodFeeLabel,
       disabled: loading,
-      loading: loading || !paymentOptions,
+      // TODO: possibly add loading here, it causes all fields to be cleared on save if all field are filled out though
+      loading: !paymentOptions,
+      saveLoading: loading,
       hideBanking:
         paymentMethodChecked !== "toBankAccount" || !paymentMethodChecked,
       hidePayPal:
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
index 83b12606e6..c796718467 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
@@ -7,9 +7,10 @@
 
 ## Properties
 
-| Property   | Attribute | Description | Type                                      | Default     |
-| ---------- | --------- | ----------- | ----------------------------------------- | ----------- |
-| `demoData` | --        |             | `{ [x: string]: any; [x: number]: any; }` | `undefined` |
+| Property                | Attribute                  | Description | Type                                      | Default     |
+| ----------------------- | -------------------------- | ----------- | ----------------------------------------- | ----------- |
+| `demoData`              | --                         |             | `{ [x: string]: any; [x: number]: any; }` | `undefined` |
+| `nextPayoutBalanceText` | `next-payout-balance-text` |             | `"Next payout occurs when balance is"`    | `undefined` |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index 6e32473432..3ce7e3752f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -44,6 +44,11 @@
 
 ## Dependencies
 
+### Used by
+
+ - [sqm-stencilbook](../../sqm-stencilbook)
+ - [sqm-tax-and-cash](../sqm-tax-and-cash)
+
 ### Depends on
 
 - [sqm-payout-details-card](../sqm-payout-details-card)
@@ -52,6 +57,8 @@
 ```mermaid
 graph TD;
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
+  sqm-stencilbook --> sqm-tax-and-cash-dashboard
+  sqm-tax-and-cash --> sqm-tax-and-cash-dashboard
   style sqm-tax-and-cash-dashboard fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 7b98dfc7fd..07608f5417 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -166,6 +166,7 @@
 - [sqm-indirect-tax-form](../sqm-indirect-tax-form)
 - [sqm-docusign-form](../sqm-docusign-form)
 - [sqm-banking-info-form](../sqm-banking-info-form)
+- [sqm-tax-and-cash-dashboard](../sqm-tax-and-cash-dashboard)
 
 ### Graph
 ```mermaid
@@ -174,6 +175,8 @@ graph TD;
   sqm-tax-and-cash --> sqm-indirect-tax-form
   sqm-tax-and-cash --> sqm-docusign-form
   sqm-tax-and-cash --> sqm-banking-info-form
+  sqm-tax-and-cash --> sqm-tax-and-cash-dashboard
+  sqm-tax-and-cash-dashboard --> sqm-payout-details-card
   style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

From f2374a9845d7e1eb8b0be144c929a9ef20aefb0c Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 29 Feb 2024 17:26:55 -0800
Subject: [PATCH 376/753] build and publish

---
 packages/mint-components/package.json         |  2 +-
 .../sqm-banking-info-form/readme.md           | 98 +++++++++----------
 2 files changed, 50 insertions(+), 50 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index b149a738b7..35bdd50a8b 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-46",
+  "version": "1.8.0-47",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 50d9c5908e..64ab9e97eb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -5,55 +5,55 @@
 
 ## Properties
 
-| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Default                                                                                                                                                                     |
-| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Agency Code"`                                                                                                                                                             |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Account Number"`                                                                                                                                                     |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Account Type"`                                                                                                                                                       |
-| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Address"`                                                                                                                                                            |
-| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank City"`                                                                                                                                                               |
-| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Country Location"`                                                                                                                                                   |
-| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Name"`                                                                                                                                                               |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Postal Code"`                                                                                                                                                        |
-| `bankProvinceStateLabel`              | `bank-province-state-label`                 | Label text for the Bank Province State input                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Bank Province State"`                                                                                                                                                     |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Beneficiary Account Name"`                                                                                                                                                |
-| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Branch Code"`                                                                                                                                                             |
-| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Business"`                                                                                                                                                                |
-| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting."`                                           |
-| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Checking"`                                                                                                                                                                |
-| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Classification CPF"`                                                                                                                                                      |
-| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Classification Entity"`                                                                                                                                                   |
-| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Classification"`                                                                                                                                                          |
-| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; disabled: boolean; saveDisabled: boolean; hideSteps: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "paymentThreshold" \| "paymentDay"; errors?: { [field: string]: boolean; general?: boolean; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; }; }` | `undefined`                                                                                                                                                                 |
-| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Directly to my bank account"`                                                                                                                                             |
-| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Foreign"`                                                                                                                                                                 |
-| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Step 4 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"There was a problem submitting your information"`                                                                                                                         |
-| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"IBAN"`                                                                                                                                                                    |
-| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Individual"`                                                                                                                                                              |
-| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"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."` |
-| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Patronymic Name"`                                                                                                                                                         |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"PayPal Email"`                                                                                                                                                            |
-| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"15th of the month"`                                                                                                                                                       |
-| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"1st of the month"`                                                                                                                                                        |
-| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Payment Day"`                                                                                                                                                             |
-| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Payment Method"`                                                                                                                                                          |
-| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                     |
-| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Payment Schedule"`                                                                                                                                                        |
-| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Pay me when my balance reaches a threshold"`                                                                                                                              |
-| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Pay me on a fixed day of the month"`                                                                                                                                      |
-| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Payment Threshold"`                                                                                                                                                       |
-| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Routing Code"`                                                                                                                                                            |
-| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Savings"`                                                                                                                                                                 |
-| `submitButton`                        | `submit-button`                             | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Save"`                                                                                                                                                                    |
-| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"SWIFT Code"`                                                                                                                                                              |
-| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Tax and Payouts"`                                                                                                                                                         |
-| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
-| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"Taxpayer ID"`                                                                                                                                                             |
-| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                           |
-| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `"VO Code"`                                                                                                                                                                 |
+| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | Default                                                                                                                                                                     |
+| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Agency Code"`                                                                                                                                                             |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank Account Number"`                                                                                                                                                     |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank Account Type"`                                                                                                                                                       |
+| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank Address"`                                                                                                                                                            |
+| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank City"`                                                                                                                                                               |
+| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank Country Location"`                                                                                                                                                   |
+| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank Name"`                                                                                                                                                               |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank Postal Code"`                                                                                                                                                        |
+| `bankProvinceStateLabel`              | `bank-province-state-label`                 | Label text for the Bank Province State input                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank Province State"`                                                                                                                                                     |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Beneficiary Account Name"`                                                                                                                                                |
+| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Branch Code"`                                                                                                                                                             |
+| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Business"`                                                                                                                                                                |
+| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting."`                                           |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Checking"`                                                                                                                                                                |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Classification CPF"`                                                                                                                                                      |
+| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Classification Entity"`                                                                                                                                                   |
+| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Classification"`                                                                                                                                                          |
+| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "paymentThreshold" \| "paymentDay"; errors?: { [field: string]: boolean; general?: boolean; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; }; }` | `undefined`                                                                                                                                                                 |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Directly to my bank account"`                                                                                                                                             |
+| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Foreign"`                                                                                                                                                                 |
+| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Step 4 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem submitting your information"`                                                                                                                         |
+| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"IBAN"`                                                                                                                                                                    |
+| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Individual"`                                                                                                                                                              |
+| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"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."` |
+| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Patronymic Name"`                                                                                                                                                         |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"PayPal Email"`                                                                                                                                                            |
+| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"15th of the month"`                                                                                                                                                       |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"1st of the month"`                                                                                                                                                        |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payment Day"`                                                                                                                                                             |
+| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payment Method"`                                                                                                                                                          |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                     |
+| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payment Schedule"`                                                                                                                                                        |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Pay me when my balance reaches a threshold"`                                                                                                                              |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Pay me on a fixed day of the month"`                                                                                                                                      |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payment Threshold"`                                                                                                                                                       |
+| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Routing Code"`                                                                                                                                                            |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Savings"`                                                                                                                                                                 |
+| `submitButton`                        | `submit-button`                             | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Save"`                                                                                                                                                                    |
+| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"SWIFT Code"`                                                                                                                                                              |
+| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax and Payouts"`                                                                                                                                                         |
+| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Taxpayer ID"`                                                                                                                                                             |
+| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                           |
+| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"VO Code"`                                                                                                                                                                 |
 
 
 ## Dependencies

From 3db6fe3fc789ea9b48bb1785d255dab315aaeddc Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 1 Mar 2024 09:29:34 -0800
Subject: [PATCH 377/753] reward status tax logic

---
 packages/mint-components/src/components.d.ts  |  18 +-
 .../cells/sqm-referral-table-rewards-cell.tsx |  50 +++-
 .../columns/ReferralTableColumn.tsx           |   5 +-
 .../sqm-referral-table-date-column.tsx        |   4 +-
 .../sqm-referral-table-rewards-column.tsx     |  12 +-
 .../sqm-referral-table/useReferralTable.tsx   |  48 +++-
 .../sqm-rewards-table/cells/readme.md         |  36 +--
 .../cells/sqm-rewards-table-status-cell.tsx   |  56 +++--
 .../columns/RewardTableColumn.tsx             |   5 +-
 .../sqm-rewards-table/columns/readme.md       |   2 +-
 .../columns/sqm-rewards-table-date-column.tsx |   4 +-
 .../columns/sqm-rewards-table-note-column.tsx |   4 +-
 .../sqm-rewards-table-reward-column.tsx       |   7 +-
 .../sqm-rewards-table-source-column.tsx       |   4 +-
 .../sqm-rewards-table-status-column.tsx       |   8 +-
 .../sqm-rewards-table/sqm-rewards-table.tsx   |   2 +-
 .../sqm-rewards-table/useRewardsTable.tsx     |  49 +++-
 .../sqm-indirect-tax-form/readme.md           |   1 +
 .../tax-and-cash/sqm-tax-and-cash/readme.md   | 235 +++++++++---------
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |   2 -
 .../sqm-tax-document-submitted/readme.md      |   1 +
 packages/mint-components/src/index.html       |   6 +-
 packages/mint-components/src/saasquatch.d.ts  |  21 ++
 23 files changed, 381 insertions(+), 199 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 51be7f98ac..adc1703963 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -2585,7 +2585,7 @@ export namespace Components {
           * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
          */
         "dateShown": ReferralDates;
-        "renderCell": (data: Referral, locale: string) => Promise<any>;
+        "renderCell": (data: Referral, options: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
         "renderReferrerCell": (data: Referrer) => Promise<any>;
     }
@@ -2600,6 +2600,7 @@ export namespace Components {
         "rewards": Reward[];
         "statusLongText": string;
         "statusText": string;
+        "taxConnection": ImpactConnection;
     }
     interface SqmReferralTableRewardsColumn {
         /**
@@ -2631,7 +2632,7 @@ export namespace Components {
           * @uiName Reward pending text
          */
         "pendingForText": string;
-        "renderCell": (data: Referral, locale: string) => Promise<any>;
+        "renderCell": (data: Referral, options: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
         "renderReferrerCell": (data: Referrer) => Promise<any>;
         /**
@@ -3000,7 +3001,7 @@ export namespace Components {
           * @uiName Column title
          */
         "columnTitle": string;
-        "renderCell": (data: Reward, locale: string) => Promise<any>;
+        "renderCell": (data: Reward, options: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardsTableDateCell {
@@ -3019,7 +3020,7 @@ export namespace Components {
           * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
          */
         "dateShown": string;
-        "renderCell": (data: Reward, locale: string) => Promise<any>;
+        "renderCell": (data: Reward, options: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardsTableRewardCell {
@@ -3046,7 +3047,7 @@ export namespace Components {
           * @uiName Redeemed amount text
          */
         "redeemedText": string;
-        "renderCell": (data: Reward, locale: string) => Promise<any>;
+        "renderCell": (data: Reward, options: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardsTableSourceCell {
@@ -3079,7 +3080,7 @@ export namespace Components {
           * @uiWidget textArea
          */
         "referralText": string;
-        "renderCell": (data: Reward, locale: any) => Promise<any>;
+        "renderCell": (data: Reward, options: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
         /**
           * @uiName Reward exchange label
@@ -3108,6 +3109,7 @@ export namespace Components {
         "pendingUsTax": string;
         "reward": Reward;
         "statusText": string;
+        "taxConnection": ImpactConnection;
     }
     interface SqmRewardsTableStatusColumn {
         /**
@@ -3144,7 +3146,7 @@ export namespace Components {
           * @uiName W9 pending text
          */
         "pendingUsTax": string;
-        "renderCell": (data: Reward, locale: string) => Promise<any>;
+        "renderCell": (data: Reward, options: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
         /**
           * @uiName Reward status text
@@ -7987,6 +7989,7 @@ declare namespace LocalJSX {
         "rewards"?: Reward[];
         "statusLongText"?: string;
         "statusText"?: string;
+        "taxConnection"?: ImpactConnection;
     }
     interface SqmReferralTableRewardsColumn {
         /**
@@ -8478,6 +8481,7 @@ declare namespace LocalJSX {
         "pendingUsTax"?: string;
         "reward"?: Reward;
         "statusText"?: string;
+        "taxConnection"?: ImpactConnection;
     }
     interface SqmRewardsTableStatusColumn {
         /**
diff --git a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
index a66f3796c6..64992566c8 100644
--- a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
@@ -11,6 +11,7 @@ import { luxonLocale } from "../../../utils/utils";
 })
 export class ReferralTableRewardsCell {
   @Prop() rewards: Reward[];
+  @Prop() taxConnection: ImpactConnection;
   @Prop() hideDetails: boolean;
   @Prop() statusText: string;
   @Prop() statusLongText: string;
@@ -88,7 +89,10 @@ export class ReferralTableRewardsCell {
     const sheet = createStyleSheet(style);
     const styleString = sheet.toString();
 
-    const getState = (reward: Reward): string => {
+    const getState = (
+      reward: Reward,
+      taxConnection: ImpactConnection
+    ): string => {
       const possibleStates = [
         "REDEEMED",
         "CANCELLED",
@@ -105,6 +109,8 @@ export class ReferralTableRewardsCell {
         "PENDING_PARTNER_CREATION",
       ];
 
+      // TODO: Add payout states
+
       if (reward.referral?.fraudData?.moderationStatus !== "APPROVED") {
         if (reward.referral?.fraudData?.moderationStatus === "PENDING")
           return "PENDING_REVIEW";
@@ -112,6 +118,24 @@ export class ReferralTableRewardsCell {
           return "DENIED";
       }
 
+      if (reward?.pendingReasons?.includes("PAYOUT_CONFIGURATION_MISSING")) {
+        return "PENDING_PARTNER_CREATION";
+      }
+      if (reward?.pendingReasons?.includes("US_TAX")) {
+        if (!taxConnection?.taxHandlingEnabled) return "PENDING";
+        if (!taxConnection?.connected) return "PENDING_PARTNER_CREATION";
+        if (taxConnection?.publisher?.requiredTaxDocumentType) {
+          if (!taxConnection?.publisher?.currentTaxDocument)
+            return "PENDING_TAX_SUBMISSION";
+
+          const status = taxConnection.publisher.currentTaxDocument.status;
+          if (status === "INACTIVE") return "PENDING_NEW_TAX_FORM";
+          if (status === "NOT_VERIFIED") return "PENDING_TAX_REVIEW";
+        }
+        if (!taxConnection?.publisher?.withdrawalSettings)
+          return "PENDING_PARTNER_CREATION";
+      }
+
       if (reward.statuses.length === 1) return reward.statuses[0];
 
       return possibleStates.find(
@@ -151,7 +175,7 @@ export class ReferralTableRewardsCell {
     };
 
     return this.rewards?.map((reward) => {
-      const state = getState(reward);
+      const state = getState(reward, this.taxConnection);
       const slBadgeType = getSLBadgeType(state);
       const badgeText = intl.formatMessage(
         { id: "statusShortMessage", defaultMessage: this.statusText },
@@ -236,7 +260,27 @@ export class ReferralTableRewardsCell {
           <div>
             {state === "PAYOUT_SENT" && (
               <div>
-                <TextSpanView type="p">{statusText}</TextSpanView>
+                <TextSpanView type="p">
+                  {statusText}{" "}
+                  <span class={sheet.classes.BoldText} part="sqm-cell-value">
+                    {/* TODO: Date payout will be sent */}
+                    {DateTime.fromMillis(0)
+                      .setLocale(luxonLocale(this.locale))
+                      .toLocaleString(DateTime.DATE_MED)}
+                  </span>
+                </TextSpanView>
+              </div>
+            )}
+            {state === "PAYOUT_FAILED" && (
+              <div>
+                <TextSpanView type="p">
+                  {statusText} {/* TODO: Date payout will be retried */}
+                  <span class={sheet.classes.BoldText} part="sqm-cell-value">
+                    {DateTime.fromMillis(0)
+                      .setLocale(luxonLocale(this.locale))
+                      .toLocaleString(DateTime.DATE_MED)}
+                  </span>
+                </TextSpanView>
               </div>
             )}
             {state === "PENDING_REVIEW" && reward.referral?.dateModerated && (
diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/ReferralTableColumn.tsx b/packages/mint-components/src/components/sqm-referral-table/columns/ReferralTableColumn.tsx
index 19e7e2902a..f36cbbece2 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/ReferralTableColumn.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/ReferralTableColumn.tsx
@@ -2,6 +2,9 @@ import { VNode } from "@stencil/core";
 
 export interface ReferralTableColumn {
   renderLabel(): Promise<string>;
-  renderCell(data: Referral, locale: string): Promise<VNode>;
+  renderCell(
+    data: Referral,
+    options: { locale: string; taxConnection?: ImpactConnection }
+  ): Promise<VNode>;
   renderReferrerCell?(data: Referrer): Promise<VNode>;
 }
diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-date-column.tsx b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-date-column.tsx
index cbf3ec43dc..c52819fba3 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-date-column.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-date-column.tsx
@@ -47,13 +47,13 @@ export class ReferralTableDateColumn implements ReferralTableColumn {
   disconnectedCallback() {}
 
   @Method()
-  async renderCell(data: Referral, locale: string) {
+  async renderCell(data: Referral, options: { locale: string }) {
     // TODO - Validate `dateShown` against a set of known values
 
     return (
       <sqm-referral-table-date-cell
         date={data[this.dateShown]}
-        locale={locale}
+        locale={options.locale}
       ></sqm-referral-table-date-cell>
     );
   }
diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
index f29286f935..1c7c471f67 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
@@ -26,7 +26,7 @@ export class ReferralTableRewardsColumn implements ReferralTableColumn {
    * @uiWidget textArea
    */
   @Prop() statusText: string =
-    "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
+    "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_SENT {Payout Sent} PAYOUT_FAILED {Payout Failed} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
 
   /**
    * Additional status text shown in the details drop down.
@@ -35,7 +35,7 @@ export class ReferralTableRewardsColumn implements ReferralTableColumn {
    * @uiWidget textArea
    */
   @Prop() statusLongText: string =
-    "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
+    "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_SENT {Payout process started on} PAYOUT_FAILED {This payout will be retried on} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
 
   /**
    * Shown in the dropdown details when a reward has an associated fuel tank code.
@@ -85,11 +85,15 @@ export class ReferralTableRewardsColumn implements ReferralTableColumn {
   disconnectedCallback() {}
 
   @Method()
-  async renderCell(data: Referral, locale: string) {
+  async renderCell(
+    data: Referral,
+    options: { locale: string; taxConnection: ImpactConnection }
+  ) {
     // TODO: Do the right thing with many rewards, pending rewards, canceled rewards
     return (
       <sqm-referral-table-rewards-cell
         rewards={data.rewards}
+        taxConnection={options.taxConnection}
         statusText={this.statusText}
         statusLongText={this.statusLongText}
         fuelTankText={this.fuelTankText}
@@ -98,7 +102,7 @@ export class ReferralTableRewardsColumn implements ReferralTableColumn {
         pendingForText={this.pendingForText}
         hideDetails={this.hideDetails}
         deniedHelpText={this.deniedHelpText}
-        locale={locale}
+        locale={options.locale}
         exportparts="sqm-cell-value"
       ></sqm-referral-table-rewards-cell>
     );
diff --git a/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx b/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx
index 27dc82a718..7202075032 100644
--- a/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx
@@ -217,6 +217,42 @@ const GET_REFERRAL_DATA = gql`
   }
 `;
 
+type GetImpactTax = {
+  viewer: {
+    id: string;
+    impactConnection: ImpactConnection;
+  };
+};
+const GET_IMPACT_TAX = gql`
+  query getImpactTax {
+    viewer {
+      ... on User {
+        id
+        impactConnection {
+          connected
+          taxHandlingEnabled
+          publisher {
+            requiredTaxDocumentType
+            currentTaxDocument {
+              status
+              type
+              dateCreated
+            }
+            withdrawalSettings {
+              paymentMethod
+            }
+            payoutsAccount {
+              hold
+              holdReasons
+              balance
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+
 export type ReferralDates =
   | "dateConverted"
   | "dateReferralStarted"
@@ -284,6 +320,14 @@ export function useReferralTable(
   const showReferrerRow =
     props.showReferrer && !!referrerData?.dateReferralStarted;
 
+  const { data: taxResponse, loading: taxLoading } = useQuery(
+    GET_IMPACT_TAX,
+    {},
+    !user?.jwt
+  );
+
+  const taxConnection = taxResponse?.viewer?.impactConnection;
+
   const {
     envelope: referralData,
     states,
@@ -346,7 +390,7 @@ export function useReferralTable(
     // get the column cells (renderCell is asynchronous)
     const cellsPromise = data?.map(async (r) => {
       const cellPromise = columnComponents?.map(async (c: any) =>
-        tryMethod(c, () => c.renderCell(r, locale, h))
+        tryMethod(c, () => c.renderCell(r, { locale, taxConnection }, h))
       );
       const cells = (await Promise.all(cellPromise)) as VNode[][];
       return cells;
@@ -374,7 +418,7 @@ export function useReferralTable(
 
   const show =
     // 1 - Loading if loading
-    states.loading || content.loading
+    states.loading || content.loading || taxLoading
       ? "loading"
       : // 2 - Empty if empty
       isEmpty
diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md b/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
index b291fbac5a..6bc1d5f063 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
@@ -7,23 +7,25 @@
 
 ## Properties
 
-| Property                 | Attribute                  | Description | Type     | Default                                                              |
-| ------------------------ | -------------------------- | ----------- | -------- | -------------------------------------------------------------------- |
-| `deniedText`             | `denied-text`              |             | `string` | `"Detected self-referral"`                                           |
-| `expiryText`             | `expiry-text`              |             | `string` | `"Expires"`                                                          |
-| `locale`                 | `locale`                   |             | `string` | `"en"`                                                               |
-| `payoutFailed`           | `payout-failed`            |             | `string` | `"This payout will be retried on {date}"`                            |
-| `payoutSent`             | `payout-sent`              |             | `string` | `"Payout process started on {date}. Expected payout on {date}."`     |
-| `pendingNewTaxForm`      | `pending-new-tax-form`     |             | `string` | `"Invalid tax form. Submit a new form to receive your rewards."`     |
-| `pendingPartnerCreation` | `pending-partner-creation` |             | `string` | `"Complete your tax and cash payout setup to receive your rewards."` |
-| `pendingReviewText`      | `pending-review-text`      |             | `string` | `"Awaiting review"`                                                  |
-| `pendingScheduled`       | `pending-scheduled`        |             | `string` | `"Until"`                                                            |
-| `pendingTaxReview`       | `pending-tax-review`       |             | `string` | `"Awaiting tax form review."`                                        |
-| `pendingTaxSubmission`   | `pending-tax-submission`   |             | `string` | `"Submit your tax documents to receive your rewards."`               |
-| `pendingUnhandled`       | `pending-unhandled`        |             | `string` | `"Fulfillment error"`                                                |
-| `pendingUsTax`           | `pending-us-tax`           |             | `string` | `"W-9 required"`                                                     |
-| `reward`                 | --                         |             | `Reward` | `undefined`                                                          |
-| `statusText`             | `status-text`              |             | `string` | `undefined`                                                          |
+| Property                 | Attribute                  | Description | Type               | Default                                                              |
+| ------------------------ | -------------------------- | ----------- | ------------------ | -------------------------------------------------------------------- |
+| `deniedText`             | `denied-text`              |             | `string`           | `"Detected self-referral"`                                           |
+| `expiryText`             | `expiry-text`              |             | `string`           | `"Expires"`                                                          |
+| `locale`                 | `locale`                   |             | `string`           | `"en"`                                                               |
+| `payoutFailed`           | `payout-failed`            |             | `string`           | `"This payout will be retried on {date}"`                            |
+| `payoutSent`             | `payout-sent`              |             | `string`           | `"Payout process started on {date}. Expected payout on {date}."`     |
+| `pendingNewTaxForm`      | `pending-new-tax-form`     |             | `string`           | `"Invalid tax form. Submit a new form to receive your rewards."`     |
+| `pendingPartnerCreation` | `pending-partner-creation` |             | `string`           | `"Complete your tax and cash payout setup to receive your rewards."` |
+| `pendingReviewText`      | `pending-review-text`      |             | `string`           | `"Awaiting review"`                                                  |
+| `pendingScheduled`       | `pending-scheduled`        |             | `string`           | `"Until"`                                                            |
+| `pendingTaxReview`       | `pending-tax-review`       |             | `string`           | `"Awaiting tax form review."`                                        |
+| `pendingTaxSubmission`   | `pending-tax-submission`   |             | `string`           | `"Submit your tax documents to receive your rewards."`               |
+| `pendingUnhandled`       | `pending-unhandled`        |             | `string`           | `"Fulfillment error"`                                                |
+| `pendingUsTax`           | `pending-us-tax`           |             | `string`           | `"W-9 required"`                                                     |
+| `publisherConnection`    | `publisher-connection`     |             | `any`              | `undefined`                                                          |
+| `reward`                 | --                         |             | `Reward`           | `undefined`                                                          |
+| `statusText`             | `status-text`              |             | `string`           | `undefined`                                                          |
+| `taxConnection`          | --                         |             | `ImpactConnection` | `undefined`                                                          |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
index 107ed0934b..4521a92371 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
@@ -37,6 +37,7 @@ const styleString = sheet.toString();
 export class RewardTableStatusCell {
   @Prop() statusText: string;
   @Prop() reward: Reward;
+  @Prop() taxConnection: ImpactConnection;
   @Prop() expiryText: string = "Expires";
   @Prop() locale: string = "en";
   @Prop() pendingUsTax: string = "W-9 required";
@@ -67,16 +68,6 @@ export class RewardTableStatusCell {
     if (reward.dateCancelled) return "CANCELLED";
     if (hasExpired) return "EXPIRED";
     if (isPending) return "PENDING";
-    if (reward.statuses?.includes("PENDING_TAX_REVIEW"))
-      return "PENDING_TAX_REVIEW";
-    if (reward.statuses?.includes("PENDING_NEW_TAX_FORM"))
-      return "PENDING_NEW_TAX_FORM";
-    if (reward.statuses?.includes("PENDING_TAX_SUBMISSION"))
-      return "PENDING_TAX_SUBMISSION";
-    if (reward.statuses?.includes("PENDING_PARTNER_CREATION"))
-      return "PENDING_PARTNER_CREATION";
-    if (reward.statuses?.includes("PAYOUT_SENT")) return "PAYOUT_SENT";
-    if (reward.statuses?.includes("PAYOUT_FAILED")) return "PAYOUT_FAILED";
 
     if (reward.type === "CREDIT") {
       return reward.statuses?.includes("REDEEMED") ? "REDEEMED" : "AVAILABLE";
@@ -104,7 +95,27 @@ export class RewardTableStatusCell {
     return "";
   }
 
-  getbadgeType(rewardStatus: string) {
+  getTaxPendingReason(taxConnection: ImpactConnection) {
+    if (!taxConnection.taxHandlingEnabled) return this.pendingUsTax;
+    if (!taxConnection.connected) return this.pendingPartnerCreation;
+    if (taxConnection.publisher?.requiredTaxDocumentType) {
+      if (!taxConnection.publisher.currentTaxDocument) {
+        this.pendingTaxSubmission;
+      }
+
+      const status = taxConnection.publisher.currentTaxDocument.status;
+      if (status === "INACTIVE") return this.pendingNewTaxForm;
+      if (status === "NOT_VERIFIED") return this.pendingTaxReview;
+    }
+    if (!taxConnection?.publisher?.withdrawalSettings)
+      return this.pendingPartnerCreation;
+
+    // TODO: Payout enums
+
+    return "";
+  }
+
+  getBadgeType(rewardStatus: string) {
     switch (rewardStatus) {
       case "AVAILABLE":
         return "success";
@@ -113,18 +124,16 @@ export class RewardTableStatusCell {
         return "primary";
       case "PENDING":
       case "PENDING_REVIEW":
-      case "PENDING_TAX_REVIEW":
-      case "PENDING_NEW_TAX_FORM":
-      case "PENDING_TAX_SUBMISSION":
-      case "PENDING_PARTNER_CREATION":
         return "warning";
       default:
         return "danger";
     }
   }
 
-  getPayoutStatusText(rewardStatus: string) {
-    switch (rewardStatus) {
+  getPayoutStatusText(taxStatus: string) {
+    switch (taxStatus) {
+      case "US_TAX":
+        return this.pendingUsTax;
       case "PAYOUT_SENT":
         return this.payoutSent;
       case "PAYOUT_FAILED":
@@ -151,7 +160,7 @@ export class RewardTableStatusCell {
       }
     );
 
-    const badgeType = this.getbadgeType(rewardStatus);
+    const badgeType = this.getBadgeType(rewardStatus);
 
     const dateShown =
       this.reward.dateCancelled ||
@@ -179,8 +188,6 @@ export class RewardTableStatusCell {
         ? this.deniedText
         : null;
 
-    const payoutStatusText = this.getPayoutStatusText(rewardStatus);
-
     return (
       <div style={{ display: "contents" }}>
         <style type="text/css">{styleString}</style>
@@ -196,14 +203,13 @@ export class RewardTableStatusCell {
           {statusText}
         </sl-badge>
         <p class={sheet.classes.Date}>
-          {pendingReasons || fraudStatusText || payoutStatusText || date}
+          {fraudStatusText || pendingReasons || date}
         </p>
       </div>
     );
 
     function getRewardPendingReasons(prop) {
       const pendingCodeMap: { [code: string]: string } = {
-        US_TAX: prop.pendingUsTax,
         SCHEDULED:
           prop.reward.dateScheduledFor &&
           prop.pendingScheduled +
@@ -213,10 +219,8 @@ export class RewardTableStatusCell {
               .toLocaleString(DateTime.DATE_MED),
         UNHANDLED_ERROR: prop.pendingUnhandled,
         SUSPECTED_FRAUD: prop.pendingReview,
-        PENDING_TAX_REVIEW: prop.pendingTaxReview,
-        PENDING_NEW_TAX_FORM: prop.pendingNewTaxForm,
-        PENDING_TAX_SUBMISSION: prop.pendingTaxSubmission,
-        PENDING_PARTNER_CREATION: prop.pendingPartnerCreation,
+        PAYOUT_CONFIGURATION_MISSING: prop.pendingPartnerCreation,
+        US_TAX: prop.getPendingTaxReason(prop.taxConnection),
       };
       return [prop.reward.pendingReasons]
         .map((s: string): string => pendingCodeMap[s] ?? s)
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/RewardTableColumn.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/RewardTableColumn.tsx
index 051d16b8e2..6372c80b21 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/RewardTableColumn.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/RewardTableColumn.tsx
@@ -2,5 +2,8 @@ import { VNode } from "@stencil/core";
 
 export interface RewardTableColumn {
   renderLabel(idx?: number): Promise<string>;
-  renderCell(data: Reward, locale: string): Promise<VNode>;
+  renderCell(
+    data: Reward,
+    options: { locale: string; taxConnection?: ImpactConnection }
+  ): Promise<VNode>;
 }
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md b/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
index eae36e62cd..8220750f1c 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
@@ -21,7 +21,7 @@
 
 ## Methods
 
-### `renderCell(data: Reward, locale: string) => Promise<any>`
+### `renderCell(data: Reward, options: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>`
 
 
 
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-date-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-date-column.tsx
index 9bf3aed13c..d53eebfd14 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-date-column.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-date-column.tsx
@@ -37,11 +37,11 @@ export class RewardTableDateColumn implements RewardTableColumn {
   disconnectedCallback() {}
 
   @Method()
-  async renderCell(data: Reward, locale: string) {
+  async renderCell(data: Reward, options: { locale: string }) {
     return (
       <sqm-rewards-table-date-cell
         date={data[this.dateShown]}
-        locale={locale}
+        locale={options.locale}
       ></sqm-rewards-table-date-cell>
     );
   }
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-note-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-note-column.tsx
index 14a05113f3..7b3f80b668 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-note-column.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-note-column.tsx
@@ -25,12 +25,12 @@ export class RewardTableCustomerNoteColumn implements RewardTableColumn {
   disconnectedCallback() {}
 
   @Method()
-  async renderCell(data: Reward, locale: string) {
+  async renderCell(data: Reward, options: { locale: string }) {
     const reward = data;
     return (
       <sqm-rewards-table-customer-note-cell
         note={reward?.meta?.message}
-        locale={locale}
+        locale={options.locale}
       ></sqm-rewards-table-customer-note-cell>
     );
   }
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.tsx
index c30ec2e327..a928180eab 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.tsx
@@ -39,14 +39,17 @@ export class RewardsTableColumn implements RewardTableColumn {
   disconnectedCallback() {}
 
   @Method()
-  async renderCell(data: Reward, locale: string) {
+  async renderCell(
+    data: Reward,
+    options: { locale: string; taxConnection: ImpactConnection }
+  ) {
     return (
       <sqm-rewards-table-reward-cell
         reward={data}
         redeemedText={this.redeemedText}
         availableText={this.availableText}
         copyText={this.copyText}
-        locale={locale}
+        locale={options.locale}
         exportparts="sqm-rewards-cell-value, sqm-rewards-cell-progress-bar, sqm-rewards-cell-subtext"
       ></sqm-rewards-table-reward-cell>
     );
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.tsx
index d7c3f440ea..efe41b1e58 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.tsx
@@ -61,7 +61,7 @@ export class RewardTableUserColumn implements RewardTableColumn {
   disconnectedCallback() {}
 
   @Method()
-  async renderCell(data: Reward, locale) {
+  async renderCell(data: Reward, options: { locale: string }) {
     return (
       <sqm-rewards-table-source-cell
         reward={data}
@@ -70,7 +70,7 @@ export class RewardTableUserColumn implements RewardTableColumn {
         rewardExchangeText={this.rewardExchangeText}
         referralText={this.referralText}
         rewardSourceText={this.rewardSourceText}
-        locale={locale}
+        locale={options.locale}
       ></sqm-rewards-table-source-cell>
     );
   }
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx
index 6b2f97ab30..38a39f242a 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx
@@ -74,18 +74,22 @@ export class RewardTableStatusColumn implements RewardTableColumn {
   disconnectedCallback() {}
 
   @Method()
-  async renderCell(data: Reward, locale: string) {
+  async renderCell(
+    data: Reward,
+    options: { locale: string; taxConnection: ImpactConnection }
+  ) {
     return (
       <sqm-rewards-table-status-cell
         statusText={this.statusText}
         reward={data}
+        taxConnection={options.taxConnection}
         expiryText={this.expiryText}
         pendingScheduled={this.pendingScheduled}
         pendingUsTax={this.pendingUsTax}
         pendingUnhandled={this.pendingUnhandled}
         pendingReviewText={this.pendingReviewText}
         deniedText={this.deniedText}
-        locale={locale}
+        locale={options.locale}
       ></sqm-rewards-table-status-cell>
     );
   }
diff --git a/packages/mint-components/src/components/sqm-rewards-table/sqm-rewards-table.tsx b/packages/mint-components/src/components/sqm-rewards-table/sqm-rewards-table.tsx
index dc361ecd4d..890d436335 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/sqm-rewards-table.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/sqm-rewards-table.tsx
@@ -198,7 +198,7 @@ function useRewardsTableDemo(
     //@ts-ignore
     const cellsPromise = componentData?.map(async (r: Reward) => {
       const cellPromise = columnComponents?.map(async (c: any) =>
-        tryMethod(c, () => c.renderCell(r, undefined))
+        tryMethod(c, () => c.renderCell(r, undefined, {}))
       );
       const cells = (await Promise.all(cellPromise)) as VNode[];
       return cells;
diff --git a/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx b/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx
index 91b5039765..ab50c3921a 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx
@@ -2,6 +2,7 @@ import {
   useLocale,
   usePaginatedQuery,
   useProgramId,
+  useQuery,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useEffect, useReducer } from "@saasquatch/universal-hooks";
@@ -110,6 +111,7 @@ const GET_REWARDS = gql`
                 manualModerationStatus
               }
             }
+
             rewardRedemptionTransactions {
               data {
                 exchangedRewards {
@@ -129,6 +131,42 @@ const GET_REWARDS = gql`
   }
 `;
 
+type GetImpactTax = {
+  viewer: {
+    id: string;
+    impactConnection: ImpactConnection;
+  };
+};
+const GET_IMPACT_TAX = gql`
+  query getImpactTax {
+    viewer {
+      ... on User {
+        id
+        impactConnection {
+          connected
+          taxHandlingEnabled
+          publisher {
+            requiredTaxDocumentType
+            currentTaxDocument {
+              status
+              type
+              dateCreated
+            }
+            withdrawalSettings {
+              paymentMethod
+            }
+            payoutsAccount {
+              hold
+              holdReasons
+              balance
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+
 export function useRewardsTable(
   props: RewardsTable,
   emptyElement: VNode,
@@ -167,6 +205,12 @@ export function useRewardsTable(
     }
   );
 
+  const { data: impactTaxData, loading: taxLoading } = useQuery<GetImpactTax>(
+    GET_IMPACT_TAX,
+    {},
+    !user?.jwt
+  );
+
   const {
     envelope: rewardsData,
     states,
@@ -189,6 +233,7 @@ export function useRewardsTable(
   const components = useChildElements<Element>();
 
   const data = rewardsData?.data;
+  const taxConnection = impactTaxData?.viewer?.impactConnection;
 
   async function getComponentData(components: Element[]) {
     // filter out loading and empty states from columns array
@@ -203,7 +248,7 @@ export function useRewardsTable(
     // get the column cells (renderCell is asynchronous)
     const cellsPromise = data?.map(async (r: Reward) => {
       const cellPromise = columnComponents?.map(async (c: any) =>
-        tryMethod(c, () => c.renderCell(r, locale, h))
+        tryMethod(c, () => c.renderCell(r, { locale, taxConnection }, h))
       );
       const cells = (await Promise.all(cellPromise)) as VNode[];
       return cells;
@@ -228,7 +273,7 @@ export function useRewardsTable(
 
   const show =
     // 1 - Loading if loading
-    states.loading || content.loading
+    states.loading || content.loading || taxLoading
       ? "loading"
       : // 2 - Empty if empty
       isEmpty
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 6cd7ec0e8b..81a835c1f5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -10,6 +10,7 @@
 | Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                                                                  |
 | -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
 | `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                                                                                 |
+| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`                                            |
 | `demoData`                       | --                                    |                                                                                                    | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors: {}; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { provinceCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: number; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                              |
 | `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Step 2 of 4"`                                                                                                                                                                                                          |
 | `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                            |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index ec5be58755..ce119d3150 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -5,123 +5,124 @@
 
 ## Properties
 
-| Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                     |
-| ----------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                 |
-| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                    |
-| `step1_allowBankingCollectionError`             | `step-1_allow-banking-collection-error`              | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
-| `step1_businessEntity`                          | `step-1_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                           |
-| `step1_country`                                 | `step-1_country`                                     | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                 |
-| `step1_countryError`                            | `step-1_country-error`                               | Error text shown at the bottom of the country input                                                        | `string`                                                                                                             | `"Select a country"`                                                                                                                                                        |
-| `step1_currency`                                | `step-1_currency`                                    | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                |
-| `step1_currencyError`                           | `step-1_currency-error`                              | Error text shown at the bottom of the currency input                                                       | `string`                                                                                                             | `"Select a currency"`                                                                                                                                                       |
-| `step1_email`                                   | `step-1_email`                                       | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                   |
-| `step1_emailError`                              | `step-1_email-error`                                 | Error text shown at the bottom of the email input                                                          | `string`                                                                                                             | `"Enter a valid email"`                                                                                                                                                     |
-| `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                              |
-| `step1_firstNameError`                          | `step-1_first-name-error`                            | Error text shown at the bottom of the first name input                                                     | `string`                                                                                                             | `"Enter a first name"`                                                                                                                                                      |
-| `step1_formStep`                                | `step-1_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                             |
-| `step1_generalErrorDescription`                 | `step-1_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step1_generalErrorTitle`                       | `step-1_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step1_individualParticipant`                   | `step-1_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
-| `step1_isPartnerAlertDescription`               | `step-1_is-partner-alert-description`                | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
-| `step1_isPartnerAlertHeader`                    | `step-1_is-partner-alert-header`                     | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `step1_lastName`                                | `step-1_last-name`                                   | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                               |
-| `step1_lastNameError`                           | `step-1_last-name-error`                             | Error text shown at the bottom of the last name input                                                      | `string`                                                                                                             | `"Enter a last name"`                                                                                                                                                       |
-| `step1_participantType`                         | `step-1_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
-| `step1_participantTypeError`                    | `step-1_participant-type-error`                      | Error text shown at the bottom of the participant type checkbox                                            | `string`                                                                                                             | `"Select a participant type"`                                                                                                                                               |
-| `step1_personalInformation`                     | `step-1_personal-information`                        | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                    |
-| `step1_submitButton`                            | `step-1_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step1_taxAndBankingCollection`                 | `step-1_tax-and-banking-collection`                  | Heading text for the tax and banking collection checkbox                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step2_backButton`                              | `step-2_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step2_formStep`                                | `step-2_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                             |
-| `step2_generalErrorDescription`                 | `step-2_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step2_generalErrorTitle`                       | `step-2_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
-| `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                          |
-| `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                    |
-| `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                             |
-| `step2_indirectTaxNumber`                       | `step-2_indirect-tax-number`                         | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                     |
-| `step2_indirectTaxNumberError`                  | `step-2_indirect-tax-number-error`                   | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                         |
-| `step2_isPartnerAlertDescription`               | `step-2_is-partner-alert-description`                | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."` |
-| `step2_isPartnerAlertHeader`                    | `step-2_is-partner-alert-header`                     | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                             |
-| `step2_isRegisteredSubRegionIncomeTax`          | `step-2_is-registered-sub-region-income-tax`         | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                              |
-| `step2_notRegistered`                           | `step-2_not-registered`                              | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"I am not registered for Indirect Tax"`                                                                                                                                    |
-| `step2_otherRegion`                             | `step-2_other-region`                                | Label text for the other region radio button                                                               | `string`                                                                                                             | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                        |
-| `step2_province`                                | `step-2_province`                                    | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                |
-| `step2_provinceError`                           | `step-2_province-error`                              | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Province is required"`                                                                                                                                                    |
-| `step2_qstNumber`                               | `step-2_qst-number`                                  | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST Number"`                                                                                                                                                              |
-| `step2_qstTaxNumberError`                       | `step-2_qst-tax-number-error`                        | Error text shown below the QST Tax number input                                                            | `string`                                                                                                             | `"QST Tax Number is required"`                                                                                                                                              |
-| `step2_selectedRegion`                          | `step-2_selected-region`                             | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                        |
-| `step2_selectedRegionError`                     | `step-2_selected-region-error`                       | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Country is required"`                                                                                                                                                     |
-| `step2_subRegion`                               | `step-2_sub-region`                                  | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                              |
-| `step2_subRegionTaxNumberError`                 | `step-2_sub-region-tax-number-error`                 | Error text shown below the Sub-region Income Tax number input                                              | `string`                                                                                                             | `"Income Tax Number is required"`                                                                                                                                           |
-| `step2_subRegionTaxNumberLabel`                 | `step-2_sub-region-tax-number-label`                 | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                       |
-| `step2_submitButton`                            | `step-2_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step2_taxDetailsError`                         | `step-2_tax-details-error`                           | Error text shown below the tax details radio buttons                                                       | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
-| `step3_backButton`                              | `step-3_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step3_banner`                                  | `step-3_banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                       |
-| `step3_businessEntity`                          | `step-3_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a company"`                                                                                                                                                   |
-| `step3_checkboxDescription`                     | `step-3_checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                              |
-| `step3_checkboxLabel`                           | `step-3_checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                         |
-| `step3_docusignCompleted`                       | `step-3_docusign-completed`                          | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                         |
-| `step3_docusignError`                           | `step-3_docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                          |
-| `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`          |
-| `step3_formStep`                                | `step-3_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
-| `step3_formSubmissionError`                     | `step-3_form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                  |
-| `step3_generalErrorDescription`                 | `step-3_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step3_generalErrorTitle`                       | `step-3_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step3_individualParticipant`                   | `step-3_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                          |
-| `step3_participantType`                         | `step-3_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                        |
-| `step3_refreshButton`                           | `step-3_refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                            |
-| `step3_submitButton`                            | `step-3_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step3_taxForm`                                 | `step-3_tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
-| `step3_taxFormDescription`                      | `step-3_tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                  |
-| `step3_taxFormDescriptionBusinessEntity`        | `step-3_tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                             | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                           |
-| `step3_taxFormDescriptionIndividualParticipant` | `step-3_tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                             | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                                      |
-| `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
-| `step3b_backButton`                             | `step-3b_back-button`                                | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                    |
-| `step3b_formLabel`                              | `step-3b_form-label`                                 | Sub text shown above form selection radio buttons                                                          | `string`                                                                                                             | `"Select a tax form"`                                                                                                                                                       |
-| `step3b_formStep`                               | `step-3b_form-step`                                  | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                             |
-| `step3b_generalErrorDescription`                | `step-3b_general-error-description`                  | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step3b_generalErrorTitle`                      | `step-3b_general-error-title`                        | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step3b_submitButton`                           | `step-3b_submit-button`                              | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                |
-| `step3b_taxForm`                                | `step-3b_tax-form`                                   | Heading text shown at the top of the top of page                                                           | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                |
-| `step3b_w8Description`                          | `step-3b_w-8-description`                            | Subtext for the W8 radio button                                                                            | `string`                                                                                                             | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                                                  |
-| `step3b_w8EDescription`                         | `step-3b_w-8-e-description`                          | Subtext for the W8E radio button                                                                           | `string`                                                                                                             | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."`                               |
-| `step3b_w8ELabel`                               | `step-3b_w-8-e-label`                                | Label text for the W8E radio button                                                                        | `string`                                                                                                             | `"W8-BEN-E"`                                                                                                                                                                |
-| `step3b_w8Label`                                | `step-3b_w-8-label`                                  | Label text for the W8 radio button                                                                         | `string`                                                                                                             | `"W8-Ben"`                                                                                                                                                                  |
-| `step3b_w9Description`                          | `step-3b_w-9-description`                            | Subtext for the W9 radio button                                                                            | `string`                                                                                                             | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                                                |
-| `step3b_w9Label`                                | `step-3b_w-9-label`                                  | Label text for the W9 radio button                                                                         | `string`                                                                                                             | `"W9"`                                                                                                                                                                      |
-| `step4_badgeTextAwaitingReview`                 | `step-4_badge-text-awaiting-review`                  | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                          |
-| `step4_badgeTextSubmittedOn`                    | `step-4_badge-text-submitted-on`                     | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                            |
-| `step4_badgeTextSubmittedOnW8`                  | `step-4_badge-text-submitted-on-w-8`                 | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                   |
-| `step4_bankingInformationSectionHeader`         | `step-4_banking-information-section-header`          | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                     |
-| `step4_editPaymentInformationButton`            | `step-4_edit-payment-information-button`             | Text displayed in the edit Payment Information button                                                      | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                 |
-| `step4_generalErrorDescription`                 | `step-4_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `step4_generalErrorTitle`                       | `step-4_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                         |
-| `step4_indirectTaxDetails`                      | `step-4_indirect-tax-details`                        | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                           |
-| `step4_indirectTaxInfoCanada`                   | `step-4_indirect-tax-info-canada`                    | Country/Province description text of indirect tax                                                          | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                     |
-| `step4_indirectTaxInfoOtherCountry`             | `step-4_indirect-tax-info-other-country`             | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                 |
-| `step4_indirectTaxInfoSectionHeader`            | `step-4_indirect-tax-info-section-header`            | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                            |
-| `step4_indirectTaxInfoSpain`                    | `step-4_indirect-tax-info-spain`                     | Spain/Region description text of indirect tax                                                              | `string`                                                                                                             | `"Registered in {country}, {subRegion}"`                                                                                                                                    |
-| `step4_indirectTaxTooltipSupport`               | `step-4_indirect-tax-tooltip-support`                | Indirect tax tooltip text for support                                                                      | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                               |
-| `step4_invalidForm`                             | `step-4_invalid-form`                                | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Ensure your information matches your profile and resubmit a new document."`                                                                                               |
-| `step4_newFormButton`                           | `step-4_new-form-button`                             | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                         |
-| `step4_noFormNeededSubtext`                     | `step-4_no-form-needed-subtext`                      | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                           |
-| `step4_notRegisteredForTax`                     | `step-4_not-registered-for-tax`                      | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                |
-| `step4_qstNumber`                               | `step-4_qst-number`                                  | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST Number: {qstNumber}"`                                                                                                                                                 |
-| `step4_statusTextActive`                        | `step-4_status-text-active`                          | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                  |
-| `step4_statusTextNotActive`                     | `step-4_status-text-not-active`                      | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                        |
-| `step4_statusTextNotVerified`                   | `step-4_status-text-not-verified`                    | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                            |
-| `step4_subRegionTaxNumber`                      | `step-4_sub-region-tax-number`                       | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income Tax Number: {incomeTaxNumber}"`                                                                                                                                    |
-| `step4_taxAlertHeaderNotActiveW8`               | `step-4_tax-alert-header-not-active-w-8`             | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                      |
-| `step4_taxAlertHeaderNotActiveW9`               | `step-4_tax-alert-header-not-active-w-9`             | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                               |
-| `step4_taxAlertNotActiveMessageW8`              | `step-4_tax-alert-not-active-message-w-8`            | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                                            |
-| `step4_taxAlertNotActiveMessageW9`              | `step-4_tax-alert-not-active-message-w-9`            | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                              |
-| `step4_taxDocumentSectionHeader`                | `step-4_tax-document-section-header`                 | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                           |
-| `step4_taxDocumentSectionSubHeader`             | `step-4_tax-document-section-sub-header`             | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                 |
-| `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                    |
+| Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                       |
+| ----------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                   |
+| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                      |
+| `step1_allowBankingCollectionError`             | `step-1_allow-banking-collection-error`              | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                    |
+| `step1_businessEntity`                          | `step-1_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                             |
+| `step1_country`                                 | `step-1_country`                                     | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                   |
+| `step1_countryError`                            | `step-1_country-error`                               | Error text shown at the bottom of the country input                                                        | `string`                                                                                                             | `"Select a country"`                                                                                                                                                          |
+| `step1_currency`                                | `step-1_currency`                                    | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                  |
+| `step1_currencyError`                           | `step-1_currency-error`                              | Error text shown at the bottom of the currency input                                                       | `string`                                                                                                             | `"Select a currency"`                                                                                                                                                         |
+| `step1_email`                                   | `step-1_email`                                       | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                     |
+| `step1_emailError`                              | `step-1_email-error`                                 | Error text shown at the bottom of the email input                                                          | `string`                                                                                                             | `"Enter a valid email"`                                                                                                                                                       |
+| `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                                |
+| `step1_firstNameError`                          | `step-1_first-name-error`                            | Error text shown at the bottom of the first name input                                                     | `string`                                                                                                             | `"Enter a first name"`                                                                                                                                                        |
+| `step1_formStep`                                | `step-1_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                               |
+| `step1_generalErrorDescription`                 | `step-1_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
+| `step1_generalErrorTitle`                       | `step-1_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
+| `step1_individualParticipant`                   | `step-1_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                            |
+| `step1_isPartnerAlertDescription`               | `step-1_is-partner-alert-description`                | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`   |
+| `step1_isPartnerAlertHeader`                    | `step-1_is-partner-alert-header`                     | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                  |
+| `step1_lastName`                                | `step-1_last-name`                                   | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                                 |
+| `step1_lastNameError`                           | `step-1_last-name-error`                             | Error text shown at the bottom of the last name input                                                      | `string`                                                                                                             | `"Enter a last name"`                                                                                                                                                         |
+| `step1_participantType`                         | `step-1_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                          |
+| `step1_participantTypeError`                    | `step-1_participant-type-error`                      | Error text shown at the bottom of the participant type checkbox                                            | `string`                                                                                                             | `"Select a participant type"`                                                                                                                                                 |
+| `step1_personalInformation`                     | `step-1_personal-information`                        | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                      |
+| `step1_submitButton`                            | `step-1_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
+| `step1_taxAndBankingCollection`                 | `step-1_tax-and-banking-collection`                  | Heading text for the tax and banking collection checkbox                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
+| `step2_backButton`                              | `step-2_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                      |
+| `step2_cannotChangeInfoAlert`                   | `step-2_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."` |
+| `step2_formStep`                                | `step-2_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                               |
+| `step2_generalErrorDescription`                 | `step-2_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
+| `step2_generalErrorTitle`                       | `step-2_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
+| `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                              |
+| `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                            |
+| `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                      |
+| `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                               |
+| `step2_indirectTaxNumber`                       | `step-2_indirect-tax-number`                         | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                       |
+| `step2_indirectTaxNumberError`                  | `step-2_indirect-tax-number-error`                   | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                           |
+| `step2_isPartnerAlertDescription`               | `step-2_is-partner-alert-description`                | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`   |
+| `step2_isPartnerAlertHeader`                    | `step-2_is-partner-alert-header`                     | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                  |
+| `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                               |
+| `step2_isRegisteredSubRegionIncomeTax`          | `step-2_is-registered-sub-region-income-tax`         | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                |
+| `step2_notRegistered`                           | `step-2_not-registered`                              | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"I am not registered for Indirect Tax"`                                                                                                                                      |
+| `step2_otherRegion`                             | `step-2_other-region`                                | Label text for the other region radio button                                                               | `string`                                                                                                             | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                          |
+| `step2_province`                                | `step-2_province`                                    | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                  |
+| `step2_provinceError`                           | `step-2_province-error`                              | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Province is required"`                                                                                                                                                      |
+| `step2_qstNumber`                               | `step-2_qst-number`                                  | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST Number"`                                                                                                                                                                |
+| `step2_qstTaxNumberError`                       | `step-2_qst-tax-number-error`                        | Error text shown below the QST Tax number input                                                            | `string`                                                                                                             | `"QST Tax Number is required"`                                                                                                                                                |
+| `step2_selectedRegion`                          | `step-2_selected-region`                             | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                          |
+| `step2_selectedRegionError`                     | `step-2_selected-region-error`                       | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Country is required"`                                                                                                                                                       |
+| `step2_subRegion`                               | `step-2_sub-region`                                  | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                                |
+| `step2_subRegionTaxNumberError`                 | `step-2_sub-region-tax-number-error`                 | Error text shown below the Sub-region Income Tax number input                                              | `string`                                                                                                             | `"Income Tax Number is required"`                                                                                                                                             |
+| `step2_subRegionTaxNumberLabel`                 | `step-2_sub-region-tax-number-label`                 | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                         |
+| `step2_submitButton`                            | `step-2_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
+| `step2_taxDetailsError`                         | `step-2_tax-details-error`                           | Error text shown below the tax details radio buttons                                                       | `string`                                                                                                             | `"This field is required"`                                                                                                                                                    |
+| `step3_backButton`                              | `step-3_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                      |
+| `step3_banner`                                  | `step-3_banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                         |
+| `step3_businessEntity`                          | `step-3_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a company"`                                                                                                                                                     |
+| `step3_checkboxDescription`                     | `step-3_checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                                |
+| `step3_checkboxLabel`                           | `step-3_checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                           |
+| `step3_docusignCompleted`                       | `step-3_docusign-completed`                          | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                           |
+| `step3_docusignError`                           | `step-3_docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                            |
+| `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`            |
+| `step3_formStep`                                | `step-3_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                               |
+| `step3_formSubmissionError`                     | `step-3_form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                    |
+| `step3_generalErrorDescription`                 | `step-3_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
+| `step3_generalErrorTitle`                       | `step-3_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
+| `step3_individualParticipant`                   | `step-3_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                            |
+| `step3_participantType`                         | `step-3_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                          |
+| `step3_refreshButton`                           | `step-3_refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                              |
+| `step3_submitButton`                            | `step-3_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
+| `step3_taxForm`                                 | `step-3_tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                  |
+| `step3_taxFormDescription`                      | `step-3_tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                    |
+| `step3_taxFormDescriptionBusinessEntity`        | `step-3_tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                             | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                             |
+| `step3_taxFormDescriptionIndividualParticipant` | `step-3_tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                             | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                                        |
+| `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                   |
+| `step3b_backButton`                             | `step-3b_back-button`                                | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                      |
+| `step3b_formLabel`                              | `step-3b_form-label`                                 | Sub text shown above form selection radio buttons                                                          | `string`                                                                                                             | `"Select a tax form"`                                                                                                                                                         |
+| `step3b_formStep`                               | `step-3b_form-step`                                  | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                               |
+| `step3b_generalErrorDescription`                | `step-3b_general-error-description`                  | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
+| `step3b_generalErrorTitle`                      | `step-3b_general-error-title`                        | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
+| `step3b_submitButton`                           | `step-3b_submit-button`                              | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
+| `step3b_taxForm`                                | `step-3b_tax-form`                                   | Heading text shown at the top of the top of page                                                           | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                  |
+| `step3b_w8Description`                          | `step-3b_w-8-description`                            | Subtext for the W8 radio button                                                                            | `string`                                                                                                             | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                                                    |
+| `step3b_w8EDescription`                         | `step-3b_w-8-e-description`                          | Subtext for the W8E radio button                                                                           | `string`                                                                                                             | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."`                                 |
+| `step3b_w8ELabel`                               | `step-3b_w-8-e-label`                                | Label text for the W8E radio button                                                                        | `string`                                                                                                             | `"W8-BEN-E"`                                                                                                                                                                  |
+| `step3b_w8Label`                                | `step-3b_w-8-label`                                  | Label text for the W8 radio button                                                                         | `string`                                                                                                             | `"W8-Ben"`                                                                                                                                                                    |
+| `step3b_w9Description`                          | `step-3b_w-9-description`                            | Subtext for the W9 radio button                                                                            | `string`                                                                                                             | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                                                  |
+| `step3b_w9Label`                                | `step-3b_w-9-label`                                  | Label text for the W9 radio button                                                                         | `string`                                                                                                             | `"W9"`                                                                                                                                                                        |
+| `step4_badgeTextAwaitingReview`                 | `step-4_badge-text-awaiting-review`                  | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                            |
+| `step4_badgeTextSubmittedOn`                    | `step-4_badge-text-submitted-on`                     | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                              |
+| `step4_badgeTextSubmittedOnW8`                  | `step-4_badge-text-submitted-on-w-8`                 | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                     |
+| `step4_bankingInformationSectionHeader`         | `step-4_banking-information-section-header`          | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                       |
+| `step4_editPaymentInformationButton`            | `step-4_edit-payment-information-button`             | Text displayed in the edit Payment Information button                                                      | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                   |
+| `step4_generalErrorDescription`                 | `step-4_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
+| `step4_generalErrorTitle`                       | `step-4_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
+| `step4_indirectTaxDetails`                      | `step-4_indirect-tax-details`                        | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                             |
+| `step4_indirectTaxInfoCanada`                   | `step-4_indirect-tax-info-canada`                    | Country/Province description text of indirect tax                                                          | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                       |
+| `step4_indirectTaxInfoOtherCountry`             | `step-4_indirect-tax-info-other-country`             | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                   |
+| `step4_indirectTaxInfoSectionHeader`            | `step-4_indirect-tax-info-section-header`            | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                              |
+| `step4_indirectTaxInfoSpain`                    | `step-4_indirect-tax-info-spain`                     | Spain/Region description text of indirect tax                                                              | `string`                                                                                                             | `"Registered in {country}, {subRegion}"`                                                                                                                                      |
+| `step4_indirectTaxTooltipSupport`               | `step-4_indirect-tax-tooltip-support`                | Indirect tax tooltip text for support                                                                      | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                                 |
+| `step4_invalidForm`                             | `step-4_invalid-form`                                | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Ensure your information matches your profile and resubmit a new document."`                                                                                                 |
+| `step4_newFormButton`                           | `step-4_new-form-button`                             | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                           |
+| `step4_noFormNeededSubtext`                     | `step-4_no-form-needed-subtext`                      | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                             |
+| `step4_notRegisteredForTax`                     | `step-4_not-registered-for-tax`                      | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                  |
+| `step4_qstNumber`                               | `step-4_qst-number`                                  | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST Number: {qstNumber}"`                                                                                                                                                   |
+| `step4_statusTextActive`                        | `step-4_status-text-active`                          | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                    |
+| `step4_statusTextNotActive`                     | `step-4_status-text-not-active`                      | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                          |
+| `step4_statusTextNotVerified`                   | `step-4_status-text-not-verified`                    | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                              |
+| `step4_subRegionTaxNumber`                      | `step-4_sub-region-tax-number`                       | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income Tax Number: {incomeTaxNumber}"`                                                                                                                                      |
+| `step4_taxAlertHeaderNotActiveW8`               | `step-4_tax-alert-header-not-active-w-8`             | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                        |
+| `step4_taxAlertHeaderNotActiveW9`               | `step-4_tax-alert-header-not-active-w-9`             | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                 |
+| `step4_taxAlertNotActiveMessageW8`              | `step-4_tax-alert-not-active-message-w-8`            | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                                              |
+| `step4_taxAlertNotActiveMessageW9`              | `step-4_tax-alert-not-active-message-w-9`            | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                                |
+| `step4_taxDocumentSectionHeader`                | `step-4_tax-document-section-header`                 | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                             |
+| `step4_taxDocumentSectionSubHeader`             | `step-4_tax-document-section-sub-header`             | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                   |
+| `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                      |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 94c49d9e44..2557b9f982 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -34,8 +34,6 @@ import {
 } from "./data";
 
 function getCurrentStep(user: UserQuery["user"]) {
-  // TODO: include banking form step as a case
-
   if (!user.impactConnection?.publisher || !user.impactConnection?.connected) {
     return "/1";
   }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
index 4121bdbce2..561b9297a0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-document-submitted/readme.md
@@ -28,6 +28,7 @@
 | `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Submit New Form"`                                                                                                                                          |
 | `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
 | `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
+| `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Payouts will be sent from our referral program provider, impact.com"`                                                                                      |
 | `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"QST Number: {qstNumber}"`                                                                                                                                  |
 | `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Active"`                                                                                                                                                   |
 | `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Invalid Tax Form"`                                                                                                                                         |
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 63afe7dd45..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-portal-container>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container> -->
+    </sqm-portal-container>
   </body>
 </html>
diff --git a/packages/mint-components/src/saasquatch.d.ts b/packages/mint-components/src/saasquatch.d.ts
index 4685087fbb..e32a6e6a71 100644
--- a/packages/mint-components/src/saasquatch.d.ts
+++ b/packages/mint-components/src/saasquatch.d.ts
@@ -40,6 +40,27 @@ interface Referrer {
   rewards: Reward[];
 }
 
+interface ImpactConnection {
+  connected: boolean;
+  taxHandlingEnabled: boolean;
+  publisher: null | {
+    requiredTaxDocumentType: null | "W9" | "W8BEN" | "W8BENE";
+    currentTaxDocument: null | {
+      status: "NOT_VERIFIED" | "ACTIVE" | "INACTIVE";
+      type: "W9" | "W8BEN" | "W8BENE";
+      dateCreated: number;
+    };
+    withdrawalSettings: null | {
+      paymentMethod: "PAYPAL" | "BANK_TRANSFER";
+    };
+    payoutsAccount: null | {
+      hold: boolean;
+      holdReasons: string[];
+      balance: string;
+    };
+  };
+}
+
 type FraudStatus = "PENDING" | "DENIED" | "APPROVED";
 
 interface Reward {

From 9063c46a52efae053a3e3f15ef36e70dd91249d2 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 1 Mar 2024 09:50:36 -0800
Subject: [PATCH 378/753] Updated IndirectTaxForm views + specs

---
 packages/mint-components/src/components.d.ts  | 44 +++++++++++++++++++
 .../sqm-indirect-tax-form-view.tsx            | 11 +++--
 .../sqm-indirect-tax-form.feature             | 18 ++++----
 .../sqm-indirect-tax-form.tsx                 | 21 +++++++--
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 14 ++++++
 .../tax-and-cash/sqm-tax-form.feature         | 36 +++++++--------
 6 files changed, 107 insertions(+), 37 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 86aea33f3e..cf1c783e1e 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1094,11 +1094,21 @@ export namespace Components {
           * @uiName Not registered for indirect tax option text
          */
         "notRegistered": string;
+        /**
+          * Subtext for the option indicating not being registered for indirect tax
+          * @uiName Not registered for indirect tax option sub-text
+         */
+        "notRegisteredSubtext": string;
         /**
           * Text for the option indicating registration for indirect tax in a different region
           * @uiName Registered for indirect tax in a different region option text
          */
         "otherRegion": string;
+        /**
+          * 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
+         */
+        "otherRegionSubtext": string;
         /**
           * Label text for the province input
           * @uiName Province input label
@@ -3821,6 +3831,18 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * Subtext for the option indicating not being registered for indirect tax
+          * @uiName Not registered for indirect tax option sub-text
+          * @uiGroup Step 2 Properties
+         */
+        "notRegisteredSubtext": string;
+        /**
+          * 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
+          * @uiGroup Step 2 Properties
+         */
+        "otherRegionSubtext": string;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -6644,11 +6666,21 @@ declare namespace LocalJSX {
           * @uiName Not registered for indirect tax option text
          */
         "notRegistered"?: string;
+        /**
+          * Subtext for the option indicating not being registered for indirect tax
+          * @uiName Not registered for indirect tax option sub-text
+         */
+        "notRegisteredSubtext"?: string;
         /**
           * Text for the option indicating registration for indirect tax in a different region
           * @uiName Registered for indirect tax in a different region option text
          */
         "otherRegion"?: string;
+        /**
+          * 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
+         */
+        "otherRegionSubtext"?: string;
         /**
           * Label text for the province input
           * @uiName Province input label
@@ -9347,6 +9379,18 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * Subtext for the option indicating not being registered for indirect tax
+          * @uiName Not registered for indirect tax option sub-text
+          * @uiGroup Step 2 Properties
+         */
+        "notRegisteredSubtext"?: string;
+        /**
+          * 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
+          * @uiGroup Step 2 Properties
+         */
+        "otherRegionSubtext"?: string;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 26da78e6aa..af615af04a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -32,7 +32,9 @@ export interface IndirectTaxFormViewProps {
     isPartnerAlertHeader: string;
     isPartnerAlertDescription: string;
     otherRegion: string;
+    otherRegionSubtext: string;
     notRegistered: string;
+    notRegisteredSubtext: string;
     cannotChangeInfoAlert: string;
     submitButton: string;
     backButton: string;
@@ -67,7 +69,7 @@ const style = {
   InnerRadioContainer: {
     display: "flex",
     flexDirection: "column",
-    gap: "var(--sl-spacing-x-small)",
+    gap: "var(--sl-spacing-medium)",
   },
   RadioContent: {
     display: "flex",
@@ -246,8 +248,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
                 <div class={classes.RadioContent}>
                   {text.notRegistered}
                   <p class={classes.DescriptionText}>
-                    If you’re joining this referral program as an individual or
-                    you’re based in the US, then you’re not registered.
+                    {text.notRegisteredSubtext}
                   </p>
                 </div>
               </sl-radio>
@@ -263,9 +264,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
                 <div class={classes.RadioContent}>
                   {text.otherRegion}
                   <p class={classes.DescriptionText}>
-                    If you represent a business based outside of the US may be
-                    registered. Not sure? Contact our Support team to find out
-                    more.
+                    {text.otherRegionSubtext}
                   </p>
                 </div>
               </sl-radio>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 0bc1473203..3ac346a253 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -10,15 +10,15 @@ Feature: Indirect Tax Form
     Then different <inputs> appear
 
     Examples: 
-      | country | option                                               | inputs                                                 |
-      | CA      | I am registered for Indirect Tax in a Country/Region | Country, Province, HST/GST Number, ?QST Number(Quebec) |
-      | ES      | I am registered for Indirect Tax in a Country/Region | Country, Sub Region, VAT Number, ?Income Tax Number    |
-      | UK      | I am registered for Indirect Tax in a Country/Region | Country, VAT Number                                    |
-      | IR      | I am registered for Indirect Tax in a Country/Region | Country, GST Number                                    |
-      | AU      | I am registered for Indirect Tax in a Country/Region | Country, GST Number                                    |
-      | JP      | I am registered for Indirect Tax in a Country/Region | Country, CT Number                                     |
-      | US      | I am not registered for Indirect tax                 | N/A                                                    |
-      | EG      | I am not registered for Indirect tax                 | N/A                                                    |
+      | country | option                          | inputs                                                 |
+      | CA      | Registered for indirect tax     | Country, Province, HST/GST Number, ?QST Number(Quebec) |
+      | ES      | Registered for indirect tax     | Country, Sub Region, VAT Number, ?Income Tax Number    |
+      | UK      | Registered for indirect tax     | Country, VAT Number                                    |
+      | IR      | Registered for indirect tax     | Country, GST Number                                    |
+      | AU      | Registered for indirect tax     | Country, GST Number                                    |
+      | JP      | Registered for indirect tax     | Country, CT Number                                     |
+      | US      | Not registered for indirect tax | N/A                                                    |
+      | EG      | Not registered for indirect tax | N/A                                                    |
 
   @minutia @ui
   Scenario Outline: Participant selects Canada in step 1
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index e01a7a266b..d446fc6619 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -55,20 +55,33 @@ export class IndirectTaxForm {
    * @uiName Indirect tax details subtext
    */
   @Prop() indirectTaxDetailsDescription: string =
-    "If you represent a business entity, you may be registered for indirect tax. If you are based in the US you are most likely not registered. Not sure if you’re registered? Contact our Support team to find out more.";
+    "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 in a different region
    * @uiName Registered for indirect tax in a different region option text
    */
-  @Prop() otherRegion: string =
-    "I am registered for Indirect Tax in a different Country / Region";
+  @Prop() otherRegion: string = "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
+   */
+  @Prop() otherRegionSubtext: string =
+    "f you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
 
   /**
    * Text for the option indicating not being registered for indirect tax
    * @uiName Not registered for indirect tax option text
    */
-  @Prop() notRegistered: string = "I am not registered for Indirect Tax";
+  @Prop() notRegistered: string = "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
+   */
+  @Prop() notRegisteredSubtext: string =
+    "If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered.";
 
   /**
    * Label text for the country/region select input
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 00012ab0fb..4d2bf1aad1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -223,12 +223,26 @@ export class TaxAndCashMonolith {
    */
   @Prop() step2_otherRegion: string =
     "I am registered for Indirect Tax in a different Country / Region";
+  /**
+   * 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
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() otherRegionSubtext: string =
+    "f you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
   /**
    * Label text for the not registered radio button
    * @uiName Not registered radio button label
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_notRegistered: string = "I am 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
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() notRegisteredSubtext: string =
+    "If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered.";
   /**
    * Label text for the Selected Region select input
    * @uiName Selected region select input label
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index ab01876988..3f72628008 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -58,15 +58,15 @@ Feature: Tax Form Flow
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
 
     Examples: 
-      | countryCode | brandCountry | currency | allowBankingCollection | option                               | fields                                                 | stepX |
-      | CA          | US           | CAD      | true                   | I am registered for Indirect Tax     | Country, Province, HST/GST Number, ?QST Number(Quebec) |     3 |
-      | CA          | MX           | CAD      | true                   | I am not registered for Indirect Tax | Country, Province, HST/GST Number                      |     4 |
-      | US          | CA           | USD      | true                   | I am not registered for Indirect Tax | N/A                                                    |     3 |
-      | US          | MX           | USD      | true                   | I am not registered for Indirect Tax | N/A                                                    |     3 |
-      | UK          | US           | GBP      | true                   | I am not registered for Indirect Tax | N/A                                                    |     3 |
-      | UK          | US           | GBP      | true                   | I am registered for Indirect Tax     | Country, VAT Number                                    |     3 |
-      | ES          | US           | EGP      | true                   | I am registered for Indirect Tax     | Country, Sub Region,VAT Number                         |     3 |
-      | EG          | MX           | BMD      | true                   | I am not registered for Indirect Tax | N/A                                                    |     4 |
+      | countryCode | brandCountry | currency | allowBankingCollection | option                          | fields                                                 | stepX |
+      | CA          | US           | CAD      | true                   | Registered for indirect tax     | Country, Province, HST/GST Number, ?QST Number(Quebec) |     3 |
+      | CA          | MX           | CAD      | true                   | Not registered for indirect tax | Country, Province, HST/GST Number                      |     4 |
+      | US          | CA           | USD      | true                   | Not registered for indirect tax | N/A                                                    |     3 |
+      | US          | MX           | USD      | true                   | Not registered for indirect tax | N/A                                                    |     3 |
+      | UK          | US           | GBP      | true                   | Not registered for indirect tax | N/A                                                    |     3 |
+      | UK          | US           | GBP      | true                   | Registered for indirect tax     | Country, VAT Number                                    |     3 |
+      | ES          | US           | EGP      | true                   | Registered for indirect tax     | Country, Sub Region,VAT Number                         |     3 |
+      | EG          | MX           | BMD      | true                   | Not registered for indirect tax | N/A                                                    |     4 |
 
   @minutia
   Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
@@ -75,15 +75,15 @@ Feature: Tax Form Flow
     Then different <inputs> appear
 
     Examples: 
-      | country | option                                               | inputs                                                 |
-      | CA      | I am registered for Indirect Tax in a Country/Region | Country, Province, HST/GST Number, ?QST Number(Quebec) |
-      | ES      | I am registered for Indirect Tax in a Country/Region | Country, Sub Region, VAT Number, ?Income Tax Number    |
-      | UK      | I am registered for Indirect Tax in a Country/Region | Country, VAT Number                                    |
-      | IR      | I am registered for Indirect Tax in a Country/Region | Country, GST Number                                    |
-      | AU      | I am registered for Indirect Tax in a Country/Region | Country, GST Number                                    |
-      | JP      | I am registered for Indirect Tax in a Country/Region | Country, CT Number                                     |
-      | US      | I am not registered for Indirect tax                 | N/A                                                    |
-      | EG      | I am not registered for Indirect tax                 | N/A                                                    |
+      | country | option                          | inputs                                                 |
+      | CA      | Registered for indirect tax     | Country, Province, HST/GST Number, ?QST Number(Quebec) |
+      | ES      | Registered for indirect tax     | Country, Sub Region, VAT Number, ?Income Tax Number    |
+      | UK      | Registered for indirect tax     | Country, VAT Number                                    |
+      | IR      | Registered for indirect tax     | Country, GST Number                                    |
+      | AU      | Registered for indirect tax     | Country, GST Number                                    |
+      | JP      | Registered for indirect tax     | Country, CT Number                                     |
+      | US      | Not registered for indirect tax | N/A                                                    |
+      | EG      | Not registered for indirect tax | N/A                                                    |
 
   @minutia
   Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms

From 745d0c0f7bf9bc56e7fc4cb18710525b038da35c Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Fri, 1 Mar 2024 09:55:31 -0800
Subject: [PATCH 379/753] Cleanup loading state in payout card

---
 .../sqm-payout-details-card-view.tsx          | 56 ++++++++++---------
 .../sqm-payout-details-card.tsx               |  2 +-
 packages/mint-components/src/index.html       |  6 +-
 3 files changed, 35 insertions(+), 29 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index 075e1cc66b..e07db7b52b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -114,16 +114,26 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
 
   const { states, text } = props;
 
+  const renderLoadingSkeleton = () => {
+    return (
+      <div class={classes.Container}>
+        <div class={classes.StatusContainer}>
+          <sl-skeleton class={classes.SkeletonOne}></sl-skeleton>
+          <sl-skeleton class={classes.SkeletonTwo}></sl-skeleton>
+        </div>
+        <sl-skeleton class={classes.SkeletonThree}></sl-skeleton>
+        <sl-skeleton class={classes.SkeletonOne}></sl-skeleton>
+      </div>
+    );
+  };
+
   return (
     <div>
       <style type="text/css">{styleString}</style>
-      <div class={classes.Container}>
-        {states.loading ? (
-          <div class={classes.StatusContainer}>
-            <sl-skeleton class={classes.SkeletonOne}></sl-skeleton>{" "}
-            <sl-skeleton class={classes.SkeletonTwo}></sl-skeleton>
-          </div>
-        ) : (
+      {states.loading ? (
+        renderLoadingSkeleton()
+      ) : (
+        <div class={classes.Container}>
           <div class={classes.StatusContainer}>
             <p class={classes.SubduedRegularText}>
               {text.nextPayoutDetailedStatusText}
@@ -132,28 +142,24 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
               {text.nextPayoutStatusBadgeText}
             </sl-badge>
           </div>
-        )}
-        {states.loading ? (
-          <sl-skeleton class={classes.SkeletonThree}></sl-skeleton>
-        ) : (
+
           <h1 class={classes.MainCurrency}>
             {states.mainCurrency?.amountText}
             {states.mainCurrency.currencyText}
           </h1>
-        )}
-        {states.loading ? (
-          <sl-skeleton class={classes.SkeletonOne}></sl-skeleton>
-        ) : states.payoutType === "PAYPAL" ? (
-          <div style={{ display: "flex", gap: "var(--sl-spacing-small)" }}>
-            <span>{states.paypalEmailAddress}</span>
-            <PayPalIcon />
-          </div>
-        ) : (
-          <div style={{ display: "flex", gap: "var(--sl-spacing-small)" }}>
-            <span>{states.cardNumberPreview}</span>
-          </div>
-        )}
-      </div>
+
+          {states.payoutType === "PAYPAL" ? (
+            <div style={{ display: "flex", gap: "var(--sl-spacing-small)" }}>
+              <span>{states.paypalEmailAddress}</span>
+              <PayPalIcon />
+            </div>
+          ) : (
+            <div style={{ display: "flex", gap: "var(--sl-spacing-small)" }}>
+              <span>{states.cardNumberPreview}</span>
+            </div>
+          )}
+        </div>
+      )}
     </div>
   );
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index aea2d41503..9d30b9cab8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -65,7 +65,7 @@ function useDemoPayoutDetailsCard(props: PayoutDetailsCard) {
         otherCurrencies: false,
         hasW9Pending: false,
         hasDatePending: true,
-        cardNumberPreview: "Card ***2381",
+        cardNumberPreview: "Account ••2381",
       },
       text: props.getTextProps(),
     },
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From 22a49aedc82dced401bacbf56588b575335e97e7 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 1 Mar 2024 11:03:57 -0800
Subject: [PATCH 380/753] reward status logic

---
 packages/mint-components/package-lock.json    |  4 +-
 .../cells/sqm-referral-table-rewards-cell.tsx |  8 ++--
 .../sqm-referral-table/mockReferralData.ts    |  2 +
 .../sqm-referral-table/useReferralTable.tsx   |  6 ++-
 .../cells/sqm-rewards-table-status-cell.tsx   | 48 ++++++++++++-------
 .../sqm-rewards-table/mockRewardData.ts       | 13 +++--
 .../sqm-rewards-table/mockTaxData.ts          | 16 +++++++
 .../sqm-rewards-table/useRewardsTable.tsx     |  5 ++
 8 files changed, 73 insertions(+), 29 deletions(-)
 create mode 100644 packages/mint-components/src/components/sqm-rewards-table/mockTaxData.ts

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 6952a73aa4..a2c203a46a 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-45",
+  "version": "1.8.0-47",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-45",
+      "version": "1.8.0-47",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
index 64992566c8..2dba23de51 100644
--- a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
@@ -118,9 +118,6 @@ export class ReferralTableRewardsCell {
           return "DENIED";
       }
 
-      if (reward?.pendingReasons?.includes("PAYOUT_CONFIGURATION_MISSING")) {
-        return "PENDING_PARTNER_CREATION";
-      }
       if (reward?.pendingReasons?.includes("US_TAX")) {
         if (!taxConnection?.taxHandlingEnabled) return "PENDING";
         if (!taxConnection?.connected) return "PENDING_PARTNER_CREATION";
@@ -135,6 +132,9 @@ export class ReferralTableRewardsCell {
         if (!taxConnection?.publisher?.withdrawalSettings)
           return "PENDING_PARTNER_CREATION";
       }
+      if (reward?.pendingReasons?.includes("PAYOUT_CONFIGURATION_MISSING")) {
+        return "PENDING_PARTNER_CREATION";
+      }
 
       if (reward.statuses.length === 1) return reward.statuses[0];
 
@@ -193,8 +193,6 @@ export class ReferralTableRewardsCell {
         }
       );
 
-      console.log(statusText);
-
       return (
         <sl-details class={sheet.classes.Details} disabled={this.hideDetails}>
           <style type="text/css">{styleString}</style>
diff --git a/packages/mint-components/src/components/sqm-referral-table/mockReferralData.ts b/packages/mint-components/src/components/sqm-referral-table/mockReferralData.ts
index f9d5daffef..d47061e9a8 100644
--- a/packages/mint-components/src/components/sqm-referral-table/mockReferralData.ts
+++ b/packages/mint-components/src/components/sqm-referral-table/mockReferralData.ts
@@ -101,6 +101,8 @@ const getMockData = () => {
               currency: null,
               prettyValue: "1 Point",
               statuses: statuses[Math.floor(Math.random() * statuses.length)],
+              // statuses: ["PENDING"],
+              // pendingReasons: ["US_TAX", "PAYOUT_CONFIGURATION_MISSING"],
               globalRewardKey: null,
               programRewardKey: "partnerReward",
               meta: {
diff --git a/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx b/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx
index 7202075032..4bdec2ebc0 100644
--- a/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx
@@ -13,6 +13,8 @@ import { ReferralTable } from "./sqm-referral-table";
 import { GenericTableViewProps } from "../../tables/GenericTableView";
 import { useChildElements } from "../../tables/useChildElements";
 import debugFn from "debug";
+import mockTaxData from "../sqm-rewards-table/mockTaxData";
+import mockReferralData from "./mockReferralData";
 const debug = debugFn("sq:useReferralTable");
 
 export const CSS_NAMESPACE = "sqm-referral-table";
@@ -320,13 +322,15 @@ export function useReferralTable(
   const showReferrerRow =
     props.showReferrer && !!referrerData?.dateReferralStarted;
 
-  const { data: taxResponse, loading: taxLoading } = useQuery(
+  const { data: taxResponse, loading: taxLoading } = useQuery<GetImpactTax>(
     GET_IMPACT_TAX,
     {},
     !user?.jwt
   );
 
   const taxConnection = taxResponse?.viewer?.impactConnection;
+  // const taxConnection = mockTaxData();
+  // const { data } = mockReferralData();
 
   const {
     envelope: referralData,
diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
index 4521a92371..77f56cd3c2 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
@@ -95,20 +95,24 @@ export class RewardTableStatusCell {
     return "";
   }
 
-  getTaxPendingReason(taxConnection: ImpactConnection) {
-    if (!taxConnection.taxHandlingEnabled) return this.pendingUsTax;
-    if (!taxConnection.connected) return this.pendingPartnerCreation;
-    if (taxConnection.publisher?.requiredTaxDocumentType) {
-      if (!taxConnection.publisher.currentTaxDocument) {
-        this.pendingTaxSubmission;
+  getTaxPendingReasons(reward: Reward, taxConnection: ImpactConnection) {
+    if (reward?.pendingReasons?.includes("US_TAX")) {
+      if (!taxConnection?.taxHandlingEnabled) return this.pendingUsTax;
+      if (!taxConnection?.connected) return this.pendingPartnerCreation;
+      if (taxConnection?.publisher?.requiredTaxDocumentType) {
+        if (!taxConnection?.publisher?.currentTaxDocument)
+          return this.pendingTaxSubmission;
+
+        const status = taxConnection.publisher.currentTaxDocument.status;
+        if (status === "INACTIVE") return this.pendingNewTaxForm;
+        if (status === "NOT_VERIFIED") return this.pendingTaxReview;
       }
-
-      const status = taxConnection.publisher.currentTaxDocument.status;
-      if (status === "INACTIVE") return this.pendingNewTaxForm;
-      if (status === "NOT_VERIFIED") return this.pendingTaxReview;
+      if (!taxConnection?.publisher?.withdrawalSettings)
+        return this.pendingPartnerCreation;
     }
-    if (!taxConnection?.publisher?.withdrawalSettings)
+    if (reward?.pendingReasons?.includes("PAYOUT_CONFIGURATION_MISSING")) {
       return this.pendingPartnerCreation;
+    }
 
     // TODO: Payout enums
 
@@ -179,7 +183,10 @@ export class RewardTableStatusCell {
         .toLocaleString(DateTime.DATE_MED)}`;
 
     const pendingReasons =
-      rewardStatus === "PENDING" ? getRewardPendingReasons(this) : null;
+      rewardStatus === "PENDING"
+        ? this.getTaxPendingReasons(this.reward, this.taxConnection) ||
+          getRewardPendingReasons(this)
+        : null;
 
     const fraudStatusText =
       rewardStatus === "PENDING_REVIEW"
@@ -219,12 +226,19 @@ export class RewardTableStatusCell {
               .toLocaleString(DateTime.DATE_MED),
         UNHANDLED_ERROR: prop.pendingUnhandled,
         SUSPECTED_FRAUD: prop.pendingReview,
-        PAYOUT_CONFIGURATION_MISSING: prop.pendingPartnerCreation,
-        US_TAX: prop.getPendingTaxReason(prop.taxConnection),
       };
-      return [prop.reward.pendingReasons]
-        .map((s: string): string => pendingCodeMap[s] ?? s)
-        .join(", ");
+
+      const taxReason = this.getTaxPendingReasons(
+        prop.reward,
+        prop.taxConnection
+      );
+
+      return [
+        ...(taxReason ? [taxReason] : []),
+        ...prop.reward.pendingReasons.map((s: string): string => {
+          return pendingCodeMap[s] ?? s;
+        }),
+      ].join(", ");
     }
   }
 }
diff --git a/packages/mint-components/src/components/sqm-rewards-table/mockRewardData.ts b/packages/mint-components/src/components/sqm-rewards-table/mockRewardData.ts
index ba81267277..8ff83eae03 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/mockRewardData.ts
+++ b/packages/mint-components/src/components/sqm-rewards-table/mockRewardData.ts
@@ -1,7 +1,7 @@
 import { DateTime } from "luxon";
 
-export default (count = 4) => {
-  const data = [...Array(count)].map(() => getMockData());
+export default (count = 4, status = undefined) => {
+  const data = [...Array(count)].map(() => getMockData(status)) as Reward[];
   return { data };
 };
 
@@ -67,7 +67,7 @@ export const getPaypalMeta = () => {
   };
 };
 
-const getMockData = () => {
+const getMockData = (status?: string): Reward => {
   let isAvailableZero = false;
   let randomRedeemed = 0;
   let pendingReason;
@@ -79,7 +79,7 @@ const getMockData = () => {
 
   //  set random data
   const randomUnitNumber = Math.floor(Math.random() * 3);
-  const randomStatus = statuses[Math.floor(Math.random() * 5)];
+  const randomStatus = status || statuses[Math.floor(Math.random() * 5)];
   const unit = units[randomUnitNumber];
   const prettyValue = prettyValues[randomUnitNumber];
   const randomValue = Math.floor(Math.random() * 100) + 2;
@@ -99,6 +99,7 @@ const getMockData = () => {
     randomRedeemed = Math.floor(Math.random() * randomValue);
     dateExpires = today.minus({ days: 1 }).toMillis();
   } else if (randomStatus === "PENDING") {
+    // pendingReason = ["US_TAX", "PAYOUT_CONFIGURATION_MISSING"];
     const reason = pendingReasons[Math.floor(Math.random() * 3)];
     pendingReason = [reason];
     if (reason === "SCHEDULED") {
@@ -141,6 +142,7 @@ const getMockData = () => {
     program: {
       name: "My Program",
     },
+    // @ts-ignore
     meta: {
       ...getPaypalMeta(),
     },
@@ -162,10 +164,13 @@ const getMockData = () => {
             prettyRedeemedCredit: "50 Tokens",
             unit: "TOKEN",
             dateRedeemed: 1643612046258,
+            exchangedRewards: [],
+            redeemedRewards: [],
           }
         : null,
     referral: null,
     rewardRedemptionTransactions: {
+      // @ts-ignore
       data: [],
     },
   };
diff --git a/packages/mint-components/src/components/sqm-rewards-table/mockTaxData.ts b/packages/mint-components/src/components/sqm-rewards-table/mockTaxData.ts
new file mode 100644
index 0000000000..5d1f4f404a
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-rewards-table/mockTaxData.ts
@@ -0,0 +1,16 @@
+export default (): ImpactConnection => {
+  return {
+    connected: true,
+    taxHandlingEnabled: true,
+    publisher: {
+      requiredTaxDocumentType: "W9",
+      currentTaxDocument: {
+        dateCreated: 0,
+        status: "NOT_VERIFIED",
+        type: "W9",
+      },
+      withdrawalSettings: null,
+      payoutsAccount: null,
+    },
+  };
+};
diff --git a/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx b/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx
index ab50c3921a..4773e559d2 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx
@@ -14,6 +14,8 @@ import { useChildElements } from "../../tables/useChildElements";
 import { generateUserError } from "../sqm-referral-table/useReferralTable";
 import { GenericTableViewProps } from "../../tables/GenericTableView";
 import debugFn from "debug";
+import mockRewardData from "./mockRewardData";
+import mockTaxData from "./mockTaxData";
 const debug = debugFn("sq:useRewardsTable");
 
 export const CSS_NAMESPACE = "sqm-rewards-table";
@@ -235,6 +237,9 @@ export function useRewardsTable(
   const data = rewardsData?.data;
   const taxConnection = impactTaxData?.viewer?.impactConnection;
 
+  // const { data } = mockRewardData(1, "PENDING");
+  // const taxConnection = mockTaxData();
+
   async function getComponentData(components: Element[]) {
     // filter out loading and empty states from columns array
     const columnComponents = components.filter(

From e8d860a23b1e81160e77c7881f534a42b76aac72 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 1 Mar 2024 11:13:55 -0800
Subject: [PATCH 381/753] added handling for different required / invalid
 errors messages

---
 .../tax-and-cash/BankingForm.stories.tsx      |  46 ++---
 .../sqm-banking-info-form-view.tsx            |   9 +-
 .../sqm-banking-info-form.tsx                 |  43 +++--
 .../useBankingInfoForm.tsx                    | 171 ++++++++++++------
 4 files changed, 172 insertions(+), 97 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index bc2244ed86..8a54f972b0 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -55,25 +55,27 @@ export const BankingInfoFormDefaultWithValidationErrors = () => {
           formState: {
             ...bankingFormProps.states.formState,
             errors: {
-              beneficiaryAccountName: true,
-              bankAccountType: true,
-              bankAccountNumber: true,
-              iban: true,
-              swiftCode: true,
-              routingCode: true,
-              bankName: true,
-              beneficiaryClassification: true,
-              patronymicName: true,
-              voCode: true,
-              agencyCode: true,
-              bankAddress: true,
-              bankCity: true,
-              bankCountry: true,
-              bankProvinceState: true,
-              bankPostalCode: true,
-              branchCode: true,
-              balanceThreshold: true,
-              fixedDay: true,
+              inputErrors: {
+                beneficiaryAccountName: { type: "required" },
+                bankAccountType: { type: "required" },
+                bankAccountNumber: { type: "required" },
+                iban: { type: "required" },
+                swiftCode: { type: "required" },
+                routingCode: { type: "required" },
+                bankName: { type: "required" },
+                beneficiaryClassification: { type: "required" },
+                patronymicName: { type: "required" },
+                voCode: { type: "required" },
+                agencyCode: { type: "required" },
+                bankAddress: { type: "required" },
+                bankCity: { type: "required" },
+                bankCountry: { type: "required" },
+                bankProvinceState: { type: "required" },
+                bankPostalCode: { type: "required" },
+                branchCode: { type: "required" },
+                balanceThreshold: { type: "required" },
+                fixedDay: { type: "required" },
+              },
             },
           },
         },
@@ -312,7 +314,9 @@ export const BankingInfoFormWithBalanceThresholdPaymentScheduleWithError =
             bankCountry: "US",
             formState: {
               errors: {
-                balanceThreshold: true,
+                inputErrors: {
+                  balanceThreshold: { type: "required" },
+                },
               },
               ...bankingFormProps.states.formState,
               paymentScheduleChecked: "paymentThreshold",
@@ -373,7 +377,7 @@ export const BankingInfoFormWithFixedDayPaymentScheduleWithError = () => {
           bankCountry: "US",
           formState: {
             errors: {
-              fixedDay: true,
+              inputErrors: { fixedDay: { type: "required" } },
             },
             ...bankingFormProps.states.formState,
             paymentScheduleChecked: "paymentDay",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 634d330a48..96936c3d38 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -23,7 +23,11 @@ export interface BankingInfoFormViewProps {
       paymentScheduleChecked?: "paymentThreshold" | "paymentDay";
       errors?: {
         general?: boolean;
-        [field: string]: boolean;
+        inputErrors?: {
+          [field: string]: {
+            type: "required" | "invalid";
+          };
+        };
       };
     };
     bitset?: number;
@@ -446,7 +450,8 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                       name="/paypalEmailAddress"
                       id="paypalEmailAddress"
                       type="text"
-                      {...(formState?.errors?.paypalEmailAddress && {
+                      {...(formState?.errors?.inputErrors
+                        ?.paypalEmailAddress && {
                         class: "error-input",
                         // TODO: not translatable
                         helpText: `${props.text.payPalInputLabel} is required`,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 4d22ed0458..797f1579c4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -324,8 +324,20 @@ export class BankingInfoForm {
   }
 
   // need to make this translatable
-  getValidationErrorMessage(inputLabel: string) {
-    return `${inputLabel} is required`;
+  getValidationErrorMessage({
+    type,
+    label,
+  }: {
+    type: "required" | "invalid";
+    label: string;
+  }) {
+    if (type === "required") {
+      return `${label} is required`;
+    }
+    if (type === "invalid") {
+      return `${label} is invalid`;
+    }
+    return "";
   }
 
   render() {
@@ -402,11 +414,12 @@ export class BankingInfoForm {
                 onSl-select={(e) =>
                   props.callbacks.setBankCountry(e.detail?.item?.value)
                 }
-                {...(errors?.bankCountry && {
+                {...(errors?.inputErrors?.bankCountry && {
                   class: "error-input",
-                  helpText: this.getValidationErrorMessage(
-                    props.text.bankLocationLabel
-                  ),
+                  helpText: this.getValidationErrorMessage({
+                    type: errors?.inputErrors?.bankCountry?.type,
+                    label: props.text.bankLocationLabel,
+                  }),
                 })}
               >
                 {/* TODO: mock data should come from the backend when available */}
@@ -433,11 +446,12 @@ export class BankingInfoForm {
                 label={props.text.paymentThresholdSelectLabel}
                 name="/paymentThreshold"
                 id="paymentThreshold"
-                {...(errors?.paymentThreshold && {
+                {...(errors?.inputErrors?.paymentThreshold && {
                   class: "error-input",
-                  helpText: this.getValidationErrorMessage(
-                    props.text.paymentThresholdSelectLabel
-                  ),
+                  helpText: this.getValidationErrorMessage({
+                    type: errors?.inputErrors?.paymentThreshold?.type,
+                    label: props.text.paymentThresholdSelectLabel,
+                  }),
                 })}
               >
                 {props.states.thresholds.map((t) => (
@@ -453,11 +467,12 @@ export class BankingInfoForm {
                 label={props.text.paymentDaySelectLabel}
                 name="/paymentDay"
                 id="paymentDay"
-                {...(errors?.paymentDay && {
+                {...(errors?.inputErrors?.paymentDay && {
                   class: "error-input",
-                  helpText: this.getValidationErrorMessage(
-                    props.text.paymentDaySelectLabel
-                  ),
+                  helpText: this.getValidationErrorMessage({
+                    type: errors?.inputErrors?.paymentDay?.type,
+                    label: props.text.paymentDaySelectLabel,
+                  }),
                 })}
               >
                 <sl-menu-item value={1}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index cb42a249b0..6b0978bcf3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -91,7 +91,10 @@ export function getFormMap({
 }: {
   props: BankingInfoFormViewProps | Omit<any, "text" | "callbacks">;
   routingCodeLabels: RoutingCodeLabels;
-  getValidationErrorMessage: (text: string) => string;
+  getValidationErrorMessage: (props: {
+    type: "required" | "invalid";
+    label: string;
+  }) => string;
 }) {
   const { errors } = props.states.formState;
 
@@ -105,11 +108,12 @@ export function getFormMap({
           id="beneficiaryAccountName"
           key="beneficiaryAccountName"
           type="text"
-          {...(errors?.beneficiaryAccountName && {
+          {...(errors?.inputErrors?.beneficiaryAccountName && {
             class: "error-input",
-            helpText: getValidationErrorMessage(
-              props.text.beneficiaryAccountNameLabel
-            ),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.beneficiaryAccountName?.type,
+              label: props.text.beneficiaryAccountNameLabel,
+            }),
           })}
         ></sl-input>
       ),
@@ -122,11 +126,12 @@ export function getFormMap({
           name="/bankAccountType"
           id="bankAccountType"
           key="bankAccountType"
-          {...(errors?.bankAccountType && {
+          {...(errors?.inputErrors?.bankAccountType && {
             class: "error-input",
-            helpText: getValidationErrorMessage(
-              props.text.bankAccountTypeLabel
-            ),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankAccountType?.type,
+              label: props.text.bankAccountTypeLabel,
+            }),
           })}
         >
           <sl-menu-item value="CHECKING">
@@ -147,11 +152,12 @@ export function getFormMap({
           id="bankAccountNumber"
           key="bankAccountNumber"
           type="text"
-          {...(errors?.bankAccountNumber && {
+          {...(errors?.inputErrors?.bankAccountNumber && {
             class: "error-input",
-            helpText: getValidationErrorMessage(
-              props.text.bankAccountNumberLabel
-            ),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankAccountNumber?.type,
+              label: props.text.bankAccountNumberLabel,
+            }),
           })}
         ></sl-input>
       ),
@@ -165,9 +171,12 @@ export function getFormMap({
           id="iban"
           key="iban"
           type="text"
-          {...(errors?.bankAccountNumber && {
+          {...(errors?.inputErrors?.bankAccountNumber && {
             class: "error-input",
-            helpText: getValidationErrorMessage(props.text.ibanLabel),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankAccountNumber?.type,
+              label: props.text.ibanLabel,
+            }),
           })}
         ></sl-input>
       ),
@@ -182,9 +191,12 @@ export function getFormMap({
           id="swiftCode"
           key="swiftCode"
           type="text"
-          {...(errors?.swiftCode && {
+          {...(errors?.inputErrors?.swiftCode && {
             class: "error-input",
-            helpText: getValidationErrorMessage(props.text.swiftCodeLabel),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.swiftCode?.type,
+              label: props.text.swiftCodeLabel,
+            }),
           })}
         ></sl-input>
       ),
@@ -201,12 +213,14 @@ export function getFormMap({
           id="routingCode"
           key="routingCode"
           type="text"
-          {...(errors?.routingCode && {
+          {...(errors?.inputErrors?.routingCode && {
             class: "error-input",
-            helpText: getValidationErrorMessage(
-              routingCodeLabels[props.states.bankCountry] ||
-                props.text.routingCodeLabel
-            ),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.routingCode?.type,
+              label:
+                routingCodeLabels[props.states.bankCountry] ||
+                props.text.routingCodeLabel,
+            }),
           })}
         ></sl-input>
       ),
@@ -220,9 +234,12 @@ export function getFormMap({
           id="bankName"
           key="bankName"
           type="text"
-          {...(errors?.bankName && {
+          {...(errors?.inputErrors?.bankName && {
             class: "error-input",
-            helpText: getValidationErrorMessage(props.text.bankNameLabel),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankName?.type,
+              label: props.text.bankNameLabel,
+            }),
           })}
         ></sl-input>
       ),
@@ -235,9 +252,12 @@ export function getFormMap({
           name="/beneficiaryClassification"
           id="beneficiaryClassification"
           key="beneficiaryClassification"
-          {...(errors?.beneficiaryClassification && {
+          {...(errors?.inputErrors?.beneficiaryClassification && {
             class: "error-input",
-            helpText: getValidationErrorMessage(props.text.classificationLabel),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.beneficiaryClassification?.type,
+              label: props.text.classificationLabel,
+            }),
           })}
         >
           <sl-menu-item value="BUSINESS">
@@ -257,9 +277,12 @@ export function getFormMap({
           name="/taxPayerId"
           id="taxPayerId"
           key="taxPayerId"
-          {...(errors?.taxPayerId && {
+          {...(errors?.inputErrors?.taxPayerId && {
             class: "error-input",
-            helpText: getValidationErrorMessage(props.text.taxPayerIdLabel),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.taxPayerId?.type,
+              label: props.text.taxPayerIdLabel,
+            }),
           })}
         ></sl-input>,
       ],
@@ -272,11 +295,12 @@ export function getFormMap({
           name="/beneficiaryClassification"
           id="beneficiaryClassification"
           key="beneficiaryClassification"
-          {...(errors?.beneficiaryClassification && {
+          {...(errors?.inputErrors?.beneficiaryClassification && {
             class: "error-input",
-            helpText: getValidationErrorMessage(
-              props.text.classificationCPFLabel
-            ),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.beneficiaryClassification?.type,
+              label: props.text.classificationCPFLabel,
+            }),
           })}
         >
           <sl-menu-item value="CPF">CPF</sl-menu-item>
@@ -293,9 +317,12 @@ export function getFormMap({
           name="/patronymicName"
           id="patronymicName"
           type="text"
-          {...(errors?.patronymicName && {
+          {...(errors?.inputErrors?.patronymicName && {
             class: "error-input",
-            helpText: getValidationErrorMessage(props.text.patronymicNameLabel),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.patronymicName?.type,
+              label: props.text.patronymicNameLabel,
+            }),
           })}
         ></sl-input>
       ),
@@ -308,9 +335,12 @@ export function getFormMap({
           name="/voCode"
           id="voCode"
           type="text"
-          {...(errors?.voCode && {
+          {...(errors?.inputErrors?.voCode && {
             class: "error-input",
-            helpText: getValidationErrorMessage(props.text.voCodeLabel),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.voCode?.type,
+              label: props.text.voCodeLabel,
+            }),
           })}
         ></sl-input>
       ),
@@ -324,9 +354,12 @@ export function getFormMap({
           id="agencyCode"
           key="agencyCode"
           type="text"
-          {...(errors?.agencyCode && {
+          {...(errors?.inputErrors?.agencyCode && {
             class: "error-input",
-            helpText: getValidationErrorMessage(props.text.agencyCodeLabel),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.agencyCode?.type,
+              label: props.text.agencyCodeLabel,
+            }),
           })}
         ></sl-input>
       ),
@@ -340,9 +373,12 @@ export function getFormMap({
           id="bankAddress"
           key="bankAddress"
           type="text"
-          {...(errors?.bankAddress && {
+          {...(errors?.inputErrors?.bankAddress && {
             class: "error-input",
-            helpText: getValidationErrorMessage(props.text.bankAddressLabel),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankAddress?.type,
+              label: props.text.bankAddressLabel,
+            }),
           })}
         ></sl-input>,
         <sl-input
@@ -352,9 +388,12 @@ export function getFormMap({
           id="bankCity"
           key="bankCity"
           type="text"
-          {...(errors?.bankCity && {
+          {...(errors?.inputErrors?.bankCity && {
             class: "error-input",
-            helpText: getValidationErrorMessage(props.text.bankCityLabel),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankCity?.type,
+              label: props.text.bankCityLabel,
+            }),
           })}
         ></sl-input>,
         <sl-input
@@ -364,11 +403,12 @@ export function getFormMap({
           id="bankProvinceState"
           key="bankProvinceState"
           type="text"
-          {...(errors?.bankProvinceState && {
+          {...(errors?.inputErrors?.bankProvinceState && {
             class: "error-input",
-            helpText: getValidationErrorMessage(
-              props.text.bankProvinceStateLabel
-            ),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankProvinceState?.type,
+              label: props.text.bankProvinceStateLabel,
+            }),
           })}
         ></sl-input>,
         <sl-input
@@ -378,9 +418,12 @@ export function getFormMap({
           id="bankPostalCode"
           key="bankPostalCode"
           type="text"
-          {...(errors?.bankPostalCode && {
+          {...(errors?.inputErrors?.bankPostalCode && {
             class: "error-input",
-            helpText: getValidationErrorMessage(props.text.bankPostalCodeLabel),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankPostalCode?.type,
+              label: props.text.bankPostalCodeLabel,
+            }),
           })}
         ></sl-input>,
       ],
@@ -394,9 +437,12 @@ export function getFormMap({
           id="branchCode"
           key="branchCode"
           type="text"
-          {...(errors?.branchCode && {
+          {...(errors?.inputErrors?.branchCode && {
             class: "error-input",
-            helpText: getValidationErrorMessage(props.text.branchCodeLabel),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.branchCode?.type,
+              label: props.text.branchCodeLabel,
+            }),
           })}
         ></sl-input>
       ),
@@ -409,9 +455,12 @@ export function getFormMap({
           name="/beneficiaryClassification"
           id="beneficiaryClassification"
           key="beneficiaryClassification"
-          {...(errors?.beneficiaryClassification && {
+          {...(errors?.inputErrors?.beneficiaryClassification && {
             class: "error-input",
-            helpText: getValidationErrorMessage(props.text.classificationLabel),
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.beneficiaryClassification?.type,
+              label: props.text.classificationLabel,
+            }),
           })}
         >
           <sl-menu-item value="BUSINESS">BUSINESS</sl-menu-item>
@@ -529,11 +578,11 @@ export function useBankingInfoForm(
       JSONPointer.set(formData, key, value);
 
       if (control.required && !value) {
-        JSONPointer.set(validationErrors, key, true);
+        JSONPointer.set(validationErrors, key, { type: "required" });
       }
     });
 
-    setErrors(validationErrors);
+    setErrors({ inputErrors: validationErrors });
     if (Object.keys(validationErrors).length) {
       return;
     }
@@ -579,13 +628,19 @@ export function useBankingInfoForm(
           (agg, error) => {
             return {
               ...agg,
-              [error.field]: error.message,
+
+              [error.field]: {
+                type: "invalid",
+              },
             };
           },
           {}
         );
 
-        setErrors({ ...mappedValidationErrors, general: true });
+        setErrors({
+          inputErrors: { ...mappedValidationErrors },
+          general: true,
+        });
         return;
       }
 
@@ -665,8 +720,6 @@ export function useBankingInfoForm(
     };
   });
 
-  console.log({ currentPaymentOption, paymentOptions, availableCountries });
-
   const hasPayPal = !!paymentOptions?.find(
     (option) => option.defaultFinancePaymentMethodId === PAYPAL_PAYMENT_METHOD
   );
@@ -694,8 +747,6 @@ export function useBankingInfoForm(
     }
   }
 
-  console.log({ errors });
-
   return {
     text: props.getTextProps(),
     callbacks: {

From 601beef518e8b2091f220f3e9b6f204cd0a43cb7 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 1 Mar 2024 11:30:54 -0800
Subject: [PATCH 382/753] fixed issues with paypal email error, fixed day vs
 balance threshold

---
 .../tax-and-cash/BankingForm.stories.tsx      | 17 ++++++-----
 .../tax-and-cash/TaxForm.stories.tsx          |  1 +
 .../sqm-banking-info-form-view.tsx            | 30 +++++++++++--------
 .../sqm-banking-info-form.tsx                 |  3 +-
 .../useBankingInfoForm.tsx                    | 10 +++----
 5 files changed, 35 insertions(+), 26 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 8a54f972b0..096d0f2165 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -26,6 +26,7 @@ const bankingFormProps: StoryDemoData<BankingInfoFormViewProps> = {
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => {},
     setPaymentScheduleChecked: () => {},
+    getValidationErrorMessage: () => "",
   },
   refs: { formRef: { current: null } },
 };
@@ -144,7 +145,7 @@ export const BankingInfoFormCountryARCurrencyARS = () => {
           bankCountry: "AR",
           formState: {
             ...bankingFormProps.states.formState,
-            paymentScheduleChecked: "paymentDay",
+            paymentScheduleChecked: "FIXED_DAY",
             paymentMethodChecked: "toBankAccount",
           },
           currency: "ARS",
@@ -164,7 +165,7 @@ export const BankingInfoFormCountryMXCurrencyMXN = () => {
           bankCountry: "MX",
           formState: {
             ...bankingFormProps.states.formState,
-            paymentScheduleChecked: "paymentDay",
+            paymentScheduleChecked: "FIXED_DAY",
             paymentMethodChecked: "toBankAccount",
           },
           currency: "MXN",
@@ -294,7 +295,7 @@ export const BankingInfoFormWithBalanceThresholdPaymentSchedule = () => {
           bankCountry: "US",
           formState: {
             ...bankingFormProps.states.formState,
-            paymentScheduleChecked: "paymentThreshold",
+            paymentScheduleChecked: "BALANCE_THRESHOLD",
           },
           currency: "USD",
         },
@@ -319,7 +320,7 @@ export const BankingInfoFormWithBalanceThresholdPaymentScheduleWithError =
                 },
               },
               ...bankingFormProps.states.formState,
-              paymentScheduleChecked: "paymentThreshold",
+              paymentScheduleChecked: "BALANCE_THRESHOLD",
             },
             currency: "USD",
           },
@@ -339,7 +340,7 @@ export const BankingInfoFormWithBalanceThresholdPaymentScheduleLoading = () => {
           bankCountry: "US",
           formState: {
             ...bankingFormProps.states.formState,
-            paymentScheduleChecked: "paymentThreshold",
+            paymentScheduleChecked: "BALANCE_THRESHOLD",
           },
           currency: "USD",
         },
@@ -358,7 +359,7 @@ export const BankingInfoFormWithFixedDayPaymentSchedule = () => {
           bankCountry: "US",
           formState: {
             ...bankingFormProps.states.formState,
-            paymentScheduleChecked: "paymentDay",
+            paymentScheduleChecked: "FIXED_DAY",
           },
           currency: "USD",
         },
@@ -380,7 +381,7 @@ export const BankingInfoFormWithFixedDayPaymentScheduleWithError = () => {
               inputErrors: { fixedDay: { type: "required" } },
             },
             ...bankingFormProps.states.formState,
-            paymentScheduleChecked: "paymentDay",
+            paymentScheduleChecked: "FIXED_DAY",
           },
           currency: "USD",
         },
@@ -400,7 +401,7 @@ export const BankingInfoFormWithFixedDayPaymentScheduleLoading = () => {
           bankCountry: "US",
           formState: {
             ...bankingFormProps.states.formState,
-            paymentScheduleChecked: "paymentDay",
+            paymentScheduleChecked: "FIXED_DAY",
           },
           currency: "USD",
         },
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 23f3b2cf58..7101eb2f9e 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -144,6 +144,7 @@ const stepFourProps: StoryDemoData<BankingInfoFormViewProps> = {
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => {},
     setPaymentScheduleChecked: () => {},
+    getValidationErrorMessage: () => "",
   },
   refs: { formRef: { current: null } },
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 96936c3d38..e3233170dd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -1,6 +1,6 @@
 import { h, VNode } from "@stencil/core";
-import { createStyleSheet } from "../../../styling/JSS";
 import { intl } from "../../../global/global";
+import { createStyleSheet } from "../../../styling/JSS";
 
 export interface BankingInfoFormViewProps {
   states: {
@@ -20,7 +20,7 @@ export interface BankingInfoFormViewProps {
     paymentMethodFeeLabel?: string;
     formState: {
       paymentMethodChecked?: "toBankAccount" | "toPayPalAccount";
-      paymentScheduleChecked?: "paymentThreshold" | "paymentDay";
+      paymentScheduleChecked?: "BALANCE_THRESHOLD" | "FIXED_DAY";
       errors?: {
         general?: boolean;
         inputErrors?: {
@@ -50,11 +50,15 @@ export interface BankingInfoFormViewProps {
       paymentMethodChecked: "toBankAccount" | "toPayPalAccount"
     ) => void;
     setPaymentScheduleChecked: (
-      paymentMethodChecked: "paymentThreshold" | "paymentDay"
+      paymentMethodChecked: "BALANCE_THRESHOLD" | "FIXED_DAY"
     ) => void;
     onSubmit: (props: any) => Promise<void>;
     setBankCountry?: (country: string) => void;
     setCurrency?: (currency: string) => void;
+    getValidationErrorMessage: (props: {
+      type: "required" | "invalid";
+      label: string;
+    }) => string;
   };
   text: {
     formStep: string;
@@ -454,7 +458,11 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                         ?.paypalEmailAddress && {
                         class: "error-input",
                         // TODO: not translatable
-                        helpText: `${props.text.payPalInputLabel} is required`,
+                        helpText: props.callbacks.getValidationErrorMessage({
+                          type: formState?.errors?.inputErrors
+                            ?.paypalEmailAddress?.type,
+                          label: props.text.payPalInputLabel,
+                        }),
                       })}
                     ></sl-input>
                   )}
@@ -467,10 +475,10 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                 class={classes.Checkbox}
                 exportparts="label: input-label"
                 checked={
-                  formState.paymentScheduleChecked === "paymentThreshold"
+                  formState.paymentScheduleChecked === "BALANCE_THRESHOLD"
                 }
                 onInput={() =>
-                  callbacks.setPaymentScheduleChecked("paymentThreshold")
+                  callbacks.setPaymentScheduleChecked("BALANCE_THRESHOLD")
                 }
                 disabled={states.disabled}
                 id="paymentSchedulingType"
@@ -479,7 +487,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
               >
                 {text.paymentScheduleBalanceThreshold}
               </sl-radio>
-              {formState.paymentScheduleChecked === "paymentThreshold" && (
+              {formState.paymentScheduleChecked === "BALANCE_THRESHOLD" && (
                 <div
                   class={classes.InputContainer}
                   style={states.hideBalanceThreshold ? { display: "none" } : {}}
@@ -493,10 +501,8 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
               <sl-radio
                 class={classes.Checkbox}
                 exportparts="label: input-label"
-                checked={formState.paymentScheduleChecked === "paymentDay"}
-                onInput={() =>
-                  callbacks.setPaymentScheduleChecked("paymentDay")
-                }
+                checked={formState.paymentScheduleChecked === "FIXED_DAY"}
+                onInput={() => callbacks.setPaymentScheduleChecked("FIXED_DAY")}
                 disabled={states.disabled}
                 id="paymentSchedulingType"
                 name="/paymentSchedulingType"
@@ -504,7 +510,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
               >
                 {text.paymentScheduleFixedDay}
               </sl-radio>
-              {formState.paymentScheduleChecked === "paymentDay" && (
+              {formState.paymentScheduleChecked === "FIXED_DAY" && (
                 <div
                   class={classes.InputContainer}
                   style={states.hideFixedDay ? { display: "none" } : {}}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 797f1579c4..8e8881b4f5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -504,7 +504,7 @@ function useDemoBankingInfoForm(
     "toBankAccount" | "toPayPalAccount" | undefined
   >(undefined);
   const [paymentScheduleChecked, setPaymentScheduleChecked] = useState<
-    "paymentThreshold" | "paymentDay" | undefined
+    "BALANCE_THRESHOLD" | "FIXED_DAY" | undefined
   >(undefined);
 
   const [currency, setCurrency] = useState(defaultCurrency);
@@ -597,6 +597,7 @@ function useDemoBankingInfoForm(
         setBankCountry,
         setPaymentMethodChecked,
         setPaymentScheduleChecked,
+        getValidationErrorMessage: props.getValidationErrorMessage,
       },
       text: props.getTextProps(),
       refs: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 6b0978bcf3..620013b619 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -561,7 +561,7 @@ export function useBankingInfoForm(
     "toBankAccount" | "toPayPalAccount" | undefined
   >(undefined);
   const [paymentScheduleChecked, setPaymentScheduleChecked] = useState<
-    "paymentThreshold" | "paymentDay" | undefined
+    "BALANCE_THRESHOLD" | "FIXED_DAY" | undefined
   >(undefined);
 
   const onSubmit = async (event: any) => {
@@ -581,7 +581,7 @@ export function useBankingInfoForm(
         JSONPointer.set(validationErrors, key, { type: "required" });
       }
     });
-
+    console.log({ formData });
     setErrors({ inputErrors: validationErrors });
     if (Object.keys(validationErrors).length) {
       return;
@@ -599,10 +599,9 @@ export function useBankingInfoForm(
             id: user.id,
             accountId: user.accountId,
           },
-          paymentMethod: formData?.paypalEmailAddress
-            ? "PAYPAL"
-            : getPaymentMethod(currentPaymentOption),
           ...formData,
+          paymentMethod: getPaymentMethod(currentPaymentOption),
+          paymentSchedulingType: paymentScheduleChecked,
         } as SetImpactPublisherWithdrawalSettingsInput,
       });
       if (!response || (response as Error)?.message) {
@@ -755,6 +754,7 @@ export function useBankingInfoForm(
       setPaymentMethodChecked,
       setPaymentScheduleChecked,
       setCurrency,
+      getValidationErrorMessage: props.getValidationErrorMessage,
     },
     states: {
       saveDisabled: !paymentMethodChecked || !paymentScheduleChecked,

From 303d50cbb88b8f1c15c9e4166c475c3948a06970 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 1 Mar 2024 11:41:48 -0800
Subject: [PATCH 383/753] build + publish

---
 packages/mint-components/package-lock.json    |  4 +-
 packages/mint-components/package.json         |  2 +-
 .../sqm-rewards-table/cells/readme.md         |  1 -
 .../sqm-banking-info-form/readme.md           | 98 +++++++++----------
 .../sqm-indirect-tax-form/readme.md           | 66 +++++++------
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  2 +
 6 files changed, 88 insertions(+), 85 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index a2c203a46a..cc1c3003ff 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-47",
+  "version": "1.8.0-48",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-47",
+      "version": "1.8.0-48",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 35bdd50a8b..825ac60231 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-47",
+  "version": "1.8.0-48",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md b/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
index 6bc1d5f063..8b111e812d 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
@@ -22,7 +22,6 @@
 | `pendingTaxSubmission`   | `pending-tax-submission`   |             | `string`           | `"Submit your tax documents to receive your rewards."`               |
 | `pendingUnhandled`       | `pending-unhandled`        |             | `string`           | `"Fulfillment error"`                                                |
 | `pendingUsTax`           | `pending-us-tax`           |             | `string`           | `"W-9 required"`                                                     |
-| `publisherConnection`    | `publisher-connection`     |             | `any`              | `undefined`                                                          |
 | `reward`                 | --                         |             | `Reward`           | `undefined`                                                          |
 | `statusText`             | `status-text`              |             | `string`           | `undefined`                                                          |
 | `taxConnection`          | --                         |             | `ImpactConnection` | `undefined`                                                          |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 64ab9e97eb..906f2983be 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -5,55 +5,55 @@
 
 ## Properties
 
-| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | Default                                                                                                                                                                     |
-| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Agency Code"`                                                                                                                                                             |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank Account Number"`                                                                                                                                                     |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank Account Type"`                                                                                                                                                       |
-| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank Address"`                                                                                                                                                            |
-| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank City"`                                                                                                                                                               |
-| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank Country Location"`                                                                                                                                                   |
-| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank Name"`                                                                                                                                                               |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank Postal Code"`                                                                                                                                                        |
-| `bankProvinceStateLabel`              | `bank-province-state-label`                 | Label text for the Bank Province State input                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Bank Province State"`                                                                                                                                                     |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Beneficiary Account Name"`                                                                                                                                                |
-| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Branch Code"`                                                                                                                                                             |
-| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Business"`                                                                                                                                                                |
-| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting."`                                           |
-| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Checking"`                                                                                                                                                                |
-| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Classification CPF"`                                                                                                                                                      |
-| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Classification Entity"`                                                                                                                                                   |
-| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Classification"`                                                                                                                                                          |
-| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "paymentThreshold" \| "paymentDay"; errors?: { [field: string]: boolean; general?: boolean; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; }; }` | `undefined`                                                                                                                                                                 |
-| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Directly to my bank account"`                                                                                                                                             |
-| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Foreign"`                                                                                                                                                                 |
-| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Step 4 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem submitting your information"`                                                                                                                         |
-| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"IBAN"`                                                                                                                                                                    |
-| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Individual"`                                                                                                                                                              |
-| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"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."` |
-| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Patronymic Name"`                                                                                                                                                         |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"PayPal Email"`                                                                                                                                                            |
-| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"15th of the month"`                                                                                                                                                       |
-| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"1st of the month"`                                                                                                                                                        |
-| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payment Day"`                                                                                                                                                             |
-| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payment Method"`                                                                                                                                                          |
-| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                     |
-| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payment Schedule"`                                                                                                                                                        |
-| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Pay me when my balance reaches a threshold"`                                                                                                                              |
-| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Pay me on a fixed day of the month"`                                                                                                                                      |
-| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payment Threshold"`                                                                                                                                                       |
-| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Routing Code"`                                                                                                                                                            |
-| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Savings"`                                                                                                                                                                 |
-| `submitButton`                        | `submit-button`                             | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Save"`                                                                                                                                                                    |
-| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"SWIFT Code"`                                                                                                                                                              |
-| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax and Payouts"`                                                                                                                                                         |
-| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
-| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Taxpayer ID"`                                                                                                                                                             |
-| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                           |
-| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"VO Code"`                                                                                                                                                                 |
+| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Default                                                                                                                                                                     |
+| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Agency Code"`                                                                                                                                                             |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank Account Number"`                                                                                                                                                     |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank Account Type"`                                                                                                                                                       |
+| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank Address"`                                                                                                                                                            |
+| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank City"`                                                                                                                                                               |
+| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank Country Location"`                                                                                                                                                   |
+| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank Name"`                                                                                                                                                               |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank Postal Code"`                                                                                                                                                        |
+| `bankProvinceStateLabel`              | `bank-province-state-label`                 | Label text for the Bank Province State input                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank Province State"`                                                                                                                                                     |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Beneficiary Account Name"`                                                                                                                                                |
+| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Branch Code"`                                                                                                                                                             |
+| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Business"`                                                                                                                                                                |
+| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting."`                                           |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Checking"`                                                                                                                                                                |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Classification CPF"`                                                                                                                                                      |
+| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Classification Entity"`                                                                                                                                                   |
+| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Classification"`                                                                                                                                                          |
+| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; }; }` | `undefined`                                                                                                                                                                 |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Directly to my bank account"`                                                                                                                                             |
+| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Foreign"`                                                                                                                                                                 |
+| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Step 4 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"There was a problem submitting your information"`                                                                                                                         |
+| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"IBAN"`                                                                                                                                                                    |
+| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Individual"`                                                                                                                                                              |
+| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"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."` |
+| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Patronymic Name"`                                                                                                                                                         |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"PayPal Email"`                                                                                                                                                            |
+| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"15th of the month"`                                                                                                                                                       |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"1st of the month"`                                                                                                                                                        |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Payment Day"`                                                                                                                                                             |
+| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Payment Method"`                                                                                                                                                          |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                     |
+| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Payment Schedule"`                                                                                                                                                        |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Pay me when my balance reaches a threshold"`                                                                                                                              |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Pay me on a fixed day of the month"`                                                                                                                                      |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Payment Threshold"`                                                                                                                                                       |
+| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Routing Code"`                                                                                                                                                            |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Savings"`                                                                                                                                                                 |
+| `submitButton`                        | `submit-button`                             | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Save"`                                                                                                                                                                    |
+| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"SWIFT Code"`                                                                                                                                                              |
+| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Tax and Payouts"`                                                                                                                                                         |
+| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Taxpayer ID"`                                                                                                                                                             |
+| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                           |
+| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"VO Code"`                                                                                                                                                                 |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 81a835c1f5..34be24b170 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -7,38 +7,40 @@
 
 ## Properties
 
-| Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                                                                  |
-| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                                                                                 |
-| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`                                            |
-| `demoData`                       | --                                    |                                                                                                    | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors: {}; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { provinceCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: number; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                              |
-| `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Step 2 of 4"`                                                                                                                                                                                                          |
-| `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                            |
-| `generalErrorTitle`              | `general-error-title`                 | Title text for a general form submission error                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                                                                                                                      |
-| `indirectTax`                    | `indirect-tax`                        | Heading text shown at the top of the page                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax"`                                                                                                                                                                                                         |
-| `indirectTaxDescription`         | `indirect-tax-description`            | Text shown at the top of the page below to the indirect tax header                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."`      |
-| `indirectTaxDetails`             | `indirect-tax-details`                | Heading text for the indirect tax details section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax Details"`                                                                                                                                                                                                 |
-| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Text shown below the indirect tax details heading text                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"If you represent a business entity, you may be registered for indirect tax. If you are based in the US you are most likely not registered. Not sure if you’re registered? Contact our Support team to find out more."` |
-| `indirectTaxNumber`              | `indirect-tax-number`                 | Label text for the indirect tax number input with a dynamic placeholder based on tax type          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                                                                  |
-| `indirectTaxNumberError`         | `indirect-tax-number-error`           | Error message for the indirect tax number input field with a dynamic placeholder based on tax type | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                                                                      |
-| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Description text for the alert when the user is identified as a partner                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."`                                              |
-| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Header text for the alert when the user is identified as a partner                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                             |
-| `isRegisteredQST`                | `is-registered-q-s-t`                 | Text for the option indicating registration for QST tax                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for QST Tax"`                                                                                                                                                                                          |
-| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Text for the option indicating registration for sub-region income tax                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                           |
-| `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am not registered for Indirect Tax"`                                                                                                                                                                                 |
-| `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax in a different region                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                                                                     |
-| `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province"`                                                                                                                                                                                                             |
-| `provinceError`                  | `province-error`                      | Error message for the province input field                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province is required"`                                                                                                                                                                                                 |
-| `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number"`                                                                                                                                                                                                           |
-| `qstTaxNumberError`              | `qst-tax-number-error`                | Error message for the QST tax number input field                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number is required"`                                                                                                                                                                                               |
-| `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country / Region of Indirect Tax"`                                                                                                                                                                                     |
-| `selectedRegionError`            | `selected-region-error`               | Error message for the selected region input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country is required"`                                                                                                                                                                                                  |
-| `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Sub-region"`                                                                                                                                                                                                           |
-| `subRegionError`                 | `sub-region-error`                    | Error message for the sub-region input field                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Sub-region is required"`                                                                                                                                                                                               |
-| `subRegionTaxNumberError`        | `sub-region-tax-number-error`         | Error message for the sub-region tax number input field                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number is required"`                                                                                                                                                                                        |
-| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number"`                                                                                                                                                                                                    |
-| `submitButton`                   | `submit-button`                       | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                                                                                                                             |
-| `taxDetailsError`                | `tax-details-error`                   | Error message for the tax details input field                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"This field is required"`                                                                                                                                                                                               |
+| Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                                                             |
+| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                                                                            |
+| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`                                       |
+| `demoData`                       | --                                    |                                                                                                    | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors: {}; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { provinceCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: number; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                         |
+| `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Step 2 of 4"`                                                                                                                                                                                                     |
+| `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
+| `generalErrorTitle`              | `general-error-title`                 | Title text for a general form submission error                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                                                                                                                 |
+| `indirectTax`                    | `indirect-tax`                        | Heading text shown at the top of the page                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax"`                                                                                                                                                                                                    |
+| `indirectTaxDescription`         | `indirect-tax-description`            | Text shown at the top of the page below to the indirect tax header                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."` |
+| `indirectTaxDetails`             | `indirect-tax-details`                | Heading text for the indirect tax details section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax Details"`                                                                                                                                                                                            |
+| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Text shown below the indirect tax details heading text                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Businesses based in countries that enforce indirect taxes (e.g. VAT, HST, GST) must add their indirect tax details to stay tax compliant."`                                                                       |
+| `indirectTaxNumber`              | `indirect-tax-number`                 | Label text for the indirect tax number input with a dynamic placeholder based on tax type          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                                                             |
+| `indirectTaxNumberError`         | `indirect-tax-number-error`           | Error message for the indirect tax number input field with a dynamic placeholder based on tax type | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                                                                 |
+| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Description text for the alert when the user is identified as a partner                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."`                                         |
+| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Header text for the alert when the user is identified as a partner                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
+| `isRegisteredQST`                | `is-registered-q-s-t`                 | Text for the option indicating registration for QST tax                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for QST Tax"`                                                                                                                                                                                     |
+| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Text for the option indicating registration for sub-region income tax                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                      |
+| `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Not registered for indirect tax"`                                                                                                                                                                                 |
+| `notRegisteredSubtext`           | `not-registered-subtext`              | Subtext for the option indicating not being registered for indirect tax                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
+| `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax in a different region                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Registered for indirect tax"`                                                                                                                                                                                     |
+| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"f you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                      |
+| `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province"`                                                                                                                                                                                                        |
+| `provinceError`                  | `province-error`                      | Error message for the province input field                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province is required"`                                                                                                                                                                                            |
+| `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number"`                                                                                                                                                                                                      |
+| `qstTaxNumberError`              | `qst-tax-number-error`                | Error message for the QST tax number input field                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number is required"`                                                                                                                                                                                          |
+| `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country / Region of Indirect Tax"`                                                                                                                                                                                |
+| `selectedRegionError`            | `selected-region-error`               | Error message for the selected region input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country is required"`                                                                                                                                                                                             |
+| `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Sub-region"`                                                                                                                                                                                                      |
+| `subRegionError`                 | `sub-region-error`                    | Error message for the sub-region input field                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Sub-region is required"`                                                                                                                                                                                          |
+| `subRegionTaxNumberError`        | `sub-region-tax-number-error`         | Error message for the sub-region tax number input field                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number is required"`                                                                                                                                                                                   |
+| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number"`                                                                                                                                                                                               |
+| `submitButton`                   | `submit-button`                       | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                                                                                                                        |
+| `taxDetailsError`                | `tax-details-error`                   | Error message for the tax details input field                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"This field is required"`                                                                                                                                                                                          |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 07608f5417..39c6e25185 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -36,6 +36,8 @@
 | `dashboard_taxDocumentSectionHeader`            | `dashboard_tax-document-section-header`              | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                             |
 | `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                   |
 | `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                   |
+| `notRegisteredSubtext`                          | `not-registered-subtext`                             | Subtext for the option indicating not being registered for indirect tax                                    | `string`                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                           |
+| `otherRegionSubtext`                            | `other-region-subtext`                               | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"f you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                |
 | `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                      |
 | `step1_allowBankingCollectionError`             | `step-1_allow-banking-collection-error`              | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                    |
 | `step1_businessEntity`                          | `step-1_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                             |

From c5995ec62c1cd9497de60b7beb873f6e5f41531f Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 1 Mar 2024 11:47:01 -0800
Subject: [PATCH 384/753] Replaced some text props with generalized vars

---
 packages/mint-components/src/components.d.ts  | 138 +++--------------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 143 ++++--------------
 packages/mint-components/src/index.html       |   6 +-
 3 files changed, 56 insertions(+), 231 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index d0ee3ea2bf..7d03b86534 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3690,18 +3690,6 @@ export namespace Components {
           * @uiGroup Dashboard Properties
          */
         "dashboard_editPaymentInformationButton": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Dashboard Properties
-         */
-        "dashboard_generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Dashboard Properties
-         */
-        "dashboard_generalErrorTitle": string;
         /**
           * Indirect tax number/type details
           * @uiName Indirect tax details
@@ -3833,6 +3821,17 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * Description text for a general form submission error
+          * @uiName General form submission error description
+         */
+        "generalErrorDescription": string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup General Form Properties
+         */
+        "generalErrorTitle": string;
         /**
           * Subtext for the option indicating not being registered for indirect tax
           * @uiName Not registered for indirect tax option sub-text
@@ -3917,18 +3916,6 @@ export namespace Components {
           * @uiGroup Step 1 Properties
          */
         "step1_formStep": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 1 Properties
-         */
-        "step1_generalErrorTitle": string;
         /**
           * Label text for the individual participant radio button
           * @uiName Individual participant radio button label
@@ -4007,18 +3994,6 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_formStep": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 2 Properties
-         */
-        "step2_generalErrorTitle": string;
         /**
           * Heading text shown at the top of the page
           * @uiName Indirect tax heading text
@@ -4217,18 +4192,6 @@ export namespace Components {
           * @uiGroup Step 3 Properties
          */
         "step3_formSubmissionError": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3 Properties
-         */
-        "step3_generalErrorTitle": string;
         /**
           * Label text for the individual participant radio button
           * @uiName Individual participant radio button label
@@ -4383,16 +4346,6 @@ export namespace Components {
           * @uiName Form step text
          */
         "step4_formStep": string;
-        /**
-          * Description text for a general form submission error
-          * @uiName General form submission error description
-         */
-        "step4_generalErrorDescription": string;
-        /**
-          * Title text for a general form submission error
-          * @uiName General form submission error title
-         */
-        "step4_generalErrorTitle": string;
         /**
           * Label text for the IBAN input field
           * @uiName IBAN input label
@@ -9240,18 +9193,6 @@ declare namespace LocalJSX {
           * @uiGroup Dashboard Properties
          */
         "dashboard_editPaymentInformationButton"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Dashboard Properties
-         */
-        "dashboard_generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Dashboard Properties
-         */
-        "dashboard_generalErrorTitle"?: string;
         /**
           * Indirect tax number/type details
           * @uiName Indirect tax details
@@ -9383,6 +9324,17 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * Description text for a general form submission error
+          * @uiName General form submission error description
+         */
+        "generalErrorDescription"?: string;
+        /**
+          * The title for error message shown at the top of the page in an error banner
+          * @uiName General error title
+          * @uiGroup General Form Properties
+         */
+        "generalErrorTitle"?: string;
         /**
           * Subtext for the option indicating not being registered for indirect tax
           * @uiName Not registered for indirect tax option sub-text
@@ -9467,18 +9419,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 1 Properties
          */
         "step1_formStep"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 1 Properties
-         */
-        "step1_generalErrorTitle"?: string;
         /**
           * Label text for the individual participant radio button
           * @uiName Individual participant radio button label
@@ -9557,18 +9497,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_formStep"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 2 Properties
-         */
-        "step2_generalErrorTitle"?: string;
         /**
           * Heading text shown at the top of the page
           * @uiName Indirect tax heading text
@@ -9767,18 +9695,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "step3_formSubmissionError"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-          * @uiGroup Step 3 Properties
-         */
-        "step3_generalErrorTitle"?: string;
         /**
           * Label text for the individual participant radio button
           * @uiName Individual participant radio button label
@@ -9933,16 +9849,6 @@ declare namespace LocalJSX {
           * @uiName Form step text
          */
         "step4_formStep"?: string;
-        /**
-          * Description text for a general form submission error
-          * @uiName General form submission error description
-         */
-        "step4_generalErrorDescription"?: string;
-        /**
-          * Title text for a general form submission error
-          * @uiName General form submission error title
-         */
-        "step4_generalErrorTitle"?: string;
         /**
           * Label text for the IBAN input field
           * @uiName IBAN input label
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 4d2bf1aad1..8a3a6c7e89 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -147,7 +147,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_participantTypeError: string = "Select a participant type";
-
   /**
    * Alert header text shown in alert if user is already a registered partner
    * @uiName Participant is partner title
@@ -155,7 +154,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() step1_isPartnerAlertHeader: string =
     "An account with this email already exists with our referral program provider, impact.com";
-
   /**
    * Alert description text shown in alert if user is already a registered partner
    * @uiName Participant is partner description
@@ -163,24 +161,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() step1_isPartnerAlertDescription: string =
     "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.";
-
-  /**
-   * The title for error message shown at the top of the page in an error banner
-   *
-   * @uiName General error title
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_generalErrorTitle: string =
-    "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
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_generalErrorDescription: string =
-    "Please review your information and try again. If this problem continues, contact Support.";
-
   /**
    * * STEP 2 PROPS:
    */
@@ -328,23 +308,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_taxDetailsError: string = "This field is required";
-  /**
-   * The title for error message shown at the top of the page in an error banner
-   *
-   * @uiName General error title
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_generalErrorTitle: string =
-    "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
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_generalErrorDescription: string =
-    "Please review your information and try again. If this problem continues, contact Support.";
-
   /**
    * Alert text indicating participant cannot change info after it has been submitted
    * @uiName Cannot change info Alert text
@@ -512,22 +475,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 3 Properties
    */
   @Prop() step3_backButton: string = "Back";
-  /**
-   * The title for error message shown at the top of the page in an error banner
-   *
-   * @uiName General error title
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_generalErrorTitle: string =
-    "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
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_generalErrorDescription: string =
-    "Please review your information and try again. If this problem continues, contact Support.";
   /**
    * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
    *
@@ -535,7 +482,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 3 Properties
    */
   @Prop() step3_formSubmissionError: string = "This field is required";
-
   /**
    * STEP 4 PAYOUT INFORMATION FORM
    */
@@ -544,26 +490,22 @@ export class TaxAndCashMonolith {
    * @uiName Form step text
    */
   @Prop() step4_formStep: string = "Step 4 of 4";
-
   /**
    * Heading text shown at the top of the page
    * @uiName Tax and Payouts heading text
    */
   @Prop() step4_taxAndPayouts: string = "Tax and Payouts";
-
   /**
    * Text shown at the top of the page next to the tax and payouts label text
    * @uiName Tax and Payouts label text
    */
   @Prop() step4_taxAndPayoutsDescription: string =
     "Submit your tax documents and add your banking information to receive your rewards.";
-
   /**
    * Text for the option to receive payments directly to a bank account
    * @uiName Directly to bank account option text
    */
   @Prop() step4_directlyToBankAccount: string = "Directly to my bank account";
-
   /**
    * Text for the option to receive payments to a PayPal account with processing fee details
    * @uiName PayPal option text with processing fee placeholder
@@ -582,7 +524,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() step4_paymentScheduleFixedDay: string =
     "Pay me on a fixed day of the month";
-
   /**
    * Label text for the payment day select
    * @uiName Payment day select label
@@ -797,20 +738,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() step4_cannotChangeInfoAlert: string =
     "Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting.";
-  /**
-   * Title text for a general form submission error
-   * @uiName General form submission error title
-   */
-  @Prop() step4_generalErrorTitle: string =
-    "There was a problem submitting your information";
-
-  /**
-   * Description text for a general form submission error
-   * @uiName General form submission error description
-   */
-  @Prop() step4_generalErrorDescription: string =
-    "Please review your information and try again. If this problem continues, contact Support.";
-
   /**
    * * DASHBOARD DOCUMENT SUBMITTED VIEW STEP
    */
@@ -1005,22 +932,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() dashboard_notRegisteredForTax: string =
     "Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information.";
-  /**
-   * The title for error message shown at the top of the page in an error banner
-   *
-   * @uiName General error title
-   * @uiGroup Dashboard Properties
-   */
-  @Prop() dashboard_generalErrorTitle: string =
-    "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
-   * @uiGroup Dashboard Properties
-   */
-  @Prop() dashboard_generalErrorDescription: string =
-    "Please review your information and try again. If this problem continues, contact Support.";
   /**
    * Label text for the QST number
    * @uiName QST number input
@@ -1035,6 +946,22 @@ export class TaxAndCashMonolith {
   @Prop() dashboard_subRegionTaxNumber: string =
     "Income Tax Number: {incomeTaxNumber}";
 
+  /**
+   * The title for error message shown at the top of the page in an error banner
+   *
+   * @uiName General error title
+   * @uiGroup General Form Properties
+   */
+  @Prop() generalErrorTitle: string =
+    "There was a problem submitting your information";
+
+  /**
+   * Description text for a general form submission error
+   * @uiName General form submission error description
+   */
+  @Prop() generalErrorDescription: string =
+    "Please review your information and try again. If this problem continues, contact Support.";
+
   /**
    * @undocumented
    * @uiType object
@@ -1046,25 +973,13 @@ export class TaxAndCashMonolith {
   }
   disconnectedCallback() {}
 
-  getUserInfoFormTextProps() {
-    const props = getProps(this);
-    return extractProps(props, "step1_");
-  }
-  getIndirectTaxFormTextProps() {
+  getGeneralStepTextProps(prefix: string) {
     const props = getProps(this);
-    return extractProps(props, "step2_");
-  }
-  getDocuSignFormTextProps() {
-    const props = getProps(this);
-    return extractProps(props, "step3_");
-  }
-  getDocumentTypeFormTextProps() {
-    const props = getProps(this);
-    return extractProps(props, "step3b_");
-  }
-  getSubmittedPageTextProps() {
-    const props = getProps(this);
-    return extractProps(props, "dashboard_");
+    return {
+      ...extractProps(props, prefix),
+      generalErrorTitle: props.generalErrorTitle,
+      generalErrorDescription: props.generalErrorDescription,
+    };
   }
 
   render() {
@@ -1075,27 +990,31 @@ export class TaxAndCashMonolith {
       case "/1":
         return (
           <sqm-user-info-form
-            {...this.getUserInfoFormTextProps()}
+            {...this.getGeneralStepTextProps("step1_")}
           ></sqm-user-info-form>
         );
       case "/2":
         return (
           <sqm-indirect-tax-form
-            {...this.getIndirectTaxFormTextProps()}
+            {...this.getGeneralStepTextProps("step2_")}
           ></sqm-indirect-tax-form>
         );
       case "/3":
         return (
           <sqm-docusign-form
-            {...this.getDocuSignFormTextProps()}
+            {...this.getGeneralStepTextProps("step3_")}
           ></sqm-docusign-form>
         );
       case "/4":
-        return <sqm-banking-info-form></sqm-banking-info-form>;
+        return (
+          <sqm-banking-info-form
+            {...this.getGeneralStepTextProps("step4_")}
+          ></sqm-banking-info-form>
+        );
       case "/submitted":
         return (
           <sqm-tax-and-cash-dashboard
-            {...this.getSubmittedPageTextProps()}
+            {...this.getGeneralStepTextProps("dashboard_")}
           ></sqm-tax-and-cash-dashboard>
         );
     }
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From 359d30a9e3bb6cbd23dd9fa9da1136a9361241aa Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 4 Mar 2024 09:05:43 -0800
Subject: [PATCH 385/753] Payout details card updates

---
 .../PayoutDetailsCard.stories.tsx             | 158 ++++++++++--------
 .../sqm-payout-details-card-view.tsx          |  87 ++++++++--
 .../sqm-payout-details-card.tsx               |  17 +-
 .../usePayoutDetailsCard.ts                   |   6 +-
 .../sqm-tax-and-cash-dashboard.tsx            |   6 +-
 .../useTaxAndCashDashboard.tsx                |   4 +-
 6 files changed, 173 insertions(+), 105 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
index 14a1b9b257..9ec18848a3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
@@ -4,17 +4,6 @@ export default {
   title: "Components/Payout Details Card",
 };
 
-const currencyList = [
-  { amountText: "15.92", currencyText: "CAD" },
-  { amountText: "12.92", currencyText: "EUR" },
-  { amountText: "10.92", currencyText: "GBP" },
-  { amountText: "10.92", currencyText: "AED" },
-];
-
-export const Upcoming = () => {
-  return <sqm-payout-details-card></sqm-payout-details-card>;
-};
-
 export const Loading = () => {
   return (
     <sqm-payout-details-card
@@ -27,12 +16,12 @@ export const Loading = () => {
   );
 };
 
-export const Empty = () => {
+export const Error = () => {
   return (
     <sqm-payout-details-card
       demoData={{
         states: {
-          empty: true,
+          error: true,
         },
       }}
     ></sqm-payout-details-card>
@@ -40,96 +29,121 @@ export const Empty = () => {
 };
 
 export const NextPayout = () => {
-  return (
-    <sqm-payout-details-card
-      demoData={{
-        states: {
-          status: "next payout",
-        },
-      }}
-    ></sqm-payout-details-card>
-  );
+  return <sqm-payout-details-card></sqm-payout-details-card>;
 };
 
-export const Pending = () => {
+export const PayoutToday = () => {
   return (
     <sqm-payout-details-card
       demoData={{
         states: {
-          status: "pending",
+          status: "payoutToday",
         },
       }}
     ></sqm-payout-details-card>
   );
 };
 
-export const OtherCurrencies = () => {
+export const ThresholdPayout = () => {
   return (
     <sqm-payout-details-card
       demoData={{
         states: {
-          otherCurrencies: currencyList,
+          thresholdBalance: "50 USD",
+          status: "thresholdPayout",
         },
       }}
     ></sqm-payout-details-card>
   );
 };
 
-export const W9OnlyPending = () => {
+export const PaypalPayout = () => {
   return (
     <sqm-payout-details-card
       demoData={{
         states: {
-          status: "pending",
-          hasDatePending: false,
-          hasW9Pending: true,
-          w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
+          payoutType: "PAYPAL",
         },
       }}
     ></sqm-payout-details-card>
   );
 };
 
-export const DateOnlyPending = () => {
-  return (
-    <sqm-payout-details-card
-      demoData={{
-        states: {
-          status: "pending",
-          hasDatePending: true,
-          hasW9Pending: false,
-          otherCurrencies: currencyList,
-          w9Pending: undefined,
-        },
-      }}
-    ></sqm-payout-details-card>
-  );
-};
+// ZH: Will most likeley not need these states anymore.
 
-export const CombinedPending = () => {
-  return (
-    <sqm-payout-details-card
-      demoData={{
-        states: {
-          status: "pending",
-          hasDatePending: true,
-          hasW9Pending: true,
-          w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
-        },
-      }}
-    ></sqm-payout-details-card>
-  );
-};
+// const currencyList = [
+//   { amountText: "15.92", currencyText: "CAD" },
+//   { amountText: "12.92", currencyText: "EUR" },
+//   { amountText: "10.92", currencyText: "GBP" },
+//   { amountText: "10.92", currencyText: "AED" },
+// ];
 
-export const PaypalPayout = () => {
-  return (
-    <sqm-payout-details-card
-      demoData={{
-        states: {
-          status: "next payout",
-          payoutType: "PAYPAL",
-        },
-      }}
-    ></sqm-payout-details-card>
-  );
-};
+// export const Pending = () => {
+//   return (
+//     <sqm-payout-details-card
+//       demoData={{
+//         states: {
+//           status: "pending",
+//         },
+//       }}
+//     ></sqm-payout-details-card>
+//   );
+// };
+
+// export const W9OnlyPending = () => {
+//   return (
+//     <sqm-payout-details-card
+//       demoData={{
+//         states: {
+//           status: "pending",
+//           hasDatePending: false,
+//           hasW9Pending: true,
+//           w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
+//         },
+//       }}
+//     ></sqm-payout-details-card>
+//   );
+// };
+
+// export const OtherCurrencies = () => {
+//   return (
+//     <sqm-payout-details-card
+//       demoData={{
+//         states: {
+//           otherCurrencies: currencyList,
+//         },
+//       }}
+//     ></sqm-payout-details-card>
+//   );
+// };
+
+// export const DateOnlyPending = () => {
+//   return (
+//     <sqm-payout-details-card
+//       demoData={{
+//         states: {
+//           status: "pending",
+//           hasDatePending: true,
+//           hasW9Pending: false,
+//           otherCurrencies: currencyList,
+//           w9Pending: undefined,
+//         },
+//       }}
+//     ></sqm-payout-details-card>
+//   );
+// };
+
+// export const CombinedPending = () => {
+//   return (
+//     <sqm-payout-details-card
+//       demoData={{
+//         states: {
+//           status: "pending",
+//           hasDatePending: true,
+//           hasW9Pending: true,
+//           w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
+//         },
+//       }}
+//     ></sqm-payout-details-card>
+//   );
+// };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index e07db7b52b..897d45e029 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
 import { PayPalIcon } from "../SVGs";
+import { intl } from "../../../global/global";
 
 export type currencyAmount = {
   amountText: string;
@@ -11,23 +12,21 @@ export interface PayoutDetailsCardViewProps {
   states: {
     loading?: boolean;
     mainCurrency: currencyAmount;
-    status: "pending" | "upcoming" | "next payout";
+    status: "thresholdPayout" | "payoutToday" | "nextPayout";
     payoutType: "PAYPAL" | "BANK_TRANSFER";
-    empty?: boolean;
+    error?: boolean;
     hasW9Pending?: boolean;
     hasDatePending?: boolean;
+    nextPayoutDate?: string;
     paypalEmailAddress?: string;
     cardNumberPreview?: string;
     bankName?: string;
+    thresholdBalance?: string;
   };
 
   text: {
-    pendingStatusBadgeText: string;
-    upcomingStatusBadgeText: string;
-    nextPayoutStatusBadgeText: string;
-    pendingDetailedStatusText: string;
-    upcomingDetailedStatusText: string;
-    nextPayoutDetailedStatusText: string;
+    thresholdPayoutText: string;
+    statusBadgeText: string;
     w9PendingText: string;
     additionalW9Text?: string;
     otherCurrenciesText: string;
@@ -67,6 +66,18 @@ const style = {
     margin: 0,
     width: "auto",
   },
+
+  PaypalEmail: {
+    borderRight: "1px solid var(--sl-color-gray-200)",
+    paddingRight: "var(--sl-spacing-small)",
+  },
+  AccountDetailsContainer: {
+    color: "var(--sl-color-gray-500)",
+    display: "flex",
+    gap: "var(--sl-spacing-small)",
+    justifyContent: "flex-start",
+    alignItems: "center",
+  },
   CurrenciesContainer: {
     display: "grid",
     width: "auto",
@@ -127,34 +138,76 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
     );
   };
 
+  const renderStatusBadge = (status: string, statusBadgeText: string) => {
+    const badgeType = status === "nextPayout" ? "success" : "primary";
+    const statusText = intl.formatMessage(
+      {
+        id: "badgeText",
+        defaultMessage: statusBadgeText,
+      },
+      {
+        badgeText: status,
+      }
+    );
+
+    return (
+      <sl-badge pill type={badgeType}>
+        {statusText}
+      </sl-badge>
+    );
+  };
+
+  const thresholdText = intl.formatMessage(
+    {
+      id: "thresholdText",
+      defaultMessage: text.thresholdPayoutText,
+    },
+    {
+      thresholdBalance: states.thresholdBalance,
+    }
+  );
+
   return (
     <div>
       <style type="text/css">{styleString}</style>
+      {states.error && (
+        <sl-alert type="danger" open>
+          <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+          <div>
+            <b>There was an error with your payout infomation</b>
+            Please ensure your payout information is correct. If this problem
+            continues, contact Support.
+          </div>
+        </sl-alert>
+      )}
       {states.loading ? (
         renderLoadingSkeleton()
       ) : (
         <div class={classes.Container}>
           <div class={classes.StatusContainer}>
             <p class={classes.SubduedRegularText}>
-              {text.nextPayoutDetailedStatusText}
+              {states.status === "thresholdPayout"
+                ? thresholdText
+                : states.nextPayoutDate}
             </p>
-            <sl-badge pill type={"success"}>
-              {text.nextPayoutStatusBadgeText}
-            </sl-badge>
+            {states.status === "thresholdPayout"
+              ? null
+              : renderStatusBadge(states.status, text.statusBadgeText)}
           </div>
 
           <h1 class={classes.MainCurrency}>
-            {states.mainCurrency?.amountText}
-            {states.mainCurrency.currencyText}
+            {states.mainCurrency?.amountText} {states.mainCurrency.currencyText}
           </h1>
 
           {states.payoutType === "PAYPAL" ? (
-            <div style={{ display: "flex", gap: "var(--sl-spacing-small)" }}>
-              <span>{states.paypalEmailAddress}</span>
+            <div class={classes.AccountDetailsContainer}>
+              <span class={classes.PaypalEmail}>
+                {states.paypalEmailAddress}
+              </span>
               <PayPalIcon />
             </div>
           ) : (
-            <div style={{ display: "flex", gap: "var(--sl-spacing-small)" }}>
+            <div class={classes.AccountDetailsContainer}>
               <span>{states.cardNumberPreview}</span>
             </div>
           )}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 9d30b9cab8..7e9f745026 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -30,12 +30,11 @@ export class PayoutDetailsCard {
   getTextProps() {
     return {
       //TODO: Add props for this text once designs are more fleshed out
-      pendingStatusBadgeText: "Pending",
-      upcomingStatusBadgeText: "Upcoming",
-      nextPayoutStatusBadgeText: "Next payout",
-      pendingDetailedStatusText: "Check rewards table for available date",
-      upcomingDetailedStatusText: "November 1, 2022",
-      nextPayoutDetailedStatusText: "November 1, 2022",
+      // pendingDetailedStatusText: "Check rewards table for available date",
+      // upcomingDetailedStatusText: "November 1, 2022",
+      statusBadgeText:
+        "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }",
+      thresholdPayoutText: "Payout occurs when balance is {thresholdBalance}",
       otherCurrenciesText: "other currencies",
       w9PendingText: "Awaiting W-9 tax form",
     };
@@ -58,10 +57,12 @@ function useDemoPayoutDetailsCard(props: PayoutDetailsCard) {
     {
       states: {
         loading: false,
-        empty: false,
+        error: false,
         mainCurrency: { currencyText: "USD", amountText: "100.00" },
-        status: "upcoming",
+        status: "nextPayout",
         payoutType: "BANK_TRANSFER",
+        nextPayoutDate: "March 14, 2024",
+        paypalEmailAddress: "joesmith@example.com",
         otherCurrencies: false,
         hasW9Pending: false,
         hasDatePending: true,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index b55f051078..5d959e27e0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -53,15 +53,15 @@ export function usePayoutDetailsCard(
         currencyText: publisher?.currency,
         amountText: publisher?.payoutsAccount?.balance,
       },
-      status: "next payout",
+      status: "nextPayout",
       payoutType: publisher?.withdrawalSettings?.paymentMethod,
-      empty: false,
+      error: false,
       paypalEmailAddress: publisher?.withdrawalSettings?.paypalEmailAddress,
       cardNumberPreview: publisher?.withdrawalSettings?.bankAccountNumber,
+      nextPayoutDate: paymentDay,
     },
     text: {
       ...props.getTextProps(),
-      nextPayoutDetailedStatusText: paymentDay,
     },
   };
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index d5d8c144e9..d3b0208e4d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -9,7 +9,7 @@ import {
   UseTaxAndCashDashboardResult,
   useTaxAndCashDashboard,
 } from "./useTaxAndCashDashboard";
-import { Upcoming } from "../sqm-payout-details-card/PayoutDetailsCard.stories";
+import { NextPayout } from "../sqm-payout-details-card/PayoutDetailsCard.stories";
 
 /**
  * @uiName Tax and Cash Status Dashboard
@@ -247,7 +247,7 @@ export class TaxAndCashDashboard {
           callbacks={props.callbacks}
           states={props.states}
           text={props.text}
-          slots={{ payoutDetailsCardSlot: <Upcoming /> }}
+          slots={{ payoutDetailsCardSlot: <NextPayout /> }}
         />
       </Host>
     );
@@ -273,7 +273,7 @@ function useDemoTaxAndCashDashboard(
         onEditPayoutInfo: () => console.debug("payout info"),
       },
       slots: {
-        paymentDetailsCardSlot: <Upcoming />,
+        paymentDetailsCardSlot: <NextPayout />,
       },
       text: props.getTextProps(),
     },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 89554ab04a..002aa1f6f6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -14,7 +14,7 @@ import { INDIRECT_TAX_PROVINCES } from "../subregions";
 import { TaxAndCashDashboard } from "./sqm-tax-and-cash-dashboard";
 import { TaxAndCashDashboardProps } from "./sqm-tax-and-cash-dashboard-view";
 import { useLocale } from "@saasquatch/component-boilerplate";
-import { Upcoming } from "../sqm-payout-details-card/PayoutDetailsCard.stories";
+import { NextPayout } from "../sqm-payout-details-card/PayoutDetailsCard.stories";
 import { taxTypeToName } from "../utils";
 
 function getExpiresSoon(submissionDate: number, expiryDate: number) {
@@ -116,7 +116,7 @@ export const useTaxAndCashDashboard = (
     },
     slots: {
       // TODO: Replace this story once we have hooks for payment details card
-      payoutDetailsCardSlot: <Upcoming />,
+      payoutDetailsCardSlot: <NextPayout />,
     },
     callbacks: {
       onClick: onNewDocumentClick,

From 9c74494a40eb019264047c0adc90b089c32ef484 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 4 Mar 2024 09:08:09 -0800
Subject: [PATCH 386/753] comments

---
 .../cells/sqm-referral-table-rewards-cell.tsx                | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
index 2dba23de51..1b01b23d4a 100644
--- a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
@@ -202,7 +202,9 @@ export class ReferralTableRewardsCell {
                 {reward.prettyValue}
               </span>
             </TextSpanView>
-            {/* If state is pending and reward has expiry date, display the relative time inside badge. Otherwise only display the badge text */}
+            {/* If state is pending and reward has expiry date, 
+            display the relative time inside badge. 
+            Otherwise only display the badge text */}
             {/* Pending for W9 Tax reasons cases here */}
             <div class={sheet.classes.BadgeContainer}>
               {state === "PENDING" && reward.dateScheduledFor ? (
@@ -293,6 +295,7 @@ export class ReferralTableRewardsCell {
                 </TextSpanView>
               </div>
             )}
+            {/* TODO: Combine these cases */}
             {state === "PENDING_TAX_REVIEW" && (
               <div>
                 <TextSpanView type="p">{statusText}</TextSpanView>

From b7e893e24c1d2e5b4554f1a55abeeaa1d279bfe7 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 4 Mar 2024 09:30:58 -0800
Subject: [PATCH 387/753] CSS polish for payment details card

---
 .../sqm-payout-details-card-view.tsx          | 34 +++++++++++++++----
 1 file changed, 28 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index 897d45e029..5dd8919bfd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -34,7 +34,7 @@ export interface PayoutDetailsCardViewProps {
 }
 
 const style = {
-  Container: {
+  CardContainer: {
     display: "grid",
     gridTemplateColumns: "1fr",
     gridGap: "var(--sl-spacing-large)",
@@ -116,6 +116,28 @@ const style = {
     width: "50%",
     height: "34px",
   },
+  Alert: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-red-100)",
+      borderTop: "none",
+      padding: "0 16px",
+    },
+
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
+  AlertContent: {
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "flex-start",
+    flexDirection: "column",
+  },
+  Container: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-xx-large)",
+  },
 };
 
 export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
@@ -127,7 +149,7 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
 
   const renderLoadingSkeleton = () => {
     return (
-      <div class={classes.Container}>
+      <div class={classes.CardContainer}>
         <div class={classes.StatusContainer}>
           <sl-skeleton class={classes.SkeletonOne}></sl-skeleton>
           <sl-skeleton class={classes.SkeletonTwo}></sl-skeleton>
@@ -168,12 +190,12 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
   );
 
   return (
-    <div>
+    <div class={classes.Container}>
       <style type="text/css">{styleString}</style>
       {states.error && (
-        <sl-alert type="danger" open>
+        <sl-alert class={classes.Alert} type="danger" open>
           <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
-          <div>
+          <div class={classes.AlertContent}>
             <b>There was an error with your payout infomation</b>
             Please ensure your payout information is correct. If this problem
             continues, contact Support.
@@ -183,7 +205,7 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
       {states.loading ? (
         renderLoadingSkeleton()
       ) : (
-        <div class={classes.Container}>
+        <div class={classes.CardContainer}>
           <div class={classes.StatusContainer}>
             <p class={classes.SubduedRegularText}>
               {states.status === "thresholdPayout"

From 7a3796de7bb9c753bb045dd5b05fad9e14ffd8f2 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 4 Mar 2024 09:48:29 -0800
Subject: [PATCH 388/753] specs for reward status updates

---
 packages/mint-components/src/components.d.ts  |  60 ++++++
 .../referral-table-rewards-column.feature     | 123 ++++++------
 .../sqm-rewards-table-status-column.feature   | 178 ++++++++++--------
 .../sqm-rewards-table-status-column.tsx       |  48 ++++-
 .../sqm-rewards-table/mockRewardData.ts       |  12 +-
 .../sqm-rewards-table/mockTaxData.ts          |  12 +-
 .../sqm-rewards-table/useRewardsTable.tsx     |   3 -
 7 files changed, 287 insertions(+), 149 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index d0ee3ea2bf..9a42e1b7d1 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3142,6 +3142,26 @@ export namespace Components {
           * @uiName Expiry date prefix
          */
         "expiryText": string;
+        /**
+          * Displayed when reward payout has failed (based on Impact cash payout configuration).
+          * @uiName Payout failed text
+         */
+        "payoutFailed": string;
+        /**
+          * Displayed when reward payout is sent (based on Impact cash payout configuration).
+          * @uiName Payout sent text
+         */
+        "payoutSent": string;
+        /**
+          * Displayed when pending due to requiring a new tax document
+          * @uiName Pending new tax form text
+         */
+        "pendingNewTaxForm": string;
+        /**
+          * Displayed when pending due to need to connect to an Impact partner
+          * @uiName Pending partner creation text
+         */
+        "pendingPartnerCreation": string;
         /**
           * Displayed when flagged for fraud.
           * @uiName Pending review text
@@ -3152,6 +3172,16 @@ export namespace Components {
           * @uiName Pending date prefix
          */
         "pendingScheduled": string;
+        /**
+          * Displayed when pending due to tax document review.
+          * @uiName Pending tax review text
+         */
+        "pendingTaxReview": string;
+        /**
+          * Displayed when pending due to lack of tax document submission.
+          * @uiName Pending tax submission text
+         */
+        "pendingTaxSubmission": string;
         /**
           * Displayed when fulfillment error occured when creating a reward.
           * @uiName Unhandled error text
@@ -8694,6 +8724,26 @@ declare namespace LocalJSX {
           * @uiName Expiry date prefix
          */
         "expiryText"?: string;
+        /**
+          * Displayed when reward payout has failed (based on Impact cash payout configuration).
+          * @uiName Payout failed text
+         */
+        "payoutFailed"?: string;
+        /**
+          * Displayed when reward payout is sent (based on Impact cash payout configuration).
+          * @uiName Payout sent text
+         */
+        "payoutSent"?: string;
+        /**
+          * Displayed when pending due to requiring a new tax document
+          * @uiName Pending new tax form text
+         */
+        "pendingNewTaxForm"?: string;
+        /**
+          * Displayed when pending due to need to connect to an Impact partner
+          * @uiName Pending partner creation text
+         */
+        "pendingPartnerCreation"?: string;
         /**
           * Displayed when flagged for fraud.
           * @uiName Pending review text
@@ -8704,6 +8754,16 @@ declare namespace LocalJSX {
           * @uiName Pending date prefix
          */
         "pendingScheduled"?: string;
+        /**
+          * Displayed when pending due to tax document review.
+          * @uiName Pending tax review text
+         */
+        "pendingTaxReview"?: string;
+        /**
+          * Displayed when pending due to lack of tax document submission.
+          * @uiName Pending tax submission text
+         */
+        "pendingTaxSubmission"?: string;
         /**
           * Displayed when fulfillment error occured when creating a reward.
           * @uiName Unhandled error text
diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature b/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature
index 690e5da335..ec3162e4e2 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature
@@ -2,68 +2,71 @@
 @owner:noah
 Feature: Referral Table Reward Column
 
-    Shows the reward associated with each referral
+  Shows the reward associated with each referral
 
-    Background:
-        Given the status column is included in the referral table
-        And at least one referral exists
+  Background:
+    Given the status column is included in the referral table
+    And at least one referral exists
 
-    @motivating
-    @ui
-    Scenario Outline: The referral reward and it's status are shown for each referral
-        Then for each referral reward there exists a reward cell
-        And the reward type and value is displayed in the cell
-        And the status of each reward is displayed as a pill in the cell
-        And rewards of <status> have a <pillColour> pill with the text <statusText>
-        Examples:
-            | status                   | pillColour | statusText               |
-            | Available                | green      | Available                |
-            | Pending                  | orange     | Pending                  |
-            | Pending Tax Review       | orange     | Pending Tax Review       |
-            | Pending New Tax Form     | orange     | Pending New Tax Form     |
-            | Pending Tax Submission   | orange     | Pending Tax Submission   |
-            | Pending Partner Creation | orange     | Pending Partner Creation |
-            | Cancelled                | red        | Cancelled                |
-            | Payout Failed            | red        | Payout Failed            |
-            | Expired                  | red        | Expired                  |
-            | Redeemed                 | blue       | Redeemed                 |
-            | Payout Sent              | blue       | Payout Sent              |
-            | Pending Review           | orange     | Pending Review           |
-            | Denied                   | red        | Denied                   |
+  @motivating
+  @ui
+  Scenario Outline: The referral reward and it's status are shown for each referral
+    Then for each referral reward there exists a reward cell
+    And the reward type and value is displayed in the cell
+    And the status of each reward is displayed as a pill in the cell
+    And rewards of <status> have a <pillColour> pill with the text <statusText>
+    Examples:
+      | status                   | pillColour | statusText     |
+      | Available                | green      | Available      |
+      | Pending                  | orange     | Pending        |
+      | Pending Tax Review       | orange     | Pending        |
+      | Pending New Tax Form     | orange     | Pending        |
+      | Pending Tax Submission   | orange     | Pending        |
+      | Pending Partner Creation | orange     | Pending        |
+      | Cancelled                | red        | Cancelled      |
+      | Payout Failed            | red        | Payout Failed  |
+      | Expired                  | red        | Expired        |
+      | Redeemed                 | blue       | Redeemed       |
+      | Payout Sent              | blue       | Payout Sent    |
+      | Pending Review           | orange     | Pending Review |
+      | Denied                   | red        | Denied         |
 
-    @motivating
-    Scenario: The pending period of a referral reward is shown if it exists
-        Given a reward that is pending
-        And the reward has a set pending period
-        Then the status pill of the reward will instead have the text "Pending for <relativeTime>"
-        And all dates are localized to the users locale
-        Examples:
-            | relativeTime |
-            | 2 days       |
-            | 1 week       |
-            | 3 months     |
-            | 2 years      |
+  @motivating
+  Scenario: The pending period of a referral reward is shown if it exists
+    Given a reward that is pending
+    And the reward has a set pending period
+    Then the status pill of the reward will instead have the text "Pending for <relativeTime>"
+    And all dates are localized to the users locale
+    Examples:
+      | relativeTime |
+      | 2 days       |
+      | 1 week       |
+      | 3 months     |
+      | 2 years      |
 
-    @motivating
-    Scenario: The expiry date of a reward is shown if it exists
-        Given a reward that is available
-        And the reward has a set expiry date
-        Then an additional grey pill will appear next to the status pill with the text "Expiring in <relativeTime>"
-        And all dates are localized to the users locale
-        Examples:
-            | relativeTime |
-            | 2 days       |
-            | 1 week       |
-            | 3 months     |
-            | 2 years      |
+  @motivating
+  Scenario: The expiry date of a reward is shown if it exists
+    Given a reward that is available
+    And the reward has a set expiry date
+    Then an additional grey pill will appear next to the status pill with the text "Expiring in <relativeTime>"
+    And all dates are localized to the users locale
+    Examples:
+      | relativeTime |
+      | 2 days       |
+      | 1 week       |
+      | 3 months     |
+      | 2 years      |
 
-    @motivating
-    Scenario: Each reward can be expanded to show additional details about the reward
-        When a reward cell is clicked
-        Then it expands to show the following additional information (if it's available):
-            | Date the reward was received     |
-            | Date the reward was cancelled    |
-            | Date the reward expires          |
-            | Date the reward is pending until |
-            | Coupon code                      |
-        And all dates are localized to a users locale
\ No newline at end of file
+  @motivating
+  Scenario: Each reward can be expanded to show additional details about the reward
+    When a reward cell is clicked
+    Then it expands to show the following additional information (if it's available):
+      | Date the reward was received       |
+      | Date the reward was cancelled      |
+      | Date the reward expires            |
+      | Date the reward is pending until   |
+      | Payout process start date          |
+      | Payout retry date on failure       |
+      | Description for tax pending reason |
+      | Coupon code                        |
+    And all dates are localized to a users locale
\ No newline at end of file
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
index caab248330..8f7e976c93 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
@@ -2,83 +2,113 @@
 @owner:derek
 Feature: Reward Table Status Column
 
-    Shows the status of each reward
+  Shows the status of each reward
 
-    Background:
-        Given the status column is included in the reward table
+  Background:
+    Given the status column is included in the reward table
 
-    @motivating
-    @ui
-    Scenario Outline: The title of the status column is configurable
-        Given the "column-title" prop is set to <value>
-        Then the status column is shown with <columnTitle>
-        Examples:
-            | value           | columnTitle     |
-            | Status          |                 |
-            | My column title | My column title |
+  @motivating
+  @ui
+  Scenario Outline: The title of the status column is configurable
+    Given the "column-title" prop is set to <value>
+    Then the status column is shown with <columnTitle>
+    Examples:
+      | value           | columnTitle     |
+      | Status          |                 |
+      | My column title | My column title |
 
-    @motivating
-    @ui
-    Scenario Outline: The status column displays the status of each reward
-        Given a user
-        And they have a <status> reward
-        When they view the reward table
-        Then the status of their reward is displayed in <pillColour> pill with <text>
-        Examples:
-            | status         | text           | pillColour |
-            | AVAILABLE      | Available      | Green      |
-            | CANCELLED      | Cancelled      | Red        |
-            | PENDING        | Pending        | Orange     |
-            | EXPIRED        | Expired        | Red        |
-            | REDEEMED       | Redeemed       | Blue       |
-            | PENDING_REVIEW | Pending Review | Orange     |
-            | DENIED         | Denied         | Red        |
+  @motivating
+  @ui
+  Scenario Outline: The status column displays the status of each reward
+    Given a user
+    And they have a <status> reward
+    When they view the reward table
+    Then the status of their reward is displayed in <pillColour> pill with <text>
+    Examples:
+      | status                   | text           | pillColour |
+      | AVAILABLE                | Available      | Green      |
+      | CANCELLED                | Cancelled      | Red        |
+      | PENDING                  | Pending        | Orange     |
+      | EXPIRED                  | Expired        | Red        |
+      | REDEEMED                 | Redeemed       | Blue       |
+      | PENDING_REVIEW           | Pending Review | Orange     |
+      | PAYOUT_SENT              | Payout Sent    | Orange     |
+      | PAYOUT_FAILED            | Payout Failed  | Orange     |
+      | PENDING_TAX_REVIEW       | Pending        | Orange     |
+      | PENDING_NEW_TAX_FORM     | Pending        | Orange     |
+      | PENDING_TAX_SUBMISSION   | Pending        | Orange     |
+      | PENDING_PARTNER_CREATION | Pending        | Orange     |
+      | DENIED                   | Denied         | Red        |
 
-    @motivating
-    Scenario Outline: Reward status related information is displayed under status pills
-        Given a user
-        And they have a <reward>
-        When they view the reward table
-        Then they see their reward
-        And under the pill is <text>
-        And the date is localized to the users locale
-        Examples:
-            | reward                                 | text                                                  |
-            | available reward with an expiry date   | localized expiry date in format "Month-Day-Year"      |
-            | redeemed reward                        | localized redemption date in format "Month-Day-Year"  |
-            | expired reward                         | localized expired date in format "Month-Day-Year"     |
-            | cancelled reward                       | localized cancelled date in format "Month-Day-Year"   |
-            | pending reward with a end date         | localized pending for date in format "Month-Day-Year" |
-            | pending reward due to W9               | W-9 required                                          |
-            | pending reward due to fufillment error | Fulfillment error                                     |
-            | reward pending review of referral      | Pending review                                        |
-            | cancelled reward from denied referral  | Flagged as fraud                                      |
+  @motivating
+  Scenario Outline: Reward status related information is displayed under status pills
+    Given a user
+    And they have a <reward>
+    And their program is
+    When they view the reward table
+    Then they see their reward
+    And under the pill is <text>
+    And the date is localized to the users locale
+    Examples:
+      | reward                                                       | text                                                             |
+      | available reward with an expiry date                         | localized expiry date in format "Month-Day-Year"                 |
+      | redeemed reward                                              | localized redemption date in format "Month-Day-Year"             |
+      | expired reward                                               | localized expired date in format "Month-Day-Year"                |
+      | cancelled reward                                             | localized cancelled date in format "Month-Day-Year"              |
+      | pending reward with a end date                               | localized pending for date in format "Month-Day-Year"            |
+      | pending reward due to W9                                     | W-9 required                                                     |
+      | pending reward due to fufillment error                       | Fulfillment error                                                |
+      | reward pending review of referral                            | Pending review                                                   |
+      | pending reward due to no connected Impact partner            | Complete your tax and cash payout setup to receive your rewards. |
+      | pending reward due to an invalid tax document                | Invalid tax form. Submit a new form to receive your rewards.     |
+      | pending reward due to user required to submit a tax document | Submit your tax documents to receive your rewards.               |
+      | pending reward due to tax document being in review           | Awaiting tax form review.                                        |
+      | reward whose payout failed                                   | This payout will be retried on {date}.                           |
+      | reward whose payout was sent                                 | Payout process started on {date}. Expected payout on {date}.     |
+      | cancelled reward from denied referral                        | Flagged as fraud                                                 |
 
-    @motivating
-    Scenario Outline: Statuses can be customized
-        Given the "status-text" prop is "{status, select, AVAILABLE {Redeem me!} CANCELLED {Unavailable} PENDING {Coming soon!} EXPIRED {Past due} REDEEMED {Spent} PENDING_REVIEW {Pending Review!} DENIED {Unlucky!}}"
-        And a user
-        And they have a <status> reward
-        When they view the reward table
-        Then the status of their reward is displayed in <pillColour> pill with <text>
-        Examples:
-            | status         | text            | pillColour |
-            | AVAILABLE      | Redeem me!      | Green      |
-            | CANCELLED      | Unavailable     | Red        |
-            | PENDING        | Coming soon!    | Orange     |
-            | EXPIRED        | Past due        | Red        |
-            | REDEEMED       | Spent           | Blue       |
-            | PENDING_REVIEW | Pending Review! | Orange     |
-            | DENIED         | Unlucky!        | Red        |
+  @minutia
+  Scenario Outline: Tax-related reward statuses are based on the user's Impact tax connection
+    Given a user
+    And they are in a program that has Impact tax handling enabled
+    And they have at least one pending reward
+    And the reward's pending reasons include "PAYOUT_CONFIGURATION_MISSING"
+    Then the status description will be
+      """
+      Complete your tax and cash payout setup to receive your rewards.
+      """
 
-    @minutia
-    @ui
-    Scenario: Expiry status date text can be configured
-        Given the "expiry-text" prop has <value>
-        And a user with an available reward with an expiry date
-        When they view the reward table
-        Then they see <text> under the Available Status pill
-        Examples:
-            | value         | text                        |
-            |               | Expires on <EXPIRY DATE>    |
-            | Redeem before | Redeem before <EXPIRY DATE> |
\ No newline at end of file
+  @motivating
+  Scenario Outline: Statuses can be customized
+    Given the "status-text" prop is "{status, select, AVAILABLE {Redeem me!} CANCELLED {Unavailable} PENDING {Coming soon!} EXPIRED {Past due} REDEEMED {Spent} PENDING_REVIEW {Pending Review!} PAYOUT_SENT {Payout Sent!} PAYOUT_FAILED {Payout Failed!} PENDING_TAX_REVIEW {Pending Tax Review!} PENDING_NEW_TAX_FORM {Pending new tax form!} PENDING_TAX_SUBMISSION {Pending tax submission!} PENDING_PARTNER_CREATION {Pending partner creation!} DENIED {Unlucky!}}"
+    And a user
+    And they have a <status> reward
+    When they view the reward table
+    Then the status of their reward is displayed in <pillColour> pill with <text>
+    Examples:
+      | status                   | text                      | pillColour |
+      | AVAILABLE                | Redeem me!                | Green      |
+      | CANCELLED                | Unavailable               | Red        |
+      | PENDING                  | Coming soon!              | Orange     |
+      | EXPIRED                  | Past due                  | Red        |
+      | REDEEMED                 | Spent                     | Blue       |
+      | PENDING_REVIEW           | Pending Review!           | Orange     |
+      | PAYOUT_SENT              | Payout Sent!              | Orange     |
+      | PAYOUT_FAILED            | Payout Failed!            | Orange     |
+      | PENDING_TAX_REVIEW       | Pending Tax Review!       | Orange     |
+      | PENDING_NEW_TAX_FORM     | Pending new tax form!     | Orange     |
+      | PENDING_TAX_SUBMISSION   | Pending tax submission!   | Orange     |
+      | PENDING_PARTNER_CREATION | Pending partner creation! | Orange     |
+      | DENIED                   | Unlucky!                  | Red        |
+
+  @minutia
+  @ui
+  Scenario: Expiry status date text can be configured
+    Given the "expiry-text" prop has <value>
+    And a user with an available reward with an expiry date
+    When they view the reward table
+    Then they see <text> under the Available Status pill
+    Examples:
+      | value         | text                        |
+      |               | Expires on <EXPIRY DATE>    |
+      | Redeem before | Redeem before <EXPIRY DATE> |
\ No newline at end of file
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx
index 38a39f242a..500c3aa634 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx
@@ -24,7 +24,7 @@ export class RewardTableStatusColumn implements RewardTableColumn {
    * @uiWidget textArea
    */
   @Prop() statusText: string =
-    "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }";
+    "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_SENT {Payout Sent} PAYOUT_FAILED {Payout Failed} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }";
 
   /**
    * Text shown before the date of an expiring reward.
@@ -68,6 +68,52 @@ export class RewardTableStatusColumn implements RewardTableColumn {
    */
   @Prop() deniedText: string = "Detected self-referral";
 
+  /**
+   * Displayed when pending due to tax document review.
+   *
+   * @uiName Pending tax review text
+   */
+  @Prop() pendingTaxReview: string = "Awaiting tax form review.";
+
+  /**
+   * Displayed when pending due to requiring a new tax document
+   *
+   * @uiName Pending new tax form text
+   */
+  @Prop() pendingNewTaxForm: string =
+    "Invalid tax form. Submit a new form to receive your rewards.";
+
+  /**
+   * Displayed when pending due to lack of tax document submission.
+   *
+   * @uiName Pending tax submission text
+   */
+  @Prop() pendingTaxSubmission: string =
+    "Submit your tax documents to receive your rewards.";
+
+  /**
+   * Displayed when pending due to need to connect to an Impact partner
+   *
+   * @uiName Pending partner creation text
+   */
+  @Prop() pendingPartnerCreation: string =
+    "Complete your tax and cash payout setup to receive your rewards.";
+
+  /**
+   * Displayed when reward payout has failed (based on Impact cash payout configuration).
+   *
+   * @uiName Payout failed text
+   */
+  @Prop() payoutFailed: string = "This payout will be retried on {date}.";
+
+  /**
+   * Displayed when reward payout is sent (based on Impact cash payout configuration).
+   *
+   * @uiName Payout sent text
+   */
+  @Prop() payoutSent: string =
+    "Payout process started on {date}. Expected payout on {date}.";
+
   constructor() {
     withHooks(this);
   }
diff --git a/packages/mint-components/src/components/sqm-rewards-table/mockRewardData.ts b/packages/mint-components/src/components/sqm-rewards-table/mockRewardData.ts
index 8ff83eae03..8bc7afcc09 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/mockRewardData.ts
+++ b/packages/mint-components/src/components/sqm-rewards-table/mockRewardData.ts
@@ -99,12 +99,12 @@ const getMockData = (status?: string): Reward => {
     randomRedeemed = Math.floor(Math.random() * randomValue);
     dateExpires = today.minus({ days: 1 }).toMillis();
   } else if (randomStatus === "PENDING") {
-    // pendingReason = ["US_TAX", "PAYOUT_CONFIGURATION_MISSING"];
-    const reason = pendingReasons[Math.floor(Math.random() * 3)];
-    pendingReason = [reason];
-    if (reason === "SCHEDULED") {
-      dateScheduledFor = today.plus({ days: 6 }).toMillis();
-    }
+    pendingReason = ["PAYOUT_CONFIGURATION_MISSING"];
+    // const reason = pendingReasons[Math.floor(Math.random() * 3)];
+    // pendingReason = [reason];
+    // if (reason === "SCHEDULED") {
+    //   dateScheduledFor = today.plus({ days: 6 }).toMillis();
+    // }
   } else if (randomStatus === "REDEEMED") {
     prettyAvailableValue = `0 ${prettyValue}`;
     isAvailableZero = true;
diff --git a/packages/mint-components/src/components/sqm-rewards-table/mockTaxData.ts b/packages/mint-components/src/components/sqm-rewards-table/mockTaxData.ts
index 5d1f4f404a..853c95458e 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/mockTaxData.ts
+++ b/packages/mint-components/src/components/sqm-rewards-table/mockTaxData.ts
@@ -2,13 +2,15 @@ export default (): ImpactConnection => {
   return {
     connected: true,
     taxHandlingEnabled: true,
+    // publisher: null,
     publisher: {
       requiredTaxDocumentType: "W9",
-      currentTaxDocument: {
-        dateCreated: 0,
-        status: "NOT_VERIFIED",
-        type: "W9",
-      },
+      currentTaxDocument: null,
+      // currentTaxDocument: {
+      //   dateCreated: 0,
+      //   status: "NOT_VERIFIED",
+      //   type: "W9",
+      // },
       withdrawalSettings: null,
       payoutsAccount: null,
     },
diff --git a/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx b/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx
index 4773e559d2..e1a33cdbb3 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx
@@ -237,9 +237,6 @@ export function useRewardsTable(
   const data = rewardsData?.data;
   const taxConnection = impactTaxData?.viewer?.impactConnection;
 
-  // const { data } = mockRewardData(1, "PENDING");
-  // const taxConnection = mockTaxData();
-
   async function getComponentData(components: Element[]) {
     // filter out loading and empty states from columns array
     const columnComponents = components.filter(

From 0cce96886077f4491d07886506aafcf9b51f2f40 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 4 Mar 2024 10:37:22 -0800
Subject: [PATCH 389/753] Add text props

---
 packages/mint-components/src/components.d.ts  | 16 ++++++++++--
 .../sqm-payout-details-card-view.tsx          | 12 ++++++---
 .../sqm-payout-details-card.tsx               | 26 ++++++++++++++-----
 .../usePayoutDetailsCard.ts                   |  6 +++--
 4 files changed, 46 insertions(+), 14 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index a50c495e1f..666a921413 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1545,11 +1545,17 @@ export namespace Components {
         "uppercaseErrorText": string;
     }
     interface SqmPayoutDetailsCard {
+        "accountText": "Account";
         /**
           * @undocumented
          */
         "demoData"?: DemoData<any>;
-        "nextPayoutBalanceText": "Next payout occurs when balance is";
+        "errorDescriptionText": "Please ensure your payout information is correct. If this problem continues, contact Support.";
+        "errorTitleText": "There was an error with your payout infomation";
+        "otherCurrenciesText": "other currencies";
+        "statusBadgeText": "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
+        "thresholdPayoutText": "Next payout occurs when balance is";
+        "w9PendingText": "Awaiting W-9 tax form";
     }
     interface SqmPopupContainer {
         /**
@@ -7102,11 +7108,17 @@ declare namespace LocalJSX {
         "uppercaseErrorText"?: string;
     }
     interface SqmPayoutDetailsCard {
+        "accountText"?: "Account";
         /**
           * @undocumented
          */
         "demoData"?: DemoData<any>;
-        "nextPayoutBalanceText"?: "Next payout occurs when balance is";
+        "errorDescriptionText"?: "Please ensure your payout information is correct. If this problem continues, contact Support.";
+        "errorTitleText"?: "There was an error with your payout infomation";
+        "otherCurrenciesText"?: "other currencies";
+        "statusBadgeText"?: "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
+        "thresholdPayoutText"?: "Next payout occurs when balance is";
+        "w9PendingText"?: "Awaiting W-9 tax form";
     }
     interface SqmPopupContainer {
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index 5dd8919bfd..08c2a44b38 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -30,6 +30,9 @@ export interface PayoutDetailsCardViewProps {
     w9PendingText: string;
     additionalW9Text?: string;
     otherCurrenciesText: string;
+    accountText: string;
+    errorTitleText: string;
+    errorDescriptionText: string;
   };
 }
 
@@ -196,9 +199,8 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
         <sl-alert class={classes.Alert} type="danger" open>
           <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
           <div class={classes.AlertContent}>
-            <b>There was an error with your payout infomation</b>
-            Please ensure your payout information is correct. If this problem
-            continues, contact Support.
+            <b>{text.errorTitleText}</b>
+            {text.errorDescriptionText}
           </div>
         </sl-alert>
       )}
@@ -230,7 +232,9 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
             </div>
           ) : (
             <div class={classes.AccountDetailsContainer}>
-              <span>{states.cardNumberPreview}</span>
+              <span>
+                {text.accountText} {"••" + states.cardNumberPreview}
+              </span>
             </div>
           )}
         </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 7e9f745026..081fd7f360 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -5,6 +5,7 @@ import { DemoData } from "../../../global/demo";
 import deepmerge from "deepmerge";
 import { usePayoutDetailsCard } from "./usePayoutDetailsCard";
 import { isDemo } from "@saasquatch/component-boilerplate";
+import { getProps } from "../../../utils/utils";
 
 /**
  * @uiName Payout Details Card
@@ -15,7 +16,15 @@ import { isDemo } from "@saasquatch/component-boilerplate";
   shadow: true,
 })
 export class PayoutDetailsCard {
-  @Prop() nextPayoutBalanceText: "Next payout occurs when balance is";
+  @Prop()
+  statusBadgeText: "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
+  @Prop() thresholdPayoutText: "Next payout occurs when balance is";
+  @Prop() otherCurrenciesText: "other currencies";
+  @Prop() w9PendingText: "Awaiting W-9 tax form";
+  @Prop() accountText: "Account";
+  @Prop() errorTitleText: "There was an error with your payout infomation";
+  @Prop()
+  errorDescriptionText: "Please ensure your payout information is correct. If this problem continues, contact Support.";
 
   /**
    * @undocumented
@@ -28,15 +37,19 @@ export class PayoutDetailsCard {
   disconnectedCallback() {}
 
   getTextProps() {
+    const props = getProps(this);
+    console.log(props);
     return {
-      //TODO: Add props for this text once designs are more fleshed out
-      // pendingDetailedStatusText: "Check rewards table for available date",
-      // upcomingDetailedStatusText: "November 1, 2022",
       statusBadgeText:
         "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }",
-      thresholdPayoutText: "Payout occurs when balance is {thresholdBalance}",
+      thresholdPayoutText:
+        "Next payout occurs when balance is {thresholdBalance}",
       otherCurrenciesText: "other currencies",
       w9PendingText: "Awaiting W-9 tax form",
+      accountText: "Account",
+      errorTitleText: "There was an error with your payout infomation",
+      errorDescriptionText:
+        "Please ensure your payout information is correct. If this problem continues, contact Support.",
     };
   }
 
@@ -58,6 +71,7 @@ function useDemoPayoutDetailsCard(props: PayoutDetailsCard) {
       states: {
         loading: false,
         error: false,
+        thresholdBalance: "$50",
         mainCurrency: { currencyText: "USD", amountText: "100.00" },
         status: "nextPayout",
         payoutType: "BANK_TRANSFER",
@@ -66,7 +80,7 @@ function useDemoPayoutDetailsCard(props: PayoutDetailsCard) {
         otherCurrencies: false,
         hasW9Pending: false,
         hasDatePending: true,
-        cardNumberPreview: "Account ••2381",
+        cardNumberPreview: "2381",
       },
       text: props.getTextProps(),
     },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index 5d959e27e0..695ab4d6e6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -34,9 +34,10 @@ export function usePayoutDetailsCard(
             .startOf("month")
             .plus({ day: 15 })
             .toFormat("LLL dd, yyyy");
-    } else {
-      return `${props.nextPayoutBalanceText} ${publisher?.withdrawalSettings?.paymentThreshold}`;
     }
+    // else {
+    //   return `${props.nextPayoutBalanceText} ${publisher?.withdrawalSettings?.paymentThreshold}`;
+    // }
   }
 
   const paymentDay = getPayoutDetailedStatusText(
@@ -49,6 +50,7 @@ export function usePayoutDetailsCard(
   return {
     states: {
       loading: false,
+      thresholdBalance: publisher?.withdrawalSettings?.paymentThreshold,
       mainCurrency: {
         currencyText: publisher?.currency,
         amountText: publisher?.payoutsAccount?.balance,

From d8eb9b142fca44fc324dd22bc43d56ea8afceb74 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 4 Mar 2024 14:28:05 -0800
Subject: [PATCH 390/753] wire up some missing stuff in payout details card

---
 .../usePayoutDetailsCard.ts                   | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index 695ab4d6e6..ea08267657 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -1,5 +1,6 @@
 import { useLocale } from "@saasquatch/component-boilerplate";
 import { DateTime } from "luxon";
+import { intl } from "../../../global/global";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { USER_QUERY_NAMESPACE, UserQuery } from "../sqm-tax-and-cash/data";
 import { PayoutDetailsCard } from "./sqm-payout-details-card";
@@ -34,18 +35,25 @@ export function usePayoutDetailsCard(
             .startOf("month")
             .plus({ day: 15 })
             .toFormat("LLL dd, yyyy");
+    } else {
+      intl.formatMessage(
+        {
+          id: `nextPayoutBalance`,
+          defaultMessage: props.thresholdPayoutText,
+        },
+        {
+          thresholdBalance: publisher?.withdrawalSettings?.paymentThreshold,
+        }
+      );
     }
-    // else {
-    //   return `${props.nextPayoutBalanceText} ${publisher?.withdrawalSettings?.paymentThreshold}`;
-    // }
   }
 
+  // TODO: need to which timezone payouts are processed in
   const paymentDay = getPayoutDetailedStatusText(
     publisher?.withdrawalSettings?.paymentDay
   );
-  //   publisher?.withdrawalSettings?.paymentDay;
 
-  console.log({ paymentDay });
+  const isPayoutToday = DateTime.now().toFormat("LLL dd, yyyy") === paymentDay;
 
   return {
     states: {
@@ -55,7 +63,7 @@ export function usePayoutDetailsCard(
         currencyText: publisher?.currency,
         amountText: publisher?.payoutsAccount?.balance,
       },
-      status: "nextPayout",
+      status: isPayoutToday ? "payoutToday" : "nextPayout",
       payoutType: publisher?.withdrawalSettings?.paymentMethod,
       error: false,
       paypalEmailAddress: publisher?.withdrawalSettings?.paypalEmailAddress,

From 03dbe4216eff2b026207c4821e758d52ac8e3511 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 4 Mar 2024 14:30:42 -0800
Subject: [PATCH 391/753] wired up error banner for payout details card

---
 .../sqm-payout-details-card/usePayoutDetailsCard.ts             | 2 +-
 .../src/components/tax-and-cash/sqm-tax-and-cash/data.ts        | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index ea08267657..c26d562416 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -65,7 +65,7 @@ export function usePayoutDetailsCard(
       },
       status: isPayoutToday ? "payoutToday" : "nextPayout",
       payoutType: publisher?.withdrawalSettings?.paymentMethod,
-      error: false,
+      error: publisher?.payoutsAccount?.hold,
       paypalEmailAddress: publisher?.withdrawalSettings?.paypalEmailAddress,
       cardNumberPreview: publisher?.withdrawalSettings?.bankAccountNumber,
       nextPayoutDate: paymentDay,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index f85376d2b1..7536cf859c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -53,6 +53,7 @@ export const GET_USER = gql`
             countryCode
             currency
             requiredTaxDocumentType
+            indirectTaxId
             currentTaxDocument {
               status
               type

From c57b2a272cdc80f23ec5802d57ff46231043e05f Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 4 Mar 2024 14:35:08 -0800
Subject: [PATCH 392/753] wired up some more missing props

---
 .../sqm-tax-and-cash-dashboard-view.tsx                   | 8 ++------
 .../sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx | 2 +-
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index e1b9fb6d88..5c10906dc9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -1,10 +1,6 @@
 import { h, VNode } from "@stencil/core";
-import { createStyleSheet } from "../../../styling/JSS";
 import { intl } from "../../../global/global";
-import {
-  PayoutDetailsCardView,
-  PayoutDetailsCardViewProps,
-} from "../sqm-payout-details-card/sqm-payout-details-card-view";
+import { createStyleSheet } from "../../../styling/JSS";
 import { TaxDocumentType } from "../sqm-tax-and-cash/data";
 
 export interface TaxAndCashDashboardProps {
@@ -25,7 +21,7 @@ export interface TaxAndCashDashboardProps {
     subRegionTaxNumber?: number;
     //AL TODO add sub-region (spain)
     subRegion?: string;
-    indirectTaxNumber?: number;
+    indirectTaxNumber?: string;
     province?: string;
     country?: string;
     notRegistered?: boolean;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 002aa1f6f6..e437ed0e3c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -98,7 +98,7 @@ export const useTaxAndCashDashboard = (
       // AL TODO: qstNumber
       qstNumber: 0,
       indirectTaxType: data?.user.customFields?.__indirectTaxType,
-      indirectTaxNumber: data?.user?.customFields?.__indirectTaxNumber,
+      indirectTaxNumber: publisher?.indirectTaxId,
       isBusinessEntity: publisher?.requiredTaxDocumentType === "W8BENE",
       province: provinceName,
       country: publisher?.indirectTaxCountry

From 2c0ac2d5861406b7efcd84ee7e0bea2114c5323e Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 4 Mar 2024 15:23:53 -0800
Subject: [PATCH 393/753] WIP replaced step 1 + 2 input errors with genralized
 icu string. Removed unused props

---
 packages/mint-components/src/components.d.ts  | 422 ++----------------
 .../sqm-docusign-form-view.tsx                |   1 -
 .../sqm-docusign-form/sqm-docusign-form.tsx   |   5 -
 .../sqm-indirect-tax-form-view.tsx            |   2 +-
 .../sqm-indirect-tax-form.tsx                 |  52 +--
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 118 +----
 .../sqm-user-info-form/defaultTextCopy.ts     |   6 +-
 .../small-views/IndirectTaxDetailsView.tsx    |  34 +-
 .../sqm-user-info-form-view.tsx               |  41 +-
 .../sqm-user-info-form/sqm-user-info-form.tsx |  83 +---
 .../sqm-user-info-form/useUserInfoForm.tsx    |   2 +-
 .../src/components/tax-and-cash/utils.ts      |  13 +
 12 files changed, 144 insertions(+), 635 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 7d03b86534..dd83050cb0 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -686,11 +686,6 @@ export namespace Components {
           * @uiName Refresh button text
          */
         "refreshButton": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton": string;
         /**
           * Heading text shown at the top of the page
           * @uiName Tax form heading text
@@ -1024,6 +1019,11 @@ export namespace Components {
           * @undocumented
          */
         "demoData"?: DemoData<UseIndirectTaxFormResult>;
+        /**
+          * Required error text shown at the bottom of field inputs
+          * @uiName Field inputs error text
+         */
+        "fieldRequiredError": string;
         /**
           * Subtext shown at the top of the page, used to show the current step of the tax form.
           * @uiName Form step text
@@ -1114,46 +1114,21 @@ export namespace Components {
           * @uiName Province input label
          */
         "province": string;
-        /**
-          * Error message for the province input field
-          * @uiName Province error message
-         */
-        "provinceError": string;
         /**
           * Label text for the QST number input field
           * @uiName QST number input label
          */
         "qstNumber": string;
-        /**
-          * Error message for the QST tax number input field
-          * @uiName QST tax number error message
-         */
-        "qstTaxNumberError": string;
         /**
           * Label text for the country/region select input
           * @uiName Selected country/region label
          */
         "selectedRegion": string;
-        /**
-          * Error message for the selected region input field
-          * @uiName Selected region error message
-         */
-        "selectedRegionError": string;
         /**
           * Label text for the sub-region input field
           * @uiName Sub-region input label
          */
         "subRegion": string;
-        /**
-          * Error message for the sub-region input field
-          * @uiName Sub-region error message
-         */
-        "subRegionError": string;
-        /**
-          * Error message for the sub-region tax number input field
-          * @uiName Sub-region tax number error message
-         */
-        "subRegionTaxNumberError": string;
         /**
           * Label text for the sub-region tax number input field
           * @uiName Sub-region tax number input label
@@ -1164,11 +1139,6 @@ export namespace Components {
           * @uiName Continue button text
          */
         "submitButton": string;
-        /**
-          * Error message for the tax details input field
-          * @uiName Tax details error message
-         */
-        "taxDetailsError": string;
     }
     interface SqmInputField {
         /**
@@ -3821,6 +3791,12 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * Required error text shown at the bottom of field inputs
+          * @uiName Field inputs error text
+          * @uiGroup General Form Properties
+         */
+        "fieldRequiredError": string;
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
@@ -3850,78 +3826,36 @@ export namespace Components {
           * @uiGroup Step 1 Properties
          */
         "step1_allowBankingCollection": string;
-        /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_allowBankingCollectionError": string;
-        /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-          * @uiGroup Step 1 Properties
-         */
-        "step1_businessEntity": string;
         /**
           * Label text for country input
           * @uiName Country label
           * @uiGroup Step 1 Properties
          */
         "step1_country": string;
-        /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_countryError": string;
         /**
           * Label text for currency input
           * @uiName Currency label
           * @uiGroup Step 1 Properties
          */
         "step1_currency": string;
-        /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_currencyError": string;
         /**
           * Label text for email input
           * @uiName Email label
           * @uiGroup Step 1 Properties
          */
         "step1_email": string;
-        /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_emailError": string;
         /**
           * Label text for first name input
           * @uiName First name label
           * @uiGroup Step 1 Properties
          */
         "step1_firstName": string;
-        /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_firstNameError": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
           * @uiGroup Step 1 Properties
          */
         "step1_formStep": string;
-        /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-          * @uiGroup Step 1 Properties
-         */
-        "step1_individualParticipant": string;
         /**
           * Alert description text shown in alert if user is already a registered partner
           * @uiName Participant is partner description
@@ -3940,24 +3874,6 @@ export namespace Components {
           * @uiGroup Step 1 Properties
          */
         "step1_lastName": string;
-        /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_lastNameError": string;
-        /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-          * @uiGroup Step 1 Properties
-         */
-        "step1_participantType": string;
-        /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_participantTypeError": string;
         /**
           * Heading text shown above the forms inputs.
           * @uiName Form heading text
@@ -3970,12 +3886,6 @@ export namespace Components {
           * @uiGroup Step 1 Properties
          */
         "step1_submitButton": string;
-        /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-          * @uiGroup Step 1 Properties
-         */
-        "step1_taxAndBankingCollection": string;
         /**
           * Text shown inside of back button
           * @uiName Back button text
@@ -4072,48 +3982,24 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_province": string;
-        /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_provinceError": string;
         /**
           * Label text for the QST Tax Number input
           * @uiName QST Tax Number input label
           * @uiGroup Step 2 Properties
          */
         "step2_qstNumber": string;
-        /**
-          * Error text shown below the QST Tax number input
-          * @uiName QST Tax Number error text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_qstTaxNumberError": string;
         /**
           * Label text for the Selected Region select input
           * @uiName Selected region select input label
           * @uiGroup Step 2 Properties
          */
         "step2_selectedRegion": string;
-        /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_selectedRegionError": string;
         /**
           * Label text for Sub-region select
           * @uiName for Sub-region select label
           * @uiGroup Step 2 Properties
          */
         "step2_subRegion": string;
-        /**
-          * Error text shown below the Sub-region Income Tax number input
-          * @uiName Sub-region Income Tax error text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_subRegionTaxNumberError": string;
         /**
           * Label text for the Sub-region Income Tax Number input
           * @uiName Sub-region income Tax Number input label
@@ -4126,12 +4012,6 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_submitButton": string;
-        /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_taxDetailsError": string;
         /**
           * Text shown inside of back button
           * @uiName Back button text
@@ -4210,12 +4090,6 @@ export namespace Components {
           * @uiGroup Step 3 Properties
          */
         "step3_refreshButton": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_submitButton": string;
         /**
           * Heading text shown at the top of the page
           * @uiName Tax form heading text
@@ -4472,6 +4346,12 @@ export namespace Components {
           * @uiGroup Step 3 Properties
          */
         "stop3NotBasedInUS": string;
+        /**
+          * Label text for terms and conditions
+          * @uiName Terms and conditions label text
+          * @uiGroup Step 1 Properties
+         */
+        "termsAndConditionsLabel": string;
     }
     interface SqmTaxAndCashDashboard {
         /**
@@ -4712,36 +4592,16 @@ export namespace Components {
           * @uiName Tax and banking label
          */
         "allowBankingCollection": string;
-        /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-         */
-        "allowBankingCollectionError": string;
-        /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-         */
-        "businessEntity": string;
         /**
           * Label text for country input
           * @uiName Country label
          */
         "country": string;
-        /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-         */
-        "countryError": string;
         /**
           * Label text for currency input
           * @uiName Currency label
          */
         "currency": string;
-        /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-         */
-        "currencyError": string;
         /**
           * @undocumented 
           * @uiType object
@@ -4753,20 +4613,15 @@ export namespace Components {
          */
         "email": string;
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
+          * Required error text shown at the bottom of field inputs
+          * @uiName Field inputs error text
          */
-        "emailError": string;
+        "fieldRequiredError": string;
         /**
           * Label text for first name input
           * @uiName First name label
          */
         "firstName": string;
-        /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-         */
-        "firstNameError": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
@@ -4782,11 +4637,6 @@ export namespace Components {
           * @uiName General error title
          */
         "generalErrorTitle": string;
-        /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-         */
-        "individualParticipant": string;
         /**
           * Alert description text shown in alert if user is already a registered partner
           * @uiName Participant is partner description
@@ -4802,21 +4652,6 @@ export namespace Components {
           * @uiName Last name label
          */
         "lastName": string;
-        /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-         */
-        "lastNameError": string;
-        /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-         */
-        "participantType": string;
-        /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-         */
-        "participantTypeError": string;
         /**
           * Heading text shown above the forms inputs.
           * @uiName Form heading text
@@ -4828,10 +4663,10 @@ export namespace Components {
          */
         "submitButton": string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
+          * Label text for terms and conditions
+          * @uiName Terms and conditions label text
          */
-        "taxAndBankingCollection": string;
+        "termsAndConditionsLabel": string;
     }
     interface SqmUserName {
         /**
@@ -6213,11 +6048,6 @@ declare namespace LocalJSX {
           * @uiName Refresh button text
          */
         "refreshButton"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
         /**
           * Heading text shown at the top of the page
           * @uiName Tax form heading text
@@ -6551,6 +6381,11 @@ declare namespace LocalJSX {
           * @undocumented
          */
         "demoData"?: DemoData<UseIndirectTaxFormResult>;
+        /**
+          * Required error text shown at the bottom of field inputs
+          * @uiName Field inputs error text
+         */
+        "fieldRequiredError"?: string;
         /**
           * Subtext shown at the top of the page, used to show the current step of the tax form.
           * @uiName Form step text
@@ -6641,46 +6476,21 @@ declare namespace LocalJSX {
           * @uiName Province input label
          */
         "province"?: string;
-        /**
-          * Error message for the province input field
-          * @uiName Province error message
-         */
-        "provinceError"?: string;
         /**
           * Label text for the QST number input field
           * @uiName QST number input label
          */
         "qstNumber"?: string;
-        /**
-          * Error message for the QST tax number input field
-          * @uiName QST tax number error message
-         */
-        "qstTaxNumberError"?: string;
         /**
           * Label text for the country/region select input
           * @uiName Selected country/region label
          */
         "selectedRegion"?: string;
-        /**
-          * Error message for the selected region input field
-          * @uiName Selected region error message
-         */
-        "selectedRegionError"?: string;
         /**
           * Label text for the sub-region input field
           * @uiName Sub-region input label
          */
         "subRegion"?: string;
-        /**
-          * Error message for the sub-region input field
-          * @uiName Sub-region error message
-         */
-        "subRegionError"?: string;
-        /**
-          * Error message for the sub-region tax number input field
-          * @uiName Sub-region tax number error message
-         */
-        "subRegionTaxNumberError"?: string;
         /**
           * Label text for the sub-region tax number input field
           * @uiName Sub-region tax number input label
@@ -6691,11 +6501,6 @@ declare namespace LocalJSX {
           * @uiName Continue button text
          */
         "submitButton"?: string;
-        /**
-          * Error message for the tax details input field
-          * @uiName Tax details error message
-         */
-        "taxDetailsError"?: string;
     }
     interface SqmInputField {
         /**
@@ -9324,6 +9129,12 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * Required error text shown at the bottom of field inputs
+          * @uiName Field inputs error text
+          * @uiGroup General Form Properties
+         */
+        "fieldRequiredError"?: string;
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
@@ -9353,78 +9164,36 @@ declare namespace LocalJSX {
           * @uiGroup Step 1 Properties
          */
         "step1_allowBankingCollection"?: string;
-        /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_allowBankingCollectionError"?: string;
-        /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-          * @uiGroup Step 1 Properties
-         */
-        "step1_businessEntity"?: string;
         /**
           * Label text for country input
           * @uiName Country label
           * @uiGroup Step 1 Properties
          */
         "step1_country"?: string;
-        /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_countryError"?: string;
         /**
           * Label text for currency input
           * @uiName Currency label
           * @uiGroup Step 1 Properties
          */
         "step1_currency"?: string;
-        /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_currencyError"?: string;
         /**
           * Label text for email input
           * @uiName Email label
           * @uiGroup Step 1 Properties
          */
         "step1_email"?: string;
-        /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_emailError"?: string;
         /**
           * Label text for first name input
           * @uiName First name label
           * @uiGroup Step 1 Properties
          */
         "step1_firstName"?: string;
-        /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_firstNameError"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
           * @uiGroup Step 1 Properties
          */
         "step1_formStep"?: string;
-        /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-          * @uiGroup Step 1 Properties
-         */
-        "step1_individualParticipant"?: string;
         /**
           * Alert description text shown in alert if user is already a registered partner
           * @uiName Participant is partner description
@@ -9443,24 +9212,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 1 Properties
          */
         "step1_lastName"?: string;
-        /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_lastNameError"?: string;
-        /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-          * @uiGroup Step 1 Properties
-         */
-        "step1_participantType"?: string;
-        /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_participantTypeError"?: string;
         /**
           * Heading text shown above the forms inputs.
           * @uiName Form heading text
@@ -9473,12 +9224,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 1 Properties
          */
         "step1_submitButton"?: string;
-        /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
-          * @uiGroup Step 1 Properties
-         */
-        "step1_taxAndBankingCollection"?: string;
         /**
           * Text shown inside of back button
           * @uiName Back button text
@@ -9575,48 +9320,24 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_province"?: string;
-        /**
-          * Error text shown below the Selected Region select input
-          * @uiName Province error text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_provinceError"?: string;
         /**
           * Label text for the QST Tax Number input
           * @uiName QST Tax Number input label
           * @uiGroup Step 2 Properties
          */
         "step2_qstNumber"?: string;
-        /**
-          * Error text shown below the QST Tax number input
-          * @uiName QST Tax Number error text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_qstTaxNumberError"?: string;
         /**
           * Label text for the Selected Region select input
           * @uiName Selected region select input label
           * @uiGroup Step 2 Properties
          */
         "step2_selectedRegion"?: string;
-        /**
-          * Error text shown below the Selected Region select input
-          * @uiName Selected Region error text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_selectedRegionError"?: string;
         /**
           * Label text for Sub-region select
           * @uiName for Sub-region select label
           * @uiGroup Step 2 Properties
          */
         "step2_subRegion"?: string;
-        /**
-          * Error text shown below the Sub-region Income Tax number input
-          * @uiName Sub-region Income Tax error text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_subRegionTaxNumberError"?: string;
         /**
           * Label text for the Sub-region Income Tax Number input
           * @uiName Sub-region income Tax Number input label
@@ -9629,12 +9350,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_submitButton"?: string;
-        /**
-          * Error text shown below the tax details radio buttons
-          * @uiName Indirect tax details error text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_taxDetailsError"?: string;
         /**
           * Text shown inside of back button
           * @uiName Back button text
@@ -9713,12 +9428,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "step3_refreshButton"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_submitButton"?: string;
         /**
           * Heading text shown at the top of the page
           * @uiName Tax form heading text
@@ -9975,6 +9684,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "stop3NotBasedInUS"?: string;
+        /**
+          * Label text for terms and conditions
+          * @uiName Terms and conditions label text
+          * @uiGroup Step 1 Properties
+         */
+        "termsAndConditionsLabel"?: string;
     }
     interface SqmTaxAndCashDashboard {
         /**
@@ -10214,36 +9929,16 @@ declare namespace LocalJSX {
           * @uiName Tax and banking label
          */
         "allowBankingCollection"?: string;
-        /**
-          * Error text shown at the bottom of the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox error text
-         */
-        "allowBankingCollectionError"?: string;
-        /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
-         */
-        "businessEntity"?: string;
         /**
           * Label text for country input
           * @uiName Country label
          */
         "country"?: string;
-        /**
-          * Error text shown at the bottom of the country input
-          * @uiName Country input error text
-         */
-        "countryError"?: string;
         /**
           * Label text for currency input
           * @uiName Currency label
          */
         "currency"?: string;
-        /**
-          * Error text shown at the bottom of the currency input
-          * @uiName Currency input error text
-         */
-        "currencyError"?: string;
         /**
           * @undocumented 
           * @uiType object
@@ -10255,20 +9950,15 @@ declare namespace LocalJSX {
          */
         "email"?: string;
         /**
-          * Error text shown at the bottom of the email input
-          * @uiName Email input error text
+          * Required error text shown at the bottom of field inputs
+          * @uiName Field inputs error text
          */
-        "emailError"?: string;
+        "fieldRequiredError"?: string;
         /**
           * Label text for first name input
           * @uiName First name label
          */
         "firstName"?: string;
-        /**
-          * Error text shown at the bottom of the first name input
-          * @uiName First name input error text
-         */
-        "firstNameError"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Tax form step text
@@ -10284,11 +9974,6 @@ declare namespace LocalJSX {
           * @uiName General error title
          */
         "generalErrorTitle"?: string;
-        /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
-         */
-        "individualParticipant"?: string;
         /**
           * Alert description text shown in alert if user is already a registered partner
           * @uiName Participant is partner description
@@ -10304,21 +9989,6 @@ declare namespace LocalJSX {
           * @uiName Last name label
          */
         "lastName"?: string;
-        /**
-          * Error text shown at the bottom of the last name input
-          * @uiName Last name input error text
-         */
-        "lastNameError"?: string;
-        /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
-         */
-        "participantType"?: string;
-        /**
-          * Error text shown at the bottom of the participant type checkbox
-          * @uiName Participant type checkbox error text
-         */
-        "participantTypeError"?: string;
         /**
           * Heading text shown above the forms inputs.
           * @uiName Form heading text
@@ -10330,10 +10000,10 @@ declare namespace LocalJSX {
          */
         "submitButton"?: string;
         /**
-          * Heading text for the tax and banking collection checkbox
-          * @uiName Tax and banking collection checkbox heading
+          * Label text for terms and conditions
+          * @uiName Terms and conditions label text
          */
-        "taxAndBankingCollection"?: string;
+        "termsAndConditionsLabel"?: string;
     }
     interface SqmUserName {
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 87ad707164..03a5e36a82 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -45,7 +45,6 @@ export interface DocusignFormViewProps {
     banner: string;
     checkboxLabel: string;
     checkboxDescription: string;
-    submitButton: string;
     backButton: string;
     businessEntity: string;
     individualParticipant: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index d2da6ae2c3..eae7a892e6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -129,11 +129,6 @@ export class DocusignForm {
    * @uiName Refresh button text
    */
   @Prop() refreshButton: string = "Refresh Page";
-  /**
-   * Text shown inside of submit button
-   * @uiName Submit button text
-   */
-  @Prop() submitButton: string = "Continue";
   /**
    * Text shown inside of back button
    * @uiName Back button text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index af615af04a..167dd6d5a9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -41,7 +41,7 @@ export interface IndirectTaxFormViewProps {
     error: {
       generalTitle: string;
       generalDescription: string;
-      taxDetails: string;
+      fieldRequiredError: string;
     };
   };
   refs: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index d446fc6619..9422895f77 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -127,13 +127,6 @@ export class IndirectTaxForm {
    * @uiName Back button text
    */
   @Prop() backButton: string = "Back";
-
-  /**
-   * Error message for the tax details input field
-   * @uiName Tax details error message
-   */
-  @Prop() taxDetailsError: string = "This field is required";
-
   /**
    * Title text for a general form submission error
    * @uiName General form submission error title
@@ -148,49 +141,17 @@ export class IndirectTaxForm {
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
 
-  /**
-   * Error message for the selected region input field
-   * @uiName Selected region error message
-   */
-  @Prop() selectedRegionError: string = "Country is required";
-
-  /**
-   * Error message for the province input field
-   * @uiName Province error message
-   */
-  @Prop() provinceError: string = "Province is required";
-
   /**
    * Error message for the indirect tax number input field with a dynamic placeholder based on tax type
    * @uiName Indirect tax number error message
    */
   @Prop() indirectTaxNumberError: string =
     "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required";
-
-  /**
-   * Error message for the sub-region tax number input field
-   * @uiName Sub-region tax number error message
-   */
-  @Prop() subRegionTaxNumberError: string = "Income Tax Number is required";
-
-  /**
-   * Error message for the QST tax number input field
-   * @uiName QST tax number error message
-   */
-  @Prop() qstTaxNumberError: string = "QST Number is required";
-
   /**
    * Label text for the sub-region input field
    * @uiName Sub-region input label
    */
   @Prop() subRegion: string = "Sub-region";
-
-  /**
-   * Error message for the sub-region input field
-   * @uiName Sub-region error message
-   */
-  @Prop() subRegionError: string = "Sub-region is required";
-
   /**
    * Label text for the QST number input field
    * @uiName QST number input label
@@ -222,6 +183,11 @@ export class IndirectTaxForm {
    */
   @Prop() cannotChangeInfoAlert: string =
     "Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing.";
+  /**
+   * Required error text shown at the bottom of field inputs
+   * @uiName Field inputs error text
+   */
+  @Prop() fieldRequiredError: string = "{fieldName} is required";
 
   /**
    * @undocumented
@@ -242,7 +208,7 @@ export class IndirectTaxForm {
       error: {
         generalTitle: props.generalErrorTitle,
         generalDescription: props.generalErrorDescription,
-        taxDetails: props.taxDetailsError,
+        fieldRequiredError: props.fieldRequiredError,
       },
       slotText: {
         isRegisteredQST: props.isRegisteredQST,
@@ -254,12 +220,8 @@ export class IndirectTaxForm {
         province: props.province,
         indirectTaxNumber: props.indirectTaxNumber,
         error: {
-          subRegionTaxNumber: props.subRegionTaxNumberError,
-          selectedRegion: props.selectedRegionError,
-          province: props.provinceError,
           indirectTaxNumber: props.indirectTaxNumberError,
-          subRegion: props.subRegionError,
-          qstNumber: props.qstTaxNumberError,
+          fieldRequiredError: props.fieldRequiredError,
         },
       },
     };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 8a3a6c7e89..33eddb94e6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -61,13 +61,8 @@ export class TaxAndCashMonolith {
    * @uiName Tax and banking label
    * @uiGroup Step 1 Properties
    */
-  @Prop() step1_allowBankingCollection: string = "I agree to the terms";
-  /**
-   * Heading text for the tax and banking collection checkbox
-   * @uiName Tax and banking collection checkbox heading
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_taxAndBankingCollection: string = "Continue";
+  @Prop() step1_allowBankingCollection: string =
+    "I have read the terms and conditions and allow impact.com to collect my tax and banking information";
   /**
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Tax form step text
@@ -81,72 +76,17 @@ export class TaxAndCashMonolith {
    */
   @Prop() step1_personalInformation: string = "Personal Information";
   /**
-   * Label text for the business entity radio button
-   * @uiName Business entity radio button label
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_businessEntity: string = "I represent a business entity";
-  /**
-   * Label text for the individual participant radio button
-   * @uiName Individual participant radio button label
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_individualParticipant: string =
-    "I am an individual participant";
-  /**
-   * Heading text for the participant type radio buttons
-   * @uiName Participant type radio buttons heading
+   * Label text for terms and conditions
+   * @uiName Terms and conditions label text
    * @uiGroup Step 1 Properties
    */
-  @Prop() step1_participantType: string = "Participant type";
+  @Prop() termsAndConditionsLabel: string = "Terms and conditions";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_submitButton: string = "Continue";
-  /**
-   * Error text shown at the bottom of the first name input
-   * @uiName First name input error text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_firstNameError: string = "Enter a first name";
-  /**
-   * Error text shown at the bottom of the last name input
-   * @uiName Last name input error text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_lastNameError: string = "Enter a last name";
-  /**
-   * Error text shown at the bottom of the email input
-   * @uiName Email input error text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_emailError: string = "Enter a valid email";
-  /**
-   * Error text shown at the bottom of the country input
-   * @uiName Country input error text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_countryError: string = "Select a country";
-  /**
-   * Error text shown at the bottom of the currency input
-   * @uiName Currency input error text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_currencyError: string = "Select a currency";
-  /**
-   * Error text shown at the bottom of the tax and banking collection checkbox
-   * @uiName Tax and banking collection checkbox error text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_allowBankingCollectionError: string = "This field is required";
-  /**
-   * Error text shown at the bottom of the participant type checkbox
-   * @uiName Participant type checkbox error text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_participantTypeError: string = "Select a participant type";
   /**
    * Alert header text shown in alert if user is already a registered partner
    * @uiName Participant is partner title
@@ -302,12 +242,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_backButton: string = "Back";
-  /**
-   * Error text shown below the tax details radio buttons
-   * @uiName Indirect tax details error text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_taxDetailsError: string = "This field is required";
   /**
    * Alert text indicating participant cannot change info after it has been submitted
    * @uiName Cannot change info Alert text
@@ -315,19 +249,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() step2_cannotChangeInfoAlert: string =
     "Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing.";
-
-  /**
-   * Error text shown below the Selected Region select input
-   * @uiName Selected Region error text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_selectedRegionError: string = "Country is required";
-  /**
-   * Error text shown below the Selected Region select input
-   * @uiName Province error text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_provinceError: string = "Province is required";
   /**
    * Error text shown below the Indirect Tax Number select input
    * @uiName Indirect Tax Number error text
@@ -335,20 +256,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() step2_indirectTaxNumberError: string =
     "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required";
-
-  /**
-   * Error text shown below the Sub-region Income Tax number input
-   * @uiName Sub-region Income Tax error text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_subRegionTaxNumberError: string =
-    "Income Tax Number is required";
-  /**
-   * Error text shown below the QST Tax number input
-   * @uiName QST Tax Number error text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_qstTaxNumberError: string = "QST Tax Number is required";
   /**
    * * STEP 3 PROPS:
    */
@@ -463,12 +370,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 3 Properties
    */
   @Prop() step3_refreshButton: string = "Refresh Page";
-  /**
-   * Text shown inside of submit button
-   * @uiName Submit button text
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_submitButton: string = "Continue";
   /**
    * Text shown inside of back button
    * @uiName Back button text
@@ -962,6 +863,13 @@ export class TaxAndCashMonolith {
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
 
+  /**
+   * Required error text shown at the bottom of field inputs
+   * @uiName Field inputs error text
+   * @uiGroup General Form Properties
+   */
+  @Prop() fieldRequiredError: string = "{fieldName} is required";
+
   /**
    * @undocumented
    * @uiType object
@@ -973,12 +881,14 @@ export class TaxAndCashMonolith {
   }
   disconnectedCallback() {}
 
+  // this field is required prop
   getGeneralStepTextProps(prefix: string) {
     const props = getProps(this);
     return {
       ...extractProps(props, prefix),
       generalErrorTitle: props.generalErrorTitle,
       generalErrorDescription: props.generalErrorDescription,
+      fieldRequiredError: props.fieldRequiredError,
     };
   }
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 3229f0e72f..7126c458da 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -20,11 +20,7 @@ export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
   subRegion: "Sub-region",
   subRegionTaxNumberLabel: "Income Tax Number",
   error: {
-    subRegionTaxNumber: "asdf", // TODO:
-    selectedRegion: "Country is required",
-    province: "Province is required",
     indirectTaxNumber: "Indirect Tax is required",
-    subRegion: "Sub-region is required",
-    qstNumber: "QST Number is required"
+    fieldRequiredError: '{fieldName} is required'
   },
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 22b70d9781..628a06f6d9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -4,6 +4,7 @@ import { createStyleSheet } from "../../../../styling/JSS";
 import { INDIRECT_TAX_PROVINCES } from "../../subregions";
 import { TaxContext, TaxCountry } from "../../sqm-tax-and-cash/data";
 import { vatLabels } from "../../countries";
+import { getIsRequiredErrorMessage } from "../../utils";
 
 export interface IndirectDetailsSlotViewProps {
   states: {
@@ -50,12 +51,8 @@ export interface IndirectDetailsSlotViewProps {
     isRegisteredQST: string;
     isRegisteredSubRegionIncomeTax: string;
     error: {
-      selectedRegion: string;
-      province: string;
       indirectTaxNumber: string;
-      subRegionTaxNumber: string;
-      subRegion: string;
-      qstNumber: string;
+      fieldRequiredError: string;
     };
   };
 }
@@ -193,11 +190,14 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
           exportparts="label: input-label"
           class={classes.Input}
           value={formState.subRegion}
-          label={"Sub Region"}
+          label={text.subRegion}
           disabled={states.loading || states.disabled}
           {...(formState.errors?.indirectTaxNumber && {
             class: classes.ErrorInput,
-            helpText: text.error.subRegion,
+            helpText: getIsRequiredErrorMessage(
+              text.subRegion,
+              text.error.fieldRequiredError
+            ),
           })}
           id="subRegion"
           name="/subRegion"
@@ -230,7 +230,10 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             value={formState.subRegionTaxNumber}
             {...(formState.errors?.subRegionTaxNumberError && {
               class: classes.ErrorInput,
-              helpText: text.error.subRegionTaxNumber,
+              helpText: getIsRequiredErrorMessage(
+                text.subRegionTaxNumberLabel,
+                text.error.fieldRequiredError
+              ),
             })}
             id={"subRegionTaxNumber"}
             name={"/subRegionTaxNumber"}
@@ -259,7 +262,10 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
           onSl-select={(e) => callbacks.onFormChange("province", e)}
           {...(formState.errors?.province && {
             class: classes.ErrorInput,
-            helpText: text.error.province,
+            helpText: getIsRequiredErrorMessage(
+              text.province,
+              text.error.fieldRequiredError
+            ),
           })}
           id="province"
           name="/province"
@@ -296,7 +302,10 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
               <IndirectTaxNumberInput
                 name={"qstNumber"}
                 label={text.qstNumber}
-                error={text.error.qstNumber}
+                error={getIsRequiredErrorMessage(
+                  text.qstNumber,
+                  text.error.fieldRequiredError
+                )}
               />
             )}
           </div>
@@ -354,7 +363,10 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             onSl-select={(e) => callbacks.onFormChange("selectedRegion", e)}
             {...(formState.errors?.selectedRegion && {
               class: classes.ErrorInput,
-              helpText: text.error.selectedRegion,
+              helpText: getIsRequiredErrorMessage(
+                text.selectedRegion,
+                text.error.fieldRequiredError
+              ),
             })}
             id="selectedRegion"
             name="/selectedRegion"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 69a4373557..d495d7f077 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -1,6 +1,8 @@
 import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
 import { useRef } from "@saasquatch/universal-hooks";
+import { intl } from "../../../global/global";
+import { getIsRequiredErrorMessage } from "../utils";
 
 export interface UserInfoFormViewProps {
   states: {
@@ -52,23 +54,14 @@ export interface UserInfoFormViewProps {
     currency: string;
     allowBankingCollection: string;
     personalInformation: string;
-    individualParticipant: string;
-    businessEntity: string;
-    participantType: string;
-    taxAndBankingCollection: string;
     submitButton: string;
     isPartnerAlertHeader: string;
     isPartnerAlertDescription: string;
+    termsAndConditionsLabel: string;
     error: {
       generalTitle: string;
       generalDescription: string;
-      firstName: string;
-      lastName: string;
-      email: string;
-      countryCode: string;
-      currency: string;
-      allowBankingCollection: string;
-      participantType: string;
+      fieldRequiredError: string;
     };
   };
   refs: {
@@ -243,7 +236,10 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               {...(formState.errors?.firstName
                 ? {
                     class: classes.ErrorInput,
-                    helpText: text.error.firstName,
+                    helpText: getIsRequiredErrorMessage(
+                      text.firstName,
+                      text.error.fieldRequiredError
+                    ),
                   }
                 : {})}
               id="firstName"
@@ -258,7 +254,10 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               {...(formState.errors?.lastName
                 ? {
                     class: classes.ErrorInput,
-                    helpText: text.error.lastName,
+                    helpText: getIsRequiredErrorMessage(
+                      text.lastName,
+                      text.error.fieldRequiredError
+                    ),
                   }
                 : {})}
               id="lastName"
@@ -285,7 +284,10 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               {...(formState.errors?.countryCode
                 ? {
                     class: classes.ErrorInput,
-                    helpText: text.error.countryCode,
+                    helpText: getIsRequiredErrorMessage(
+                      text.country,
+                      text.error.fieldRequiredError
+                    ),
                   }
                 : {})}
               required
@@ -319,7 +321,10 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               {...(formState.errors?.currency
                 ? {
                     class: classes.ErrorInput,
-                    helpText: text.error.currency,
+                    helpText: getIsRequiredErrorMessage(
+                      text.currency,
+                      text.error.fieldRequiredError
+                    ),
                   }
                 : {})}
               required
@@ -344,7 +349,6 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
             </sl-select>
 
             <div class={classes.CheckboxWrapper}>
-              <p class={classes.BoldText}> {text.taxAndBankingCollection}</p>
               <sl-checkbox
                 exportparts="label: input-label"
                 checked={formState.allowBankingCollection === true}
@@ -361,7 +365,10 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               </sl-checkbox>
               {formState.errors?.allowBankingCollection && (
                 <p class={classes.ErrorText}>
-                  {text.error.allowBankingCollection}
+                  {getIsRequiredErrorMessage(
+                    text.termsAndConditionsLabel,
+                    text.error.fieldRequiredError
+                  )}
                 </p>
               )}
             </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 1809b34ce0..b5de9dec41 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -49,12 +49,8 @@ export class TaxForm {
    * Label text for tax and banking collection checkbox
    * @uiName Tax and banking label
    */
-  @Prop() allowBankingCollection: string = "I agree to the terms";
-  /**
-   * Heading text for the tax and banking collection checkbox
-   * @uiName Tax and banking collection checkbox heading
-   */
-  @Prop() taxAndBankingCollection: string = "Continue";
+  @Prop() allowBankingCollection: string =
+    "I have read the terms and conditions and allow impact.com to collect my tax and banking information";
   /**
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Tax form step text
@@ -65,62 +61,11 @@ export class TaxForm {
    * @uiName Form heading text
    */
   @Prop() personalInformation: string = "Personal Information";
-  /**
-   * Label text for the business entity radio button
-   * @uiName Business entity radio button label
-   */
-  @Prop() businessEntity: string = "I represent a business entity";
-  /**
-   * Label text for the individual participant radio button
-   * @uiName Individual participant radio button label
-   */
-  @Prop() individualParticipant: string = "I am an individual participant";
-  /**
-   * Heading text for the participant type radio buttons
-   * @uiName Participant type radio buttons heading
-   */
-  @Prop() participantType: string = "Participant type";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
    */
   @Prop() submitButton: string = "Continue";
-  /**
-   * Error text shown at the bottom of the first name input
-   * @uiName First name input error text
-   */
-  @Prop() firstNameError: string = "Enter a first name";
-  /**
-   * Error text shown at the bottom of the last name input
-   * @uiName Last name input error text
-   */
-  @Prop() lastNameError: string = "Enter a last name";
-  /**
-   * Error text shown at the bottom of the email input
-   * @uiName Email input error text
-   */
-  @Prop() emailError: string = "Enter a valid email";
-  /**
-   * Error text shown at the bottom of the country input
-   * @uiName Country input error text
-   */
-  @Prop() countryError: string = "Select a country";
-  /**
-   * Error text shown at the bottom of the currency input
-   * @uiName Currency input error text
-   */
-  @Prop() currencyError: string = "Select a currency";
-  /**
-   * Error text shown at the bottom of the tax and banking collection checkbox
-   * @uiName Tax and banking collection checkbox error text
-   */
-  @Prop() allowBankingCollectionError: string = "This field is required";
-  /**
-   * Error text shown at the bottom of the participant type checkbox
-   * @uiName Participant type checkbox error text
-   */
-  @Prop() participantTypeError: string = "Select a participant type";
-
   /**
    * Alert header text shown in alert if user is already a registered partner
    * @uiName Participant is partner title
@@ -149,6 +94,16 @@ export class TaxForm {
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
+  /**
+   * Label text for terms and conditions
+   * @uiName Terms and conditions label text
+   */
+  @Prop() termsAndConditionsLabel: string = "Terms and conditions";
+  /**
+   * Required error text shown at the bottom of field inputs
+   * @uiName Field inputs error text
+   */
+  @Prop() fieldRequiredError: string = "{fieldName} is required";
 
   /**
    * @undocumented
@@ -167,13 +122,7 @@ export class TaxForm {
     return {
       ...props,
       error: {
-        firstName: props.firstNameError,
-        lastName: props.lastNameError,
-        email: props.emailError,
-        countryCode: props.countryError,
-        currency: props.currencyError,
-        allowBankingCollection: props.allowBankingCollectionError,
-        participantType: props.participantTypeError,
+        fieldRequiredError: props.fieldRequiredError,
         generalTitle: props.generalErrorTitle,
         generalDescription: props.generalErrorDescription,
       },
@@ -204,16 +153,13 @@ export class TaxForm {
 
 function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
   const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
-  const [participantType, setParticipantType] = useState(null);
 
   return deepmerge(
     {
       step,
       setStep,
       onSubmit: () => {},
-      onRadioClick: (value: string) => {
-        setParticipantType(value);
-      },
+      onRadioClick: (value: string) => {},
       text: props.getTextProps(),
       refs: {
         formRef: { current: null },
@@ -230,7 +176,6 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
       },
       states: {
         disabled: false,
-        formState: { participantType },
         loading: false,
         isPartner: false,
         isUser: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index a9ffa1bb95..ef781a3c73 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -158,7 +158,7 @@ export function useUserInfoForm(props: TaxForm) {
 
       // required validation
       if (control.required && !value) {
-        jsonpointer.set(errors, key, props.allowBankingCollectionError);
+        jsonpointer.set(errors, key, props.fieldRequiredError);
       }
 
       // custom validation
diff --git a/packages/mint-components/src/components/tax-and-cash/utils.ts b/packages/mint-components/src/components/tax-and-cash/utils.ts
index 93a33e00d8..e5eef33458 100644
--- a/packages/mint-components/src/components/tax-and-cash/utils.ts
+++ b/packages/mint-components/src/components/tax-and-cash/utils.ts
@@ -1,3 +1,4 @@
+import { intl } from "../../global/global";
 import { TaxDocumentType } from "./sqm-tax-and-cash/data";
 
 export const objectIsFull = (obj: Record<string, unknown>) => {
@@ -16,3 +17,15 @@ export const taxTypeToName = (taxType: TaxDocumentType) => {
       return "";
   }
 };
+
+export const getIsRequiredErrorMessage = (fieldName: string, errorMessage: string) => {
+    return intl.formatMessage(
+      {
+        id: fieldName,
+        defaultMessage: errorMessage,
+      },
+      {
+        fieldName,
+      }
+    );
+  };

From 344d29ea77ed0bb396ffb89afad6298d90b1bc03 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 4 Mar 2024 16:15:08 -0800
Subject: [PATCH 394/753] payout details card specs

---
 .../sqm-payout-details-card.feature           | 86 +++++++++++++++++++
 1 file changed, 86 insertions(+)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
new file mode 100644
index 0000000000..43fedf3840
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
@@ -0,0 +1,86 @@
+@author sam
+@owner sam
+Feature: Payout Details Card
+
+    Displays the details of the user's next payout via impact
+
+    @motivating
+    Scenario Outline: Payout information is shown for users with banking information configured for fixed day schedule
+        Given the user has created a valid partner
+        And the user has saved banking information with <payoutSchedule> and <payoutDate>
+        And the current date is <currentDate>
+        Then <payoutMessage> is shown
+        And a badge with <badgeText> is shown
+        And the payout balance is shown
+        And the bank account number preview is shown
+        Examples:
+            | payoutSchedule | payoutDate | currentDate  | payoutMessage | badgeText    |
+            | FIXED_DAY      | 1          | Feb 1, 2024  | Feb 1, 2024   | Payout Today |
+            | FIXED_DAY      | 1          | Feb 2, 2024  | Mar 1, 2024   | Next payout  |
+            | FIXED_DAY      | 15         | Feb 1, 2024  | Feb 15, 2024  | Next payout  |
+            | FIXED_DAY      | 15         | Feb 15, 2024 | Feb 15, 2024  | Payout Today |
+            | FIXED_DAY      | 15         | Feb 28, 2024 | Mar 15, 2024  | Next payout  |
+
+
+    @motivating
+    Scenario Outline: Payout information is shown for users with banking information configured for balance threshold
+        Given the user has created a valid partner
+        And the user has saved banking information with <payoutSchedule> and <payoutThreshold>
+        Then <payoutMessage> is shown
+        And the payout balance is <payoutBalance>
+        And the bank account number preview is shown
+        Examples:
+            | payoutSchedule    | payoutThreshold | payoutMessage                        | payoutBalance |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD | 0             |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD | 25            |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD | 49            |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 50 USD | 0             |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 50 USD | 50            |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 50 USD | 99            |
+
+
+
+    @motivating
+    Scenario Outline: Payout information is shown for users with a PayPal email configured for fixed day schedule
+        Given the user has created a valid partner
+        And the user has saved banking information with <payoutSchedule> and <payoutDate>
+        And the current date is <currentDate>
+        Then <payoutMessage> is shown
+        And the payout balance is shown
+        And the PayPal email is shown
+        Examples:
+            | payoutSchedule | payoutDate | currentDate  | payoutMessage | badgeText    |
+            | FIXED_DAY      | 1          | Feb 1, 2024  | Feb 1, 2024   | Payout Today |
+            | FIXED_DAY      | 1          | Feb 2, 2024  | Mar 1, 2024   | Next payout  |
+            | FIXED_DAY      | 15         | Feb 1, 2024  | Feb 15, 2024  | Next payout  |
+            | FIXED_DAY      | 15         | Feb 15, 2024 | Feb 15, 2024  | Payout Today |
+            | FIXED_DAY      | 15         | Feb 28, 2024 | Mar 15, 2024  | Next payout  |
+
+
+    @motivating
+    Scenario Outline: Payout information is shown for users with a PayPal email configured for balance threshold
+        Given the user has created a valid partner
+        And the user has saved banking information with <payoutSchedule> and <payoutThreshold>
+        Then <payoutMessage> is shown
+        And the payout balance is shown
+        And the PayPal email is shown
+        Examples:
+            | payoutSchedule    | payoutThreshold | badgeText                            | mayBe |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD | 0     |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD | 25    |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD | 49    |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 50 USD | 0     |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 50 USD | 50    |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 50 USD | 99    |
+
+    @minutia
+    Scenario Outline: An error banner is shown if the payout is on hold
+        Given the user has a valid partner
+        And the user has saved payment information
+        And data for payoutsAccount is returned
+        When the value for "hold" is <holdValue>
+        Then an error banner <mayBe> shown above the payout details
+        Examples:
+            | holdValue | mayBe  |
+            | true      | is     |
+            | false     | is not |
\ No newline at end of file

From 3e511c4cd4b28d8938d27b87bc9efc80748c9c53 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 4 Mar 2024 16:16:49 -0800
Subject: [PATCH 395/753] fix types

---
 .../tax-and-cash/TaxForm.stories.tsx          | 34 +++++++++----------
 .../small-views/IndirectTaxDetailsView.tsx    |  6 ++--
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 7101eb2f9e..0431a55ca7 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -356,7 +356,7 @@ export const StepTwoOtherRegionChecked = () => {
         slotProps: {
           formState: {
             selectedRegion: "UK",
-            indirectTaxNumber: 123456,
+            indirectTaxNumber: "123456",
             errors: {},
           },
         },
@@ -380,7 +380,7 @@ export const StepTwoOtherRegionCheckedCanada = () => {
           formState: {
             selectedRegion: "CA",
             province: "BRITISHCOLUMBIA",
-            indirectTaxNumber: 123456,
+            indirectTaxNumber: "123456",
             errors: {},
           },
         },
@@ -404,7 +404,7 @@ export const StepTwoOtherRegionCheckedCanadaGST = () => {
           formState: {
             selectedRegion: "CA",
             province: "QUEBEC",
-            indirectTaxNumber: 123456,
+            indirectTaxNumber: "123456",
             errors: {},
           },
         },
@@ -809,7 +809,7 @@ export const TaxAndCashDashboardActiveW9Form = () => {
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "United Kingdom",
-          indirectTaxNumber: 123456,
+          indirectTaxNumber: "123456",
           indirectTaxType: "VAT",
           isBusinessEntity: true,
         },
@@ -831,7 +831,7 @@ export const TaxAndCashDashboardActiveW8BENForm = () => {
           noFormNeeded: false,
           country: "United Kingdom",
           indirectTaxType: "VAT",
-          indirectTaxNumber: 123456,
+          indirectTaxNumber: "123456",
           isBusinessEntity: true,
         },
       }}
@@ -852,7 +852,7 @@ export const TaxAndCashDashboardActiveW8BENEForm = () => {
           noFormNeeded: false,
           country: "United Kingdom",
           indirectTaxType: "VAT",
-          indirectTaxNumber: 123456,
+          indirectTaxNumber: "123456",
           isBusinessEntity: true,
         },
       }}
@@ -871,7 +871,7 @@ export const TaxAndCashDashboardNotActiveW9Form = () => {
           documentTypeString: "W9",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
-          indirectTaxNumber: 123456,
+          indirectTaxNumber: "123456",
           indirectTaxType: "VAT",
           country: "Slovania",
           isBusinessEntity: true,
@@ -893,7 +893,7 @@ export const TaxAndCashDashboardNotVerifiedW9Form = () => {
           noFormNeeded: false,
           country: "United States",
           indirectTaxType: "VAT",
-          indirectTaxNumber: 123456,
+          indirectTaxNumber: "123456",
           isBusinessEntity: true,
         },
       }}
@@ -914,7 +914,7 @@ export const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
           noFormNeeded: false,
           country: "United Kingdom",
           indirectTaxType: "VAT",
-          indirectTaxNumber: 123456,
+          indirectTaxNumber: "123456",
           isBusinessEntity: true,
         },
       }}
@@ -935,7 +935,7 @@ export const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
           noFormNeeded: false,
           country: "United Kingdom",
           indirectTaxType: "VAT",
-          indirectTaxNumber: 123456,
+          indirectTaxNumber: "123456",
           isBusinessEntity: true,
         },
       }}
@@ -954,7 +954,7 @@ export const TaxAndCashDashboardNotActiveW8BENEForm = () => {
           documentTypeString: "W8-BEN-E",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
-          indirectTaxNumber: 123456,
+          indirectTaxNumber: "123456",
           indirectTaxType: "VAT",
           country: "United Kingdom",
           isBusinessEntity: true,
@@ -977,7 +977,7 @@ export const TaxAndCashDashboardNoFormNeeded = () => {
           province: "Ontario",
           country: "Canada",
           isIndirectTaxCanada: true,
-          indirectTaxNumber: 123456,
+          indirectTaxNumber: "123456",
           indirectTaxType: "GST",
           isBusinessEntity: true,
         },
@@ -1001,7 +1001,7 @@ export const TaxAndCashDashboardIndirectTaxCanada = () => {
           country: "Canada",
           isIndirectTaxCanada: true,
           indirectTaxType: "GST",
-          indirectTaxNumber: 123456,
+          indirectTaxNumber: "123456",
           isBusinessEntity: true,
         },
       }}
@@ -1024,7 +1024,7 @@ export const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
           country: "Canada",
           isIndirectTaxCanada: true,
           indirectTaxType: "GST",
-          indirectTaxNumber: 123456,
+          indirectTaxNumber: "123456",
           qstNumber: 44212,
           isBusinessEntity: true,
         },
@@ -1047,7 +1047,7 @@ export const TaxAndCashDashboardIndirectTaxSpain = () => {
           country: "Spain",
           subRegion: "Madred",
           indirectTaxType: "VAT",
-          indirectTaxNumber: 123456,
+          indirectTaxNumber: "123456",
           subRegionTaxNumber: 44212,
           isBusinessEntity: true,
         },
@@ -1104,7 +1104,7 @@ export const TaxAndCashDashboardWithGeneralError = () => {
           documentTypeString: "W9",
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
-          indirectTaxNumber: 123456,
+          indirectTaxNumber: "123456",
           country: "Slovania",
           isBusinessEntity: true,
           errors: {
@@ -1128,7 +1128,7 @@ export const TaxAndCashDashboardDisabled = () => {
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           isBusinessEntity: true,
-          indirectTaxNumber: 123456,
+          indirectTaxNumber: "123456",
           country: "Slovania",
         },
       }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 628a06f6d9..1760dba76f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -1,9 +1,9 @@
 import { h } from "@stencil/core";
 import { intl } from "../../../../global/global";
 import { createStyleSheet } from "../../../../styling/JSS";
-import { INDIRECT_TAX_PROVINCES } from "../../subregions";
-import { TaxContext, TaxCountry } from "../../sqm-tax-and-cash/data";
 import { vatLabels } from "../../countries";
+import { TaxCountry } from "../../sqm-tax-and-cash/data";
+import { INDIRECT_TAX_PROVINCES } from "../../subregions";
 import { getIsRequiredErrorMessage } from "../../utils";
 
 export interface IndirectDetailsSlotViewProps {
@@ -17,7 +17,7 @@ export interface IndirectDetailsSlotViewProps {
       subRegionTaxNumber?: string;
       qstNumber?: string;
       province?: string;
-      indirectTaxNumber?: number;
+      indirectTaxNumber?: string;
       hasQst?: boolean;
       hasSubRegionTaxNumber?: boolean;
       errors?: any;

From f11ddebaf441f6dd32453d443fb8c0ce0d2160c1 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 4 Mar 2024 16:35:33 -0800
Subject: [PATCH 396/753] Fix typo in copy

---
 .../sqm-banking-info-form.tsx                     |  2 +-
 .../tax-and-cash/sqm-indirect-tax-form/readme.md  | 15 ++++++---------
 .../sqm-indirect-tax-form.tsx                     |  2 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md       |  9 ++++-----
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx         |  2 +-
 5 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 8e8881b4f5..e9ac13350e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -215,7 +215,7 @@ export class BankingInfoForm {
    * @uiName Partner identification alert description
    */
   @Prop() isPartnerAlertDescription: string =
-    "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.";
+    "If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email.";
 
   /**
    * Label text for the classification CPF input field
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 34be24b170..9e2a36c382 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -1,10 +1,7 @@
 # sqm-indirect-tax-form
 
-
-
 <!-- Auto Generated Below -->
 
-
 ## Properties
 
 | Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                                                             |
@@ -28,7 +25,7 @@
 | `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Not registered for indirect tax"`                                                                                                                                                                                 |
 | `notRegisteredSubtext`           | `not-registered-subtext`              | Subtext for the option indicating not being registered for indirect tax                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
 | `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax in a different region                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Registered for indirect tax"`                                                                                                                                                                                     |
-| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"f you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                      |
+| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"IIf you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                    |
 | `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province"`                                                                                                                                                                                                        |
 | `provinceError`                  | `province-error`                      | Error message for the province input field                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province is required"`                                                                                                                                                                                            |
 | `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number"`                                                                                                                                                                                                      |
@@ -42,15 +39,15 @@
 | `submitButton`                   | `submit-button`                       | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                                                                                                                        |
 | `taxDetailsError`                | `tax-details-error`                   | Error message for the tax details input field                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"This field is required"`                                                                                                                                                                                          |
 
-
 ## Dependencies
 
 ### Used by
 
- - [sqm-stencilbook](../../sqm-stencilbook)
- - [sqm-tax-and-cash](../sqm-tax-and-cash)
+- [sqm-stencilbook](../../sqm-stencilbook)
+- [sqm-tax-and-cash](../sqm-tax-and-cash)
 
 ### Graph
+
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-indirect-tax-form
@@ -58,6 +55,6 @@ graph TD;
   style sqm-indirect-tax-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 9422895f77..704ebab61c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -68,7 +68,7 @@ export class IndirectTaxForm {
    * @uiName Registered for indirect tax in a different region option sub-text
    */
   @Prop() otherRegionSubtext: string =
-    "f you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
+    "If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
 
   /**
    * Text for the option indicating not being registered for indirect tax
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 39c6e25185..9bd6b9c598 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -2,7 +2,6 @@
 
 <!-- Auto Generated Below -->
 
-
 ## Properties
 
 | Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                       |
@@ -37,7 +36,7 @@
 | `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                   |
 | `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                   |
 | `notRegisteredSubtext`                          | `not-registered-subtext`                             | Subtext for the option indicating not being registered for indirect tax                                    | `string`                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                           |
-| `otherRegionSubtext`                            | `other-region-subtext`                               | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"f you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                |
+| `otherRegionSubtext`                            | `other-region-subtext`                               | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"IIf you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                              |
 | `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                      |
 | `step1_allowBankingCollectionError`             | `step-1_allow-banking-collection-error`              | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                    |
 | `step1_businessEntity`                          | `step-1_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                             |
@@ -159,7 +158,6 @@
 | `step4_voCodeLabel`                             | `step-4_vo-code-label`                               | Label text for the VO code input field                                                                     | `string`                                                                                                             | `"VO Code"`                                                                                                                                                                   |
 | `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                      |
 
-
 ## Dependencies
 
 ### Depends on
@@ -171,6 +169,7 @@
 - [sqm-tax-and-cash-dashboard](../sqm-tax-and-cash-dashboard)
 
 ### Graph
+
 ```mermaid
 graph TD;
   sqm-tax-and-cash --> sqm-user-info-form
@@ -182,6 +181,6 @@ graph TD;
   style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
-----------------------------------------------
+---
 
-*Built with [StencilJS](https://stenciljs.com/)*
+_Built with [StencilJS](https://stenciljs.com/)_
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 33eddb94e6..69461472b6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -149,7 +149,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() otherRegionSubtext: string =
-    "f you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
+    "IIf you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
   /**
    * Label text for the not registered radio button
    * @uiName Not registered radio button label

From e3163facd0df5f83a6d92e53d66f5440e281636a Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 4 Mar 2024 16:58:22 -0800
Subject: [PATCH 397/753] fix spec

---
 .../sqm-payout-details-card.feature           | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
index 43fedf3840..fb2bf76420 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
@@ -30,13 +30,13 @@ Feature: Payout Details Card
         And the payout balance is <payoutBalance>
         And the bank account number preview is shown
         Examples:
-            | payoutSchedule    | payoutThreshold | payoutMessage                        | payoutBalance |
-            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD | 0             |
-            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD | 25            |
-            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD | 49            |
-            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 50 USD | 0             |
-            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 50 USD | 50            |
-            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 50 USD | 99            |
+            | payoutSchedule    | payoutThreshold | payoutMessage                         | payoutBalance |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD  | 0             |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD  | 25            |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD  | 49            |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 0             |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 50            |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 99            |
 
 
 
@@ -65,13 +65,13 @@ Feature: Payout Details Card
         And the payout balance is shown
         And the PayPal email is shown
         Examples:
-            | payoutSchedule    | payoutThreshold | badgeText                            | mayBe |
-            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD | 0     |
-            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD | 25    |
-            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD | 49    |
-            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 50 USD | 0     |
-            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 50 USD | 50    |
-            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 50 USD | 99    |
+            | payoutSchedule    | payoutThreshold | badgeText                             | mayBe |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD  | 0     |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD  | 25    |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD  | 49    |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 0     |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 50    |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 99    |
 
     @minutia
     Scenario Outline: An error banner is shown if the payout is on hold

From 1d09a526607b6b5848f3e97720a7d84f9603e824 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 4 Mar 2024 17:13:54 -0800
Subject: [PATCH 398/753] added payoutBalance stat

---
 .../sqm-big-stat/UseBigStat.stories.tsx       |  4 ++
 .../components/sqm-big-stat/useBigStat.tsx    | 37 +++++++++++++++++++
 2 files changed, 41 insertions(+)

diff --git a/packages/mint-components/src/components/sqm-big-stat/UseBigStat.stories.tsx b/packages/mint-components/src/components/sqm-big-stat/UseBigStat.stories.tsx
index f07a613a7f..39410a7e0b 100644
--- a/packages/mint-components/src/components/sqm-big-stat/UseBigStat.stories.tsx
+++ b/packages/mint-components/src/components/sqm-big-stat/UseBigStat.stories.tsx
@@ -331,3 +331,7 @@ export const GeneratedRevenue = createHookStory(() =>
 export const ReferredRevenue = createHookStory(() =>
   View("/userStats/referredRevenue", "/(userStat)/:statId", "Referred Revenue")
 );
+
+export const PayoutBalance = createHookStory(() =>
+  View("/payoutBalance", "/(payoutBalance)")
+);
diff --git a/packages/mint-components/src/components/sqm-big-stat/useBigStat.tsx b/packages/mint-components/src/components/sqm-big-stat/useBigStat.tsx
index a49ac2e26c..c2d3d9f9c4 100644
--- a/packages/mint-components/src/components/sqm-big-stat/useBigStat.tsx
+++ b/packages/mint-components/src/components/sqm-big-stat/useBigStat.tsx
@@ -892,6 +892,35 @@ const userStatsQuery = (_programId, _locale, statId) => {
   );
 };
 
+const payoutBalanceQuery = () => {
+  return debugQuery(
+    gql`
+      query payoutBalance {
+        viewer: viewer {
+          ... on User {
+            publisher {
+              currency
+              payoutsAccount {
+                balance
+              }
+            }
+          }
+        }
+      }
+    `,
+    {},
+    (res) => {
+      const fallback = 0;
+      const balance = res.data?.viewer?.publisher?.payoutsAccount?.balance;
+      const currency = res.data?.viewer?.publisher?.currency || "";
+      const balanceText = `${balance || fallback} ${currency}`;
+      return {
+        value: balance || fallback,
+        statvalue: balanceText,
+      };
+    }
+  );
+};
 // functions are of the form (programId: string, ...args: string) => string
 export const queries: {
   [key: string]: {
@@ -978,6 +1007,10 @@ export const queries: {
     label: "User Stat",
     query: userStatsQuery,
   },
+  payoutBalance: {
+    label: "Payout Balance",
+    query: payoutBalanceQuery,
+  },
 };
 
 // this should be exposed in documentation somehow
@@ -1037,6 +1070,10 @@ export const StatPaths = [
     name: "userStats",
     route: "/(userStats)/:statId",
   },
+  {
+    name: "payoutBalance",
+    route: "/(payoutBalance)",
+  },
 ];
 
 export const StatPatterns = StatPaths.map((pattern) =>

From 5dcd7dacc29f8001291af23e9fa7e104459995ce Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 5 Mar 2024 09:06:33 -0800
Subject: [PATCH 399/753] Copy updates

---
 packages/mint-components/src/components.d.ts  |  10 +
 .../sqm-docusign-form/sqm-docusign-form.tsx   |   2 +-
 .../sqm-user-info-form-view.tsx               | 349 +++++++++---------
 .../sqm-user-info-form/sqm-user-info-form.tsx |   6 +
 4 files changed, 194 insertions(+), 173 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 3e70114970..322678c7d3 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -4638,6 +4638,11 @@ export namespace Components {
           * @uiName Currency label
          */
         "currency": string;
+        /**
+          * Help text shown underneath currency input
+          * @uiName Currency help text
+         */
+        "currencyHelpText": string;
         /**
           * @undocumented 
           * @uiType object
@@ -10011,6 +10016,11 @@ declare namespace LocalJSX {
           * @uiName Currency label
          */
         "currency"?: string;
+        /**
+          * Help text shown underneath currency input
+          * @uiName Currency help text
+         */
+        "currencyHelpText"?: string;
         /**
           * @undocumented 
           * @uiType object
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index eae7a892e6..2b4e4960fd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -56,7 +56,7 @@ export class DocusignForm {
    * @uiName Tax form subtext
    */
   @Prop() taxFormDescription: string =
-    "Participants based in the US and partnering with US-based brands need to submit a {documentType} form.";
+    "Participants based in the US need to submit a {documentType} form.";
   /**
    * Subtext shown at the top of the page next to the document type text for individual participants
    * @uiName Tax form subtext
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index d495d7f077..a99a3a592f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -3,6 +3,7 @@ import { createStyleSheet } from "../../../styling/JSS";
 import { useRef } from "@saasquatch/universal-hooks";
 import { intl } from "../../../global/global";
 import { getIsRequiredErrorMessage } from "../utils";
+import { GeneralLoadingView } from "../TaxForm.stories";
 
 export interface UserInfoFormViewProps {
   states: {
@@ -52,6 +53,7 @@ export interface UserInfoFormViewProps {
     email: string;
     country: string;
     currency: string;
+    currencyHelpText: string;
     allowBankingCollection: string;
     personalInformation: string;
     submitButton: string;
@@ -197,191 +199,194 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
         {styleString}
         {vanillaStyle}
       </style>
-      <div class={classes.TextContainer}>
-        <div>
-          {!states.hideSteps && <p>{text.formStep}</p>}
-          <h3>{text.personalInformation}</h3>
-        </div>
-      </div>
-      {formState.errors?.general && (
-        <sl-alert type="warning" open class={sheet.classes.AlertContainer}>
-          <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
-          <strong>{text.error.generalTitle}</strong>
-          <br />
-          {text.error.generalDescription}
-        </sl-alert>
-      )}
-      {states.isPartner && (
-        <sl-alert
-          type="primary"
-          open
-          class={sheet.classes.PartnerAlertContainer}
-        >
-          <sl-icon slot="icon" name="info-circle"></sl-icon>
-          <strong>{text.isPartnerAlertHeader}</strong>
-          <br />
-          {text.isPartnerAlertDescription}
-        </sl-alert>
-      )}
       {states.loading ? (
-        <sl-spinner style={{ fontSize: "50px", margin: "40px" }}></sl-spinner>
+        <GeneralLoadingView />
       ) : (
         <div>
-          <div class={classes.InputContainer}>
-            <sl-input
-              exportparts="label: input-label"
-              value={formState.firstName}
-              label={text.firstName}
-              disabled={states.disabled || states.isUser || states.isPartner}
-              {...(formState.errors?.firstName
-                ? {
-                    class: classes.ErrorInput,
-                    helpText: getIsRequiredErrorMessage(
-                      text.firstName,
-                      text.error.fieldRequiredError
-                    ),
-                  }
-                : {})}
-              id="firstName"
-              name="/firstName"
-              required
-            />
-            <sl-input
-              exportparts="label: input-label"
-              value={formState.lastName}
-              label={text.lastName}
-              disabled={states.disabled || states.isUser || states.isPartner}
-              {...(formState.errors?.lastName
-                ? {
-                    class: classes.ErrorInput,
-                    helpText: getIsRequiredErrorMessage(
-                      text.lastName,
-                      text.error.fieldRequiredError
-                    ),
-                  }
-                : {})}
-              id="lastName"
-              name="/lastName"
-              required
-            />
-            <sl-input
-              exportparts="label: input-label"
-              value={formState.email}
-              label={text.email}
-              disabled={true}
-              id="email"
-              name="/email"
-              required
-            />
-
-            <sl-select
-              id="countryCode"
-              exportparts="label: input-label"
-              name="/countryCode"
-              label={text.country}
-              value={formState.countryCode}
-              disabled={states.disabled || states.isPartner}
-              {...(formState.errors?.countryCode
-                ? {
-                    class: classes.ErrorInput,
-                    helpText: getIsRequiredErrorMessage(
-                      text.country,
-                      text.error.fieldRequiredError
-                    ),
-                  }
-                : {})}
-              required
-              onSl-select={(e) => callbacks.onFormChange("countryCode", e)}
+          <div class={classes.TextContainer}>
+            <div>
+              {!states.hideSteps && <p>{text.formStep}</p>}
+              <h3>{text.personalInformation}</h3>
+            </div>
+          </div>
+          {formState.errors?.general && (
+            <sl-alert type="warning" open class={sheet.classes.AlertContainer}>
+              <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+              <strong>{text.error.generalTitle}</strong>
+              <br />
+              {text.error.generalDescription}
+            </sl-alert>
+          )}
+          {states.isPartner && (
+            <sl-alert
+              type="primary"
+              open
+              class={sheet.classes.PartnerAlertContainer}
             >
+              <sl-icon slot="icon" name="info-circle"></sl-icon>
+              <strong>{text.isPartnerAlertHeader}</strong>
+              <br />
+              {text.isPartnerAlertDescription}
+            </sl-alert>
+          )}
+
+          <div>
+            <div class={classes.InputContainer}>
               <sl-input
-                class={classes.SearchInput}
-                placeholder="Search for country.."
-                onKeyDown={(e) => {
-                  // Stop shoelace intercepting key presses
-                  e.stopPropagation();
-                }}
-                onSl-input={(e) => {
-                  callbacks.setCountrySearch(e.target.value);
-                }}
-              ></sl-input>
-              {data?.countries?.map((c) => (
-                <sl-menu-item value={c.countryCode}>
-                  {c.displayName}
-                </sl-menu-item>
-              ))}
-            </sl-select>
-            <sl-select
-              id="currency"
-              exportparts="label: input-label"
-              name="/currency"
-              label={text.currency}
-              menu
-              value={formState.currency}
-              disabled={states.disabled || states.isPartner}
-              {...(formState.errors?.currency
-                ? {
-                    class: classes.ErrorInput,
-                    helpText: getIsRequiredErrorMessage(
-                      text.currency,
-                      text.error.fieldRequiredError
-                    ),
-                  }
-                : {})}
-              required
-              ref={(el: HTMLFormElement) => (refs.currencyRef.current = el)}
-            >
+                exportparts="label: input-label"
+                value={formState.firstName}
+                label={text.firstName}
+                disabled={states.disabled || states.isUser || states.isPartner}
+                {...(formState.errors?.firstName
+                  ? {
+                      class: classes.ErrorInput,
+                      helpText: getIsRequiredErrorMessage(
+                        text.firstName,
+                        text.error.fieldRequiredError
+                      ),
+                    }
+                  : {})}
+                id="firstName"
+                name="/firstName"
+                required
+              />
               <sl-input
-                class={classes.SearchInput}
-                placeholder="Search for currency.."
-                onKeyDown={(e) => {
-                  // Stop shoelace intercepting key presses
-                  e.stopPropagation();
-                }}
-                onSl-input={(e) => {
-                  callbacks.setCurrencySearch(e.target.value);
-                }}
+                exportparts="label: input-label"
+                value={formState.lastName}
+                label={text.lastName}
+                disabled={states.disabled || states.isUser || states.isPartner}
+                {...(formState.errors?.lastName
+                  ? {
+                      class: classes.ErrorInput,
+                      helpText: getIsRequiredErrorMessage(
+                        text.lastName,
+                        text.error.fieldRequiredError
+                      ),
+                    }
+                  : {})}
+                id="lastName"
+                name="/lastName"
+                required
+              />
+              <sl-input
+                exportparts="label: input-label"
+                value={formState.email}
+                label={text.email}
+                disabled={true}
+                id="email"
+                name="/email"
+                required
               />
-              {data?.currencies?.map((c) => (
-                <sl-menu-item value={c.currencyCode}>
-                  {c.currencyCode} - {c.displayName}
-                </sl-menu-item>
-              ))}
-            </sl-select>
 
-            <div class={classes.CheckboxWrapper}>
-              <sl-checkbox
+              <sl-select
+                id="countryCode"
+                exportparts="label: input-label"
+                name="/countryCode"
+                label={text.country}
+                value={formState.countryCode}
+                disabled={states.disabled || states.isPartner}
+                {...(formState.errors?.countryCode
+                  ? {
+                      class: classes.ErrorInput,
+                      helpText: getIsRequiredErrorMessage(
+                        text.country,
+                        text.error.fieldRequiredError
+                      ),
+                    }
+                  : {})}
+                required
+                onSl-select={(e) => callbacks.onFormChange("countryCode", e)}
+              >
+                <sl-input
+                  class={classes.SearchInput}
+                  placeholder="Search for country.."
+                  onKeyDown={(e) => {
+                    // Stop shoelace intercepting key presses
+                    e.stopPropagation();
+                  }}
+                  onSl-input={(e) => {
+                    callbacks.setCountrySearch(e.target.value);
+                  }}
+                ></sl-input>
+                {data?.countries?.map((c) => (
+                  <sl-menu-item value={c.countryCode}>
+                    {c.displayName}
+                  </sl-menu-item>
+                ))}
+              </sl-select>
+              <sl-select
+                id="currency"
                 exportparts="label: input-label"
-                checked={formState.allowBankingCollection === true}
-                onSl-change={(e) => {
-                  e.target.value = e.target.checked;
-                }}
-                disabled={states.isPartner ? false : states.disabled}
+                name="/currency"
+                label={text.currency}
+                menu
+                value={formState.currency}
+                disabled={states.disabled || states.isPartner}
+                helpText={text.currencyHelpText}
+                {...(formState.errors?.currency
+                  ? {
+                      class: classes.ErrorInput,
+                      helpText: getIsRequiredErrorMessage(
+                        text.currency,
+                        text.error.fieldRequiredError
+                      ),
+                    }
+                  : {})}
                 required
-                value={formState.allowBankingCollection}
-                id="allowBankingCollection"
-                name="/allowBankingCollection"
+                ref={(el: HTMLFormElement) => (refs.currencyRef.current = el)}
               >
-                {text.allowBankingCollection}
-              </sl-checkbox>
-              {formState.errors?.allowBankingCollection && (
-                <p class={classes.ErrorText}>
-                  {getIsRequiredErrorMessage(
-                    text.termsAndConditionsLabel,
-                    text.error.fieldRequiredError
-                  )}
-                </p>
-              )}
+                <sl-input
+                  class={classes.SearchInput}
+                  placeholder="Search for currency.."
+                  onKeyDown={(e) => {
+                    // Stop shoelace intercepting key presses
+                    e.stopPropagation();
+                  }}
+                  onSl-input={(e) => {
+                    callbacks.setCurrencySearch(e.target.value);
+                  }}
+                />
+                {data?.currencies?.map((c) => (
+                  <sl-menu-item value={c.currencyCode}>
+                    {c.currencyCode} - {c.displayName}
+                  </sl-menu-item>
+                ))}
+              </sl-select>
+
+              <div class={classes.CheckboxWrapper}>
+                <sl-checkbox
+                  exportparts="label: input-label"
+                  checked={formState.allowBankingCollection === true}
+                  onSl-change={(e) => {
+                    e.target.value = e.target.checked;
+                  }}
+                  disabled={states.isPartner ? false : states.disabled}
+                  required
+                  value={formState.allowBankingCollection}
+                  id="allowBankingCollection"
+                  name="/allowBankingCollection"
+                >
+                  {text.allowBankingCollection}
+                </sl-checkbox>
+                {formState.errors?.allowBankingCollection && (
+                  <p class={classes.ErrorText}>
+                    {getIsRequiredErrorMessage(
+                      text.termsAndConditionsLabel,
+                      text.error.fieldRequiredError
+                    )}
+                  </p>
+                )}
+              </div>
             </div>
+            <sl-button
+              type="primary"
+              disabled={states.isPartner ? false : states.disabled}
+              submit
+              exportparts="base: primarybutton-base"
+            >
+              {text.submitButton}
+            </sl-button>
           </div>
-          <sl-button
-            type="primary"
-            disabled={states.isPartner ? false : states.disabled}
-            loading={states.loading}
-            submit
-            exportparts="base: primarybutton-base"
-          >
-            {text.submitButton}
-          </sl-button>
         </div>
       )}
     </sl-form>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index b5de9dec41..5d6fbd1678 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -45,6 +45,12 @@ export class TaxForm {
    * @uiName Currency label
    */
   @Prop() currency: string = "Currency";
+
+  /**
+   * Help text shown underneath currency input
+   * @uiName Currency help text
+   */
+  @Prop() currencyHelpText: string = "Choose your preferred payout currency";
   /**
    * Label text for tax and banking collection checkbox
    * @uiName Tax and banking label

From cba6c53b97ef6a8a3e580a225fa272aaf8e95a9b Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 5 Mar 2024 10:25:45 -0800
Subject: [PATCH 400/753] rename fields to `bankState` to match graphql schema

---
 packages/mint-components/src/components.d.ts  | 24 +++++++++----------
 .../tax-and-cash/BankingForm.stories.tsx      |  2 +-
 .../sqm-banking-info-form.tsx                 |  8 +++----
 .../useBankingInfoForm.tsx                    | 15 ++++++------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  6 ++---
 5 files changed, 27 insertions(+), 28 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 322678c7d3..52647b6ff3 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -109,10 +109,10 @@ export namespace Components {
          */
         "bankPostalCodeLabel": string;
         /**
-          * Label text for the Bank Province State input
-          * @uiName Bank Province State input label
+          * Label text for the Bank Province / State input
+          * @uiName Bank Province / State input label
          */
-        "bankProvinceStateLabel": string;
+        "bankStateLabel": string;
         /**
           * Label text for the beneficiary account name input field
           * @uiName Beneficiary account name input label
@@ -4197,10 +4197,10 @@ export namespace Components {
          */
         "step4_bankPostalCodeLabel": string;
         /**
-          * Label text for the Bank Province State input
-          * @uiName Bank Province State input label
+          * Label text for the Bank Province / State input
+          * @uiName Bank Province / State input label
          */
-        "step4_bankProvinceStateLabel": string;
+        "step4_bankStateLabel": string;
         /**
           * Label text for the beneficiary account name input field
           * @uiName Beneficiary account name input label
@@ -5511,10 +5511,10 @@ declare namespace LocalJSX {
          */
         "bankPostalCodeLabel"?: string;
         /**
-          * Label text for the Bank Province State input
-          * @uiName Bank Province State input label
+          * Label text for the Bank Province / State input
+          * @uiName Bank Province / State input label
          */
-        "bankProvinceStateLabel"?: string;
+        "bankStateLabel"?: string;
         /**
           * Label text for the beneficiary account name input field
           * @uiName Beneficiary account name input label
@@ -9576,10 +9576,10 @@ declare namespace LocalJSX {
          */
         "step4_bankPostalCodeLabel"?: string;
         /**
-          * Label text for the Bank Province State input
-          * @uiName Bank Province State input label
+          * Label text for the Bank Province / State input
+          * @uiName Bank Province / State input label
          */
-        "step4_bankProvinceStateLabel"?: string;
+        "step4_bankStateLabel"?: string;
         /**
           * Label text for the beneficiary account name input field
           * @uiName Beneficiary account name input label
diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 096d0f2165..7f3e12c1fc 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -71,7 +71,7 @@ export const BankingInfoFormDefaultWithValidationErrors = () => {
                 bankAddress: { type: "required" },
                 bankCity: { type: "required" },
                 bankCountry: { type: "required" },
-                bankProvinceState: { type: "required" },
+                bankState: { type: "required" },
                 bankPostalCode: { type: "required" },
                 branchCode: { type: "required" },
                 balanceThreshold: { type: "required" },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index e9ac13350e..05c3f1f90d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -270,10 +270,10 @@ export class BankingInfoForm {
    */
   @Prop() bankCityLabel: string = "Bank City";
   /**
-   * Label text for the Bank Province State input
-   * @uiName Bank Province State input label
+   * Label text for the Bank Province / State input
+   * @uiName Bank Province / State input label
    */
-  @Prop() bankProvinceStateLabel: string = "Bank Province State";
+  @Prop() bankStateLabel: string = "Bank Province/State";
   /**
    * Label text for the Bank Postal Code
    * @uiName  Bank Postal Code input label
@@ -579,7 +579,7 @@ function useDemoBankingInfoForm(
             agencyCode: false,
             bankAddress: false,
             bankCity: false,
-            bankProvinceState: false,
+            bankState: false,
             bankPostalCode: false,
             branchCode: false,
             paymentThreshold: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 620013b619..171ee1ce49 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -68,7 +68,6 @@ export type BankingInfoFormData = {
   // TODO These fields aren't settable in the mutation
   bankName?: string;
   patronymicName?: string;
-  bankProvinceState?: string;
 };
 
 type RoutingCodeLabels = {
@@ -398,16 +397,16 @@ export function getFormMap({
         ></sl-input>,
         <sl-input
           required
-          label={props.text.bankProvinceStateLabel}
-          name="/bankProvinceState"
-          id="bankProvinceState"
-          key="bankProvinceState"
+          label={props.text.bankStateLabel}
+          name="/bankState"
+          id="bankState"
+          key="bankState"
           type="text"
-          {...(errors?.inputErrors?.bankProvinceState && {
+          {...(errors?.inputErrors?.bankState && {
             class: "error-input",
             helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.bankProvinceState?.type,
-              label: props.text.bankProvinceStateLabel,
+              type: errors?.inputErrors?.bankState?.type,
+              label: props.text.bankStateLabel,
             }),
           })}
         ></sl-input>,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 69461472b6..9713b975b0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -624,10 +624,10 @@ export class TaxAndCashMonolith {
    */
   @Prop() step4_bankCityLabel: string = "Bank City";
   /**
-   * Label text for the Bank Province State input
-   * @uiName Bank Province State input label
+   * Label text for the Bank Province / State input
+   * @uiName Bank Province / State input label
    */
-  @Prop() step4_bankProvinceStateLabel: string = "Bank Province State";
+  @Prop() step4_bankStateLabel: string = "Bank Province / State";
   /**
    * Label text for the Bank Postal Code
    * @uiName  Bank Postal Code input label

From e7a6453840a32d845e47fbd63de6d073a2bf0d18 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 5 Mar 2024 10:50:15 -0800
Subject: [PATCH 401/753] a bit of cleanup

---
 .../sqm-banking-info-form-view.tsx            |  2 +-
 .../useBankingInfoForm.tsx                    | 16 ++----------
 .../sqm-user-info-form/sqm-user-info-form.tsx |  2 +-
 .../sqm-user-info-form/useUserInfoForm.tsx    | 25 +++++++++----------
 4 files changed, 16 insertions(+), 29 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index e3233170dd..5f8257d722 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -9,7 +9,7 @@ export interface BankingInfoFormViewProps {
     saveLoading?: boolean;
     disabled: boolean;
     saveDisabled: boolean;
-    hideSteps: boolean;
+    hideSteps?: boolean;
     hasPayPal: boolean;
     hideBanking?: boolean;
     hidePayPal?: boolean;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 171ee1ce49..f64b07a1f8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -64,7 +64,6 @@ export type BankingInfoFormData = {
   bankCity?: string;
   bankState?: string;
   branchCode?: string;
-
   // TODO These fields aren't settable in the mutation
   bankName?: string;
   patronymicName?: string;
@@ -545,10 +544,6 @@ export function useBankingInfoForm(
 
   const user = useUserIdentity();
 
-  /** mock data */
-  const [_currency, setCurrency] = useState("");
-  /** */
-
   const formRef = useRef<HTMLFormElement>(null);
 
   const [bankCountry, setBankCountry] = useState("");
@@ -580,7 +575,7 @@ export function useBankingInfoForm(
         JSONPointer.set(validationErrors, key, { type: "required" });
       }
     });
-    console.log({ formData });
+
     setErrors({ inputErrors: validationErrors });
     if (Object.keys(validationErrors).length) {
       return;
@@ -604,14 +599,11 @@ export function useBankingInfoForm(
         } as SetImpactPublisherWithdrawalSettingsInput,
       });
       if (!response || (response as Error)?.message) {
-        console.log({ response });
         throw new Error();
       } else if (
         !(response as SetImpactPublisherWithdrawalSettingsResult)
           .setImpactPublisherWithdrawalSettings?.success
       ) {
-        console.log({ response });
-
         console.error(
           "Validation failed: ",
           (response as SetImpactPublisherWithdrawalSettingsResult)
@@ -653,8 +645,7 @@ export function useBankingInfoForm(
     }
   };
 
-  const currency =
-    _currency || userData?.user?.impactConnection?.publisher?.currency;
+  const currency = userData?.user?.impactConnection?.publisher?.currency || "";
 
   const feeCap = paypalFeeMap[currency] || "";
 
@@ -752,7 +743,6 @@ export function useBankingInfoForm(
       setBankCountry: updateBankCountry,
       setPaymentMethodChecked,
       setPaymentScheduleChecked,
-      setCurrency,
       getValidationErrorMessage: props.getValidationErrorMessage,
     },
     states: {
@@ -782,8 +772,6 @@ export function useBankingInfoForm(
       thresholds: currentPaymentOption?.thresholdOptions?.split(",") || [],
       countries,
       hasPayPal,
-      showInputs: false,
-      hideSteps: false,
     },
     refs: {
       formRef,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 5d6fbd1678..8a1b58de9d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -165,7 +165,7 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
       step,
       setStep,
       onSubmit: () => {},
-      onRadioClick: (value: string) => {},
+      onRadioClick: () => {},
       text: props.getTextProps(),
       refs: {
         formRef: { current: null },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index ef781a3c73..f4f00bb085 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -51,12 +51,10 @@ export function useUserInfoForm(props: TaxForm) {
 
   const currencyRef = useRef<HTMLSelectElement>(undefined);
   const formRef = useRef<HTMLFormElement>(null);
-  const [formErrors, setErrors] = useState({});
+
+  const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
 
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
-  const [context, setContext] = useParent<TaxContext>(
-    TAX_FORM_CONTEXT_NAMESPACE
-  );
   const [userFormContext, setUserFormContext] = useParent<UserFormContext>(
     USER_FORM_CONTEXT_NAMESPACE
   );
@@ -66,9 +64,18 @@ export function useUserInfoForm(props: TaxForm) {
   const { data: countriesRes, loading: countriesLoading } =
     useParentQueryValue<CountriesQuery>(COUNTRIES_QUERY_NAMESPACE);
 
+  const currencies = useParentValue<Currencies>(CURRENCIES_NAMESPACE);
+
   const countries = countriesRes?.impactPayoutCountries?.data;
 
-  const currencies = useParentValue<Currencies>(CURRENCIES_NAMESPACE);
+  const [countrySearch, setCountrySearch] = useState("");
+  const [filteredCountries, setFilteredCountries] = useState(countries || []);
+
+  const [currencySearch, setCurrencySearch] = useState("");
+  const [filteredCurrencies, setFilteredCurrencies] = useState(
+    currencies || []
+  );
+  const [formErrors, setErrors] = useState({});
 
   useEffect(() => {
     const user = data?.user;
@@ -98,14 +105,6 @@ export function useUserInfoForm(props: TaxForm) {
     }
   }, [data, step, userFormContext]);
 
-  const [countrySearch, setCountrySearch] = useState("");
-  const [filteredCountries, setFilteredCountries] = useState(countries || []);
-
-  const [currencySearch, setCurrencySearch] = useState("");
-  const [filteredCurrencies, setFilteredCurrencies] = useState(
-    currencies || []
-  );
-
   const onFormChange = (field: string, e: CustomEvent) => {
     const value = e.detail?.item?.__value;
     if (!value) console.error("Could not detect select change");

From 9dde129fc29560cb0c733a2601110bb8185c24ef Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 5 Mar 2024 10:55:06 -0800
Subject: [PATCH 402/753] Fix broken story

---
 .../tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 05c3f1f90d..5cef9abdfa 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -560,6 +560,7 @@ function useDemoBankingInfoForm(
         saveLoading: false,
         hideSteps: false,
         feeCap,
+        thresholds: [],
         paymentMethodFeeLabel,
         formState: {
           paymentMethodChecked,

From 6468519ec15b643d46aba252815f4f6b05e1bb62 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 5 Mar 2024 10:58:43 -0800
Subject: [PATCH 403/753] Condensed isPartner text props. Updated specs and
 stories

---
 packages/mint-components/src/components.d.ts  | 154 +++++++-----------
 .../tax-and-cash/TaxForm.stories.tsx          |  17 ++
 .../sqm-indirect-tax-form-view.tsx            |   4 +-
 .../sqm-indirect-tax-form.tsx                 |   2 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  75 +++------
 .../sqm-user-info-form-view.tsx               |  16 +-
 .../sqm-user-info-form.feature                |  10 +-
 .../sqm-user-info-form/sqm-user-info-form.tsx |   4 +-
 8 files changed, 120 insertions(+), 162 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 322678c7d3..8dbf3a2330 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1015,6 +1015,11 @@ export namespace Components {
           * @uiName Cannot change info Alert text
          */
         "cannotChangeInfoAlert": string;
+        /**
+          * Text for the continue button in the form
+          * @uiName Continue button text
+         */
+        "continueButton": string;
         /**
           * @undocumented
          */
@@ -1134,11 +1139,6 @@ export namespace Components {
           * @uiName Sub-region tax number input label
          */
         "subRegionTaxNumberLabel": string;
-        /**
-          * Text for the continue button in the form
-          * @uiName Continue button text
-         */
-        "submitButton": string;
     }
     interface SqmInputField {
         /**
@@ -3666,6 +3666,12 @@ export namespace Components {
         "steps": boolean;
     }
     interface SqmTaxAndCash {
+        /**
+          * Text for the continue button in the form
+          * @uiName Continue button text
+          * @uiGroup General Form Properties
+         */
+        "continueButton": string;
         /**
           * Description text which appears beside badge showing the form is awaiting review
           * @uiName Badge description text
@@ -3844,6 +3850,18 @@ export namespace Components {
           * @uiGroup General Form Properties
          */
         "generalErrorTitle": string;
+        /**
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+          * @uiGroup General Form Properties
+         */
+        "isPartnerAlertDescription": string;
+        /**
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+          * @uiGroup General Form Properties
+         */
+        "isPartnerAlertHeader": string;
         /**
           * Subtext for the option indicating not being registered for indirect tax
           * @uiName Not registered for indirect tax option sub-text
@@ -3892,18 +3910,6 @@ export namespace Components {
           * @uiGroup Step 1 Properties
          */
         "step1_formStep": string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 1 Properties
-         */
-        "step1_isPartnerAlertDescription": string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 1 Properties
-         */
-        "step1_isPartnerAlertHeader": string;
         /**
           * Label text for last name input
           * @uiName Last name label
@@ -3976,18 +3982,6 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTaxNumberError": string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertDescription": string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertHeader": string;
         /**
           * Label text for the QST checkbox
           * @uiName checkbox label
@@ -4266,16 +4260,6 @@ export namespace Components {
           * @uiName Individual select item label
          */
         "step4_individualSelectItemLabel": string;
-        /**
-          * Description text for the alert when the user is identified as a partner
-          * @uiName Partner identification alert description
-         */
-        "step4_isPartnerAlertDescription": string;
-        /**
-          * Header text for the alert when the user is identified as a partner
-          * @uiName Partner identification alert header
-         */
-        "step4_isPartnerAlertHeader": string;
         /**
           * Label text for the patronymic name input field
           * @uiName Patronymic name input label
@@ -4341,11 +4325,6 @@ export namespace Components {
           * @uiName Savings select item label
          */
         "step4_savingsSelectItemLabel": string;
-        /**
-          * Text for the save button in the form
-          * @uiName Save button text
-         */
-        "step4_submitButton": string;
         /**
           * Label text for the SWIFT code input field
           * @uiName SWIFT code input label
@@ -4628,6 +4607,11 @@ export namespace Components {
           * @uiName Tax and banking label
          */
         "allowBankingCollection": string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "continueButton": string;
         /**
           * Label text for country input
           * @uiName Country label
@@ -4698,11 +4682,6 @@ export namespace Components {
           * @uiName Form heading text
          */
         "personalInformation": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton": string;
         /**
           * Label text for terms and conditions
           * @uiName Terms and conditions label text
@@ -6418,6 +6397,11 @@ declare namespace LocalJSX {
           * @uiName Cannot change info Alert text
          */
         "cannotChangeInfoAlert"?: string;
+        /**
+          * Text for the continue button in the form
+          * @uiName Continue button text
+         */
+        "continueButton"?: string;
         /**
           * @undocumented
          */
@@ -6537,11 +6521,6 @@ declare namespace LocalJSX {
           * @uiName Sub-region tax number input label
          */
         "subRegionTaxNumberLabel"?: string;
-        /**
-          * Text for the continue button in the form
-          * @uiName Continue button text
-         */
-        "submitButton"?: string;
     }
     interface SqmInputField {
         /**
@@ -9045,6 +9024,12 @@ declare namespace LocalJSX {
         "steps"?: boolean;
     }
     interface SqmTaxAndCash {
+        /**
+          * Text for the continue button in the form
+          * @uiName Continue button text
+          * @uiGroup General Form Properties
+         */
+        "continueButton"?: string;
         /**
           * Description text which appears beside badge showing the form is awaiting review
           * @uiName Badge description text
@@ -9223,6 +9208,18 @@ declare namespace LocalJSX {
           * @uiGroup General Form Properties
          */
         "generalErrorTitle"?: string;
+        /**
+          * Alert description text shown in alert if user is already a registered partner
+          * @uiName Participant is partner description
+          * @uiGroup General Form Properties
+         */
+        "isPartnerAlertDescription"?: string;
+        /**
+          * Alert header text shown in alert if user is already a registered partner
+          * @uiName Participant is partner title
+          * @uiGroup General Form Properties
+         */
+        "isPartnerAlertHeader"?: string;
         /**
           * Subtext for the option indicating not being registered for indirect tax
           * @uiName Not registered for indirect tax option sub-text
@@ -9271,18 +9268,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 1 Properties
          */
         "step1_formStep"?: string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 1 Properties
-         */
-        "step1_isPartnerAlertDescription"?: string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 1 Properties
-         */
-        "step1_isPartnerAlertHeader"?: string;
         /**
           * Label text for last name input
           * @uiName Last name label
@@ -9355,18 +9340,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTaxNumberError"?: string;
-        /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner description
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertDescription"?: string;
-        /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
-          * @uiGroup Step 2 Properties
-         */
-        "step2_isPartnerAlertHeader"?: string;
         /**
           * Label text for the QST checkbox
           * @uiName checkbox label
@@ -9645,16 +9618,6 @@ declare namespace LocalJSX {
           * @uiName Individual select item label
          */
         "step4_individualSelectItemLabel"?: string;
-        /**
-          * Description text for the alert when the user is identified as a partner
-          * @uiName Partner identification alert description
-         */
-        "step4_isPartnerAlertDescription"?: string;
-        /**
-          * Header text for the alert when the user is identified as a partner
-          * @uiName Partner identification alert header
-         */
-        "step4_isPartnerAlertHeader"?: string;
         /**
           * Label text for the patronymic name input field
           * @uiName Patronymic name input label
@@ -9720,11 +9683,6 @@ declare namespace LocalJSX {
           * @uiName Savings select item label
          */
         "step4_savingsSelectItemLabel"?: string;
-        /**
-          * Text for the save button in the form
-          * @uiName Save button text
-         */
-        "step4_submitButton"?: string;
         /**
           * Label text for the SWIFT code input field
           * @uiName SWIFT code input label
@@ -10006,6 +9964,11 @@ declare namespace LocalJSX {
           * @uiName Tax and banking label
          */
         "allowBankingCollection"?: string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "continueButton"?: string;
         /**
           * Label text for country input
           * @uiName Country label
@@ -10076,11 +10039,6 @@ declare namespace LocalJSX {
           * @uiName Form heading text
          */
         "personalInformation"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
         /**
           * Label text for terms and conditions
           * @uiName Terms and conditions label text
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 0431a55ca7..10db9974b1 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -764,6 +764,23 @@ export const StepFourDefault = () => {
   return <sqm-banking-info-form></sqm-banking-info-form>;
 };
 
+export const StepFourIsPartner = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        ...stepFourProps,
+        states: {
+          ...stepFourProps.states,
+          isPartner: true,
+          formState: {
+            ...stepFourProps.states.formState,
+          },
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
 export const StepFourDirectToBankChecked = () => {
   return (
     <sqm-banking-info-form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 167dd6d5a9..0f3bd7ac92 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -36,7 +36,7 @@ export interface IndirectTaxFormViewProps {
     notRegistered: string;
     notRegisteredSubtext: string;
     cannotChangeInfoAlert: string;
-    submitButton: string;
+    continueButton: string;
     backButton: string;
     error: {
       generalTitle: string;
@@ -291,7 +291,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
               submit
               exportparts="base: primarybutton-base"
             >
-              {text.submitButton}
+              {text.continueButton}
             </sl-button>
             <sl-button
               class={classes.SecondaryBtn}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 704ebab61c..60270bc5c0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -120,7 +120,7 @@ export class IndirectTaxForm {
    * Text for the continue button in the form
    * @uiName Continue button text
    */
-  @Prop() submitButton: string = "Continue";
+  @Prop() continueButton: string = "Continue";
 
   /**
    * Text for the back button in the form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 69461472b6..26257701d7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -87,20 +87,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_submitButton: string = "Continue";
-  /**
-   * Alert header text shown in alert if user is already a registered partner
-   * @uiName Participant is partner title
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_isPartnerAlertHeader: string =
-    "An account with this email already exists with our referral program provider, impact.com";
-  /**
-   * Alert description text shown in alert if user is already a registered partner
-   * @uiName Participant is partner description
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_isPartnerAlertDescription: string =
-    "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.";
   /**
    * * STEP 2 PROPS:
    */
@@ -214,22 +200,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_subRegionTaxNumberLabel: string = "Income Tax Number";
-  /**
-   * Alert header text shown in alert if user is already a registered partner
-   * @uiName Participant is partner title
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_isPartnerAlertHeader: string =
-    "An account with this email already exists with our referral program provider, impact.com";
-
-  /**
-   * Alert description text shown in alert if user is already a registered partner
-   * @uiName Participant is partner description
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_isPartnerAlertDescription: string =
-    "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 shown inside of submit button
    * @uiName Submit button text
@@ -468,12 +438,6 @@ export class TaxAndCashMonolith {
    * @uiName PayPal email input label
    */
   @Prop() step4_payPalInputLabel: string = "PayPal Email";
-
-  /**
-   * Text for the save button in the form
-   * @uiName Save button text
-   */
-  @Prop() step4_submitButton: string = "Save";
   /**
    * Label text for the bank country location input field
    * @uiName Bank country location input label
@@ -557,20 +521,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() step4_foreignSelectItemLabel: string = "Foreign";
 
-  /**
-   * Header text for the alert when the user is identified as a partner
-   * @uiName Partner identification alert header
-   */
-  @Prop() step4_isPartnerAlertHeader: string =
-    "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
-   */
-  @Prop() step4_isPartnerAlertDescription: string =
-    "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.";
-
   /**
    * Label text for the classification CPF input field
    * @uiName Classification CPF input label
@@ -847,6 +797,7 @@ export class TaxAndCashMonolith {
   @Prop() dashboard_subRegionTaxNumber: string =
     "Income Tax Number: {incomeTaxNumber}";
 
+  /*----GENERAL PROPS------- */
   /**
    * The title for error message shown at the top of the page in an error banner
    *
@@ -862,13 +813,32 @@ export class TaxAndCashMonolith {
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
-
   /**
    * Required error text shown at the bottom of field inputs
    * @uiName Field inputs error text
    * @uiGroup General Form Properties
    */
   @Prop() fieldRequiredError: string = "{fieldName} is required";
+  /**
+   * Text for the continue button in the form
+   * @uiName Continue button text
+   * @uiGroup General Form Properties
+   */
+  @Prop() continueButton: string = "Continue";
+  /**
+   * Alert header text shown in alert if user is already a registered partner
+   * @uiName Participant is partner title
+   * @uiGroup General Form Properties
+   */
+  @Prop() isPartnerAlertHeader: string =
+    "An account with this email already exists with our referral program provider, impact.com";
+  /**
+   * Alert description text shown in alert if user is already a registered partner
+   * @uiName Participant is partner description
+   * @uiGroup General Form Properties
+   */
+  @Prop() isPartnerAlertDescription: string =
+    "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.";
 
   /**
    * @undocumented
@@ -889,6 +859,9 @@ export class TaxAndCashMonolith {
       generalErrorTitle: props.generalErrorTitle,
       generalErrorDescription: props.generalErrorDescription,
       fieldRequiredError: props.fieldRequiredError,
+      submitButton: props.continueButton,
+      isPartnerAlertHeader: props.isPartnerAlertHeader,
+      isPartnerAlertDescription: props.isPartnerAlertDescription,
     };
   }
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index a99a3a592f..5ffa623672 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -56,7 +56,7 @@ export interface UserInfoFormViewProps {
     currencyHelpText: string;
     allowBankingCollection: string;
     personalInformation: string;
-    submitButton: string;
+    continueButton: string;
     isPartnerAlertHeader: string;
     isPartnerAlertDescription: string;
     termsAndConditionsLabel: string;
@@ -205,7 +205,17 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
         <div>
           <div class={classes.TextContainer}>
             <div>
-              {!states.hideSteps && <p>{text.formStep}</p>}
+              {!states.hideSteps && (
+                <p>
+                  {intl.formatMessage(
+                    {
+                      id: `formStep`,
+                      defaultMessage: text.formStep,
+                    },
+                    { current: "1", total: "4" }
+                  )}
+                </p>
+              )}
               <h3>{text.personalInformation}</h3>
             </div>
           </div>
@@ -384,7 +394,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               submit
               exportparts="base: primarybutton-base"
             >
-              {text.submitButton}
+              {text.continueButton}
             </sl-button>
           </div>
         </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
index e36327e666..0a02a3c90c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
@@ -151,11 +151,11 @@ Feature: Tax Form Step One
       | Currency                   | <currency>               |
       | Tax and Banking Collection | <allowBankingCollection> |
     Then the form displays the respective errors for each field:
-      | <firstName>              | Enter a first name     |
-      | <lastName>               | Enter a last name      |
-      | <countryCode>            | Select a country       |
-      | <currency>               | Select a currency      |
-      | <allowBankingCollection> | This field is required |
+      | <firstName>              | Firstname is required            |
+      | <lastName>               | Lastname is required             |
+      | <countryCode>            | Country is required              |
+      | <currency>               | Currency is required             |
+      | <allowBankingCollection> | Terms and Conditions is required |
 
   @minutia @ui
   Scenario: User Info Form is loading
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 5d6fbd1678..f7f29ab2fd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -61,7 +61,7 @@ export class TaxForm {
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Tax form step text
    */
-  @Prop() formStep: string = "Step 1 of 4";
+  @Prop() formStep: string = "Step {current} of {total}";
   /**
    * Heading text shown above the forms inputs.
    * @uiName Form heading text
@@ -71,7 +71,7 @@ export class TaxForm {
    * Text shown inside of submit button
    * @uiName Submit button text
    */
-  @Prop() submitButton: string = "Continue";
+  @Prop() continueButton: string = "Continue";
   /**
    * Alert header text shown in alert if user is already a registered partner
    * @uiName Participant is partner title

From 2ec43ff8704b2b343959ad564bde373331aaa00e Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 5 Mar 2024 11:41:25 -0800
Subject: [PATCH 404/753] bit of code cleanup and rearranging

---
 .../useBankingInfoForm.tsx                    | 144 +++++++++---------
 .../useDocumentTypeForm.tsx                   |  20 ++-
 .../sqm-docusign-form/useDocusignForm.tsx     |  16 +-
 .../useIndirectTaxForm.tsx                    |  21 +--
 .../sqm-payout-details-card.tsx               |  17 +--
 .../usePayoutDetailsCard.ts                   |   2 +-
 .../useTaxAndCashDashboard.tsx                |  14 +-
 7 files changed, 114 insertions(+), 120 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index f64b07a1f8..51fd5f88b2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -558,6 +558,78 @@ export function useBankingInfoForm(
     "BALANCE_THRESHOLD" | "FIXED_DAY" | undefined
   >(undefined);
 
+  const currency = userData?.user?.impactConnection?.publisher?.currency || "";
+
+  const feeCap = paypalFeeMap[currency] || "";
+
+  const paymentOptionsRes = useParentQueryValue<FinanceNetworkSettingsQuery>(
+    FINANCE_NETWORK_SETTINGS_NAMESPACE
+  );
+
+  const paymentOptions =
+    paymentOptionsRes?.data?.impactFinanceNetworkSettings?.data;
+
+  const paymentMethodFeeMap = {
+    [ACH_PAYMENT_METHOD]: "EFT Withdrawal (free)",
+    [WIRE_PAYMENT_METHOD]: `FX Wire (Processing Fee ${currency}${
+      currentPaymentOption?.defaultFxFee || 0
+    }.00)`,
+  };
+  const paymentMethodFeeLabel =
+    paymentMethodFeeMap[currentPaymentOption?.defaultFinancePaymentMethodId];
+
+  const intlLocale = locale?.replace("_", "-") || "en";
+
+  // filter out any duplicate countries and null countryCode
+  const availableCountries = new Set(
+    paymentOptions?.map((option) => option.countryCode).filter((value) => value)
+  );
+
+  // build list of country codes and names
+  const countries = Array.from(availableCountries)?.map((country) => {
+    // @ts-ignore DisplayNames not in Intl type
+    const name = new Intl.DisplayNames([intlLocale], {
+      type: "region",
+    }).of(country);
+
+    return {
+      code: country,
+      name,
+    };
+  });
+
+  const hasPayPal = !!paymentOptions?.find(
+    (option) => option.defaultFinancePaymentMethodId === PAYPAL_PAYMENT_METHOD
+  );
+
+  const paymentMethodChecked = !hasPayPal
+    ? "toBankAccount"
+    : _paymentMethodChecked;
+
+  useEffect(() => {
+    if (!userData) return;
+    if (!paymentOptions) return;
+
+    const publisherCountry =
+      userData?.user?.impactConnection?.publisher?.countryCode;
+    const currentPaymentOption = paymentOptions?.find(
+      (paymentOption) => paymentOption.countryCode === publisherCountry
+    );
+
+    setCurrentPaymentOption(currentPaymentOption);
+    setBankCountry(publisherCountry);
+  }, [paymentOptions, userData, setCurrentPaymentOption, setBankCountry]);
+
+  const updateBankCountry = (bankCountry: string) => {
+    const currentPaymentOption = paymentOptions?.find((paymentOption) => {
+      if (paymentOption.countryCode === bankCountry) return true;
+      return false;
+    });
+
+    setBankCountry(bankCountry);
+    setCurrentPaymentOption(currentPaymentOption);
+  };
+
   const onSubmit = async (event: any) => {
     let formData: BankingInfoFormData = {};
     let validationErrors: Record<string, string> = {};
@@ -645,78 +717,6 @@ export function useBankingInfoForm(
     }
   };
 
-  const currency = userData?.user?.impactConnection?.publisher?.currency || "";
-
-  const feeCap = paypalFeeMap[currency] || "";
-
-  const paymentOptionsRes = useParentQueryValue<FinanceNetworkSettingsQuery>(
-    FINANCE_NETWORK_SETTINGS_NAMESPACE
-  );
-
-  const paymentOptions =
-    paymentOptionsRes?.data?.impactFinanceNetworkSettings?.data;
-
-  useEffect(() => {
-    if (!userData) return;
-    if (!paymentOptions) return;
-
-    const publisherCountry =
-      userData?.user?.impactConnection?.publisher?.countryCode;
-    const currentPaymentOption = paymentOptions?.find(
-      (paymentOption) => paymentOption.countryCode === publisherCountry
-    );
-
-    setCurrentPaymentOption(currentPaymentOption);
-    setBankCountry(publisherCountry);
-  }, [paymentOptions, userData, setCurrentPaymentOption, setBankCountry]);
-
-  const updateBankCountry = (bankCountry: string) => {
-    const currentPaymentOption = paymentOptions?.find((paymentOption) => {
-      if (paymentOption.countryCode === bankCountry) return true;
-      return false;
-    });
-
-    setBankCountry(bankCountry);
-    setCurrentPaymentOption(currentPaymentOption);
-  };
-
-  const paymentMethodFeeMap = {
-    [ACH_PAYMENT_METHOD]: "EFT Withdrawal (free)",
-    [WIRE_PAYMENT_METHOD]: `FX Wire (Processing Fee ${currency}${
-      currentPaymentOption?.defaultFxFee || 0
-    }.00)`,
-  };
-  const paymentMethodFeeLabel =
-    paymentMethodFeeMap[currentPaymentOption?.defaultFinancePaymentMethodId];
-
-  const intlLocale = locale?.replace("_", "-") || "en";
-
-  // filter out any duplicate countries and null countryCode
-  const availableCountries = new Set(
-    paymentOptions?.map((option) => option.countryCode).filter((value) => value)
-  );
-
-  // build list of country codes and names
-  const countries = Array.from(availableCountries)?.map((country) => {
-    // @ts-ignore DisplayNames not in Intl type
-    const name = new Intl.DisplayNames([intlLocale], {
-      type: "region",
-    }).of(country);
-
-    return {
-      code: country,
-      name,
-    };
-  });
-
-  const hasPayPal = !!paymentOptions?.find(
-    (option) => option.defaultFinancePaymentMethodId === PAYPAL_PAYMENT_METHOD
-  );
-
-  const paymentMethodChecked = !hasPayPal
-    ? "toBankAccount"
-    : _paymentMethodChecked;
-
   function setPaymentMethodChecked(
     paymentMethod: "toBankAccount" | "toPayPalAccount"
   ) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
index 109a0d1730..fcecb70046 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
@@ -1,5 +1,8 @@
+import { useMutation } from "@saasquatch/component-boilerplate";
 import { useState } from "@saasquatch/universal-hooks";
-import { useParent, useParentValue } from "../../../utils/useParentState";
+import { gql } from "graphql-request";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
+import { useParentValue, useSetParent } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
@@ -8,12 +11,6 @@ import {
   UserQuery,
 } from "../sqm-tax-and-cash/data";
 import { DocumentTypeForm } from "./sqm-document-type-form";
-import {
-  useMutation,
-  useUserIdentity,
-} from "@saasquatch/component-boilerplate";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { gql } from "graphql-request";
 
 const UPSERT_USER = gql`
   mutation ($userInput: UserInput!) {
@@ -25,13 +22,14 @@ const UPSERT_USER = gql`
 `;
 
 export function useDocumentTypeForm(props: DocumentTypeForm) {
-  const [path, setPath] = useParent(TAX_CONTEXT_NAMESPACE);
   const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
-  const [loading, setLoading] = useState(false);
+  const setPath = useSetParent(TAX_CONTEXT_NAMESPACE);
+
+  const { refetch } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
   const [upsertUser] = useMutation(UPSERT_USER);
+
+  const [loading, setLoading] = useState(false);
   const [errors, setErrors] = useState({});
-  const user = useUserIdentity();
-  const { refetch } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
 
   const onSubmit = async (e) => {
     const controls = e.target.getFormControls();
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 6fe40b4cc6..708a9cc586 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -5,7 +5,7 @@ import {
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent, useParentValue } from "../../../utils/useParentState";
+import { useParentValue, useSetParent } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
@@ -57,18 +57,23 @@ export const DOCUSIGN_SUCCESS_STATES = ["signing_complete", "viewing_complete"];
 
 export function useDocusignForm(props: DocusignForm) {
   const user = useUserIdentity();
-  const [path, setPath] = useParent<string>(TAX_CONTEXT_NAMESPACE);
+
   const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
+  const setPath = useSetParent<string>(TAX_CONTEXT_NAMESPACE);
+
   const {
     data,
     loading: userLoading,
     refetch,
   } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
   const publisher = data?.user?.impactConnection?.publisher;
+  const [
+    createTaxDocument,
+    { loading: documentLoading, data: document, errors: documentErrors },
+  ] = useMutation<CreateTaxDocumentQuery>(GET_TAX_DOCUMENT);
 
   const [docusignStatus, setDocusignStatus] =
     useState<DocusignStatus>(undefined);
-
   const [participantType, setParticipantType] =
     useState<ParticipantType>(undefined);
   const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
@@ -82,11 +87,6 @@ export function useDocusignForm(props: DocusignForm) {
   const actualDocumentType =
     existingDocumentType || getDocumentType(participantType);
 
-  const [
-    createTaxDocument,
-    { loading: documentLoading, data: document, errors: documentErrors },
-  ] = useMutation<CreateTaxDocumentQuery>(GET_TAX_DOCUMENT);
-
   useEffect(() => {
     if (!publisher?.currentTaxDocument?.type) return;
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 0a32a9302b..7cfd162ff5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -82,12 +82,11 @@ function getOption(countries: TaxCountry[] | undefined, countryCode: string) {
 
 export function useIndirectTaxForm(props: IndirectTaxForm) {
   const user = useUserIdentity();
-  const setStep = useSetParent<string>(TAX_CONTEXT_NAMESPACE);
-  const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
 
   const formRef = useRef<HTMLFormElement>(null);
-  const [loading, setLoading] = useState(false);
-  const [formState, setFormState] = useState<Record<string, any>>({});
+
+  const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
+  const setStep = useSetParent<string>(TAX_CONTEXT_NAMESPACE);
 
   const [
     connectImpactPartner,
@@ -99,10 +98,17 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
   const { data: _countries, loading: countriesLoading } =
     useParentQueryValue<CountriesQuery>(COUNTRIES_QUERY_NAMESPACE);
 
+  const [loading, setLoading] = useState(false);
+  const [formState, setFormState] = useState<Record<string, any>>({});
+  const [errors, setErrors] = useState({});
+  const [countrySearch, setCountrySearch] = useState("");
+  const [filteredCountries, setFilteredCountries] = useState(
+    _countries?.impactPayoutCountries?.data || []
+  );
+
   const [option, setOption] = useState<
     "hstCanada" | "otherRegion" | "notRegistered"
   >(null);
-  const [errors, setErrors] = useState({});
 
   useEffect(() => {
     const _option = getOption(
@@ -112,11 +118,6 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     setOption(_option);
   }, [userForm, _countries]);
 
-  const [countrySearch, setCountrySearch] = useState("");
-  const [filteredCountries, setFilteredCountries] = useState(
-    _countries?.impactPayoutCountries?.data || []
-  );
-
   useEffect(() => {
     if (countrySearch.trim() === "") {
       setFilteredCountries(_countries?.impactPayoutCountries?.data || []);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 081fd7f360..68c71830bf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -40,16 +40,13 @@ export class PayoutDetailsCard {
     const props = getProps(this);
     console.log(props);
     return {
-      statusBadgeText:
-        "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }",
-      thresholdPayoutText:
-        "Next payout occurs when balance is {thresholdBalance}",
-      otherCurrenciesText: "other currencies",
-      w9PendingText: "Awaiting W-9 tax form",
-      accountText: "Account",
-      errorTitleText: "There was an error with your payout infomation",
-      errorDescriptionText:
-        "Please ensure your payout information is correct. If this problem continues, contact Support.",
+      statusBadgeText: props.statusBadgeText,
+      thresholdPayoutText: props.thresholdPayoutText,
+      otherCurrenciesText: props.otherCurrenciesText,
+      w9PendingText: props.w9PendingText,
+      accountText: props.accountText,
+      errorTitleText: props.errorTitleText,
+      errorDescriptionText: props.errorDescriptionText,
     };
   }
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index c26d562416..b059e490f0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -57,7 +57,7 @@ export function usePayoutDetailsCard(
 
   return {
     states: {
-      loading: false,
+      loading,
       thresholdBalance: publisher?.withdrawalSettings?.paymentThreshold,
       mainCurrency: {
         currencyText: publisher?.currency,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index e437ed0e3c..d9e460a527 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -1,8 +1,10 @@
-import { h } from "@stencil/core";
+import { useLocale } from "@saasquatch/component-boilerplate";
 import { useEffect } from "@saasquatch/universal-hooks";
+import { h } from "@stencil/core";
 import { DateTime } from "luxon";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent, useSetParent } from "../../../utils/useParentState";
+import { useSetParent } from "../../../utils/useParentState";
+import { NextPayout } from "../sqm-payout-details-card/PayoutDetailsCard.stories";
 import {
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
@@ -11,11 +13,9 @@ import {
   UserQuery,
 } from "../sqm-tax-and-cash/data";
 import { INDIRECT_TAX_PROVINCES } from "../subregions";
+import { taxTypeToName } from "../utils";
 import { TaxAndCashDashboard } from "./sqm-tax-and-cash-dashboard";
 import { TaxAndCashDashboardProps } from "./sqm-tax-and-cash-dashboard-view";
-import { useLocale } from "@saasquatch/component-boilerplate";
-import { NextPayout } from "../sqm-payout-details-card/PayoutDetailsCard.stories";
-import { taxTypeToName } from "../utils";
 
 function getExpiresSoon(submissionDate: number, expiryDate: number) {
   if (!submissionDate || !expiryDate) return false;
@@ -31,9 +31,7 @@ export const useTaxAndCashDashboard = (
   props: TaxAndCashDashboard
 ): TaxAndCashDashboardProps => {
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
-  const [context, setContext] = useParent<TaxContext>(
-    TAX_FORM_CONTEXT_NAMESPACE
-  );
+  const setContext = useSetParent<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
 
   const locale = useLocale();
 

From a75b605fb2b75b511f73b3e85016a5ef1e870b85 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 5 Mar 2024 11:42:00 -0800
Subject: [PATCH 405/753] more cleanup

---
 .../useBankingInfoForm.tsx                      | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 51fd5f88b2..f11a4b68d0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -532,20 +532,23 @@ export function useBankingInfoForm(
   props: BankingInfoForm
 ): BankingInfoFormViewProps {
   const locale = useLocale();
+  const user = useUserIdentity();
+
+  const formRef = useRef<HTMLFormElement>(null);
+
   const setStep = useSetParent<string>(TAX_CONTEXT_NAMESPACE);
 
+  const paymentOptionsRes = useParentQueryValue<FinanceNetworkSettingsQuery>(
+    FINANCE_NETWORK_SETTINGS_NAMESPACE
+  );
+
   const { data: userData, refetch } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
-
   const [saveWithdrawalSettings] =
     useMutation<SetImpactPublisherWithdrawalSettingsResult>(
       SAVE_WITHDRAWAL_SETTINGS
     );
 
-  const user = useUserIdentity();
-
-  const formRef = useRef<HTMLFormElement>(null);
-
   const [bankCountry, setBankCountry] = useState("");
   const [currentPaymentOption, setCurrentPaymentOption] =
     useState<null | FinanceNetworkSetting>(null);
@@ -562,10 +565,6 @@ export function useBankingInfoForm(
 
   const feeCap = paypalFeeMap[currency] || "";
 
-  const paymentOptionsRes = useParentQueryValue<FinanceNetworkSettingsQuery>(
-    FINANCE_NETWORK_SETTINGS_NAMESPACE
-  );
-
   const paymentOptions =
     paymentOptionsRes?.data?.impactFinanceNetworkSettings?.data;
 

From 44cd5053db24fa6665dab424bfeaef4c42081bea Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 5 Mar 2024 11:48:06 -0800
Subject: [PATCH 406/753] wrong column titles on specs

---
 .../sqm-payout-details-card.feature                | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
index fb2bf76420..727ee8fab6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
@@ -65,13 +65,13 @@ Feature: Payout Details Card
         And the payout balance is shown
         And the PayPal email is shown
         Examples:
-            | payoutSchedule    | payoutThreshold | badgeText                             | mayBe |
-            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD  | 0     |
-            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD  | 25    |
-            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD  | 49    |
-            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 0     |
-            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 50    |
-            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 99    |
+            | payoutSchedule    | payoutThreshold | payoutMessage                         | payoutBalance |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD  | 0             |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD  | 25            |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD  | 49            |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 0             |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 50            |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 99            |
 
     @minutia
     Scenario Outline: An error banner is shown if the payout is on hold

From 4988cd0b9243ca905c23242150328313c907973b Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 5 Mar 2024 11:49:50 -0800
Subject: [PATCH 407/753] spacing

---
 .../sqm-payout-details-card/sqm-payout-details-card.feature   | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
index 727ee8fab6..e667d28c43 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
@@ -21,7 +21,6 @@ Feature: Payout Details Card
             | FIXED_DAY      | 15         | Feb 15, 2024 | Feb 15, 2024  | Payout Today |
             | FIXED_DAY      | 15         | Feb 28, 2024 | Mar 15, 2024  | Next payout  |
 
-
     @motivating
     Scenario Outline: Payout information is shown for users with banking information configured for balance threshold
         Given the user has created a valid partner
@@ -38,8 +37,6 @@ Feature: Payout Details Card
             | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 50            |
             | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 99            |
 
-
-
     @motivating
     Scenario Outline: Payout information is shown for users with a PayPal email configured for fixed day schedule
         Given the user has created a valid partner
@@ -56,7 +53,6 @@ Feature: Payout Details Card
             | FIXED_DAY      | 15         | Feb 15, 2024 | Feb 15, 2024  | Payout Today |
             | FIXED_DAY      | 15         | Feb 28, 2024 | Mar 15, 2024  | Next payout  |
 
-
     @motivating
     Scenario Outline: Payout information is shown for users with a PayPal email configured for balance threshold
         Given the user has created a valid partner

From 9c396fa611f5e12e3ec4259f90c8d9c709d44587 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 5 Mar 2024 13:28:05 -0800
Subject: [PATCH 408/753] Adjusted width of step 1 and 2 inputs

---
 .../sqm-rewards-table/columns/readme.md       |  26 +++--
 .../src/components/sqm-stencilbook/readme.md  |   5 +
 .../sqm-banking-info-form/readme.md           | 100 +++++++++---------
 .../tax-and-cash/sqm-docusign-form/readme.md  |   5 +-
 .../sqm-indirect-tax-form/readme.md           |  26 +++--
 .../sqm-payout-details-card/readme.md         |  14 ++-
 .../sqm-tax-and-cash-dashboard/readme.md      |   4 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  57 ++++------
 .../tax-and-cash/sqm-user-info-form/readme.md |  57 +++++-----
 .../small-views/IndirectTaxDetailsView.tsx    |   1 +
 .../sqm-user-info-form-view.tsx               |  13 +--
 .../sqm-user-info-form/sqm-user-info-form.tsx |   4 +-
 12 files changed, 153 insertions(+), 159 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md b/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
index 8220750f1c..b1f81c5b40 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
@@ -7,16 +7,22 @@
 
 ## Properties
 
-| Property            | Attribute             | Description                                                      | Type     | Default                                                                                                                                                                                   |
-| ------------------- | --------------------- | ---------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `columnTitle`       | `column-title`        |                                                                  | `string` | `"Status"`                                                                                                                                                                                |
-| `deniedText`        | `denied-text`         | Displayed when denied for fraud.                                 | `string` | `"Detected self-referral"`                                                                                                                                                                |
-| `expiryText`        | `expiry-text`         | Text shown before the date of an expiring reward.                | `string` | `"Expires on "`                                                                                                                                                                           |
-| `pendingReviewText` | `pending-review-text` | Displayed when flagged for fraud.                                | `string` | `"Awaiting review"`                                                                                                                                                                       |
-| `pendingScheduled`  | `pending-scheduled`   | Text shown before the available date of a pending reward.        | `string` | `"Until"`                                                                                                                                                                                 |
-| `pendingUnhandled`  | `pending-unhandled`   | Displayed when fulfillment error occured when creating a reward. | `string` | `"Fulfillment error"`                                                                                                                                                                     |
-| `pendingUsTax`      | `pending-us-tax`      | Displayed when a reward is pending due to W9 compliance.         | `string` | `"W-9 required"`                                                                                                                                                                          |
-| `statusText`        | `status-text`         |                                                                  | `string` | `"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }"` |
+| Property                 | Attribute                  | Description                                                                          | Type     | Default                                                                                                                                                                                                                                                                                                                                                                           |
+| ------------------------ | -------------------------- | ------------------------------------------------------------------------------------ | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `columnTitle`            | `column-title`             |                                                                                      | `string` | `"Status"`                                                                                                                                                                                                                                                                                                                                                                        |
+| `deniedText`             | `denied-text`              | Displayed when denied for fraud.                                                     | `string` | `"Detected self-referral"`                                                                                                                                                                                                                                                                                                                                                        |
+| `expiryText`             | `expiry-text`              | Text shown before the date of an expiring reward.                                    | `string` | `"Expires on "`                                                                                                                                                                                                                                                                                                                                                                   |
+| `payoutFailed`           | `payout-failed`            | Displayed when reward payout has failed (based on Impact cash payout configuration). | `string` | `"This payout will be retried on {date}."`                                                                                                                                                                                                                                                                                                                                        |
+| `payoutSent`             | `payout-sent`              | Displayed when reward payout is sent (based on Impact cash payout configuration).    | `string` | `"Payout process started on {date}. Expected payout on {date}."`                                                                                                                                                                                                                                                                                                                  |
+| `pendingNewTaxForm`      | `pending-new-tax-form`     | Displayed when pending due to requiring a new tax document                           | `string` | `"Invalid tax form. Submit a new form to receive your rewards."`                                                                                                                                                                                                                                                                                                                  |
+| `pendingPartnerCreation` | `pending-partner-creation` | Displayed when pending due to need to connect to an Impact partner                   | `string` | `"Complete your tax and cash payout setup to receive your rewards."`                                                                                                                                                                                                                                                                                                              |
+| `pendingReviewText`      | `pending-review-text`      | Displayed when flagged for fraud.                                                    | `string` | `"Awaiting review"`                                                                                                                                                                                                                                                                                                                                                               |
+| `pendingScheduled`       | `pending-scheduled`        | Text shown before the available date of a pending reward.                            | `string` | `"Until"`                                                                                                                                                                                                                                                                                                                                                                         |
+| `pendingTaxReview`       | `pending-tax-review`       | Displayed when pending due to tax document review.                                   | `string` | `"Awaiting tax form review."`                                                                                                                                                                                                                                                                                                                                                     |
+| `pendingTaxSubmission`   | `pending-tax-submission`   | Displayed when pending due to lack of tax document submission.                       | `string` | `"Submit your tax documents to receive your rewards."`                                                                                                                                                                                                                                                                                                                            |
+| `pendingUnhandled`       | `pending-unhandled`        | Displayed when fulfillment error occured when creating a reward.                     | `string` | `"Fulfillment error"`                                                                                                                                                                                                                                                                                                                                                             |
+| `pendingUsTax`           | `pending-us-tax`           | Displayed when a reward is pending due to W9 compliance.                             | `string` | `"W-9 required"`                                                                                                                                                                                                                                                                                                                                                                  |
+| `statusText`             | `status-text`              |                                                                                      | `string` | `"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_SENT {Payout Sent} PAYOUT_FAILED {Payout Failed} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }"` |
 
 
 ## Methods
diff --git a/packages/mint-components/src/components/sqm-stencilbook/readme.md b/packages/mint-components/src/components/sqm-stencilbook/readme.md
index e4f6fc39c3..ac59e6591a 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/readme.md
+++ b/packages/mint-components/src/components/sqm-stencilbook/readme.md
@@ -184,6 +184,11 @@ graph TD;
   sqm-referral-table-date-column --> sqm-referral-table-date-cell
   sqm-referral-table-rewards-column --> sqm-referral-table-rewards-cell
   sqm-coupon-code --> sqm-form-message
+  sqm-user-info-form --> sqm-user-info-form
+  sqm-user-info-form --> sqm-indirect-tax-form
+  sqm-user-info-form --> sqm-docusign-form
+  sqm-user-info-form --> sqm-banking-info-form
+  sqm-user-info-form --> sqm-tax-and-cash-dashboard
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
   style sqm-stencilbook fill:#f9f,stroke:#333,stroke-width:4px
 ```
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 906f2983be..ff9ec4f2bc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -5,55 +5,55 @@
 
 ## Properties
 
-| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Default                                                                                                                                                                     |
-| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Agency Code"`                                                                                                                                                             |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank Account Number"`                                                                                                                                                     |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank Account Type"`                                                                                                                                                       |
-| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank Address"`                                                                                                                                                            |
-| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank City"`                                                                                                                                                               |
-| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank Country Location"`                                                                                                                                                   |
-| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank Name"`                                                                                                                                                               |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank Postal Code"`                                                                                                                                                        |
-| `bankProvinceStateLabel`              | `bank-province-state-label`                 | Label text for the Bank Province State input                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Bank Province State"`                                                                                                                                                     |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Beneficiary Account Name"`                                                                                                                                                |
-| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Branch Code"`                                                                                                                                                             |
-| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Business"`                                                                                                                                                                |
-| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting."`                                           |
-| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Checking"`                                                                                                                                                                |
-| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Classification CPF"`                                                                                                                                                      |
-| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Classification Entity"`                                                                                                                                                   |
-| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Classification"`                                                                                                                                                          |
-| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; }; }` | `undefined`                                                                                                                                                                 |
-| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Directly to my bank account"`                                                                                                                                             |
-| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Foreign"`                                                                                                                                                                 |
-| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Step 4 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"There was a problem submitting your information"`                                                                                                                         |
-| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"IBAN"`                                                                                                                                                                    |
-| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Individual"`                                                                                                                                                              |
-| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"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."` |
-| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Patronymic Name"`                                                                                                                                                         |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"PayPal Email"`                                                                                                                                                            |
-| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"15th of the month"`                                                                                                                                                       |
-| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"1st of the month"`                                                                                                                                                        |
-| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Payment Day"`                                                                                                                                                             |
-| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Payment Method"`                                                                                                                                                          |
-| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                     |
-| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Payment Schedule"`                                                                                                                                                        |
-| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Pay me when my balance reaches a threshold"`                                                                                                                              |
-| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Pay me on a fixed day of the month"`                                                                                                                                      |
-| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Payment Threshold"`                                                                                                                                                       |
-| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Routing Code"`                                                                                                                                                            |
-| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Savings"`                                                                                                                                                                 |
-| `submitButton`                        | `submit-button`                             | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Save"`                                                                                                                                                                    |
-| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"SWIFT Code"`                                                                                                                                                              |
-| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Tax and Payouts"`                                                                                                                                                         |
-| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
-| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Taxpayer ID"`                                                                                                                                                             |
-| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                           |
-| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"VO Code"`                                                                                                                                                                 |
+| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Default                                                                                                                                                                              |
+| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Agency Code"`                                                                                                                                                                      |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Account Number"`                                                                                                                                                              |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Account Type"`                                                                                                                                                                |
+| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Address"`                                                                                                                                                                     |
+| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank City"`                                                                                                                                                                        |
+| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Country Location"`                                                                                                                                                            |
+| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Name"`                                                                                                                                                                        |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Postal Code"`                                                                                                                                                                 |
+| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Province/State"`                                                                                                                                                              |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Beneficiary Account Name"`                                                                                                                                                         |
+| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Branch Code"`                                                                                                                                                                      |
+| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Business"`                                                                                                                                                                         |
+| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting."`                                                    |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Checking"`                                                                                                                                                                         |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification CPF"`                                                                                                                                                               |
+| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification Entity"`                                                                                                                                                            |
+| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification"`                                                                                                                                                                   |
+| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; }; }` | `undefined`                                                                                                                                                                          |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Directly to my bank account"`                                                                                                                                                      |
+| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Foreign"`                                                                                                                                                                          |
+| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Step 4 of 4"`                                                                                                                                                                      |
+| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                        |
+| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem submitting your information"`                                                                                                                                  |
+| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"IBAN"`                                                                                                                                                                             |
+| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Individual"`                                                                                                                                                                       |
+| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."` |
+| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                         |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Patronymic Name"`                                                                                                                                                                  |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"PayPal Email"`                                                                                                                                                                     |
+| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"15th of the month"`                                                                                                                                                                |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"1st of the month"`                                                                                                                                                                 |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Day"`                                                                                                                                                                      |
+| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Method"`                                                                                                                                                                   |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                              |
+| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Schedule"`                                                                                                                                                                 |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Pay me when my balance reaches a threshold"`                                                                                                                                       |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Pay me on a fixed day of the month"`                                                                                                                                               |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Threshold"`                                                                                                                                                                |
+| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Routing Code"`                                                                                                                                                                     |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Savings"`                                                                                                                                                                          |
+| `submitButton`                        | `submit-button`                             | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Save"`                                                                                                                                                                             |
+| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"SWIFT Code"`                                                                                                                                                                       |
+| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Tax and Payouts"`                                                                                                                                                                  |
+| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                              |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Taxpayer ID"`                                                                                                                                                                      |
+| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                    |
+| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"VO Code"`                                                                                                                                                                          |
 
 
 ## Dependencies
@@ -62,12 +62,14 @@
 
  - [sqm-stencilbook](../../sqm-stencilbook)
  - [sqm-tax-and-cash](../sqm-tax-and-cash)
+ - [sqm-user-info-form](../sqm-user-info-form)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-banking-info-form
   sqm-tax-and-cash --> sqm-banking-info-form
+  sqm-user-info-form --> sqm-banking-info-form
   style sqm-banking-info-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index bc05910c1c..b84c30824d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -26,9 +26,8 @@
 | `notBasedInUS`                            | `not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Not based in the US?"`                                                                                                                                           |
 | `participantType`                         | `participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Participant type"`                                                                                                                                               |
 | `refreshButton`                           | `refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Refresh Page"`                                                                                                                                                   |
-| `submitButton`                            | `submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Continue"`                                                                                                                                                       |
 | `taxForm`                                 | `tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Tax form"`                                                                                                                                                       |
-| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                         |
+| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
 | `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
 | `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
 | `taxFormLabel`                            | `tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{documentType} Tax Form"`                                                                                                                                        |
@@ -40,12 +39,14 @@
 
  - [sqm-stencilbook](../../sqm-stencilbook)
  - [sqm-tax-and-cash](../sqm-tax-and-cash)
+ - [sqm-user-info-form](../sqm-user-info-form)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-docusign-form
   sqm-tax-and-cash --> sqm-docusign-form
+  sqm-user-info-form --> sqm-docusign-form
   style sqm-docusign-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 9e2a36c382..d36a9ff2ad 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -2,13 +2,16 @@
 
 <!-- Auto Generated Below -->
 
+
 ## Properties
 
 | Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                                                             |
 | -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                                                                            |
 | `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`                                       |
-| `demoData`                       | --                                    |                                                                                                    | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors: {}; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { provinceCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: number; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                         |
+| `continueButton`                 | `continue-button`                     | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                                                                                                                        |
+| `demoData`                       | --                                    |                                                                                                    | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors: {}; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { provinceCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: string; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                         |
+| `fieldRequiredError`             | `field-required-error`                | Required error text shown at the bottom of field inputs                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{fieldName} is required"`                                                                                                                                                                                         |
 | `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Step 2 of 4"`                                                                                                                                                                                                     |
 | `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
 | `generalErrorTitle`              | `general-error-title`                 | Title text for a general form submission error                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                                                                                                                 |
@@ -25,36 +28,31 @@
 | `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Not registered for indirect tax"`                                                                                                                                                                                 |
 | `notRegisteredSubtext`           | `not-registered-subtext`              | Subtext for the option indicating not being registered for indirect tax                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
 | `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax in a different region                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Registered for indirect tax"`                                                                                                                                                                                     |
-| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"IIf you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                    |
+| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                     |
 | `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province"`                                                                                                                                                                                                        |
-| `provinceError`                  | `province-error`                      | Error message for the province input field                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province is required"`                                                                                                                                                                                            |
 | `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number"`                                                                                                                                                                                                      |
-| `qstTaxNumberError`              | `qst-tax-number-error`                | Error message for the QST tax number input field                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number is required"`                                                                                                                                                                                          |
 | `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country / Region of Indirect Tax"`                                                                                                                                                                                |
-| `selectedRegionError`            | `selected-region-error`               | Error message for the selected region input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country is required"`                                                                                                                                                                                             |
 | `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Sub-region"`                                                                                                                                                                                                      |
-| `subRegionError`                 | `sub-region-error`                    | Error message for the sub-region input field                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Sub-region is required"`                                                                                                                                                                                          |
-| `subRegionTaxNumberError`        | `sub-region-tax-number-error`         | Error message for the sub-region tax number input field                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number is required"`                                                                                                                                                                                   |
 | `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number"`                                                                                                                                                                                               |
-| `submitButton`                   | `submit-button`                       | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                                                                                                                        |
-| `taxDetailsError`                | `tax-details-error`                   | Error message for the tax details input field                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"This field is required"`                                                                                                                                                                                          |
+
 
 ## Dependencies
 
 ### Used by
 
-- [sqm-stencilbook](../../sqm-stencilbook)
-- [sqm-tax-and-cash](../sqm-tax-and-cash)
+ - [sqm-stencilbook](../../sqm-stencilbook)
+ - [sqm-tax-and-cash](../sqm-tax-and-cash)
+ - [sqm-user-info-form](../sqm-user-info-form)
 
 ### Graph
-
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-indirect-tax-form
   sqm-tax-and-cash --> sqm-indirect-tax-form
+  sqm-user-info-form --> sqm-indirect-tax-form
   style sqm-indirect-tax-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
----
+----------------------------------------------
 
-_Built with [StencilJS](https://stenciljs.com/)_
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
index c796718467..337d3f9a0c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
@@ -7,10 +7,16 @@
 
 ## Properties
 
-| Property                | Attribute                  | Description | Type                                      | Default     |
-| ----------------------- | -------------------------- | ----------- | ----------------------------------------- | ----------- |
-| `demoData`              | --                         |             | `{ [x: string]: any; [x: number]: any; }` | `undefined` |
-| `nextPayoutBalanceText` | `next-payout-balance-text` |             | `"Next payout occurs when balance is"`    | `undefined` |
+| Property               | Attribute                | Description | Type                                                                                              | Default     |
+| ---------------------- | ------------------------ | ----------- | ------------------------------------------------------------------------------------------------- | ----------- |
+| `accountText`          | `account-text`           |             | `"Account"`                                                                                       | `undefined` |
+| `demoData`             | --                       |             | `{ [x: string]: any; [x: number]: any; }`                                                         | `undefined` |
+| `errorDescriptionText` | `error-description-text` |             | `"Please ensure your payout information is correct. If this problem continues, contact Support."` | `undefined` |
+| `errorTitleText`       | `error-title-text`       |             | `"There was an error with your payout infomation"`                                                | `undefined` |
+| `otherCurrenciesText`  | `other-currencies-text`  |             | `"other currencies"`                                                                              | `undefined` |
+| `statusBadgeText`      | `status-badge-text`      |             | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                     | `undefined` |
+| `thresholdPayoutText`  | `threshold-payout-text`  |             | `"Next payout occurs when balance is"`                                                            | `undefined` |
+| `w9PendingText`        | `w-9-pending-text`       |             | `"Awaiting W-9 tax form"`                                                                         | `undefined` |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index 3ce7e3752f..694be1af50 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -13,7 +13,7 @@
 | `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Submitted on {dateSubmitted}."`                                                                                                                            |
 | `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
 | `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Payout information"`                                                                                                                                       |
-| `demoData`                        | --                                   |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; disabled?: boolean; dateSubmitted?: string; dateExpired?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: number; subRegionTaxNumber?: number; subRegion?: string; indirectTaxNumber?: number; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
+| `demoData`                        | --                                   |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; disabled?: boolean; dateSubmitted?: string; dateExpired?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: number; subRegionTaxNumber?: number; subRegion?: string; indirectTaxNumber?: string; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
 | `editIndirectTaxButton`           | `edit-indirect-tax-button`           | Text displayed in the edit Indirect Tax button                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Edit Indirect Tax"`                                                                                                                                        |
 | `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Edit Payout Information"`                                                                                                                                  |
 | `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                |
@@ -48,6 +48,7 @@
 
  - [sqm-stencilbook](../../sqm-stencilbook)
  - [sqm-tax-and-cash](../sqm-tax-and-cash)
+ - [sqm-user-info-form](../sqm-user-info-form)
 
 ### Depends on
 
@@ -59,6 +60,7 @@ graph TD;
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
   sqm-stencilbook --> sqm-tax-and-cash-dashboard
   sqm-tax-and-cash --> sqm-tax-and-cash-dashboard
+  sqm-user-info-form --> sqm-tax-and-cash-dashboard
   style sqm-tax-and-cash-dashboard fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 9bd6b9c598..7fc1ebe9a0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -2,17 +2,17 @@
 
 <!-- Auto Generated Below -->
 
+
 ## Properties
 
 | Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                       |
 | ----------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `continueButton`                                | `continue-button`                                    | Text for the continue button in the form                                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
 | `dashboard_badgeTextAwaitingReview`             | `dashboard_badge-text-awaiting-review`               | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                            |
 | `dashboard_badgeTextSubmittedOn`                | `dashboard_badge-text-submitted-on`                  | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                              |
 | `dashboard_badgeTextSubmittedOnW8`              | `dashboard_badge-text-submitted-on-w-8`              | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                     |
 | `dashboard_bankingInformationSectionHeader`     | `dashboard_banking-information-section-header`       | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                       |
 | `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          | Text displayed in the edit Payment Information button                                                      | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                   |
-| `dashboard_generalErrorDescription`             | `dashboard_general-error-description`                | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
-| `dashboard_generalErrorTitle`                   | `dashboard_general-error-title`                      | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
 | `dashboard_indirectTaxDetails`                  | `dashboard_indirect-tax-details`                     | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                             |
 | `dashboard_indirectTaxInfoCanada`               | `dashboard_indirect-tax-info-canada`                 | Country/Province description text of indirect tax                                                          | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                       |
 | `dashboard_indirectTaxInfoOtherCountry`         | `dashboard_indirect-tax-info-other-country`          | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                   |
@@ -35,60 +35,41 @@
 | `dashboard_taxDocumentSectionHeader`            | `dashboard_tax-document-section-header`              | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                             |
 | `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                   |
 | `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                   |
+| `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                   |
+| `generalErrorDescription`                       | `general-error-description`                          | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
+| `generalErrorTitle`                             | `general-error-title`                                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
+| `isPartnerAlertDescription`                     | `is-partner-alert-description`                       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`   |
+| `isPartnerAlertHeader`                          | `is-partner-alert-header`                            | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                  |
 | `notRegisteredSubtext`                          | `not-registered-subtext`                             | Subtext for the option indicating not being registered for indirect tax                                    | `string`                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                           |
 | `otherRegionSubtext`                            | `other-region-subtext`                               | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"IIf you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                              |
-| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I agree to the terms"`                                                                                                                                                      |
-| `step1_allowBankingCollectionError`             | `step-1_allow-banking-collection-error`              | Error text shown at the bottom of the tax and banking collection checkbox                                  | `string`                                                                                                             | `"This field is required"`                                                                                                                                                    |
-| `step1_businessEntity`                          | `step-1_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business entity"`                                                                                                                                             |
+| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I have read the terms and conditions and allow impact.com to collect my tax and banking information"`                                                                       |
 | `step1_country`                                 | `step-1_country`                                     | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                   |
-| `step1_countryError`                            | `step-1_country-error`                               | Error text shown at the bottom of the country input                                                        | `string`                                                                                                             | `"Select a country"`                                                                                                                                                          |
 | `step1_currency`                                | `step-1_currency`                                    | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                  |
-| `step1_currencyError`                           | `step-1_currency-error`                              | Error text shown at the bottom of the currency input                                                       | `string`                                                                                                             | `"Select a currency"`                                                                                                                                                         |
 | `step1_email`                                   | `step-1_email`                                       | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                     |
-| `step1_emailError`                              | `step-1_email-error`                                 | Error text shown at the bottom of the email input                                                          | `string`                                                                                                             | `"Enter a valid email"`                                                                                                                                                       |
 | `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                                |
-| `step1_firstNameError`                          | `step-1_first-name-error`                            | Error text shown at the bottom of the first name input                                                     | `string`                                                                                                             | `"Enter a first name"`                                                                                                                                                        |
 | `step1_formStep`                                | `step-1_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                               |
-| `step1_generalErrorDescription`                 | `step-1_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
-| `step1_generalErrorTitle`                       | `step-1_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
-| `step1_individualParticipant`                   | `step-1_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                            |
-| `step1_isPartnerAlertDescription`               | `step-1_is-partner-alert-description`                | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`   |
-| `step1_isPartnerAlertHeader`                    | `step-1_is-partner-alert-header`                     | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                  |
 | `step1_lastName`                                | `step-1_last-name`                                   | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                                 |
-| `step1_lastNameError`                           | `step-1_last-name-error`                             | Error text shown at the bottom of the last name input                                                      | `string`                                                                                                             | `"Enter a last name"`                                                                                                                                                         |
-| `step1_participantType`                         | `step-1_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                          |
-| `step1_participantTypeError`                    | `step-1_participant-type-error`                      | Error text shown at the bottom of the participant type checkbox                                            | `string`                                                                                                             | `"Select a participant type"`                                                                                                                                                 |
 | `step1_personalInformation`                     | `step-1_personal-information`                        | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                      |
 | `step1_submitButton`                            | `step-1_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
-| `step1_taxAndBankingCollection`                 | `step-1_tax-and-banking-collection`                  | Heading text for the tax and banking collection checkbox                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
 | `step2_backButton`                              | `step-2_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                      |
 | `step2_cannotChangeInfoAlert`                   | `step-2_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."` |
 | `step2_formStep`                                | `step-2_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                               |
-| `step2_generalErrorDescription`                 | `step-2_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
-| `step2_generalErrorTitle`                       | `step-2_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
 | `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                              |
 | `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                            |
 | `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                      |
 | `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                               |
 | `step2_indirectTaxNumber`                       | `step-2_indirect-tax-number`                         | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                       |
 | `step2_indirectTaxNumberError`                  | `step-2_indirect-tax-number-error`                   | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                           |
-| `step2_isPartnerAlertDescription`               | `step-2_is-partner-alert-description`                | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`   |
-| `step2_isPartnerAlertHeader`                    | `step-2_is-partner-alert-header`                     | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                  |
 | `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                               |
 | `step2_isRegisteredSubRegionIncomeTax`          | `step-2_is-registered-sub-region-income-tax`         | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                |
 | `step2_notRegistered`                           | `step-2_not-registered`                              | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"I am not registered for Indirect Tax"`                                                                                                                                      |
 | `step2_otherRegion`                             | `step-2_other-region`                                | Label text for the other region radio button                                                               | `string`                                                                                                             | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                          |
 | `step2_province`                                | `step-2_province`                                    | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                  |
-| `step2_provinceError`                           | `step-2_province-error`                              | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Province is required"`                                                                                                                                                      |
 | `step2_qstNumber`                               | `step-2_qst-number`                                  | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST Number"`                                                                                                                                                                |
-| `step2_qstTaxNumberError`                       | `step-2_qst-tax-number-error`                        | Error text shown below the QST Tax number input                                                            | `string`                                                                                                             | `"QST Tax Number is required"`                                                                                                                                                |
 | `step2_selectedRegion`                          | `step-2_selected-region`                             | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                          |
-| `step2_selectedRegionError`                     | `step-2_selected-region-error`                       | Error text shown below the Selected Region select input                                                    | `string`                                                                                                             | `"Country is required"`                                                                                                                                                       |
 | `step2_subRegion`                               | `step-2_sub-region`                                  | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                                |
-| `step2_subRegionTaxNumberError`                 | `step-2_sub-region-tax-number-error`                 | Error text shown below the Sub-region Income Tax number input                                              | `string`                                                                                                             | `"Income Tax Number is required"`                                                                                                                                             |
 | `step2_subRegionTaxNumberLabel`                 | `step-2_sub-region-tax-number-label`                 | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                         |
 | `step2_submitButton`                            | `step-2_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
-| `step2_taxDetailsError`                         | `step-2_tax-details-error`                           | Error text shown below the tax details radio buttons                                                       | `string`                                                                                                             | `"This field is required"`                                                                                                                                                    |
 | `step3_backButton`                              | `step-3_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                      |
 | `step3_banner`                                  | `step-3_banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                         |
 | `step3_businessEntity`                          | `step-3_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a company"`                                                                                                                                                     |
@@ -99,12 +80,9 @@
 | `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`            |
 | `step3_formStep`                                | `step-3_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                               |
 | `step3_formSubmissionError`                     | `step-3_form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                    |
-| `step3_generalErrorDescription`                 | `step-3_general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
-| `step3_generalErrorTitle`                       | `step-3_general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
 | `step3_individualParticipant`                   | `step-3_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                            |
 | `step3_participantType`                         | `step-3_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                          |
 | `step3_refreshButton`                           | `step-3_refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                              |
-| `step3_submitButton`                            | `step-3_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
 | `step3_taxForm`                                 | `step-3_tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                  |
 | `step3_taxFormDescription`                      | `step-3_tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                    |
 | `step3_taxFormDescriptionBusinessEntity`        | `step-3_tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                             | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                             |
@@ -118,7 +96,7 @@
 | `step4_bankLocationLabel`                       | `step-4_bank-location-label`                         | Label text for the bank country location input field                                                       | `string`                                                                                                             | `"Bank Country Location"`                                                                                                                                                     |
 | `step4_bankNameLabel`                           | `step-4_bank-name-label`                             | Label text for the bank name input field                                                                   | `string`                                                                                                             | `"Bank Name"`                                                                                                                                                                 |
 | `step4_bankPostalCodeLabel`                     | `step-4_bank-postal-code-label`                      | Label text for the Bank Postal Code                                                                        | `string`                                                                                                             | `"Bank Postal Code"`                                                                                                                                                          |
-| `step4_bankProvinceStateLabel`                  | `step-4_bank-province-state-label`                   | Label text for the Bank Province State input                                                               | `string`                                                                                                             | `"Bank Province State"`                                                                                                                                                       |
+| `step4_bankStateLabel`                          | `step-4_bank-state-label`                            | Label text for the Bank Province / State input                                                             | `string`                                                                                                             | `"Bank Province / State"`                                                                                                                                                     |
 | `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              | Label text for the beneficiary account name input field                                                    | `string`                                                                                                             | `"Beneficiary Account Name"`                                                                                                                                                  |
 | `step4_branchCodeLabel`                         | `step-4_branch-code-label`                           | Label text for the branch code input field                                                                 | `string`                                                                                                             | `"Branch Code"`                                                                                                                                                               |
 | `step4_businessSelectItemLabel`                 | `step-4_business-select-item-label`                  | Label text for the business select item                                                                    | `string`                                                                                                             | `"Business"`                                                                                                                                                                  |
@@ -130,12 +108,8 @@
 | `step4_directlyToBankAccount`                   | `step-4_directly-to-bank-account`                    | Text for the option to receive payments directly to a bank account                                         | `string`                                                                                                             | `"Directly to my bank account"`                                                                                                                                               |
 | `step4_foreignSelectItemLabel`                  | `step-4_foreign-select-item-label`                   | Label text for the foreign select item                                                                     | `string`                                                                                                             | `"Foreign"`                                                                                                                                                                   |
 | `step4_formStep`                                | `step-4_form-step`                                   | Subtext shown at the top of the page, used to show the current step of the tax form.                       | `string`                                                                                                             | `"Step 4 of 4"`                                                                                                                                                               |
-| `step4_generalErrorDescription`                 | `step-4_general-error-description`                   | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
-| `step4_generalErrorTitle`                       | `step-4_general-error-title`                         | Title text for a general form submission error                                                             | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
 | `step4_ibanLabel`                               | `step-4_iban-label`                                  | Label text for the IBAN input field                                                                        | `string`                                                                                                             | `"IBAN"`                                                                                                                                                                      |
 | `step4_individualSelectItemLabel`               | `step-4_individual-select-item-label`                | Label text for the individual select item                                                                  | `string`                                                                                                             | `"Individual"`                                                                                                                                                                |
-| `step4_isPartnerAlertDescription`               | `step-4_is-partner-alert-description`                | Description text for the alert when the user is identified as a partner                                    | `string`                                                                                                             | `"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."`   |
-| `step4_isPartnerAlertHeader`                    | `step-4_is-partner-alert-header`                     | Header text for the alert when the user is identified as a partner                                         | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                  |
 | `step4_patronymicNameLabel`                     | `step-4_patronymic-name-label`                       | Label text for the patronymic name input field                                                             | `string`                                                                                                             | `"Patronymic Name"`                                                                                                                                                           |
 | `step4_payPalInputLabel`                        | `step-4_pay-pal-input-label`                         | Label text for the PayPal email input field                                                                | `string`                                                                                                             | `"PayPal Email"`                                                                                                                                                              |
 | `step4_paymentDayFifteenthOfMonthLabelText`     | `step-4_payment-day-fifteenth-of-month-label-text`   | Label text for the payment day select option for the fifteenth of the month                                | `string`                                                                                                             | `"15th of the month"`                                                                                                                                                         |
@@ -149,7 +123,6 @@
 | `step4_paymentThresholdSelectLabel`             | `step-4_payment-threshold-select-label`              | Label text for the payment day select                                                                      | `string`                                                                                                             | `"Payment Threshold"`                                                                                                                                                         |
 | `step4_routingCodeLabel`                        | `step-4_routing-code-label`                          | Label text for the routing code input field                                                                | `string`                                                                                                             | `"Routing Code"`                                                                                                                                                              |
 | `step4_savingsSelectItemLabel`                  | `step-4_savings-select-item-label`                   | Label text for the savings account type select item                                                        | `string`                                                                                                             | `"Savings"`                                                                                                                                                                   |
-| `step4_submitButton`                            | `step-4_submit-button`                               | Text for the save button in the form                                                                       | `string`                                                                                                             | `"Save"`                                                                                                                                                                      |
 | `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            | Label text for the SWIFT code input field                                                                  | `string`                                                                                                             | `"SWIFT Code"`                                                                                                                                                                |
 | `step4_taxAndPayouts`                           | `step-4_tax-and-payouts`                             | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax and Payouts"`                                                                                                                                                           |
 | `step4_taxAndPayoutsDescription`                | `step-4_tax-and-payouts-description`                 | Text shown at the top of the page next to the tax and payouts label text                                   | `string`                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                       |
@@ -157,6 +130,8 @@
 | `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          | Text for the option to receive payments to a PayPal account with processing fee details                    | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                             |
 | `step4_voCodeLabel`                             | `step-4_vo-code-label`                               | Label text for the VO code input field                                                                     | `string`                                                                                                             | `"VO Code"`                                                                                                                                                                   |
 | `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                      |
+| `termsAndConditionsLabel`                       | `terms-and-conditions-label`                         | Label text for terms and conditions                                                                        | `string`                                                                                                             | `"Terms and conditions"`                                                                                                                                                      |
+
 
 ## Dependencies
 
@@ -169,7 +144,6 @@
 - [sqm-tax-and-cash-dashboard](../sqm-tax-and-cash-dashboard)
 
 ### Graph
-
 ```mermaid
 graph TD;
   sqm-tax-and-cash --> sqm-user-info-form
@@ -177,10 +151,15 @@ graph TD;
   sqm-tax-and-cash --> sqm-docusign-form
   sqm-tax-and-cash --> sqm-banking-info-form
   sqm-tax-and-cash --> sqm-tax-and-cash-dashboard
+  sqm-user-info-form --> sqm-user-info-form
+  sqm-user-info-form --> sqm-indirect-tax-form
+  sqm-user-info-form --> sqm-docusign-form
+  sqm-user-info-form --> sqm-banking-info-form
+  sqm-user-info-form --> sqm-tax-and-cash-dashboard
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
   style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
----
+----------------------------------------------
 
-_Built with [StencilJS](https://stenciljs.com/)_
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index 2ac1a31ff7..355b777f81 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,33 +7,25 @@
 
 ## Properties
 
-| Property                      | Attribute                        | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default                                                                                                                                                                     |
-| ----------------------------- | -------------------------------- | ------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`      | `allow-banking-collection`       | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I agree to the terms"`                                                                                                                                                    |
-| `allowBankingCollectionError` | `allow-banking-collection-error` | Error text shown at the bottom of the tax and banking collection checkbox             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"This field is required"`                                                                                                                                                  |
-| `businessEntity`              | `business-entity`                | Label text for the business entity radio button                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I represent a business entity"`                                                                                                                                           |
-| `country`                     | `country`                        | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Country"`                                                                                                                                                                 |
-| `countryError`                | `country-error`                  | Error text shown at the bottom of the country input                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a country"`                                                                                                                                                        |
-| `currency`                    | `currency`                       | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Currency"`                                                                                                                                                                |
-| `currencyError`               | `currency-error`                 | Error text shown at the bottom of the currency input                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a currency"`                                                                                                                                                       |
-| `demoData`                    | --                               |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; data?: { currencies: Currencies; countries: TaxCountry[]; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
-| `email`                       | `email`                          | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Email"`                                                                                                                                                                   |
-| `emailError`                  | `email-error`                    | Error text shown at the bottom of the email input                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a valid email"`                                                                                                                                                     |
-| `firstName`                   | `first-name`                     | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"First name"`                                                                                                                                                              |
-| `firstNameError`              | `first-name-error`               | Error text shown at the bottom of the first name input                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a first name"`                                                                                                                                                      |
-| `formStep`                    | `form-step`                      | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Step 1 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`     | `general-error-description`      | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`           | `general-error-title`            | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"There was a problem submitting your information"`                                                                                                                         |
-| `individualParticipant`       | `individual-participant`         | Label text for the individual participant radio button                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I am an individual participant"`                                                                                                                                          |
-| `isPartnerAlertDescription`   | `is-partner-alert-description`   | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"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."` |
-| `isPartnerAlertHeader`        | `is-partner-alert-header`        | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `lastName`                    | `last-name`                      | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Last name"`                                                                                                                                                               |
-| `lastNameError`               | `last-name-error`                | Error text shown at the bottom of the last name input                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Enter a last name"`                                                                                                                                                       |
-| `participantType`             | `participant-type`               | Heading text for the participant type radio buttons                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Participant type"`                                                                                                                                                        |
-| `participantTypeError`        | `participant-type-error`         | Error text shown at the bottom of the participant type checkbox                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Select a participant type"`                                                                                                                                               |
-| `personalInformation`         | `personal-information`           | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Personal Information"`                                                                                                                                                    |
-| `submitButton`                | `submit-button`                  | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                                                                                                |
-| `taxAndBankingCollection`     | `tax-and-banking-collection`     | Heading text for the tax and banking collection checkbox                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                                                                                                |
+| Property                    | Attribute                      | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default                                                                                                                                                                     |
+| --------------------------- | ------------------------------ | ------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`    | `allow-banking-collection`     | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I have read the terms and conditions and allow impact.com to collect my tax and banking information"`                                                                     |
+| `continueButton`            | `continue-button`              | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                                                                                                |
+| `country`                   | `country`                      | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Country"`                                                                                                                                                                 |
+| `currency`                  | `currency`                     | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Currency"`                                                                                                                                                                |
+| `currencyHelpText`          | `currency-help-text`           | Help text shown underneath currency input                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Choose your preferred payout currency"`                                                                                                                                   |
+| `demoData`                  | --                             |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; data?: { currencies: Currencies; countries: TaxCountry[]; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
+| `email`                     | `email`                        | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Email"`                                                                                                                                                                   |
+| `fieldRequiredError`        | `field-required-error`         | Required error text shown at the bottom of field inputs                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"{fieldName} is required"`                                                                                                                                                 |
+| `firstName`                 | `first-name`                   | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"First name"`                                                                                                                                                              |
+| `formStep`                  | `form-step`                    | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Step {current} of {total}"`                                                                                                                                               |
+| `generalErrorDescription`   | `general-error-description`    | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`         | `general-error-title`          | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"There was a problem submitting your information"`                                                                                                                         |
+| `isPartnerAlertDescription` | `is-partner-alert-description` | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"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."` |
+| `isPartnerAlertHeader`      | `is-partner-alert-header`      | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                  | `last-name`                    | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Last name"`                                                                                                                                                               |
+| `personalInformation`       | `personal-information`         | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Personal Information"`                                                                                                                                                    |
+| `termsAndConditionsLabel`   | `terms-and-conditions-label`   | Label text for terms and conditions                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Terms and conditions"`                                                                                                                                                    |
 
 
 ## Dependencies
@@ -42,10 +34,21 @@
 
  - [sqm-stencilbook](../../sqm-stencilbook)
  - [sqm-tax-and-cash](../sqm-tax-and-cash)
+ - [sqm-user-info-form](.)
+
+### Depends on
+
+- [sqm-user-info-form](.)
+- [sqm-indirect-tax-form](../sqm-indirect-tax-form)
+- [sqm-docusign-form](../sqm-docusign-form)
+- [sqm-banking-info-form](../sqm-banking-info-form)
+- [sqm-tax-and-cash-dashboard](../sqm-tax-and-cash-dashboard)
 
 ### Graph
 ```mermaid
 graph TD;
+  sqm-user-info-form --> sqm-user-info-form
+  sqm-tax-and-cash-dashboard --> sqm-payout-details-card
   sqm-stencilbook --> sqm-user-info-form
   sqm-tax-and-cash --> sqm-user-info-form
   style sqm-user-info-form fill:#f9f,stroke:#333,stroke-width:4px
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 1760dba76f..e1894677c4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -68,6 +68,7 @@ const style = {
     flexDirection: "column",
     gap: "16px",
     padding: "16px",
+    maxWidth: "450px",
   },
   ConditionalInputsContainer: {
     width: "100%",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 5ffa623672..056adbe94e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -102,6 +102,7 @@ const style = {
     flexDirection: "column",
     gap: "24px",
     paddingBottom: "36px",
+    maxWidth: "450px",
   },
   SearchInput: {
     padding: "var(--sl-spacing-x-small)",
@@ -205,17 +206,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
         <div>
           <div class={classes.TextContainer}>
             <div>
-              {!states.hideSteps && (
-                <p>
-                  {intl.formatMessage(
-                    {
-                      id: `formStep`,
-                      defaultMessage: text.formStep,
-                    },
-                    { current: "1", total: "4" }
-                  )}
-                </p>
-              )}
+              {!states.hideSteps && <p>{text.formStep}</p>}
               <h3>{text.personalInformation}</h3>
             </div>
           </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 3c9badaa88..ff77dd4a0f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -61,7 +61,7 @@ export class TaxForm {
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Tax form step text
    */
-  @Prop() formStep: string = "Step {current} of {total}";
+  @Prop() formStep: string = "Step 1 of 4";
   /**
    * Heading text shown above the forms inputs.
    * @uiName Form heading text
@@ -165,7 +165,7 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
       step,
       setStep,
       onSubmit: () => {},
-      onRadioClick: () => {},
+      onRadioClick: (value: string) => {},
       text: props.getTextProps(),
       refs: {
         formRef: { current: null },

From 8a5d5ff409e2c078aed09599d863e4366a3ba9d4 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 5 Mar 2024 14:51:07 -0800
Subject: [PATCH 409/753] fix type warning

---
 .../tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index ff77dd4a0f..d427a5c9ae 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -165,7 +165,7 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
       step,
       setStep,
       onSubmit: () => {},
-      onRadioClick: (value: string) => {},
+      onRadioClick: () => {},
       text: props.getTextProps(),
       refs: {
         formRef: { current: null },

From 5cb16e395b472ea7d1c49239ba1a925e72d3cade Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 5 Mar 2024 15:04:14 -0800
Subject: [PATCH 410/753] user info and indirect tax form spec updates

---
 .../sqm-indirect-tax-form.feature             | 213 +++++++++++-------
 .../sqm-user-info-form.feature                | 205 ++++++++---------
 .../sqm-user-info-form/useUserInfoForm.tsx    |   5 +-
 3 files changed, 228 insertions(+), 195 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 3ac346a253..9e23935fc9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -4,55 +4,99 @@ Feature: Indirect Tax Form
   Background: A user has submitted their personal information in Tax Form Step One
     Given a user is on the Indirect Tax Form
 
-  @minutia
-  Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
-    When <option> is selected based on the participant <country> from step 1
-    Then different <inputs> appear
-
-    Examples: 
-      | country | option                          | inputs                                                 |
-      | CA      | Registered for indirect tax     | Country, Province, HST/GST Number, ?QST Number(Quebec) |
-      | ES      | Registered for indirect tax     | Country, Sub Region, VAT Number, ?Income Tax Number    |
-      | UK      | Registered for indirect tax     | Country, VAT Number                                    |
-      | IR      | Registered for indirect tax     | Country, GST Number                                    |
-      | AU      | Registered for indirect tax     | Country, GST Number                                    |
-      | JP      | Registered for indirect tax     | Country, CT Number                                     |
-      | US      | Not registered for indirect tax | N/A                                                    |
-      | EG      | Not registered for indirect tax | N/A                                                    |
+  @motivating
+  Scenario Outline: Form options
+    Given a user
+    When they view the Indirect Tax form
+    Then they see the text "Step 2 of 4"
+    And they see the title "Indirect Tax"
+    And they see the subtitle
+      """
+      Not sure if you are registered for indirect tax? Contact our Support team to find out more.
+      """
+    Then they are shown the radio option for indirect tax
+    And the option <option> has label <label> and description <description>
+
+    # TODO : Descriptions
+    Examples:
+      | option        | label                                                            | description |
+      | notRegistered | I am not registered for Indirect Tax                             | TODO        |
+      | registered    | I am registered for Indirect Tax in a different Country / Region | TODO        |
+
+  @motivating @ui
+  Scenario Outline: Inputs display based on radio option selected
+    Given the option <option> is selected
+    Then the field <field> is displayed
+    And it has label <label>
+
+    Examples:
+      | option        | field               | label                            |
+      | notRegistered | N/A                 | N/A                              |
+      | registered    | indirectCountryCode | Country / Region of Indirect Tax |
+      | registered    | indirectTaxId       | {taxType} Number                 |
+
+  @motivating
+  Scenario Outline: Indirect tax country may be auto-filled
+    Given that a countryCode was selected in Step 1
+    And that countryCode <isSupported> by Impact
+    When a user loads Step 2
+    Then the radio option <option> is auto-selected
+    And the "indirectCountryCode" field <mayBe> set to the countryCode selected in Step 1
+
+    Examples:
+      | isSupported      | option        | mayBe  |
+      | is supported     | registered    | is     |
+      | is not supported | notRegistered | is not |
 
   @minutia @ui
-  Scenario Outline: Participant selects Canada in step 1
-    Given they select "Canada" as their country in step 1
-    Then the "I am registered Indirect Tax" option is selected in step 2
-    And the Country select is auto-selected with "Canada" from step 1
-    And a Province select appears with the available <provinces>
-    And based on the selected <province>
-    Then <typeTaxInput> will appear
-
-    Examples: 
-      | province              | typeTaxInput      |
-      | Ontario               | HST Number        |
-      | New Brunswick         | HST Number        |
-      | Newfoundland          | HST Number        |
-      | Nova Scotia           | HST Number        |
-      | Saskatchewan          | HST Number        |
-      | Prince Edward Island  | HST Number        |
-      | Nunavut               | HST Number        |
-      | British Columbia      | HST Number        |
-      | Manitoba              | HST Number        |
-      | Quebec                | GST + ?QST Number |
-      | Yukon                 | GST Number        |
-      | Alberta               | GST Number        |
-      | Northwest Territories | GST Number        |
+  Scenario Outline: indirectTaxId field label changes depending on tax type of country selected
+    Given the radio option "registered" is selelected
+    And the "indirectCountryCode" field has <country> selected
+    And the tax type of that country is <taxType>
+    Then the label of the "indirectTaxId" field is <label>
+
+    Examples:
+      | country     | taxType       | label               |
+      | New Zealand | GST           | GST Number          |
+      | Malaysia    | SST           | SST Number          |
+      | Japan       | CT            | CT Number           |
+      | Italy       | VAT           | VAT Number          |
+      | Uganda      | Not specified | Indirect Tax Number |
+
+  @minutia @ui
+  Scenario Outline: Canada special cases
+    Given the radio option "registered" is selelected
+    And the "indirectCountryCode" field has "Canada" selected
+    Then the "province" field is displayed
+    When the "province" field has value <province>
+    Then the "indirectTaxId" field is shown and has label <label>
+    And <additionalFields> are shown
+
+    Examples:
+      | province               | label      | additionalFields |
+      | Alberta                | GST Number | n/a              |
+      | British Columbia       | HST Number | n/a              |
+      | Manitoba               | HST Number | n/a              |
+      | New Brunswick          | HST Number | n/a              |
+      | Newfoundland           | HST Number | n/a              |
+      | North West Territories | HST Number | n/a              |
+      | Nova Scotia            | HST Number | n/a              |
+      | Nunavut                | HST Number | n/a              |
+      | Ontario                | HST Number | n/a              |
+      | Prince Edward Island   | HST Number | n/a              |
+      | Quebec                 | GST Number | registeredForQST |
+      | Saskatchewan           | HST Number | n/a              |
+      | Yukon                  | GST Number | n/a              |
 
   @minutia @ui
-  Scenario: QST Number input appears if the province is Quebec
-    Given the participant selects "Canada" as their country in step 1
-    And they Quebec select as their province
-    Then a "GST Number" input will appear
-    And a checkbox with "I am registered for QST Tax" will appear
-    And if the participant checks the box
-    Then a "QST Number" input will appear
+  Scenario: Selecting the "registeredForQST" checkbox shows QST Number input
+    Given the radio option "registered" is selelected
+    And the "indirectCountryCode" field has "Canada" selected
+    And the "province" field has value "Quebec"
+    Then the "registeredForQST" checkbox with label "I am registered for QST Tax" will appear
+    When the "registeredForQST" checkbox is selected
+    Then the "qstNumber" field is selected
+    And the "qstNumber" field has label "QST Number"
 
   @minutia @ui
   Scenario Outline: Participant selects other country that has tax handling in step 1
@@ -110,30 +154,32 @@ Feature: Indirect Tax Form
     And based on the <typeTax>
     Then <typeTaxInputHeader> changes
 
-    Examples: 
+    Examples:
       | country        | typeTax | typeTaxInputHeader |
       | United Kingdom | VAT     | VAT Number         |
       | Australia      | GST     | GST Number         |
       | Japan          | CT      | CT Number          |
 
+  ###############################################################
+
   @minutia
-  Scenario: Participant selects Spain as their country
-    Given the participant selects Spain as their country in step 1
-    Then a VAT Number input, <subRegion> select, and <isRegisteredForIncomeTax> checkbox appear
-    And if the participant <isRegisteredForIncomeTax
-    Then an Income Tax input appears
-
-    Examples: 
-      | subRegions | isRegisteredIncomeTax |
-      | Madrid     | true                  |
-      | Barcelona  | false                 |
-      | Valencia   | true                  |
+  Scenario Outline: Spain special case
+    Given "impactCountryCode" has value "Spain"
+    Then the field <field> is displayed
+    And the field <field> has label <label>
+
+    Examples:
+      | field                  | label                                                                                                                      |
+      | withholdingRegion      | Sub Region                                                                                                                 |
+      | vatNumber              | VAT Number                                                                                                                 |
+      | withholdingTaxCheckbox | I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me. |
 
   @minutia
-  Scenario: Participant selects other country that is ineligible for indirect tax
-    Given they select a country ineligible for indirect tax in step 1
-    Then "I am not registered for Indirect Tax" is auto-selected
-    And no inputs appear
+  Scenario: Withholding tax number field
+    Given "impactCountryCode" has value "Spain"
+    When the "withholdTaxCheckbox" checkbox is set to true
+    Then the "withholdingTaxId" field is displayed
+    And the "withholdingTaxId" field has label "Income Tax Number"
 
   @minutia @ui
   Scenario: Country/Region of Indirect Tax select is searchable
@@ -144,20 +190,32 @@ Feature: Indirect Tax Form
 
   @minutia
   Scenario: Participant is registered for indirect tax fills out and submits form
-    Given they are registered for indirect tax
-    And they fill out the form
+    Given they fill out the form
     And press "Continue"
+    Then the save request is sent
+    When the request is unsuccessful due to an error
+    Then an error banner is displayed
+    And they are not sent to Step 3
+
+  @minutia
+  Scenario: Participant is registered for indirect tax fills out and submits form
+    Given they fill out the form correctly
+    And press "Continue"
+    Then the save request is sent
+    When the request is successful
     Then their indirect tax details are saved
+    And they are sent to Step 3
 
   @minutia @ui
   Scenario: Participant fills out the Indirect Tax Form with invalid or empty values
-    When they fill out the form with invalid or empty for the following fields:
+    Given the form has invalid or empty for the following fields:
       | Country               | <country             |
       | Province              | <province>           |
       | Sub-region            | <subRegion>          |
       | Indirect Tax Number   | <indirectTaxNumber>  |
       | QST Number            | <qstNumber>          |
       | Sub-Region Tax Number | <subRegionTaxNumber> |
+    When the "Continue" button is clicked
     Then the form displays the respective errors for each field:
       | <country>           | Country is required                 |
       | <province>          | Province is required                |
@@ -165,15 +223,7 @@ Feature: Indirect Tax Form
       | <indirectTaxNumber> | "VAT/HST/GST/CT Number is required" |
       | <qstNumber>         | "QST Number is required"            |
       | <subRegionTaxNumber | "Income Tax Number is required      |
-
-  @minutia
-  Scenario: Participant goes back to step 1
-    When they press the Back button
-    Then the they are sent back to step 1
-    And they arrive at the step 1 form with their details persisted
-    When they press "Continue" on step 1
-    Then they arrive on step 2
-    And the information they filled on step 2 is persisted
+    And no request is sent to the backend
 
   @unknown @minutia
   Scenario Outline: Participant from another country can change the auto selected country
@@ -181,15 +231,16 @@ Feature: Indirect Tax Form
     And they change the Country to <newCountrySelectValue>
     Then the Country <countryAutoSelectValue> changes to the <newCountrySelectValue>
 
-    Examples: 
+    Examples:
       | country | countryAutoSelectValue | newCountrySelectValue |
       | US      | United States          | Australia             |
       | UK      | United Kingdom         | Egypt                 |
 
-  @minutia
-  Scenario: Indirect tax fields are disabled if the user has existing publisher information
-    Given a user with a existing publisher information
-    Then all fields in the indirect tax form are disabled
-    When they click "Continue"
-    Then createImpactConnection mutation is called
-    And the body contains the pre-existing publisher information
+# Not sure about including since this state is avoided in the implementation
+# @minutia
+# Scenario: Indirect tax fields are disabled if the user has existing publisher information
+#   Given a user with a existing publisher information
+#   Then all fields in the indirect tax form are disabled
+#   When they click "Continue"
+#   Then createImpactConnection mutation is called
+#   And the body contains the pre-existing publisher information
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
index e36327e666..6ae37056c1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
@@ -2,113 +2,72 @@
 Feature: Tax Form Step One
 
   Background: A user is prompted to enter their personal and initial tax information
-    Given a user is on Tax Form Step One
+    Given a user on the User Information form
 
-  @minutia
-  Scenario: The Participant is a partner and form fields are disabled
-    When they are on the form
-    And they are already a partner
-    Then the firstName, lastName, email, country, and currency fields cannot be changed
-    And the fields are disabled
+  @motivating
+  Scenario Outline: Form fields
+    Given a user on the User Information form
+    Then they see the text "Step 1 of 4"
+    And they see the title "Personal Information"
+    And they are shown a number of fields
+    And each field has label <label>
+    And is input type <inputType>
+    And they see a "Continue" button
 
-  @minutia
-  Scenario: The Participant is a user but not a parter and form fields are disabled
-    When they are on the form
-    And they are already a user but not a partner
-    Then the firstName, lastName, cannot be changed
-    And the fields are disabled
+    Examples:
+      | label                      | inputType |
+      | First name                 | text      |
+      | Last name                  | text      |
+      | Email                      | text      |
+      | Country                    | select    |
+      | Currency                   | select    |
+      | Tax and banking collection | checkbox  |
 
-  @minutia
+  @motivating
+  Scenario: The Participant is an Impact partner and form fields are disabled
+    Given they have the following Impact user fields
+      | firstName |
+      | lastName  |
+      | email     |
+    And they have the following Impact publisher fields
+      | countryCode |
+      | currency    |
+    Then the firstName, lastName, email, countryCode, and currency fields cannot be changed
+    And the corresponding input fields have been autofilled with the Impact values
+    And the corresponding input fields are disabled
+
+  @motivating
+  Scenario: The Participant is an Impact user but not an Impact parter and form fields are disabled
+    Given they have the following Impact user fields
+      | firstName |
+      | lastName  |
+      | email     |
+    But no publisher information
+    Then the firstName, lastName, and email cannot be changed
+    And the corresponding input fields have been autofilled with the Impact values
+    And the corresponding input fields are disabled
+    But all other fields are enabled
+
+  @motivating
+  Scenario: Email field is disabled for a fresh user
+    Given they have no Impact user information
+    And they have no Impact publisher information
+    But they have the following fields saved on their participant
+      | firstName   |
+      | lastName    |
+      | email       |
+      | countryCode |
+      | currency    |
+    Then the user's email cannot be changed
+    And the corresponding input fields are autofilled with the participant values
+    And the email field is disabled
+    But all other fields are enabled
+
+  @motivating
   Scenario: A user is filling out the form and selects their country
     When they open the country dropdown
-    Then the available countries are provided:
-      | country        |
-      | UNITED STATES  |
-      | UK             |
-      | AUSTRALIA      |
-      | NEWZEALAND     |
-      | CANADA         |
-      | AUSTRIA        |
-      | BELGIUM        |
-      | BULGARIA       |
-      | CROATIA        |
-      | CYPRUS         |
-      | CZECHREPUBLIC  |
-      | DENMARK        |
-      | ESTONIA        |
-      | FINLAND        |
-      | FRANCE         |
-      | GERMANY        |
-      | GREECE         |
-      | HUNGARY        |
-      | IRELAND        |
-      | ITALY          |
-      | LATVIA         |
-      | LITHUANIA      |
-      | LUXEMBOURG     |
-      | MALTA          |
-      | NETHERLANDS    |
-      | POLAND         |
-      | PORTUGAL       |
-      | ROMANIA        |
-      | SLOVAKIA       |
-      | SLOVENIA       |
-      | SPAIN          |
-      | SWEDEN         |
-      | ICELAND        |
-      | INDIA          |
-      | ISRAEL         |
-      | JAPAN          |
-      | MEXICO         |
-      | NORWAY         |
-      | SINGAPORE      |
-      | SOUTHAFRICA    |
-      | SOUTHKOREA     |
-      | SWITZERLAND    |
-      | TAIWAN         |
-      | THAILAND       |
-      | PHILIPPINES    |
-      | MALAYSIA       |
-      | UAE            |
-      | TURKEY         |
-      | RUSSIA         |
-      | CANARY_ISLANDS |
-
-  @minutia
-  Scenario: A user is filling out the form and selects their currency
-    When they open the currency dropdown
-    Then the available currencies are provided:
-      | currencies |
-      | GBP        |
-      | AUD        |
-      | NZD        |
-      | CAD        |
-      | EUR        |
-      | BGN        |
-      | HRK        |
-      | CZK        |
-      | DKK        |
-      | HUF        |
-      | PLN        |
-      | RON        |
-      | SEK        |
-      | ISK        |
-      | INR        |
-      | ILS        |
-      | JPY        |
-      | MXN        |
-      | NOK        |
-      | SGD        |
-      | ZAR        |
-      | KRW        |
-      | CHF        |
-      | TWD        |
-      | THB        |
-      | PHP        |
-      | MYR        |
-      | AED        |
-      | TRY        |
-      | RUB        |
+    Then they see a list of country names
+    And the countries are only those in which Impact supports cash payouts
 
   @minutia
   Scenario: Country select is searchable
@@ -117,6 +76,23 @@ Feature: Tax Form Step One
     And as they type in the searchbar
     Then the available countries get filtered out based on their search
 
+  @minutia
+  Scenario: Country field defaults to US
+    Given a user with no saved countryCode
+    When they load the form
+    Then the "Country" input defaults to "US"
+
+  @motivating
+  Scenario: A user is filling out the form and selects their currency
+    Given a user with countryCode <countryCode>
+    When they open the currency dropdown
+    Then only currencies supported in that country are shown
+    But the following currencies are always shown
+      | USD |
+      | AUD |
+      | EUR |
+      | GBP |
+
   @minutia
   Scenario: Currency select is searchable
     When they press the Currency select
@@ -125,18 +101,18 @@ Feature: Tax Form Step One
     Then the available currencies get filtered out based on their search
 
   @minutia
-  Scenario: Non-partner participant comes back to step 1 form after filling out and submitting
-    Given they are not a partner
-    When they have finished filling out the form
+  Scenario: Non-partner user comes back to step 1 form after filling out and submitting
+    Given a non-partner user
+    When they have finished filling out all enabled fields
     And press "Continue"
     But on step 2 they press the "Back" button
     And arrive back on step 1
     Then the data they inputted persists
-    And the step 1 fields can be edited
+    And the step 1 fields can still be edited
 
   @minutia
   Scenario: Participant that is a partner comes back to step 1 form after submitting
-    Given they are a partner
+    Given a user that is an Impact partner
     When they press "Continue"
     But on step 2 they press the "Back" button
     And arrive back on step 1
@@ -144,21 +120,30 @@ Feature: Tax Form Step One
 
   @minutia @ui
   Scenario Outline: A user fills out Tax Form Step One with invalid values
-    When they fill out the form with invalid values for the following fields:
+    Given invalid values for the following fields:
       | First Name                 | <firstName>              |
       | Last Name                  | <lastName>               |
       | Country Code               | <countryCode>            |
       | Currency                   | <currency>               |
       | Tax and Banking Collection | <allowBankingCollection> |
+    And they click "Continue"
     Then the form displays the respective errors for each field:
       | <firstName>              | Enter a first name     |
       | <lastName>               | Enter a last name      |
       | <countryCode>            | Select a country       |
       | <currency>               | Select a currency      |
       | <allowBankingCollection> | This field is required |
+    And they are not sent to the next step
 
   @minutia @ui
   Scenario: User Info Form is loading
     When the form is loading
-    Then the form is not visible
-    And a loading spinner appears
+    Then all inputs are disabled
+    And the "Continue" button is disabled
+
+  @minutia
+  Scenario: Selecting a country clears the currency value
+    Given the "Currency" field has a value selected
+    And the "Country" field has a value selected
+    When the "Country" field is changed
+    Then the "Currency" field has nothing selected
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index a9ffa1bb95..1587ce5384 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -151,7 +151,6 @@ export function useUserInfoForm(props: TaxForm) {
 
     formControls?.forEach((control) => {
       if (!control.name) return;
-      console.log({ control });
 
       const key = control.name;
       const value = control.value;
@@ -179,8 +178,6 @@ export function useUserInfoForm(props: TaxForm) {
 
     const { allowBankingCollection, ...userData } = formData;
 
-    console.log({ userData });
-
     setUserFormContext({
       ...userFormContext,
       countryCode: userData.countryCode,
@@ -211,7 +208,7 @@ export function useUserInfoForm(props: TaxForm) {
     },
     states: {
       hideSteps: context.hideSteps,
-      disabled: false,
+      disabled: loading,
       loading: loading,
       isPartner: !!data?.user?.impactConnection?.publisher,
       isUser: !!data?.user?.impactConnection?.user,

From 7f7f2fcc8d1b6596cf901ef2afd7826d9139745a Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 5 Mar 2024 15:20:26 -0800
Subject: [PATCH 411/753] Added maxwidths and removed css limiting input widts
 in banking form

---
 .../sqm-banking-info-form-view.tsx            | 44 +++++++++++--------
 .../sqm-indirect-tax-form-view.tsx            | 31 +++++++------
 2 files changed, 44 insertions(+), 31 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 5f8257d722..faba5f6ef4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -98,11 +98,10 @@ const style = {
     flexDirection: "column",
   },
   CheckboxContainer: {
-    display: "flex",
     alignItems: "flex-start",
     justifyContent: "flex-start",
-    flexDirection: "column",
     gap: "var(--sl-spacing-xx-small)",
+    maxWidth: "650px",
   },
   TitleContainer: {
     display: "flex",
@@ -150,6 +149,10 @@ const style = {
       color: "var(--sl-color-danger-500)",
     },
   },
+  RadioContainer: {
+    display: "flex",
+    flexDirection: "column",
+  },
   PartnerAlertContainer: {
     "&::part(base)": {
       backgroundColor: "var(--sl-color-sky-100)",
@@ -160,6 +163,9 @@ const style = {
       color: "var(--sl-color-blue-500)",
     },
   },
+  CannotChangeAlertContainer: {
+    maxWidth: "680px",
+  },
   Checkbox: {
     "&::part(control)": {
       borderRadius: "50% !important",
@@ -176,11 +182,11 @@ const style = {
     gap: "16px",
 
     "& sl-input::part(base)": {
-      maxWidth: "320px",
+      maxWidth: "450px",
     },
 
     "& sl-select::part(base)": {
-      maxWidth: "320px",
+      maxWidth: "450px",
     },
   },
   CheckboxSkeleton: {
@@ -362,19 +368,21 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
             {text.isPartnerAlertDescription}
           </sl-alert>
         )}
-        <sl-alert
-          exportparts="base: alert-base, icon:alert-icon"
-          type="primary"
-          open
-          class={classes.InfoAlert}
-        >
-          <sl-icon
-            class={classes.InfoWarningIcon}
-            slot="icon"
-            name="exclamation-triangle"
-          ></sl-icon>
-          {text.cannotChangeInfoAlert}
-        </sl-alert>
+        <div class={classes.CannotChangeAlertContainer}>
+          <sl-alert
+            exportparts="base: alert-base, icon:alert-icon"
+            type="primary"
+            open
+            class={classes.InfoAlert}
+          >
+            <sl-icon
+              class={classes.InfoWarningIcon}
+              slot="icon"
+              name="exclamation-triangle"
+            ></sl-icon>
+            {text.cannotChangeInfoAlert}
+          </sl-alert>
+        </div>
         <div>
           <h4>{text.paymentMethod}</h4>
           <p class={classes.DescriptionText}>{text.paymentMethodSubtext}</p>
@@ -385,7 +393,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
           {states.loading && formState.paymentMethodChecked === undefined ? (
             getLoadingSkeleton(undefined)
           ) : (
-            <div style={{ display: "flex", flexDirection: "column" }}>
+            <div class={classes.RadioContainer}>
               {states.hasPayPal && (
                 <sl-radio
                   class={classes.Checkbox}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 0f3bd7ac92..960524ebff 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -118,6 +118,9 @@ const style = {
       color: "var(--sl-color-danger-500)",
     },
   },
+  CannotChangeAlertContainer: {
+    maxWidth: "797px",
+  },
   PartnerAlertContainer: {
     "&::part(base)": {
       backgroundColor: "var(--sl-color-sky-100)",
@@ -271,19 +274,21 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
               {slots.registeredInDifferentCountryDetailsSlot}
             </div>
           </div>
-          <sl-alert
-            exportparts="base: alert-base, icon:alert-icon"
-            type="primary"
-            open
-            class={classes.InfoAlert}
-          >
-            <sl-icon
-              class={classes.InfoWarningIcon}
-              slot="icon"
-              name="exclamation-triangle"
-            ></sl-icon>
-            {text.cannotChangeInfoAlert}
-          </sl-alert>
+          <div class={classes.CannotChangeAlertContainer}>
+            <sl-alert
+              exportparts="base: alert-base, icon:alert-icon"
+              type="primary"
+              open
+              class={classes.InfoAlert}
+            >
+              <sl-icon
+                class={classes.InfoWarningIcon}
+                slot="icon"
+                name="exclamation-triangle"
+              ></sl-icon>
+              {text.cannotChangeInfoAlert}
+            </sl-alert>
+          </div>
           <div class={classes.BtnContainer}>
             <sl-button
               type="primary"

From d65e9dc1741c6036649095b636e6823947949e59 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 5 Mar 2024 15:24:47 -0800
Subject: [PATCH 412/753] Adjusted maxwidths in banking form

---
 .../sqm-banking-info-form/sqm-banking-info-form-view.tsx      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index faba5f6ef4..98dcee24c5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -101,7 +101,7 @@ const style = {
     alignItems: "flex-start",
     justifyContent: "flex-start",
     gap: "var(--sl-spacing-xx-small)",
-    maxWidth: "650px",
+    maxWidth: "797px",
   },
   TitleContainer: {
     display: "flex",
@@ -164,7 +164,7 @@ const style = {
     },
   },
   CannotChangeAlertContainer: {
-    maxWidth: "680px",
+    maxWidth: "797px",
   },
   Checkbox: {
     "&::part(control)": {

From f7bd78880c408d306e571cc5846ff465c87b0df3 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 5 Mar 2024 15:40:29 -0800
Subject: [PATCH 413/753] Adjusted header form gaps to match design

---
 .../sqm-banking-info-form/sqm-banking-info-form-view.tsx        | 2 +-
 .../tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx   | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 98dcee24c5..137a4a4a02 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -114,7 +114,7 @@ const style = {
     display: "flex",
     justifyContent: "flex-start",
     flexDirection: "column",
-    gap: "24px",
+    gap: "var(--sl-spacing-medium)",
     paddingBottom: "16px",
   },
   BtnContainer: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 03a5e36a82..79698cf8e9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -83,7 +83,6 @@ const style = {
     justifyContent: "flex-start",
     flexDirection: "column",
     gap: "24px",
-    paddingBottom: "16px",
   },
   BtnContainer: {
     paddingTop: "36px",

From ab0d00ffd438733490f0982c00aec6ea2e55c6cd Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 5 Mar 2024 16:00:28 -0800
Subject: [PATCH 414/753] add comments

---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 39 +++++++++++--------
 1 file changed, 23 insertions(+), 16 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 72e4001f8c..ce7d108dc8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -22,9 +22,9 @@ import LoadingView from "./LoadingView";
 export class TaxAndCashMonolith {
   // !: Make sure to also change the prop names in the respective component
 
-  /**
-   * * USER INFO FORM PROPS:
-   **/
+  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                    STEP 1 PROPS:
+   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 
   /**
    * Label text for first name input
@@ -87,9 +87,11 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_submitButton: string = "Continue";
-  /**
-   * * STEP 2 PROPS:
-   */
+
+  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                    STEP 2 PROPS:
+   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+
   /**
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Indirect tax form step text
@@ -226,9 +228,10 @@ export class TaxAndCashMonolith {
    */
   @Prop() step2_indirectTaxNumberError: string =
     "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required";
-  /**
-   * * STEP 3 PROPS:
-   */
+
+  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                    STEP 3 PROPS:
+   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
   /**
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Tax form step text
@@ -353,9 +356,10 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 3 Properties
    */
   @Prop() step3_formSubmissionError: string = "This field is required";
-  /**
-   * STEP 4 PAYOUT INFORMATION FORM
-   */
+
+  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                    STEP 4 PROPS:
+   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
   /**
    * Subtext shown at the top of the page, used to show the current step of the tax form.
    * @uiName Form step text
@@ -589,9 +593,10 @@ export class TaxAndCashMonolith {
    */
   @Prop() step4_cannotChangeInfoAlert: string =
     "Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting.";
-  /**
-   * * DASHBOARD DOCUMENT SUBMITTED VIEW STEP
-   */
+
+  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                    DASHBOARD PROPS:
+   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
   /**
    * Status text displayed in badge when tax document is Active
    *
@@ -797,7 +802,9 @@ export class TaxAndCashMonolith {
   @Prop() dashboard_subRegionTaxNumber: string =
     "Income Tax Number: {incomeTaxNumber}";
 
-  /*----GENERAL PROPS------- */
+  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+                    GENERAL PROPS:
+   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
   /**
    * The title for error message shown at the top of the page in an error banner
    *

From 7bec78f9709db75c7e846a6aa2a49beb8bba6c62 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 5 Mar 2024 16:08:37 -0800
Subject: [PATCH 415/753] added step 4 group

---
 packages/mint-components/src/components.d.ts  | 82 +++++++++++++++++++
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 43 +++++++++-
 2 files changed, 124 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 355d3327ef..1453fd420c 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -4153,206 +4153,247 @@ export namespace Components {
         /**
           * Label text for the agency code input field
           * @uiName Agency code input label
+          * @uiGroup Step 4 Properties
          */
         "step4_agencyCodeLabel": string;
         /**
           * Label text for the bank account number input field
           * @uiName Bank account number input label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankAccountNumberLabel": string;
         /**
           * Label text for the bank account type input field
           * @uiName Bank account type input label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankAccountTypeLabel": string;
         /**
           * Label text for the Bank Address input
           * @uiName Bank Address input item label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankAddressLabel": string;
         /**
           * Label text for the Bank City input
           * @uiName Bank City Label input label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankCityLabel": string;
         /**
           * Label text for the bank country location input field
           * @uiName Bank country location input label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankLocationLabel": string;
         /**
           * Label text for the bank name input field
           * @uiName Bank name input label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankNameLabel": string;
         /**
           * Label text for the Bank Postal Code
           * @uiName Bank Postal Code input label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankPostalCodeLabel": string;
         /**
           * Label text for the Bank Province / State input
           * @uiName Bank Province / State input label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankStateLabel": string;
         /**
           * Label text for the beneficiary account name input field
           * @uiName Beneficiary account name input label
+          * @uiGroup Step 4 Properties
          */
         "step4_beneficiaryAccountNameLabel": string;
         /**
           * Label text for the branch code input field
           * @uiName Branch code input label
+          * @uiGroup Step 4 Properties
          */
         "step4_branchCodeLabel": string;
         /**
           * Label text for the business select item
           * @uiName Business select item label
+          * @uiGroup Step 4 Properties
          */
         "step4_businessSelectItemLabel": string;
         /**
           * Alert text indicating participant cannot change info after it has been submitted
           * @uiName Cannot change info Alert text
+          * @uiGroup Step 4 Properties
          */
         "step4_cannotChangeInfoAlert": string;
         /**
           * Label text for the checking account type select item
           * @uiName Checking select item label
+          * @uiGroup Step 4 Properties
          */
         "step4_checkingSelectItemLabel": string;
         /**
           * Label text for the classification CPF input field
           * @uiName Classification CPF input label
+          * @uiGroup Step 4 Properties
          */
         "step4_classificationCPFLabel": string;
         /**
           * Label text for the classification entity input field
           * @uiName Classification entity input label
+          * @uiGroup Step 4 Properties
          */
         "step4_classificationEntityLabel": string;
         /**
           * Label text for the classification input field
           * @uiName Classification input label
+          * @uiGroup Step 4 Properties
          */
         "step4_classificationLabel": string;
         /**
           * Text for the option to receive payments directly to a bank account
           * @uiName Directly to bank account option text
+          * @uiGroup Step 4 Properties
          */
         "step4_directlyToBankAccount": string;
         /**
           * Label text for the foreign select item
           * @uiName Foreign select item label
+          * @uiGroup Step 4 Properties
          */
         "step4_foreignSelectItemLabel": string;
         /**
           * Subtext shown at the top of the page, used to show the current step of the tax form.
           * @uiName Form step text
+          * @uiGroup Step 4 Properties
          */
         "step4_formStep": string;
         /**
           * Label text for the IBAN input field
           * @uiName IBAN input label
+          * @uiGroup Step 4 Properties
          */
         "step4_ibanLabel": string;
         /**
           * Label text for the individual select item
           * @uiName Individual select item label
+          * @uiGroup Step 4 Properties
          */
         "step4_individualSelectItemLabel": string;
         /**
           * Label text for the patronymic name input field
           * @uiName Patronymic name input label
+          * @uiGroup Step 4 Properties
          */
         "step4_patronymicNameLabel": string;
         /**
           * Label text for the PayPal email input field
           * @uiName PayPal email input label
+          * @uiGroup Step 4 Properties
          */
         "step4_payPalInputLabel": string;
         /**
           * Label text for the payment day select option for the fifteenth of the month
           * @uiName Fifteenth of month label text
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentDayFifteenthOfMonthLabelText": string;
         /**
           * Label text for the payment day select option for the first of the month
           * @uiName First of month label text
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentDayFirstOfMonthLabelText": string;
         /**
           * Label text for the payment day select
           * @uiName Payment day select label
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentDaySelectLabel": string;
         /**
           * Heading text for the payment method section
           * @uiName Payment method heading text
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentMethod": string;
         /**
           * Subtext for the payment method section
           * @uiName Payment method subtext
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentMethodSubtext": string;
         /**
           * Heading text for the payment schedule section
           * @uiName Payment schedule heading text
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentSchedule": string;
         /**
           * Text for the option to receive payments at a specific balance threshold
           * @uiName Payment schedule balance threshold text
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentScheduleBalanceThreshold": string;
         /**
           * Text for the option to receive payments on a specific day of the month
           * @uiName Payment schedule fixed day text
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentScheduleFixedDay": string;
         /**
           * Label text for the payment day select
           * @uiName Payment day select label
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentThresholdSelectLabel": string;
         /**
           * Label text for the routing code input field
           * @uiName Routing code input label
+          * @uiGroup Step 4 Properties
          */
         "step4_routingCodeLabel": string;
         /**
           * Label text for the savings account type select item
           * @uiName Savings select item label
+          * @uiGroup Step 4 Properties
          */
         "step4_savingsSelectItemLabel": string;
         /**
           * Label text for the SWIFT code input field
           * @uiName SWIFT code input label
+          * @uiGroup Step 4 Properties
          */
         "step4_swiftCodeLabel": string;
         /**
           * Heading text shown at the top of the page
           * @uiName Tax and Payouts heading text
+          * @uiGroup Step 4 Properties
          */
         "step4_taxAndPayouts": string;
         /**
           * Text shown at the top of the page next to the tax and payouts label text
           * @uiName Tax and Payouts label text
+          * @uiGroup Step 4 Properties
          */
         "step4_taxAndPayoutsDescription": string;
         /**
           * Label text for the Taxpayer ID input field
           * @uiName Taxpayer ID input label
+          * @uiGroup Step 4 Properties
          */
         "step4_taxPayerIdLabel": string;
         /**
           * Text for the option to receive payments to a PayPal account with processing fee details
           * @uiName PayPal option text with processing fee placeholder
+          * @uiGroup Step 4 Properties
          */
         "step4_toPayPalAccount": string;
         /**
           * Label text for the VO code input field
           * @uiName VO code input label
+          * @uiGroup Step 4 Properties
          */
         "step4_voCodeLabel": string;
         /**
@@ -9511,206 +9552,247 @@ declare namespace LocalJSX {
         /**
           * Label text for the agency code input field
           * @uiName Agency code input label
+          * @uiGroup Step 4 Properties
          */
         "step4_agencyCodeLabel"?: string;
         /**
           * Label text for the bank account number input field
           * @uiName Bank account number input label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankAccountNumberLabel"?: string;
         /**
           * Label text for the bank account type input field
           * @uiName Bank account type input label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankAccountTypeLabel"?: string;
         /**
           * Label text for the Bank Address input
           * @uiName Bank Address input item label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankAddressLabel"?: string;
         /**
           * Label text for the Bank City input
           * @uiName Bank City Label input label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankCityLabel"?: string;
         /**
           * Label text for the bank country location input field
           * @uiName Bank country location input label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankLocationLabel"?: string;
         /**
           * Label text for the bank name input field
           * @uiName Bank name input label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankNameLabel"?: string;
         /**
           * Label text for the Bank Postal Code
           * @uiName Bank Postal Code input label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankPostalCodeLabel"?: string;
         /**
           * Label text for the Bank Province / State input
           * @uiName Bank Province / State input label
+          * @uiGroup Step 4 Properties
          */
         "step4_bankStateLabel"?: string;
         /**
           * Label text for the beneficiary account name input field
           * @uiName Beneficiary account name input label
+          * @uiGroup Step 4 Properties
          */
         "step4_beneficiaryAccountNameLabel"?: string;
         /**
           * Label text for the branch code input field
           * @uiName Branch code input label
+          * @uiGroup Step 4 Properties
          */
         "step4_branchCodeLabel"?: string;
         /**
           * Label text for the business select item
           * @uiName Business select item label
+          * @uiGroup Step 4 Properties
          */
         "step4_businessSelectItemLabel"?: string;
         /**
           * Alert text indicating participant cannot change info after it has been submitted
           * @uiName Cannot change info Alert text
+          * @uiGroup Step 4 Properties
          */
         "step4_cannotChangeInfoAlert"?: string;
         /**
           * Label text for the checking account type select item
           * @uiName Checking select item label
+          * @uiGroup Step 4 Properties
          */
         "step4_checkingSelectItemLabel"?: string;
         /**
           * Label text for the classification CPF input field
           * @uiName Classification CPF input label
+          * @uiGroup Step 4 Properties
          */
         "step4_classificationCPFLabel"?: string;
         /**
           * Label text for the classification entity input field
           * @uiName Classification entity input label
+          * @uiGroup Step 4 Properties
          */
         "step4_classificationEntityLabel"?: string;
         /**
           * Label text for the classification input field
           * @uiName Classification input label
+          * @uiGroup Step 4 Properties
          */
         "step4_classificationLabel"?: string;
         /**
           * Text for the option to receive payments directly to a bank account
           * @uiName Directly to bank account option text
+          * @uiGroup Step 4 Properties
          */
         "step4_directlyToBankAccount"?: string;
         /**
           * Label text for the foreign select item
           * @uiName Foreign select item label
+          * @uiGroup Step 4 Properties
          */
         "step4_foreignSelectItemLabel"?: string;
         /**
           * Subtext shown at the top of the page, used to show the current step of the tax form.
           * @uiName Form step text
+          * @uiGroup Step 4 Properties
          */
         "step4_formStep"?: string;
         /**
           * Label text for the IBAN input field
           * @uiName IBAN input label
+          * @uiGroup Step 4 Properties
          */
         "step4_ibanLabel"?: string;
         /**
           * Label text for the individual select item
           * @uiName Individual select item label
+          * @uiGroup Step 4 Properties
          */
         "step4_individualSelectItemLabel"?: string;
         /**
           * Label text for the patronymic name input field
           * @uiName Patronymic name input label
+          * @uiGroup Step 4 Properties
          */
         "step4_patronymicNameLabel"?: string;
         /**
           * Label text for the PayPal email input field
           * @uiName PayPal email input label
+          * @uiGroup Step 4 Properties
          */
         "step4_payPalInputLabel"?: string;
         /**
           * Label text for the payment day select option for the fifteenth of the month
           * @uiName Fifteenth of month label text
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentDayFifteenthOfMonthLabelText"?: string;
         /**
           * Label text for the payment day select option for the first of the month
           * @uiName First of month label text
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentDayFirstOfMonthLabelText"?: string;
         /**
           * Label text for the payment day select
           * @uiName Payment day select label
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentDaySelectLabel"?: string;
         /**
           * Heading text for the payment method section
           * @uiName Payment method heading text
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentMethod"?: string;
         /**
           * Subtext for the payment method section
           * @uiName Payment method subtext
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentMethodSubtext"?: string;
         /**
           * Heading text for the payment schedule section
           * @uiName Payment schedule heading text
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentSchedule"?: string;
         /**
           * Text for the option to receive payments at a specific balance threshold
           * @uiName Payment schedule balance threshold text
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentScheduleBalanceThreshold"?: string;
         /**
           * Text for the option to receive payments on a specific day of the month
           * @uiName Payment schedule fixed day text
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentScheduleFixedDay"?: string;
         /**
           * Label text for the payment day select
           * @uiName Payment day select label
+          * @uiGroup Step 4 Properties
          */
         "step4_paymentThresholdSelectLabel"?: string;
         /**
           * Label text for the routing code input field
           * @uiName Routing code input label
+          * @uiGroup Step 4 Properties
          */
         "step4_routingCodeLabel"?: string;
         /**
           * Label text for the savings account type select item
           * @uiName Savings select item label
+          * @uiGroup Step 4 Properties
          */
         "step4_savingsSelectItemLabel"?: string;
         /**
           * Label text for the SWIFT code input field
           * @uiName SWIFT code input label
+          * @uiGroup Step 4 Properties
          */
         "step4_swiftCodeLabel"?: string;
         /**
           * Heading text shown at the top of the page
           * @uiName Tax and Payouts heading text
+          * @uiGroup Step 4 Properties
          */
         "step4_taxAndPayouts"?: string;
         /**
           * Text shown at the top of the page next to the tax and payouts label text
           * @uiName Tax and Payouts label text
+          * @uiGroup Step 4 Properties
          */
         "step4_taxAndPayoutsDescription"?: string;
         /**
           * Label text for the Taxpayer ID input field
           * @uiName Taxpayer ID input label
+          * @uiGroup Step 4 Properties
          */
         "step4_taxPayerIdLabel"?: string;
         /**
           * Text for the option to receive payments to a PayPal account with processing fee details
           * @uiName PayPal option text with processing fee placeholder
+          * @uiGroup Step 4 Properties
          */
         "step4_toPayPalAccount"?: string;
         /**
           * Label text for the VO code input field
           * @uiName VO code input label
+          * @uiGroup Step 4 Properties
          */
         "step4_voCodeLabel"?: string;
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index ce7d108dc8..4ce86db880 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -363,93 +363,110 @@ export class TaxAndCashMonolith {
   /**
    * Subtext shown at the top of the page, used to show the current step of the tax form.
    * @uiName Form step text
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_formStep: string = "Step 4 of 4";
   /**
    * Heading text shown at the top of the page
    * @uiName Tax and Payouts heading text
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_taxAndPayouts: string = "Tax and Payouts";
   /**
    * Text shown at the top of the page next to the tax and payouts label text
    * @uiName Tax and Payouts label text
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_taxAndPayoutsDescription: string =
     "Submit your tax documents and add your banking information to receive your rewards.";
   /**
    * Text for the option to receive payments directly to a bank account
    * @uiName Directly to bank account option text
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_directlyToBankAccount: string = "Directly to my bank account";
   /**
    * Text for the option to receive payments to a PayPal account with processing fee details
    * @uiName PayPal option text with processing fee placeholder
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_toPayPalAccount: string =
     "PayPal (2% processing fee capped to {feeCap})";
   /**
    * Text for the option to receive payments at a specific balance threshold
    * @uiName Payment schedule balance threshold text
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentScheduleBalanceThreshold: string =
     "Pay me when my balance reaches a threshold";
   /**
    * Text for the option to receive payments on a specific day of the month
    * @uiName Payment schedule fixed day text
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentScheduleFixedDay: string =
     "Pay me on a fixed day of the month";
   /**
    * Label text for the payment day select
    * @uiName Payment day select label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentDaySelectLabel: string = "Payment Day";
 
   /**
    * Label text for the payment day select
    * @uiName Payment day select label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentThresholdSelectLabel: string = "Payment Threshold";
   /**
    * Label text for the payment day select option for the first of the month
    * @uiName First of month label text
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentDayFirstOfMonthLabelText: string = "1st of the month";
   /**
    * Label text for the payment day select option for the fifteenth of the month
    * @uiName Fifteenth of month label text
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentDayFifteenthOfMonthLabelText: string =
     "15th of the month";
   /**
    * Heading text for the payment method section
    * @uiName Payment method heading text
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentMethod: string = "Payment Method";
   /**
    * Heading text for the payment schedule section
    * @uiName Payment schedule heading text
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentSchedule: string = "Payment Schedule";
   /**
    * Subtext for the payment method section
    * @uiName Payment method subtext
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentMethodSubtext: string =
     "Payouts will be sent on the first day of each month from our referral program provider, impact.com.";
   /**
    * Label text for the PayPal email input field
    * @uiName PayPal email input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_payPalInputLabel: string = "PayPal Email";
   /**
    * Label text for the bank country location input field
    * @uiName Bank country location input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankLocationLabel: string = "Bank Country Location";
   /**
    * Label text for the beneficiary account name input field
    * @uiName Beneficiary account name input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_beneficiaryAccountNameLabel: string =
     "Beneficiary Account Name";
@@ -457,139 +474,164 @@ export class TaxAndCashMonolith {
   /**
    * Label text for the bank account type input field
    * @uiName Bank account type input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankAccountTypeLabel: string = "Bank Account Type";
 
   /**
    * Label text for the checking account type select item
    * @uiName Checking select item label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_checkingSelectItemLabel: string = "Checking";
 
   /**
    * Label text for the savings account type select item
    * @uiName Savings select item label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_savingsSelectItemLabel: string = "Savings";
 
   /**
    * Label text for the bank account number input field
    * @uiName Bank account number input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankAccountNumberLabel: string = "Bank Account Number";
+
   /**
    * Label text for the IBAN input field
    * @uiName IBAN input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_ibanLabel: string = "IBAN";
 
   /**
    * Label text for the SWIFT code input field
    * @uiName SWIFT code input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_swiftCodeLabel: string = "SWIFT Code";
 
   /**
    * Label text for the routing code input field
    * @uiName Routing code input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_routingCodeLabel: string = "Routing Code";
 
   /**
    * Label text for the bank name input field
    * @uiName Bank name input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankNameLabel: string = "Bank Name";
 
   /**
    * Label text for the classification entity input field
    * @uiName Classification entity input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_classificationEntityLabel: string = "Classification Entity";
 
   /**
    * Label text for the business select item
    * @uiName Business select item label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_businessSelectItemLabel: string = "Business";
 
   /**
    * Label text for the individual select item
    * @uiName Individual select item label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_individualSelectItemLabel: string = "Individual";
 
   /**
    * Label text for the foreign select item
    * @uiName Foreign select item label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_foreignSelectItemLabel: string = "Foreign";
 
   /**
    * Label text for the classification CPF input field
    * @uiName Classification CPF input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_classificationCPFLabel: string = "Classification CPF";
 
   /**
    * Label text for the patronymic name input field
    * @uiName Patronymic name input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_patronymicNameLabel: string = "Patronymic Name";
 
   /**
    * Label text for the VO code input field
    * @uiName VO code input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_voCodeLabel: string = "VO Code";
 
   /**
    * Label text for the agency code input field
    * @uiName Agency code input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_agencyCodeLabel: string = "Agency Code";
 
   /**
    * Label text for the branch code input field
    * @uiName Branch code input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_branchCodeLabel: string = "Branch Code";
 
   /**
    * Label text for the classification input field
    * @uiName Classification input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_classificationLabel: string = "Classification";
 
   /**
    * Label text for the Taxpayer ID input field
    * @uiName Taxpayer ID input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_taxPayerIdLabel: string = "Taxpayer ID";
 
   /**
    * Label text for the Bank Address input
    * @uiName Bank Address input item label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankAddressLabel: string = "Bank Address";
   /**
    * Label text for the Bank City input
    * @uiName Bank City Label input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankCityLabel: string = "Bank City";
   /**
    * Label text for the Bank Province / State input
    * @uiName Bank Province / State input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankStateLabel: string = "Bank Province / State";
   /**
    * Label text for the Bank Postal Code
    * @uiName  Bank Postal Code input label
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankPostalCodeLabel: string = "Bank Postal Code";
   /**
    * Alert text indicating participant cannot change info after it has been submitted
    * @uiName Cannot change info Alert text
+   * @uiGroup Step 4 Properties
    */
   @Prop() step4_cannotChangeInfoAlert: string =
     "Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting.";
@@ -909,7 +951,6 @@ export class TaxAndCashMonolith {
         );
     }
 
-    // TODO: Loading view
     return <LoadingView />;
   }
 }

From b77edc6dabb3220cb4470d6b240e523f09c361a3 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 5 Mar 2024 16:14:39 -0800
Subject: [PATCH 416/753] Add terms and conditions link to checkbox label

---
 packages/mint-components/src/components.d.ts     |  2 ++
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx        |  8 +++++---
 .../sqm-user-info-form-view.tsx                  | 16 +++++++++++++++-
 .../sqm-user-info-form/sqm-user-info-form.tsx    |  5 +++--
 4 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 1453fd420c..9690ff9360 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -4646,6 +4646,7 @@ export namespace Components {
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
+          * @uiGroup Step 1 Properties
          */
         "allowBankingCollection": string;
         /**
@@ -10044,6 +10045,7 @@ declare namespace LocalJSX {
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
+          * @uiGroup Step 1 Properties
          */
         "allowBankingCollection"?: string;
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 4ce86db880..c3a008bf9c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -20,7 +20,9 @@ import LoadingView from "./LoadingView";
   shadow: true,
 })
 export class TaxAndCashMonolith {
-  // !: Make sure to also change the prop names in the respective component
+  /*---------------------------------------------------------------------------------
+    !IMPORTANT!: Make sure to also change the prop names in the respective component
+  -----------------------------------------------------------------------------------*/
 
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     STEP 1 PROPS:
@@ -62,7 +64,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_allowBankingCollection: string =
-    "I have read the terms and conditions and allow impact.com to collect my tax and banking information";
+    "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";
   /**
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Tax form step text
@@ -80,7 +82,7 @@ export class TaxAndCashMonolith {
    * @uiName Terms and conditions label text
    * @uiGroup Step 1 Properties
    */
-  @Prop() termsAndConditionsLabel: string = "Terms and conditions";
+  @Prop() termsAndConditionsLabel: string = "terms and conditions";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 056adbe94e..d456b1527c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -189,6 +189,20 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
   } = props;
   const { classes } = sheet;
 
+  const bankingCollectionText = intl.formatMessage(
+    {
+      id: "bankingCollectionText",
+      defaultMessage: text.allowBankingCollection,
+    },
+    {
+      termsAndConditionsLink: (
+        <a href="https://example.com/" target="_blank">
+          {text.termsAndConditionsLabel}
+        </a>
+      ),
+    }
+  );
+
   return (
     <sl-form
       class={classes.FormWrapper}
@@ -367,7 +381,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                   id="allowBankingCollection"
                   name="/allowBankingCollection"
                 >
-                  {text.allowBankingCollection}
+                  {bankingCollectionText}
                 </sl-checkbox>
                 {formState.errors?.allowBankingCollection && (
                   <p class={classes.ErrorText}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index d427a5c9ae..ede63fbb66 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -54,9 +54,10 @@ export class TaxForm {
   /**
    * Label text for tax and banking collection checkbox
    * @uiName Tax and banking label
+   * @uiGroup Step 1 Properties
    */
   @Prop() allowBankingCollection: string =
-    "I have read the terms and conditions and allow impact.com to collect my tax and banking information";
+    "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";
   /**
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Tax form step text
@@ -104,7 +105,7 @@ export class TaxForm {
    * Label text for terms and conditions
    * @uiName Terms and conditions label text
    */
-  @Prop() termsAndConditionsLabel: string = "Terms and conditions";
+  @Prop() termsAndConditionsLabel: string = "terms and conditions";
   /**
    * Required error text shown at the bottom of field inputs
    * @uiName Field inputs error text

From 38c37d9245d7e86425d56a8205daab05f0c72e3b Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 5 Mar 2024 16:26:26 -0800
Subject: [PATCH 417/753] Changed radio label fontsize to 14px

---
 .../sqm-banking-info-form-view.tsx                    | 11 +++++++++++
 .../sqm-indirect-tax-form-view.tsx                    |  1 +
 2 files changed, 12 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 137a4a4a02..abeb0d2a8a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -170,6 +170,9 @@ const style = {
     "&::part(control)": {
       borderRadius: "50% !important",
     },
+    "&::part(label)": {
+      fontSize: "var(--sl-font-size-small)",
+    },
   },
   InputContainer: {
     padding: "16px",
@@ -185,9 +188,17 @@ const style = {
       maxWidth: "450px",
     },
 
+    "& sl-input::part(label)": {
+      fontSize: "var(--sl-font-size-small)",
+    },
+
     "& sl-select::part(base)": {
       maxWidth: "450px",
     },
+
+    "& sl-select::part(label)": {
+      fontSize: "var(--sl-font-size-small)",
+    },
   },
   CheckboxSkeleton: {
     width: "16px",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 960524ebff..519f0a045e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -75,6 +75,7 @@ const style = {
     display: "flex",
     flexDirection: "column",
     gap: "var(--sl-spacing-xx-small)",
+    fontSize: "var(--sl-font-size-small)",
   },
   TitleContainer: {
     display: "flex",

From 124d8aac80e36d8df6a6dc9fa1e370a021550db2 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 5 Mar 2024 17:01:46 -0800
Subject: [PATCH 418/753] publish

---
 packages/mint-components/package.json                          | 2 +-
 packages/mint-components/src/components.d.ts                   | 2 ++
 .../src/components/tax-and-cash/sqm-user-info-form/readme.md   | 3 ++-
 .../tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx     | 1 +
 4 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 825ac60231..ef792e8ad4 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-48",
+  "version": "1.8.0-51",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 1453fd420c..8cc8632000 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -4703,6 +4703,7 @@ export namespace Components {
           * @uiName General error title
          */
         "generalErrorTitle": string;
+        "iWasLazy": string;
         /**
           * Alert description text shown in alert if user is already a registered partner
           * @uiName Participant is partner description
@@ -10101,6 +10102,7 @@ declare namespace LocalJSX {
           * @uiName General error title
          */
         "generalErrorTitle"?: string;
+        "iWasLazy"?: string;
         /**
           * Alert description text shown in alert if user is already a registered partner
           * @uiName Participant is partner description
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index 355b777f81..d52042b780 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -18,9 +18,10 @@
 | `email`                     | `email`                        | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Email"`                                                                                                                                                                   |
 | `fieldRequiredError`        | `field-required-error`         | Required error text shown at the bottom of field inputs                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"{fieldName} is required"`                                                                                                                                                 |
 | `firstName`                 | `first-name`                   | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"First name"`                                                                                                                                                              |
-| `formStep`                  | `form-step`                    | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Step {current} of {total}"`                                                                                                                                               |
+| `formStep`                  | `form-step`                    | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Step 1 of 4"`                                                                                                                                                             |
 | `generalErrorDescription`   | `general-error-description`    | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `generalErrorTitle`         | `general-error-title`          | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"There was a problem submitting your information"`                                                                                                                         |
+| `iWasLazy`                  | `i-was-lazy`                   |                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"hello"`                                                                                                                                                                   |
 | `isPartnerAlertDescription` | `is-partner-alert-description` | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"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."` |
 | `isPartnerAlertHeader`      | `is-partner-alert-header`      | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
 | `lastName`                  | `last-name`                    | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Last name"`                                                                                                                                                               |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index d427a5c9ae..cf1d2a8a6b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -185,6 +185,7 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
         loading: false,
         isPartner: false,
         isUser: false,
+        formState: {},
       },
     },
     props.demoData || {},

From af500d4125a1fda45fe5db6f91893781d14936d6 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 5 Mar 2024 17:27:26 -0800
Subject: [PATCH 419/753] Changed fontsize for descriptions in taxandcash
 dashboard

---
 packages/mint-components/src/components.d.ts              | 2 --
 .../sqm-tax-and-cash-dashboard-view.tsx                   | 8 +++++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 1f7940e9b2..9690ff9360 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -4704,7 +4704,6 @@ export namespace Components {
           * @uiName General error title
          */
         "generalErrorTitle": string;
-        "iWasLazy": string;
         /**
           * Alert description text shown in alert if user is already a registered partner
           * @uiName Participant is partner description
@@ -10104,7 +10103,6 @@ declare namespace LocalJSX {
           * @uiName General error title
          */
         "generalErrorTitle"?: string;
-        "iWasLazy"?: string;
         /**
           * Alert description text shown in alert if user is already a registered partner
           * @uiName Participant is partner description
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 5c10906dc9..1cd127a28a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -109,6 +109,7 @@ const style = {
     display: "flex",
     flexDirection: "column",
     lineHeight: "var(--sl-spacing-medium)",
+    fontSize: "var(--sl-font-size-small)",
   },
   NotRegisteredIndirectTaxText: {
     color: "var(--sl-color-gray-500)",
@@ -135,6 +136,9 @@ const style = {
       color: "var(--sl-color-gray-500)",
     },
   },
+  StatusAlert: {
+    fontSize: "var(--sl-font-size-small)",
+  },
   TaxFormDetailsContainer: {
     display: "flex",
     gap: "var(--sl-spacing-small)",
@@ -456,7 +460,9 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
                             }
                           )}
                         </h4>
-                        {statusMap[states.status]}
+                        <span class={sheet.classes.StatusAlert}>
+                          {statusMap[states.status]}
+                        </span>
                       </div>
                     </span>
                     <sl-button

From 6dd5fdaf36e4171b998c25a72ed5485a15a836ce Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 6 Mar 2024 09:50:39 -0800
Subject: [PATCH 420/753] docusign form spec update

---
 .../sqm-docusign-form.feature                 | 51 +++++++++++++++----
 1 file changed, 42 insertions(+), 9 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index 26e09cda09..65a4086b7e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -7,7 +7,7 @@ Feature: Docusign Form
   @minutia
   Scenario: Docusign URL is set in iframe on page load
     When the Docusign Form loads
-    And the Docusign URL has been fetched
+    And the Docusign URL has been fetched successfully
     Then the URL set is set on the Docusign iframe
     And the iframe loads based on the URL
 
@@ -16,22 +16,55 @@ Feature: Docusign Form
     When the Docusign Form loads
     And the Docusign URL cannot be fetched
     Then the URL is not set on the Docusign iframe
-    And the iframe fails to load
+    And the iframe is hidden
+    And an error banner is displayed
 
-  @minutia
+  @minutia @ui
   Scenario Outline: Participant not based in the US working with US brand selects participantType
-    Given they are not in the US and the brand is in the US
+    Given a publisher's country is <publisherCountry>
+    And they are linked to a brand that based in <brandCountry>
+    And their current tax document type is <currentDocument>
+    But current tax document status is not "ACTIVE" or "NOT_VERIFIED"
     When the page loads
-    Then <participantType> radio buttons appear
+    Then <uiElements> are displayed
+
+    Examples:
+      | publisherCountry | brandCountry     | currentDocument | uiElements                                      |
+      | a non-US country | US               | null            | participant type radio options                  |
+      | a non-US country | US               | populated       | participant type radio options, docusign iframe |
+      | US               | a non-US country | null            | docusign iframe                                 |
+      | US               | a non-US country | populated       | docusign iframe                                 |
+
+  @minutia
+  Scenario Outline: W8 tax forms based on participant type
+    Given a publisher's country is a non-US country
+    And they are linked to a brand that based in "US"
+    And current tax document type is "null"
+    Then the participant type radio options are shown
     And the Docusign iframe is hidden
-    When they select <participantType>
+    When they select the <participantType> option
     Then the Docusign iframe appears
     And an <autoSelectedTaxForm> appears in the Docusign iframe
 
-    Examples: 
+    Examples:
       | participantType       | autoSelectedTaxForm |
       | individualParticipant | W8-BEN              |
-      | company               | W8-BEN-E            |
+      | businessEntity        | W8-BEN-E            |
+
+  @minutia
+  Scenario Outline: Participant type radio options are disabled if they have a current tax document
+    Given a publisher's country is a non-US country
+    And they are linked to a brand that is based in "US"
+    And the user field <userField> has value <value>
+    Then the participant type radio options are disabled
+    And the option <selectedOption> is auto-selected
+
+    Examples:
+      | userField                              | value  | selectedOption        |
+      | user.publisher.currentTaxDocument.type | W8BEN  | individualParticipant |
+      | user.publisher.currentTaxDocument.type | W8BENE | businessEntity        |
+      | user.publisher.requiredTaxDocumentType | W8BEN  | individualParticipant |
+      | user.publisher.requiredTaxDocumentType | W8BENE | businessEntity        |
 
   @minutia @ui
   Scenario Outline: Text copies change based on tax form participant fills out
@@ -39,7 +72,7 @@ Feature: Docusign Form
     And are <participantType>
     Then the <taxFormSubHeader>/<taxFormDescriptionCopy> displays with <typeTaxForm>
 
-    Examples: 
+    Examples:
       | typeTaxForm | participantType       | taxFormSubHeader  | taxFormDescriptionCopy                                                                                                     |
       | W9          | N/A                   | W9 Tax Form       | Participants based in the US and partnering with US-based brands need to submit a W9 form.                                 |
       | W8-BEN      | individualParticipant | W8-BEN Tax Form   | Participants residing outside of the US, joining the referral program of a US-based company, need to submit a W8-BEN form. |

From 01f8e97fd086acdc5be79589eec6ef2d66faefa8 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 6 Mar 2024 09:54:25 -0800
Subject: [PATCH 421/753] spec fix

---
 .../tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature    | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index 65a4086b7e..8a3310edf7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -63,8 +63,6 @@ Feature: Docusign Form
       | userField                              | value  | selectedOption        |
       | user.publisher.currentTaxDocument.type | W8BEN  | individualParticipant |
       | user.publisher.currentTaxDocument.type | W8BENE | businessEntity        |
-      | user.publisher.requiredTaxDocumentType | W8BEN  | individualParticipant |
-      | user.publisher.requiredTaxDocumentType | W8BENE | businessEntity        |
 
   @minutia @ui
   Scenario Outline: Text copies change based on tax form participant fills out

From 6902e982b9fe9a14fc2a2e748eede78faaadde4e Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 6 Mar 2024 09:57:09 -0800
Subject: [PATCH 422/753] enabled blue banner for isUser and in user-info-form.
 Fixed docusign stories

---
 .../tax-and-cash/TaxForm.stories.tsx          |  2 ++
 .../sqm-user-info-form-view.tsx               | 25 ++++++++++---------
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 10db9974b1..cbc7ea071c 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -629,6 +629,7 @@ export const StepThreeWithDocusignW8BEN = () => {
         states: {
           ...docusignFormProps.states,
           documentType: "W8BEN",
+          documentTypeString: "W8-BEN",
         },
       }}
     ></sqm-docusign-form>
@@ -642,6 +643,7 @@ export const StepThreeWithDocusignW8BENE = () => {
         states: {
           ...docusignFormProps.states,
           documentType: "W8BENE",
+          documentTypeString: "W8-BEN-E",
           formState: {
             completedTaxForm: false,
             taxFormExpired: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index d456b1527c..6b53c96395 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -232,18 +232,19 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               {text.error.generalDescription}
             </sl-alert>
           )}
-          {states.isPartner && (
-            <sl-alert
-              type="primary"
-              open
-              class={sheet.classes.PartnerAlertContainer}
-            >
-              <sl-icon slot="icon" name="info-circle"></sl-icon>
-              <strong>{text.isPartnerAlertHeader}</strong>
-              <br />
-              {text.isPartnerAlertDescription}
-            </sl-alert>
-          )}
+          {states.isPartner ||
+            (states.isUser && (
+              <sl-alert
+                type="primary"
+                open
+                class={sheet.classes.PartnerAlertContainer}
+              >
+                <sl-icon slot="icon" name="info-circle"></sl-icon>
+                <strong>{text.isPartnerAlertHeader}</strong>
+                <br />
+                {text.isPartnerAlertDescription}
+              </sl-alert>
+            ))}
 
           <div>
             <div class={classes.InputContainer}>

From c592cd88b8a1b41663b787e6f21adca189288ec7 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 6 Mar 2024 10:12:55 -0800
Subject: [PATCH 423/753] Fixed tax form header text and indirect tax number
 labels in dashboard

---
 .../src/components/tax-and-cash/TaxForm.stories.tsx         | 1 +
 .../sqm-tax-and-cash-dashboard-view.tsx                     | 6 +++---
 .../sqm-tax-and-cash-dashboard.tsx                          | 4 ++--
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx      | 4 ++--
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index cbc7ea071c..bb4b2872e6 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -1124,6 +1124,7 @@ export const TaxAndCashDashboardWithGeneralError = () => {
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           indirectTaxNumber: "123456",
+          indirectTaxType: "VAT",
           country: "Slovania",
           isBusinessEntity: true,
           errors: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 1cd127a28a..86c4acde6d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -127,7 +127,7 @@ const style = {
     display: "flex",
     flexDirection: "column",
     gap: "var(--sl-spacing-x-small)",
-    "& h4": {
+    "& h3": {
       margin: "0",
     },
     "& p": {
@@ -449,7 +449,7 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
                   <div>
                     <span class={sheet.classes.TaxFormDetailsContainer}>
                       <div class={sheet.classes.StatusContainer}>
-                        <h4>
+                        <h3>
                           {intl.formatMessage(
                             {
                               id: "section-subheader",
@@ -459,7 +459,7 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
                               documentType: states.documentTypeString,
                             }
                           )}
-                        </h4>
+                        </h3>
                         <span class={sheet.classes.StatusAlert}>
                           {statusMap[states.status]}
                         </span>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index d3b0208e4d..b21b42003d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -199,13 +199,13 @@ export class TaxAndCashDashboard {
    * Label text for the QST number
    * @uiName QST number input
    */
-  @Prop() qstNumber: string = "QST Number: {qstNumber}";
+  @Prop() qstNumber: string = "QST number: {qstNumber}";
   /**
    * Label text for the sub-region tax number
    * @uiName Sub-region tax number
    */
   @Prop() subRegionTaxNumber: string =
-    "Income Tax Number: {subRegionTaxNumber}";
+    "Income tax number: {subRegionTaxNumber}";
   /**
    * Sub text describing how payouts are provided from impact.com
    * @uiName Payout from impact text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index c3a008bf9c..8183f96bdd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -837,14 +837,14 @@ export class TaxAndCashMonolith {
    * @uiName QST number input
    * @uiGroup Dashboard Properties
    */
-  @Prop() dashboard_qstNumber: string = "QST Number: {qstNumber}";
+  @Prop() dashboard_qstNumber: string = "QST number: {qstNumber}";
   /**
    * Label text for the sub-region tax number
    * @uiName Sub-region tax number
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_subRegionTaxNumber: string =
-    "Income Tax Number: {incomeTaxNumber}";
+    "Income tax number: {incomeTaxNumber}";
 
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     GENERAL PROPS:

From a27904017c534f7b6636333c1ad1c31ac01c2e6d Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 6 Mar 2024 10:15:15 -0800
Subject: [PATCH 424/753] Sentence cased all headers in dashboard

---
 .../sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx | 4 ++--
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx        | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index b21b42003d..2ba114a2e9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -104,7 +104,7 @@ export class TaxAndCashDashboard {
    *
    * @uiName Indirect Tax Information Header
    */
-  @Prop() indirectTaxInfoSectionHeader: string = "Indirect Tax";
+  @Prop() indirectTaxInfoSectionHeader: string = "Indirect tax";
   /**
    * Country/Province description text of indirect tax
    *
@@ -148,7 +148,7 @@ export class TaxAndCashDashboard {
    *
    * @uiName Tax documents sub header
    */
-  @Prop() taxDocumentSectionSubHeader: string = "{documentType} Tax Form";
+  @Prop() taxDocumentSectionSubHeader: string = "{documentType} tax form";
   /**
    * Subtext displayed at the bottom of the page if there are no tax documents to show
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 8183f96bdd..893fb94a54 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -753,7 +753,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_taxDocumentSectionSubHeader: string =
-    "{documentType} Tax Form";
+    "{documentType} tax form";
   /**
    * Subtext displayed at the bottom of the page if there are no tax documents to show
    *
@@ -768,7 +768,7 @@ export class TaxAndCashMonolith {
    * @uiName Indirect Tax Information Header
    * @uiGroup Dashboard Properties
    */
-  @Prop() dashboard_indirectTaxInfoSectionHeader: string = "Indirect Tax";
+  @Prop() dashboard_indirectTaxInfoSectionHeader: string = "Indirect tax";
   /**
    * Country/Province description text of indirect tax
    *

From 642d8aa87e4cbc7f0dffa7e6a84111d8bf031c48 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 6 Mar 2024 11:00:14 -0800
Subject: [PATCH 425/753] fix incorrectly defined text props, pass down props
 to payout details card

---
 packages/mint-components/src/components.d.ts  | 74 +++++++++++++++----
 .../components/sqm-big-stat/useBigStat.tsx    |  5 +-
 .../sqm-payout-details-card-view.tsx          | 14 +---
 .../sqm-payout-details-card.tsx               | 36 ++++-----
 .../usePayoutDetailsCard.ts                   |  9 +--
 .../sqm-tax-and-cash-dashboard.tsx            |  8 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 39 +++++++++-
 7 files changed, 125 insertions(+), 60 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 9690ff9360..513eaf84ee 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1515,17 +1515,15 @@ export namespace Components {
         "uppercaseErrorText": string;
     }
     interface SqmPayoutDetailsCard {
-        "accountText": "Account";
+        "accountText": string;
         /**
           * @undocumented
          */
         "demoData"?: DemoData<any>;
-        "errorDescriptionText": "Please ensure your payout information is correct. If this problem continues, contact Support.";
-        "errorTitleText": "There was an error with your payout infomation";
-        "otherCurrenciesText": "other currencies";
-        "statusBadgeText": "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
-        "thresholdPayoutText": "Next payout occurs when balance is";
-        "w9PendingText": "Awaiting W-9 tax form";
+        "errorDescriptionText": string;
+        "errorTitleText": string;
+        "statusBadgeText": string;
+        "thresholdPayoutText": string;
     }
     interface SqmPopupContainer {
         /**
@@ -3672,6 +3670,11 @@ export namespace Components {
           * @uiGroup General Form Properties
          */
         "continueButton": string;
+        /**
+          * @uiName Account text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_accountText": string;
         /**
           * Description text which appears beside badge showing the form is awaiting review
           * @uiName Badge description text
@@ -3702,6 +3705,16 @@ export namespace Components {
           * @uiGroup Dashboard Properties
          */
         "dashboard_editPaymentInformationButton": string;
+        /**
+          * @uiName Error description text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_errorDescriptionText": string;
+        /**
+          * @uiName Error title text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_errorTitleText": string;
         /**
           * Indirect tax number/type details
           * @uiName Indirect tax details
@@ -3768,6 +3781,11 @@ export namespace Components {
           * @uiGroup Dashboard Properties
          */
         "dashboard_qstNumber": string;
+        /**
+          * @uiName Status badge text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_statusBadgeText": string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
@@ -3828,6 +3846,11 @@ export namespace Components {
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxDocumentSectionSubHeader": string;
+        /**
+          * @uiName Threshold payout text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_thresholdPayoutText": string;
         /**
           * @undocumented 
           * @uiType object
@@ -6939,17 +6962,15 @@ declare namespace LocalJSX {
         "uppercaseErrorText"?: string;
     }
     interface SqmPayoutDetailsCard {
-        "accountText"?: "Account";
+        "accountText"?: string;
         /**
           * @undocumented
          */
         "demoData"?: DemoData<any>;
-        "errorDescriptionText"?: "Please ensure your payout information is correct. If this problem continues, contact Support.";
-        "errorTitleText"?: "There was an error with your payout infomation";
-        "otherCurrenciesText"?: "other currencies";
-        "statusBadgeText"?: "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
-        "thresholdPayoutText"?: "Next payout occurs when balance is";
-        "w9PendingText"?: "Awaiting W-9 tax form";
+        "errorDescriptionText"?: string;
+        "errorTitleText"?: string;
+        "statusBadgeText"?: string;
+        "thresholdPayoutText"?: string;
     }
     interface SqmPopupContainer {
         /**
@@ -9072,6 +9093,11 @@ declare namespace LocalJSX {
           * @uiGroup General Form Properties
          */
         "continueButton"?: string;
+        /**
+          * @uiName Account text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_accountText"?: string;
         /**
           * Description text which appears beside badge showing the form is awaiting review
           * @uiName Badge description text
@@ -9102,6 +9128,16 @@ declare namespace LocalJSX {
           * @uiGroup Dashboard Properties
          */
         "dashboard_editPaymentInformationButton"?: string;
+        /**
+          * @uiName Error description text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_errorDescriptionText"?: string;
+        /**
+          * @uiName Error title text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_errorTitleText"?: string;
         /**
           * Indirect tax number/type details
           * @uiName Indirect tax details
@@ -9168,6 +9204,11 @@ declare namespace LocalJSX {
           * @uiGroup Dashboard Properties
          */
         "dashboard_qstNumber"?: string;
+        /**
+          * @uiName Status badge text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_statusBadgeText"?: string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
@@ -9228,6 +9269,11 @@ declare namespace LocalJSX {
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxDocumentSectionSubHeader"?: string;
+        /**
+          * @uiName Threshold payout text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_thresholdPayoutText"?: string;
         /**
           * @undocumented 
           * @uiType object
diff --git a/packages/mint-components/src/components/sqm-big-stat/useBigStat.tsx b/packages/mint-components/src/components/sqm-big-stat/useBigStat.tsx
index c2d3d9f9c4..ddacd3f7cc 100644
--- a/packages/mint-components/src/components/sqm-big-stat/useBigStat.tsx
+++ b/packages/mint-components/src/components/sqm-big-stat/useBigStat.tsx
@@ -899,7 +899,6 @@ const payoutBalanceQuery = () => {
         viewer: viewer {
           ... on User {
             publisher {
-              currency
               payoutsAccount {
                 balance
               }
@@ -912,8 +911,8 @@ const payoutBalanceQuery = () => {
     (res) => {
       const fallback = 0;
       const balance = res.data?.viewer?.publisher?.payoutsAccount?.balance;
-      const currency = res.data?.viewer?.publisher?.currency || "";
-      const balanceText = `${balance || fallback} ${currency}`;
+
+      const balanceText = `${balance || fallback}`;
       return {
         value: balance || fallback,
         statvalue: balanceText,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index 08c2a44b38..bd1fd832e7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -3,15 +3,10 @@ import { createStyleSheet } from "../../../styling/JSS";
 import { PayPalIcon } from "../SVGs";
 import { intl } from "../../../global/global";
 
-export type currencyAmount = {
-  amountText: string;
-  currencyText: string;
-};
-
 export interface PayoutDetailsCardViewProps {
   states: {
     loading?: boolean;
-    mainCurrency: currencyAmount;
+    balance: string;
     status: "thresholdPayout" | "payoutToday" | "nextPayout";
     payoutType: "PAYPAL" | "BANK_TRANSFER";
     error?: boolean;
@@ -27,9 +22,6 @@ export interface PayoutDetailsCardViewProps {
   text: {
     thresholdPayoutText: string;
     statusBadgeText: string;
-    w9PendingText: string;
-    additionalW9Text?: string;
-    otherCurrenciesText: string;
     accountText: string;
     errorTitleText: string;
     errorDescriptionText: string;
@@ -219,9 +211,7 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
               : renderStatusBadge(states.status, text.statusBadgeText)}
           </div>
 
-          <h1 class={classes.MainCurrency}>
-            {states.mainCurrency?.amountText} {states.mainCurrency.currencyText}
-          </h1>
+          <h1 class={classes.MainCurrency}>{states.balance}</h1>
 
           {states.payoutType === "PAYPAL" ? (
             <div class={classes.AccountDetailsContainer}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 68c71830bf..5c30c7787b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -1,11 +1,10 @@
+import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Host, Prop, h } from "@stencil/core";
-import { PayoutDetailsCardView } from "./sqm-payout-details-card-view";
-import { DemoData } from "../../../global/demo";
 import deepmerge from "deepmerge";
+import { DemoData } from "../../../global/demo";
+import { PayoutDetailsCardView } from "./sqm-payout-details-card-view";
 import { usePayoutDetailsCard } from "./usePayoutDetailsCard";
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { getProps } from "../../../utils/utils";
 
 /**
  * @uiName Payout Details Card
@@ -17,14 +16,15 @@ import { getProps } from "../../../utils/utils";
 })
 export class PayoutDetailsCard {
   @Prop()
-  statusBadgeText: "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
-  @Prop() thresholdPayoutText: "Next payout occurs when balance is";
-  @Prop() otherCurrenciesText: "other currencies";
-  @Prop() w9PendingText: "Awaiting W-9 tax form";
-  @Prop() accountText: "Account";
-  @Prop() errorTitleText: "There was an error with your payout infomation";
+  statusBadgeText: string =
+    "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
+  @Prop() thresholdPayoutText: string = "Next payout occurs when balance is";
+  @Prop() accountText: string = "Account";
+  @Prop() errorTitleText: string =
+    "There was an error with your payout infomation";
   @Prop()
-  errorDescriptionText: "Please ensure your payout information is correct. If this problem continues, contact Support.";
+  errorDescriptionText: string =
+    "Please ensure your payout information is correct. If this problem continues, contact Support.";
 
   /**
    * @undocumented
@@ -37,16 +37,12 @@ export class PayoutDetailsCard {
   disconnectedCallback() {}
 
   getTextProps() {
-    const props = getProps(this);
-    console.log(props);
     return {
-      statusBadgeText: props.statusBadgeText,
-      thresholdPayoutText: props.thresholdPayoutText,
-      otherCurrenciesText: props.otherCurrenciesText,
-      w9PendingText: props.w9PendingText,
-      accountText: props.accountText,
-      errorTitleText: props.errorTitleText,
-      errorDescriptionText: props.errorDescriptionText,
+      statusBadgeText: this.statusBadgeText,
+      thresholdPayoutText: this.thresholdPayoutText,
+      accountText: this.accountText,
+      errorTitleText: this.errorTitleText,
+      errorDescriptionText: this.errorDescriptionText,
     };
   }
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index b059e490f0..bc733f5390 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -59,10 +59,7 @@ export function usePayoutDetailsCard(
     states: {
       loading,
       thresholdBalance: publisher?.withdrawalSettings?.paymentThreshold,
-      mainCurrency: {
-        currencyText: publisher?.currency,
-        amountText: publisher?.payoutsAccount?.balance,
-      },
+      balance: publisher?.payoutsAccount?.balance,
       status: isPayoutToday ? "payoutToday" : "nextPayout",
       payoutType: publisher?.withdrawalSettings?.paymentMethod,
       error: publisher?.payoutsAccount?.hold,
@@ -70,9 +67,7 @@ export function usePayoutDetailsCard(
       cardNumberPreview: publisher?.withdrawalSettings?.bankAccountNumber,
       nextPayoutDate: paymentDay,
     },
-    text: {
-      ...props.getTextProps(),
-    },
+    text: props.getTextProps(),
   };
 }
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 2ba114a2e9..575b8970f7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -247,7 +247,13 @@ export class TaxAndCashDashboard {
           callbacks={props.callbacks}
           states={props.states}
           text={props.text}
-          slots={{ payoutDetailsCardSlot: <NextPayout /> }}
+          slots={{
+            payoutDetailsCardSlot: (
+              <sqm-payout-details-card
+                {...this.getTextProps()}
+              ></sqm-payout-details-card>
+            ),
+          }}
         />
       </Host>
     );
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 893fb94a54..1e90b46cf6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -4,11 +4,10 @@ import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { useParentState } from "../../../utils/useParentState";
 import { getProps } from "../../../utils/utils";
+import LoadingView from "./LoadingView";
 import { TAX_CONTEXT_NAMESPACE } from "./data";
-import { UseTaxAndCashResultType, useTaxAndCash } from "./useTaxAndCash";
 import { extractProps } from "./extractProps";
-import { isDemo } from "@saasquatch/component-boilerplate";
-import LoadingView from "./LoadingView";
+import { UseTaxAndCashResultType, useTaxAndCash } from "./useTaxAndCash";
 
 /**
  * @uiName Tax and Cash
@@ -845,6 +844,38 @@ export class TaxAndCashMonolith {
    */
   @Prop() dashboard_subRegionTaxNumber: string =
     "Income tax number: {incomeTaxNumber}";
+  /**
+   * @uiName Status badge text
+   * @uiGroup Dashboard Properties
+   */
+  @Prop()
+  dashboard_statusBadgeText: string =
+    "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
+  /**
+   * @uiName Threshold payout text
+   * @uiGroup Dashboard Properties
+   */
+  @Prop() dashboard_thresholdPayoutText: string =
+    "Next payout occurs when balance is";
+  /**
+   * @uiName Account text
+   * @uiGroup Dashboard Properties
+   */
+  @Prop() dashboard_accountText: string = "Account";
+  /**
+   * @uiName Error title text
+   * @uiGroup Dashboard Properties
+   */
+  @Prop()
+  dashboard_errorTitleText: string =
+    "There was an error with your payout infomation";
+  /**
+   * @uiName Error description text
+   * @uiGroup Dashboard Properties
+   */
+  @Prop()
+  dashboard_errorDescriptionText: string =
+    "Please ensure your payout information is correct. If this problem continues, contact Support.";
 
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     GENERAL PROPS:
@@ -920,6 +951,8 @@ export class TaxAndCashMonolith {
     const props = useTaxAndCash();
     // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
+    console.log({ dashboardProps: this.getGeneralStepTextProps("dashboard_") });
+
     switch (props.step) {
       case "/1":
         return (

From f4bd2ef5f7c67172568d261261c75cd14d5b4594 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 6 Mar 2024 11:44:06 -0800
Subject: [PATCH 426/753] Updated utils and TaxFormStories for new tax form
 copy

---
 .../tax-and-cash/TaxForm.stories.tsx          | 39 ++++++++++---------
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 34 ++++++++--------
 .../src/components/tax-and-cash/utils.ts      |  6 +--
 3 files changed, 40 insertions(+), 39 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index bb4b2872e6..8b8433564d 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -16,6 +16,7 @@ import { BankingInfoFormViewProps } from "./sqm-banking-info-form/sqm-banking-in
 import LoadingView from "./sqm-tax-and-cash/LoadingView";
 // import sqmUserInfoSpecs from "./sqm-tax-document-step-1.feature";
 // import sqmIndirectTaxFormSpecs from "../sqm-indirect-tax-form/sqm-indirect-tax-form.feature";
+import { taxTypeToName } from "./utils";
 
 export default {
   title: "Components/Tax Form",
@@ -615,6 +616,8 @@ export const StepThreeWithDocusign = () => {
     <sqm-docusign-form
       demoData={{
         states: {
+          documentType: "W9",
+          documentTypeString: taxTypeToName("W9"),
           ...docusignFormProps.states,
         },
       }}
@@ -629,7 +632,7 @@ export const StepThreeWithDocusignW8BEN = () => {
         states: {
           ...docusignFormProps.states,
           documentType: "W8BEN",
-          documentTypeString: "W8-BEN",
+          documentTypeString: taxTypeToName("W8BEN"),
         },
       }}
     ></sqm-docusign-form>
@@ -643,7 +646,7 @@ export const StepThreeWithDocusignW8BENE = () => {
         states: {
           ...docusignFormProps.states,
           documentType: "W8BENE",
-          documentTypeString: "W8-BEN-E",
+          documentTypeString: taxTypeToName("W8BENE"),
           formState: {
             completedTaxForm: false,
             taxFormExpired: false,
@@ -824,7 +827,7 @@ export const TaxAndCashDashboardActiveW9Form = () => {
           disabled: false,
           status: "ACTIVE",
           documentType: "W9",
-          documentTypeString: "W9",
+          documentTypeString: taxTypeToName("W9"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "United Kingdom",
@@ -845,7 +848,7 @@ export const TaxAndCashDashboardActiveW8BENForm = () => {
           disabled: false,
           status: "ACTIVE",
           documentType: "W8BEN",
-          documentTypeString: "W8-BEN",
+          documentTypeString: taxTypeToName("W8BEN"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "United Kingdom",
@@ -866,7 +869,7 @@ export const TaxAndCashDashboardActiveW8BENEForm = () => {
           disabled: false,
           status: "ACTIVE",
           documentType: "W8BENE",
-          documentTypeString: "W8-BEN-E",
+          documentTypeString: taxTypeToName("W8BENE"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "United Kingdom",
@@ -887,7 +890,7 @@ export const TaxAndCashDashboardNotActiveW9Form = () => {
           disabled: false,
           status: "NOT_ACTIVE",
           documentType: "W9",
-          documentTypeString: "W9",
+          documentTypeString: taxTypeToName("W9"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           indirectTaxNumber: "123456",
@@ -907,7 +910,7 @@ export const TaxAndCashDashboardNotVerifiedW9Form = () => {
           disabled: false,
           status: "NOT_VERIFIED",
           documentType: "W9",
-          documentTypeString: "W9",
+          documentTypeString: taxTypeToName("W9"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "United States",
@@ -928,7 +931,7 @@ export const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
           disabled: false,
           status: "NOT_VERIFIED",
           documentType: "W8BEN",
-          documentTypeString: "W8-BEN",
+          documentTypeString: taxTypeToName("W8BEN"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "United Kingdom",
@@ -949,7 +952,7 @@ export const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
           disabled: false,
           status: "NOT_VERIFIED",
           documentType: "W8BENE",
-          documentTypeString: "W8-BEN-E",
+          documentTypeString: taxTypeToName("W8BENE"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "United Kingdom",
@@ -970,7 +973,7 @@ export const TaxAndCashDashboardNotActiveW8BENEForm = () => {
           disabled: false,
           status: "NOT_ACTIVE",
           documentType: "W8BENE",
-          documentTypeString: "W8-BEN-E",
+          documentTypeString: taxTypeToName("W8BENE"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           indirectTaxNumber: "123456",
@@ -990,7 +993,7 @@ export const TaxAndCashDashboardNoFormNeeded = () => {
         states: {
           disabled: false,
           documentType: "W9",
-          documentTypeString: "W9",
+          documentTypeString: taxTypeToName("W9"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: true,
           province: "Ontario",
@@ -1013,7 +1016,7 @@ export const TaxAndCashDashboardIndirectTaxCanada = () => {
           status: "ACTIVE",
           disabled: false,
           documentType: "W8BENE",
-          documentTypeString: "W8-BEN-E",
+          documentTypeString: taxTypeToName("W8BENE"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           province: "Ontario",
@@ -1036,7 +1039,7 @@ export const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
           status: "ACTIVE",
           disabled: false,
           documentType: "W8BENE",
-          documentTypeString: "W8-BEN-E",
+          documentTypeString: taxTypeToName("W8BENE"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           province: "Quebec",
@@ -1060,7 +1063,7 @@ export const TaxAndCashDashboardIndirectTaxSpain = () => {
           status: "ACTIVE",
           disabled: false,
           documentType: "W8BENE",
-          documentTypeString: "W8-BEN-E",
+          documentTypeString: taxTypeToName("W8BENE"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "Spain",
@@ -1082,7 +1085,7 @@ export const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
         states: {
           status: "ACTIVE",
           documentType: "W8BEN",
-          documentTypeString: "W8-BEN",
+          documentTypeString: taxTypeToName("W8BEN"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           notRegistered: true,
@@ -1101,7 +1104,7 @@ export const TaxAndCashDashboardLoading = () => {
           disabled: false,
           status: "ACTIVE",
           documentType: "W9",
-          documentTypeString: "W9",
+          documentTypeString: taxTypeToName("W9"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           loading: true,
@@ -1120,7 +1123,7 @@ export const TaxAndCashDashboardWithGeneralError = () => {
           disabled: false,
           status: "ACTIVE",
           documentType: "W9",
-          documentTypeString: "W9",
+          documentTypeString: taxTypeToName("W9"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           indirectTaxNumber: "123456",
@@ -1144,7 +1147,7 @@ export const TaxAndCashDashboardDisabled = () => {
           disabled: true,
           status: "NOT_ACTIVE",
           documentType: "W8BEN",
-          documentTypeString: "W8-BEN",
+          documentTypeString: taxTypeToName("W8BEN"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           isBusinessEntity: true,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 871642d758..f195b084f4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -61,16 +61,14 @@ export function useTaxAndCash() {
 
   function setupDemo() {
     // coleton
-    const id =
-      "0021abad9b19015c190479fdc4ac2491a30c5b744f9603003b07f122a80483df";
-    const accountId =
-      "0021abad9b19015c190479fdc4ac2491a30c5b744f9603003b07f122a80483df";
-
-    // // andy
     // const id =
-    //   "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+    //   "0021abad9b19015c190479fdc4ac2491a30c5b744f9603003b07f122a80483df";
     // const accountId =
-    //   "64fdeb7347c94ab69bb5ff4c788ca78c0ba127cdc374a8300157250b1643767b";
+    //   "0021abad9b19015c190479fdc4ac2491a30c5b744f9603003b07f122a80483df";
+
+    // // andy
+    const id = "12345";
+    const accountId = "12345";
 
     // sam
     // const id =
@@ -87,23 +85,23 @@ export function useTaxAndCash() {
     };
 
     // coleton
-    useEffect(() => {
-      setUserIdentity({
-        accountId,
-        id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMDAyMWFiYWQ5YjE5MDE1YzE5MDQ3OWZkYzRhYzI0OTFhMzBjNWI3NDRmOTYwMzAwM2IwN2YxMjJhODA0ODNkZiIsImFjY291bnRJZCI6IjAwMjFhYmFkOWIxOTAxNWMxOTA0NzlmZGM0YWMyNDkxYTMwYzViNzQ0Zjk2MDMwMDNiMDdmMTIyYTgwNDgzZGYifX0.bPJJiqNQOtVpkyq3X02AgdIOU7We7IVeClu5MWhbJWE",
-      });
-    }, []);
-
-    // andy
     // useEffect(() => {
     //   setUserIdentity({
     //     accountId,
     //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjRmZGViNzM0N2M5NGFiNjliYjVmZjRjNzg4Y2E3OGMwYmExMjdjZGMzNzRhODMwMDE1NzI1MGIxNjQzNzY3YiIsImFjY291bnRJZCI6IjY0ZmRlYjczNDdjOTRhYjY5YmI1ZmY0Yzc4OGNhNzhjMGJhMTI3Y2RjMzc0YTgzMDAxNTcyNTBiMTY0Mzc2N2IifX0.rSeFVjrPvRlO_m4skwgnvJNbWfnIM7f_q2tfqo4R0pU",
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMDAyMWFiYWQ5YjE5MDE1YzE5MDQ3OWZkYzRhYzI0OTFhMzBjNWI3NDRmOTYwMzAwM2IwN2YxMjJhODA0ODNkZiIsImFjY291bnRJZCI6IjAwMjFhYmFkOWIxOTAxNWMxOTA0NzlmZGM0YWMyNDkxYTMwYzViNzQ0Zjk2MDMwMDNiMDdmMTIyYTgwNDgzZGYifX0.bPJJiqNQOtVpkyq3X02AgdIOU7We7IVeClu5MWhbJWE",
     //   });
     // }, []);
 
+    // andy
+    useEffect(() => {
+      setUserIdentity({
+        accountId,
+        id,
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMTIzNDUiLCJhY2NvdW50SWQiOiIxMjM0NSIsImVtYWlsIjoiYW5keS5sdW8rdGVzdDdAaW1wYWN0LmNvbSJ9fQ.seNeBfB_w31PKbzVld1Ad--dpgZBLda7dXzAthWuGO8",
+      });
+    }, []);
+
     // sam
     // useEffect(() => {
     //   setUserIdentity({
diff --git a/packages/mint-components/src/components/tax-and-cash/utils.ts b/packages/mint-components/src/components/tax-and-cash/utils.ts
index e5eef33458..de373ede6c 100644
--- a/packages/mint-components/src/components/tax-and-cash/utils.ts
+++ b/packages/mint-components/src/components/tax-and-cash/utils.ts
@@ -8,11 +8,11 @@ export const objectIsFull = (obj: Record<string, unknown>) => {
 export const taxTypeToName = (taxType: TaxDocumentType) => {
   switch (taxType) {
     case "W9":
-      return "W9";
+      return "W-9";
     case "W8BEN":
-      return "W8-BEN";
+      return "W-8 BEN";
     case "W8BENE":
-      return "W8-BEN-E";
+      return "W-8 BEN-E";
     default:
       return "";
   }

From 4ba89f5c042b6b9095a0b9b2ff914dfe0893f6ee Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 6 Mar 2024 13:38:48 -0800
Subject: [PATCH 427/753] publish

---
 packages/mint-components/package.json          |  2 +-
 .../sqm-payout-details-card/readme.md          | 18 ++++++++----------
 .../sqm-tax-and-cash-dashboard/readme.md       |  8 ++++----
 .../tax-and-cash/sqm-tax-and-cash/readme.md    | 17 +++++++++++------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx      |  3 +--
 .../tax-and-cash/sqm-user-info-form/readme.md  |  5 ++---
 6 files changed, 27 insertions(+), 26 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index ef792e8ad4..84076144d1 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-51",
+  "version": "1.8.0-54",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
index 337d3f9a0c..f1523f6ffc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
@@ -7,16 +7,14 @@
 
 ## Properties
 
-| Property               | Attribute                | Description | Type                                                                                              | Default     |
-| ---------------------- | ------------------------ | ----------- | ------------------------------------------------------------------------------------------------- | ----------- |
-| `accountText`          | `account-text`           |             | `"Account"`                                                                                       | `undefined` |
-| `demoData`             | --                       |             | `{ [x: string]: any; [x: number]: any; }`                                                         | `undefined` |
-| `errorDescriptionText` | `error-description-text` |             | `"Please ensure your payout information is correct. If this problem continues, contact Support."` | `undefined` |
-| `errorTitleText`       | `error-title-text`       |             | `"There was an error with your payout infomation"`                                                | `undefined` |
-| `otherCurrenciesText`  | `other-currencies-text`  |             | `"other currencies"`                                                                              | `undefined` |
-| `statusBadgeText`      | `status-badge-text`      |             | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                     | `undefined` |
-| `thresholdPayoutText`  | `threshold-payout-text`  |             | `"Next payout occurs when balance is"`                                                            | `undefined` |
-| `w9PendingText`        | `w-9-pending-text`       |             | `"Awaiting W-9 tax form"`                                                                         | `undefined` |
+| Property               | Attribute                | Description | Type                                      | Default                                                                                           |
+| ---------------------- | ------------------------ | ----------- | ----------------------------------------- | ------------------------------------------------------------------------------------------------- |
+| `accountText`          | `account-text`           |             | `string`                                  | `"Account"`                                                                                       |
+| `demoData`             | --                       |             | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                       |
+| `errorDescriptionText` | `error-description-text` |             | `string`                                  | `"Please ensure your payout information is correct. If this problem continues, contact Support."` |
+| `errorTitleText`       | `error-title-text`       |             | `string`                                  | `"There was an error with your payout infomation"`                                                |
+| `statusBadgeText`      | `status-badge-text`      |             | `string`                                  | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                     |
+| `thresholdPayoutText`  | `threshold-payout-text`  |             | `string`                                  | `"Next payout occurs when balance is"`                                                            |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index 694be1af50..d74cd7b985 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -21,7 +21,7 @@
 | `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                            |
 | `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered in {province}, {country}"`                                                                                                                      |
 | `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered in {country}"`                                                                                                                                  |
-| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax"`                                                                                                                                             |
+| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Indirect tax"`                                                                                                                                             |
 | `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered in {country}, {subRegion}"`                                                                                                                     |
 | `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
 | `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Ensure your information matches your profile and resubmit a new document."`                                                                                |
@@ -29,17 +29,17 @@
 | `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
 | `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
 | `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Payouts will be sent from our referral program provider, impact.com"`                                                                                      |
-| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"QST Number: {qstNumber}"`                                                                                                                                  |
+| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"QST number: {qstNumber}"`                                                                                                                                  |
 | `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Active"`                                                                                                                                                   |
 | `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Invalid Tax Form"`                                                                                                                                         |
 | `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not Verified"`                                                                                                                                             |
-| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Income Tax Number: {subRegionTaxNumber}"`                                                                                                                  |
+| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                  |
 | `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{documentType} tax form is invalid"`                                                                                                                       |
 | `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
 | `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                             |
 | `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please resubmit a new {documentType} form."`                                                                                                               |
 | `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Tax documents"`                                                                                                                                            |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{documentType} Tax Form"`                                                                                                                                  |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{documentType} tax form"`                                                                                                                                  |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 7fc1ebe9a0..4e96d90b4f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -8,32 +8,37 @@
 | Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                       |
 | ----------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `continueButton`                                | `continue-button`                                    | Text for the continue button in the form                                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
+| `dashboard_accountText`                         | `dashboard_account-text`                             |                                                                                                            | `string`                                                                                                             | `"Account"`                                                                                                                                                                   |
 | `dashboard_badgeTextAwaitingReview`             | `dashboard_badge-text-awaiting-review`               | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                            |
 | `dashboard_badgeTextSubmittedOn`                | `dashboard_badge-text-submitted-on`                  | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                              |
 | `dashboard_badgeTextSubmittedOnW8`              | `dashboard_badge-text-submitted-on-w-8`              | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                     |
 | `dashboard_bankingInformationSectionHeader`     | `dashboard_banking-information-section-header`       | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                       |
 | `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          | Text displayed in the edit Payment Information button                                                      | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                   |
+| `dashboard_errorDescriptionText`                | `dashboard_error-description-text`                   |                                                                                                            | `string`                                                                                                             | `"Please ensure your payout information is correct. If this problem continues, contact Support."`                                                                             |
+| `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         |                                                                                                            | `string`                                                                                                             | `"There was an error with your payout infomation"`                                                                                                                            |
 | `dashboard_indirectTaxDetails`                  | `dashboard_indirect-tax-details`                     | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                             |
 | `dashboard_indirectTaxInfoCanada`               | `dashboard_indirect-tax-info-canada`                 | Country/Province description text of indirect tax                                                          | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                       |
 | `dashboard_indirectTaxInfoOtherCountry`         | `dashboard_indirect-tax-info-other-country`          | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                   |
-| `dashboard_indirectTaxInfoSectionHeader`        | `dashboard_indirect-tax-info-section-header`         | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                              |
+| `dashboard_indirectTaxInfoSectionHeader`        | `dashboard_indirect-tax-info-section-header`         | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect tax"`                                                                                                                                                              |
 | `dashboard_indirectTaxInfoSpain`                | `dashboard_indirect-tax-info-spain`                  | Spain/Region description text of indirect tax                                                              | `string`                                                                                                             | `"Registered in {country}, {subRegion}"`                                                                                                                                      |
 | `dashboard_indirectTaxTooltipSupport`           | `dashboard_indirect-tax-tooltip-support`             | Indirect tax tooltip text for support                                                                      | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                                 |
 | `dashboard_invalidForm`                         | `dashboard_invalid-form`                             | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Ensure your information matches your profile and resubmit a new document."`                                                                                                 |
 | `dashboard_newFormButton`                       | `dashboard_new-form-button`                          | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                           |
 | `dashboard_noFormNeededSubtext`                 | `dashboard_no-form-needed-subtext`                   | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                             |
 | `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                  |
-| `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST Number: {qstNumber}"`                                                                                                                                                   |
+| `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST number: {qstNumber}"`                                                                                                                                                   |
+| `dashboard_statusBadgeText`                     | `dashboard_status-badge-text`                        |                                                                                                            | `string`                                                                                                             | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                 |
 | `dashboard_statusTextActive`                    | `dashboard_status-text-active`                       | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                    |
 | `dashboard_statusTextNotActive`                 | `dashboard_status-text-not-active`                   | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                          |
 | `dashboard_statusTextNotVerified`               | `dashboard_status-text-not-verified`                 | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                              |
-| `dashboard_subRegionTaxNumber`                  | `dashboard_sub-region-tax-number`                    | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income Tax Number: {incomeTaxNumber}"`                                                                                                                                      |
+| `dashboard_subRegionTaxNumber`                  | `dashboard_sub-region-tax-number`                    | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income tax number: {incomeTaxNumber}"`                                                                                                                                      |
 | `dashboard_taxAlertHeaderNotActiveW8`           | `dashboard_tax-alert-header-not-active-w-8`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                        |
 | `dashboard_taxAlertHeaderNotActiveW9`           | `dashboard_tax-alert-header-not-active-w-9`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                 |
 | `dashboard_taxAlertNotActiveMessageW8`          | `dashboard_tax-alert-not-active-message-w-8`         | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                                              |
 | `dashboard_taxAlertNotActiveMessageW9`          | `dashboard_tax-alert-not-active-message-w-9`         | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                                |
 | `dashboard_taxDocumentSectionHeader`            | `dashboard_tax-document-section-header`              | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                             |
-| `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                   |
+| `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                   |
+| `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    |                                                                                                            | `string`                                                                                                             | `"Next payout occurs when balance is"`                                                                                                                                        |
 | `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                   |
 | `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                   |
 | `generalErrorDescription`                       | `general-error-description`                          | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
@@ -42,7 +47,7 @@
 | `isPartnerAlertHeader`                          | `is-partner-alert-header`                            | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                  |
 | `notRegisteredSubtext`                          | `not-registered-subtext`                             | Subtext for the option indicating not being registered for indirect tax                                    | `string`                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                           |
 | `otherRegionSubtext`                            | `other-region-subtext`                               | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"IIf you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                              |
-| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I have read the terms and conditions and allow impact.com to collect my tax and banking information"`                                                                       |
+| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                   |
 | `step1_country`                                 | `step-1_country`                                     | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                   |
 | `step1_currency`                                | `step-1_currency`                                    | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                  |
 | `step1_email`                                   | `step-1_email`                                       | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                     |
@@ -130,7 +135,7 @@
 | `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          | Text for the option to receive payments to a PayPal account with processing fee details                    | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                             |
 | `step4_voCodeLabel`                             | `step-4_vo-code-label`                               | Label text for the VO code input field                                                                     | `string`                                                                                                             | `"VO Code"`                                                                                                                                                                   |
 | `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                      |
-| `termsAndConditionsLabel`                       | `terms-and-conditions-label`                         | Label text for terms and conditions                                                                        | `string`                                                                                                             | `"Terms and conditions"`                                                                                                                                                      |
+| `termsAndConditionsLabel`                       | `terms-and-conditions-label`                         | Label text for terms and conditions                                                                        | `string`                                                                                                             | `"terms and conditions"`                                                                                                                                                      |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 1e90b46cf6..c6eb2ef0a2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -8,6 +8,7 @@ import LoadingView from "./LoadingView";
 import { TAX_CONTEXT_NAMESPACE } from "./data";
 import { extractProps } from "./extractProps";
 import { UseTaxAndCashResultType, useTaxAndCash } from "./useTaxAndCash";
+import { isDemo } from "@saasquatch/component-boilerplate";
 
 /**
  * @uiName Tax and Cash
@@ -951,8 +952,6 @@ export class TaxAndCashMonolith {
     const props = useTaxAndCash();
     // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
-    console.log({ dashboardProps: this.getGeneralStepTextProps("dashboard_") });
-
     switch (props.step) {
       case "/1":
         return (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index d52042b780..a491478356 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -9,7 +9,7 @@
 
 | Property                    | Attribute                      | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default                                                                                                                                                                     |
 | --------------------------- | ------------------------------ | ------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`    | `allow-banking-collection`     | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I have read the terms and conditions and allow impact.com to collect my tax and banking information"`                                                                     |
+| `allowBankingCollection`    | `allow-banking-collection`     | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
 | `continueButton`            | `continue-button`              | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                                                                                                |
 | `country`                   | `country`                      | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Country"`                                                                                                                                                                 |
 | `currency`                  | `currency`                     | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Currency"`                                                                                                                                                                |
@@ -21,12 +21,11 @@
 | `formStep`                  | `form-step`                    | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Step 1 of 4"`                                                                                                                                                             |
 | `generalErrorDescription`   | `general-error-description`    | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `generalErrorTitle`         | `general-error-title`          | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"There was a problem submitting your information"`                                                                                                                         |
-| `iWasLazy`                  | `i-was-lazy`                   |                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"hello"`                                                                                                                                                                   |
 | `isPartnerAlertDescription` | `is-partner-alert-description` | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"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."` |
 | `isPartnerAlertHeader`      | `is-partner-alert-header`      | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
 | `lastName`                  | `last-name`                    | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Last name"`                                                                                                                                                               |
 | `personalInformation`       | `personal-information`         | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Personal Information"`                                                                                                                                                    |
-| `termsAndConditionsLabel`   | `terms-and-conditions-label`   | Label text for terms and conditions                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Terms and conditions"`                                                                                                                                                    |
+| `termsAndConditionsLabel`   | `terms-and-conditions-label`   | Label text for terms and conditions                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"terms and conditions"`                                                                                                                                                    |
 
 
 ## Dependencies

From 6989e13f44500e429eb194a6302206af6d8263e8 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 6 Mar 2024 15:14:52 -0800
Subject: [PATCH 428/753] added some missing translatability to banking info
 form

---
 packages/mint-components/src/components.d.ts  | 52 +++++++++++++++++
 .../sqm-banking-info-form.tsx                 | 57 ++++++++++++++++---
 .../useBankingInfoForm.tsx                    |  2 -
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  7 +++
 4 files changed, 108 insertions(+), 10 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 513eaf84ee..35bcb02a89 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -163,6 +163,22 @@ export namespace Components {
           * @uiName Directly to bank account option text
          */
         "directlyToBankAccount": string;
+        /**
+          * @uiName EFT Withdrawal label text
+         */
+        "eftWithdrawalLabel": string;
+        /**
+          * Invalid error text shown at the bottom of field inputs
+          * @uiName Field inputs invalid error text
+          * @uiGroup General Form Properties
+         */
+        "fieldInvalidError": string;
+        /**
+          * Required error text shown at the bottom of field inputs
+          * @uiName Field inputs error text
+          * @uiGroup General Form Properties
+         */
+        "fieldRequiredError": string;
         /**
           * Label text for the foreign select item
           * @uiName Foreign select item label
@@ -173,6 +189,10 @@ export namespace Components {
           * @uiName Form step text
          */
         "formStep": string;
+        /**
+          * @uiName FX Wire Processing fee text
+         */
+        "fxWireProcessingFeeLabel": string;
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
@@ -3856,6 +3876,12 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * Invalid error text shown at the bottom of field inputs
+          * @uiName Field inputs invalid error text
+          * @uiGroup General Form Properties
+         */
+        "fieldInvalidError": string;
         /**
           * Required error text shown at the bottom of field inputs
           * @uiName Field inputs error text
@@ -5609,6 +5635,22 @@ declare namespace LocalJSX {
           * @uiName Directly to bank account option text
          */
         "directlyToBankAccount"?: string;
+        /**
+          * @uiName EFT Withdrawal label text
+         */
+        "eftWithdrawalLabel"?: string;
+        /**
+          * Invalid error text shown at the bottom of field inputs
+          * @uiName Field inputs invalid error text
+          * @uiGroup General Form Properties
+         */
+        "fieldInvalidError"?: string;
+        /**
+          * Required error text shown at the bottom of field inputs
+          * @uiName Field inputs error text
+          * @uiGroup General Form Properties
+         */
+        "fieldRequiredError"?: string;
         /**
           * Label text for the foreign select item
           * @uiName Foreign select item label
@@ -5619,6 +5661,10 @@ declare namespace LocalJSX {
           * @uiName Form step text
          */
         "formStep"?: string;
+        /**
+          * @uiName FX Wire Processing fee text
+         */
+        "fxWireProcessingFeeLabel"?: string;
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
@@ -9279,6 +9325,12 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * Invalid error text shown at the bottom of field inputs
+          * @uiName Field inputs invalid error text
+          * @uiGroup General Form Properties
+         */
+        "fieldInvalidError"?: string;
         /**
           * Required error text shown at the bottom of field inputs
           * @uiName Field inputs error text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 5cef9abdfa..acc5e83d70 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -16,6 +16,7 @@ import {
   paypalFeeMap,
   useBankingInfoForm,
 } from "./useBankingInfoForm";
+import { intl } from "../../../global/global";
 
 /**
  * @uiName Banking Information Form
@@ -276,7 +277,7 @@ export class BankingInfoForm {
   @Prop() bankStateLabel: string = "Bank Province/State";
   /**
    * Label text for the Bank Postal Code
-   * @uiName  Bank Postal Code input label
+   * @uiName Bank Postal Code input label
    */
   @Prop() bankPostalCodeLabel: string = "Bank Postal Code";
   /**
@@ -299,6 +300,30 @@ export class BankingInfoForm {
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
 
+  /**
+   * @uiName EFT Withdrawal label text
+   */
+  @Prop() eftWithdrawalLabel: string = "EFT Withdrawal (free)";
+
+  /**
+   * @uiName FX Wire Processing fee text
+   */
+  @Prop() fxWireProcessingFeeLabel: string =
+    "FX Wire (Processing Fee {currency}{defaultFxFee}.00)";
+
+  /**
+   * Required error text shown at the bottom of field inputs
+   * @uiName Field inputs error text
+   * @uiGroup General Form Properties
+   */
+  @Prop() fieldRequiredError: string = "{fieldName} is required";
+  /**
+   * Invalid error text shown at the bottom of field inputs
+   * @uiName Field inputs invalid error text
+   * @uiGroup General Form Properties
+   */
+  @Prop() fieldInvalidError: string = "{fieldName} is invalid";
+
   /**
    * @undocumented
    * @uiType object
@@ -323,7 +348,6 @@ export class BankingInfoForm {
     };
   }
 
-  // need to make this translatable
   getValidationErrorMessage({
     type,
     label,
@@ -332,10 +356,23 @@ export class BankingInfoForm {
     label: string;
   }) {
     if (type === "required") {
-      return `${label} is required`;
+      return intl.formatMessage(
+        {
+          id: `requiredText-${label}`,
+          defaultMessage: this.fieldRequiredError,
+        },
+        {
+          fieldName: label,
+        }
+      );
     }
     if (type === "invalid") {
-      return `${label} is invalid`;
+      return intl.formatMessage(
+        { id: `invalidText-${label}`, defaultMessage: this.fieldInvalidError },
+        {
+          fieldName: label,
+        }
+      );
     }
     return "";
   }
@@ -542,10 +579,14 @@ function useDemoBankingInfoForm(
   const feeCap = paypalFeeMap[currency] || "";
 
   const paymentMethodFeeMap = {
-    ACH: "EFT Withdrawal (free)",
-    WIRE: `FX Wire (Processing Fee ${currency}${
-      currentPaymentOption?.defaultFxFee || 0
-    }.00)`,
+    ACH: this.eftWithdrawalLabel,
+    WIRE: intl.formatMessage(
+      { id: "fxWireText", defaultMessage: this.fxWireProcessingFeeLabel },
+      {
+        currency,
+        defaultFxFee: currentPaymentOption?.defaultFxFee || "0",
+      }
+    ),
   };
 
   const paymentMethodFeeLabel =
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index f11a4b68d0..25c51a329f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -655,8 +655,6 @@ export function useBankingInfoForm(
     setLoading(true);
     try {
       if (!currentPaymentOption) throw new Error("No currentPaymentOption");
-      // @ts-ignore figure out what the values for paymentDay are
-      // const { paymentDay, ...rest } = formData;
 
       const response = await saveWithdrawalSettings({
         setImpactPublisherWithdrawalSettingsInput: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index c6eb2ef0a2..f4384373ac 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -902,6 +902,12 @@ export class TaxAndCashMonolith {
    * @uiGroup General Form Properties
    */
   @Prop() fieldRequiredError: string = "{fieldName} is required";
+  /**
+   * Invalid error text shown at the bottom of field inputs
+   * @uiName Field inputs invalid error text
+   * @uiGroup General Form Properties
+   */
+  @Prop() fieldInvalidError: string = "{fieldName} is invalid";
   /**
    * Text for the continue button in the form
    * @uiName Continue button text
@@ -942,6 +948,7 @@ export class TaxAndCashMonolith {
       generalErrorTitle: props.generalErrorTitle,
       generalErrorDescription: props.generalErrorDescription,
       fieldRequiredError: props.fieldRequiredError,
+      fieldInvalidError: props.fieldInvalidError,
       submitButton: props.continueButton,
       isPartnerAlertHeader: props.isPartnerAlertHeader,
       isPartnerAlertDescription: props.isPartnerAlertDescription,

From caef13a14739ee3225192b5fc758d9bd45f6650e Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 6 Mar 2024 16:54:40 -0800
Subject: [PATCH 429/753] Updated GQL params. Added CSS parts

---
 .../useIndirectTaxForm.tsx                     |  6 +++---
 .../sqm-payout-details-card/readme.md          | 18 ++++++++----------
 .../sqm-tax-and-cash-dashboard/readme.md       |  8 ++++----
 .../sqm-tax-and-cash-dashboard-view.tsx        |  1 +
 .../tax-and-cash/sqm-tax-and-cash/data.ts      |  4 +++-
 .../tax-and-cash/sqm-tax-and-cash/readme.md    | 17 +++++++++++------
 .../sqm-tax-and-cash/useTaxAndCash.tsx         | 18 +++++++++++++-----
 .../tax-and-cash/sqm-user-info-form/readme.md  |  5 ++---
 packages/mint-components/src/index.html        |  6 +++---
 9 files changed, 48 insertions(+), 35 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 7cfd162ff5..01b0f261fb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -48,7 +48,7 @@ type ImpactConnectionInput = {
   lastName: string;
   countryCode: string;
   currency: string;
-  indirectTaxCountry?: string;
+  indirectTaxCountryCode?: string;
   indirectTaxRegion?: string;
   indirectTaxId?: string;
   additionalTaxId?: string;
@@ -201,11 +201,11 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
           lastName: userForm.lastName,
           countryCode: userForm.countryCode,
           currency: userForm.currency,
-          indirectTaxCountry: formData.selectedRegion,
+          indirectTaxCountryCode: formData.selectedRegion,
           indirectTaxRegion: formData.province || formData.subRegion,
           indirectTaxId: formData.indirectTaxNumber,
           additionalTaxId: formData.qstNumber,
-          withholdingTaxNumber: formData.subRegionTaxNumber,
+          withholdingTaxId: formData.subRegionTaxNumber,
         } as ImpactConnectionInput,
       });
       if (!result || (result as Error)?.message) throw new Error();
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
index 337d3f9a0c..f1523f6ffc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
@@ -7,16 +7,14 @@
 
 ## Properties
 
-| Property               | Attribute                | Description | Type                                                                                              | Default     |
-| ---------------------- | ------------------------ | ----------- | ------------------------------------------------------------------------------------------------- | ----------- |
-| `accountText`          | `account-text`           |             | `"Account"`                                                                                       | `undefined` |
-| `demoData`             | --                       |             | `{ [x: string]: any; [x: number]: any; }`                                                         | `undefined` |
-| `errorDescriptionText` | `error-description-text` |             | `"Please ensure your payout information is correct. If this problem continues, contact Support."` | `undefined` |
-| `errorTitleText`       | `error-title-text`       |             | `"There was an error with your payout infomation"`                                                | `undefined` |
-| `otherCurrenciesText`  | `other-currencies-text`  |             | `"other currencies"`                                                                              | `undefined` |
-| `statusBadgeText`      | `status-badge-text`      |             | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                     | `undefined` |
-| `thresholdPayoutText`  | `threshold-payout-text`  |             | `"Next payout occurs when balance is"`                                                            | `undefined` |
-| `w9PendingText`        | `w-9-pending-text`       |             | `"Awaiting W-9 tax form"`                                                                         | `undefined` |
+| Property               | Attribute                | Description | Type                                      | Default                                                                                           |
+| ---------------------- | ------------------------ | ----------- | ----------------------------------------- | ------------------------------------------------------------------------------------------------- |
+| `accountText`          | `account-text`           |             | `string`                                  | `"Account"`                                                                                       |
+| `demoData`             | --                       |             | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                       |
+| `errorDescriptionText` | `error-description-text` |             | `string`                                  | `"Please ensure your payout information is correct. If this problem continues, contact Support."` |
+| `errorTitleText`       | `error-title-text`       |             | `string`                                  | `"There was an error with your payout infomation"`                                                |
+| `statusBadgeText`      | `status-badge-text`      |             | `string`                                  | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                     |
+| `thresholdPayoutText`  | `threshold-payout-text`  |             | `string`                                  | `"Next payout occurs when balance is"`                                                            |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index 694be1af50..d74cd7b985 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -21,7 +21,7 @@
 | `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                            |
 | `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered in {province}, {country}"`                                                                                                                      |
 | `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered in {country}"`                                                                                                                                  |
-| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax"`                                                                                                                                             |
+| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Indirect tax"`                                                                                                                                             |
 | `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered in {country}, {subRegion}"`                                                                                                                     |
 | `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
 | `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Ensure your information matches your profile and resubmit a new document."`                                                                                |
@@ -29,17 +29,17 @@
 | `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
 | `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
 | `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Payouts will be sent from our referral program provider, impact.com"`                                                                                      |
-| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"QST Number: {qstNumber}"`                                                                                                                                  |
+| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"QST number: {qstNumber}"`                                                                                                                                  |
 | `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Active"`                                                                                                                                                   |
 | `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Invalid Tax Form"`                                                                                                                                         |
 | `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not Verified"`                                                                                                                                             |
-| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Income Tax Number: {subRegionTaxNumber}"`                                                                                                                  |
+| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                  |
 | `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{documentType} tax form is invalid"`                                                                                                                       |
 | `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
 | `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                             |
 | `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please resubmit a new {documentType} form."`                                                                                                               |
 | `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Tax documents"`                                                                                                                                            |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{documentType} Tax Form"`                                                                                                                                  |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{documentType} tax form"`                                                                                                                                  |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 86c4acde6d..96487c58c1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -470,6 +470,7 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
                       onClick={callbacks.onClick}
                       type="default"
                       class={sheet.classes.NewFormButton}
+                      exportparts="base: secondarybutton-base"
                     >
                       {text.newFormButton}
                     </sl-button>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 7536cf859c..d8a1fe7a25 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -53,7 +53,9 @@ export const GET_USER = gql`
             countryCode
             currency
             requiredTaxDocumentType
-            indirectTaxId
+            taxInformation {
+              indirectTaxId
+            }
             currentTaxDocument {
               status
               type
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 7fc1ebe9a0..4e96d90b4f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -8,32 +8,37 @@
 | Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                       |
 | ----------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `continueButton`                                | `continue-button`                                    | Text for the continue button in the form                                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
+| `dashboard_accountText`                         | `dashboard_account-text`                             |                                                                                                            | `string`                                                                                                             | `"Account"`                                                                                                                                                                   |
 | `dashboard_badgeTextAwaitingReview`             | `dashboard_badge-text-awaiting-review`               | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                            |
 | `dashboard_badgeTextSubmittedOn`                | `dashboard_badge-text-submitted-on`                  | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                              |
 | `dashboard_badgeTextSubmittedOnW8`              | `dashboard_badge-text-submitted-on-w-8`              | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                     |
 | `dashboard_bankingInformationSectionHeader`     | `dashboard_banking-information-section-header`       | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                       |
 | `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          | Text displayed in the edit Payment Information button                                                      | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                   |
+| `dashboard_errorDescriptionText`                | `dashboard_error-description-text`                   |                                                                                                            | `string`                                                                                                             | `"Please ensure your payout information is correct. If this problem continues, contact Support."`                                                                             |
+| `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         |                                                                                                            | `string`                                                                                                             | `"There was an error with your payout infomation"`                                                                                                                            |
 | `dashboard_indirectTaxDetails`                  | `dashboard_indirect-tax-details`                     | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                             |
 | `dashboard_indirectTaxInfoCanada`               | `dashboard_indirect-tax-info-canada`                 | Country/Province description text of indirect tax                                                          | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                       |
 | `dashboard_indirectTaxInfoOtherCountry`         | `dashboard_indirect-tax-info-other-country`          | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                   |
-| `dashboard_indirectTaxInfoSectionHeader`        | `dashboard_indirect-tax-info-section-header`         | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                              |
+| `dashboard_indirectTaxInfoSectionHeader`        | `dashboard_indirect-tax-info-section-header`         | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect tax"`                                                                                                                                                              |
 | `dashboard_indirectTaxInfoSpain`                | `dashboard_indirect-tax-info-spain`                  | Spain/Region description text of indirect tax                                                              | `string`                                                                                                             | `"Registered in {country}, {subRegion}"`                                                                                                                                      |
 | `dashboard_indirectTaxTooltipSupport`           | `dashboard_indirect-tax-tooltip-support`             | Indirect tax tooltip text for support                                                                      | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                                 |
 | `dashboard_invalidForm`                         | `dashboard_invalid-form`                             | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Ensure your information matches your profile and resubmit a new document."`                                                                                                 |
 | `dashboard_newFormButton`                       | `dashboard_new-form-button`                          | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                           |
 | `dashboard_noFormNeededSubtext`                 | `dashboard_no-form-needed-subtext`                   | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                             |
 | `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                  |
-| `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST Number: {qstNumber}"`                                                                                                                                                   |
+| `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST number: {qstNumber}"`                                                                                                                                                   |
+| `dashboard_statusBadgeText`                     | `dashboard_status-badge-text`                        |                                                                                                            | `string`                                                                                                             | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                 |
 | `dashboard_statusTextActive`                    | `dashboard_status-text-active`                       | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                    |
 | `dashboard_statusTextNotActive`                 | `dashboard_status-text-not-active`                   | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                          |
 | `dashboard_statusTextNotVerified`               | `dashboard_status-text-not-verified`                 | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                              |
-| `dashboard_subRegionTaxNumber`                  | `dashboard_sub-region-tax-number`                    | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income Tax Number: {incomeTaxNumber}"`                                                                                                                                      |
+| `dashboard_subRegionTaxNumber`                  | `dashboard_sub-region-tax-number`                    | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income tax number: {incomeTaxNumber}"`                                                                                                                                      |
 | `dashboard_taxAlertHeaderNotActiveW8`           | `dashboard_tax-alert-header-not-active-w-8`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                        |
 | `dashboard_taxAlertHeaderNotActiveW9`           | `dashboard_tax-alert-header-not-active-w-9`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                 |
 | `dashboard_taxAlertNotActiveMessageW8`          | `dashboard_tax-alert-not-active-message-w-8`         | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                                              |
 | `dashboard_taxAlertNotActiveMessageW9`          | `dashboard_tax-alert-not-active-message-w-9`         | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                                |
 | `dashboard_taxDocumentSectionHeader`            | `dashboard_tax-document-section-header`              | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                             |
-| `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                   |
+| `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                   |
+| `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    |                                                                                                            | `string`                                                                                                             | `"Next payout occurs when balance is"`                                                                                                                                        |
 | `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                   |
 | `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                   |
 | `generalErrorDescription`                       | `general-error-description`                          | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
@@ -42,7 +47,7 @@
 | `isPartnerAlertHeader`                          | `is-partner-alert-header`                            | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                  |
 | `notRegisteredSubtext`                          | `not-registered-subtext`                             | Subtext for the option indicating not being registered for indirect tax                                    | `string`                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                           |
 | `otherRegionSubtext`                            | `other-region-subtext`                               | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"IIf you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                              |
-| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I have read the terms and conditions and allow impact.com to collect my tax and banking information"`                                                                       |
+| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                   |
 | `step1_country`                                 | `step-1_country`                                     | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                   |
 | `step1_currency`                                | `step-1_currency`                                    | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                  |
 | `step1_email`                                   | `step-1_email`                                       | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                     |
@@ -130,7 +135,7 @@
 | `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          | Text for the option to receive payments to a PayPal account with processing fee details                    | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                             |
 | `step4_voCodeLabel`                             | `step-4_vo-code-label`                               | Label text for the VO code input field                                                                     | `string`                                                                                                             | `"VO Code"`                                                                                                                                                                   |
 | `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                      |
-| `termsAndConditionsLabel`                       | `terms-and-conditions-label`                         | Label text for terms and conditions                                                                        | `string`                                                                                                             | `"Terms and conditions"`                                                                                                                                                      |
+| `termsAndConditionsLabel`                       | `terms-and-conditions-label`                         | Label text for terms and conditions                                                                        | `string`                                                                                                             | `"terms and conditions"`                                                                                                                                                      |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index f195b084f4..c1e7fc3ef7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -67,19 +67,27 @@ export function useTaxAndCash() {
     //   "0021abad9b19015c190479fdc4ac2491a30c5b744f9603003b07f122a80483df";
 
     // // andy
-    const id = "12345";
-    const accountId = "12345";
+    // const id = "12345";
+    // const accountId = "12345";
+
+    // andy2
+    const id =
+      "8bf41db67abff15fb0f4de69325d6f1c1fb52cf0ea9100fd646101cd8c0b27b6";
+    const accountId =
+      "8bf41db67abff15fb0f4de69325d6f1c1fb52cf0ea9100fd646101cd8c0b27b6";
 
     // sam
     // const id =
     //   "ea9c677dda4e031bcb559541007ff61179fbe8bf8f6c32e478d97f09d069fd5b";
     // const accountId =
     //   "ea9c677dda4e031bcb559541007ff61179fbe8bf8f6c32e478d97f09d069fd5b";
-    const programId = "22514";
+    // const programId = "22514";
+    const programId = "22999";
 
     //@ts-ignore
     window.widgetIdent = {
-      tenantAlias: "aprh0cfq6y8tk",
+      // tenantAlias: "aprh0cfq6y8tk",
+      tenantAlias: "aswi7zpxl6rjp",
       appDomain: "https://staging.referralsaasquatch.com",
       programId,
     };
@@ -98,7 +106,7 @@ export function useTaxAndCash() {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMTIzNDUiLCJhY2NvdW50SWQiOiIxMjM0NSIsImVtYWlsIjoiYW5keS5sdW8rdGVzdDdAaW1wYWN0LmNvbSJ9fQ.seNeBfB_w31PKbzVld1Ad--dpgZBLda7dXzAthWuGO8",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiOGJmNDFkYjY3YWJmZjE1ZmIwZjRkZTY5MzI1ZDZmMWMxZmI1MmNmMGVhOTEwMGZkNjQ2MTAxY2Q4YzBiMjdiNiIsImFjY291bnRJZCI6IjhiZjQxZGI2N2FiZmYxNWZiMGY0ZGU2OTMyNWQ2ZjFjMWZiNTJjZjBlYTkxMDBmZDY0NjEwMWNkOGMwYjI3YjYifX0.zGP57YKLV0J5WmMpUD61KdGHK600kdO3wlhy_oOr0ts",
       });
     }, []);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index d52042b780..a491478356 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -9,7 +9,7 @@
 
 | Property                    | Attribute                      | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default                                                                                                                                                                     |
 | --------------------------- | ------------------------------ | ------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`    | `allow-banking-collection`     | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I have read the terms and conditions and allow impact.com to collect my tax and banking information"`                                                                     |
+| `allowBankingCollection`    | `allow-banking-collection`     | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
 | `continueButton`            | `continue-button`              | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                                                                                                |
 | `country`                   | `country`                      | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Country"`                                                                                                                                                                 |
 | `currency`                  | `currency`                     | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Currency"`                                                                                                                                                                |
@@ -21,12 +21,11 @@
 | `formStep`                  | `form-step`                    | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Step 1 of 4"`                                                                                                                                                             |
 | `generalErrorDescription`   | `general-error-description`    | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
 | `generalErrorTitle`         | `general-error-title`          | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"There was a problem submitting your information"`                                                                                                                         |
-| `iWasLazy`                  | `i-was-lazy`                   |                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"hello"`                                                                                                                                                                   |
 | `isPartnerAlertDescription` | `is-partner-alert-description` | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"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."` |
 | `isPartnerAlertHeader`      | `is-partner-alert-header`      | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
 | `lastName`                  | `last-name`                    | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Last name"`                                                                                                                                                               |
 | `personalInformation`       | `personal-information`         | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Personal Information"`                                                                                                                                                    |
-| `termsAndConditionsLabel`   | `terms-and-conditions-label`   | Label text for terms and conditions                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Terms and conditions"`                                                                                                                                                    |
+| `termsAndConditionsLabel`   | `terms-and-conditions-label`   | Label text for terms and conditions                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"terms and conditions"`                                                                                                                                                    |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 63afe7dd45..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-portal-container>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container> -->
+    </sqm-portal-container>
   </body>
 </html>

From 19fa66a2bc15f488eeb3ef4744375d1678f1c308 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 6 Mar 2024 17:27:06 -0800
Subject: [PATCH 430/753] implement taxInformation updates

---
 .../useIndirectTaxForm.tsx                    | 16 +++++++++-----
 .../useTaxAndCashDashboard.tsx                |  4 ++--
 .../tax-and-cash/sqm-tax-and-cash/data.ts     | 22 ++++++++++++++-----
 3 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 7cfd162ff5..eb39d7fd67 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -138,14 +138,18 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       setFormState({
         province: user.impactConnection.publisher.indirectTaxSubdivision,
         subRegion: user.impactConnection.publisher.indirectTaxSubdivision,
-        hasQst: !!user.impactConnection.publisher.additionalTaxId,
-        qstNumber: user.impactConnection.publisher.additionalTaxId,
+        hasQst:
+          !!user.impactConnection.publisher.taxInformation.additionalTaxId,
+        qstNumber:
+          user.impactConnection.publisher.taxInformation.additionalTaxId,
         hasSubRegionTaxNumber:
-          !!user.impactConnection.publisher.withholdingTaxNumber,
+          !!user.impactConnection.publisher.taxInformation.withholdingTaxId,
         subRegionTaxNumber:
-          user.impactConnection.publisher.withholdingTaxNumber,
-        selectedRegion: user.impactConnection.publisher.indirectTaxCountry,
-        indirectTaxNumber: user.impactConnection.publisher.indirectTaxId,
+          user.impactConnection.publisher.taxInformation.withholdingTaxId,
+        selectedRegion:
+          user.impactConnection.publisher.taxInformation.indirectTaxCountryCode,
+        indirectTaxNumber:
+          user.impactConnection.publisher.taxInformation.indirectTaxId,
       });
     } else {
       setFormState({
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index d9e460a527..d5e483c67e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -96,10 +96,10 @@ export const useTaxAndCashDashboard = (
       // AL TODO: qstNumber
       qstNumber: 0,
       indirectTaxType: data?.user.customFields?.__indirectTaxType,
-      indirectTaxNumber: publisher?.indirectTaxId,
+      indirectTaxNumber: publisher?.taxInformation?.indirectTaxId,
       isBusinessEntity: publisher?.requiredTaxDocumentType === "W8BENE",
       province: provinceName,
-      country: publisher?.indirectTaxCountry
+      country: publisher?.taxInformation?.indirectTaxCountryCode
         ? // @ts-ignore: DisplayNames does exist on Intl
           new Intl.DisplayNames([locale.replaceAll("_", "-")], {
             type: "language",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 7536cf859c..8126db220d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -53,7 +53,14 @@ export const GET_USER = gql`
             countryCode
             currency
             requiredTaxDocumentType
-            indirectTaxId
+            taxInformation {
+              indirectTaxId
+              indirectTaxCountryCode
+              indirectTaxRegion
+              additionalTaxId
+              withholdingTaxId
+              withholdingTaxCountryCode
+            }
             currentTaxDocument {
               status
               type
@@ -83,13 +90,20 @@ type TaxDocumentStatus = "NEW" | "NOT_VERIFIED" | "ACTIVE" | "INACTIVE";
 type ImpactPublisher = {
   countryCode: string;
   currency: string;
-  indirectTaxId: string | null;
   requiredTaxDocumentType: TaxDocumentType | null;
   currentTaxDocument: null | {
     status: TaxDocumentStatus;
     type: TaxDocumentType;
     dateCreated: number;
   };
+  taxInformation: {
+    indirectTaxId: string | null;
+    indirectTaxCountryCode: string;
+    indirectTaxRegion: string | null;
+    additionalTaxId: string | null;
+    withholdingTaxId: string | null;
+    withholdingTaxCountryCode: string | null;
+  };
   withdrawalSettings: {
     paymentMethod: "PAYPAL" | "BANK_TRANSFER";
     paypalEmailAddress: string | null;
@@ -106,10 +120,6 @@ type ImpactPublisher = {
   // TODO: Remove this comment when these fields exist
   indirectTaxOption: "SAME_COUNTRY" | "NO_TAX" | "DIFFERENT_COUNTRY";
   indirectTaxSubdivision: string;
-  indirectTaxCountry: string;
-  additionalTaxId: string;
-  withholdingTaxCountry: string;
-  withholdingTaxNumber: string;
   organizationType: string;
 };
 export type UserQuery = {

From 68291d5316321da12acb299d181313c57703f1c9 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 7 Mar 2024 08:36:35 -0800
Subject: [PATCH 431/753] fix docusign page

---
 packages/mint-components/package-lock.json                    | 4 ++--
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx        | 4 +---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index cc1c3003ff..6211c45bc8 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-48",
+  "version": "1.8.0-54",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-48",
+      "version": "1.8.0-54",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 708a9cc586..7042eca9af 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -80,9 +80,7 @@ export function useDocusignForm(props: DocusignForm) {
   const [errors, setErrors] = useState({});
   const [loading, setLoading] = useState(false);
 
-  const existingDocumentType =
-    publisher?.currentTaxDocument?.type || // Then current form (could be different than required)
-    publisher?.requiredTaxDocumentType; // Last, the required tax form
+  const existingDocumentType = publisher?.currentTaxDocument?.type;
 
   const actualDocumentType =
     existingDocumentType || getDocumentType(participantType);

From 0f6955ab7d631d25dd8f2398a1761088bc1cc48e Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 7 Mar 2024 08:44:28 -0800
Subject: [PATCH 432/753] Added missing CSS parts in tax form steps

---
 .../sqm-banking-info-form/sqm-banking-info-form-view.tsx  | 8 +++++++-
 .../sqm-docusign-form/sqm-docusign-form-view.tsx          | 7 ++++++-
 .../sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx  | 8 +++++++-
 .../sqm-tax-and-cash-dashboard-view.tsx                   | 8 +++++++-
 .../sqm-user-info-form/sqm-user-info-form-view.tsx        | 8 +++++++-
 5 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index abeb0d2a8a..6fd8fa41e3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -360,7 +360,12 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
           </p>
         </div>
         {formState.errors?.general && (
-          <sl-alert type="warning" open class={sheet.classes.AlertContainer}>
+          <sl-alert
+            exportparts="base: alert-base, icon:alert-icon"
+            type="warning"
+            open
+            class={sheet.classes.AlertContainer}
+          >
             <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
             <strong>{text.error.generalTitle}</strong>
             <br />
@@ -369,6 +374,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
         )}
         {states.isPartner && (
           <sl-alert
+            exportparts="base: alert-base, icon:alert-icon"
             type="primary"
             open
             class={sheet.classes.PartnerAlertContainer}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 79698cf8e9..3d69e8c406 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -218,7 +218,12 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
         </div>
       </div>
       {formState.errors?.general && (
-        <sl-alert type="warning" open class={sheet.classes.ErrorAlertContainer}>
+        <sl-alert
+          exportparts="base: alert-base, icon:alert-icon"
+          type="warning"
+          open
+          class={sheet.classes.ErrorAlertContainer}
+        >
           <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
           <strong>{text.error.generalTitle}</strong>
           <br />
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 519f0a045e..55b7baa152 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -211,7 +211,12 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
           </p>
         </div>
         {formState.errors?.general && (
-          <sl-alert type="warning" open class={sheet.classes.AlertContainer}>
+          <sl-alert
+            exportparts="base: alert-base, icon:alert-icon"
+            type="warning"
+            open
+            class={sheet.classes.AlertContainer}
+          >
             <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
             <strong>{text.error.generalTitle}</strong>
             <br />
@@ -223,6 +228,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
             type="primary"
             open
             class={sheet.classes.PartnerAlertContainer}
+            exportparts="base: alert-base, icon:alert-icon"
           >
             <sl-icon slot="icon" name="info-circle"></sl-icon>
             <strong>{text.isPartnerAlertHeader}</strong>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 96487c58c1..983e33c5b7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -251,7 +251,12 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
 
   const alertMap = {
     NOT_ACTIVE: (
-      <sl-alert type="danger" open class={sheet.classes.WarningAlertContainer}>
+      <sl-alert
+        exportparts="base: alert-base, icon:alert-icon"
+        type="danger"
+        open
+        class={sheet.classes.WarningAlertContainer}
+      >
         <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
         <strong>
           {intl.formatMessage(
@@ -326,6 +331,7 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
         <style type="text/css">{styleString}</style>
         {states.errors?.general && (
           <sl-alert
+            exportparts="base: alert-base, icon:alert-icon"
             type="danger"
             open
             class={sheet.classes.WarningAlertContainer}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 6b53c96395..2e94ba4991 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -225,7 +225,12 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
             </div>
           </div>
           {formState.errors?.general && (
-            <sl-alert type="warning" open class={sheet.classes.AlertContainer}>
+            <sl-alert
+              exportparts="base: alert-base, icon:alert-icon"
+              type="warning"
+              open
+              class={sheet.classes.AlertContainer}
+            >
               <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
               <strong>{text.error.generalTitle}</strong>
               <br />
@@ -238,6 +243,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                 type="primary"
                 open
                 class={sheet.classes.PartnerAlertContainer}
+                exportparts="base: alert-base, icon:alert-icon"
               >
                 <sl-icon slot="icon" name="info-circle"></sl-icon>
                 <strong>{text.isPartnerAlertHeader}</strong>

From 8577e3b5bee83b5888288c05343f43a5b95314b8 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 7 Mar 2024 09:17:30 -0800
Subject: [PATCH 433/753] hook up indirect tax information fields

---
 .../tax-and-cash/TaxForm.stories.tsx          |  4 +-
 .../sqm-docusign-form/useDocusignForm.tsx     |  4 +-
 .../useIndirectTaxForm.tsx                    | 10 +--
 .../sqm-tax-and-cash-dashboard-view.tsx       |  8 +--
 .../useTaxAndCashDashboard.tsx                | 64 ++++++++++++++-----
 .../tax-and-cash/sqm-tax-and-cash/data.ts     |  8 +--
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 49 +++++++-------
 .../small-views/IndirectTaxDetailsView.tsx    |  6 +-
 .../src/components/tax-and-cash/subregions.ts | 26 ++++----
 9 files changed, 104 insertions(+), 75 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 8b8433564d..212c3a760a 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -1047,7 +1047,7 @@ export const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
           isIndirectTaxCanada: true,
           indirectTaxType: "GST",
           indirectTaxNumber: "123456",
-          qstNumber: 44212,
+          qstNumber: "44212",
           isBusinessEntity: true,
         },
       }}
@@ -1070,7 +1070,7 @@ export const TaxAndCashDashboardIndirectTaxSpain = () => {
           subRegion: "Madred",
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
-          subRegionTaxNumber: 44212,
+          subRegionTaxNumber: "44212",
           isBusinessEntity: true,
         },
       }}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 7042eca9af..e510ff7661 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -83,7 +83,9 @@ export function useDocusignForm(props: DocusignForm) {
   const existingDocumentType = publisher?.currentTaxDocument?.type;
 
   const actualDocumentType =
-    existingDocumentType || getDocumentType(participantType);
+    existingDocumentType ||
+    getDocumentType(participantType) ||
+    publisher?.requiredTaxDocumentType;
 
   useEffect(() => {
     if (!publisher?.currentTaxDocument?.type) return;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 087888fc36..d85816c029 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -134,10 +134,12 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     const user = userData?.user;
     if (!user) return;
 
-    if (user.impactConnection?.publisher) {
+    if (user.impactConnection?.publisher?.taxInformation) {
       setFormState({
-        province: user.impactConnection.publisher.indirectTaxSubdivision,
-        subRegion: user.impactConnection.publisher.indirectTaxSubdivision,
+        province:
+          user.impactConnection.publisher.taxInformation.indirectTaxRegion,
+        subRegion:
+          user.impactConnection.publisher.taxInformation.indirectTaxRegion,
         hasQst:
           !!user.impactConnection.publisher.taxInformation.additionalTaxId,
         qstNumber:
@@ -242,7 +244,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       hideSteps: context.hideSteps,
       disabled: loading || countriesLoading || connectLoading,
       loading: loading || connectLoading || countriesLoading,
-      isPartner: !!userData?.user?.impactConnection?.publisher,
+      isPartner: !!userData?.user?.impactConnection?.publisher?.taxInformation,
       formState: {
         checked: option,
         errors,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 96487c58c1..fc8184fea7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -13,13 +13,9 @@ export interface TaxAndCashDashboardProps {
     dateExpired?: string;
     expiresSoon?: boolean;
     noFormNeeded?: boolean;
-    // AL: TODO add indirectTaxType props
     indirectTaxType?: string;
-    //AL: TOD add qst number (quebec)
-    qstNumber?: number;
-    //AL: TODO add income tax number (spain)
-    subRegionTaxNumber?: number;
-    //AL TODO add sub-region (spain)
+    qstNumber?: string;
+    subRegionTaxNumber?: string;
     subRegion?: string;
     indirectTaxNumber?: string;
     province?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index d5e483c67e..d7feea64fc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -6,16 +6,21 @@ import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useSetParent } from "../../../utils/useParentState";
 import { NextPayout } from "../sqm-payout-details-card/PayoutDetailsCard.stories";
 import {
+  ImpactPublisher,
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
   TaxContext,
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
-import { INDIRECT_TAX_PROVINCES } from "../subregions";
+import {
+  INDIRECT_TAX_PROVINCES,
+  INDIRECT_TAX_SPAIN_REGIONS,
+} from "../subregions";
 import { taxTypeToName } from "../utils";
 import { TaxAndCashDashboard } from "./sqm-tax-and-cash-dashboard";
 import { TaxAndCashDashboardProps } from "./sqm-tax-and-cash-dashboard-view";
+import { vatLabels } from "../countries";
 
 function getExpiresSoon(submissionDate: number, expiryDate: number) {
   if (!submissionDate || !expiryDate) return false;
@@ -27,6 +32,36 @@ function getExpiresSoon(submissionDate: number, expiryDate: number) {
   );
 }
 
+function getCountryName(countryCode: string, locale: string) {
+  if (!countryCode) return undefined;
+
+  // @ts-ignore: DisplayNames exists on Intl
+  return new Intl.DisplayNames([locale.replace("_", "-")], {
+    type: "region",
+    // @ts-ignore: Bad DisplayNames type (has to be array)
+  }).of([countryCode]);
+}
+
+function getSubRegionName(regionCode: string) {
+  const regions = [...INDIRECT_TAX_PROVINCES, ...INDIRECT_TAX_SPAIN_REGIONS];
+  return regions.find((r) => r.regionCode === regionCode)?.displayName;
+}
+
+function getIndirectTaxType(taxInformation: ImpactPublisher["taxInformation"]) {
+  const regions = [...INDIRECT_TAX_PROVINCES, ...INDIRECT_TAX_SPAIN_REGIONS];
+  if (taxInformation?.indirectTaxRegion) {
+    return regions.find(
+      (r) => r.regionCode === taxInformation?.indirectTaxRegion
+    )?.taxType;
+  }
+
+  // Spain regions only have VAT type
+  if (taxInformation?.withholdingTaxCountryCode) return "VAT";
+  if (taxInformation?.indirectTaxCountryCode) {
+    return vatLabels[taxInformation.indirectTaxCountryCode] || "Indirect Tax";
+  }
+}
+
 export const useTaxAndCashDashboard = (
   props: TaxAndCashDashboard
 ): TaxAndCashDashboardProps => {
@@ -79,7 +114,7 @@ export const useTaxAndCashDashboard = (
   };
 
   const provinceName = INDIRECT_TAX_PROVINCES.find(
-    (p) => p.provinceCode === publisher?.indirectTaxSubdivision
+    (p) => p.regionCode === publisher?.taxInformation?.indirectTaxRegion
   )?.displayName;
 
   return {
@@ -89,24 +124,19 @@ export const useTaxAndCashDashboard = (
       documentType,
       documentTypeString: taxTypeToName(documentType),
       status: publisher?.currentTaxDocument?.status,
-      //AL TODO ADD SUB-REGION
-      subRegion: "",
-      // AL TODO: subRegionTaxNumber
-      subRegionTaxNumber: 0,
-      // AL TODO: qstNumber
-      qstNumber: 0,
-      indirectTaxType: data?.user.customFields?.__indirectTaxType,
+      subRegion: getSubRegionName(publisher?.taxInformation?.indirectTaxRegion),
+      subRegionTaxNumber: publisher?.taxInformation?.withholdingTaxId,
+      qstNumber: publisher?.taxInformation?.additionalTaxId,
+      indirectTaxType: getIndirectTaxType(publisher?.taxInformation),
       indirectTaxNumber: publisher?.taxInformation?.indirectTaxId,
       isBusinessEntity: publisher?.requiredTaxDocumentType === "W8BENE",
       province: provinceName,
-      country: publisher?.taxInformation?.indirectTaxCountryCode
-        ? // @ts-ignore: DisplayNames does exist on Intl
-          new Intl.DisplayNames([locale.replaceAll("_", "-")], {
-            type: "language",
-            // @ts-ignore: Bad DisplayNames type (has to be array)
-          }).of([publisher.indirectTaxCountry])
-        : undefined,
-      notRegistered: publisher?.indirectTaxOption === "NO_TAX",
+      country: getCountryName(
+        publisher?.taxInformation?.indirectTaxCountryCode,
+        locale
+      ),
+      // TODO: Remove these states since we aren't supporting autofill of saved values
+      notRegistered: false,
       noFormNeeded: !documentType,
       expiresSoon,
       disabled: loading,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 8126db220d..8156c0c978 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -87,7 +87,7 @@ export const GET_USER = gql`
 `;
 
 type TaxDocumentStatus = "NEW" | "NOT_VERIFIED" | "ACTIVE" | "INACTIVE";
-type ImpactPublisher = {
+export type ImpactPublisher = {
   countryCode: string;
   currency: string;
   requiredTaxDocumentType: TaxDocumentType | null;
@@ -96,7 +96,7 @@ type ImpactPublisher = {
     type: TaxDocumentType;
     dateCreated: number;
   };
-  taxInformation: {
+  taxInformation: null | {
     indirectTaxId: string | null;
     indirectTaxCountryCode: string;
     indirectTaxRegion: string | null;
@@ -117,10 +117,6 @@ type ImpactPublisher = {
     hold: boolean;
     balance: string;
   };
-  // TODO: Remove this comment when these fields exist
-  indirectTaxOption: "SAME_COUNTRY" | "NO_TAX" | "DIFFERENT_COUNTRY";
-  indirectTaxSubdivision: string;
-  organizationType: string;
 };
 export type UserQuery = {
   user: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index c1e7fc3ef7..d01b89afae 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -34,7 +34,10 @@ import {
 } from "./data";
 
 function getCurrentStep(user: UserQuery["user"]) {
-  if (!user.impactConnection?.publisher || !user.impactConnection?.connected) {
+  if (
+    !user.impactConnection?.publisher?.taxInformation ||
+    !user.impactConnection?.connected
+  ) {
     return "/1";
   }
 
@@ -61,55 +64,55 @@ export function useTaxAndCash() {
 
   function setupDemo() {
     // coleton
-    // const id =
-    //   "0021abad9b19015c190479fdc4ac2491a30c5b744f9603003b07f122a80483df";
-    // const accountId =
-    //   "0021abad9b19015c190479fdc4ac2491a30c5b744f9603003b07f122a80483df";
+    const id =
+      "0a1e1fa178d52ded03e86b6bd01a8a02046d8bef3367634e192746e7119c41e3";
+    const accountId =
+      "0a1e1fa178d52ded03e86b6bd01a8a02046d8bef3367634e192746e7119c41e3";
 
     // // andy
     // const id = "12345";
     // const accountId = "12345";
 
     // andy2
-    const id =
-      "8bf41db67abff15fb0f4de69325d6f1c1fb52cf0ea9100fd646101cd8c0b27b6";
-    const accountId =
-      "8bf41db67abff15fb0f4de69325d6f1c1fb52cf0ea9100fd646101cd8c0b27b6";
+    // const id =
+    //   "8bf41db67abff15fb0f4de69325d6f1c1fb52cf0ea9100fd646101cd8c0b27b6";
+    // const accountId =
+    //   "8bf41db67abff15fb0f4de69325d6f1c1fb52cf0ea9100fd646101cd8c0b27b6";
 
     // sam
     // const id =
     //   "ea9c677dda4e031bcb559541007ff61179fbe8bf8f6c32e478d97f09d069fd5b";
     // const accountId =
     //   "ea9c677dda4e031bcb559541007ff61179fbe8bf8f6c32e478d97f09d069fd5b";
-    // const programId = "22514";
-    const programId = "22999";
+    const programId = "22514";
+    // const programId = "22999";
 
     //@ts-ignore
     window.widgetIdent = {
-      // tenantAlias: "aprh0cfq6y8tk",
-      tenantAlias: "aswi7zpxl6rjp",
+      tenantAlias: "aprh0cfq6y8tk",
+      // tenantAlias: "aswi7zpxl6rjp",
       appDomain: "https://staging.referralsaasquatch.com",
       programId,
     };
 
     // coleton
-    // useEffect(() => {
-    //   setUserIdentity({
-    //     accountId,
-    //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMDAyMWFiYWQ5YjE5MDE1YzE5MDQ3OWZkYzRhYzI0OTFhMzBjNWI3NDRmOTYwMzAwM2IwN2YxMjJhODA0ODNkZiIsImFjY291bnRJZCI6IjAwMjFhYmFkOWIxOTAxNWMxOTA0NzlmZGM0YWMyNDkxYTMwYzViNzQ0Zjk2MDMwMDNiMDdmMTIyYTgwNDgzZGYifX0.bPJJiqNQOtVpkyq3X02AgdIOU7We7IVeClu5MWhbJWE",
-    //   });
-    // }, []);
-
-    // andy
     useEffect(() => {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiOGJmNDFkYjY3YWJmZjE1ZmIwZjRkZTY5MzI1ZDZmMWMxZmI1MmNmMGVhOTEwMGZkNjQ2MTAxY2Q4YzBiMjdiNiIsImFjY291bnRJZCI6IjhiZjQxZGI2N2FiZmYxNWZiMGY0ZGU2OTMyNWQ2ZjFjMWZiNTJjZjBlYTkxMDBmZDY0NjEwMWNkOGMwYjI3YjYifX0.zGP57YKLV0J5WmMpUD61KdGHK600kdO3wlhy_oOr0ts",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMGExZTFmYTE3OGQ1MmRlZDAzZTg2YjZiZDAxYThhMDIwNDZkOGJlZjMzNjc2MzRlMTkyNzQ2ZTcxMTljNDFlMyIsImFjY291bnRJZCI6IjBhMWUxZmExNzhkNTJkZWQwM2U4NmI2YmQwMWE4YTAyMDQ2ZDhiZWYzMzY3NjM0ZTE5Mjc0NmU3MTE5YzQxZTMifX0.OO18YDc8LG3XeKJAug1oahqapmHY61RncrbRiK7Yer4",
       });
     }, []);
 
+    // andy
+    // useEffect(() => {
+    //   setUserIdentity({
+    //     accountId,
+    //     id,
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiOGJmNDFkYjY3YWJmZjE1ZmIwZjRkZTY5MzI1ZDZmMWMxZmI1MmNmMGVhOTEwMGZkNjQ2MTAxY2Q4YzBiMjdiNiIsImFjY291bnRJZCI6IjhiZjQxZGI2N2FiZmYxNWZiMGY0ZGU2OTMyNWQ2ZjFjMWZiNTJjZjBlYTkxMDBmZDY0NjEwMWNkOGMwYjI3YjYifX0.zGP57YKLV0J5WmMpUD61KdGHK600kdO3wlhy_oOr0ts",
+    //   });
+    // }, []);
+
     // sam
     // useEffect(() => {
     //   setUserIdentity({
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index e1894677c4..a692c36e59 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -30,7 +30,7 @@ export interface IndirectDetailsSlotViewProps {
       displayName: string;
     }[];
     provinces?: {
-      provinceCode: string;
+      regionCode: string;
       displayName: string;
     }[];
     countries?: TaxCountry[];
@@ -248,7 +248,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
     const { classes } = sheet;
 
     const currentTaxType = INDIRECT_TAX_PROVINCES?.find(
-      (p) => p.provinceCode === formState.province
+      (p) => p.regionCode === formState.province
     )?.taxType as TaxType | undefined;
 
     return (
@@ -272,7 +272,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
           name="/province"
         >
           {props.data.provinces.map((p) => (
-            <sl-menu-item value={p.provinceCode}>{p.displayName}</sl-menu-item>
+            <sl-menu-item value={p.regionCode}>{p.displayName}</sl-menu-item>
           ))}
         </sl-select>
         {currentTaxType === "GST" && (
diff --git a/packages/mint-components/src/components/tax-and-cash/subregions.ts b/packages/mint-components/src/components/tax-and-cash/subregions.ts
index 0253e6773b..a93b684da3 100644
--- a/packages/mint-components/src/components/tax-and-cash/subregions.ts
+++ b/packages/mint-components/src/components/tax-and-cash/subregions.ts
@@ -1,37 +1,37 @@
 export const INDIRECT_TAX_PROVINCES = [
-  { provinceCode: "ALBERTA", taxType: "GST", displayName: "Alberta" },
+  { regionCode: "ALBERTA", taxType: "GST", displayName: "Alberta" },
   {
-    provinceCode: "BRITISHCOLUMBIA",
+    regionCode: "BRITISHCOLUMBIA",
     taxType: "HST",
     displayName: "British Columbia",
   },
-  { provinceCode: "MANITOBA", taxType: "HST", displayName: "Manitoba" },
+  { regionCode: "MANITOBA", taxType: "HST", displayName: "Manitoba" },
   {
-    provinceCode: "NEWBRUNSWICK",
+    regionCode: "NEWBRUNSWICK",
     taxType: "HST",
     displayName: "New Brunswick",
   },
   {
-    provinceCode: "NEWFOUNDLANDLABRADOR",
+    regionCode: "NEWFOUNDLANDLABRADOR",
     taxType: "HST",
     displayName: "Newfoundland",
   },
   {
-    provinceCode: "NORTHWESTTERRITORIES",
+    regionCode: "NORTHWESTTERRITORIES",
     taxType: "GST",
     displayName: "North West Territories",
   },
-  { provinceCode: "NOVASCOTIA", taxType: "HST", displayName: "Nova Scotia" },
-  { provinceCode: "NUNAVUT", taxType: "HST", displayName: "Nunavut" },
-  { provinceCode: "ONTARIO", taxType: "HST", displayName: "Ontario" },
+  { regionCode: "NOVASCOTIA", taxType: "HST", displayName: "Nova Scotia" },
+  { regionCode: "NUNAVUT", taxType: "HST", displayName: "Nunavut" },
+  { regionCode: "ONTARIO", taxType: "HST", displayName: "Ontario" },
   {
-    provinceCode: "PRINCEEDWARDISLAND",
+    regionCode: "PRINCEEDWARDISLAND",
     taxType: "HST",
     displayName: "Prince Edward Island",
   },
-  { provinceCode: "QUEBEC", taxType: "GST", displayName: "Quebec" },
-  { provinceCode: "SASKATCHEWAN", taxType: "HST", displayName: "Saskatchewan" },
-  { provinceCode: "YUKON", taxType: "GST", displayName: "Yukon" },
+  { regionCode: "QUEBEC", taxType: "GST", displayName: "Quebec" },
+  { regionCode: "SASKATCHEWAN", taxType: "HST", displayName: "Saskatchewan" },
+  { regionCode: "YUKON", taxType: "GST", displayName: "Yukon" },
 ];
 
 export const INDIRECT_TAX_SPAIN_REGIONS = [

From 6ffd2b6feec49bf524349cbce26d622bd6d99952 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 7 Mar 2024 09:28:45 -0800
Subject: [PATCH 434/753] prerelease 1.8.0-56

---
 packages/mint-components/package.json         |  2 +-
 .../sqm-banking-info-form/readme.md           |  4 ++
 .../sqm-indirect-tax-form/readme.md           | 58 +++++++++----------
 .../sqm-tax-and-cash-dashboard/readme.md      |  2 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  1 +
 5 files changed, 36 insertions(+), 31 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 84076144d1..3577e58529 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-54",
+  "version": "1.8.0-56",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index ff9ec4f2bc..deddcefe84 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -26,8 +26,12 @@
 | `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification"`                                                                                                                                                                   |
 | `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; }; }` | `undefined`                                                                                                                                                                          |
 | `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Directly to my bank account"`                                                                                                                                                      |
+| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"EFT Withdrawal (free)"`                                                                                                                                                            |
+| `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{fieldName} is invalid"`                                                                                                                                                           |
+| `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{fieldName} is required"`                                                                                                                                                          |
 | `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Foreign"`                                                                                                                                                                          |
 | `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Step 4 of 4"`                                                                                                                                                                      |
+| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                             |
 | `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                        |
 | `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem submitting your information"`                                                                                                                                  |
 | `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"IBAN"`                                                                                                                                                                             |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index d36a9ff2ad..239b48204a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -5,35 +5,35 @@
 
 ## Properties
 
-| Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                                                             |
-| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                                                                            |
-| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`                                       |
-| `continueButton`                 | `continue-button`                     | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Continue"`                                                                                                                                                                                                        |
-| `demoData`                       | --                                    |                                                                                                    | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors: {}; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { provinceCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: string; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                         |
-| `fieldRequiredError`             | `field-required-error`                | Required error text shown at the bottom of field inputs                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{fieldName} is required"`                                                                                                                                                                                         |
-| `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Step 2 of 4"`                                                                                                                                                                                                     |
-| `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
-| `generalErrorTitle`              | `general-error-title`                 | Title text for a general form submission error                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                                                                                                                 |
-| `indirectTax`                    | `indirect-tax`                        | Heading text shown at the top of the page                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax"`                                                                                                                                                                                                    |
-| `indirectTaxDescription`         | `indirect-tax-description`            | Text shown at the top of the page below to the indirect tax header                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."` |
-| `indirectTaxDetails`             | `indirect-tax-details`                | Heading text for the indirect tax details section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Indirect Tax Details"`                                                                                                                                                                                            |
-| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Text shown below the indirect tax details heading text                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Businesses based in countries that enforce indirect taxes (e.g. VAT, HST, GST) must add their indirect tax details to stay tax compliant."`                                                                       |
-| `indirectTaxNumber`              | `indirect-tax-number`                 | Label text for the indirect tax number input with a dynamic placeholder based on tax type          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                                                             |
-| `indirectTaxNumberError`         | `indirect-tax-number-error`           | Error message for the indirect tax number input field with a dynamic placeholder based on tax type | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                                                                 |
-| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Description text for the alert when the user is identified as a partner                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"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."`                                         |
-| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Header text for the alert when the user is identified as a partner                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
-| `isRegisteredQST`                | `is-registered-q-s-t`                 | Text for the option indicating registration for QST tax                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am registered for QST Tax"`                                                                                                                                                                                     |
-| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Text for the option indicating registration for sub-region income tax                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                      |
-| `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Not registered for indirect tax"`                                                                                                                                                                                 |
-| `notRegisteredSubtext`           | `not-registered-subtext`              | Subtext for the option indicating not being registered for indirect tax                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
-| `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax in a different region                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Registered for indirect tax"`                                                                                                                                                                                     |
-| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                     |
-| `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Province"`                                                                                                                                                                                                        |
-| `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"QST Number"`                                                                                                                                                                                                      |
-| `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Country / Region of Indirect Tax"`                                                                                                                                                                                |
-| `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Sub-region"`                                                                                                                                                                                                      |
-| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Income Tax Number"`                                                                                                                                                                                               |
+| Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Default                                                                                                                                                                                                             |
+| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Back"`                                                                                                                                                                                                            |
+| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`                                       |
+| `continueButton`                 | `continue-button`                     | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Continue"`                                                                                                                                                                                                        |
+| `demoData`                       | --                                    |                                                                                                    | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors: {}; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { regionCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: string; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                         |
+| `fieldRequiredError`             | `field-required-error`                | Required error text shown at the bottom of field inputs                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{fieldName} is required"`                                                                                                                                                                                         |
+| `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Step 2 of 4"`                                                                                                                                                                                                     |
+| `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
+| `generalErrorTitle`              | `general-error-title`                 | Title text for a general form submission error                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem submitting your information"`                                                                                                                                                                 |
+| `indirectTax`                    | `indirect-tax`                        | Heading text shown at the top of the page                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Indirect Tax"`                                                                                                                                                                                                    |
+| `indirectTaxDescription`         | `indirect-tax-description`            | Text shown at the top of the page below to the indirect tax header                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."` |
+| `indirectTaxDetails`             | `indirect-tax-details`                | Heading text for the indirect tax details section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Indirect Tax Details"`                                                                                                                                                                                            |
+| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Text shown below the indirect tax details heading text                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Businesses based in countries that enforce indirect taxes (e.g. VAT, HST, GST) must add their indirect tax details to stay tax compliant."`                                                                       |
+| `indirectTaxNumber`              | `indirect-tax-number`                 | Label text for the indirect tax number input with a dynamic placeholder based on tax type          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                                                             |
+| `indirectTaxNumberError`         | `indirect-tax-number-error`           | Error message for the indirect tax number input field with a dynamic placeholder based on tax type | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                                                                 |
+| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Description text for the alert when the user is identified as a partner                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."`                                         |
+| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Header text for the alert when the user is identified as a partner                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
+| `isRegisteredQST`                | `is-registered-q-s-t`                 | Text for the option indicating registration for QST tax                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"I am registered for QST Tax"`                                                                                                                                                                                     |
+| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Text for the option indicating registration for sub-region income tax                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                      |
+| `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Not registered for indirect tax"`                                                                                                                                                                                 |
+| `notRegisteredSubtext`           | `not-registered-subtext`              | Subtext for the option indicating not being registered for indirect tax                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
+| `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax in a different region                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered for indirect tax"`                                                                                                                                                                                     |
+| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                     |
+| `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Province"`                                                                                                                                                                                                        |
+| `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"QST Number"`                                                                                                                                                                                                      |
+| `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Country / Region of Indirect Tax"`                                                                                                                                                                                |
+| `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Sub-region"`                                                                                                                                                                                                      |
+| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Income Tax Number"`                                                                                                                                                                                               |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index d74cd7b985..d664b3cc8e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -13,7 +13,7 @@
 | `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Submitted on {dateSubmitted}."`                                                                                                                            |
 | `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
 | `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Payout information"`                                                                                                                                       |
-| `demoData`                        | --                                   |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; disabled?: boolean; dateSubmitted?: string; dateExpired?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: number; subRegionTaxNumber?: number; subRegion?: string; indirectTaxNumber?: string; province?: string; country?: string; notRegistered?: boolean; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
+| `demoData`                        | --                                   |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; 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; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
 | `editIndirectTaxButton`           | `edit-indirect-tax-button`           | Text displayed in the edit Indirect Tax button                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Edit Indirect Tax"`                                                                                                                                        |
 | `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Edit Payout Information"`                                                                                                                                  |
 | `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 4e96d90b4f..a4524c01ed 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -40,6 +40,7 @@
 | `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                   |
 | `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    |                                                                                                            | `string`                                                                                                             | `"Next payout occurs when balance is"`                                                                                                                                        |
 | `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                   |
+| `fieldInvalidError`                             | `field-invalid-error`                                | Invalid error text shown at the bottom of field inputs                                                     | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                    |
 | `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                   |
 | `generalErrorDescription`                       | `general-error-description`                          | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
 | `generalErrorTitle`                             | `general-error-title`                                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |

From 51b042da5e42dd85e46d1e1ae8b452cab05aca0e Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 7 Mar 2024 10:08:38 -0800
Subject: [PATCH 435/753] spec for fields saved in indirect tax form

---
 .../sqm-indirect-tax-form.feature             | 26 ++++++++++++++-
 .../useIndirectTaxForm.tsx                    | 32 ++++++++++---------
 .../useTaxAndCashDashboard.tsx                |  5 ++-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  6 ++--
 4 files changed, 49 insertions(+), 20 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 9e23935fc9..331c9cf79e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -95,7 +95,7 @@ Feature: Indirect Tax Form
     And the "province" field has value "Quebec"
     Then the "registeredForQST" checkbox with label "I am registered for QST Tax" will appear
     When the "registeredForQST" checkbox is selected
-    Then the "qstNumber" field is selected
+    Then the "qstNumber" field is shown
     And the "qstNumber" field has label "QST Number"
 
   @minutia @ui
@@ -188,6 +188,30 @@ Feature: Indirect Tax Form
     And as they type in the searchbar
     Then the available countries get filtered out based on their search
 
+  Scenario Outline: Fields saved
+    Given the radio option <option> is selected
+    And the indirect tax form is filled out according to <formData>
+    When the "Continue" button is pressed
+    Then the following user fields are included in the request body
+      | field       |
+      | firstName   |
+      | lastName    |
+      | email       |
+      | countryCode |
+      | currency    |
+    And the tax information fields <taxFields> have values in the request body
+    And any other fields are "undefined"
+
+    Examples:
+      | option        | indirectCountryCode | indirectTaxId | indirectTaxRegion | additionalTaxId | withholdingTaxId | requestBody                                                             |
+      | notRegistered | n/a                 | n/a           | n/a               | n/a             | n/a              | ""                                                                      |
+      | registered    | US (United States)  | 123123        | n/a               | n/a             | n/a              | indirectCountryCode, indirectTaxId                                      |
+      | registered    | UK (United Kingdom) | 123123        | n/a               | n/a             | n/a              | indirectCountryCode, indirectTaxId                                      |
+      | registered    | CA (Canada)         | 123123        | BC                | n/a             | n/a              | indirectCountryCode, indirectTaxId, indirectTaxRegion                   |
+      | registered    | CA (Canada)         | 123123        | QU                | 333             | n/a              | indirectCountryCode, indirectTaxId, indirectTaxRegion, additionalTaxId  |
+      | registered    | ES (Spain)          | 123123        | SPAINPROPER       | n/a             | 333              | indirectCountryCode, indirectTaxId, indirectTaxRegion, withholdingTaxId |
+      | registered    | ES (Spain)          | 123123        | CANARYISLANDS     | n/a             | 333              | indirectCountryCode, indirectTaxId, indirectTaxRegion, withholdingTaxId |
+
   @minutia
   Scenario: Participant is registered for indirect tax fills out and submits form
     Given they fill out the form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index d85816c029..f8f2e5f7cb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -197,22 +197,24 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
 
     setLoading(true);
     try {
+      const vars = {
+        user: {
+          id: user.id,
+          accountId: user.accountId,
+        },
+        firstName: userForm.firstName,
+        lastName: userForm.lastName,
+        countryCode: userForm.countryCode,
+        currency: userForm.currency,
+        indirectTaxCountryCode: formData.selectedRegion,
+        indirectTaxRegion: formData.province || formData.subRegion,
+        indirectTaxId: formData.indirectTaxNumber,
+        additionalTaxId: formData.qstNumber,
+        withholdingTaxId: formData.subRegionTaxNumber,
+      } as ImpactConnectionInput;
+
       const result = await connectImpactPartner({
-        vars: {
-          user: {
-            id: user.id,
-            accountId: user.accountId,
-          },
-          firstName: userForm.firstName,
-          lastName: userForm.lastName,
-          countryCode: userForm.countryCode,
-          currency: userForm.currency,
-          indirectTaxCountryCode: formData.selectedRegion,
-          indirectTaxRegion: formData.province || formData.subRegion,
-          indirectTaxId: formData.indirectTaxNumber,
-          additionalTaxId: formData.qstNumber,
-          withholdingTaxId: formData.subRegionTaxNumber,
-        } as ImpactConnectionInput,
+        vars,
       });
       if (!result || (result as Error)?.message) throw new Error();
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index d7feea64fc..08501800f6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -124,7 +124,10 @@ export const useTaxAndCashDashboard = (
       documentType,
       documentTypeString: taxTypeToName(documentType),
       status: publisher?.currentTaxDocument?.status,
-      subRegion: getSubRegionName(publisher?.taxInformation?.indirectTaxRegion),
+      subRegion: getSubRegionName(
+        publisher?.taxInformation?.indirectTaxRegion ||
+          publisher?.taxInformation?.withholdingTaxCountryCode
+      ),
       subRegionTaxNumber: publisher?.taxInformation?.withholdingTaxId,
       qstNumber: publisher?.taxInformation?.additionalTaxId,
       indirectTaxType: getIndirectTaxType(publisher?.taxInformation),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index d01b89afae..5cbe79f8f7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -65,9 +65,9 @@ export function useTaxAndCash() {
   function setupDemo() {
     // coleton
     const id =
-      "0a1e1fa178d52ded03e86b6bd01a8a02046d8bef3367634e192746e7119c41e3";
+      "53f33721e0d80c408c2efa67d97e87ef0f033b8d163450e1cfc8e51924a26d88";
     const accountId =
-      "0a1e1fa178d52ded03e86b6bd01a8a02046d8bef3367634e192746e7119c41e3";
+      "53f33721e0d80c408c2efa67d97e87ef0f033b8d163450e1cfc8e51924a26d88";
 
     // // andy
     // const id = "12345";
@@ -100,7 +100,7 @@ export function useTaxAndCash() {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMGExZTFmYTE3OGQ1MmRlZDAzZTg2YjZiZDAxYThhMDIwNDZkOGJlZjMzNjc2MzRlMTkyNzQ2ZTcxMTljNDFlMyIsImFjY291bnRJZCI6IjBhMWUxZmExNzhkNTJkZWQwM2U4NmI2YmQwMWE4YTAyMDQ2ZDhiZWYzMzY3NjM0ZTE5Mjc0NmU3MTE5YzQxZTMifX0.OO18YDc8LG3XeKJAug1oahqapmHY61RncrbRiK7Yer4",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNTNmMzM3MjFlMGQ4MGM0MDhjMmVmYTY3ZDk3ZTg3ZWYwZjAzM2I4ZDE2MzQ1MGUxY2ZjOGU1MTkyNGEyNmQ4OCIsImFjY291bnRJZCI6IjUzZjMzNzIxZTBkODBjNDA4YzJlZmE2N2Q5N2U4N2VmMGYwMzNiOGQxNjM0NTBlMWNmYzhlNTE5MjRhMjZkODgifX0.RU4aJ44XRtTXVx_ghUtv8OaXfewuC4QVRqtEz3BqjXo",
       });
     }, []);
 

From dd6633bce8ee9e745398b7bd8819491823b66832 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 7 Mar 2024 10:08:54 -0800
Subject: [PATCH 436/753] clean up tax region

---
 .../sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx    | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 08501800f6..d7feea64fc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -124,10 +124,7 @@ export const useTaxAndCashDashboard = (
       documentType,
       documentTypeString: taxTypeToName(documentType),
       status: publisher?.currentTaxDocument?.status,
-      subRegion: getSubRegionName(
-        publisher?.taxInformation?.indirectTaxRegion ||
-          publisher?.taxInformation?.withholdingTaxCountryCode
-      ),
+      subRegion: getSubRegionName(publisher?.taxInformation?.indirectTaxRegion),
       subRegionTaxNumber: publisher?.taxInformation?.withholdingTaxId,
       qstNumber: publisher?.taxInformation?.additionalTaxId,
       indirectTaxType: getIndirectTaxType(publisher?.taxInformation),

From f53073e18520dc63c19a825c11192e1fc7889e26 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 7 Mar 2024 10:23:23 -0800
Subject: [PATCH 437/753] publish

---
 packages/mint-components/package.json                         | 2 +-
 .../components/tax-and-cash/sqm-banking-info-form/readme.md   | 4 ++++
 .../src/components/tax-and-cash/sqm-tax-and-cash/readme.md    | 1 +
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 84076144d1..3577e58529 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-54",
+  "version": "1.8.0-56",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index ff9ec4f2bc..deddcefe84 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -26,8 +26,12 @@
 | `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification"`                                                                                                                                                                   |
 | `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; }; }` | `undefined`                                                                                                                                                                          |
 | `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Directly to my bank account"`                                                                                                                                                      |
+| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"EFT Withdrawal (free)"`                                                                                                                                                            |
+| `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{fieldName} is invalid"`                                                                                                                                                           |
+| `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{fieldName} is required"`                                                                                                                                                          |
 | `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Foreign"`                                                                                                                                                                          |
 | `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Step 4 of 4"`                                                                                                                                                                      |
+| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                             |
 | `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                        |
 | `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem submitting your information"`                                                                                                                                  |
 | `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"IBAN"`                                                                                                                                                                             |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 4e96d90b4f..a4524c01ed 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -40,6 +40,7 @@
 | `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                   |
 | `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    |                                                                                                            | `string`                                                                                                             | `"Next payout occurs when balance is"`                                                                                                                                        |
 | `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                   |
+| `fieldInvalidError`                             | `field-invalid-error`                                | Invalid error text shown at the bottom of field inputs                                                     | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                    |
 | `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                   |
 | `generalErrorDescription`                       | `general-error-description`                          | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
 | `generalErrorTitle`                             | `general-error-title`                                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |

From ab997c32664776af6681215deb2d5dfe165b609b Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 7 Mar 2024 11:00:52 -0800
Subject: [PATCH 438/753] fix tax number label

---
 .../src/components/tax-and-cash/countries.ts  | 96 +++++++++----------
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  6 +-
 2 files changed, 51 insertions(+), 51 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/countries.ts b/packages/mint-components/src/components/tax-and-cash/countries.ts
index 7d1387b69b..a508db06ac 100644
--- a/packages/mint-components/src/components/tax-and-cash/countries.ts
+++ b/packages/mint-components/src/components/tax-and-cash/countries.ts
@@ -1,50 +1,50 @@
 export const vatLabels = {
-  UK: "VAT",
-  AUSTRALIA: "GST",
-  NEWZEALAND: "GST",
-  CANADA: "HST",
-  AUSTRIA: "VAT",
-  BELGIUM: "VAT",
-  BULGARIA: "VAT",
-  CROATIA: "VAT",
-  CYPRUS: "VAT",
-  CZECHREPUBLIC: "VAT",
-  DENMARK: "VAT",
-  ESTONIA: "VAT",
-  FINLAND: "VAT",
-  FRANCE: "VAT",
-  GERMANY: "VAT",
-  GREECE: "VAT",
-  HUNGARY: "VAT",
-  IRELAND: "VAT",
-  ITALY: "VAT",
-  LATVIA: "VAT",
-  LITHUANIA: "VAT",
-  LUXEMBOURG: "VAT",
-  MALTA: "VAT",
-  NETHERLANDS: "VAT",
-  POLAND: "VAT",
-  PORTUGAL: "VAT",
-  ROMANIA: "VAT",
-  SLOVAKIA: "VAT",
-  SLOVENIA: "VAT",
-  SPAIN: "VAT",
-  SWEDEN: "VAT",
-  ICELAND: "VAT",
-  INDIA: "GST",
-  ISRAEL: "VAT",
-  JAPAN: "CT",
-  MEXICO: "VAT",
-  NORWAY: "VAT",
-  SINGAPORE: "GST",
-  SOUTHAFRICA: "VAT",
-  SOUTHKOREA: "VAT",
-  SWITZERLAND: "VAT",
-  TAIWAN: "VAT",
-  THAILAND: "VAT",
-  PHILIPPINES: "VAT",
-  MALAYSIA: "SST",
-  UAE: "VAT",
-  TURKEY: "VAT",
-  RUSSIA: "VAT",
+  GB: "VAT",
+  AU: "GST",
+  NZ: "GST",
+  CA: "HST",
+  AT: "VAT",
+  BE: "VAT",
+  BG: "VAT",
+  HR: "VAT",
+  CY: "VAT",
+  CZ: "VAT",
+  DK: "VAT",
+  EE: "VAT",
+  FI: "VAT",
+  FR: "VAT",
+  DE: "VAT",
+  GR: "VAT",
+  HU: "VAT",
+  IE: "VAT",
+  IT: "VAT",
+  LV: "VAT",
+  LT: "VAT",
+  LU: "VAT",
+  MT: "VAT",
+  NL: "VAT",
+  PL: "VAT",
+  PT: "VAT",
+  RO: "VAT",
+  SK: "VAT",
+  SI: "VAT",
+  ES: "VAT",
+  SE: "VAT",
+  IS: "VAT",
+  IN: "GST",
+  IL: "VAT",
+  JP: "CT",
+  MX: "VAT",
+  NO: "VAT",
+  SG: "GST",
+  ZA: "VAT",
+  KR: "VAT",
+  CH: "VAT",
+  TW: "VAT",
+  TH: "VAT",
+  PH: "VAT",
+  MY: "SST",
+  AE: "VAT",
+  TR: "VAT",
+  RU: "VAT",
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 5cbe79f8f7..eff312ef11 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -65,9 +65,9 @@ export function useTaxAndCash() {
   function setupDemo() {
     // coleton
     const id =
-      "53f33721e0d80c408c2efa67d97e87ef0f033b8d163450e1cfc8e51924a26d88";
+      "62ed0e47b59c7f9dbfeb05dd807e542d8fee6fdb51978a6d61a238797df1914e";
     const accountId =
-      "53f33721e0d80c408c2efa67d97e87ef0f033b8d163450e1cfc8e51924a26d88";
+      "62ed0e47b59c7f9dbfeb05dd807e542d8fee6fdb51978a6d61a238797df1914e";
 
     // // andy
     // const id = "12345";
@@ -100,7 +100,7 @@ export function useTaxAndCash() {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNTNmMzM3MjFlMGQ4MGM0MDhjMmVmYTY3ZDk3ZTg3ZWYwZjAzM2I4ZDE2MzQ1MGUxY2ZjOGU1MTkyNGEyNmQ4OCIsImFjY291bnRJZCI6IjUzZjMzNzIxZTBkODBjNDA4YzJlZmE2N2Q5N2U4N2VmMGYwMzNiOGQxNjM0NTBlMWNmYzhlNTE5MjRhMjZkODgifX0.RU4aJ44XRtTXVx_ghUtv8OaXfewuC4QVRqtEz3BqjXo",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjJlZDBlNDdiNTljN2Y5ZGJmZWIwNWRkODA3ZTU0MmQ4ZmVlNmZkYjUxOTc4YTZkNjFhMjM4Nzk3ZGYxOTE0ZSIsImFjY291bnRJZCI6IjYyZWQwZTQ3YjU5YzdmOWRiZmViMDVkZDgwN2U1NDJkOGZlZTZmZGI1MTk3OGE2ZDYxYTIzODc5N2RmMTkxNGUifX0.h-2WvLE61X_VsMWsMacvAjUTFEO8fn64a5modDCN0Eo",
       });
     }, []);
 

From 92622be1f0b979c8c2601d216a2612dc2d0d1430 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 7 Mar 2024 11:26:31 -0800
Subject: [PATCH 439/753] Added css parts to payoutdetailscard

---
 .../sqm-payout-details-card-view.tsx          |  7 ++-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 44 +++++++++----------
 2 files changed, 28 insertions(+), 23 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index bd1fd832e7..96b1dc6c3c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -188,7 +188,12 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
     <div class={classes.Container}>
       <style type="text/css">{styleString}</style>
       {states.error && (
-        <sl-alert class={classes.Alert} type="danger" open>
+        <sl-alert
+          exportparts="base: alert-base, icon:alert-icon"
+          class={classes.Alert}
+          type="danger"
+          open
+        >
           <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
           <div class={classes.AlertContent}>
             <b>{text.errorTitleText}</b>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index d01b89afae..93c9694dbe 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -64,55 +64,55 @@ export function useTaxAndCash() {
 
   function setupDemo() {
     // coleton
-    const id =
-      "0a1e1fa178d52ded03e86b6bd01a8a02046d8bef3367634e192746e7119c41e3";
-    const accountId =
-      "0a1e1fa178d52ded03e86b6bd01a8a02046d8bef3367634e192746e7119c41e3";
+    // const id =
+    //   "0a1e1fa178d52ded03e86b6bd01a8a02046d8bef3367634e192746e7119c41e3";
+    // const accountId =
+    //   "0a1e1fa178d52ded03e86b6bd01a8a02046d8bef3367634e192746e7119c41e3";
 
     // // andy
     // const id = "12345";
     // const accountId = "12345";
 
     // andy2
-    // const id =
-    //   "8bf41db67abff15fb0f4de69325d6f1c1fb52cf0ea9100fd646101cd8c0b27b6";
-    // const accountId =
-    //   "8bf41db67abff15fb0f4de69325d6f1c1fb52cf0ea9100fd646101cd8c0b27b6";
+    const id =
+      "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
+    const accountId =
+      "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
 
     // sam
     // const id =
     //   "ea9c677dda4e031bcb559541007ff61179fbe8bf8f6c32e478d97f09d069fd5b";
     // const accountId =
     //   "ea9c677dda4e031bcb559541007ff61179fbe8bf8f6c32e478d97f09d069fd5b";
-    const programId = "22514";
-    // const programId = "22999";
+    // const programId = "22514";
+    const programId = "22999";
 
     //@ts-ignore
     window.widgetIdent = {
-      tenantAlias: "aprh0cfq6y8tk",
-      // tenantAlias: "aswi7zpxl6rjp",
+      // tenantAlias: "aprh0cfq6y8tk",
+      tenantAlias: "aswi7zpxl6rjp",
       appDomain: "https://staging.referralsaasquatch.com",
       programId,
     };
 
     // coleton
-    useEffect(() => {
-      setUserIdentity({
-        accountId,
-        id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMGExZTFmYTE3OGQ1MmRlZDAzZTg2YjZiZDAxYThhMDIwNDZkOGJlZjMzNjc2MzRlMTkyNzQ2ZTcxMTljNDFlMyIsImFjY291bnRJZCI6IjBhMWUxZmExNzhkNTJkZWQwM2U4NmI2YmQwMWE4YTAyMDQ2ZDhiZWYzMzY3NjM0ZTE5Mjc0NmU3MTE5YzQxZTMifX0.OO18YDc8LG3XeKJAug1oahqapmHY61RncrbRiK7Yer4",
-      });
-    }, []);
-
-    // andy
     // useEffect(() => {
     //   setUserIdentity({
     //     accountId,
     //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiOGJmNDFkYjY3YWJmZjE1ZmIwZjRkZTY5MzI1ZDZmMWMxZmI1MmNmMGVhOTEwMGZkNjQ2MTAxY2Q4YzBiMjdiNiIsImFjY291bnRJZCI6IjhiZjQxZGI2N2FiZmYxNWZiMGY0ZGU2OTMyNWQ2ZjFjMWZiNTJjZjBlYTkxMDBmZDY0NjEwMWNkOGMwYjI3YjYifX0.zGP57YKLV0J5WmMpUD61KdGHK600kdO3wlhy_oOr0ts",
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMGExZTFmYTE3OGQ1MmRlZDAzZTg2YjZiZDAxYThhMDIwNDZkOGJlZjMzNjc2MzRlMTkyNzQ2ZTcxMTljNDFlMyIsImFjY291bnRJZCI6IjBhMWUxZmExNzhkNTJkZWQwM2U4NmI2YmQwMWE4YTAyMDQ2ZDhiZWYzMzY3NjM0ZTE5Mjc0NmU3MTE5YzQxZTMifX0.OO18YDc8LG3XeKJAug1oahqapmHY61RncrbRiK7Yer4",
     //   });
     // }, []);
 
+    // andy
+    useEffect(() => {
+      setUserIdentity({
+        accountId,
+        id,
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiODBkMjRlOGQ2MTMzYmRjZjg1OTg0NGNhMWZjNzU1MmM1N2Q1ZDA2NjFhN2Y0NmY3OTFlYTA3ODU4MjdhNzBlZCIsImFjY291bnRJZCI6IjgwZDI0ZThkNjEzM2JkY2Y4NTk4NDRjYTFmYzc1NTJjNTdkNWQwNjYxYTdmNDZmNzkxZWEwNzg1ODI3YTcwZWQifX0.8VWa3R_pSeRJeNw07AZPjCdTuTiwBYXOAc-ouVItuYs",
+      });
+    }, []);
+
     // sam
     // useEffect(() => {
     //   setUserIdentity({

From 9c8ae20970280e6e8399f2797320010261541788 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 7 Mar 2024 13:52:16 -0800
Subject: [PATCH 440/753] Step 2 copy

---
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.tsx    |  2 +-
 .../sqm-payout-details-card.tsx                        |  1 +
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx | 10 +++++-----
 packages/mint-components/src/index.html                |  6 +++---
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 60270bc5c0..2134631e0e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -55,7 +55,7 @@ export class IndirectTaxForm {
    * @uiName Indirect tax details subtext
    */
   @Prop() indirectTaxDetailsDescription: string =
-    "Businesses based in countries that enforce indirect taxes (e.g. VAT, HST, GST) must add their indirect tax details to stay tax compliant.";
+    "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 in a different region
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 5c30c7787b..2eab6e5653 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -15,6 +15,7 @@ import { usePayoutDetailsCard } from "./usePayoutDetailsCard";
   shadow: true,
 })
 export class PayoutDetailsCard {
+  // TODO: Add jsDoc strings and cleanup getTextProps();
   @Prop()
   statusBadgeText: string =
     "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index f4384373ac..fd6f7082c7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -125,27 +125,26 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_indirectTaxDetailsDescription: string =
-    "Not sure if you are registered for indirect tax? Contact our Support team to find out more.";
+    "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.";
   /**
    * Label text for the other region radio button
    * @uiName Other region radio button label
    * @uiGroup Step 2 Properties
    */
-  @Prop() step2_otherRegion: string =
-    "I am registered for Indirect Tax in a different Country / Region";
+  @Prop() step2_otherRegion: string = "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
    * @uiGroup Step 2 Properties
    */
   @Prop() otherRegionSubtext: string =
-    "IIf you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
+    "If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
   /**
    * Label text for the not registered radio button
    * @uiName Not registered radio button label
    * @uiGroup Step 2 Properties
    */
-  @Prop() step2_notRegistered: string = "I am not registered for Indirect Tax";
+  @Prop() step2_notRegistered: string = "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
@@ -959,6 +958,7 @@ export class TaxAndCashMonolith {
     const props = useTaxAndCash();
     // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
+    // TODO: Create form wrapper that includes the header and sub text.
     switch (props.step) {
       case "/1":
         return (
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From 274662c59edbaf866c646812b431d231ae3f638f Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 7 Mar 2024 14:34:51 -0800
Subject: [PATCH 441/753] spec updates + empty tax info dashboard fix

Co-authored-by: AndiLuo <AndiLuo@users.noreply.github.com>
---
 .../sqm-docusign-form.feature                 |  16 ++
 .../sqm-indirect-tax-form.feature             |   3 +-
 .../sqm-payout-details-card.feature           |   4 +-
 .../sqm-tax-and-cash-dashboard.feature        |  65 ++++---
 .../useTaxAndCashDashboard.tsx                |   5 +-
 .../tax-and-cash/sqm-tax-form.feature         | 159 ++++++++----------
 6 files changed, 124 insertions(+), 128 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index 8a3310edf7..7981594b71 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -121,3 +121,19 @@ Feature: Docusign Form
   Scenario: Participant cannot go back to previous steps
     When they view the Docusign form
     Then no back button will be present
+
+  @minutia
+  Scenario: Error banner on form load failure
+    Given a participant loads the docusign form
+    And they have a required tax document type
+    And the request to get the docusign url fails
+    Then an error banner is shown
+    And the banner has title
+      """
+      There was a problem loading your form
+      """
+    And the banner has description
+      """
+      Please refresh the page and try again. If this problem continues, contact Support.
+      """
+
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 331c9cf79e..9bd3a6fac0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -188,6 +188,7 @@ Feature: Indirect Tax Form
     And as they type in the searchbar
     Then the available countries get filtered out based on their search
 
+  @motivating
   Scenario Outline: Fields saved
     Given the radio option <option> is selected
     And the indirect tax form is filled out according to <formData>
@@ -203,7 +204,7 @@ Feature: Indirect Tax Form
     And any other fields are "undefined"
 
     Examples:
-      | option        | indirectCountryCode | indirectTaxId | indirectTaxRegion | additionalTaxId | withholdingTaxId | requestBody                                                             |
+      | option        | indirectCountryCode | indirectTaxId | indirectTaxRegion | additionalTaxId | withholdingTaxId | taxFields                                                               |
       | notRegistered | n/a                 | n/a           | n/a               | n/a             | n/a              | ""                                                                      |
       | registered    | US (United States)  | 123123        | n/a               | n/a             | n/a              | indirectCountryCode, indirectTaxId                                      |
       | registered    | UK (United Kingdom) | 123123        | n/a               | n/a             | n/a              | indirectCountryCode, indirectTaxId                                      |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
index e667d28c43..3718460bb2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
@@ -1,5 +1,5 @@
-@author sam
-@owner sam
+@author:sam
+@owner:sam
 Feature: Payout Details Card
 
     Displays the details of the user's next payout via impact
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
index bf773b0159..7a87180f22 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
@@ -22,23 +22,28 @@ Feature: Tax And Cash Dashboard
     Given they submitted a W9/W8-BEN/W8-BEN-E Tax form
     Then the Tax Form header displays "<documentType> Tax Form"
 
-    Examples: 
+    Examples:
       | documentType |
       | W9           |
-      | W8-BEN       |
-      | W8-BEN-E     |
+      | W8 BEN       |
+      | W8 BEN-E     |
+
+  @minutia
+  Scenario: Indirect tax information section is hidden if they aren't registered
+    Given a user not registered for indirect tax
+    Then the indirect tax information section is hidden
 
   @minutia @ui
   Scenario Outline: The date submitted and status of a Tax Form is displayed to the user
     Given the Tax Document is currently <status>
     When they view the Tax Document Submitted
     Then they see a badge with <status> text and a respective <badgeVariant>
-    Then they see a message indicating "<taxStatusMessage> on <dateSubmitted>"
+    Then they see the message "<taxStatusMessage> on <dateSubmitted>"
 
-    Examples: 
+    Examples:
       | status       | badgeVariant | taxStatusMessage                                                          | dateSubmitted |
-      | ACTIVE       | success      | Submitted on                                                              | Jan 17, 2024  |
-      | NOT_VERIFIED | neutral      | Awaiting Review. Submitted on                                             | Jan 17, 2024  |
+      | ACTIVE       | success      | Submitted                                                                 | Jan 17, 2024  |
+      | NOT_VERIFIED | neutral      | Awaiting Review. Submitted                                                | Jan 17, 2024  |
       | NOT_ACTIVE   | danger       | Ensure your information matches your profile and resubmit a new document. | Jan 17, 2024  |
 
   @minutia @ui
@@ -50,31 +55,21 @@ Feature: Tax And Cash Dashboard
 
   @minutia
   Scenario Outline: Indirect Tax section shows details if participant is registered for indirect tax
-    When the participant <isRegistered> for indirect tax in their <country>
+    When the participant <isRegistered> for indirect tax in their <country> and region <region>
     Then the Indirect Tax section will display <registeredDetails>, <indirectTaxType>, and <indirectTaxNumber>
 
-    Examples: 
-      | isRegistered | country          | registeredDetails                                                                                                                                             | indirectTaxType        | indirectTaxNumber |
-      | true         | Australia        | Registered in Australia.                                                                                                                                      | GST                    |            123456 |
-      | true         | Canada           | Registered in Ontario, Canada.                                                                                                                                | GST                    |            345213 |
-      | true         | Canada           | Registered in British Columbia, Canada.                                                                                                                       | HST                    |            345213 |
-      | true         | Canada           | Registered in Quebec, Canada.                                                                                                                                 | GST, QST               |     345213, 12312 |
-      | true         | United Kingdom   | Registered in United Kingdom.                                                                                                                                 | VAT                    |            321413 |
-      | true         | Spain            | Registered in Spain, Madred.                                                                                                                                  | VAT, Income Tax Number |     345213, 12345 |
-      | false        | United States    | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
-      | false        | United States    | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
-      | false        | Papua New Guinea | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
-
-  @minutia
-  Scenario Outline: Participant is registered for indirect tax in Canada, Quebec
-    When the participant is registered for indirect tax in Canada, Quebec
-    And they <doHaveQSTNumber> from step 2
-    Then the indirect tax section displays <indirectTaxNumbers>
-
-    Examples: 
-      | doHaveQSTNumber | indirectTaxNumbers     |
-      | true            | GST Number, QST Number |
-      | false           | GST Number, N/A        |
+    Examples:
+      | isRegistered | country          | region           | registeredDetails                                                                                                                                             | indirectTaxType        | indirectTaxNumber |
+      | true         | Australia        | n/a              | Registered in Australia.                                                                                                                                      | GST                    | 123456            |
+      | true         | Canada           | Ontario          | Registered in Ontario, Canada.                                                                                                                                | GST                    | 345213            |
+      | true         | Canada           | British Columbia | Registered in British Columbia, Canada.                                                                                                                       | HST                    | 345213            |
+      | true         | Canada           | Quebec           | Registered in Quebec, Canada.                                                                                                                                 | GST, QST               | 345213, 12312     |
+      | true         | United Kingdom   | n/a              | Registered in United Kingdom.                                                                                                                                 | VAT                    | 321413            |
+      | true         | Spain            | Spain Proper     | Registered in Spain, Spain Proper.                                                                                                                            | VAT, Income Tax Number | 345213, 12345     |
+      | true         | Spain            | Canary Islands   | Registered in Spain, Canary Islands.                                                                                                                          | VAT, Income Tax Number | 345213, 12345     |
+      | false        | United States    | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
+      | false        | United States    | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
+      | false        | Papua New Guinea | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
 
   @minutia
   Scenario Outline: Participant is registered for indirect tax in Spain
@@ -83,17 +78,17 @@ Feature: Tax And Cash Dashboard
     And they <doHaveIncomeTaxNumber> from step 2
     Then the indirect tax section displays <indirectTaxNumbers>
 
-    Examples: 
-      | registeredDetails    | subRegion | doHaveIncomeTaxNumber | indirectTaxNumbers            |
-      | Registered in Spain, | Madred    | true                  | VAT Number, Income Tax Number |
-      | Registered in Spain, | Valencia  | false                 | VAT Number, N/A               |
+    Examples:
+      | registeredDetails    | subRegion      | doHaveIncomeTaxNumber | indirectTaxNumbers            |
+      | Registered in Spain, | Spain Proper   | true                  | VAT Number, Income Tax Number |
+      | Registered in Spain, | Canary Islands | false                 | VAT Number, N/A               |
 
   @minutia @ui
   Scenario Outline: A Danger Alert is displayed if the users tax form is invalid
     Given the document has status <status>
     Then a danger alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> appears
 
-    Examples: 
+    Examples:
       | status     | documentType | taxAlertHeader                                                             | taxAlertMessage                                                                                                              |
       | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile. | Please resubmit a new W9 form.                                                                                               |
       | NOT_ACTIVE | W8-BEN       | W8-BEN tax form is invalid.                                                | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form. |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index d7feea64fc..c2e84dd25f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -82,8 +82,6 @@ export const useTaxAndCashDashboard = (
   const documentType = publisher?.currentTaxDocument?.type;
   const submissionDate = publisher?.currentTaxDocument?.dateCreated;
 
-  console.log({ publisher });
-
   const dateSubmitted = submissionDate
     ? DateTime.fromMillis(submissionDate).toFormat("LLL dd, yyyy")
     : undefined;
@@ -135,8 +133,7 @@ export const useTaxAndCashDashboard = (
         publisher?.taxInformation?.indirectTaxCountryCode,
         locale
       ),
-      // TODO: Remove these states since we aren't supporting autofill of saved values
-      notRegistered: false,
+      notRegistered: !publisher?.taxInformation?.indirectTaxId,
       noFormNeeded: !documentType,
       expiresSoon,
       disabled: loading,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 3f72628008..3d88d9ac03 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -6,36 +6,60 @@ Feature: Tax Form Flow
   @minutia
   Scenario Outline: Participants can register as branded partners, provide indirect tax information and submit their tax forms
     Given they are on step 1
-    When they input the following information into the form fields
-      | First Name               | <firstName>              |
-      | Last Name                | <lastName>               |
-      | Email                    | <email>                  |
-      | Country Code             | <countryCode>            |
-      | Currency                 | <currency>               |
-      | Allow Banking Collection | <allowBankingCollection> |
+    When they input information into the following form fields
+      | firstName              |
+      | lastName               |
+      | email                  |
+      | countryCode            |
+      | currency               |
+      | allowBankingCollection |
     And press "Continue"
-    Then they proceed to step 2
-    And they see three options
-      | I am registered for HST in Canada                                |
-      | I am registered for Indirect Tax in a different Country / Region |
-      | I am not registered for Indirect Tax                             |
+    Then they may proceed to step 2
+    When they arrive on step 2
+    Then they see the following radio options
+      | Not registered for indirect tax |
+      | Registered for indirect tax     |
     But <option> is selected by default
     When they complete filling out their indirect tax information
     And press "Continue"
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
 
-    Examples: 
+    Examples:
       | firstName | lastName | email                  | countryCode | brandCountry | currency | allowBankingCollection | option                               | stepX |
-      | Bob       | Johnson  | bob.johnson@email.com  | CA          | US           | CAD      | true                   | I am registered for Indirect Tax     |     3 |
-      | Jane      | Moe      | jane.moe@email.com     | CA          | MX           | CAD      | true                   | I am registered for Indirect Tax     |     4 |
-      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | true                   | I am not registered for Indirect Tax |     4 |
-      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | true                   | I am not registered for Indirect Tax |     4 |
-      | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | true                   | I am registered for Indirect Tax     |     3 |
-      | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | true                   | I am registered for Indirect Tax     |     4 |
-      | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | true                   | I am not registered for Indirect Tax |     3 |
-      | Payton    | Chan     | payton.chan@email.com  | EG          | MX           | EGP      | true                   | I am not registered for Indirect Tax |     4 |
+      | Bob       | Johnson  | bob.johnson@email.com  | CA          | US           | CAD      | true                   | I am registered for Indirect Tax     | 3     |
+      | Jane      | Moe      | jane.moe@email.com     | CA          | MX           | CAD      | true                   | I am registered for Indirect Tax     | 4     |
+      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | true                   | I am not registered for Indirect Tax | 4     |
+      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | true                   | I am not registered for Indirect Tax | 4     |
+      | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | true                   | I am registered for Indirect Tax     | 3     |
+      | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | true                   | I am registered for Indirect Tax     | 4     |
+      | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | true                   | I am not registered for Indirect Tax | 3     |
+      | Payton    | Chan     | payton.chan@email.com  | EG          | MX           | EGP      | true                   | I am not registered for Indirect Tax | 4     |
+
+  Scenario Outline: Default form step on load
+    Given the participant just loaded the form
+    And participant <hasTax>
+    And participant <isConnected>
+    And participant <hasRequiredDoc>
+    And participant <hasCurrentTaxDoc>
+    And participant current tax document has status <status>
+    And participant <hasWithdrawalSettings>
+    Then they proceed to <stepX>
+
+    Examples:
+      | hasTax                 | isConnected      | hasRequiredDoc             | hasCurrentTaxDoc          | status   | hasWithdrawalSettings             | stepX     |
+      | does not have tax info | is not connected | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
+      | does not have tax info | is connected     | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
+      | has tax info           | is not connected | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
+      | has tax info           | is connected     | does have required doc     | does not have current doc | n/a      | n/a                               | step 3    |
+      | has tax info           | is connected     | does have required doc     | does have current doc     | INACTIVE | n/a                               | step 3    |
+      | has tax info           | is connected     | does have required doc     | does have current doc     | NEW      | n/a                               | step 3    |
+      | has tax info           | is connected     | does have required doc     | does have current doc     | ACTIVE   | does not have withdrawal settings | step 4    |
+      | has tax info           | is connected     | does have required doc     | does have current doc     | ACTIVE   | do have withdrawal settings       | dashboard |
+      | has tax info           | is connected     | does not have required doc | does not have current doc | n/a      | does not have withdrawal settings | step 4    |
+      | has tax info           | is connected     | does not have required doc | does not have current doc | n/a      | do have withdrawal settings       | dashboard |
 
   @minutia
+  # TODO: Can a publisher have tax info but not be connected
   Scenario: Participant is already registered as partner, provides indirect tax information, and submit their tax forms
     Given the they are already registered as a partner
     Then step 1 displays a banner with "An account with this email already exists with our referral program provider, impact.com" notifying that they are a partner
@@ -48,42 +72,24 @@ Feature: Tax Form Flow
     And they check "Allow Banking Collection"
     And press "Continue"
     Then they proceed to step 2
-    And they see three options
-      | I am registered for HST in Canada                                |
-      | I am registered for Indirect Tax in a different Country / Region |
-      | I am not registered for Indirect Tax                             |
+    And they see the following radio options
+      | Not registered for indirect tax |
+      | Registered for indirect tax     |
     But <option> is selected by default
     And the <fields> are pre-filled
     And press "Continue"
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
 
-    Examples: 
-      | countryCode | brandCountry | currency | allowBankingCollection | option                          | fields                                                 | stepX |
-      | CA          | US           | CAD      | true                   | Registered for indirect tax     | Country, Province, HST/GST Number, ?QST Number(Quebec) |     3 |
-      | CA          | MX           | CAD      | true                   | Not registered for indirect tax | Country, Province, HST/GST Number                      |     4 |
-      | US          | CA           | USD      | true                   | Not registered for indirect tax | N/A                                                    |     3 |
-      | US          | MX           | USD      | true                   | Not registered for indirect tax | N/A                                                    |     3 |
-      | UK          | US           | GBP      | true                   | Not registered for indirect tax | N/A                                                    |     3 |
-      | UK          | US           | GBP      | true                   | Registered for indirect tax     | Country, VAT Number                                    |     3 |
-      | ES          | US           | EGP      | true                   | Registered for indirect tax     | Country, Sub Region,VAT Number                         |     3 |
-      | EG          | MX           | BMD      | true                   | Not registered for indirect tax | N/A                                                    |     4 |
-
-  @minutia
-  Scenario Outline: Different indirect tax inputs are shown depending on the country of a participant
-    Given they are on step 2
-    When <option> is selected based on the participant <country> from step 1
-    Then different <inputs> appear
-
-    Examples: 
-      | country | option                          | inputs                                                 |
-      | CA      | Registered for indirect tax     | Country, Province, HST/GST Number, ?QST Number(Quebec) |
-      | ES      | Registered for indirect tax     | Country, Sub Region, VAT Number, ?Income Tax Number    |
-      | UK      | Registered for indirect tax     | Country, VAT Number                                    |
-      | IR      | Registered for indirect tax     | Country, GST Number                                    |
-      | AU      | Registered for indirect tax     | Country, GST Number                                    |
-      | JP      | Registered for indirect tax     | Country, CT Number                                     |
-      | US      | Not registered for indirect tax | N/A                                                    |
-      | EG      | Not registered for indirect tax | N/A                                                    |
+    Examples:
+      | countryCode | brandCountry | currency | allowBankingCollection | option                          | fields                                                       | stepX |
+      | CA          | US           | CAD      | true                   | Registered for indirect tax     | Country, Province, HST/GST Number, QST Number (optional)     | 3     |
+      | CA          | MX           | CAD      | true                   | Not registered for indirect tax | N/A                                                          | 4     |
+      | US          | CA           | USD      | true                   | Not registered for indirect tax | N/A                                                          | 3     |
+      | US          | MX           | USD      | true                   | Not registered for indirect tax | N/A                                                          | 3     |
+      | UK          | US           | GBP      | true                   | Not registered for indirect tax | N/A                                                          | 3     |
+      | UK          | US           | GBP      | true                   | Registered for indirect tax     | Country, VAT Number                                          | 3     |
+      | ES          | US           | EGP      | true                   | Registered for indirect tax     | Country, Sub Region, VAT Number, Income Tax Number(optional) | 3     |
+      | EG          | MX           | BMD      | true                   | Not registered for indirect tax | N/A                                                          | 4     |
 
   @minutia
   Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms
@@ -92,7 +98,7 @@ Feature: Tax Form Flow
     And the user selects a <country> not in the US
     Then they skip to step 4 Payout Details
 
-    Examples: 
+    Examples:
       | brandCountry | country |
       | MX           | UK      |
       | AUS          | EGP     |
@@ -106,7 +112,7 @@ Feature: Tax Form Flow
     Then they must select <participantType>
     And the <autoSelectedForm> is displayed
 
-    Examples: 
+    Examples:
       | brandCountry | country | participantType       | autoSelectedForm |
       | US           | CA      | individualParticipant | W8-BEN           |
       | US           | CA      | company               | W8-BEN-E         |
@@ -120,7 +126,7 @@ Feature: Tax Form Flow
     When they view step 3
     Then the <autoSelectedForm> is displayed
 
-    Examples: 
+    Examples:
       | brandCountry | country | autoSelectedForm |
       | MX           | US      | W9               |
       | UK           | US      | W9               |
@@ -143,7 +149,7 @@ Feature: Tax Form Flow
     And they press Continue
     Then they proceed to step 4
     And complete their payout details
-    And they press Continnue
+    And they press Continue
     Then hey see the Dashboard page
 
   @minutia
@@ -154,35 +160,16 @@ Feature: Tax Form Flow
     But the request fails
     Then a general error banner appears with <generalTitle> and <generalDescription>
 
-    Examples: 
+    Examples:
       | generalTitle                                    | generalDescription                                                                       |
       | There was a problem submitting your information | Please review your information and try again. If this problem continues, contact Support |
-  # Undecided behaviour
-  # Scenario: Returning to the docusign iframe page shows the previously selected option from the document type page
-
-  @unknown @minutia
-  Scenario Outline: A user from Another Country completes the User Info and Indirect Tax steps with different countries
-    Given they are on the User Info Form step
-    And they fill out the following form fields with their personal information:
-      | First Name               | <firstName>              |
-      | Last Name                | <lastName>               |
-      | Email                    | <email>                  |
-      | Country Code             | <countryCode>            |
-      | Currency                 | <currency>               |
-      | Participant Type         | <participantType>        |
-      | Allow Banking Collection | <allowBankingCollection> |
-    When they select "Individual Participant" or "Business Entity" for <participantType>
-    And they agree to the terms which sets <allowBankingCollection> to true
-    When they press "Continue" to move on to the Indirect Tax Form
-    Then they are redirected to the Indirect Tax Form step
-    When they are the Indirect Tax Form Step
-    Then three options <hstCanada>, <otherRegion>, or <notRegistered> will be presented:
-      | <hstCanada>     | I am registered for HST in Canada                                | <province> | <indirectTaxNumber> |
-      | <otherRegion>   | I am registered for Indirect Tax in a different Country / Region | <country>  | <vatNumber>         |
-      | <notRegistered> | I am not registered for Indirect Tax                             | N/A        | N/A                 |
-    And the <otherRegion> radio-option is auto-selected
-    And the <country> is auto-filled with the <countryCode> from the User Info Form
-    But if the user changes the auto-filled <country> ---------- What happens?
-    And the user fills out the <vatNumber>
-    And they press "Continue"
-    Then they are redirected to the Docusign Form step
+
+  @minutia
+  Scenario: A general error banner appears upon form load request failing
+    Given a participant loads a step of the form
+    When any request while loading the form fails
+    Then a general loading error banner appears with <generalTitle> and <generalDescription>
+
+    Examples:
+      | generalTitle | generalDescription |
+      | TODO         | TODO               |
\ No newline at end of file

From aa28b1cbab69df79053da9894db0f10e39372d8a Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 7 Mar 2024 15:07:00 -0800
Subject: [PATCH 442/753] Step 3 copy

---
 packages/mint-components/package-lock.json                    | 4 ++--
 .../tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx      | 2 +-
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx        | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 6211c45bc8..e31e3841b1 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-54",
+  "version": "1.8.0-56",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-54",
+      "version": "1.8.0-56",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 2b4e4960fd..806cf40c6e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -112,7 +112,7 @@ export class DocusignForm {
    * Label text for the business entity radio button
    * @uiName Business entity radio button label
    */
-  @Prop() businessEntity: string = "I represent a company";
+  @Prop() businessEntity: string = "I represent a business";
   /**
    * Label text for the individual participant radio button
    * @uiName Individual participant radio button label
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index fd6f7082c7..be5ac564c6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -262,7 +262,7 @@ export class TaxAndCashMonolith {
    * @uiName Business entity radio button label
    * @uiGroup Step 3 Properties
    */
-  @Prop() step3_businessEntity: string = "I represent a company";
+  @Prop() step3_businessEntity: string = "I represent a business";
   /**
    * Label text for the individual participant radio button
    * @uiName Individual participant radio button label
@@ -276,7 +276,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 3 Properties
    */
   @Prop() step3_taxFormDescription: string =
-    "Participants based in the US and partnering with US-based brands need to submit a {documentType} form.";
+    "Participants based in the US need to submit a {documentType} form.";
   /**
    * Subtext shown at the top of the page next to the document type text for individual participants
    * @uiName Tax form subtext

From afc6f893727f8c3966facb14d7c108c7e0c8c80d Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 7 Mar 2024 15:08:11 -0800
Subject: [PATCH 443/753] fix error messages

---
 .../tax-and-cash/BankingForm.stories.tsx      |  1 -
 .../tax-and-cash/TaxForm.stories.tsx          |  1 -
 .../sqm-banking-info-form-view.tsx            | 30 +-----
 .../sqm-banking-info-form.tsx                 | 92 ++++++++++++-------
 .../useBankingInfoForm.tsx                    |  1 -
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 41 ++++-----
 6 files changed, 82 insertions(+), 84 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 7f3e12c1fc..74ea39d2ae 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -26,7 +26,6 @@ const bankingFormProps: StoryDemoData<BankingInfoFormViewProps> = {
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => {},
     setPaymentScheduleChecked: () => {},
-    getValidationErrorMessage: () => "",
   },
   refs: { formRef: { current: null } },
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 212c3a760a..1701ca4d85 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -145,7 +145,6 @@ const stepFourProps: StoryDemoData<BankingInfoFormViewProps> = {
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => {},
     setPaymentScheduleChecked: () => {},
-    getValidationErrorMessage: () => "",
   },
   refs: { formRef: { current: null } },
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 6fd8fa41e3..70844ad6da 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -44,6 +44,7 @@ export interface BankingInfoFormViewProps {
     paymentMethodSlot?: VNode;
     paymentThresholdSelectSlot?: VNode;
     paymentFixedDaySelectSlot?: VNode;
+    paypalInputSlot?: VNode;
   };
   callbacks: {
     setPaymentMethodChecked: (
@@ -55,10 +56,6 @@ export interface BankingInfoFormViewProps {
     onSubmit: (props: any) => Promise<void>;
     setBankCountry?: (country: string) => void;
     setCurrency?: (currency: string) => void;
-    getValidationErrorMessage: (props: {
-      type: "required" | "invalid";
-      label: string;
-    }) => string;
   };
   text: {
     formStep: string;
@@ -469,28 +466,9 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
                   class={classes.InputContainer}
                   style={states.hidePayPal ? { display: "none" } : {}}
                 >
-                  {states.loading ? (
-                    getLoadingSkeleton("toPayPalAccount")
-                  ) : (
-                    <sl-input
-                      required
-                      label={text.payPalInputLabel}
-                      key="paypalEmailAddress"
-                      name="/paypalEmailAddress"
-                      id="paypalEmailAddress"
-                      type="text"
-                      {...(formState?.errors?.inputErrors
-                        ?.paypalEmailAddress && {
-                        class: "error-input",
-                        // TODO: not translatable
-                        helpText: props.callbacks.getValidationErrorMessage({
-                          type: formState?.errors?.inputErrors
-                            ?.paypalEmailAddress?.type,
-                          label: props.text.payPalInputLabel,
-                        }),
-                      })}
-                    ></sl-input>
-                  )}
+                  {states.loading
+                    ? getLoadingSkeleton("toPayPalAccount")
+                    : slots.paypalInputSlot}
                 </div>
               )}
               <div style={{ paddingTop: "24px", paddingBottom: "12px" }}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index acc5e83d70..b8bbe910f2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -348,35 +348,6 @@ export class BankingInfoForm {
     };
   }
 
-  getValidationErrorMessage({
-    type,
-    label,
-  }: {
-    type: "required" | "invalid";
-    label: string;
-  }) {
-    if (type === "required") {
-      return intl.formatMessage(
-        {
-          id: `requiredText-${label}`,
-          defaultMessage: this.fieldRequiredError,
-        },
-        {
-          fieldName: label,
-        }
-      );
-    }
-    if (type === "invalid") {
-      return intl.formatMessage(
-        { id: `invalidText-${label}`, defaultMessage: this.fieldInvalidError },
-        {
-          fieldName: label,
-        }
-      );
-    }
-    return "";
-  }
-
   render() {
     const props = isDemo()
       ? useDemoBankingInfoForm(this)
@@ -398,10 +369,45 @@ export class BankingInfoForm {
       CNY: "CNAPS",
     };
 
+    const fieldRequiredError = this.fieldRequiredError;
+    const fieldInvalidError = this.fieldInvalidError;
+
+    function getValidationErrorMessage({
+      type,
+      label,
+    }: {
+      type: "required" | "invalid";
+      label: string;
+    }) {
+      if (type === "required") {
+        return intl.formatMessage(
+          {
+            id: `requiredText-${label}`,
+            defaultMessage: fieldRequiredError,
+          },
+          {
+            fieldName: label,
+          }
+        );
+      }
+      if (type === "invalid") {
+        return intl.formatMessage(
+          {
+            id: `invalidText-${label}`,
+            defaultMessage: fieldInvalidError,
+          },
+          {
+            fieldName: label,
+          }
+        );
+      }
+      return "";
+    }
+
     const formMap = getFormMap({
       props,
       routingCodeLabels,
-      getValidationErrorMessage: this.getValidationErrorMessage,
+      getValidationErrorMessage,
     });
 
     const inputFields = getFormInputs({
@@ -453,7 +459,7 @@ export class BankingInfoForm {
                 }
                 {...(errors?.inputErrors?.bankCountry && {
                   class: "error-input",
-                  helpText: this.getValidationErrorMessage({
+                  helpText: getValidationErrorMessage({
                     type: errors?.inputErrors?.bankCountry?.type,
                     label: props.text.bankLocationLabel,
                   }),
@@ -485,7 +491,7 @@ export class BankingInfoForm {
                 id="paymentThreshold"
                 {...(errors?.inputErrors?.paymentThreshold && {
                   class: "error-input",
-                  helpText: this.getValidationErrorMessage({
+                  helpText: getValidationErrorMessage({
                     type: errors?.inputErrors?.paymentThreshold?.type,
                     label: props.text.paymentThresholdSelectLabel,
                   }),
@@ -506,7 +512,7 @@ export class BankingInfoForm {
                 id="paymentDay"
                 {...(errors?.inputErrors?.paymentDay && {
                   class: "error-input",
-                  helpText: this.getValidationErrorMessage({
+                  helpText: getValidationErrorMessage({
                     type: errors?.inputErrors?.paymentDay?.type,
                     label: props.text.paymentDaySelectLabel,
                   }),
@@ -520,6 +526,25 @@ export class BankingInfoForm {
                 </sl-menu-item>
               </sl-select>
             ),
+            paypalInputSlot: (
+              <sl-input
+                required
+                label={props.text.payPalInputLabel}
+                key="paypalEmailAddress"
+                name="/paypalEmailAddress"
+                id="paypalEmailAddress"
+                type="text"
+                {...(props.states.formState?.errors?.inputErrors
+                  ?.paypalEmailAddress && {
+                  class: "error-input",
+                  helpText: getValidationErrorMessage({
+                    type: props.states.formState?.errors?.inputErrors
+                      ?.paypalEmailAddress?.type,
+                    label: props.text.payPalInputLabel,
+                  }),
+                })}
+              ></sl-input>
+            ),
           }}
         />
       </Host>
@@ -639,7 +664,6 @@ function useDemoBankingInfoForm(
         setBankCountry,
         setPaymentMethodChecked,
         setPaymentScheduleChecked,
-        getValidationErrorMessage: props.getValidationErrorMessage,
       },
       text: props.getTextProps(),
       refs: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 25c51a329f..c12543b0fd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -740,7 +740,6 @@ export function useBankingInfoForm(
       setBankCountry: updateBankCountry,
       setPaymentMethodChecked,
       setPaymentScheduleChecked,
-      getValidationErrorMessage: props.getValidationErrorMessage,
     },
     states: {
       saveDisabled: !paymentMethodChecked || !paymentScheduleChecked,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 20e5ef203b..406930512a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -74,23 +74,22 @@ export function useTaxAndCash() {
     // const accountId = "12345";
 
     // andy2
-    const id =
-      "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
-    const accountId =
-      "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
-
-    // sam
     // const id =
-    //   "ea9c677dda4e031bcb559541007ff61179fbe8bf8f6c32e478d97f09d069fd5b";
+    //   "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
     // const accountId =
-    //   "ea9c677dda4e031bcb559541007ff61179fbe8bf8f6c32e478d97f09d069fd5b";
-    // const programId = "22514";
+    //   "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
+
+    // sam
+    const id =
+      "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
+    const accountId =
+      "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
     const programId = "22999";
 
     //@ts-ignore
     window.widgetIdent = {
-      // tenantAlias: "aprh0cfq6y8tk",
-      tenantAlias: "aswi7zpxl6rjp",
+      tenantAlias: "aprh0cfq6y8tk",
+      // tenantAlias: "aswi7zpxl6rjp",
       appDomain: "https://staging.referralsaasquatch.com",
       programId,
     };
@@ -114,22 +113,22 @@ export function useTaxAndCash() {
     // }, []);
 
     // andy
-    useEffect(() => {
-      setUserIdentity({
-        accountId,
-        id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiODBkMjRlOGQ2MTMzYmRjZjg1OTg0NGNhMWZjNzU1MmM1N2Q1ZDA2NjFhN2Y0NmY3OTFlYTA3ODU4MjdhNzBlZCIsImFjY291bnRJZCI6IjgwZDI0ZThkNjEzM2JkY2Y4NTk4NDRjYTFmYzc1NTJjNTdkNWQwNjYxYTdmNDZmNzkxZWEwNzg1ODI3YTcwZWQifX0.8VWa3R_pSeRJeNw07AZPjCdTuTiwBYXOAc-ouVItuYs",
-      });
-    }, []);
-
-    // sam
     // useEffect(() => {
     //   setUserIdentity({
     //     accountId,
     //     id,
-    //     jwt: "eyJraWQiOiJJUk1Yc1l5NllZcXE0Njk0MzdtRzhFUlF0OFFvS0ZCYUcxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJqdGkiOiI2NWRkMjE3YjVhYmE1MjI2MDAxMDhmZTciLCJpYXQiOjE3MDg5OTA4NDMsImV4cCI6MTcwOTA3NzI0Mywic3ViIjoiWldFNVl6WTNOMlJrWVRSbE1ETXhZbU5pTlRVNU5UUXhNREEzWm1ZMk1URTNPV1ppWlRoaVpqaG1ObU16TW1VME56aGtPVGRtTURsa01EWTVabVExWWc9PTpaV0U1WXpZM04yUmtZVFJsTURNeFltTmlOVFU1TlRReE1EQTNabVkyTVRFM09XWmlaVGhpWmpobU5tTXpNbVUwTnpoa09UZG1NRGxrTURZNVptUTFZZz09QGFwcmgwY2ZxNnk4dGs6dXNlcnMiLCJ1c2VyIjp7ImlkIjoiZWE5YzY3N2RkYTRlMDMxYmNiNTU5NTQxMDA3ZmY2MTE3OWZiZThiZjhmNmMzMmU0NzhkOTdmMDlkMDY5ZmQ1YiIsImFjY291bnRJZCI6ImVhOWM2NzdkZGE0ZTAzMWJjYjU1OTU0MTAwN2ZmNjExNzlmYmU4YmY4ZjZjMzJlNDc4ZDk3ZjA5ZDA2OWZkNWIiLCJkYXRlQmxvY2tlZCI6bnVsbH19.4d48e9AT21uCR-yA7rkn1TuBpHz8a56vI0pHpRtio0M",
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiODBkMjRlOGQ2MTMzYmRjZjg1OTg0NGNhMWZjNzU1MmM1N2Q1ZDA2NjFhN2Y0NmY3OTFlYTA3ODU4MjdhNzBlZCIsImFjY291bnRJZCI6IjgwZDI0ZThkNjEzM2JkY2Y4NTk4NDRjYTFmYzc1NTJjNTdkNWQwNjYxYTdmNDZmNzkxZWEwNzg1ODI3YTcwZWQifX0.8VWa3R_pSeRJeNw07AZPjCdTuTiwBYXOAc-ouVItuYs",
     //   });
     // }, []);
+
+    // sam
+    useEffect(() => {
+      setUserIdentity({
+        accountId,
+        id,
+        jwt: "eyJraWQiOiJJUk1Yc1l5NllZcXE0Njk0MzdtRzhFUlF0OFFvS0ZCYUcxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJqdGkiOiI2NWVhNDMxOTQ3NGJjZTBkMGE4ZDkwZGYiLCJpYXQiOjE3MDk4NTE0MTcsImV4cCI6MTcwOTkzNzgxNywic3ViIjoiTTJVd1ptRmlOR1l6WlRkak4yTmtNMlZsT1RjeFlqQmpNR1U1WVRSbFkyVTBNRFl4TXpRNVl6Z3pOMll5TkdNM01UVTRNak16TURnME1tWmpPRFEyTWc9PTpNMlV3Wm1GaU5HWXpaVGRqTjJOa00yVmxPVGN4WWpCak1HVTVZVFJsWTJVME1EWXhNelE1WXpnek4yWXlOR00zTVRVNE1qTXpNRGcwTW1aak9EUTJNZz09QGFwcmgwY2ZxNnk4dGs6dXNlcnMiLCJ1c2VyIjp7ImlkIjoiM2UwZmFiNGYzZTdjN2NkM2VlOTcxYjBjMGU5YTRlY2U0MDYxMzQ5YzgzN2YyNGM3MTU4MjMzMDg0MmZjODQ2MiIsImFjY291bnRJZCI6IjNlMGZhYjRmM2U3YzdjZDNlZTk3MWIwYzBlOWE0ZWNlNDA2MTM0OWM4MzdmMjRjNzE1ODIzMzA4NDJmYzg0NjIiLCJkYXRlQmxvY2tlZCI6bnVsbH19.1pFVd0Z-46-k0bPXe2lnrX8A8YFIyJzKAcvlhV0lk7Q",
+      });
+    }, []);
   }
 
   setupDemo();

From 33c2b3a0b3b1d4613b33595c2c6dbeedd5094d96 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 7 Mar 2024 15:12:59 -0800
Subject: [PATCH 444/753] fix missing thershold text

---
 .../sqm-payout-details-card.tsx                        |  3 ++-
 .../sqm-payout-details-card/usePayoutDetailsCard.ts    | 10 ++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 2eab6e5653..752298976a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -19,7 +19,8 @@ export class PayoutDetailsCard {
   @Prop()
   statusBadgeText: string =
     "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
-  @Prop() thresholdPayoutText: string = "Next payout occurs when balance is";
+  @Prop() thresholdPayoutText: string =
+    "Next payout occurs when balance is {thresholdBalance}";
   @Prop() accountText: string = "Account";
   @Prop() errorTitleText: string =
     "There was an error with your payout infomation";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index bc733f5390..244c313f9f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -55,12 +55,18 @@ export function usePayoutDetailsCard(
 
   const isPayoutToday = DateTime.now().toFormat("LLL dd, yyyy") === paymentDay;
 
+  console.log({ threshold: publisher?.withdrawalSettings?.paymentThreshold });
+
   return {
     states: {
       loading,
-      thresholdBalance: publisher?.withdrawalSettings?.paymentThreshold,
+      thresholdBalance: `${publisher.currency}${publisher?.withdrawalSettings?.paymentThreshold}`,
       balance: publisher?.payoutsAccount?.balance,
-      status: isPayoutToday ? "payoutToday" : "nextPayout",
+      status: publisher?.withdrawalSettings?.paymentThreshold
+        ? "thresholdPayout"
+        : isPayoutToday
+        ? "payoutToday"
+        : "nextPayout",
       payoutType: publisher?.withdrawalSettings?.paymentMethod,
       error: publisher?.payoutsAccount?.hold,
       paypalEmailAddress: publisher?.withdrawalSettings?.paypalEmailAddress,

From 742ada2aff105129962fcb701a29d4291a0b71f7 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 7 Mar 2024 15:15:59 -0800
Subject: [PATCH 445/753] publish

---
 packages/mint-components/package.json         |   2 +-
 .../sqm-banking-info-form/readme.md           | 106 +++++++++---------
 .../tax-and-cash/sqm-docusign-form/readme.md  |   2 +-
 .../sqm-indirect-tax-form/readme.md           |   2 +-
 .../sqm-payout-details-card/readme.md         |   2 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  12 +-
 6 files changed, 63 insertions(+), 63 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 3577e58529..2e5148897a 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-56",
+  "version": "1.8.0-57",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index deddcefe84..a59ea2acf5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -5,59 +5,59 @@
 
 ## Properties
 
-| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Default                                                                                                                                                                              |
-| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Agency Code"`                                                                                                                                                                      |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Account Number"`                                                                                                                                                              |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Account Type"`                                                                                                                                                                |
-| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Address"`                                                                                                                                                                     |
-| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank City"`                                                                                                                                                                        |
-| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Country Location"`                                                                                                                                                            |
-| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Name"`                                                                                                                                                                        |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Postal Code"`                                                                                                                                                                 |
-| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Province/State"`                                                                                                                                                              |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Beneficiary Account Name"`                                                                                                                                                         |
-| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Branch Code"`                                                                                                                                                                      |
-| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Business"`                                                                                                                                                                         |
-| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting."`                                                    |
-| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Checking"`                                                                                                                                                                         |
-| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification CPF"`                                                                                                                                                               |
-| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification Entity"`                                                                                                                                                            |
-| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification"`                                                                                                                                                                   |
-| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; }; }` | `undefined`                                                                                                                                                                          |
-| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Directly to my bank account"`                                                                                                                                                      |
-| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"EFT Withdrawal (free)"`                                                                                                                                                            |
-| `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{fieldName} is invalid"`                                                                                                                                                           |
-| `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{fieldName} is required"`                                                                                                                                                          |
-| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Foreign"`                                                                                                                                                                          |
-| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Step 4 of 4"`                                                                                                                                                                      |
-| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                             |
-| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                        |
-| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem submitting your information"`                                                                                                                                  |
-| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"IBAN"`                                                                                                                                                                             |
-| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Individual"`                                                                                                                                                                       |
-| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."` |
-| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                         |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Patronymic Name"`                                                                                                                                                                  |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"PayPal Email"`                                                                                                                                                                     |
-| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"15th of the month"`                                                                                                                                                                |
-| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"1st of the month"`                                                                                                                                                                 |
-| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Day"`                                                                                                                                                                      |
-| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Method"`                                                                                                                                                                   |
-| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                              |
-| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Schedule"`                                                                                                                                                                 |
-| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Pay me when my balance reaches a threshold"`                                                                                                                                       |
-| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Pay me on a fixed day of the month"`                                                                                                                                               |
-| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Threshold"`                                                                                                                                                                |
-| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Routing Code"`                                                                                                                                                                     |
-| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Savings"`                                                                                                                                                                          |
-| `submitButton`                        | `submit-button`                             | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Save"`                                                                                                                                                                             |
-| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"SWIFT Code"`                                                                                                                                                                       |
-| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Tax and Payouts"`                                                                                                                                                                  |
-| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                              |
-| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Taxpayer ID"`                                                                                                                                                                      |
-| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                    |
-| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"VO Code"`                                                                                                                                                                          |
+| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Default                                                                                                                                                                              |
+| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Agency Code"`                                                                                                                                                                      |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Account Number"`                                                                                                                                                              |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Account Type"`                                                                                                                                                                |
+| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Address"`                                                                                                                                                                     |
+| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank City"`                                                                                                                                                                        |
+| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Country Location"`                                                                                                                                                            |
+| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Name"`                                                                                                                                                                        |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Postal Code"`                                                                                                                                                                 |
+| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Province/State"`                                                                                                                                                              |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Beneficiary Account Name"`                                                                                                                                                         |
+| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Branch Code"`                                                                                                                                                                      |
+| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Business"`                                                                                                                                                                         |
+| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting."`                                                    |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Checking"`                                                                                                                                                                         |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification CPF"`                                                                                                                                                               |
+| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification Entity"`                                                                                                                                                            |
+| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification"`                                                                                                                                                                   |
+| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; }` | `undefined`                                                                                                                                                                          |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Directly to my bank account"`                                                                                                                                                      |
+| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                            |
+| `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                           |
+| `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{fieldName} is required"`                                                                                                                                                          |
+| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Foreign"`                                                                                                                                                                          |
+| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Step 4 of 4"`                                                                                                                                                                      |
+| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                             |
+| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                        |
+| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"There was a problem submitting your information"`                                                                                                                                  |
+| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"IBAN"`                                                                                                                                                                             |
+| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Individual"`                                                                                                                                                                       |
+| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."` |
+| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                         |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Patronymic Name"`                                                                                                                                                                  |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"PayPal Email"`                                                                                                                                                                     |
+| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"15th of the month"`                                                                                                                                                                |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"1st of the month"`                                                                                                                                                                 |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Day"`                                                                                                                                                                      |
+| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Method"`                                                                                                                                                                   |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                              |
+| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Schedule"`                                                                                                                                                                 |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                       |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                               |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Threshold"`                                                                                                                                                                |
+| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Routing Code"`                                                                                                                                                                     |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Savings"`                                                                                                                                                                          |
+| `submitButton`                        | `submit-button`                             | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Save"`                                                                                                                                                                             |
+| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"SWIFT Code"`                                                                                                                                                                       |
+| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Tax and Payouts"`                                                                                                                                                                  |
+| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                              |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Taxpayer ID"`                                                                                                                                                                      |
+| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                    |
+| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"VO Code"`                                                                                                                                                                          |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index b84c30824d..270a295f2e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -11,7 +11,7 @@
 | ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
 | `backButton`                              | `back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Back"`                                                                                                                                                           |
 | `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
-| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"I represent a company"`                                                                                                                                          |
+| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"I represent a business"`                                                                                                                                         |
 | `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"I have completed and submitted my tax form"`                                                                                                                     |
 | `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Form submission"`                                                                                                                                                |
 | `demoData`                                | --                                            |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 239b48204a..27cffdf6c0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -18,7 +18,7 @@
 | `indirectTax`                    | `indirect-tax`                        | Heading text shown at the top of the page                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Indirect Tax"`                                                                                                                                                                                                    |
 | `indirectTaxDescription`         | `indirect-tax-description`            | Text shown at the top of the page below to the indirect tax header                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."` |
 | `indirectTaxDetails`             | `indirect-tax-details`                | Heading text for the indirect tax details section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Indirect Tax Details"`                                                                                                                                                                                            |
-| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Text shown below the indirect tax details heading text                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Businesses based in countries that enforce indirect taxes (e.g. VAT, HST, GST) must add their indirect tax details to stay tax compliant."`                                                                       |
+| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Text shown below the indirect tax details heading text                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."`                                             |
 | `indirectTaxNumber`              | `indirect-tax-number`                 | Label text for the indirect tax number input with a dynamic placeholder based on tax type          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                                                             |
 | `indirectTaxNumberError`         | `indirect-tax-number-error`           | Error message for the indirect tax number input field with a dynamic placeholder based on tax type | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                                                                 |
 | `isPartnerAlertDescription`      | `is-partner-alert-description`        | Description text for the alert when the user is identified as a partner                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."`                                         |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
index f1523f6ffc..acb1d0539c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
@@ -14,7 +14,7 @@
 | `errorDescriptionText` | `error-description-text` |             | `string`                                  | `"Please ensure your payout information is correct. If this problem continues, contact Support."` |
 | `errorTitleText`       | `error-title-text`       |             | `string`                                  | `"There was an error with your payout infomation"`                                                |
 | `statusBadgeText`      | `status-badge-text`      |             | `string`                                  | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                     |
-| `thresholdPayoutText`  | `threshold-payout-text`  |             | `string`                                  | `"Next payout occurs when balance is"`                                                            |
+| `thresholdPayoutText`  | `threshold-payout-text`  |             | `string`                                  | `"Next payout occurs when balance is {thresholdBalance}"`                                         |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index a4524c01ed..b887b49172 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -47,7 +47,7 @@
 | `isPartnerAlertDescription`                     | `is-partner-alert-description`                       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`   |
 | `isPartnerAlertHeader`                          | `is-partner-alert-header`                            | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                  |
 | `notRegisteredSubtext`                          | `not-registered-subtext`                             | Subtext for the option indicating not being registered for indirect tax                                    | `string`                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                           |
-| `otherRegionSubtext`                            | `other-region-subtext`                               | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"IIf you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                              |
+| `otherRegionSubtext`                            | `other-region-subtext`                               | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                               |
 | `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                   |
 | `step1_country`                                 | `step-1_country`                                     | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                   |
 | `step1_currency`                                | `step-1_currency`                                    | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                  |
@@ -63,13 +63,13 @@
 | `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                              |
 | `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                            |
 | `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                      |
-| `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"Not sure if you are registered for indirect tax? Contact our Support team to find out more."`                                                                               |
+| `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"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."`       |
 | `step2_indirectTaxNumber`                       | `step-2_indirect-tax-number`                         | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                       |
 | `step2_indirectTaxNumberError`                  | `step-2_indirect-tax-number-error`                   | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                           |
 | `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                               |
 | `step2_isRegisteredSubRegionIncomeTax`          | `step-2_is-registered-sub-region-income-tax`         | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                |
-| `step2_notRegistered`                           | `step-2_not-registered`                              | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"I am not registered for Indirect Tax"`                                                                                                                                      |
-| `step2_otherRegion`                             | `step-2_other-region`                                | Label text for the other region radio button                                                               | `string`                                                                                                             | `"I am registered for Indirect Tax in a different Country / Region"`                                                                                                          |
+| `step2_notRegistered`                           | `step-2_not-registered`                              | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"Not registered for indirect tax"`                                                                                                                                           |
+| `step2_otherRegion`                             | `step-2_other-region`                                | Label text for the other region radio button                                                               | `string`                                                                                                             | `"Registered for indirect tax"`                                                                                                                                               |
 | `step2_province`                                | `step-2_province`                                    | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                  |
 | `step2_qstNumber`                               | `step-2_qst-number`                                  | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST Number"`                                                                                                                                                                |
 | `step2_selectedRegion`                          | `step-2_selected-region`                             | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                          |
@@ -78,7 +78,7 @@
 | `step2_submitButton`                            | `step-2_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
 | `step3_backButton`                              | `step-3_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                      |
 | `step3_banner`                                  | `step-3_banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                         |
-| `step3_businessEntity`                          | `step-3_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a company"`                                                                                                                                                     |
+| `step3_businessEntity`                          | `step-3_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business"`                                                                                                                                                    |
 | `step3_checkboxDescription`                     | `step-3_checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                                |
 | `step3_checkboxLabel`                           | `step-3_checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                           |
 | `step3_docusignCompleted`                       | `step-3_docusign-completed`                          | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                           |
@@ -90,7 +90,7 @@
 | `step3_participantType`                         | `step-3_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                          |
 | `step3_refreshButton`                           | `step-3_refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                              |
 | `step3_taxForm`                                 | `step-3_tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                  |
-| `step3_taxFormDescription`                      | `step-3_tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US and partnering with US-based brands need to submit a {documentType} form."`                                                                    |
+| `step3_taxFormDescription`                      | `step-3_tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US need to submit a {documentType} form."`                                                                                                        |
 | `step3_taxFormDescriptionBusinessEntity`        | `step-3_tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                             | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                             |
 | `step3_taxFormDescriptionIndividualParticipant` | `step-3_tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                             | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                                        |
 | `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                   |

From 4ac00e81615a26cf8dbda88ed1c21002dcb4dc86 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 7 Mar 2024 15:46:10 -0800
Subject: [PATCH 446/753] Fix broken stories and leave comments

---
 packages/mint-components/package-lock.json    |  4 +-
 .../tax-and-cash/TaxForm.stories.tsx          |  1 +
 .../sqm-banking-info-form.tsx                 |  6 +-
 .../PayoutDetailsCard.stories.tsx             | 79 -------------------
 .../sqm-payout-details-card.tsx               |  1 +
 5 files changed, 7 insertions(+), 84 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index e31e3841b1..c95ac2bbe5 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-56",
+  "version": "1.8.0-57",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-56",
+      "version": "1.8.0-57",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 1701ca4d85..e7be927a2d 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -818,6 +818,7 @@ export const StepFourToPaypalChecked = () => {
   );
 };
 
+// TODO: Need to add new props to the dashboard and pass them down to the payout details card
 export const TaxAndCashDashboardActiveW9Form = () => {
   return (
     <sqm-tax-and-cash-dashboard
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index b8bbe910f2..c48aa9a85b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -303,7 +303,7 @@ export class BankingInfoForm {
   /**
    * @uiName EFT Withdrawal label text
    */
-  @Prop() eftWithdrawalLabel: string = "EFT Withdrawal (free)";
+  @Prop() eftWithdrawalLabel: string = "EFT Withdrawal (fee)";
 
   /**
    * @uiName FX Wire Processing fee text
@@ -604,9 +604,9 @@ function useDemoBankingInfoForm(
   const feeCap = paypalFeeMap[currency] || "";
 
   const paymentMethodFeeMap = {
-    ACH: this.eftWithdrawalLabel,
+    ACH: props.eftWithdrawalLabel,
     WIRE: intl.formatMessage(
-      { id: "fxWireText", defaultMessage: this.fxWireProcessingFeeLabel },
+      { id: "fxWireText", defaultMessage: props.fxWireProcessingFeeLabel },
       {
         currency,
         defaultFxFee: currentPaymentOption?.defaultFxFee || "0",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
index 9ec18848a3..bb5e47e1d5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
@@ -68,82 +68,3 @@ export const PaypalPayout = () => {
     ></sqm-payout-details-card>
   );
 };
-
-// ZH: Will most likeley not need these states anymore.
-
-// const currencyList = [
-//   { amountText: "15.92", currencyText: "CAD" },
-//   { amountText: "12.92", currencyText: "EUR" },
-//   { amountText: "10.92", currencyText: "GBP" },
-//   { amountText: "10.92", currencyText: "AED" },
-// ];
-
-// export const Pending = () => {
-//   return (
-//     <sqm-payout-details-card
-//       demoData={{
-//         states: {
-//           status: "pending",
-//         },
-//       }}
-//     ></sqm-payout-details-card>
-//   );
-// };
-
-// export const W9OnlyPending = () => {
-//   return (
-//     <sqm-payout-details-card
-//       demoData={{
-//         states: {
-//           status: "pending",
-//           hasDatePending: false,
-//           hasW9Pending: true,
-//           w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
-//         },
-//       }}
-//     ></sqm-payout-details-card>
-//   );
-// };
-
-// export const OtherCurrencies = () => {
-//   return (
-//     <sqm-payout-details-card
-//       demoData={{
-//         states: {
-//           otherCurrencies: currencyList,
-//         },
-//       }}
-//     ></sqm-payout-details-card>
-//   );
-// };
-
-// export const DateOnlyPending = () => {
-//   return (
-//     <sqm-payout-details-card
-//       demoData={{
-//         states: {
-//           status: "pending",
-//           hasDatePending: true,
-//           hasW9Pending: false,
-//           otherCurrencies: currencyList,
-//           w9Pending: undefined,
-//         },
-//       }}
-//     ></sqm-payout-details-card>
-//   );
-// };
-
-// export const CombinedPending = () => {
-//   return (
-//     <sqm-payout-details-card
-//       demoData={{
-//         states: {
-//           status: "pending",
-//           hasDatePending: true,
-//           hasW9Pending: true,
-//           w9Pending: [{ amountText: "15.92", currencyText: "USD" }],
-//         },
-//       }}
-//     ></sqm-payout-details-card>
-//   );
-// };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 752298976a..9991d89041 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -76,6 +76,7 @@ function useDemoPayoutDetailsCard(props: PayoutDetailsCard) {
         hasW9Pending: false,
         hasDatePending: true,
         cardNumberPreview: "2381",
+        balance: "20.00 USD",
       },
       text: props.getTextProps(),
     },

From 04c4bac80d4016b5c89c55c5b4c5fdb6a5d0b70a Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 7 Mar 2024 15:47:54 -0800
Subject: [PATCH 447/753] dynamic taxpayer id label

---
 .../sqm-banking-info-form/sqm-banking-info-form.tsx   |  8 +++++++-
 .../sqm-banking-info-form/useBankingInfoForm.tsx      | 11 ++++++++++-
 .../sqm-payout-details-card/usePayoutDetailsCard.ts   |  2 +-
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index b8bbe910f2..bd2a56d5a0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -258,7 +258,7 @@ export class BankingInfoForm {
    * Label text for the Taxpayer ID input field
    * @uiName Taxpayer ID input label
    */
-  @Prop() taxPayerIdLabel: string = "Taxpayer ID";
+  @Prop() taxPayerIdLabel: string = "Beneficiary INN";
 
   /**
    * Label text for the Bank Address input
@@ -369,6 +369,11 @@ export class BankingInfoForm {
       CNY: "CNAPS",
     };
 
+    const taxpayerIdLabels = {
+      AR: "CUIT/CUIL",
+      KR: "Classification ID",
+    };
+
     const fieldRequiredError = this.fieldRequiredError;
     const fieldInvalidError = this.fieldInvalidError;
 
@@ -407,6 +412,7 @@ export class BankingInfoForm {
     const formMap = getFormMap({
       props,
       routingCodeLabels,
+      taxpayerIdLabels,
       getValidationErrorMessage,
     });
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index c12543b0fd..de5beb35d3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -82,13 +82,20 @@ type RoutingCodeLabels = {
   CNY: string;
 };
 
+type TaxpayerIdLabels = {
+  AR: string;
+  KR: string;
+};
+
 export function getFormMap({
   props,
   routingCodeLabels,
+  taxpayerIdLabels,
   getValidationErrorMessage,
 }: {
   props: BankingInfoFormViewProps | Omit<any, "text" | "callbacks">;
   routingCodeLabels: RoutingCodeLabels;
+  taxpayerIdLabels: TaxpayerIdLabels;
   getValidationErrorMessage: (props: {
     type: "required" | "invalid";
     label: string;
@@ -96,6 +103,8 @@ export function getFormMap({
 }) {
   const { errors } = props.states.formState;
 
+  const country = props.states.bankCountry;
+
   return {
     0: {
       input: (
@@ -270,7 +279,7 @@ export function getFormMap({
         </sl-select>,
         <sl-input
           required
-          label={props.text.taxPayerIdLabel}
+          label={taxpayerIdLabels[country] || props.text.taxPayerIdLabel}
           type="text"
           name="/taxPayerId"
           id="taxPayerId"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index 244c313f9f..87437dfc68 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -60,7 +60,7 @@ export function usePayoutDetailsCard(
   return {
     states: {
       loading,
-      thresholdBalance: `${publisher.currency}${publisher?.withdrawalSettings?.paymentThreshold}`,
+      thresholdBalance: `${publisher?.currency}${publisher?.withdrawalSettings?.paymentThreshold}`,
       balance: publisher?.payoutsAccount?.balance,
       status: publisher?.withdrawalSettings?.paymentThreshold
         ? "thresholdPayout"

From c56380185f5239ec43830c433a8162cbecfc91d6 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 7 Mar 2024 15:51:47 -0800
Subject: [PATCH 448/753] Added loading spinner to docusign form view for
 participantTypes

---
 .../sqm-docusign-form-view.tsx                | 58 ++++++++++---------
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 40 ++++++-------
 packages/mint-components/src/index.html       |  6 +-
 3 files changed, 55 insertions(+), 49 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 3d69e8c406..bbdbfadb9a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -236,32 +236,38 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
         <div class={classes.CheckboxWrapper}>
           <p class={classes.BoldText}>{text.participantType}</p>
 
-          <div style={{ display: "flex", flexDirection: "column" }}>
-            <sl-radio
-              exportparts="base: radio-base"
-              value="individualParticipant"
-              name="/participantType"
-              checked={formState.participantType === "individualParticipant"}
-              disabled={states.disabled || states.participantTypeDisabled}
-              onClick={() => {
-                callbacks.setParticipantType("individualParticipant");
-              }}
-            >
-              {text.individualParticipant}
-            </sl-radio>
-            <sl-radio
-              exportparts="base: radio-base"
-              value="businessEntity"
-              name="/participantType"
-              checked={formState.participantType === "businessEntity"}
-              disabled={states.disabled || states.participantTypeDisabled}
-              onClick={() => {
-                callbacks.setParticipantType("businessEntity");
-              }}
-            >
-              {text.businessEntity}
-            </sl-radio>
-          </div>
+          {states.loading ? (
+            <sl-spinner
+              style={{ fontSize: "50px", margin: "40px" }}
+            ></sl-spinner>
+          ) : (
+            <div style={{ display: "flex", flexDirection: "column" }}>
+              <sl-radio
+                exportparts="base: radio-base"
+                value="individualParticipant"
+                name="/participantType"
+                checked={formState.participantType === "individualParticipant"}
+                disabled={states.disabled || states.participantTypeDisabled}
+                onClick={() => {
+                  callbacks.setParticipantType("individualParticipant");
+                }}
+              >
+                {text.individualParticipant}
+              </sl-radio>
+              <sl-radio
+                exportparts="base: radio-base"
+                value="businessEntity"
+                name="/participantType"
+                checked={formState.participantType === "businessEntity"}
+                disabled={states.disabled || states.participantTypeDisabled}
+                onClick={() => {
+                  callbacks.setParticipantType("businessEntity");
+                }}
+              >
+                {text.businessEntity}
+              </sl-radio>
+            </div>
+          )}
 
           {formState.errors?.participantType && (
             <p class={classes.ErrorText}>{text.error.participantType}</p>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 406930512a..cc79785c12 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -74,22 +74,22 @@ export function useTaxAndCash() {
     // const accountId = "12345";
 
     // andy2
-    // const id =
-    //   "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
-    // const accountId =
-    //   "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
-
-    // sam
     const id =
-      "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
+      "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
     const accountId =
-      "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
+      "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
+
+    // sam
+    // const id =
+    //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
+    // const accountId =
+    //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
     const programId = "22999";
 
     //@ts-ignore
     window.widgetIdent = {
-      tenantAlias: "aprh0cfq6y8tk",
-      // tenantAlias: "aswi7zpxl6rjp",
+      // tenantAlias: "aprh0cfq6y8tk",
+      tenantAlias: "aswi7zpxl6rjp",
       appDomain: "https://staging.referralsaasquatch.com",
       programId,
     };
@@ -113,22 +113,22 @@ export function useTaxAndCash() {
     // }, []);
 
     // andy
-    // useEffect(() => {
-    //   setUserIdentity({
-    //     accountId,
-    //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiODBkMjRlOGQ2MTMzYmRjZjg1OTg0NGNhMWZjNzU1MmM1N2Q1ZDA2NjFhN2Y0NmY3OTFlYTA3ODU4MjdhNzBlZCIsImFjY291bnRJZCI6IjgwZDI0ZThkNjEzM2JkY2Y4NTk4NDRjYTFmYzc1NTJjNTdkNWQwNjYxYTdmNDZmNzkxZWEwNzg1ODI3YTcwZWQifX0.8VWa3R_pSeRJeNw07AZPjCdTuTiwBYXOAc-ouVItuYs",
-    //   });
-    // }, []);
-
-    // sam
     useEffect(() => {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJraWQiOiJJUk1Yc1l5NllZcXE0Njk0MzdtRzhFUlF0OFFvS0ZCYUcxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJqdGkiOiI2NWVhNDMxOTQ3NGJjZTBkMGE4ZDkwZGYiLCJpYXQiOjE3MDk4NTE0MTcsImV4cCI6MTcwOTkzNzgxNywic3ViIjoiTTJVd1ptRmlOR1l6WlRkak4yTmtNMlZsT1RjeFlqQmpNR1U1WVRSbFkyVTBNRFl4TXpRNVl6Z3pOMll5TkdNM01UVTRNak16TURnME1tWmpPRFEyTWc9PTpNMlV3Wm1GaU5HWXpaVGRqTjJOa00yVmxPVGN4WWpCak1HVTVZVFJsWTJVME1EWXhNelE1WXpnek4yWXlOR00zTVRVNE1qTXpNRGcwTW1aak9EUTJNZz09QGFwcmgwY2ZxNnk4dGs6dXNlcnMiLCJ1c2VyIjp7ImlkIjoiM2UwZmFiNGYzZTdjN2NkM2VlOTcxYjBjMGU5YTRlY2U0MDYxMzQ5YzgzN2YyNGM3MTU4MjMzMDg0MmZjODQ2MiIsImFjY291bnRJZCI6IjNlMGZhYjRmM2U3YzdjZDNlZTk3MWIwYzBlOWE0ZWNlNDA2MTM0OWM4MzdmMjRjNzE1ODIzMzA4NDJmYzg0NjIiLCJkYXRlQmxvY2tlZCI6bnVsbH19.1pFVd0Z-46-k0bPXe2lnrX8A8YFIyJzKAcvlhV0lk7Q",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiODBkMjRlOGQ2MTMzYmRjZjg1OTg0NGNhMWZjNzU1MmM1N2Q1ZDA2NjFhN2Y0NmY3OTFlYTA3ODU4MjdhNzBlZCIsImFjY291bnRJZCI6IjgwZDI0ZThkNjEzM2JkY2Y4NTk4NDRjYTFmYzc1NTJjNTdkNWQwNjYxYTdmNDZmNzkxZWEwNzg1ODI3YTcwZWQifX0.8VWa3R_pSeRJeNw07AZPjCdTuTiwBYXOAc-ouVItuYs",
       });
     }, []);
+
+    // sam
+    // useEffect(() => {
+    //   setUserIdentity({
+    //     accountId,
+    //     id,
+    //     jwt: "eyJraWQiOiJJUk1Yc1l5NllZcXE0Njk0MzdtRzhFUlF0OFFvS0ZCYUcxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJqdGkiOiI2NWVhNDMxOTQ3NGJjZTBkMGE4ZDkwZGYiLCJpYXQiOjE3MDk4NTE0MTcsImV4cCI6MTcwOTkzNzgxNywic3ViIjoiTTJVd1ptRmlOR1l6WlRkak4yTmtNMlZsT1RjeFlqQmpNR1U1WVRSbFkyVTBNRFl4TXpRNVl6Z3pOMll5TkdNM01UVTRNak16TURnME1tWmpPRFEyTWc9PTpNMlV3Wm1GaU5HWXpaVGRqTjJOa00yVmxPVGN4WWpCak1HVTVZVFJsWTJVME1EWXhNelE1WXpnek4yWXlOR00zTVRVNE1qTXpNRGcwTW1aak9EUTJNZz09QGFwcmgwY2ZxNnk4dGs6dXNlcnMiLCJ1c2VyIjp7ImlkIjoiM2UwZmFiNGYzZTdjN2NkM2VlOTcxYjBjMGU5YTRlY2U0MDYxMzQ5YzgzN2YyNGM3MTU4MjMzMDg0MmZjODQ2MiIsImFjY291bnRJZCI6IjNlMGZhYjRmM2U3YzdjZDNlZTk3MWIwYzBlOWE0ZWNlNDA2MTM0OWM4MzdmMjRjNzE1ODIzMzA4NDJmYzg0NjIiLCJkYXRlQmxvY2tlZCI6bnVsbH19.1pFVd0Z-46-k0bPXe2lnrX8A8YFIyJzKAcvlhV0lk7Q",
+    //   });
+    // }, []);
   }
 
   setupDemo();
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 63afe7dd45..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-portal-container>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container> -->
+    </sqm-portal-container>
   </body>
 </html>

From 7e7e44dfb78e6530680b33d4577e5c25234972de Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 7 Mar 2024 15:53:39 -0800
Subject: [PATCH 449/753] pass missing props thru monolith, publish

---
 packages/mint-components/package.json         |  2 +-
 packages/mint-components/src/components.d.ts  | 24 +++++++++++++++----
 .../sqm-banking-info-form/readme.md           |  2 +-
 .../sqm-banking-info-form.tsx                 |  4 +---
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  4 +++-
 5 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 2e5148897a..f2d9f6c69b 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-57",
+  "version": "1.8.0-58",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 35bcb02a89..cac922e3e7 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -170,13 +170,11 @@ export namespace Components {
         /**
           * Invalid error text shown at the bottom of field inputs
           * @uiName Field inputs invalid error text
-          * @uiGroup General Form Properties
          */
         "fieldInvalidError": string;
         /**
           * Required error text shown at the bottom of field inputs
           * @uiName Field inputs error text
-          * @uiGroup General Form Properties
          */
         "fieldRequiredError": string;
         /**
@@ -3876,6 +3874,11 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * @uiName EFT Withdrawal label text
+          * @uiGroup Step 4 Properties
+         */
+        "eftWithdrawalLabel": string;
         /**
           * Invalid error text shown at the bottom of field inputs
           * @uiName Field inputs invalid error text
@@ -3888,6 +3891,11 @@ export namespace Components {
           * @uiGroup General Form Properties
          */
         "fieldRequiredError": string;
+        /**
+          * @uiName FX Wire Processing fee text
+          * @uiGroup Step 4 Properties
+         */
+        "fxWireProcessingFeeLabel": string;
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
@@ -5642,13 +5650,11 @@ declare namespace LocalJSX {
         /**
           * Invalid error text shown at the bottom of field inputs
           * @uiName Field inputs invalid error text
-          * @uiGroup General Form Properties
          */
         "fieldInvalidError"?: string;
         /**
           * Required error text shown at the bottom of field inputs
           * @uiName Field inputs error text
-          * @uiGroup General Form Properties
          */
         "fieldRequiredError"?: string;
         /**
@@ -9325,6 +9331,11 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * @uiName EFT Withdrawal label text
+          * @uiGroup Step 4 Properties
+         */
+        "eftWithdrawalLabel"?: string;
         /**
           * Invalid error text shown at the bottom of field inputs
           * @uiName Field inputs invalid error text
@@ -9337,6 +9348,11 @@ declare namespace LocalJSX {
           * @uiGroup General Form Properties
          */
         "fieldRequiredError"?: string;
+        /**
+          * @uiName FX Wire Processing fee text
+          * @uiGroup Step 4 Properties
+         */
+        "fxWireProcessingFeeLabel"?: string;
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index a59ea2acf5..a7ba512e14 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -55,7 +55,7 @@
 | `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"SWIFT Code"`                                                                                                                                                                       |
 | `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Tax and Payouts"`                                                                                                                                                                  |
 | `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                              |
-| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Taxpayer ID"`                                                                                                                                                                      |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Beneficiary INN"`                                                                                                                                                                  |
 | `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                    |
 | `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"VO Code"`                                                                                                                                                                          |
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 4b309c4fc4..7ee3f71d5b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -303,7 +303,7 @@ export class BankingInfoForm {
   /**
    * @uiName EFT Withdrawal label text
    */
-  @Prop() eftWithdrawalLabel: string = "EFT Withdrawal (fee)";
+  @Prop() eftWithdrawalLabel: string = "EFT Withdrawal (free)";
 
   /**
    * @uiName FX Wire Processing fee text
@@ -314,13 +314,11 @@ export class BankingInfoForm {
   /**
    * Required error text shown at the bottom of field inputs
    * @uiName Field inputs error text
-   * @uiGroup General Form Properties
    */
   @Prop() fieldRequiredError: string = "{fieldName} is required";
   /**
    * Invalid error text shown at the bottom of field inputs
    * @uiName Field inputs invalid error text
-   * @uiGroup General Form Properties
    */
   @Prop() fieldInvalidError: string = "{fieldName} is invalid";
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index b887b49172..152095598d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -40,8 +40,10 @@
 | `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                   |
 | `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    |                                                                                                            | `string`                                                                                                             | `"Next payout occurs when balance is"`                                                                                                                                        |
 | `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                   |
+| `eftWithdrawalLabel`                            | `eft-withdrawal-label`                               |                                                                                                            | `string`                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                     |
 | `fieldInvalidError`                             | `field-invalid-error`                                | Invalid error text shown at the bottom of field inputs                                                     | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                    |
 | `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                   |
+| `fxWireProcessingFeeLabel`                      | `fx-wire-processing-fee-label`                       |                                                                                                            | `string`                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                      |
 | `generalErrorDescription`                       | `general-error-description`                          | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
 | `generalErrorTitle`                             | `general-error-title`                                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
 | `isPartnerAlertDescription`                     | `is-partner-alert-description`                       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`   |
@@ -132,7 +134,7 @@
 | `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            | Label text for the SWIFT code input field                                                                  | `string`                                                                                                             | `"SWIFT Code"`                                                                                                                                                                |
 | `step4_taxAndPayouts`                           | `step-4_tax-and-payouts`                             | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax and Payouts"`                                                                                                                                                           |
 | `step4_taxAndPayoutsDescription`                | `step-4_tax-and-payouts-description`                 | Text shown at the top of the page next to the tax and payouts label text                                   | `string`                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                       |
-| `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          | Label text for the Taxpayer ID input field                                                                 | `string`                                                                                                             | `"Taxpayer ID"`                                                                                                                                                               |
+| `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          | Label text for the Taxpayer ID input field                                                                 | `string`                                                                                                             | `"Beneficiary INN"`                                                                                                                                                           |
 | `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          | Text for the option to receive payments to a PayPal account with processing fee details                    | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                             |
 | `step4_voCodeLabel`                             | `step-4_vo-code-label`                               | Label text for the VO code input field                                                                     | `string`                                                                                                             | `"VO Code"`                                                                                                                                                                   |
 | `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                      |

From 2272dbbc51008950e5ef270d4f18c31871262776 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 7 Mar 2024 16:02:02 -0800
Subject: [PATCH 450/753] Updated jsdocstring and pre-release version

---
 packages/mint-components/package.json            |  2 +-
 packages/mint-components/src/components.d.ts     | 16 ++++++++--------
 .../tax-and-cash/sqm-banking-info-form/readme.md |  4 ++--
 .../sqm-indirect-tax-form.tsx                    |  4 ++--
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx        |  4 ++--
 5 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 2e5148897a..f2d9f6c69b 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-57",
+  "version": "1.8.0-58",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 35bcb02a89..ac04cf51b5 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1125,8 +1125,8 @@ export namespace Components {
          */
         "notRegisteredSubtext": string;
         /**
-          * Text for the option indicating registration for indirect tax in a different region
-          * @uiName Registered for indirect tax in a different region option text
+          * Text for the option indicating registration for indirect tax
+          * @uiName Registered for indirect tax option text
          */
         "otherRegion": string;
         /**
@@ -4050,8 +4050,8 @@ export namespace Components {
          */
         "step2_notRegistered": string;
         /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
+          * Label test for the option indicating registration for indirect tax
+          * @uiName Registered for indrect tax label
           * @uiGroup Step 2 Properties
          */
         "step2_otherRegion": string;
@@ -6598,8 +6598,8 @@ declare namespace LocalJSX {
          */
         "notRegisteredSubtext"?: string;
         /**
-          * Text for the option indicating registration for indirect tax in a different region
-          * @uiName Registered for indirect tax in a different region option text
+          * Text for the option indicating registration for indirect tax
+          * @uiName Registered for indirect tax option text
          */
         "otherRegion"?: string;
         /**
@@ -9499,8 +9499,8 @@ declare namespace LocalJSX {
          */
         "step2_notRegistered"?: string;
         /**
-          * Label text for the other region radio button
-          * @uiName Other region radio button label
+          * Label test for the option indicating registration for indirect tax
+          * @uiName Registered for indrect tax label
           * @uiGroup Step 2 Properties
          */
         "step2_otherRegion"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index a59ea2acf5..0de884a50c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -26,7 +26,7 @@
 | `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification"`                                                                                                                                                                   |
 | `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; }` | `undefined`                                                                                                                                                                          |
 | `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Directly to my bank account"`                                                                                                                                                      |
-| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                            |
+| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"EFT Withdrawal (fee)"`                                                                                                                                                             |
 | `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                           |
 | `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{fieldName} is required"`                                                                                                                                                          |
 | `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Foreign"`                                                                                                                                                                          |
@@ -55,7 +55,7 @@
 | `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"SWIFT Code"`                                                                                                                                                                       |
 | `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Tax and Payouts"`                                                                                                                                                                  |
 | `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                              |
-| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Taxpayer ID"`                                                                                                                                                                      |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Beneficiary INN"`                                                                                                                                                                  |
 | `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                    |
 | `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"VO Code"`                                                                                                                                                                          |
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 2134631e0e..1db15b7af1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -58,8 +58,8 @@ export class IndirectTaxForm {
     "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 in a different region
-   * @uiName Registered for indirect tax in a different region option text
+   * Text for the option indicating registration for indirect tax
+   * @uiName Registered for indirect tax option text
    */
   @Prop() otherRegion: string = "Registered for indirect tax";
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index be5ac564c6..b83dce7e9b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -127,8 +127,8 @@ export class TaxAndCashMonolith {
   @Prop() step2_indirectTaxDetailsDescription: string =
     "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.";
   /**
-   * Label text for the other region radio button
-   * @uiName Other region radio button label
+   * Label test for the option indicating registration for indirect tax
+   * @uiName Registered for indrect tax label
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_otherRegion: string = "Registered for indirect tax";

From 8b6b09923c5293fdc1cec864813d39448d61026f Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 7 Mar 2024 16:04:14 -0800
Subject: [PATCH 451/753] Incremented version num

---
 packages/mint-components/package.json         |  2 +-
 packages/mint-components/src/components.d.ts  | 20 -------------------
 .../sqm-banking-info-form/readme.md           |  2 +-
 .../sqm-indirect-tax-form/readme.md           |  2 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  6 ++----
 5 files changed, 5 insertions(+), 27 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index f2d9f6c69b..8c45f9b31f 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-58",
+  "version": "1.8.0-59",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 84c14a613a..924d0a4da6 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3874,11 +3874,6 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
-        /**
-          * @uiName EFT Withdrawal label text
-          * @uiGroup Step 4 Properties
-         */
-        "eftWithdrawalLabel": string;
         /**
           * Invalid error text shown at the bottom of field inputs
           * @uiName Field inputs invalid error text
@@ -3891,11 +3886,6 @@ export namespace Components {
           * @uiGroup General Form Properties
          */
         "fieldRequiredError": string;
-        /**
-          * @uiName FX Wire Processing fee text
-          * @uiGroup Step 4 Properties
-         */
-        "fxWireProcessingFeeLabel": string;
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
@@ -9331,11 +9321,6 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
-        /**
-          * @uiName EFT Withdrawal label text
-          * @uiGroup Step 4 Properties
-         */
-        "eftWithdrawalLabel"?: string;
         /**
           * Invalid error text shown at the bottom of field inputs
           * @uiName Field inputs invalid error text
@@ -9348,11 +9333,6 @@ declare namespace LocalJSX {
           * @uiGroup General Form Properties
          */
         "fieldRequiredError"?: string;
-        /**
-          * @uiName FX Wire Processing fee text
-          * @uiGroup Step 4 Properties
-         */
-        "fxWireProcessingFeeLabel"?: string;
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 0de884a50c..a7ba512e14 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -26,7 +26,7 @@
 | `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification"`                                                                                                                                                                   |
 | `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; }` | `undefined`                                                                                                                                                                          |
 | `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Directly to my bank account"`                                                                                                                                                      |
-| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"EFT Withdrawal (fee)"`                                                                                                                                                             |
+| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                            |
 | `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                           |
 | `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{fieldName} is required"`                                                                                                                                                          |
 | `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Foreign"`                                                                                                                                                                          |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 27cffdf6c0..f0528b2948 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -27,7 +27,7 @@
 | `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Text for the option indicating registration for sub-region income tax                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                      |
 | `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Not registered for indirect tax"`                                                                                                                                                                                 |
 | `notRegisteredSubtext`           | `not-registered-subtext`              | Subtext for the option indicating not being registered for indirect tax                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
-| `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax in a different region                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered for indirect tax"`                                                                                                                                                                                     |
+| `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered for indirect tax"`                                                                                                                                                                                     |
 | `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                     |
 | `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Province"`                                                                                                                                                                                                        |
 | `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"QST Number"`                                                                                                                                                                                                      |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 152095598d..28bc58ccd6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -40,10 +40,8 @@
 | `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                   |
 | `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    |                                                                                                            | `string`                                                                                                             | `"Next payout occurs when balance is"`                                                                                                                                        |
 | `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                   |
-| `eftWithdrawalLabel`                            | `eft-withdrawal-label`                               |                                                                                                            | `string`                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                     |
 | `fieldInvalidError`                             | `field-invalid-error`                                | Invalid error text shown at the bottom of field inputs                                                     | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                    |
 | `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                   |
-| `fxWireProcessingFeeLabel`                      | `fx-wire-processing-fee-label`                       |                                                                                                            | `string`                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                      |
 | `generalErrorDescription`                       | `general-error-description`                          | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
 | `generalErrorTitle`                             | `general-error-title`                                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
 | `isPartnerAlertDescription`                     | `is-partner-alert-description`                       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`   |
@@ -71,7 +69,7 @@
 | `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                               |
 | `step2_isRegisteredSubRegionIncomeTax`          | `step-2_is-registered-sub-region-income-tax`         | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                |
 | `step2_notRegistered`                           | `step-2_not-registered`                              | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"Not registered for indirect tax"`                                                                                                                                           |
-| `step2_otherRegion`                             | `step-2_other-region`                                | Label text for the other region radio button                                                               | `string`                                                                                                             | `"Registered for indirect tax"`                                                                                                                                               |
+| `step2_otherRegion`                             | `step-2_other-region`                                | Label test for the option indicating registration for indirect tax                                         | `string`                                                                                                             | `"Registered for indirect tax"`                                                                                                                                               |
 | `step2_province`                                | `step-2_province`                                    | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                  |
 | `step2_qstNumber`                               | `step-2_qst-number`                                  | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST Number"`                                                                                                                                                                |
 | `step2_selectedRegion`                          | `step-2_selected-region`                             | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                          |
@@ -134,7 +132,7 @@
 | `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            | Label text for the SWIFT code input field                                                                  | `string`                                                                                                             | `"SWIFT Code"`                                                                                                                                                                |
 | `step4_taxAndPayouts`                           | `step-4_tax-and-payouts`                             | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax and Payouts"`                                                                                                                                                           |
 | `step4_taxAndPayoutsDescription`                | `step-4_tax-and-payouts-description`                 | Text shown at the top of the page next to the tax and payouts label text                                   | `string`                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                       |
-| `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          | Label text for the Taxpayer ID input field                                                                 | `string`                                                                                                             | `"Beneficiary INN"`                                                                                                                                                           |
+| `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          | Label text for the Taxpayer ID input field                                                                 | `string`                                                                                                             | `"Taxpayer ID"`                                                                                                                                                               |
 | `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          | Text for the option to receive payments to a PayPal account with processing fee details                    | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                             |
 | `step4_voCodeLabel`                             | `step-4_vo-code-label`                               | Label text for the VO code input field                                                                     | `string`                                                                                                             | `"VO Code"`                                                                                                                                                                   |
 | `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                      |

From 6ef7ba07617ab20ec80a012b416e9bef72cd52da Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 7 Mar 2024 16:06:31 -0800
Subject: [PATCH 452/753] Remove hard coded text

---
 packages/mint-components/package-lock.json       |  4 ++--
 .../sqm-banking-info-form/useBankingInfoForm.tsx | 16 ++++++++++++----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index c95ac2bbe5..d5deb3ae1b 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-57",
+  "version": "1.8.0-58",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-57",
+      "version": "1.8.0-58",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index de5beb35d3..d79024d04e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -19,6 +19,7 @@ import {
 } from "../sqm-tax-and-cash/data";
 import { BankingInfoForm } from "./sqm-banking-info-form";
 import { BankingInfoFormViewProps } from "./sqm-banking-info-form-view";
+import { intl } from "../../../global/global";
 
 // Hardcoded in Impact backend
 export const paypalFeeMap = {
@@ -578,10 +579,17 @@ export function useBankingInfoForm(
     paymentOptionsRes?.data?.impactFinanceNetworkSettings?.data;
 
   const paymentMethodFeeMap = {
-    [ACH_PAYMENT_METHOD]: "EFT Withdrawal (free)",
-    [WIRE_PAYMENT_METHOD]: `FX Wire (Processing Fee ${currency}${
-      currentPaymentOption?.defaultFxFee || 0
-    }.00)`,
+    [ACH_PAYMENT_METHOD]: props.eftWithdrawalLabel,
+    [WIRE_PAYMENT_METHOD]: intl.formatMessage(
+      {
+        id: "fxWireText",
+        defaultMessage: props.fxWireProcessingFeeLabel,
+      },
+      {
+        currency: currency,
+        defaultFxFee: currentPaymentOption?.defaultFxFee || 0,
+      }
+    ),
   };
   const paymentMethodFeeLabel =
     paymentMethodFeeMap[currentPaymentOption?.defaultFinancePaymentMethodId];

From a7df91d3d3a47afe9e26108f7470783cb9107179 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 7 Mar 2024 16:15:34 -0800
Subject: [PATCH 453/753] missing push

---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx         | 15 ++++++++++++++-
 .../sqm-tax-and-cash/useTaxAndCash.tsx            |  2 +-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index b83dce7e9b..389621737d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -603,7 +603,7 @@ export class TaxAndCashMonolith {
    * @uiName Taxpayer ID input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_taxPayerIdLabel: string = "Taxpayer ID";
+  @Prop() step4_taxPayerIdLabel: string = "Beneficiary INN";
 
   /**
    * Label text for the Bank Address input
@@ -637,6 +637,19 @@ export class TaxAndCashMonolith {
   @Prop() step4_cannotChangeInfoAlert: string =
     "Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting.";
 
+  /**
+   * @uiName EFT Withdrawal label text
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() eftWithdrawalLabel: string = "EFT Withdrawal (free)";
+
+  /**
+   * @uiName FX Wire Processing fee text
+   * @uiGroup Step 4 Properties
+   */
+  @Prop() fxWireProcessingFeeLabel: string =
+    "FX Wire (Processing Fee {currency}{defaultFxFee}.00)";
+
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     DASHBOARD PROPS:
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index cc79785c12..a8881a4f0d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -131,7 +131,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  setupDemo();
+  // setupDemo();
 
   /** END DEMO DATA */
 

From 39aca5ed8966fb8405924425bd8611cd0b6baca6 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 7 Mar 2024 16:15:45 -0800
Subject: [PATCH 454/753] Update useTaxAndCash.tsx

---
 .../components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index a8881a4f0d..cc79785c12 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -131,7 +131,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  // setupDemo();
+  setupDemo();
 
   /** END DEMO DATA */
 

From c9a9158125cf68df3dc0ecf9cb24c784c3d0c9fe Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 7 Mar 2024 16:18:17 -0800
Subject: [PATCH 455/753] publish

---
 packages/mint-components/src/components.d.ts  | 20 +++++++++++++++++++
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  4 +++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 924d0a4da6..84c14a613a 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3874,6 +3874,11 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * @uiName EFT Withdrawal label text
+          * @uiGroup Step 4 Properties
+         */
+        "eftWithdrawalLabel": string;
         /**
           * Invalid error text shown at the bottom of field inputs
           * @uiName Field inputs invalid error text
@@ -3886,6 +3891,11 @@ export namespace Components {
           * @uiGroup General Form Properties
          */
         "fieldRequiredError": string;
+        /**
+          * @uiName FX Wire Processing fee text
+          * @uiGroup Step 4 Properties
+         */
+        "fxWireProcessingFeeLabel": string;
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
@@ -9321,6 +9331,11 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * @uiName EFT Withdrawal label text
+          * @uiGroup Step 4 Properties
+         */
+        "eftWithdrawalLabel"?: string;
         /**
           * Invalid error text shown at the bottom of field inputs
           * @uiName Field inputs invalid error text
@@ -9333,6 +9348,11 @@ declare namespace LocalJSX {
           * @uiGroup General Form Properties
          */
         "fieldRequiredError"?: string;
+        /**
+          * @uiName FX Wire Processing fee text
+          * @uiGroup Step 4 Properties
+         */
+        "fxWireProcessingFeeLabel"?: string;
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 28bc58ccd6..6df1119ace 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -40,8 +40,10 @@
 | `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                   |
 | `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    |                                                                                                            | `string`                                                                                                             | `"Next payout occurs when balance is"`                                                                                                                                        |
 | `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                   |
+| `eftWithdrawalLabel`                            | `eft-withdrawal-label`                               |                                                                                                            | `string`                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                     |
 | `fieldInvalidError`                             | `field-invalid-error`                                | Invalid error text shown at the bottom of field inputs                                                     | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                    |
 | `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                   |
+| `fxWireProcessingFeeLabel`                      | `fx-wire-processing-fee-label`                       |                                                                                                            | `string`                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                      |
 | `generalErrorDescription`                       | `general-error-description`                          | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
 | `generalErrorTitle`                             | `general-error-title`                                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
 | `isPartnerAlertDescription`                     | `is-partner-alert-description`                       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`   |
@@ -132,7 +134,7 @@
 | `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            | Label text for the SWIFT code input field                                                                  | `string`                                                                                                             | `"SWIFT Code"`                                                                                                                                                                |
 | `step4_taxAndPayouts`                           | `step-4_tax-and-payouts`                             | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax and Payouts"`                                                                                                                                                           |
 | `step4_taxAndPayoutsDescription`                | `step-4_tax-and-payouts-description`                 | Text shown at the top of the page next to the tax and payouts label text                                   | `string`                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                       |
-| `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          | Label text for the Taxpayer ID input field                                                                 | `string`                                                                                                             | `"Taxpayer ID"`                                                                                                                                                               |
+| `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          | Label text for the Taxpayer ID input field                                                                 | `string`                                                                                                             | `"Beneficiary INN"`                                                                                                                                                           |
 | `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          | Text for the option to receive payments to a PayPal account with processing fee details                    | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                             |
 | `step4_voCodeLabel`                             | `step-4_vo-code-label`                               | Label text for the VO code input field                                                                     | `string`                                                                                                             | `"VO Code"`                                                                                                                                                                   |
 | `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                      |

From a10e259b82027a4895ed5457d2d7ea1edc97e5ca Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 11 Mar 2024 10:46:09 -0700
Subject: [PATCH 456/753] address some TODO comments

---
 packages/mint-components/package-lock.json                  | 4 ++--
 .../sqm-banking-info-form/sqm-banking-info-form-view.tsx    | 3 +--
 .../sqm-banking-info-form/sqm-banking-info-form.tsx         | 1 -
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx      | 6 ++----
 4 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 6211c45bc8..e31e3841b1 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-54",
+  "version": "1.8.0-56",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-54",
+      "version": "1.8.0-56",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 6fd8fa41e3..880bd53fad 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -327,8 +327,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
       );
     }
 
-    // TODO: Fix type
-    // @ts-ignore
+    // @ts-expect-error: `input` not used
     Array.from({ length: inputNumber }).forEach((input, index) => {
       skeletons.push(
         <div style={{ ...flexBoxStyle, flexDirection: "column" }} key={index}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index acc5e83d70..bc0e66f952 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -459,7 +459,6 @@ export class BankingInfoForm {
                   }),
                 })}
               >
-                {/* TODO: mock data should come from the backend when available */}
                 {props.states.countries?.map((country) => {
                   return (
                     <sl-menu-item value={country.code}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index e510ff7661..8a10c6f629 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -154,9 +154,8 @@ export function useDocusignForm(props: DocusignForm) {
       const status = (result as UserQuery).user?.impactConnection?.publisher
         ?.currentTaxDocument?.status;
 
-      // TODO : Confirm behaviour
       if (status === "NOT_VERIFIED" || status === "ACTIVE") {
-        console.log("Document has been registered as submitted");
+        console.debug("Document has been registered as submitted");
       }
 
       setPath(context.overrideNextStep || "/4");
@@ -181,10 +180,9 @@ export function useDocusignForm(props: DocusignForm) {
       submitDisabled: !formSubmitted,
       loading: allLoading,
       formState: {
-        //AL: hooks todo
         participantType,
         completedTaxForm: formSubmitted,
-        taxFormExpired: false, // TODO: Unhardcode this
+        taxFormExpired: DOCUSIGN_EXPIRED_STATES.includes(docusignStatus),
         errors,
       },
       docusignStatus,

From f22ca55f0c256fd08c31782c45e1d829649365d0 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 11 Mar 2024 11:40:51 -0700
Subject: [PATCH 457/753] add text props story

---
 .../tax-and-cash/TaxForm.stories.tsx          | 11 +++++++++++
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 19 ++++++++++++++++++-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index e7be927a2d..a1fe296c44 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -1158,3 +1158,14 @@ export const TaxAndCashDashboardDisabled = () => {
     ></sqm-tax-and-cash-dashboard>
   );
 };
+
+export const TaxAndCashTextProps = () => {
+  return (
+    <sqm-tax-and-cash
+      demoData={{
+        // @ts-ignore
+        showTextProps: true,
+      }}
+    ></sqm-tax-and-cash>
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 389621737d..c767d173bf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -869,7 +869,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_thresholdPayoutText: string =
-    "Next payout occurs when balance is";
+    "Next payout occurs when balance is {thresholdBalance}";
   /**
    * @uiName Account text
    * @uiGroup Dashboard Properties
@@ -971,6 +971,23 @@ export class TaxAndCashMonolith {
     const props = useTaxAndCash();
     // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
+    // @ts-ignore
+    if (this.demoData.showTextProps) {
+      const textProps = getProps(this);
+      return (
+        <div>
+          {Object.keys(textProps)?.map((prop) => {
+            return (
+              <div>
+                <b>{prop}:</b> {this[prop]}
+                <hr />
+              </div>
+            );
+          })}
+        </div>
+      );
+    }
+
     // TODO: Create form wrapper that includes the header and sub text.
     switch (props.step) {
       case "/1":

From 5651ecd5c74c62fd2e0420691c94eade7060898b Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 11 Mar 2024 11:47:18 -0700
Subject: [PATCH 458/753] fix a bunch of props missing their prefixes

---
 packages/mint-components/src/components.d.ts  | 112 +++++++++---------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  15 +--
 2 files changed, 64 insertions(+), 63 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 84c14a613a..60f38d9574 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3874,11 +3874,6 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
-        /**
-          * @uiName EFT Withdrawal label text
-          * @uiGroup Step 4 Properties
-         */
-        "eftWithdrawalLabel": string;
         /**
           * Invalid error text shown at the bottom of field inputs
           * @uiName Field inputs invalid error text
@@ -3891,11 +3886,6 @@ export namespace Components {
           * @uiGroup General Form Properties
          */
         "fieldRequiredError": string;
-        /**
-          * @uiName FX Wire Processing fee text
-          * @uiGroup Step 4 Properties
-         */
-        "fxWireProcessingFeeLabel": string;
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
@@ -3919,18 +3909,6 @@ export namespace Components {
           * @uiGroup General Form Properties
          */
         "isPartnerAlertHeader": string;
-        /**
-          * Subtext for the option indicating not being registered for indirect tax
-          * @uiName Not registered for indirect tax option sub-text
-          * @uiGroup Step 2 Properties
-         */
-        "notRegisteredSubtext": string;
-        /**
-          * 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
-          * @uiGroup Step 2 Properties
-         */
-        "otherRegionSubtext": string;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -3985,6 +3963,12 @@ export namespace Components {
           * @uiGroup Step 1 Properties
          */
         "step1_submitButton": string;
+        /**
+          * Label text for terms and conditions
+          * @uiName Terms and conditions label text
+          * @uiGroup Step 1 Properties
+         */
+        "step1_termsAndConditionsLabel": string;
         /**
           * Text shown inside of back button
           * @uiName Back button text
@@ -4057,12 +4041,24 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_notRegistered": string;
+        /**
+          * Subtext for the option indicating not being registered for indirect tax
+          * @uiName Not registered for indirect tax option sub-text
+          * @uiGroup Step 2 Properties
+         */
+        "step2_notRegisteredSubtext": string;
         /**
           * Label test for the option indicating registration for indirect tax
           * @uiName Registered for indrect tax label
           * @uiGroup Step 2 Properties
          */
         "step2_otherRegion": string;
+        /**
+          * 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
+          * @uiGroup Step 2 Properties
+         */
+        "step2_otherRegionSubtext": string;
         /**
           * Label text for the Province select input
           * @uiName Province select input label
@@ -4315,6 +4311,11 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_directlyToBankAccount": string;
+        /**
+          * @uiName EFT Withdrawal label text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_eftWithdrawalLabel": string;
         /**
           * Label text for the foreign select item
           * @uiName Foreign select item label
@@ -4327,6 +4328,11 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_formStep": string;
+        /**
+          * @uiName FX Wire Processing fee text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_fxWireProcessingFeeLabel": string;
         /**
           * Label text for the IBAN input field
           * @uiName IBAN input label
@@ -4459,12 +4465,6 @@ export namespace Components {
           * @uiGroup Step 3 Properties
          */
         "stop3NotBasedInUS": string;
-        /**
-          * Label text for terms and conditions
-          * @uiName Terms and conditions label text
-          * @uiGroup Step 1 Properties
-         */
-        "termsAndConditionsLabel": string;
     }
     interface SqmTaxAndCashDashboard {
         /**
@@ -9331,11 +9331,6 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
-        /**
-          * @uiName EFT Withdrawal label text
-          * @uiGroup Step 4 Properties
-         */
-        "eftWithdrawalLabel"?: string;
         /**
           * Invalid error text shown at the bottom of field inputs
           * @uiName Field inputs invalid error text
@@ -9348,11 +9343,6 @@ declare namespace LocalJSX {
           * @uiGroup General Form Properties
          */
         "fieldRequiredError"?: string;
-        /**
-          * @uiName FX Wire Processing fee text
-          * @uiGroup Step 4 Properties
-         */
-        "fxWireProcessingFeeLabel"?: string;
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
@@ -9376,18 +9366,6 @@ declare namespace LocalJSX {
           * @uiGroup General Form Properties
          */
         "isPartnerAlertHeader"?: string;
-        /**
-          * Subtext for the option indicating not being registered for indirect tax
-          * @uiName Not registered for indirect tax option sub-text
-          * @uiGroup Step 2 Properties
-         */
-        "notRegisteredSubtext"?: string;
-        /**
-          * 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
-          * @uiGroup Step 2 Properties
-         */
-        "otherRegionSubtext"?: string;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -9442,6 +9420,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 1 Properties
          */
         "step1_submitButton"?: string;
+        /**
+          * Label text for terms and conditions
+          * @uiName Terms and conditions label text
+          * @uiGroup Step 1 Properties
+         */
+        "step1_termsAndConditionsLabel"?: string;
         /**
           * Text shown inside of back button
           * @uiName Back button text
@@ -9514,12 +9498,24 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_notRegistered"?: string;
+        /**
+          * Subtext for the option indicating not being registered for indirect tax
+          * @uiName Not registered for indirect tax option sub-text
+          * @uiGroup Step 2 Properties
+         */
+        "step2_notRegisteredSubtext"?: string;
         /**
           * Label test for the option indicating registration for indirect tax
           * @uiName Registered for indrect tax label
           * @uiGroup Step 2 Properties
          */
         "step2_otherRegion"?: string;
+        /**
+          * 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
+          * @uiGroup Step 2 Properties
+         */
+        "step2_otherRegionSubtext"?: string;
         /**
           * Label text for the Province select input
           * @uiName Province select input label
@@ -9772,6 +9768,11 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_directlyToBankAccount"?: string;
+        /**
+          * @uiName EFT Withdrawal label text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_eftWithdrawalLabel"?: string;
         /**
           * Label text for the foreign select item
           * @uiName Foreign select item label
@@ -9784,6 +9785,11 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_formStep"?: string;
+        /**
+          * @uiName FX Wire Processing fee text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_fxWireProcessingFeeLabel"?: string;
         /**
           * Label text for the IBAN input field
           * @uiName IBAN input label
@@ -9916,12 +9922,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "stop3NotBasedInUS"?: string;
-        /**
-          * Label text for terms and conditions
-          * @uiName Terms and conditions label text
-          * @uiGroup Step 1 Properties
-         */
-        "termsAndConditionsLabel"?: string;
     }
     interface SqmTaxAndCashDashboard {
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index c767d173bf..7f9f314f9a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -82,7 +82,7 @@ export class TaxAndCashMonolith {
    * @uiName Terms and conditions label text
    * @uiGroup Step 1 Properties
    */
-  @Prop() termsAndConditionsLabel: string = "terms and conditions";
+  @Prop() step1_termsAndConditionsLabel: string = "terms and conditions";
   /**
    * Text shown inside of submit button
    * @uiName Submit button text
@@ -137,7 +137,7 @@ export class TaxAndCashMonolith {
    * @uiName Registered for indirect tax in a different region option sub-text
    * @uiGroup Step 2 Properties
    */
-  @Prop() otherRegionSubtext: string =
+  @Prop() step2_otherRegionSubtext: string =
     "If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
   /**
    * Label text for the not registered radio button
@@ -150,7 +150,7 @@ export class TaxAndCashMonolith {
    * @uiName Not registered for indirect tax option sub-text
    * @uiGroup Step 2 Properties
    */
-  @Prop() notRegisteredSubtext: string =
+  @Prop() step2_notRegisteredSubtext: string =
     "If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered.";
   /**
    * Label text for the Selected Region select input
@@ -641,13 +641,13 @@ export class TaxAndCashMonolith {
    * @uiName EFT Withdrawal label text
    * @uiGroup Step 4 Properties
    */
-  @Prop() eftWithdrawalLabel: string = "EFT Withdrawal (free)";
+  @Prop() step4_eftWithdrawalLabel: string = "EFT Withdrawal (free)";
 
   /**
    * @uiName FX Wire Processing fee text
    * @uiGroup Step 4 Properties
    */
-  @Prop() fxWireProcessingFeeLabel: string =
+  @Prop() step4_fxWireProcessingFeeLabel: string =
     "FX Wire (Processing Fee {currency}{defaultFxFee}.00)";
 
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
@@ -968,8 +968,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    const props = useTaxAndCash();
-    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    // const props = useTaxAndCash();
+    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
     if (this.demoData.showTextProps) {
@@ -977,6 +977,7 @@ export class TaxAndCashMonolith {
       return (
         <div>
           {Object.keys(textProps)?.map((prop) => {
+            if (prop === "demoData") return;
             return (
               <div>
                 <b>{prop}:</b> {this[prop]}

From 71d572eb7a6722ccc0a26fd56e091634c977a437 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 11 Mar 2024 12:00:58 -0700
Subject: [PATCH 459/753] fix missing and extra step 1/2 props

---
 packages/mint-components/src/components.d.ts  | 38 +++-----
 .../sqm-indirect-tax-form.tsx                 | 95 +++++++++----------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 19 ++--
 .../sqm-user-info-form/sqm-user-info-form.tsx |  1 -
 4 files changed, 66 insertions(+), 87 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 60f38d9574..4881bf9a8b 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3927,6 +3927,12 @@ export namespace Components {
           * @uiGroup Step 1 Properties
          */
         "step1_currency": string;
+        /**
+          * Help text shown underneath currency input
+          * @uiName Currency help text
+          * @uiGroup Step 1 Properties
+         */
+        "step1_currencyHelpText": string;
         /**
           * Label text for email input
           * @uiName Email label
@@ -3957,12 +3963,6 @@ export namespace Components {
           * @uiGroup Step 1 Properties
          */
         "step1_personalInformation": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_submitButton": string;
         /**
           * Label text for terms and conditions
           * @uiName Terms and conditions label text
@@ -4089,12 +4089,6 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_subRegionTaxNumberLabel": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_submitButton": string;
         /**
           * Text shown inside of back button
           * @uiName Back button text
@@ -4703,7 +4697,6 @@ export namespace Components {
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
-          * @uiGroup Step 1 Properties
          */
         "allowBankingCollection": string;
         /**
@@ -9384,6 +9377,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 1 Properties
          */
         "step1_currency"?: string;
+        /**
+          * Help text shown underneath currency input
+          * @uiName Currency help text
+          * @uiGroup Step 1 Properties
+         */
+        "step1_currencyHelpText"?: string;
         /**
           * Label text for email input
           * @uiName Email label
@@ -9414,12 +9413,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 1 Properties
          */
         "step1_personalInformation"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_submitButton"?: string;
         /**
           * Label text for terms and conditions
           * @uiName Terms and conditions label text
@@ -9546,12 +9539,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_subRegionTaxNumberLabel"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_submitButton"?: string;
         /**
           * Text shown inside of back button
           * @uiName Back button text
@@ -10159,7 +10146,6 @@ declare namespace LocalJSX {
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
-          * @uiGroup Step 1 Properties
          */
         "allowBankingCollection"?: string;
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 1db15b7af1..2c6983bc25 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -103,24 +103,33 @@ export class IndirectTaxForm {
     "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}";
 
   /**
-   * Header text for the alert when the user is identified as a partner
-   * @uiName Partner identification alert header
+   * Label text for the QST number input field
+   * @uiName QST number input label
    */
-  @Prop() isPartnerAlertHeader: string =
-    "An account with this email already exists with our referral program provider, impact.com";
+  @Prop() qstNumber: string = "QST Number";
 
   /**
-   * Description text for the alert when the user is identified as a partner
-   * @uiName Partner identification alert description
+   * Text for the option indicating registration for QST tax
+   * @uiName Registered for QST tax option text
    */
-  @Prop() isPartnerAlertDescription: string =
-    "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.";
+  @Prop() isRegisteredQST: string = "I am registered for QST Tax";
 
   /**
-   * Text for the continue button in the form
-   * @uiName Continue button text
+   * Text for the option indicating registration for sub-region income tax
+   * @uiName Registered for sub-region income tax option text
    */
-  @Prop() continueButton: string = "Continue";
+  @Prop() isRegisteredSubRegionIncomeTax: string =
+    "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
+   */
+  @Prop() subRegion: string = "Sub-region";
+  /**
+   * Label text for the sub-region tax number input field
+   * @uiName Sub-region tax number input label
+   */
+  @Prop() subRegionTaxNumberLabel: string = "Income Tax Number";
 
   /**
    * Text for the back button in the form
@@ -128,19 +137,11 @@ export class IndirectTaxForm {
    */
   @Prop() backButton: string = "Back";
   /**
-   * Title text for a general form submission error
-   * @uiName General form submission error title
-   */
-  @Prop() generalErrorTitle: string =
-    "There was a problem submitting your information";
-
-  /**
-   * Description text for a general form submission error
-   * @uiName General form submission error description
+   * Alert text indicating participant cannot change info after it has been submitted
+   * @uiName Cannot change info Alert text
    */
-  @Prop() generalErrorDescription: string =
-    "Please review your information and try again. If this problem continues, contact Support.";
-
+  @Prop() cannotChangeInfoAlert: string =
+    "Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure 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
@@ -148,46 +149,44 @@ export class IndirectTaxForm {
   @Prop() indirectTaxNumberError: string =
     "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required";
   /**
-   * Label text for the sub-region input field
-   * @uiName Sub-region input label
-   */
-  @Prop() subRegion: string = "Sub-region";
-  /**
-   * Label text for the QST number input field
-   * @uiName QST number input label
+   * Required error text shown at the bottom of field inputs
+   * @uiName Field inputs error text
    */
-  @Prop() qstNumber: string = "QST Number";
+  @Prop() fieldRequiredError: string = "{fieldName} is required";
 
   /**
-   * Label text for the sub-region tax number input field
-   * @uiName Sub-region tax number input label
+   * Header text for the alert when the user is identified as a partner
+   * @uiName Partner identification alert header
    */
-  @Prop() subRegionTaxNumberLabel: string = "Income Tax Number";
+  @Prop() isPartnerAlertHeader: string =
+    "An account with this email already exists with our referral program provider, impact.com";
 
   /**
-   * Text for the option indicating registration for QST tax
-   * @uiName Registered for QST tax option text
+   * Description text for the alert when the user is identified as a partner
+   * @uiName Partner identification alert description
    */
-  @Prop() isRegisteredQST: string = "I am registered for QST Tax";
+  @Prop() isPartnerAlertDescription: string =
+    "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 option indicating registration for sub-region income tax
-   * @uiName Registered for sub-region income tax option text
+   * Text for the continue button in the form
+   * @uiName Continue button text
    */
-  @Prop() isRegisteredSubRegionIncomeTax: string =
-    "I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.";
+  @Prop() continueButton: string = "Continue";
 
   /**
-   * Alert text indicating participant cannot change info after it has been submitted
-   * @uiName Cannot change info Alert text
+   * Title text for a general form submission error
+   * @uiName General form submission error title
    */
-  @Prop() cannotChangeInfoAlert: string =
-    "Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing.";
+  @Prop() generalErrorTitle: string =
+    "There was a problem submitting your information";
+
   /**
-   * Required error text shown at the bottom of field inputs
-   * @uiName Field inputs error text
+   * Description text for a general form submission error
+   * @uiName General form submission error description
    */
-  @Prop() fieldRequiredError: string = "{fieldName} is required";
+  @Prop() generalErrorDescription: string =
+    "Please review your information and try again. If this problem continues, contact Support.";
 
   /**
    * @undocumented
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 7f9f314f9a..a3670d386f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -58,6 +58,13 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_currency: string = "Currency";
+  /**
+   * Help text shown underneath currency input
+   * @uiName Currency help text
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_currencyHelpText: string =
+    "Choose your preferred payout currency";
   /**
    * Label text for tax and banking collection checkbox
    * @uiName Tax and banking label
@@ -83,12 +90,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_termsAndConditionsLabel: string = "terms and conditions";
-  /**
-   * Text shown inside of submit button
-   * @uiName Submit button text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_submitButton: string = "Continue";
 
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     STEP 2 PROPS:
@@ -203,12 +204,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_subRegionTaxNumberLabel: string = "Income Tax Number";
-  /**
-   * Text shown inside of submit button
-   * @uiName Submit button text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_submitButton: string = "Continue";
   /**
    * Text shown inside of back button
    * @uiName Back button text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 5190d58a45..329956c576 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -54,7 +54,6 @@ export class TaxForm {
   /**
    * Label text for tax and banking collection checkbox
    * @uiName Tax and banking label
-   * @uiGroup Step 1 Properties
    */
   @Prop() allowBankingCollection: string =
     "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";

From fcd89b3e12c1def2bb6742035c1a7c9582ccccd8 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Mon, 11 Mar 2024 13:33:25 -0700
Subject: [PATCH 460/753] copy updates

---
 packages/mint-components/package-lock.json                | 4 ++--
 .../sqm-banking-info-form/sqm-banking-info-form.tsx       | 2 +-
 .../sqm-tax-and-cash-dashboard.feature                    | 4 ++--
 .../sqm-tax-and-cash-dashboard.tsx                        | 4 ++--
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx    | 8 ++++----
 packages/mint-components/src/index.html                   | 6 +++---
 6 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index d5deb3ae1b..225955a9d8 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-58",
+  "version": "1.8.0-59",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-58",
+      "version": "1.8.0-59",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index e0b303e878..539c12a88e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -285,7 +285,7 @@ export class BankingInfoForm {
    * @uiName Cannot change info Alert text
    */
   @Prop() cannotChangeInfoAlert: string =
-    "Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting.";
+    "Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting.";
   /**
    * Title text for a general form submission error
    * @uiName General form submission error title
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
index 7a87180f22..2380402dea 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
@@ -44,7 +44,7 @@ Feature: Tax And Cash Dashboard
       | status       | badgeVariant | taxStatusMessage                                                          | dateSubmitted |
       | ACTIVE       | success      | Submitted                                                                 | Jan 17, 2024  |
       | NOT_VERIFIED | neutral      | Awaiting Review. Submitted                                                | Jan 17, 2024  |
-      | NOT_ACTIVE   | danger       | Ensure your information matches your profile and resubmit a new document. | Jan 17, 2024  |
+      | NOT_ACTIVE | danger | Make sure your information is correct and submit new form. | Jan 17, 2024 |
 
   @minutia @ui
   Scenario: Status badge and text does not appear if participant is not required to submit tax form
@@ -91,7 +91,7 @@ Feature: Tax And Cash Dashboard
     Examples:
       | status     | documentType | taxAlertHeader                                                             | taxAlertMessage                                                                                                              |
       | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile. | Please resubmit a new W9 form.                                                                                               |
-      | NOT_ACTIVE | W8-BEN       | W8-BEN tax form is invalid.                                                | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form. |
+      | NOT_ACTIVE | W8-BEN | W8-BEN tax form is invalid. | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form. |
 
   @unknown
   Scenario: Submit New Tax Document Form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 575b8970f7..7d982229a6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -85,14 +85,14 @@ export class TaxAndCashDashboard {
    * @uiName Tax W8 alert message
    */
   @Prop() taxAlertNotActiveMessageW8?: string =
-    "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form.";
+    "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form.";
   /**
    * Description text displayed next to the badge in the tax documents status
    *
    * @uiName Invalid form description text
    */
   @Prop() invalidForm?: string =
-    "Ensure your information matches your profile and resubmit a new document.";
+    "Make sure your information is correct and submit new form.";
   /**
    * Header text displayed above the banking information card
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 389621737d..3d5d6c5d55 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -635,7 +635,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_cannotChangeInfoAlert: string =
-    "Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting.";
+    "Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting.";
 
   /**
    * @uiName EFT Withdrawal label text
@@ -734,7 +734,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_taxAlertNotActiveMessageW8?: string =
-    "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form.";
+    "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form.";
   /**
    * Description text displayed next to the badge in the tax documents status
    *
@@ -742,7 +742,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_invalidForm?: string =
-    "Ensure your information matches your profile and resubmit a new document.";
+    "Make sure your information is correct and submit new form.";
   /**
    * Header text displayed above the banking information card
    *
@@ -773,7 +773,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_noFormNeededSubtext: string =
-    "Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support.";
+    "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
    *
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From 134b5ba801c078dff300197c70f2bf97d835fd5a Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 11 Mar 2024 14:03:47 -0700
Subject: [PATCH 461/753] normalize name of submitButton prompt, general back
 button prop added

---
 packages/mint-components/src/components.d.ts  | 76 ++++++++-----------
 .../sqm-banking-info-form-view.tsx            |  4 +-
 .../sqm-banking-info-form.tsx                 | 11 ++-
 .../sqm-document-type-form-view.tsx           |  6 +-
 .../sqm-document-type-form.tsx                |  2 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 22 +++---
 6 files changed, 52 insertions(+), 69 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 4881bf9a8b..910f6a9ca2 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -153,6 +153,11 @@ export namespace Components {
           * @uiName Classification input label
          */
         "classificationLabel": string;
+        /**
+          * Text for the save button in the form
+          * @uiName Save button text
+         */
+        "continueButton": string;
         /**
           * @undocumented 
           * @uiType object
@@ -286,11 +291,6 @@ export namespace Components {
           * @uiName Savings select item label
          */
         "savingsSelectItemLabel": string;
-        /**
-          * Text for the save button in the form
-          * @uiName Save button text
-         */
-        "submitButton": string;
         /**
           * Label text for the SWIFT code input field
           * @uiName SWIFT code input label
@@ -549,6 +549,11 @@ export namespace Components {
           * @uiName Back button text
          */
         "backButton": string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "continueButton": string;
         /**
           * @undocumented 
           * @uiType object
@@ -574,11 +579,6 @@ export namespace Components {
           * @uiName General error title
          */
         "generalErrorTitle": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton": string;
         /**
           * Heading text shown at the top of the top of page
           * @uiName Tax form heading text
@@ -3682,6 +3682,12 @@ export namespace Components {
         "steps": boolean;
     }
     interface SqmTaxAndCash {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup General Form Properties
+         */
+        "backButton": string;
         /**
           * Text for the continue button in the form
           * @uiName Continue button text
@@ -3969,12 +3975,6 @@ export namespace Components {
           * @uiGroup Step 1 Properties
          */
         "step1_termsAndConditionsLabel": string;
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_backButton": string;
         /**
           * Alert text indicating participant cannot change info after it has been submitted
           * @uiName Cannot change info Alert text
@@ -4089,12 +4089,6 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_subRegionTaxNumberLabel": string;
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_backButton": string;
         /**
           * Text shown in the banner above the document
           * @uiName Banner text
@@ -5626,6 +5620,11 @@ declare namespace LocalJSX {
           * @uiName Classification input label
          */
         "classificationLabel"?: string;
+        /**
+          * Text for the save button in the form
+          * @uiName Save button text
+         */
+        "continueButton"?: string;
         /**
           * @undocumented 
           * @uiType object
@@ -5759,11 +5758,6 @@ declare namespace LocalJSX {
           * @uiName Savings select item label
          */
         "savingsSelectItemLabel"?: string;
-        /**
-          * Text for the save button in the form
-          * @uiName Save button text
-         */
-        "submitButton"?: string;
         /**
           * Label text for the SWIFT code input field
           * @uiName SWIFT code input label
@@ -6022,6 +6016,11 @@ declare namespace LocalJSX {
           * @uiName Back button text
          */
         "backButton"?: string;
+        /**
+          * Text shown inside of submit button
+          * @uiName Submit button text
+         */
+        "continueButton"?: string;
         /**
           * @undocumented 
           * @uiType object
@@ -6047,11 +6046,6 @@ declare namespace LocalJSX {
           * @uiName General error title
          */
         "generalErrorTitle"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "submitButton"?: string;
         /**
           * Heading text shown at the top of the top of page
           * @uiName Tax form heading text
@@ -9132,6 +9126,12 @@ declare namespace LocalJSX {
         "steps"?: boolean;
     }
     interface SqmTaxAndCash {
+        /**
+          * Text shown inside of back button
+          * @uiName Back button text
+          * @uiGroup General Form Properties
+         */
+        "backButton"?: string;
         /**
           * Text for the continue button in the form
           * @uiName Continue button text
@@ -9419,12 +9419,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 1 Properties
          */
         "step1_termsAndConditionsLabel"?: string;
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_backButton"?: string;
         /**
           * Alert text indicating participant cannot change info after it has been submitted
           * @uiName Cannot change info Alert text
@@ -9539,12 +9533,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_subRegionTaxNumberLabel"?: string;
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_backButton"?: string;
         /**
           * Text shown in the banner above the document
           * @uiName Banner text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 47ef5fbde2..6489feb70f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -65,7 +65,7 @@ export interface BankingInfoFormViewProps {
     toPayPalAccount: string;
     paymentMethod: string;
     paymentMethodSubtext: string;
-    submitButton: string;
+    continueButton: string;
     bankLocationLabel: string;
     payPalInputLabel: string;
     paymentSchedule: string;
@@ -533,7 +533,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
             submit
             exportparts="base: primarybutton-base"
           >
-            {text.submitButton}
+            {text.continueButton}
           </sl-button>
         </div>
       </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index e0b303e878..c2c08b8432 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -116,12 +116,6 @@ export class BankingInfoForm {
    * @uiName PayPal email input label
    */
   @Prop() payPalInputLabel: string = "PayPal Email";
-
-  /**
-   * Text for the save button in the form
-   * @uiName Save button text
-   */
-  @Prop() submitButton: string = "Save";
   /**
    * Label text for the bank country location input field
    * @uiName Bank country location input label
@@ -321,6 +315,11 @@ export class BankingInfoForm {
    * @uiName Field inputs invalid error text
    */
   @Prop() fieldInvalidError: string = "{fieldName} is invalid";
+  /**
+   * Text for the save button in the form
+   * @uiName Save button text
+   */
+  @Prop() continueButton: string = "Save";
 
   /**
    * @undocumented
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
index 0fac3bcab8..02a8ad8593 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
@@ -1,4 +1,4 @@
-import { VNode, h } from "@stencil/core";
+import { h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
 
 export interface DocumentTypeFormViewProps {
@@ -26,7 +26,7 @@ export interface DocumentTypeFormViewProps {
     w8Description: string;
     w8ELabel: string;
     w8EDescription: string;
-    submitButton: string;
+    continueButton: string;
     backButton: string;
     error: {
       generalTitle: string;
@@ -200,7 +200,7 @@ export const DocumentTypeFormView = (props: DocumentTypeFormViewProps) => {
               submit
               exportparts="base: primarybutton-base"
             >
-              {text.submitButton}
+              {text.continueButton}
             </sl-button>
             <sl-button
               class={classes.SecondaryBtn}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
index 6996606402..2dd9d3336a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
@@ -75,7 +75,7 @@ export class DocumentTypeForm {
    * Text shown inside of submit button
    * @uiName Submit button text
    */
-  @Prop() submitButton: string = "Continue";
+  @Prop() continueButton: string = "Continue";
   /**
    * Text shown inside of back button
    * @uiName Back button text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index a3670d386f..11fa82827a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -204,12 +204,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_subRegionTaxNumberLabel: string = "Income Tax Number";
-  /**
-   * Text shown inside of back button
-   * @uiName Back button text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_backButton: string = "Back";
   /**
    * Alert text indicating participant cannot change info after it has been submitted
    * @uiName Cannot change info Alert text
@@ -339,12 +333,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 3 Properties
    */
   @Prop() step3_refreshButton: string = "Refresh Page";
-  /**
-   * Text shown inside of back button
-   * @uiName Back button text
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_backButton: string = "Back";
+
   /**
    * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
    *
@@ -921,6 +910,12 @@ export class TaxAndCashMonolith {
    * @uiGroup General Form Properties
    */
   @Prop() continueButton: string = "Continue";
+  /**
+   * Text shown inside of back button
+   * @uiName Back button text
+   * @uiGroup General Form Properties
+   */
+  @Prop() backButton: string = "Back";
   /**
    * Alert header text shown in alert if user is already a registered partner
    * @uiName Participant is partner title
@@ -956,7 +951,8 @@ export class TaxAndCashMonolith {
       generalErrorDescription: props.generalErrorDescription,
       fieldRequiredError: props.fieldRequiredError,
       fieldInvalidError: props.fieldInvalidError,
-      submitButton: props.continueButton,
+      continueButton: props.continueButton,
+      backButton: props.backButton,
       isPartnerAlertHeader: props.isPartnerAlertHeader,
       isPartnerAlertDescription: props.isPartnerAlertDescription,
     };

From 2ae61505453eb6d829e1b22e62d91ce6fb4eafff Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 11 Mar 2024 14:37:25 -0700
Subject: [PATCH 462/753] re-arranging props to match monolith order, added
 missing props

---
 packages/mint-components/src/components.d.ts  |  56 ++++++++--
 .../sqm-banking-info-form.tsx                 |  55 +++++-----
 .../sqm-tax-and-cash-dashboard-view.tsx       |   1 -
 .../sqm-tax-and-cash-dashboard.tsx            | 101 +++++++++++-------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |   4 +-
 5 files changed, 143 insertions(+), 74 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 910f6a9ca2..4367038392 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -4455,6 +4455,11 @@ export namespace Components {
         "stop3NotBasedInUS": string;
     }
     interface SqmTaxAndCashDashboard {
+        /**
+          * Label text account heading text
+          * @uiName Account text
+         */
+        "accountText": string;
         /**
           * Description text which appears beside badge showing the form is awaiting review
           * @uiName Badge description text
@@ -4480,16 +4485,19 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashDashboardResult>;
-        /**
-          * Text displayed in the edit Indirect Tax button
-          * @uiName Edit Indirect Tax button
-         */
-        "editIndirectTaxButton": string;
         /**
           * Text displayed in the edit Payment Information button
           * @uiName Edit Payment Information button
          */
         "editPaymentInformationButton": string;
+        /**
+          * @uiName Error banner description text
+         */
+        "errorDescriptionText": string;
+        /**
+          * @uiName Error banner title text
+         */
+        "errorTitleText": string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
@@ -4560,6 +4568,11 @@ export namespace Components {
           * @uiName QST number input
          */
         "qstNumber": string;
+        /**
+          * Label text for next payout status badge
+          * @uiName Status badge text
+         */
+        "statusBadgeText": string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
@@ -4610,6 +4623,11 @@ export namespace Components {
           * @uiName Tax documents sub header
          */
         "taxDocumentSectionSubHeader": string;
+        /**
+          * Label text for the next payout based on balance
+          * @uiName Threshold payout text
+         */
+        "thresholdPayoutText": string;
     }
     interface SqmText {
     }
@@ -9899,6 +9917,11 @@ declare namespace LocalJSX {
         "stop3NotBasedInUS"?: string;
     }
     interface SqmTaxAndCashDashboard {
+        /**
+          * Label text account heading text
+          * @uiName Account text
+         */
+        "accountText"?: string;
         /**
           * Description text which appears beside badge showing the form is awaiting review
           * @uiName Badge description text
@@ -9924,16 +9947,19 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashDashboardResult>;
-        /**
-          * Text displayed in the edit Indirect Tax button
-          * @uiName Edit Indirect Tax button
-         */
-        "editIndirectTaxButton"?: string;
         /**
           * Text displayed in the edit Payment Information button
           * @uiName Edit Payment Information button
          */
         "editPaymentInformationButton"?: string;
+        /**
+          * @uiName Error banner description text
+         */
+        "errorDescriptionText"?: string;
+        /**
+          * @uiName Error banner title text
+         */
+        "errorTitleText"?: string;
         /**
           * The error message shown at the top of the page in an error banner
           * @uiName General error text
@@ -10004,6 +10030,11 @@ declare namespace LocalJSX {
           * @uiName QST number input
          */
         "qstNumber"?: string;
+        /**
+          * Label text for next payout status badge
+          * @uiName Status badge text
+         */
+        "statusBadgeText"?: string;
         /**
           * Status text displayed in badge when tax document is Active
           * @uiName Status text
@@ -10054,6 +10085,11 @@ declare namespace LocalJSX {
           * @uiName Tax documents sub header
          */
         "taxDocumentSectionSubHeader"?: string;
+        /**
+          * Label text for the next payout based on balance
+          * @uiName Threshold payout text
+         */
+        "thresholdPayoutText"?: string;
     }
     interface SqmText {
     }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 870d3eba54..804a4fbd3f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -198,20 +198,6 @@ export class BankingInfoForm {
    */
   @Prop() foreignSelectItemLabel: string = "Foreign";
 
-  /**
-   * Header text for the alert when the user is identified as a partner
-   * @uiName Partner identification alert header
-   */
-  @Prop() isPartnerAlertHeader: string =
-    "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
-   */
-  @Prop() isPartnerAlertDescription: string =
-    "If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email.";
-
   /**
    * Label text for the classification CPF input field
    * @uiName Classification CPF input label
@@ -280,6 +266,32 @@ export class BankingInfoForm {
    */
   @Prop() cannotChangeInfoAlert: string =
     "Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting.";
+
+  /**
+   * @uiName EFT Withdrawal label text
+   */
+  @Prop() eftWithdrawalLabel: string = "EFT Withdrawal (free)";
+
+  /**
+   * @uiName FX Wire Processing fee text
+   */
+  @Prop() fxWireProcessingFeeLabel: string =
+    "FX Wire (Processing Fee {currency}{defaultFxFee}.00)";
+
+  /**
+   * Header text for the alert when the user is identified as a partner
+   * @uiName Partner identification alert header
+   */
+  @Prop() isPartnerAlertHeader: string =
+    "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
+   */
+  @Prop() isPartnerAlertDescription: string =
+    "If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email.";
+
   /**
    * Title text for a general form submission error
    * @uiName General form submission error title
@@ -294,17 +306,6 @@ export class BankingInfoForm {
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
 
-  /**
-   * @uiName EFT Withdrawal label text
-   */
-  @Prop() eftWithdrawalLabel: string = "EFT Withdrawal (free)";
-
-  /**
-   * @uiName FX Wire Processing fee text
-   */
-  @Prop() fxWireProcessingFeeLabel: string =
-    "FX Wire (Processing Fee {currency}{defaultFxFee}.00)";
-
   /**
    * Required error text shown at the bottom of field inputs
    * @uiName Field inputs error text
@@ -371,6 +372,10 @@ export class BankingInfoForm {
       KR: "Classification ID",
     };
 
+    const test: string = undefined;
+
+    test.length;
+
     const fieldRequiredError = this.fieldRequiredError;
     const fieldInvalidError = this.fieldInvalidError;
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index b5f9fd551a..a16ec0343c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -58,7 +58,6 @@ export interface TaxAndCashDashboardProps {
     taxDocumentSectionSubHeader?: string;
     newFormButton?: string;
     editPaymentInformationButton?: string;
-    editIndirectTaxButton: string;
     invalidForm?: string;
     noFormNeededSubtext?: string;
     notRegisteredForTax?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 7d982229a6..dcf99bb256 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -99,6 +99,26 @@ export class TaxAndCashDashboard {
    * @uiName Banking information header
    */
   @Prop() bankingInformationSectionHeader: string = "Payout information";
+  /**
+   * Header text displayed above the tax documents status
+   *
+   * @uiName Tax document section header
+   */
+  @Prop() taxDocumentSectionHeader: string = "Tax documents";
+  /**
+   * Sub header text displayed above the tax documents status
+   *
+   * @uiName Tax documents sub header
+   */
+  @Prop() taxDocumentSectionSubHeader: string = "{documentType} tax form";
+  /**
+   * Subtext displayed at the bottom of the page if there are no tax documents to show
+   *
+   * @uiName No form needed subtext
+   */
+  @Prop() noFormNeededSubtext: string =
+    "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
    *
@@ -137,37 +157,13 @@ export class TaxAndCashDashboard {
    */
   @Prop() indirectTaxDetails: string =
     "{indirectTaxType} number: {indirectTaxNumber}";
-  /**
-   * Header text displayed above the tax documents status
-   *
-   * @uiName Tax document section header
-   */
-  @Prop() taxDocumentSectionHeader: string = "Tax documents";
-  /**
-   * Sub header text displayed above the tax documents status
-   *
-   * @uiName Tax documents sub header
-   */
-  @Prop() taxDocumentSectionSubHeader: string = "{documentType} tax form";
-  /**
-   * Subtext displayed at the bottom of the page if there are no tax documents to show
-   *
-   * @uiName No form needed subtext
-   */
-  @Prop() noFormNeededSubtext: string =
-    "Tax documents are only required if you are based in the US or joining the referral program of a US based brand.";
+
   /**
    * Text displayed in the submit new document button at the bottom of the page
    *
    * @uiName No form needed subtext
    */
   @Prop() newFormButton: string = "Submit New Form";
-  /**
-   * Text displayed in the edit Indirect Tax button
-   *
-   * @uiName Edit Indirect Tax button
-   */
-  @Prop() editIndirectTaxButton: string = "Edit Indirect Tax";
   /**
    * Text displayed in the edit Payment Information button
    *
@@ -181,6 +177,49 @@ export class TaxAndCashDashboard {
    */
   @Prop() notRegisteredForTax: string =
     "Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information.";
+  /**
+   * Label text for the QST number
+   * @uiName QST number input
+   */
+  @Prop() qstNumber: string = "QST number: {qstNumber}";
+  /**
+   * Label text for the sub-region tax number
+   * @uiName Sub-region tax number
+   */
+  @Prop() subRegionTaxNumber: string =
+    "Income tax number: {subRegionTaxNumber}";
+
+  /**
+   * Label text for next payout status badge
+   * @uiName Status badge text
+   */
+  @Prop()
+  statusBadgeText: string =
+    "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
+  /**
+   * Label text for the next payout based on balance
+   * @uiName Threshold payout text
+   */
+  @Prop() thresholdPayoutText: string =
+    "Next payout occurs when balance is {thresholdBalance}";
+
+  /**
+   * Label text account heading text
+   * @uiName Account text
+   */
+  @Prop() accountText: string = "Account";
+  /**
+   * @uiName Error banner title text
+   */
+  @Prop() errorTitleText: string =
+    "There was an error with your payout infomation";
+  /**
+   * @uiName Error banner description text
+   */
+  @Prop()
+  errorDescriptionText: string =
+    "Please ensure your payout information is correct. If this problem continues, contact Support.";
+
   /**
    * The title for error message shown at the top of the page in an error banner
    *
@@ -195,17 +234,7 @@ export class TaxAndCashDashboard {
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
-  /**
-   * Label text for the QST number
-   * @uiName QST number input
-   */
-  @Prop() qstNumber: string = "QST number: {qstNumber}";
-  /**
-   * Label text for the sub-region tax number
-   * @uiName Sub-region tax number
-   */
-  @Prop() subRegionTaxNumber: string =
-    "Income tax number: {subRegionTaxNumber}";
+
   /**
    * Sub text describing how payouts are provided from impact.com
    * @uiName Payout from impact text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 84b9124038..3a7df410cf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -668,7 +668,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_badgeTextSubmittedOn?: string =
-    "Submitted on {dateSubmitted}";
+    "Submitted on {dateSubmitted}.";
   /**
    * Description text for W8 which appears beside badge showing when the form was submitted
    *
@@ -734,7 +734,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_bankingInformationSectionHeader: string =
-    "Banking Information";
+    "Payout Information";
   /**
    * Header text displayed above the tax documents status
    *

From 882517495e621c5ef28da146849a7205bd24e79a Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 11 Mar 2024 15:12:54 -0700
Subject: [PATCH 463/753] publish

---
 packages/mint-components/package.json         |   2 +-
 .../src/components/sqm-stencilbook/readme.md  |   8 +
 .../sqm-banking-info-form/readme.md           |   4 +-
 .../sqm-document-type-form/readme.md          |   2 +-
 .../sqm-tax-and-cash-dashboard/readme.md      |  10 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   | 278 +++++++++---------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |   2 +-
 .../tax-and-cash/sqm-user-info-form/readme.md |   3 +-
 8 files changed, 161 insertions(+), 148 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 8c45f9b31f..a64a07a6e9 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-59",
+  "version": "1.8.0-61",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-stencilbook/readme.md b/packages/mint-components/src/components/sqm-stencilbook/readme.md
index ac59e6591a..d8c8f1958c 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/readme.md
+++ b/packages/mint-components/src/components/sqm-stencilbook/readme.md
@@ -80,6 +80,7 @@
 - [sqm-docusign-form](../tax-and-cash/sqm-docusign-form)
 - [sqm-banking-info-form](../tax-and-cash/sqm-banking-info-form)
 - [sqm-tax-and-cash-dashboard](../tax-and-cash/sqm-tax-and-cash-dashboard)
+- [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
 - [sqm-payout-details-card](../tax-and-cash/sqm-payout-details-card)
 
 ### Graph
@@ -156,6 +157,7 @@ graph TD;
   sqm-stencilbook --> sqm-docusign-form
   sqm-stencilbook --> sqm-banking-info-form
   sqm-stencilbook --> sqm-tax-and-cash-dashboard
+  sqm-stencilbook --> sqm-tax-and-cash
   sqm-stencilbook --> sqm-payout-details-card
   sqm-empty --> sqm-portal-container
   sqm-empty --> sqm-image
@@ -189,7 +191,13 @@ graph TD;
   sqm-user-info-form --> sqm-docusign-form
   sqm-user-info-form --> sqm-banking-info-form
   sqm-user-info-form --> sqm-tax-and-cash-dashboard
+  sqm-user-info-form --> sqm-tax-and-cash
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
+  sqm-tax-and-cash --> sqm-user-info-form
+  sqm-tax-and-cash --> sqm-indirect-tax-form
+  sqm-tax-and-cash --> sqm-docusign-form
+  sqm-tax-and-cash --> sqm-banking-info-form
+  sqm-tax-and-cash --> sqm-tax-and-cash-dashboard
   style sqm-stencilbook fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index a7ba512e14..efa6c58ad3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -19,11 +19,12 @@
 | `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Beneficiary Account Name"`                                                                                                                                                         |
 | `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Branch Code"`                                                                                                                                                                      |
 | `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Business"`                                                                                                                                                                         |
-| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting."`                                                    |
+| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."`      |
 | `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Checking"`                                                                                                                                                                         |
 | `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification CPF"`                                                                                                                                                               |
 | `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification Entity"`                                                                                                                                                            |
 | `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification"`                                                                                                                                                                   |
+| `continueButton`                      | `continue-button`                           | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Save"`                                                                                                                                                                             |
 | `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; }` | `undefined`                                                                                                                                                                          |
 | `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Directly to my bank account"`                                                                                                                                                      |
 | `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                            |
@@ -51,7 +52,6 @@
 | `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Threshold"`                                                                                                                                                                |
 | `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Routing Code"`                                                                                                                                                                     |
 | `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Savings"`                                                                                                                                                                          |
-| `submitButton`                        | `submit-button`                             | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Save"`                                                                                                                                                                             |
 | `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"SWIFT Code"`                                                                                                                                                                       |
 | `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Tax and Payouts"`                                                                                                                                                                  |
 | `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                              |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
index 0fecc304a0..4b398fac8f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
@@ -10,12 +10,12 @@
 | Property                  | Attribute                   | Description                                                                           | Type                                                                                                                                                     | Default                                                                                                                                       |
 | ------------------------- | --------------------------- | ------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
 | `backButton`              | `back-button`               | Text shown inside of back button                                                      | `string`                                                                                                                                                 | `"Back"`                                                                                                                                      |
+| `continueButton`          | `continue-button`           | Text shown inside of submit button                                                    | `string`                                                                                                                                                 | `"Continue"`                                                                                                                                  |
 | `demoData`                | --                          |                                                                                       | `{ states?: { hideSteps: boolean; loading: boolean; disabled: boolean; formState: { formSubmission: boolean; selectedTaxForm: "W9"; errors: {}; }; }; }` | `undefined`                                                                                                                                   |
 | `formLabel`               | `form-label`                | Sub text shown above form selection radio buttons                                     | `string`                                                                                                                                                 | `"Select a tax form"`                                                                                                                         |
 | `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                 | `"Step 3 of 4"`                                                                                                                               |
 | `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                 | `"Please review your information and try again. If this problem continues, contact Support."`                                                 |
 | `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                 | `"There was a problem submitting your information"`                                                                                           |
-| `submitButton`            | `submit-button`             | Text shown inside of submit button                                                    | `string`                                                                                                                                                 | `"Continue"`                                                                                                                                  |
 | `taxForm`                 | `tax-form`                  | Heading text shown at the top of the top of page                                      | `string`                                                                                                                                                 | `"Tax form"`                                                                                                                                  |
 | `w8Description`           | `w-8-description`           | Description for the W8 radio button                                                   | `string`                                                                                                                                                 | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                    |
 | `w8EDescription`          | `w-8-e-description`         | Description for the W8E radio button                                                  | `string`                                                                                                                                                 | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."` |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index d664b3cc8e..6199d2efdd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -9,13 +9,15 @@
 
 | Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default                                                                                                                                                      |
 | --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `accountText`                     | `account-text`                       | Label text account heading text                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Account"`                                                                                                                                                  |
 | `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                           |
 | `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Submitted on {dateSubmitted}."`                                                                                                                            |
 | `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
 | `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Payout information"`                                                                                                                                       |
 | `demoData`                        | --                                   |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; 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; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
-| `editIndirectTaxButton`           | `edit-indirect-tax-button`           | Text displayed in the edit Indirect Tax button                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Edit Indirect Tax"`                                                                                                                                        |
 | `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Edit Payout Information"`                                                                                                                                  |
+| `errorDescriptionText`            | `error-description-text`             |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please ensure your payout information is correct. If this problem continues, contact Support."`                                                            |
+| `errorTitleText`                  | `error-title-text`                   |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was an error with your payout infomation"`                                                                                                           |
 | `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                |
 | `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                                                          |
 | `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                            |
@@ -24,22 +26,24 @@
 | `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Indirect tax"`                                                                                                                                             |
 | `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered in {country}, {subRegion}"`                                                                                                                     |
 | `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
-| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Ensure your information matches your profile and resubmit a new document."`                                                                                |
+| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Make sure your information is correct and submit new form."`                                                                                               |
 | `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Submit New Form"`                                                                                                                                          |
 | `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
 | `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
 | `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Payouts will be sent from our referral program provider, impact.com"`                                                                                      |
 | `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"QST number: {qstNumber}"`                                                                                                                                  |
+| `statusBadgeText`                 | `status-badge-text`                  | Label text for next payout status badge                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                |
 | `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Active"`                                                                                                                                                   |
 | `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Invalid Tax Form"`                                                                                                                                         |
 | `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not Verified"`                                                                                                                                             |
 | `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                  |
 | `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{documentType} tax form is invalid"`                                                                                                                       |
 | `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
-| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                             |
+| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form."`                            |
 | `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please resubmit a new {documentType} form."`                                                                                                               |
 | `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Tax documents"`                                                                                                                                            |
 | `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{documentType} tax form"`                                                                                                                                  |
+| `thresholdPayoutText`             | `threshold-payout-text`              | Label text for the next payout based on balance                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                    |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 6df1119ace..86cedbef4a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -5,144 +5,147 @@
 
 ## Properties
 
-| Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                       |
-| ----------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `continueButton`                                | `continue-button`                                    | Text for the continue button in the form                                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
-| `dashboard_accountText`                         | `dashboard_account-text`                             |                                                                                                            | `string`                                                                                                             | `"Account"`                                                                                                                                                                   |
-| `dashboard_badgeTextAwaitingReview`             | `dashboard_badge-text-awaiting-review`               | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                            |
-| `dashboard_badgeTextSubmittedOn`                | `dashboard_badge-text-submitted-on`                  | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}"`                                                                                                                                              |
-| `dashboard_badgeTextSubmittedOnW8`              | `dashboard_badge-text-submitted-on-w-8`              | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                     |
-| `dashboard_bankingInformationSectionHeader`     | `dashboard_banking-information-section-header`       | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Banking Information"`                                                                                                                                                       |
-| `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          | Text displayed in the edit Payment Information button                                                      | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                   |
-| `dashboard_errorDescriptionText`                | `dashboard_error-description-text`                   |                                                                                                            | `string`                                                                                                             | `"Please ensure your payout information is correct. If this problem continues, contact Support."`                                                                             |
-| `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         |                                                                                                            | `string`                                                                                                             | `"There was an error with your payout infomation"`                                                                                                                            |
-| `dashboard_indirectTaxDetails`                  | `dashboard_indirect-tax-details`                     | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                             |
-| `dashboard_indirectTaxInfoCanada`               | `dashboard_indirect-tax-info-canada`                 | Country/Province description text of indirect tax                                                          | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                       |
-| `dashboard_indirectTaxInfoOtherCountry`         | `dashboard_indirect-tax-info-other-country`          | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                   |
-| `dashboard_indirectTaxInfoSectionHeader`        | `dashboard_indirect-tax-info-section-header`         | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect tax"`                                                                                                                                                              |
-| `dashboard_indirectTaxInfoSpain`                | `dashboard_indirect-tax-info-spain`                  | Spain/Region description text of indirect tax                                                              | `string`                                                                                                             | `"Registered in {country}, {subRegion}"`                                                                                                                                      |
-| `dashboard_indirectTaxTooltipSupport`           | `dashboard_indirect-tax-tooltip-support`             | Indirect tax tooltip text for support                                                                      | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                                 |
-| `dashboard_invalidForm`                         | `dashboard_invalid-form`                             | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Ensure your information matches your profile and resubmit a new document."`                                                                                                 |
-| `dashboard_newFormButton`                       | `dashboard_new-form-button`                          | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                           |
-| `dashboard_noFormNeededSubtext`                 | `dashboard_no-form-needed-subtext`                   | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US. If your country of residence has changed, please contact Support."`                                             |
-| `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                  |
-| `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST number: {qstNumber}"`                                                                                                                                                   |
-| `dashboard_statusBadgeText`                     | `dashboard_status-badge-text`                        |                                                                                                            | `string`                                                                                                             | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                 |
-| `dashboard_statusTextActive`                    | `dashboard_status-text-active`                       | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                    |
-| `dashboard_statusTextNotActive`                 | `dashboard_status-text-not-active`                   | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                          |
-| `dashboard_statusTextNotVerified`               | `dashboard_status-text-not-verified`                 | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                              |
-| `dashboard_subRegionTaxNumber`                  | `dashboard_sub-region-tax-number`                    | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income tax number: {incomeTaxNumber}"`                                                                                                                                      |
-| `dashboard_taxAlertHeaderNotActiveW8`           | `dashboard_tax-alert-header-not-active-w-8`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                        |
-| `dashboard_taxAlertHeaderNotActiveW9`           | `dashboard_tax-alert-header-not-active-w-9`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                 |
-| `dashboard_taxAlertNotActiveMessageW8`          | `dashboard_tax-alert-not-active-message-w-8`         | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W8-BEN form."`                                              |
-| `dashboard_taxAlertNotActiveMessageW9`          | `dashboard_tax-alert-not-active-message-w-9`         | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                                |
-| `dashboard_taxDocumentSectionHeader`            | `dashboard_tax-document-section-header`              | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                             |
-| `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                   |
-| `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    |                                                                                                            | `string`                                                                                                             | `"Next payout occurs when balance is"`                                                                                                                                        |
-| `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                   |
-| `eftWithdrawalLabel`                            | `eft-withdrawal-label`                               |                                                                                                            | `string`                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                     |
-| `fieldInvalidError`                             | `field-invalid-error`                                | Invalid error text shown at the bottom of field inputs                                                     | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                    |
-| `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                   |
-| `fxWireProcessingFeeLabel`                      | `fx-wire-processing-fee-label`                       |                                                                                                            | `string`                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                      |
-| `generalErrorDescription`                       | `general-error-description`                          | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                 |
-| `generalErrorTitle`                             | `general-error-title`                                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                           |
-| `isPartnerAlertDescription`                     | `is-partner-alert-description`                       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`   |
-| `isPartnerAlertHeader`                          | `is-partner-alert-header`                            | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                  |
-| `notRegisteredSubtext`                          | `not-registered-subtext`                             | Subtext for the option indicating not being registered for indirect tax                                    | `string`                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                           |
-| `otherRegionSubtext`                            | `other-region-subtext`                               | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                               |
-| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                   |
-| `step1_country`                                 | `step-1_country`                                     | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                   |
-| `step1_currency`                                | `step-1_currency`                                    | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                  |
-| `step1_email`                                   | `step-1_email`                                       | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                     |
-| `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                                |
-| `step1_formStep`                                | `step-1_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                               |
-| `step1_lastName`                                | `step-1_last-name`                                   | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                                 |
-| `step1_personalInformation`                     | `step-1_personal-information`                        | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                      |
-| `step1_submitButton`                            | `step-1_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
-| `step2_backButton`                              | `step-2_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                      |
-| `step2_cannotChangeInfoAlert`                   | `step-2_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."` |
-| `step2_formStep`                                | `step-2_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                               |
-| `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                              |
-| `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                            |
-| `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                      |
-| `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"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."`       |
-| `step2_indirectTaxNumber`                       | `step-2_indirect-tax-number`                         | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                       |
-| `step2_indirectTaxNumberError`                  | `step-2_indirect-tax-number-error`                   | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                           |
-| `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                               |
-| `step2_isRegisteredSubRegionIncomeTax`          | `step-2_is-registered-sub-region-income-tax`         | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                |
-| `step2_notRegistered`                           | `step-2_not-registered`                              | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"Not registered for indirect tax"`                                                                                                                                           |
-| `step2_otherRegion`                             | `step-2_other-region`                                | Label test for the option indicating registration for indirect tax                                         | `string`                                                                                                             | `"Registered for indirect tax"`                                                                                                                                               |
-| `step2_province`                                | `step-2_province`                                    | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                  |
-| `step2_qstNumber`                               | `step-2_qst-number`                                  | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST Number"`                                                                                                                                                                |
-| `step2_selectedRegion`                          | `step-2_selected-region`                             | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                          |
-| `step2_subRegion`                               | `step-2_sub-region`                                  | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                                |
-| `step2_subRegionTaxNumberLabel`                 | `step-2_sub-region-tax-number-label`                 | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                         |
-| `step2_submitButton`                            | `step-2_submit-button`                               | Text shown inside of submit button                                                                         | `string`                                                                                                             | `"Continue"`                                                                                                                                                                  |
-| `step3_backButton`                              | `step-3_back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                      |
-| `step3_banner`                                  | `step-3_banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                         |
-| `step3_businessEntity`                          | `step-3_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business"`                                                                                                                                                    |
-| `step3_checkboxDescription`                     | `step-3_checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                                |
-| `step3_checkboxLabel`                           | `step-3_checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                           |
-| `step3_docusignCompleted`                       | `step-3_docusign-completed`                          | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                           |
-| `step3_docusignError`                           | `step-3_docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                            |
-| `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`            |
-| `step3_formStep`                                | `step-3_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                               |
-| `step3_formSubmissionError`                     | `step-3_form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                    |
-| `step3_individualParticipant`                   | `step-3_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                            |
-| `step3_participantType`                         | `step-3_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                          |
-| `step3_refreshButton`                           | `step-3_refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                              |
-| `step3_taxForm`                                 | `step-3_tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                  |
-| `step3_taxFormDescription`                      | `step-3_tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US need to submit a {documentType} form."`                                                                                                        |
-| `step3_taxFormDescriptionBusinessEntity`        | `step-3_tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                             | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                             |
-| `step3_taxFormDescriptionIndividualParticipant` | `step-3_tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                             | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                                        |
-| `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                   |
-| `step4_agencyCodeLabel`                         | `step-4_agency-code-label`                           | Label text for the agency code input field                                                                 | `string`                                                                                                             | `"Agency Code"`                                                                                                                                                               |
-| `step4_bankAccountNumberLabel`                  | `step-4_bank-account-number-label`                   | Label text for the bank account number input field                                                         | `string`                                                                                                             | `"Bank Account Number"`                                                                                                                                                       |
-| `step4_bankAccountTypeLabel`                    | `step-4_bank-account-type-label`                     | Label text for the bank account type input field                                                           | `string`                                                                                                             | `"Bank Account Type"`                                                                                                                                                         |
-| `step4_bankAddressLabel`                        | `step-4_bank-address-label`                          | Label text for the Bank Address input                                                                      | `string`                                                                                                             | `"Bank Address"`                                                                                                                                                              |
-| `step4_bankCityLabel`                           | `step-4_bank-city-label`                             | Label text for the Bank City input                                                                         | `string`                                                                                                             | `"Bank City"`                                                                                                                                                                 |
-| `step4_bankLocationLabel`                       | `step-4_bank-location-label`                         | Label text for the bank country location input field                                                       | `string`                                                                                                             | `"Bank Country Location"`                                                                                                                                                     |
-| `step4_bankNameLabel`                           | `step-4_bank-name-label`                             | Label text for the bank name input field                                                                   | `string`                                                                                                             | `"Bank Name"`                                                                                                                                                                 |
-| `step4_bankPostalCodeLabel`                     | `step-4_bank-postal-code-label`                      | Label text for the Bank Postal Code                                                                        | `string`                                                                                                             | `"Bank Postal Code"`                                                                                                                                                          |
-| `step4_bankStateLabel`                          | `step-4_bank-state-label`                            | Label text for the Bank Province / State input                                                             | `string`                                                                                                             | `"Bank Province / State"`                                                                                                                                                     |
-| `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              | Label text for the beneficiary account name input field                                                    | `string`                                                                                                             | `"Beneficiary Account Name"`                                                                                                                                                  |
-| `step4_branchCodeLabel`                         | `step-4_branch-code-label`                           | Label text for the branch code input field                                                                 | `string`                                                                                                             | `"Branch Code"`                                                                                                                                                               |
-| `step4_businessSelectItemLabel`                 | `step-4_business-select-item-label`                  | Label text for the business select item                                                                    | `string`                                                                                                             | `"Business"`                                                                                                                                                                  |
-| `step4_cannotChangeInfoAlert`                   | `step-4_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"Your payout information cannot be changed after saving. Ensure your payout method and schedule are correct before submitting."`                                             |
-| `step4_checkingSelectItemLabel`                 | `step-4_checking-select-item-label`                  | Label text for the checking account type select item                                                       | `string`                                                                                                             | `"Checking"`                                                                                                                                                                  |
-| `step4_classificationCPFLabel`                  | `step-4_classification-c-p-f-label`                  | Label text for the classification CPF input field                                                          | `string`                                                                                                             | `"Classification CPF"`                                                                                                                                                        |
-| `step4_classificationEntityLabel`               | `step-4_classification-entity-label`                 | Label text for the classification entity input field                                                       | `string`                                                                                                             | `"Classification Entity"`                                                                                                                                                     |
-| `step4_classificationLabel`                     | `step-4_classification-label`                        | Label text for the classification input field                                                              | `string`                                                                                                             | `"Classification"`                                                                                                                                                            |
-| `step4_directlyToBankAccount`                   | `step-4_directly-to-bank-account`                    | Text for the option to receive payments directly to a bank account                                         | `string`                                                                                                             | `"Directly to my bank account"`                                                                                                                                               |
-| `step4_foreignSelectItemLabel`                  | `step-4_foreign-select-item-label`                   | Label text for the foreign select item                                                                     | `string`                                                                                                             | `"Foreign"`                                                                                                                                                                   |
-| `step4_formStep`                                | `step-4_form-step`                                   | Subtext shown at the top of the page, used to show the current step of the tax form.                       | `string`                                                                                                             | `"Step 4 of 4"`                                                                                                                                                               |
-| `step4_ibanLabel`                               | `step-4_iban-label`                                  | Label text for the IBAN input field                                                                        | `string`                                                                                                             | `"IBAN"`                                                                                                                                                                      |
-| `step4_individualSelectItemLabel`               | `step-4_individual-select-item-label`                | Label text for the individual select item                                                                  | `string`                                                                                                             | `"Individual"`                                                                                                                                                                |
-| `step4_patronymicNameLabel`                     | `step-4_patronymic-name-label`                       | Label text for the patronymic name input field                                                             | `string`                                                                                                             | `"Patronymic Name"`                                                                                                                                                           |
-| `step4_payPalInputLabel`                        | `step-4_pay-pal-input-label`                         | Label text for the PayPal email input field                                                                | `string`                                                                                                             | `"PayPal Email"`                                                                                                                                                              |
-| `step4_paymentDayFifteenthOfMonthLabelText`     | `step-4_payment-day-fifteenth-of-month-label-text`   | Label text for the payment day select option for the fifteenth of the month                                | `string`                                                                                                             | `"15th of the month"`                                                                                                                                                         |
-| `step4_paymentDayFirstOfMonthLabelText`         | `step-4_payment-day-first-of-month-label-text`       | Label text for the payment day select option for the first of the month                                    | `string`                                                                                                             | `"1st of the month"`                                                                                                                                                          |
-| `step4_paymentDaySelectLabel`                   | `step-4_payment-day-select-label`                    | Label text for the payment day select                                                                      | `string`                                                                                                             | `"Payment Day"`                                                                                                                                                               |
-| `step4_paymentMethod`                           | `step-4_payment-method`                              | Heading text for the payment method section                                                                | `string`                                                                                                             | `"Payment Method"`                                                                                                                                                            |
-| `step4_paymentMethodSubtext`                    | `step-4_payment-method-subtext`                      | Subtext for the payment method section                                                                     | `string`                                                                                                             | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                       |
-| `step4_paymentSchedule`                         | `step-4_payment-schedule`                            | Heading text for the payment schedule section                                                              | `string`                                                                                                             | `"Payment Schedule"`                                                                                                                                                          |
-| `step4_paymentScheduleBalanceThreshold`         | `step-4_payment-schedule-balance-threshold`          | Text for the option to receive payments at a specific balance threshold                                    | `string`                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                |
-| `step4_paymentScheduleFixedDay`                 | `step-4_payment-schedule-fixed-day`                  | Text for the option to receive payments on a specific day of the month                                     | `string`                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                        |
-| `step4_paymentThresholdSelectLabel`             | `step-4_payment-threshold-select-label`              | Label text for the payment day select                                                                      | `string`                                                                                                             | `"Payment Threshold"`                                                                                                                                                         |
-| `step4_routingCodeLabel`                        | `step-4_routing-code-label`                          | Label text for the routing code input field                                                                | `string`                                                                                                             | `"Routing Code"`                                                                                                                                                              |
-| `step4_savingsSelectItemLabel`                  | `step-4_savings-select-item-label`                   | Label text for the savings account type select item                                                        | `string`                                                                                                             | `"Savings"`                                                                                                                                                                   |
-| `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            | Label text for the SWIFT code input field                                                                  | `string`                                                                                                             | `"SWIFT Code"`                                                                                                                                                                |
-| `step4_taxAndPayouts`                           | `step-4_tax-and-payouts`                             | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax and Payouts"`                                                                                                                                                           |
-| `step4_taxAndPayoutsDescription`                | `step-4_tax-and-payouts-description`                 | Text shown at the top of the page next to the tax and payouts label text                                   | `string`                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                       |
-| `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          | Label text for the Taxpayer ID input field                                                                 | `string`                                                                                                             | `"Beneficiary INN"`                                                                                                                                                           |
-| `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          | Text for the option to receive payments to a PayPal account with processing fee details                    | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                             |
-| `step4_voCodeLabel`                             | `step-4_vo-code-label`                               | Label text for the VO code input field                                                                     | `string`                                                                                                             | `"VO Code"`                                                                                                                                                                   |
-| `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                      |
-| `termsAndConditionsLabel`                       | `terms-and-conditions-label`                         | Label text for terms and conditions                                                                        | `string`                                                                                                             | `"terms and conditions"`                                                                                                                                                      |
+| Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                         |
+| ----------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`                                    | `back-button`                                        | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                        |
+| `continueButton`                                | `continue-button`                                    | Text for the continue button in the form                                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                    |
+| `dashboard_accountText`                         | `dashboard_account-text`                             |                                                                                                            | `string`                                                                                                             | `"Account"`                                                                                                                                                                     |
+| `dashboard_badgeTextAwaitingReview`             | `dashboard_badge-text-awaiting-review`               | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                              |
+| `dashboard_badgeTextSubmittedOn`                | `dashboard_badge-text-submitted-on`                  | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}."`                                                                                                                                               |
+| `dashboard_badgeTextSubmittedOnW8`              | `dashboard_badge-text-submitted-on-w-8`              | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                       |
+| `dashboard_bankingInformationSectionHeader`     | `dashboard_banking-information-section-header`       | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Payout Information"`                                                                                                                                                          |
+| `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          | Text displayed in the edit Payment Information button                                                      | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                     |
+| `dashboard_errorDescriptionText`                | `dashboard_error-description-text`                   |                                                                                                            | `string`                                                                                                             | `"Please ensure your payout information is correct. If this problem continues, contact Support."`                                                                               |
+| `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         |                                                                                                            | `string`                                                                                                             | `"There was an error with your payout infomation"`                                                                                                                              |
+| `dashboard_indirectTaxDetails`                  | `dashboard_indirect-tax-details`                     | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                               |
+| `dashboard_indirectTaxInfoCanada`               | `dashboard_indirect-tax-info-canada`                 | Country/Province description text of indirect tax                                                          | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                         |
+| `dashboard_indirectTaxInfoOtherCountry`         | `dashboard_indirect-tax-info-other-country`          | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                     |
+| `dashboard_indirectTaxInfoSectionHeader`        | `dashboard_indirect-tax-info-section-header`         | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect tax"`                                                                                                                                                                |
+| `dashboard_indirectTaxInfoSpain`                | `dashboard_indirect-tax-info-spain`                  | Spain/Region description text of indirect tax                                                              | `string`                                                                                                             | `"Registered in {country}, {subRegion}"`                                                                                                                                        |
+| `dashboard_indirectTaxTooltipSupport`           | `dashboard_indirect-tax-tooltip-support`             | Indirect tax tooltip text for support                                                                      | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                                   |
+| `dashboard_invalidForm`                         | `dashboard_invalid-form`                             | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Make sure your information is correct and submit new form."`                                                                                                                  |
+| `dashboard_newFormButton`                       | `dashboard_new-form-button`                          | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                             |
+| `dashboard_noFormNeededSubtext`                 | `dashboard_no-form-needed-subtext`                   | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                             |
+| `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                    |
+| `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST number: {qstNumber}"`                                                                                                                                                     |
+| `dashboard_statusBadgeText`                     | `dashboard_status-badge-text`                        |                                                                                                            | `string`                                                                                                             | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                   |
+| `dashboard_statusTextActive`                    | `dashboard_status-text-active`                       | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                      |
+| `dashboard_statusTextNotActive`                 | `dashboard_status-text-not-active`                   | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                            |
+| `dashboard_statusTextNotVerified`               | `dashboard_status-text-not-verified`                 | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                                |
+| `dashboard_subRegionTaxNumber`                  | `dashboard_sub-region-tax-number`                    | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income tax number: {incomeTaxNumber}"`                                                                                                                                        |
+| `dashboard_taxAlertHeaderNotActiveW8`           | `dashboard_tax-alert-header-not-active-w-8`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                          |
+| `dashboard_taxAlertHeaderNotActiveW9`           | `dashboard_tax-alert-header-not-active-w-9`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                   |
+| `dashboard_taxAlertNotActiveMessageW8`          | `dashboard_tax-alert-not-active-message-w-8`         | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form."`                                               |
+| `dashboard_taxAlertNotActiveMessageW9`          | `dashboard_tax-alert-not-active-message-w-9`         | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                                  |
+| `dashboard_taxDocumentSectionHeader`            | `dashboard_tax-document-section-header`              | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                               |
+| `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                     |
+| `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    |                                                                                                            | `string`                                                                                                             | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                       |
+| `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                     |
+| `fieldInvalidError`                             | `field-invalid-error`                                | Invalid error text shown at the bottom of field inputs                                                     | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                      |
+| `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                     |
+| `generalErrorDescription`                       | `general-error-description`                          | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                   |
+| `generalErrorTitle`                             | `general-error-title`                                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                             |
+| `isPartnerAlertDescription`                     | `is-partner-alert-description`                       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`     |
+| `isPartnerAlertHeader`                          | `is-partner-alert-header`                            | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                    |
+| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                     |
+| `step1_country`                                 | `step-1_country`                                     | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                     |
+| `step1_currency`                                | `step-1_currency`                                    | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                    |
+| `step1_currencyHelpText`                        | `step-1_currency-help-text`                          | Help text shown underneath currency input                                                                  | `string`                                                                                                             | `"Choose your preferred payout currency"`                                                                                                                                       |
+| `step1_email`                                   | `step-1_email`                                       | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                       |
+| `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                                  |
+| `step1_formStep`                                | `step-1_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                                 |
+| `step1_lastName`                                | `step-1_last-name`                                   | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                                   |
+| `step1_personalInformation`                     | `step-1_personal-information`                        | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                        |
+| `step1_termsAndConditionsLabel`                 | `step-1_terms-and-conditions-label`                  | Label text for terms and conditions                                                                        | `string`                                                                                                             | `"terms and conditions"`                                                                                                                                                        |
+| `step2_cannotChangeInfoAlert`                   | `step-2_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`   |
+| `step2_formStep`                                | `step-2_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                                 |
+| `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                                |
+| `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                              |
+| `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                        |
+| `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"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."`         |
+| `step2_indirectTaxNumber`                       | `step-2_indirect-tax-number`                         | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                         |
+| `step2_indirectTaxNumberError`                  | `step-2_indirect-tax-number-error`                   | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                             |
+| `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                                 |
+| `step2_isRegisteredSubRegionIncomeTax`          | `step-2_is-registered-sub-region-income-tax`         | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                  |
+| `step2_notRegistered`                           | `step-2_not-registered`                              | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"Not registered for indirect tax"`                                                                                                                                             |
+| `step2_notRegisteredSubtext`                    | `step-2_not-registered-subtext`                      | Subtext for the option indicating not being registered for indirect tax                                    | `string`                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                             |
+| `step2_otherRegion`                             | `step-2_other-region`                                | Label test for the option indicating registration for indirect tax                                         | `string`                                                                                                             | `"Registered for indirect tax"`                                                                                                                                                 |
+| `step2_otherRegionSubtext`                      | `step-2_other-region-subtext`                        | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                 |
+| `step2_province`                                | `step-2_province`                                    | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                    |
+| `step2_qstNumber`                               | `step-2_qst-number`                                  | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST Number"`                                                                                                                                                                  |
+| `step2_selectedRegion`                          | `step-2_selected-region`                             | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                            |
+| `step2_subRegion`                               | `step-2_sub-region`                                  | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                                  |
+| `step2_subRegionTaxNumberLabel`                 | `step-2_sub-region-tax-number-label`                 | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                           |
+| `step3_banner`                                  | `step-3_banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                           |
+| `step3_businessEntity`                          | `step-3_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business"`                                                                                                                                                      |
+| `step3_checkboxDescription`                     | `step-3_checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                                  |
+| `step3_checkboxLabel`                           | `step-3_checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                             |
+| `step3_docusignCompleted`                       | `step-3_docusign-completed`                          | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                             |
+| `step3_docusignError`                           | `step-3_docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                              |
+| `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`              |
+| `step3_formStep`                                | `step-3_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                                 |
+| `step3_formSubmissionError`                     | `step-3_form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                      |
+| `step3_individualParticipant`                   | `step-3_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                              |
+| `step3_participantType`                         | `step-3_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                            |
+| `step3_refreshButton`                           | `step-3_refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                                |
+| `step3_taxForm`                                 | `step-3_tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                    |
+| `step3_taxFormDescription`                      | `step-3_tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US need to submit a {documentType} form."`                                                                                                          |
+| `step3_taxFormDescriptionBusinessEntity`        | `step-3_tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                             | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                               |
+| `step3_taxFormDescriptionIndividualParticipant` | `step-3_tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                             | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                                          |
+| `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                     |
+| `step4_agencyCodeLabel`                         | `step-4_agency-code-label`                           | Label text for the agency code input field                                                                 | `string`                                                                                                             | `"Agency Code"`                                                                                                                                                                 |
+| `step4_bankAccountNumberLabel`                  | `step-4_bank-account-number-label`                   | Label text for the bank account number input field                                                         | `string`                                                                                                             | `"Bank Account Number"`                                                                                                                                                         |
+| `step4_bankAccountTypeLabel`                    | `step-4_bank-account-type-label`                     | Label text for the bank account type input field                                                           | `string`                                                                                                             | `"Bank Account Type"`                                                                                                                                                           |
+| `step4_bankAddressLabel`                        | `step-4_bank-address-label`                          | Label text for the Bank Address input                                                                      | `string`                                                                                                             | `"Bank Address"`                                                                                                                                                                |
+| `step4_bankCityLabel`                           | `step-4_bank-city-label`                             | Label text for the Bank City input                                                                         | `string`                                                                                                             | `"Bank City"`                                                                                                                                                                   |
+| `step4_bankLocationLabel`                       | `step-4_bank-location-label`                         | Label text for the bank country location input field                                                       | `string`                                                                                                             | `"Bank Country Location"`                                                                                                                                                       |
+| `step4_bankNameLabel`                           | `step-4_bank-name-label`                             | Label text for the bank name input field                                                                   | `string`                                                                                                             | `"Bank Name"`                                                                                                                                                                   |
+| `step4_bankPostalCodeLabel`                     | `step-4_bank-postal-code-label`                      | Label text for the Bank Postal Code                                                                        | `string`                                                                                                             | `"Bank Postal Code"`                                                                                                                                                            |
+| `step4_bankStateLabel`                          | `step-4_bank-state-label`                            | Label text for the Bank Province / State input                                                             | `string`                                                                                                             | `"Bank Province / State"`                                                                                                                                                       |
+| `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              | Label text for the beneficiary account name input field                                                    | `string`                                                                                                             | `"Beneficiary Account Name"`                                                                                                                                                    |
+| `step4_branchCodeLabel`                         | `step-4_branch-code-label`                           | Label text for the branch code input field                                                                 | `string`                                                                                                             | `"Branch Code"`                                                                                                                                                                 |
+| `step4_businessSelectItemLabel`                 | `step-4_business-select-item-label`                  | Label text for the business select item                                                                    | `string`                                                                                                             | `"Business"`                                                                                                                                                                    |
+| `step4_cannotChangeInfoAlert`                   | `step-4_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."` |
+| `step4_checkingSelectItemLabel`                 | `step-4_checking-select-item-label`                  | Label text for the checking account type select item                                                       | `string`                                                                                                             | `"Checking"`                                                                                                                                                                    |
+| `step4_classificationCPFLabel`                  | `step-4_classification-c-p-f-label`                  | Label text for the classification CPF input field                                                          | `string`                                                                                                             | `"Classification CPF"`                                                                                                                                                          |
+| `step4_classificationEntityLabel`               | `step-4_classification-entity-label`                 | Label text for the classification entity input field                                                       | `string`                                                                                                             | `"Classification Entity"`                                                                                                                                                       |
+| `step4_classificationLabel`                     | `step-4_classification-label`                        | Label text for the classification input field                                                              | `string`                                                                                                             | `"Classification"`                                                                                                                                                              |
+| `step4_directlyToBankAccount`                   | `step-4_directly-to-bank-account`                    | Text for the option to receive payments directly to a bank account                                         | `string`                                                                                                             | `"Directly to my bank account"`                                                                                                                                                 |
+| `step4_eftWithdrawalLabel`                      | `step-4_eft-withdrawal-label`                        |                                                                                                            | `string`                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                       |
+| `step4_foreignSelectItemLabel`                  | `step-4_foreign-select-item-label`                   | Label text for the foreign select item                                                                     | `string`                                                                                                             | `"Foreign"`                                                                                                                                                                     |
+| `step4_formStep`                                | `step-4_form-step`                                   | Subtext shown at the top of the page, used to show the current step of the tax form.                       | `string`                                                                                                             | `"Step 4 of 4"`                                                                                                                                                                 |
+| `step4_fxWireProcessingFeeLabel`                | `step-4_fx-wire-processing-fee-label`                |                                                                                                            | `string`                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                        |
+| `step4_ibanLabel`                               | `step-4_iban-label`                                  | Label text for the IBAN input field                                                                        | `string`                                                                                                             | `"IBAN"`                                                                                                                                                                        |
+| `step4_individualSelectItemLabel`               | `step-4_individual-select-item-label`                | Label text for the individual select item                                                                  | `string`                                                                                                             | `"Individual"`                                                                                                                                                                  |
+| `step4_patronymicNameLabel`                     | `step-4_patronymic-name-label`                       | Label text for the patronymic name input field                                                             | `string`                                                                                                             | `"Patronymic Name"`                                                                                                                                                             |
+| `step4_payPalInputLabel`                        | `step-4_pay-pal-input-label`                         | Label text for the PayPal email input field                                                                | `string`                                                                                                             | `"PayPal Email"`                                                                                                                                                                |
+| `step4_paymentDayFifteenthOfMonthLabelText`     | `step-4_payment-day-fifteenth-of-month-label-text`   | Label text for the payment day select option for the fifteenth of the month                                | `string`                                                                                                             | `"15th of the month"`                                                                                                                                                           |
+| `step4_paymentDayFirstOfMonthLabelText`         | `step-4_payment-day-first-of-month-label-text`       | Label text for the payment day select option for the first of the month                                    | `string`                                                                                                             | `"1st of the month"`                                                                                                                                                            |
+| `step4_paymentDaySelectLabel`                   | `step-4_payment-day-select-label`                    | Label text for the payment day select                                                                      | `string`                                                                                                             | `"Payment Day"`                                                                                                                                                                 |
+| `step4_paymentMethod`                           | `step-4_payment-method`                              | Heading text for the payment method section                                                                | `string`                                                                                                             | `"Payment Method"`                                                                                                                                                              |
+| `step4_paymentMethodSubtext`                    | `step-4_payment-method-subtext`                      | Subtext for the payment method section                                                                     | `string`                                                                                                             | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                         |
+| `step4_paymentSchedule`                         | `step-4_payment-schedule`                            | Heading text for the payment schedule section                                                              | `string`                                                                                                             | `"Payment Schedule"`                                                                                                                                                            |
+| `step4_paymentScheduleBalanceThreshold`         | `step-4_payment-schedule-balance-threshold`          | Text for the option to receive payments at a specific balance threshold                                    | `string`                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                  |
+| `step4_paymentScheduleFixedDay`                 | `step-4_payment-schedule-fixed-day`                  | Text for the option to receive payments on a specific day of the month                                     | `string`                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                          |
+| `step4_paymentThresholdSelectLabel`             | `step-4_payment-threshold-select-label`              | Label text for the payment day select                                                                      | `string`                                                                                                             | `"Payment Threshold"`                                                                                                                                                           |
+| `step4_routingCodeLabel`                        | `step-4_routing-code-label`                          | Label text for the routing code input field                                                                | `string`                                                                                                             | `"Routing Code"`                                                                                                                                                                |
+| `step4_savingsSelectItemLabel`                  | `step-4_savings-select-item-label`                   | Label text for the savings account type select item                                                        | `string`                                                                                                             | `"Savings"`                                                                                                                                                                     |
+| `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            | Label text for the SWIFT code input field                                                                  | `string`                                                                                                             | `"SWIFT Code"`                                                                                                                                                                  |
+| `step4_taxAndPayouts`                           | `step-4_tax-and-payouts`                             | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax and Payouts"`                                                                                                                                                             |
+| `step4_taxAndPayoutsDescription`                | `step-4_tax-and-payouts-description`                 | Text shown at the top of the page next to the tax and payouts label text                                   | `string`                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                         |
+| `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          | Label text for the Taxpayer ID input field                                                                 | `string`                                                                                                             | `"Beneficiary INN"`                                                                                                                                                             |
+| `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          | Text for the option to receive payments to a PayPal account with processing fee details                    | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                               |
+| `step4_voCodeLabel`                             | `step-4_vo-code-label`                               | Label text for the VO code input field                                                                     | `string`                                                                                                             | `"VO Code"`                                                                                                                                                                     |
+| `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                        |
 
 
 ## Dependencies
 
+### Used by
+
+ - [sqm-stencilbook](../../sqm-stencilbook)
+ - [sqm-user-info-form](../sqm-user-info-form)
+
 ### Depends on
 
 - [sqm-user-info-form](../sqm-user-info-form)
@@ -159,12 +162,9 @@ graph TD;
   sqm-tax-and-cash --> sqm-docusign-form
   sqm-tax-and-cash --> sqm-banking-info-form
   sqm-tax-and-cash --> sqm-tax-and-cash-dashboard
-  sqm-user-info-form --> sqm-user-info-form
-  sqm-user-info-form --> sqm-indirect-tax-form
-  sqm-user-info-form --> sqm-docusign-form
-  sqm-user-info-form --> sqm-banking-info-form
-  sqm-user-info-form --> sqm-tax-and-cash-dashboard
+  sqm-user-info-form --> sqm-tax-and-cash
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
+  sqm-stencilbook --> sqm-tax-and-cash
   style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 3a7df410cf..2aabde51c0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -963,7 +963,7 @@ export class TaxAndCashMonolith {
     const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
-    if (this.demoData.showTextProps) {
+    if (this.demoData?.showTextProps) {
       const textProps = getProps(this);
       return (
         <div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index a491478356..c6e2825ab5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -43,14 +43,15 @@
 - [sqm-docusign-form](../sqm-docusign-form)
 - [sqm-banking-info-form](../sqm-banking-info-form)
 - [sqm-tax-and-cash-dashboard](../sqm-tax-and-cash-dashboard)
+- [sqm-tax-and-cash](../sqm-tax-and-cash)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-user-info-form --> sqm-user-info-form
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
-  sqm-stencilbook --> sqm-user-info-form
   sqm-tax-and-cash --> sqm-user-info-form
+  sqm-stencilbook --> sqm-user-info-form
   style sqm-user-info-form fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

From b059c32508216a77a99e82dec0f20e6c9800d2c3 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 11 Mar 2024 15:33:47 -0700
Subject: [PATCH 464/753] missing prop assignment

---
 .../sqm-banking-info-form/useBankingInfoForm.tsx     | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index d79024d04e..2fa94ec764 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -471,9 +471,15 @@ export function getFormMap({
             }),
           })}
         >
-          <sl-menu-item value="BUSINESS">BUSINESS</sl-menu-item>
-          <sl-menu-item value="INDIVIDUAL">INDIVIDUAL</sl-menu-item>
-          <sl-menu-item value="FOREIGN">FOREIGN</sl-menu-item>
+          <sl-menu-item value="BUSINESS">
+            {props.text.businessSelectItemLabel}
+          </sl-menu-item>
+          <sl-menu-item value="INDIVIDUAL">
+            {props.text.individualSelectItemLabel}
+          </sl-menu-item>
+          <sl-menu-item value="FOREIGN">
+            {props.text.foreignSelectItemLabel}
+          </sl-menu-item>
         </sl-select>
       ),
     },

From c06266a4ed85a2e56b5765c3476cc72f07ca04f4 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 11 Mar 2024 15:56:07 -0700
Subject: [PATCH 465/753] translatable routingCode / taxPayerId labels

---
 .../sqm-banking-info-form.tsx                 | 31 ++-------------
 .../useBankingInfoForm.tsx                    | 39 +++++++++++++------
 2 files changed, 31 insertions(+), 39 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 804a4fbd3f..88ae7fa3da 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -166,7 +166,8 @@ export class BankingInfoForm {
    * Label text for the routing code input field
    * @uiName Routing code input label
    */
-  @Prop() routingCodeLabel: string = "Routing Code";
+  @Prop() routingCodeLabel: string =
+    "{country, select, AU {BSB Number} CA {Routing Number} CZ {Bank Code} HK {Clearing Code} SG {Clearing Code} US {ABA Routing Number} NZ {BSB Number} ZA {Bank/Branch Number} IN {IFSC} CNY {CNAPS} other {Routing Code} }";
 
   /**
    * Label text for the bank name input field
@@ -238,7 +239,8 @@ export class BankingInfoForm {
    * Label text for the Taxpayer ID input field
    * @uiName Taxpayer ID input label
    */
-  @Prop() taxPayerIdLabel: string = "Beneficiary INN";
+  @Prop() taxPayerIdLabel: string =
+    "{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }";
 
   /**
    * Label text for the Bank Address input
@@ -353,29 +355,6 @@ export class BankingInfoForm {
 
     const { errors } = props.states.formState;
 
-    // TODO: may need to make these translatable
-    const routingCodeLabels = {
-      AU: "BSB Number",
-      CA: "Routing Number",
-      CZ: "Bank Code",
-      HK: "Clearing Code",
-      SG: "Clearing Code",
-      US: "ABA Routing Number",
-      NZ: "BSB Number",
-      ZA: "Bank/Branch Number",
-      IN: "IFSC",
-      CNY: "CNAPS",
-    };
-
-    const taxpayerIdLabels = {
-      AR: "CUIT/CUIL",
-      KR: "Classification ID",
-    };
-
-    const test: string = undefined;
-
-    test.length;
-
     const fieldRequiredError = this.fieldRequiredError;
     const fieldInvalidError = this.fieldInvalidError;
 
@@ -413,8 +392,6 @@ export class BankingInfoForm {
 
     const formMap = getFormMap({
       props,
-      routingCodeLabels,
-      taxpayerIdLabels,
       getValidationErrorMessage,
     });
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 2fa94ec764..f463e2bbe0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -90,13 +90,9 @@ type TaxpayerIdLabels = {
 
 export function getFormMap({
   props,
-  routingCodeLabels,
-  taxpayerIdLabels,
   getValidationErrorMessage,
 }: {
   props: BankingInfoFormViewProps | Omit<any, "text" | "callbacks">;
-  routingCodeLabels: RoutingCodeLabels;
-  taxpayerIdLabels: TaxpayerIdLabels;
   getValidationErrorMessage: (props: {
     type: "required" | "invalid";
     label: string;
@@ -213,10 +209,15 @@ export function getFormMap({
       input: (
         <sl-input
           required
-          label={
-            routingCodeLabels[props.states.bankCountry] ||
-            props.text.routingCodeLabel
-          }
+          label={intl.formatMessage(
+            {
+              id: "routingCodeText",
+              defaultMessage: props.text.routingCodeLabel,
+            },
+            {
+              country,
+            }
+          )}
           name="/routingCode"
           id="routingCode"
           key="routingCode"
@@ -225,9 +226,15 @@ export function getFormMap({
             class: "error-input",
             helpText: getValidationErrorMessage({
               type: errors?.inputErrors?.routingCode?.type,
-              label:
-                routingCodeLabels[props.states.bankCountry] ||
-                props.text.routingCodeLabel,
+              label: intl.formatMessage(
+                {
+                  id: "routingCodeErrorText",
+                  defaultMessage: props.text.routingCodeLabel,
+                },
+                {
+                  country,
+                }
+              ),
             }),
           })}
         ></sl-input>
@@ -280,7 +287,15 @@ export function getFormMap({
         </sl-select>,
         <sl-input
           required
-          label={taxpayerIdLabels[country] || props.text.taxPayerIdLabel}
+          label={intl.formatMessage(
+            {
+              id: "fxWireText",
+              defaultMessage: props.text.taxPayerIdLabel,
+            },
+            {
+              country,
+            }
+          )}
           type="text"
           name="/taxPayerId"
           id="taxPayerId"

From 77cba73f622e90b17659f094ebd27721c0ec653b Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Mon, 11 Mar 2024 16:51:01 -0700
Subject: [PATCH 466/753] start invoice table

---
 packages/mint-components/package-lock.json    |   4 +-
 packages/mint-components/src/components.d.ts  | 231 +++++++++++++-
 .../InvoiceTable.stories.tsx                  | 151 +++++++++
 .../InvoiceTableCell.stories.tsx              |  48 +++
 .../UseInvoiceTable.stories.tsx               | 233 ++++++++++++++
 .../sqm-invoices-table/cells/readme.md        |  32 ++
 .../cells/sqm-invoice-table-cell.tsx          |  22 ++
 .../cells/sqm-invoice-table-date-cell.tsx     |  30 ++
 .../cells/sqm-invoice-table-download-cell.tsx |  29 ++
 .../columns/InvoiceTableColumn.tsx            |   9 +
 .../sqm-invoices-table/columns/readme.md      |  70 +++++
 .../columns/sqm-invoice-table-column.tsx      |  48 +++
 .../columns/sqm-invoice-table-date-column.tsx |  52 ++++
 .../sqm-invoice-table-download-column.tsx     |  48 +++
 .../components/sqm-invoices-table/readme.md   |  52 ++++
 .../sqm-invoices-table/sqm-invoice-table.tsx  | 287 ++++++++++++++++++
 .../sqm-invoices-table/useInvoiceTable.tsx    |  47 +++
 packages/mint-components/src/saasquatch.d.ts  |  11 +
 18 files changed, 1401 insertions(+), 3 deletions(-)
 create mode 100644 packages/mint-components/src/components/sqm-invoices-table/InvoiceTable.stories.tsx
 create mode 100644 packages/mint-components/src/components/sqm-invoices-table/InvoiceTableCell.stories.tsx
 create mode 100644 packages/mint-components/src/components/sqm-invoices-table/UseInvoiceTable.stories.tsx
 create mode 100644 packages/mint-components/src/components/sqm-invoices-table/cells/readme.md
 create mode 100644 packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-cell.tsx
 create mode 100644 packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-date-cell.tsx
 create mode 100644 packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-download-cell.tsx
 create mode 100644 packages/mint-components/src/components/sqm-invoices-table/columns/InvoiceTableColumn.tsx
 create mode 100644 packages/mint-components/src/components/sqm-invoices-table/columns/readme.md
 create mode 100644 packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-column.tsx
 create mode 100644 packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-date-column.tsx
 create mode 100644 packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-download-column.tsx
 create mode 100644 packages/mint-components/src/components/sqm-invoices-table/readme.md
 create mode 100644 packages/mint-components/src/components/sqm-invoices-table/sqm-invoice-table.tsx
 create mode 100644 packages/mint-components/src/components/sqm-invoices-table/useInvoiceTable.tsx

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 225955a9d8..5d6b4f4f6c 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-59",
+  "version": "1.8.0-61",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-59",
+      "version": "1.8.0-61",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 4367038392..7811c2ee9e 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -20,6 +20,7 @@ import { FunctionalComponent } from "@stencil/core";
 import { UseIndirectTaxFormResult } from "./components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm";
 import { InputFieldViewProps } from "./components/sqm-input-field/sqm-input-field-view";
 import { EmailRegistrationViewProps } from "./components/views/email-registration-view";
+import { GenericTableViewProps } from "./tables/GenericTableView";
 import { LeaderboardViewProps } from "./components/sqm-leaderboard/sqm-leaderboard-view";
 import { LeaderboardRankViewProps } from "./components/sqm-leaderboard-rank/sqm-leaderboard-rank-view";
 import { CopyTextViewProps } from "./components/views/copy-text-view";
@@ -38,7 +39,6 @@ import { PortalRegistrationFormViewProps } from "./components/sqm-portal-registr
 import { PortalResetPasswordViewProps } from "./components/sqm-portal-reset-password/sqm-portal-reset-password-view";
 import { PortalVerifyEmailViewProps } from "./components/sqm-portal-verify-email/sqm-portal-verify-email-view";
 import { ReferralIframeViewProps } from "./components/sqm-referral-iframe/sqm-referral-iframe-view";
-import { GenericTableViewProps } from "./tables/GenericTableView";
 import { ReferralDates } from "./components/sqm-referral-table/useReferralTable";
 import { RewardExchangeViewProps } from "./components/sqm-reward-exchange-list/sqm-reward-exchange-list-view";
 import { ShareButtonViewProps } from "./components/sqm-share-button/sqm-share-button-view";
@@ -1285,6 +1285,92 @@ export namespace Components {
          */
         "requiredFieldErrorMessage": string;
     }
+    interface SqmInvoiceTable {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Invoice[] };
+  };
+        /**
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Hidden mobile columns
+         */
+        "hiddenColumns"?: string;
+        /**
+          * @uiName Hide column labels
+         */
+        "hideLabels"?: boolean;
+        /**
+          * @uiName Tablet breakpoint
+         */
+        "mdBreakpoint"?: number;
+        /**
+          * @uiName View More button text
+         */
+        "moreLabel"?: string;
+        /**
+          * Number of invoices displayed per page
+          * @uiName Invoices per page
+         */
+        "perPage": number;
+        /**
+          * @uiName Previous button text
+         */
+        "prevLabel"?: string;
+        /**
+          * Filters to only show invoices in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all invoices from all programs. If program ID is "classic", shows classic-only invoices
+          * @uiName Program
+          * @uiWidget programSelector
+         */
+        "programId": string;
+        /**
+          * Show referred by user in table
+          * @uiName Show referrer
+          * @default
+         */
+        "showReferrer"?: boolean;
+        /**
+          * @uiName Mobile breakpoint
+         */
+        "smBreakpoint"?: number;
+    }
+    interface SqmInvoiceTableCell {
+        "innerTemplate": string;
+    }
+    interface SqmInvoiceTableColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle": string;
+        "renderCell": (_: Invoice) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
+    interface SqmInvoiceTableDateCell {
+        "date": number;
+        "locale": string;
+    }
+    interface SqmInvoiceTableDateColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle": string;
+        "renderCell": (data: Invoice, options: { locale: string; }) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
+    interface SqmInvoiceTableDownloadCell {
+        "date": number;
+        "locale": string;
+    }
+    interface SqmInvoiceTableDownloadColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle": string;
+        "renderCell": (_: Invoice) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
     interface SqmLeaderboard {
         /**
           * Title displayed for users without names
@@ -4972,6 +5058,48 @@ declare global {
         prototype: HTMLSqmInstantAccessRegistrationElement;
         new (): HTMLSqmInstantAccessRegistrationElement;
     };
+    interface HTMLSqmInvoiceTableElement extends Components.SqmInvoiceTable, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableElement: {
+        prototype: HTMLSqmInvoiceTableElement;
+        new (): HTMLSqmInvoiceTableElement;
+    };
+    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableCellElement: {
+        prototype: HTMLSqmInvoiceTableCellElement;
+        new (): HTMLSqmInvoiceTableCellElement;
+    };
+    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableColumnElement: {
+        prototype: HTMLSqmInvoiceTableColumnElement;
+        new (): HTMLSqmInvoiceTableColumnElement;
+    };
+    interface HTMLSqmInvoiceTableDateCellElement extends Components.SqmInvoiceTableDateCell, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableDateCellElement: {
+        prototype: HTMLSqmInvoiceTableDateCellElement;
+        new (): HTMLSqmInvoiceTableDateCellElement;
+    };
+    interface HTMLSqmInvoiceTableDateColumnElement extends Components.SqmInvoiceTableDateColumn, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableDateColumnElement: {
+        prototype: HTMLSqmInvoiceTableDateColumnElement;
+        new (): HTMLSqmInvoiceTableDateColumnElement;
+    };
+    interface HTMLSqmInvoiceTableDownloadCellElement extends Components.SqmInvoiceTableDownloadCell, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableDownloadCellElement: {
+        prototype: HTMLSqmInvoiceTableDownloadCellElement;
+        new (): HTMLSqmInvoiceTableDownloadCellElement;
+    };
+    interface HTMLSqmInvoiceTableDownloadColumnElement extends Components.SqmInvoiceTableDownloadColumn, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableDownloadColumnElement: {
+        prototype: HTMLSqmInvoiceTableDownloadColumnElement;
+        new (): HTMLSqmInvoiceTableDownloadColumnElement;
+    };
     interface HTMLSqmLeaderboardElement extends Components.SqmLeaderboard, HTMLStencilElement {
     }
     var HTMLSqmLeaderboardElement: {
@@ -5456,6 +5584,13 @@ declare global {
         "sqm-indirect-tax-form": HTMLSqmIndirectTaxFormElement;
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
+        "sqm-invoice-table": HTMLSqmInvoiceTableElement;
+        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
+        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
+        "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
+        "sqm-invoice-table-date-column": HTMLSqmInvoiceTableDateColumnElement;
+        "sqm-invoice-table-download-cell": HTMLSqmInvoiceTableDownloadCellElement;
+        "sqm-invoice-table-download-column": HTMLSqmInvoiceTableDownloadColumnElement;
         "sqm-leaderboard": HTMLSqmLeaderboardElement;
         "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
         "sqm-link-button": HTMLSqmLinkButtonElement;
@@ -6771,6 +6906,86 @@ declare namespace LocalJSX {
          */
         "requiredFieldErrorMessage"?: string;
     }
+    interface SqmInvoiceTable {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Invoice[] };
+  };
+        /**
+          * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+          * @uiName Hidden mobile columns
+         */
+        "hiddenColumns"?: string;
+        /**
+          * @uiName Hide column labels
+         */
+        "hideLabels"?: boolean;
+        /**
+          * @uiName Tablet breakpoint
+         */
+        "mdBreakpoint"?: number;
+        /**
+          * @uiName View More button text
+         */
+        "moreLabel"?: string;
+        /**
+          * Number of invoices displayed per page
+          * @uiName Invoices per page
+         */
+        "perPage"?: number;
+        /**
+          * @uiName Previous button text
+         */
+        "prevLabel"?: string;
+        /**
+          * Filters to only show invoices in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all invoices from all programs. If program ID is "classic", shows classic-only invoices
+          * @uiName Program
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * Show referred by user in table
+          * @uiName Show referrer
+          * @default
+         */
+        "showReferrer"?: boolean;
+        /**
+          * @uiName Mobile breakpoint
+         */
+        "smBreakpoint"?: number;
+    }
+    interface SqmInvoiceTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmInvoiceTableColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle"?: string;
+    }
+    interface SqmInvoiceTableDateCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmInvoiceTableDateColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle"?: string;
+    }
+    interface SqmInvoiceTableDownloadCell {
+        "date"?: number;
+        "locale"?: string;
+    }
+    interface SqmInvoiceTableDownloadColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle"?: string;
+    }
     interface SqmLeaderboard {
         /**
           * Title displayed for users without names
@@ -10297,6 +10512,13 @@ declare namespace LocalJSX {
         "sqm-indirect-tax-form": SqmIndirectTaxForm;
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
+        "sqm-invoice-table": SqmInvoiceTable;
+        "sqm-invoice-table-cell": SqmInvoiceTableCell;
+        "sqm-invoice-table-column": SqmInvoiceTableColumn;
+        "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
+        "sqm-invoice-table-date-column": SqmInvoiceTableDateColumn;
+        "sqm-invoice-table-download-cell": SqmInvoiceTableDownloadCell;
+        "sqm-invoice-table-download-column": SqmInvoiceTableDownloadColumn;
         "sqm-leaderboard": SqmLeaderboard;
         "sqm-leaderboard-rank": SqmLeaderboardRank;
         "sqm-link-button": SqmLinkButton;
@@ -10406,6 +10628,13 @@ declare module "@stencil/core" {
             "sqm-indirect-tax-form": LocalJSX.SqmIndirectTaxForm & JSXBase.HTMLAttributes<HTMLSqmIndirectTaxFormElement>;
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
+            "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
+            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
+            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
+            "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
+            "sqm-invoice-table-date-column": LocalJSX.SqmInvoiceTableDateColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateColumnElement>;
+            "sqm-invoice-table-download-cell": LocalJSX.SqmInvoiceTableDownloadCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDownloadCellElement>;
+            "sqm-invoice-table-download-column": LocalJSX.SqmInvoiceTableDownloadColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDownloadColumnElement>;
             "sqm-leaderboard": LocalJSX.SqmLeaderboard & JSXBase.HTMLAttributes<HTMLSqmLeaderboardElement>;
             "sqm-leaderboard-rank": LocalJSX.SqmLeaderboardRank & JSXBase.HTMLAttributes<HTMLSqmLeaderboardRankElement>;
             "sqm-link-button": LocalJSX.SqmLinkButton & JSXBase.HTMLAttributes<HTMLSqmLinkButtonElement>;
diff --git a/packages/mint-components/src/components/sqm-invoices-table/InvoiceTable.stories.tsx b/packages/mint-components/src/components/sqm-invoices-table/InvoiceTable.stories.tsx
new file mode 100644
index 0000000000..e7a85b76d3
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoices-table/InvoiceTable.stories.tsx
@@ -0,0 +1,151 @@
+import { h } from "@stencil/core";
+import { GenericTableView } from "../../tables/GenericTableView";
+import scenario from "./invoice-table.feature";
+
+export default {
+  title: "Components/Invoice Table",
+  parameters: {
+    scenario,
+  },
+};
+
+const loadingElement = (
+  <div slot="loading" style={{ display: "contents" }}>
+    <sqm-table-row>
+      <sqm-table-cell colspan={5}>
+        <sl-skeleton></sl-skeleton>
+      </sqm-table-cell>
+    </sqm-table-row>
+    <sqm-table-row>
+      <sqm-table-cell colspan={5}>
+        <sl-skeleton></sl-skeleton>
+      </sqm-table-cell>
+    </sqm-table-row>
+    <sqm-table-row>
+      <sqm-table-cell colspan={5}>
+        <sl-skeleton></sl-skeleton>
+      </sqm-table-cell>
+    </sqm-table-row>
+    <sqm-table-row>
+      <sqm-table-cell colspan={5}>
+        <sl-skeleton></sl-skeleton>
+      </sqm-table-cell>
+    </sqm-table-row>
+    <sqm-table-row>
+      <sqm-table-cell colspan={5}>
+        <sl-skeleton></sl-skeleton>
+      </sqm-table-cell>
+    </sqm-table-row>
+  </div>
+);
+
+const emptyElement = (
+  <sqm-empty
+    empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_invoice2.png"
+    empty-state-header="View your invoice details"
+    empty-state-text="Track the status of your invoices and rewards earned by referring friends"
+  ></sqm-empty>
+);
+
+// Reward Status Cases
+
+const simpleUserTableProps = {
+  states: {
+    hasPrev: false,
+    hasNext: true,
+    show: "rows" as const,
+    namespace: "sqm-invoice-table",
+  },
+  data: {
+    textOverrides: {
+      showLabels: true,
+      prevLabel: "Prev",
+      moreLabel: "Next",
+    },
+    hiddenColumns: "",
+    mdBreakpoint: 799,
+    smBreakpoint: 599,
+  },
+  callbacks: {
+    prevPage: () => console.log("Prev"),
+    nextPage: () => console.log("Next"),
+  },
+
+  elements: {
+    columns: [
+      "",
+      "Date created",
+      "Invoice",
+      "Earnings",
+      "Taxed Amount",
+      "Earnings after tax",
+    ],
+    rows: [[]],
+  },
+};
+
+export const SimpleUserTable = () => {
+  return <GenericTableView {...simpleUserTableProps}></GenericTableView>;
+};
+
+export const EmptyTable = () => {
+  return (
+    <sqm-invoice-table
+      demoData={{
+        states: {
+          hasPrev: false,
+          hasNext: false,
+          show: "empty" as const,
+          namespace: "sqm-invoice-table",
+        },
+        data: {
+          textOverrides: {
+            showLabels: true,
+            prevLabel: "Prev",
+            moreLabel: "View More",
+          },
+          hiddenColumns: "",
+          mdBreakpoint: 799,
+          smBreakpoint: 599,
+        },
+        elements: {
+          emptyElement: emptyElement,
+          loadingElement: loadingElement,
+          columns: ["Name", "Email", "DOB"],
+          rows: [],
+        },
+      }}
+    ></sqm-invoice-table>
+  );
+};
+
+export const LoadingTable = () => {
+  return (
+    <sqm-invoice-table
+      demoData={{
+        states: {
+          hasPrev: false,
+          hasNext: false,
+          show: "loading",
+          namespace: "sqm-invoice-table",
+        },
+        data: {
+          textOverrides: {
+            showLabels: true,
+            prevLabel: "Prev",
+            moreLabel: "View More",
+          },
+          hiddenColumns: "",
+          mdBreakpoint: 799,
+          smBreakpoint: 599,
+        },
+        elements: {
+          emptyElement: emptyElement,
+          loadingElement: loadingElement,
+          columns: ["Name", "Email", "DOB"],
+          rows: [],
+        },
+      }}
+    ></sqm-invoice-table>
+  );
+};
diff --git a/packages/mint-components/src/components/sqm-invoices-table/InvoiceTableCell.stories.tsx b/packages/mint-components/src/components/sqm-invoices-table/InvoiceTableCell.stories.tsx
new file mode 100644
index 0000000000..2403b02d9d
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoices-table/InvoiceTableCell.stories.tsx
@@ -0,0 +1,48 @@
+import { h } from "@stencil/core";
+
+export default {
+  title: "Components/Invoice Table Cell",
+  parameters: {},
+};
+
+export const TableCell = () => {
+  return (
+    <sqm-invoice-table-cell innerTemplate="Table Cell Text"></sqm-invoice-table-cell>
+  );
+};
+
+export const InvoiceNumberCell = () => {
+  return (
+    <sqm-invoice-table-cell innerTemplate="12345-67"></sqm-invoice-table-cell>
+  );
+};
+
+export const EarningsCell = () => {
+  return (
+    <sqm-invoice-table-cell innerTemplate="US$20.00"></sqm-invoice-table-cell>
+  );
+};
+
+export const EarningsAfterTaxCell = () => {
+  return (
+    <sqm-invoice-table-cell innerTemplate="US$15.00"></sqm-invoice-table-cell>
+  );
+};
+
+export const TaxedAmountCell = () => {
+  return (
+    <sqm-invoice-table-cell innerTemplate="US$5.00"></sqm-invoice-table-cell>
+  );
+};
+
+export const EmptyCell = () => (
+  <sqm-sqm-invoice-table-cell>-</sqm-sqm-invoice-table-cell>
+);
+
+export const DateCell = () => {
+  return (
+    <sqm-invoice-table-date-cell
+      date={900000000000}
+    ></sqm-invoice-table-date-cell>
+  );
+};
diff --git a/packages/mint-components/src/components/sqm-invoices-table/UseInvoiceTable.stories.tsx b/packages/mint-components/src/components/sqm-invoices-table/UseInvoiceTable.stories.tsx
new file mode 100644
index 0000000000..d0071ae81f
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoices-table/UseInvoiceTable.stories.tsx
@@ -0,0 +1,233 @@
+import { setProgramId } from "@saasquatch/component-boilerplate";
+import {
+  setUserIdentity,
+  useLazyQuery,
+} from "@saasquatch/component-boilerplate";
+import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { h } from "@stencil/core";
+import { gql } from "graphql-request";
+import { createHookStory } from "../sqm-stencilbook/HookStoryAddon";
+
+export default {
+  title: "Hooks / useInvoiceTable",
+};
+
+function setupGraphQL() {
+  const id = "testestest";
+  const accountId = id;
+
+  //@ts-ignore
+  window.widgetIdent = {
+    tenantAlias: "test_a8b41jotf8a1v",
+    appDomain: "https://staging.invoicesaasquatch.com",
+    // programId,
+  };
+  useEffect(() => {
+    setUserIdentity({
+      accountId,
+      id,
+      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
+    });
+    return () => {
+      window.widgetIdent = undefined;
+      setUserIdentity(undefined);
+    };
+  }, []);
+
+  return { id, accountId };
+}
+
+function setupGraphQLKlip({ token, id }) {
+  const accountId = id;
+  // const programId = "klip-invoice-program";
+
+  //@ts-ignore
+  window.widgetIdent = {
+    tenantAlias: "test_a74miwdpofztj",
+    appDomain: "https://staging.invoicesaasquatch.com",
+    // programId,
+  };
+  useEffect(() => {
+    setUserIdentity({
+      accountId,
+      id,
+      jwt: token,
+    });
+    return () => {
+      window.widgetIdent = undefined;
+      setUserIdentity(undefined);
+    };
+  }, []);
+
+  return { id, accountId };
+}
+export const InvoiceTable = createHookStory(() => {
+  setupGraphQL();
+  setProgramId("sam-partner-test-2");
+  const props = {
+    listType: "",
+    render: () => {},
+    disconnectedCallback: () => {},
+    ignored: true,
+  };
+  return (
+    <sqm-invoice-table>
+      <sqm-invoice-table-user-column></sqm-invoice-table-user-column>
+      <sqm-invoice-table-status-column></sqm-invoice-table-status-column>
+      <sqm-invoice-table-date-column></sqm-invoice-table-date-column>
+      <sqm-invoice-table-rewards-column></sqm-invoice-table-rewards-column>
+    </sqm-invoice-table>
+  );
+});
+
+export const InvoiceTableDemoHook = createHookStory(() => {
+  // setupGraphQL();
+  // setProgramId("sam-partner-test-2");
+  const props = {
+    listType: "",
+    render: () => {},
+    disconnectedCallback: () => {},
+    ignored: true,
+  };
+  return (
+    <sqm-invoice-table>
+      <sqm-invoice-table-user-column></sqm-invoice-table-user-column>
+      <sqm-invoice-table-status-column></sqm-invoice-table-status-column>
+      <sqm-invoice-table-date-column></sqm-invoice-table-date-column>
+      <sqm-invoice-table-rewards-column></sqm-invoice-table-rewards-column>
+    </sqm-invoice-table>
+  );
+});
+
+export const InvoiceTableDemoHookShowReferrer = createHookStory(() => {
+  // setupGraphQL();
+  // setProgramId("sam-partner-test-2");
+  const props = {
+    listType: "",
+    render: () => {},
+    disconnectedCallback: () => {},
+    ignored: true,
+  };
+  return (
+    <sqm-invoice-table show-referrer="true">
+      <sqm-invoice-table-user-column></sqm-invoice-table-user-column>
+      <sqm-invoice-table-status-column></sqm-invoice-table-status-column>
+      <sqm-invoice-table-date-column></sqm-invoice-table-date-column>
+      <sqm-invoice-table-rewards-column></sqm-invoice-table-rewards-column>
+    </sqm-invoice-table>
+  );
+});
+
+export const InvoiceTableEn = createHookStory(() => {
+  setupGraphQLKlip({
+    token:
+      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",
+    id: "samenglish",
+  });
+  setProgramId("klip-invoice-program");
+  const props = {
+    listType: "",
+    render: () => {},
+    disconnectedCallback: () => {},
+    ignored: true,
+  };
+  return (
+    <sqm-invoice-table per-page="4">
+      <sqm-invoice-table-user-column column-title="User"></sqm-invoice-table-user-column>
+      <sqm-invoice-table-status-column column-title="Invoice Status"></sqm-invoice-table-status-column>
+      <sqm-invoice-table-rewards-column></sqm-invoice-table-rewards-column>
+      <sqm-invoice-table-date-column
+        column-title="Date Referred"
+        date-shown="dateInvoiceStarted"
+      ></sqm-invoice-table-date-column>
+    </sqm-invoice-table>
+  );
+});
+
+export const InvoiceTableTr = createHookStory(() => {
+  setupGraphQLKlip({
+    token:
+      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",
+    id: "samturkey",
+  });
+  setProgramId("klip-invoice-program");
+  const props = {
+    listType: "",
+    render: () => {},
+    disconnectedCallback: () => {},
+    ignored: true,
+  };
+  return (
+    <sqm-invoice-table
+      more-label="Daha"
+      prev-label="Öncesi"
+      empty-state-text="Henüz Ödül Yok"
+      per-page="4"
+    >
+      <sqm-invoice-table-user-column
+        column-title="Kullanıcılar"
+        anonymous-user="Anonim Kullanıcı"
+        deleted-user="Silinmiş Kullanıcı"
+      ></sqm-invoice-table-user-column>
+      <sqm-invoice-table-status-column
+        column-title="Durumu"
+        converted-status-text="Dönüştür"
+        in-progress-status-text="Devam etmekte"
+      ></sqm-invoice-table-status-column>
+      <sqm-invoice-table-rewards-column
+        column-title="Ödüller"
+        status-text="{status, select, AVAILABLE {Mevcut} CANCELLED {İptal edildi} PENDING {Bekliyor} EXPIRED {Süresi doldu} REDEEMED {Kullanıldı} other {Müsait değil} }"
+        status-long-text="{status, select, AVAILABLE {Ödül süresi doluyor} CANCELLED {Ödül iptal edildi} PENDING {üzerinde mevcut} EXPIRED {Ödülün süresi doldu} other {Müsait değil} }"
+        reward-received-text="Ödül şu tarihte alındı:"
+      ></sqm-invoice-table-rewards-column>
+      <sqm-invoice-table-date-column
+        column-title="Tarih"
+        date-shown="dateInvoiceStarted"
+      ></sqm-invoice-table-date-column>
+    </sqm-invoice-table>
+  );
+});
+
+export const InvoiceTableFr = createHookStory(() => {
+  setupGraphQLKlip({
+    token:
+      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",
+    id: "samfrench",
+  });
+  setProgramId("klip-invoice-program");
+  const props = {
+    listType: "",
+    render: () => {},
+    disconnectedCallback: () => {},
+    ignored: true,
+  };
+  return (
+    <sqm-invoice-table
+      more-label="Plus"
+      prev-label="Précédent"
+      empty-state-text="Aucune Référence Maintenant"
+      per-page="4"
+    >
+      <sqm-invoice-table-user-column
+        column-title="Utilisateur"
+        anonymous-user="Utilisateur Anonyme"
+        deleted-user="Utilisateur Supprimé"
+      ></sqm-invoice-table-user-column>
+      <sqm-invoice-table-status-column
+        column-title="Statut de Parrainage"
+        converted-status-text="Converti"
+        in-progress-status-text="En cours"
+      ></sqm-invoice-table-status-column>
+      <sqm-invoice-table-rewards-column
+        column-title="Récompenses"
+        status-text="{status, select, AVAILABLE {Disponible} CANCELLED {Annulé} PENDING {En attente} EXPIRED {Expiré} REDEEMED {Racheté} other {Indisponible} }"
+        status-long-text="{status, select, AVAILABLE {Récompense expirant sur} CANCELLED {Récompense annulée sur} PENDING {Disponible sur} EXPIRED {Récompense expirée sur} other {Indisponible} }"
+        reward-received-text="Récompense reçue"
+      ></sqm-invoice-table-rewards-column>
+      <sqm-invoice-table-date-column
+        column-title="Date de Référence"
+        date-shown="dateInvoiceStarted"
+      ></sqm-invoice-table-date-column>
+    </sqm-invoice-table>
+  );
+});
diff --git a/packages/mint-components/src/components/sqm-invoices-table/cells/readme.md b/packages/mint-components/src/components/sqm-invoices-table/cells/readme.md
new file mode 100644
index 0000000000..5d83192894
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoices-table/cells/readme.md
@@ -0,0 +1,32 @@
+# sqm-referral-table-cell
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property | Attribute | Description | Type     | Default     |
+| -------- | --------- | ----------- | -------- | ----------- |
+| `name`   | `name`    |             | `string` | `undefined` |
+
+
+## Dependencies
+
+### Used by
+
+ - [sqm-referral-table-user-column](../columns)
+ - [sqm-stencilbook](../../sqm-stencilbook)
+
+### Graph
+```mermaid
+graph TD;
+  sqm-referral-table-user-column --> sqm-referral-table-user-cell
+  sqm-stencilbook --> sqm-referral-table-user-cell
+  style sqm-referral-table-user-cell fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-cell.tsx b/packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-cell.tsx
new file mode 100644
index 0000000000..464afc3f75
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-cell.tsx
@@ -0,0 +1,22 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Prop, State } from "@stencil/core";
+
+@Component({
+  tag: "sqm-invoice-table-cell",
+  shadow: true,
+})
+export class InvoiceTableCell {
+  @State()
+  ignored = true;
+
+  @Prop() innerTemplate: string;
+
+  constructor() {
+    withHooks(this);
+  }
+  disconnectedCallback() {}
+
+  render() {
+    return <div innerHTML={this.innerTemplate}></div>;
+  }
+}
diff --git a/packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-date-cell.tsx b/packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-date-cell.tsx
new file mode 100644
index 0000000000..7cb1742de9
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-date-cell.tsx
@@ -0,0 +1,30 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Prop, State } from "@stencil/core";
+import { DateTime } from "luxon";
+import { luxonLocale } from "../../../utils/utils";
+
+@Component({
+  tag: "sqm-invoice-table-date-cell",
+  shadow: true,
+})
+export class RewardTableDateCell {
+  @State()
+  ignored = true;
+
+  @Prop() date: number;
+  @Prop() locale: string = "en";
+  constructor() {
+    withHooks(this);
+  }
+  disconnectedCallback() {}
+
+  render() {
+    const date = !this.date
+      ? "-"
+      : DateTime.fromMillis(this.date)
+          ?.setLocale(luxonLocale(this.locale))
+          ?.toLocaleString(DateTime.DATE_MED);
+
+    return date;
+  }
+}
diff --git a/packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-download-cell.tsx b/packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-download-cell.tsx
new file mode 100644
index 0000000000..4418dfea4d
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-download-cell.tsx
@@ -0,0 +1,29 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Prop, State } from "@stencil/core";
+import { DateTime } from "luxon";
+import { luxonLocale } from "../../../utils/utils";
+
+@Component({
+  tag: "sqm-invoice-table-download-cell",
+  shadow: true,
+})
+export class InvoiceTableDateCell {
+  @State()
+  ignored = true;
+  @Prop() date: number;
+  @Prop() locale: string = "en";
+  constructor() {
+    withHooks(this);
+  }
+  disconnectedCallback() {}
+
+  render() {
+    const date = !this.date
+      ? "-"
+      : DateTime.fromMillis(this.date)
+          ?.setLocale(luxonLocale(this.locale))
+          .toLocaleString(DateTime.DATE_MED);
+
+    return date;
+  }
+}
diff --git a/packages/mint-components/src/components/sqm-invoices-table/columns/InvoiceTableColumn.tsx b/packages/mint-components/src/components/sqm-invoices-table/columns/InvoiceTableColumn.tsx
new file mode 100644
index 0000000000..2ca0e9ae10
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoices-table/columns/InvoiceTableColumn.tsx
@@ -0,0 +1,9 @@
+import { VNode } from "@stencil/core";
+
+export interface InvoiceTableColumn {
+  renderLabel(idx?: number): Promise<string>;
+  renderCell(
+    data: Invoice,
+    options: { locale: string; taxConnection?: ImpactConnection }
+  ): Promise<VNode>;
+}
diff --git a/packages/mint-components/src/components/sqm-invoices-table/columns/readme.md b/packages/mint-components/src/components/sqm-invoices-table/columns/readme.md
new file mode 100644
index 0000000000..b301e5eead
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoices-table/columns/readme.md
@@ -0,0 +1,70 @@
+# sqm-referral-table-column
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property        | Attribute        | Description                      | Type     | Default            |
+| --------------- | ---------------- | -------------------------------- | -------- | ------------------ |
+| `anonymousUser` | `anonymous-user` | Name displayed for unknown users | `string` | `"Anonymous User"` |
+| `columnTitle`   | `column-title`   |                                  | `string` | `"Customer"`       |
+| `deletedUser`   | `deleted-user`   | Name displayed for deleted users | `string` | `"Deleted User"`   |
+
+
+## Methods
+
+### `renderCell(data: Referral) => Promise<any>`
+
+
+
+#### Returns
+
+Type: `Promise<any>`
+
+
+
+### `renderLabel() => Promise<string>`
+
+
+
+#### Returns
+
+Type: `Promise<string>`
+
+
+
+### `renderReferrerCell(data: Referrer) => Promise<any>`
+
+
+
+#### Returns
+
+Type: `Promise<any>`
+
+
+
+
+## Dependencies
+
+### Used by
+
+ - [sqm-stencilbook](../../sqm-stencilbook)
+
+### Depends on
+
+- [sqm-referral-table-user-cell](../cells)
+
+### Graph
+```mermaid
+graph TD;
+  sqm-referral-table-user-column --> sqm-referral-table-user-cell
+  sqm-stencilbook --> sqm-referral-table-user-column
+  style sqm-referral-table-user-column fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-column.tsx b/packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-column.tsx
new file mode 100644
index 0000000000..e9df7b64cc
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-column.tsx
@@ -0,0 +1,48 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, getElement, h, Host, Method, Prop } from "@stencil/core";
+import { useRequestRerender } from "../../../tables/re-render";
+import { InvoiceTableColumn } from "./InvoiceTableColumn";
+
+/**
+ * @uiName Invoice Table Generic Column
+ * @validParents ["sqm-invoice-table"]
+ */
+@Component({
+  tag: "sqm-invoice-table-column",
+  shadow: true,
+})
+export class InvoiceTableGenericColumn implements InvoiceTableColumn {
+  /**
+   * @uiName Column title
+   */
+  @Prop() columnTitle: string;
+
+  constructor() {
+    withHooks(this);
+  }
+  disconnectedCallback() {}
+
+  @Method()
+  async renderCell(_: Invoice) {
+    // this is insecure, <script> tags can be added
+    return (
+      <sqm-invoice-table-cell
+        inner-template={getElement(this).innerHTML}
+      ></sqm-invoice-table-cell>
+    );
+  }
+
+  @Method()
+  async renderLabel() {
+    return Promise.resolve(this.columnTitle);
+  }
+
+  render() {
+    useRequestRerender([this.columnTitle]);
+    return (
+      <Host style={{ display: "none" }}>
+        <slot />
+      </Host>
+    );
+  }
+}
diff --git a/packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-date-column.tsx b/packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-date-column.tsx
new file mode 100644
index 0000000000..b5aad84a07
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-date-column.tsx
@@ -0,0 +1,52 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Host, Method, Prop } from "@stencil/core";
+import { useRequestRerender } from "../../../tables/re-render";
+import { InvoiceTableColumn } from "./InvoiceTableColumn";
+
+/**
+ * @uiName Invoice Table Date Column
+ * @validParents ["sqm-invoice-table"]
+ * @exampleGroup Invoices
+ * @example Invoice Table Date Column - <sqm-invoice-table-date-column column-title="Date converted" date-shown="dateConverted"></sqm-invoice-table-date-column>
+ */
+@Component({
+  tag: "sqm-invoice-table-date-column",
+  shadow: true,
+})
+export class InvoiceTableDateColumn implements InvoiceTableColumn {
+  /**
+   * @uiName Column title
+   */
+  @Prop() columnTitle: string;
+
+  constructor() {
+    withHooks(this);
+  }
+  disconnectedCallback() {}
+
+  @Method()
+  async renderCell(data: Invoice, options: { locale: string }) {
+    // TODO - Validate `dateShown` against a set of known values
+
+    return (
+      <sqm-invoice-table-date-cell
+        date={data.dateCreated}
+        locale={options.locale}
+      ></sqm-invoice-table-date-cell>
+    );
+  }
+
+  @Method()
+  async renderLabel() {
+    return this.columnTitle;
+  }
+
+  render() {
+    useRequestRerender([this.columnTitle]);
+    return (
+      <Host style={{ display: "none" }}>
+        <slot />
+      </Host>
+    );
+  }
+}
diff --git a/packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-download-column.tsx b/packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-download-column.tsx
new file mode 100644
index 0000000000..cf05fec0bc
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-download-column.tsx
@@ -0,0 +1,48 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, getElement, h, Host, Method, Prop } from "@stencil/core";
+import { useRequestRerender } from "../../../tables/re-render";
+import { InvoiceTableColumn } from "./InvoiceTableColumn";
+
+/**
+ * @uiName Invoice Table Download Column
+ * @validParents ["sqm-invoice-table"]
+ */
+@Component({
+  tag: "sqm-invoice-table-download-column",
+  shadow: true,
+})
+export class InvoiceTableGenericColumn implements InvoiceTableColumn {
+  /**
+   * @uiName Column title
+   */
+  @Prop() columnTitle: string;
+
+  constructor() {
+    withHooks(this);
+  }
+  disconnectedCallback() {}
+
+  @Method()
+  async renderCell(_: Invoice) {
+    // this is insecure, <script> tags can be added
+    return (
+      <sqm-invoice-table-cell
+        inner-template={getElement(this).innerHTML}
+      ></sqm-invoice-table-cell>
+    );
+  }
+
+  @Method()
+  async renderLabel() {
+    return Promise.resolve(this.columnTitle);
+  }
+
+  render() {
+    useRequestRerender([this.columnTitle]);
+    return (
+      <Host style={{ display: "none" }}>
+        <slot />
+      </Host>
+    );
+  }
+}
diff --git a/packages/mint-components/src/components/sqm-invoices-table/readme.md b/packages/mint-components/src/components/sqm-invoices-table/readme.md
new file mode 100644
index 0000000000..86bfeaa709
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoices-table/readme.md
@@ -0,0 +1,52 @@
+# sqm-referral-table
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property        | Attribute        | Description                                                                                                                                                                                                                                                                   | Type                                                                                                             | Default     |
+| --------------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ----------- |
+| `demoData`      | --               |                                                                                                                                                                                                                                                                               | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Referral[]; }; }` | `undefined` |
+| `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                                | `string`                                                                                                         | `"0"`       |
+| `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                                                                               | `boolean`                                                                                                        | `false`     |
+| `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                                                                               | `number`                                                                                                         | `799`       |
+| `moreLabel`     | `more-label`     |                                                                                                                                                                                                                                                                               | `string`                                                                                                         | `"Next"`    |
+| `perPage`       | `per-page`       | Number of referrals displayed per page                                                                                                                                                                                                                                        | `number`                                                                                                         | `4`         |
+| `prevLabel`     | `prev-label`     |                                                                                                                                                                                                                                                                               | `string`                                                                                                         | `"Prev"`    |
+| `programId`     | `program-id`     | Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals | `string`                                                                                                         | `undefined` |
+| `showReferrer`  | `show-referrer`  | Show referred by user in table                                                                                                                                                                                                                                                | `boolean`                                                                                                        | `false`     |
+| `smBreakpoint`  | `sm-breakpoint`  |                                                                                                                                                                                                                                                                               | `number`                                                                                                         | `599`       |
+
+
+## Dependencies
+
+### Used by
+
+ - [sqm-stencilbook](../sqm-stencilbook)
+
+### Depends on
+
+- [sqm-empty](../sqm-empty)
+- [sqm-table-row](../sqm-table-row)
+- [sqm-table-cell](../sqm-table-cell)
+
+### Graph
+```mermaid
+graph TD;
+  sqm-referral-table --> sqm-empty
+  sqm-referral-table --> sqm-table-row
+  sqm-referral-table --> sqm-table-cell
+  sqm-empty --> sqm-portal-container
+  sqm-empty --> sqm-image
+  sqm-empty --> sqm-titled-section
+  sqm-empty --> sqm-text
+  sqm-stencilbook --> sqm-referral-table
+  style sqm-referral-table fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/sqm-invoices-table/sqm-invoice-table.tsx b/packages/mint-components/src/components/sqm-invoices-table/sqm-invoice-table.tsx
new file mode 100644
index 0000000000..3869a9a17f
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoices-table/sqm-invoice-table.tsx
@@ -0,0 +1,287 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Prop } from "@stencil/core";
+import { DemoData } from "../../global/demo";
+import {
+  GenericTableView,
+  GenericTableViewProps,
+} from "../../tables/GenericTableView";
+import { useRequestRerender } from "../../tables/re-render";
+import { useInvoiceTable } from "./useInvoiceTable";
+
+/**
+ * @uiName Invoice Table
+ * @exampleGroup Invoices
+ * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
+ * @example Invoice Table - <sqm-invoice-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" ><sqm-invoice-table-user-column column-title="Customer" anonymous-user="Anonymous User" deleted-user="Deleted User" ></sqm-invoice-table-user-column ><sqm-invoice-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} Denied {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}" denied-help-text="Contact support if you think this is a mistake."></sqm-invoice-table-rewards-column ><sqm-invoice-table-date-column column-title="Date converted" date-shown="dateConverted" ></sqm-invoice-table-date-column ><sqm-invoice-table-status-column column-title="Status" converted-status-text="Converted" in-progress-status-text="In Progress" pending-review-status-text="Pending" denied-status-text="Denied" pending-review-status-sub-text="Awaiting review" denied-status-sub-text="Detected self-invoice" ></sqm-invoice-table-status-column ><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_invoice2.png" empty-state-header="View your invoice details" empty-state-text="Refer a friend to view the status of your invoices and rewards earned" slot="empty" ></sqm-empty ></sqm-invoice-table> */
+@Component({
+  tag: "sqm-invoice-table",
+  shadow: true,
+})
+export class InvoiceTable {
+  /**
+   * Filters to only show invoices in this program. Will default to filtering by the program context where
+   * this table lives. If no program ID is set or provided by context, then shows all invoices from all programs.
+   * If program ID is "classic", shows classic-only invoices
+   *
+   * @uiName Program
+   * @uiWidget programSelector
+   */
+  @Prop() programId: string;
+
+  /**
+   * Number of invoices displayed per page
+   *
+   * @uiName Invoices per page
+   */
+  @Prop() perPage: number = 4;
+
+  /** @uiName Hide column labels */
+  @Prop() hideLabels?: boolean = false;
+
+  /** @uiName Previous button text  */
+  @Prop() prevLabel?: string = "Prev";
+
+  /** @uiName View More button text  */
+  @Prop() moreLabel?: string = "Next";
+
+  /**
+   * Show referred by user in table
+   *
+   * @uiName Show referrer
+   * @default
+   */
+  @Prop() showReferrer?: boolean = false;
+
+  /**
+   * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
+   *
+   * @uiName Hidden mobile columns
+   */
+  @Prop() hiddenColumns?: string = "0";
+
+  /** @uiName Mobile breakpoint  */
+  @Prop() smBreakpoint?: number = 599;
+
+  /** @uiName Tablet breakpoint  */
+  @Prop() mdBreakpoint?: number = 799;
+
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  @Prop() demoData?: DemoData<GenericTableViewProps> & {
+    mockData?: { data: Invoice[] };
+  };
+
+  constructor() {
+    withHooks(this);
+  }
+  disconnectedCallback() {}
+
+  render() {
+    const empty = <EmptySlot />;
+    const loading = <LoadingSlot />;
+
+    // const { states, data, callbacks, elements } = isDemo()
+    //   ? useInvoiceTableDemo(this, empty, loading)
+    //   : useInvoiceTable(this, empty, loading);
+
+    const { states, data, callbacks, elements } = useInvoiceTable(
+      this,
+      empty,
+      loading
+    );
+
+    useRequestRerender([this.showReferrer, this.perPage]);
+
+    return (
+      <GenericTableView
+        states={states}
+        data={data}
+        callbacks={callbacks}
+        elements={elements}
+      ></GenericTableView>
+    );
+  }
+}
+
+function EmptySlot() {
+  return (
+    <slot name="empty">
+      <sqm-empty
+        empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_invoice2.png"
+        empty-state-header="View your invoice details"
+        empty-state-text="Refer a friend to view the status of your invoices and rewards earned"
+      ></sqm-empty>
+    </slot>
+  );
+}
+
+function LoadingSlot() {
+  return (
+    <slot name="loading">
+      <LoadingRow />
+      <LoadingRow />
+      <LoadingRow />
+      <LoadingRow />
+    </slot>
+  );
+}
+function LoadingRow() {
+  return (
+    <sqm-table-row>
+      <sqm-table-cell colspan={5}>
+        <sl-skeleton></sl-skeleton>
+      </sqm-table-cell>
+    </sqm-table-row>
+  );
+}
+
+// function useInvoiceTableDemo(
+//   props: InvoiceTable,
+//   emptyElement: VNode,
+//   loadingElement: VNode
+// ): GenericTableViewProps {
+//   const [content, setContent] = useReducer<
+//     GenericTableViewProps["elements"],
+//     Partial<GenericTableViewProps["elements"]>
+//   >(
+//     (state, next) => ({
+//       ...state,
+//       ...next,
+//     }),
+//     {
+//       columns: [],
+//       rows: [],
+//       loading: false,
+//       page: 0,
+//     }
+//   );
+
+//   const tick = useRerenderListener();
+
+//   const mockData = useMemo(
+//     () => props.demoData?.mockData || mockInvoiceData(props.perPage),
+//     [props.perPage]
+//   );
+
+//   const components = useChildElements<Element>();
+
+//   async function getComponentData(components: Element[]) {
+//     let componentData;
+//     //@ts-ignore
+//     const referrerData = mockData?.referredByInvoice;
+//     const showReferrerRow =
+//       props.showReferrer &&
+//       //@ts-ignore
+//       !!mockData?.referredByInvoice?.dateInvoiceStarted;
+
+//     if (showReferrerRow) {
+//       componentData = mockData.data.slice(0, props.perPage - 1);
+//     } else {
+//       componentData = mockData.data.slice(0, props.perPage);
+//     }
+//     // filter out loading and empty states from columns array
+//     const columnComponents = components.filter(
+//       (component) =>
+//         component.slot !== "loading" &&
+//         component.slot !== "empty" &&
+//         component?.firstElementChild?.getAttribute("slot") !== "loading" &&
+//         component?.firstElementChild?.getAttribute("slot") !== "empty"
+//     );
+//     // get the column titles (renderLabel is asynchronous)
+//     const columnsPromise = columnComponents?.map(
+//       async (c: any, idx: number) => {
+//         const slot = c?.firstElementChild?.getAttribute("slot");
+//         // Custom plop targets
+//         if (
+//           c.tagName === "RAISINS-PLOP-TARGET" &&
+//           slot !== "loading" &&
+//           slot !== "empty"
+//         ) {
+//           c.setAttribute("slot", "column-" + idx);
+//           c.style.position = "absolute";
+//           // Replace add text with a simple + button
+//           const plopTarget = c.firstElementChild.childNodes[1];
+//           plopTarget.innerHTML = "＋";
+//           (plopTarget as HTMLElement).style.lineHeight = "20px";
+//           return tryMethod(c, () => c.renderLabel(idx));
+//         }
+//         return tryMethod(c, () => c.renderLabel());
+//       }
+//     );
+
+//     // show the referrer row before any other rows (renderReferrerCell is asynchronous)
+//     let referrerRow;
+//     if (showReferrerRow) {
+//       const referrerPromise = columnComponents?.map(async (c: any) =>
+//         tryMethod(c, function renderCell() {
+//           return c.renderCell(referrerData, c);
+//         })
+//       );
+//       referrerRow = await Promise.all(referrerPromise);
+//     }
+
+//     // get the column cells (renderCell is asynchronous)
+//     const cellsPromise = componentData?.map(async (r) => {
+//       const cellPromise = columnComponents?.map(async (c: any) =>
+//         tryMethod(c, () => c.renderCell(r, undefined))
+//       );
+//       const cells = (await Promise.all(cellPromise)) as VNode[][];
+//       return cells;
+//     });
+
+//     const rows =
+//       cellsPromise &&
+//       [referrerRow, ...(await Promise.all(cellsPromise))].filter(
+//         (value) => value
+//       );
+
+//     setContent({ rows });
+//     const columns =
+//       columnsPromise && ((await Promise.all(columnsPromise)) as string[]);
+//     // Set the content to render and finish loading components
+//     setContent({ columns, loading: false, page: 0 });
+//   }
+
+//   useEffect(() => {
+//     setContent({ loading: true });
+//     mockData?.data && getComponentData(components);
+//   }, [mockData?.data, components, tick]);
+
+//   const demoProps = deepmerge(
+//     {
+//       states: {
+//         hasPrev: false,
+//         hasNext: false,
+//         loading: false,
+//         show: "rows",
+//       },
+//       callbacks: {
+//         prevPage: () => console.log("Prev"),
+//         nextPage: () => console.log("Next"),
+//       },
+//       data: {
+//         textOverrides: {
+//           showLabels: !props.hideLabels,
+//           prevLabel: props.prevLabel,
+//           moreLabel: props.moreLabel,
+//         },
+//         hiddenColumns: props.hiddenColumns,
+//         invoiceData: [],
+//         mdBreakpoint: 799,
+//         smBreakpoint: 599,
+//       },
+//       elements: {
+//         columns: content.columns,
+//         rows: content.rows,
+//         emptyElement,
+//         loadingElement,
+//       },
+//     },
+//     props.demoData || {},
+//     { arrayMerge: (_, a) => a }
+//   );
+
+//   return demoProps;
+// }
diff --git a/packages/mint-components/src/components/sqm-invoices-table/useInvoiceTable.tsx b/packages/mint-components/src/components/sqm-invoices-table/useInvoiceTable.tsx
new file mode 100644
index 0000000000..d48bc80d55
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoices-table/useInvoiceTable.tsx
@@ -0,0 +1,47 @@
+import { VNode } from "@stencil/core";
+import { InvoiceTable } from "./sqm-invoice-table";
+import { GenericTableViewProps } from "../../tables/GenericTableView";
+import debugFn from "debug";
+const debug = debugFn("sq:useInvoiceTable");
+
+export const CSS_NAMESPACE = "sqm-invoice-table";
+
+export function useInvoiceTable(
+  props: InvoiceTable,
+  emptyElement: VNode,
+  loadingElement: VNode
+): GenericTableViewProps {
+  return {
+    ...props,
+    states: {
+      namespace: CSS_NAMESPACE,
+      hasPrev: false,
+      hasNext: false,
+      show: "loading",
+    },
+    data: {
+      textOverrides: {
+        showLabels: false,
+        prevLabel: "",
+        moreLabel: "",
+      },
+      hiddenColumns: "",
+      mdBreakpoint: 0,
+      smBreakpoint: 0,
+    },
+    elements: {
+      emptyElement,
+      loadingElement,
+      columns: [],
+      rows: [],
+    },
+    callbacks: {
+      prevPage: function (): void {
+        throw new Error("Function not implemented.");
+      },
+      nextPage: function (): void {
+        throw new Error("Function not implemented.");
+      },
+    },
+  };
+}
diff --git a/packages/mint-components/src/saasquatch.d.ts b/packages/mint-components/src/saasquatch.d.ts
index e32a6e6a71..710e6d68c9 100644
--- a/packages/mint-components/src/saasquatch.d.ts
+++ b/packages/mint-components/src/saasquatch.d.ts
@@ -163,3 +163,14 @@ interface RewardBalance {
 }
 declare module "*.md";
 declare module "react";
+
+
+interface Invoice {
+  downloadURL: string;
+  dateCreated: number;
+  invoiceId: string;
+  program: string;
+  earnings: string;
+  taxedAmount: string;
+  netEarnings: string;
+}
\ No newline at end of file

From 8add868cc4d1191b9d012d560d26ff51c7b2e2d1 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Mon, 11 Mar 2024 16:54:25 -0700
Subject: [PATCH 467/753] addings to stencilbook

---
 .../InvoiceTable.stories.tsx                                | 0
 .../InvoiceTableCell.stories.tsx                            | 0
 .../UseInvoiceTable.stories.tsx                             | 0
 .../cells/readme.md                                         | 0
 .../cells/sqm-invoice-table-cell.tsx                        | 0
 .../cells/sqm-invoice-table-date-cell.tsx                   | 0
 .../cells/sqm-invoice-table-download-cell.tsx               | 0
 .../columns/InvoiceTableColumn.tsx                          | 0
 .../columns/readme.md                                       | 0
 .../columns/sqm-invoice-table-column.tsx                    | 0
 .../columns/sqm-invoice-table-date-column.tsx               | 0
 .../columns/sqm-invoice-table-download-column.tsx           | 0
 .../{sqm-invoices-table => sqm-invoice-table}/readme.md     | 0
 .../sqm-invoice-table.tsx                                   | 0
 .../useInvoiceTable.tsx                                     | 0
 .../src/components/sqm-stencilbook/sqm-stencilbook.tsx      | 6 ++++++
 16 files changed, 6 insertions(+)
 rename packages/mint-components/src/components/{sqm-invoices-table => sqm-invoice-table}/InvoiceTable.stories.tsx (100%)
 rename packages/mint-components/src/components/{sqm-invoices-table => sqm-invoice-table}/InvoiceTableCell.stories.tsx (100%)
 rename packages/mint-components/src/components/{sqm-invoices-table => sqm-invoice-table}/UseInvoiceTable.stories.tsx (100%)
 rename packages/mint-components/src/components/{sqm-invoices-table => sqm-invoice-table}/cells/readme.md (100%)
 rename packages/mint-components/src/components/{sqm-invoices-table => sqm-invoice-table}/cells/sqm-invoice-table-cell.tsx (100%)
 rename packages/mint-components/src/components/{sqm-invoices-table => sqm-invoice-table}/cells/sqm-invoice-table-date-cell.tsx (100%)
 rename packages/mint-components/src/components/{sqm-invoices-table => sqm-invoice-table}/cells/sqm-invoice-table-download-cell.tsx (100%)
 rename packages/mint-components/src/components/{sqm-invoices-table => sqm-invoice-table}/columns/InvoiceTableColumn.tsx (100%)
 rename packages/mint-components/src/components/{sqm-invoices-table => sqm-invoice-table}/columns/readme.md (100%)
 rename packages/mint-components/src/components/{sqm-invoices-table => sqm-invoice-table}/columns/sqm-invoice-table-column.tsx (100%)
 rename packages/mint-components/src/components/{sqm-invoices-table => sqm-invoice-table}/columns/sqm-invoice-table-date-column.tsx (100%)
 rename packages/mint-components/src/components/{sqm-invoices-table => sqm-invoice-table}/columns/sqm-invoice-table-download-column.tsx (100%)
 rename packages/mint-components/src/components/{sqm-invoices-table => sqm-invoice-table}/readme.md (100%)
 rename packages/mint-components/src/components/{sqm-invoices-table => sqm-invoice-table}/sqm-invoice-table.tsx (100%)
 rename packages/mint-components/src/components/{sqm-invoices-table => sqm-invoice-table}/useInvoiceTable.tsx (100%)

diff --git a/packages/mint-components/src/components/sqm-invoices-table/InvoiceTable.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-invoices-table/InvoiceTable.stories.tsx
rename to packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
diff --git a/packages/mint-components/src/components/sqm-invoices-table/InvoiceTableCell.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTableCell.stories.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-invoices-table/InvoiceTableCell.stories.tsx
rename to packages/mint-components/src/components/sqm-invoice-table/InvoiceTableCell.stories.tsx
diff --git a/packages/mint-components/src/components/sqm-invoices-table/UseInvoiceTable.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-invoices-table/UseInvoiceTable.stories.tsx
rename to packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx
diff --git a/packages/mint-components/src/components/sqm-invoices-table/cells/readme.md b/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md
similarity index 100%
rename from packages/mint-components/src/components/sqm-invoices-table/cells/readme.md
rename to packages/mint-components/src/components/sqm-invoice-table/cells/readme.md
diff --git a/packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-cell.tsx b/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-cell.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-cell.tsx
rename to packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-cell.tsx
diff --git a/packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-date-cell.tsx b/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-date-cell.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-date-cell.tsx
rename to packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-date-cell.tsx
diff --git a/packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-download-cell.tsx b/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-download-cell.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-invoices-table/cells/sqm-invoice-table-download-cell.tsx
rename to packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-download-cell.tsx
diff --git a/packages/mint-components/src/components/sqm-invoices-table/columns/InvoiceTableColumn.tsx b/packages/mint-components/src/components/sqm-invoice-table/columns/InvoiceTableColumn.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-invoices-table/columns/InvoiceTableColumn.tsx
rename to packages/mint-components/src/components/sqm-invoice-table/columns/InvoiceTableColumn.tsx
diff --git a/packages/mint-components/src/components/sqm-invoices-table/columns/readme.md b/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
similarity index 100%
rename from packages/mint-components/src/components/sqm-invoices-table/columns/readme.md
rename to packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
diff --git a/packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-column.tsx b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-column.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-column.tsx
rename to packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-column.tsx
diff --git a/packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-date-column.tsx b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-date-column.tsx
rename to packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.tsx
diff --git a/packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-download-column.tsx b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-invoices-table/columns/sqm-invoice-table-download-column.tsx
rename to packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx
diff --git a/packages/mint-components/src/components/sqm-invoices-table/readme.md b/packages/mint-components/src/components/sqm-invoice-table/readme.md
similarity index 100%
rename from packages/mint-components/src/components/sqm-invoices-table/readme.md
rename to packages/mint-components/src/components/sqm-invoice-table/readme.md
diff --git a/packages/mint-components/src/components/sqm-invoices-table/sqm-invoice-table.tsx b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-invoices-table/sqm-invoice-table.tsx
rename to packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
diff --git a/packages/mint-components/src/components/sqm-invoices-table/useInvoiceTable.tsx b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
similarity index 100%
rename from packages/mint-components/src/components/sqm-invoices-table/useInvoiceTable.tsx
rename to packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
diff --git a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
index a9286825ca..42ded3f49e 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
+++ b/packages/mint-components/src/components/sqm-stencilbook/sqm-stencilbook.tsx
@@ -81,6 +81,9 @@ import * as RadioCard from "../sqm-radio-card/RadioCard.stories";
 import * as ProgressBar from "../sqm-task-card/progress-bar/ProgressBar.stories";
 import * as PayoutDetailsCard from "../tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories";
 import * as BankingInfoForm from "../tax-and-cash/BankingForm.stories";
+import * as InvoiceTable from "../sqm-invoice-table/InvoiceTable.stories";
+import * as InvoiceTableCells from "../sqm-invoice-table/InvoiceTableCell.stories";
+import * as UseInvoiceTableCells from "../sqm-invoice-table/UseInvoiceTable.stories";
 
 import * as Themes from "./Themes";
 import { CucumberAddon } from "./CucumberAddon";
@@ -89,6 +92,9 @@ import { ShadowViewAddon } from "../../ShadowViewAddon";
 import { ResizerStylesheet } from "./Resizer";
 
 const stories = [
+  InvoiceTable,
+  InvoiceTableCells,
+  UseInvoiceTableCells,
   ShareButton,
   ShareLink,
   BigStat,

From 2d9f9127b7066b99dc21575f0b7c502e7f01f995 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Mon, 11 Mar 2024 16:55:27 -0700
Subject: [PATCH 468/753] fix stencilbook import

---
 .../src/components/sqm-invoice-table/InvoiceTable.stories.tsx | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
index e7a85b76d3..429a2adaa1 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
@@ -1,12 +1,8 @@
 import { h } from "@stencil/core";
 import { GenericTableView } from "../../tables/GenericTableView";
-import scenario from "./invoice-table.feature";
 
 export default {
   title: "Components/Invoice Table",
-  parameters: {
-    scenario,
-  },
 };
 
 const loadingElement = (

From 32861b7d01ef7b92cf70451f7ab07cd9ea1704eb Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 11 Mar 2024 17:24:42 -0700
Subject: [PATCH 469/753] wired up demo hook / mocked up hooks

---
 packages/mint-components/src/components.d.ts  |  12 -
 .../sqm-invoice-table/mockInvoiceData.ts      |  27 ++
 .../sqm-invoice-table/sqm-invoice-table.tsx   | 286 ++++++++----------
 .../sqm-invoice-table/useInvoiceTable.tsx     | 172 +++++++++--
 4 files changed, 308 insertions(+), 189 deletions(-)
 create mode 100644 packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 7811c2ee9e..5451c22ff6 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1325,12 +1325,6 @@ export namespace Components {
           * @uiWidget programSelector
          */
         "programId": string;
-        /**
-          * Show referred by user in table
-          * @uiName Show referrer
-          * @default
-         */
-        "showReferrer"?: boolean;
         /**
           * @uiName Mobile breakpoint
          */
@@ -6946,12 +6940,6 @@ declare namespace LocalJSX {
           * @uiWidget programSelector
          */
         "programId"?: string;
-        /**
-          * Show referred by user in table
-          * @uiName Show referrer
-          * @default
-         */
-        "showReferrer"?: boolean;
         /**
           * @uiName Mobile breakpoint
          */
diff --git a/packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts b/packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts
new file mode 100644
index 0000000000..44cd8fac15
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts
@@ -0,0 +1,27 @@
+import { DateTime } from "luxon";
+
+export default (count = 4) => {
+  const data = [...Array(count)].map(() => getMockData()) as Invoice[];
+  return { data };
+};
+
+const getMockData = (): Invoice => {
+  const today = DateTime.now();
+
+  //  set random data
+  //   const randomUnitNumber = Math.floor(Math.random() * 3);
+  //   const randomStatus = status || statuses[Math.floor(Math.random() * 5)];
+  //   const unit = units[randomUnitNumber];
+  //   const prettyValue = prettyValues[randomUnitNumber];
+  //   const randomValue = Math.floor(Math.random() * 100) + 2;
+
+  return {
+    downloadURL: "https://example.com",
+    dateCreated: today.toMillis(),
+    invoiceId: "asdfg",
+    program: "my-program",
+    earnings: "$20.00",
+    taxedAmount: "$2.00",
+    netEarnings: "$18.00",
+  };
+};
diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
index 3869a9a17f..5cf2acaaa7 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
@@ -1,12 +1,20 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Prop } from "@stencil/core";
+import { useEffect, useMemo, useReducer } from "@saasquatch/universal-hooks";
+import { Component, h, Prop, VNode } from "@stencil/core";
+import deepmerge from "deepmerge";
 import { DemoData } from "../../global/demo";
 import {
   GenericTableView,
   GenericTableViewProps,
 } from "../../tables/GenericTableView";
-import { useRequestRerender } from "../../tables/re-render";
-import { useInvoiceTable } from "./useInvoiceTable";
+import {
+  useRequestRerender,
+  useRerenderListener,
+} from "../../tables/re-render";
+import { useChildElements } from "../../tables/useChildElements";
+import { tryMethod, useInvoiceTable } from "./useInvoiceTable";
+import mockInvoiceData from "./mockInvoiceData";
+import { isDemo } from "@saasquatch/component-boilerplate";
 
 /**
  * @uiName Invoice Table
@@ -44,14 +52,6 @@ export class InvoiceTable {
   /** @uiName View More button text  */
   @Prop() moreLabel?: string = "Next";
 
-  /**
-   * Show referred by user in table
-   *
-   * @uiName Show referrer
-   * @default
-   */
-  @Prop() showReferrer?: boolean = false;
-
   /**
    * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
    *
@@ -82,17 +82,11 @@ export class InvoiceTable {
     const empty = <EmptySlot />;
     const loading = <LoadingSlot />;
 
-    // const { states, data, callbacks, elements } = isDemo()
-    //   ? useInvoiceTableDemo(this, empty, loading)
-    //   : useInvoiceTable(this, empty, loading);
-
-    const { states, data, callbacks, elements } = useInvoiceTable(
-      this,
-      empty,
-      loading
-    );
+    const { states, data, callbacks, elements } = isDemo()
+      ? useInvoiceTableDemo(this, empty, loading)
+      : useInvoiceTable(this, empty, loading);
 
-    useRequestRerender([this.showReferrer, this.perPage]);
+    useRequestRerender([this.perPage]);
 
     return (
       <GenericTableView
@@ -137,151 +131,127 @@ function LoadingRow() {
   );
 }
 
-// function useInvoiceTableDemo(
-//   props: InvoiceTable,
-//   emptyElement: VNode,
-//   loadingElement: VNode
-// ): GenericTableViewProps {
-//   const [content, setContent] = useReducer<
-//     GenericTableViewProps["elements"],
-//     Partial<GenericTableViewProps["elements"]>
-//   >(
-//     (state, next) => ({
-//       ...state,
-//       ...next,
-//     }),
-//     {
-//       columns: [],
-//       rows: [],
-//       loading: false,
-//       page: 0,
-//     }
-//   );
-
-//   const tick = useRerenderListener();
+function useInvoiceTableDemo(
+  props: InvoiceTable,
+  emptyElement: VNode,
+  loadingElement: VNode
+): GenericTableViewProps {
+  const [content, setContent] = useReducer<
+    GenericTableViewProps["elements"],
+    Partial<GenericTableViewProps["elements"]>
+  >(
+    (state, next) => ({
+      ...state,
+      ...next,
+    }),
+    {
+      columns: [],
+      rows: [],
+      loading: false,
+      page: 0,
+    }
+  );
 
-//   const mockData = useMemo(
-//     () => props.demoData?.mockData || mockInvoiceData(props.perPage),
-//     [props.perPage]
-//   );
+  const tick = useRerenderListener();
 
-//   const components = useChildElements<Element>();
+  const mockData = useMemo(
+    () => props.demoData?.mockData || mockInvoiceData(props.perPage),
+    [props.perPage]
+  );
 
-//   async function getComponentData(components: Element[]) {
-//     let componentData;
-//     //@ts-ignore
-//     const referrerData = mockData?.referredByInvoice;
-//     const showReferrerRow =
-//       props.showReferrer &&
-//       //@ts-ignore
-//       !!mockData?.referredByInvoice?.dateInvoiceStarted;
+  const components = useChildElements<Element>();
 
-//     if (showReferrerRow) {
-//       componentData = mockData.data.slice(0, props.perPage - 1);
-//     } else {
-//       componentData = mockData.data.slice(0, props.perPage);
-//     }
-//     // filter out loading and empty states from columns array
-//     const columnComponents = components.filter(
-//       (component) =>
-//         component.slot !== "loading" &&
-//         component.slot !== "empty" &&
-//         component?.firstElementChild?.getAttribute("slot") !== "loading" &&
-//         component?.firstElementChild?.getAttribute("slot") !== "empty"
-//     );
-//     // get the column titles (renderLabel is asynchronous)
-//     const columnsPromise = columnComponents?.map(
-//       async (c: any, idx: number) => {
-//         const slot = c?.firstElementChild?.getAttribute("slot");
-//         // Custom plop targets
-//         if (
-//           c.tagName === "RAISINS-PLOP-TARGET" &&
-//           slot !== "loading" &&
-//           slot !== "empty"
-//         ) {
-//           c.setAttribute("slot", "column-" + idx);
-//           c.style.position = "absolute";
-//           // Replace add text with a simple + button
-//           const plopTarget = c.firstElementChild.childNodes[1];
-//           plopTarget.innerHTML = "＋";
-//           (plopTarget as HTMLElement).style.lineHeight = "20px";
-//           return tryMethod(c, () => c.renderLabel(idx));
-//         }
-//         return tryMethod(c, () => c.renderLabel());
-//       }
-//     );
+  async function getComponentData(components: Element[]) {
+    const componentData = mockData.data.slice(0, props.perPage);
 
-//     // show the referrer row before any other rows (renderReferrerCell is asynchronous)
-//     let referrerRow;
-//     if (showReferrerRow) {
-//       const referrerPromise = columnComponents?.map(async (c: any) =>
-//         tryMethod(c, function renderCell() {
-//           return c.renderCell(referrerData, c);
-//         })
-//       );
-//       referrerRow = await Promise.all(referrerPromise);
-//     }
+    // filter out loading and empty states from columns array
+    const columnComponents = components.filter(
+      (component) =>
+        component.slot !== "loading" &&
+        component.slot !== "empty" &&
+        component?.firstElementChild?.getAttribute("slot") !== "loading" &&
+        component?.firstElementChild?.getAttribute("slot") !== "empty"
+    );
+    // get the column titles (renderLabel is asynchronous)
+    const columnsPromise = columnComponents?.map(
+      async (c: any, idx: number) => {
+        const slot = c?.firstElementChild?.getAttribute("slot");
+        // Custom plop targets
+        if (
+          c.tagName === "RAISINS-PLOP-TARGET" &&
+          slot !== "loading" &&
+          slot !== "empty"
+        ) {
+          c.setAttribute("slot", "column-" + idx);
+          c.style.position = "absolute";
+          // Replace add text with a simple + button
+          const plopTarget = c.firstElementChild.childNodes[1];
+          plopTarget.innerHTML = "＋";
+          (plopTarget as HTMLElement).style.lineHeight = "20px";
+          return tryMethod(c, () => c.renderLabel(idx));
+        }
+        return tryMethod(c, () => c.renderLabel());
+      }
+    );
 
-//     // get the column cells (renderCell is asynchronous)
-//     const cellsPromise = componentData?.map(async (r) => {
-//       const cellPromise = columnComponents?.map(async (c: any) =>
-//         tryMethod(c, () => c.renderCell(r, undefined))
-//       );
-//       const cells = (await Promise.all(cellPromise)) as VNode[][];
-//       return cells;
-//     });
+    // get the column cells (renderCell is asynchronous)
+    const cellsPromise = componentData?.map(async (r) => {
+      const cellPromise = columnComponents?.map(async (c: any) =>
+        tryMethod(c, () => c.renderCell(r, undefined))
+      );
+      const cells = (await Promise.all(cellPromise)) as VNode[];
+      return cells;
+    });
 
-//     const rows =
-//       cellsPromise &&
-//       [referrerRow, ...(await Promise.all(cellsPromise))].filter(
-//         (value) => value
-//       );
+    const rows =
+      cellsPromise &&
+      [...(await Promise.all(cellsPromise))].filter((value) => value);
 
-//     setContent({ rows });
-//     const columns =
-//       columnsPromise && ((await Promise.all(columnsPromise)) as string[]);
-//     // Set the content to render and finish loading components
-//     setContent({ columns, loading: false, page: 0 });
-//   }
+    setContent({ rows });
+    const columns =
+      columnsPromise && ((await Promise.all(columnsPromise)) as string[]);
+    // Set the content to render and finish loading components
+    setContent({ columns, loading: false, page: 0 });
+  }
 
-//   useEffect(() => {
-//     setContent({ loading: true });
-//     mockData?.data && getComponentData(components);
-//   }, [mockData?.data, components, tick]);
+  useEffect(() => {
+    setContent({ loading: true });
+    mockData?.data && getComponentData(components);
+  }, [mockData?.data, components, tick]);
 
-//   const demoProps = deepmerge(
-//     {
-//       states: {
-//         hasPrev: false,
-//         hasNext: false,
-//         loading: false,
-//         show: "rows",
-//       },
-//       callbacks: {
-//         prevPage: () => console.log("Prev"),
-//         nextPage: () => console.log("Next"),
-//       },
-//       data: {
-//         textOverrides: {
-//           showLabels: !props.hideLabels,
-//           prevLabel: props.prevLabel,
-//           moreLabel: props.moreLabel,
-//         },
-//         hiddenColumns: props.hiddenColumns,
-//         invoiceData: [],
-//         mdBreakpoint: 799,
-//         smBreakpoint: 599,
-//       },
-//       elements: {
-//         columns: content.columns,
-//         rows: content.rows,
-//         emptyElement,
-//         loadingElement,
-//       },
-//     },
-//     props.demoData || {},
-//     { arrayMerge: (_, a) => a }
-//   );
+  const demoProps = deepmerge(
+    {
+      states: {
+        hasPrev: false,
+        hasNext: false,
+        loading: false,
+        show: "rows",
+      },
+      callbacks: {
+        prevPage: () => console.log("Prev"),
+        nextPage: () => console.log("Next"),
+      },
+      data: {
+        textOverrides: {
+          showLabels: !props.hideLabels,
+          prevLabel: props.prevLabel,
+          moreLabel: props.moreLabel,
+        },
+        hiddenColumns: props.hiddenColumns,
+        invoiceData: [],
+        mdBreakpoint: 799,
+        smBreakpoint: 599,
+      },
+      elements: {
+        columns: content.columns,
+        rows: content.rows,
+        emptyElement,
+        loadingElement,
+      },
+    },
+    props.demoData || {},
+    { arrayMerge: (_, a) => a }
+  );
 
-//   return demoProps;
-// }
+  return demoProps;
+}
diff --git a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
index d48bc80d55..24568c7116 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
@@ -1,47 +1,181 @@
-import { VNode } from "@stencil/core";
-import { InvoiceTable } from "./sqm-invoice-table";
-import { GenericTableViewProps } from "../../tables/GenericTableView";
+import {
+  useLocale,
+  usePaginatedQuery,
+  useUserIdentity,
+} from "@saasquatch/component-boilerplate";
+import { useEffect, useReducer } from "@saasquatch/universal-hooks";
+import { VNode, h } from "@stencil/core";
 import debugFn from "debug";
+import { gql } from "graphql-request";
+import { GenericTableViewProps } from "../../tables/GenericTableView";
+import { useRerenderListener } from "../../tables/re-render";
+import { useChildElements } from "../../tables/useChildElements";
+import { generateUserError } from "../sqm-referral-table/useReferralTable";
+import { InvoiceTable } from "./sqm-invoice-table";
 const debug = debugFn("sq:useInvoiceTable");
 
 export const CSS_NAMESPACE = "sqm-invoice-table";
 
+const GET_INVOICES = gql``;
+
 export function useInvoiceTable(
   props: InvoiceTable,
   emptyElement: VNode,
   loadingElement: VNode
 ): GenericTableViewProps {
+  const user = useUserIdentity();
+  const locale = useLocale();
+
+  const invoiceFilter = {
+    userId_eq: user?.id,
+    accountId_eq: user?.accountId,
+  };
+
+  const [content, setContent] = useReducer<
+    GenericTableViewProps["elements"],
+    Partial<GenericTableViewProps["elements"]>
+  >(
+    (state, next) => ({
+      ...state,
+      ...next,
+    }),
+    {
+      columns: [],
+      rows: [],
+      loading: false,
+      page: 0,
+    }
+  );
+
+  const {
+    envelope: invoicesData,
+    states,
+    callbacks,
+  } = usePaginatedQuery<Reward>(
+    GET_INVOICES,
+    (data) => data?.viewer?.invoices,
+    {
+      limit: props.perPage,
+      offset: 0,
+    },
+    {
+      invoiceFilter,
+      locale,
+    },
+    !user?.jwt
+  );
+
+  const tick = useRerenderListener();
+  const components = useChildElements<Element>();
+
+  const data = invoicesData?.data;
+
+  async function getComponentData(components: Element[]) {
+    // filter out loading and empty states from columns array
+    const columnComponents = components.filter(
+      (component) => component.slot !== "loading" && component.slot !== "empty"
+    );
+    // get the column titles (renderLabel is asynchronous)
+    const columnsPromise = columnComponents?.map(async (c: any) =>
+      tryMethod(c, () => c.renderLabel())
+    );
+
+    // get the column cells (renderCell is asynchronous)
+    const cellsPromise = data?.map(async (r: Reward) => {
+      const cellPromise = columnComponents?.map(async (c: any) =>
+        tryMethod(c, () => c.renderCell(r, { locale }, h))
+      );
+      const cells = (await Promise.all(cellPromise)) as VNode[];
+      return cells;
+    });
+
+    const rows =
+      cellsPromise && (await Promise.all(cellsPromise)).filter((i) => i);
+
+    setContent({ rows });
+    const columns =
+      columnsPromise && ((await Promise.all(columnsPromise)) as string[]);
+    // Set the content to render and finish loading components
+    setContent({ columns, loading: false, page: states.currentPage });
+  }
+
+  useEffect(() => {
+    setContent({ loading: true });
+    invoicesData && getComponentData(components);
+  }, [invoicesData, components, tick]);
+
+  const isEmpty = !content?.rows?.length && !data?.length;
+
+  const show =
+    // 1 - Loading if loading
+    states.loading || content.loading
+      ? "loading"
+      : // 2 - Empty if empty
+      isEmpty
+      ? "empty"
+      : // 3 - Then show rows
+        "rows";
+
   return {
-    ...props,
     states: {
+      hasNext: states.currentPage < states.pageCount - 1,
+      hasPrev: states.currentPage > 0,
+      show,
       namespace: CSS_NAMESPACE,
-      hasPrev: false,
-      hasNext: false,
-      show: "loading",
     },
     data: {
       textOverrides: {
-        showLabels: false,
-        prevLabel: "",
-        moreLabel: "",
+        showLabels: !props.hideLabels,
+        prevLabel: props.prevLabel,
+        moreLabel: props.moreLabel,
       },
-      hiddenColumns: "",
-      mdBreakpoint: 0,
-      smBreakpoint: 0,
+      hiddenColumns: props.hiddenColumns,
+      smBreakpoint: props.smBreakpoint,
+      mdBreakpoint: props.mdBreakpoint,
     },
     elements: {
+      columns: content.columns,
+      rows: content.rows,
       emptyElement,
       loadingElement,
-      columns: [],
-      rows: [],
     },
     callbacks: {
-      prevPage: function (): void {
-        throw new Error("Function not implemented.");
+      nextPage: () => {
+        callbacks.setCurrentPage(states.currentPage + 1);
       },
-      nextPage: function (): void {
-        throw new Error("Function not implemented.");
+      prevPage: () => {
+        callbacks.setCurrentPage(states.currentPage - 1);
       },
     },
   };
 }
+export async function tryMethod(
+  c: HTMLElement,
+  callback: () => Promise<string>
+): Promise<string | VNode> {
+  const tag = c.tagName.toLowerCase();
+  await customElements.whenDefined(tag);
+  let labelPromise: Promise<string>;
+  try {
+    labelPromise = callback();
+  } catch (e) {
+    // renderLabel did not return a promise, so this method probably doesn't exist
+    // therefore, we IGNORE the label
+    debug("label promise failed", e);
+    return <span />;
+  }
+  try {
+    return await labelPromise;
+  } catch (e) {
+    // The column returned a promise, and that promise failed.
+    // This should not happen so we fail fast
+    debug("Error rendering label", e);
+    const userError = generateUserError(e);
+    return (
+      <details>
+        <summary>Error</summary>
+        {userError}
+      </details>
+    );
+  }
+}

From 2001eeed7a9892a0215f7f7320422db55d28f596 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Mon, 11 Mar 2024 17:28:04 -0700
Subject: [PATCH 470/753] improve download cell and stories

---
 packages/mint-components/src/components.d.ts  |  6 +--
 .../InvoiceTable.stories.tsx                  | 41 ++++++++++++++++--
 .../InvoiceTableCell.stories.tsx              |  8 +++-
 .../cells/sqm-invoice-table-download-cell.tsx | 42 +++++++++++++------
 4 files changed, 75 insertions(+), 22 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 7811c2ee9e..48d761e97a 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1360,8 +1360,7 @@ export namespace Components {
         "renderLabel": () => Promise<string>;
     }
     interface SqmInvoiceTableDownloadCell {
-        "date": number;
-        "locale": string;
+        "downloadURL": string;
     }
     interface SqmInvoiceTableDownloadColumn {
         /**
@@ -6977,8 +6976,7 @@ declare namespace LocalJSX {
         "columnTitle"?: string;
     }
     interface SqmInvoiceTableDownloadCell {
-        "date"?: number;
-        "locale"?: string;
+        "downloadURL"?: string;
     }
     interface SqmInvoiceTableDownloadColumn {
         /**
diff --git a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
index 429a2adaa1..c3dc97ba9e 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
@@ -1,5 +1,13 @@
 import { h } from "@stencil/core";
 import { GenericTableView } from "../../tables/GenericTableView";
+import {
+  DateCell,
+  DownloadCell,
+  EarningsAfterTaxCell,
+  EarningsCell,
+  InvoiceNumberCell,
+  TaxedAmountCell,
+} from "./InvoiceTableCell.stories";
 
 export default {
   title: "Components/Invoice Table",
@@ -45,7 +53,7 @@ const emptyElement = (
 
 // Reward Status Cases
 
-const simpleUserTableProps = {
+const simpleInvoiceTableProps = {
   states: {
     hasPrev: false,
     hasNext: true,
@@ -76,12 +84,37 @@ const simpleUserTableProps = {
       "Taxed Amount",
       "Earnings after tax",
     ],
-    rows: [[]],
+    rows: [
+      [
+        <DownloadCell />,
+        <DateCell />,
+        <InvoiceNumberCell />,
+        <EarningsCell />,
+        <TaxedAmountCell />,
+        <EarningsAfterTaxCell />,
+      ],
+      [
+        <DownloadCell />,
+        <DateCell />,
+        <InvoiceNumberCell />,
+        <EarningsCell />,
+        <TaxedAmountCell />,
+        <EarningsAfterTaxCell />,
+      ],
+      [
+        <DownloadCell />,
+        <DateCell />,
+        <InvoiceNumberCell />,
+        <EarningsCell />,
+        <TaxedAmountCell />,
+        <EarningsAfterTaxCell />,
+      ],
+    ],
   },
 };
 
-export const SimpleUserTable = () => {
-  return <GenericTableView {...simpleUserTableProps}></GenericTableView>;
+export const SimpleInvoiceTable = () => {
+  return <GenericTableView {...simpleInvoiceTableProps}></GenericTableView>;
 };
 
 export const EmptyTable = () => {
diff --git a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTableCell.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTableCell.stories.tsx
index 2403b02d9d..ff04ea79c1 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTableCell.stories.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTableCell.stories.tsx
@@ -35,6 +35,12 @@ export const TaxedAmountCell = () => {
   );
 };
 
+export const DownloadCell = () => {
+  return (
+    <sqm-invoice-table-download-cell downloadURL="https://www.example.com"></sqm-invoice-table-download-cell>
+  );
+};
+
 export const EmptyCell = () => (
   <sqm-sqm-invoice-table-cell>-</sqm-sqm-invoice-table-cell>
 );
@@ -42,7 +48,7 @@ export const EmptyCell = () => (
 export const DateCell = () => {
   return (
     <sqm-invoice-table-date-cell
-      date={900000000000}
+      date={1710203213000}
     ></sqm-invoice-table-date-cell>
   );
 };
diff --git a/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-download-cell.tsx b/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-download-cell.tsx
index 4418dfea4d..acd047c928 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-download-cell.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-download-cell.tsx
@@ -1,29 +1,45 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Prop, State } from "@stencil/core";
-import { DateTime } from "luxon";
-import { luxonLocale } from "../../../utils/utils";
+import { Component, h, Host, Prop, State } from "@stencil/core";
 
 @Component({
   tag: "sqm-invoice-table-download-cell",
   shadow: true,
 })
-export class InvoiceTableDateCell {
+export class InvoiceTableDownloadCell {
   @State()
   ignored = true;
-  @Prop() date: number;
-  @Prop() locale: string = "en";
+  @Prop() downloadURL: string;
   constructor() {
     withHooks(this);
   }
   disconnectedCallback() {}
 
   render() {
-    const date = !this.date
-      ? "-"
-      : DateTime.fromMillis(this.date)
-          ?.setLocale(luxonLocale(this.locale))
-          .toLocaleString(DateTime.DATE_MED);
-
-    return date;
+    const vanillaStyle = `svg:hover, svg:hover * {
+      cursor: pointer;
+    }`;
+    return (
+      <Host>
+        <style>{vanillaStyle}</style>
+        <a href={this.downloadURL}>
+          <svg
+            width="20"
+            height="20"
+            viewBox="0 0 20 20"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M0.625 12.4375C0.79076 12.4375 0.949732 12.5033 1.06694 12.6206C1.18415 12.7378 1.25 12.8967 1.25 13.0625V16.1875C1.25 16.519 1.3817 16.837 1.61612 17.0714C1.85054 17.3058 2.16848 17.4375 2.5 17.4375H17.5C17.8315 17.4375 18.1495 17.3058 18.3839 17.0714C18.6183 16.837 18.75 16.519 18.75 16.1875V13.0625C18.75 12.8967 18.8158 12.7378 18.9331 12.6206C19.0503 12.5033 19.2092 12.4375 19.375 12.4375C19.5408 12.4375 19.6997 12.5033 19.8169 12.6206C19.9342 12.7378 20 12.8967 20 13.0625V16.1875C20 16.8505 19.7366 17.4864 19.2678 17.9553C18.7989 18.4241 18.163 18.6875 17.5 18.6875H2.5C1.83696 18.6875 1.20107 18.4241 0.732233 17.9553C0.263392 17.4864 0 16.8505 0 16.1875V13.0625C0 12.8967 0.065848 12.7378 0.183058 12.6206C0.300269 12.5033 0.45924 12.4375 0.625 12.4375Z"
+              fill="#717179"
+            />
+            <path
+              d="M9.5575 14.88C9.61556 14.9382 9.68453 14.9844 9.76046 15.0159C9.83639 15.0474 9.91779 15.0636 10 15.0636C10.0822 15.0636 10.1636 15.0474 10.2395 15.0159C10.3155 14.9844 10.3844 14.9382 10.4425 14.88L14.1925 11.13C14.3099 11.0126 14.3758 10.8535 14.3758 10.6875C14.3758 10.5215 14.3099 10.3624 14.1925 10.245C14.0751 10.1276 13.916 10.0617 13.75 10.0617C13.584 10.0617 13.4249 10.1276 13.3075 10.245L10.625 12.9288V1.9375C10.625 1.77174 10.5592 1.61277 10.4419 1.49556C10.3247 1.37835 10.1658 1.3125 10 1.3125C9.83424 1.3125 9.67527 1.37835 9.55806 1.49556C9.44085 1.61277 9.375 1.77174 9.375 1.9375V12.9288L6.6925 10.245C6.57514 10.1276 6.41597 10.0617 6.25 10.0617C6.08403 10.0617 5.92486 10.1276 5.8075 10.245C5.69014 10.3624 5.62421 10.5215 5.62421 10.6875C5.62421 10.8535 5.69014 11.0126 5.8075 11.13L9.5575 14.88Z"
+              fill="#717179"
+            />
+          </svg>
+        </a>
+      </Host>
+    );
   }
 }

From 9d5be76845746c7bb36105b75379afb36960412a Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 11 Mar 2024 17:38:50 -0700
Subject: [PATCH 471/753] publish

---
 packages/mint-components/package.json         |   2 +-
 .../src/components/sqm-empty/readme.md        |   2 +
 .../sqm-invoice-table/cells/readme.md         |  18 +--
 .../sqm-invoice-table/columns/readme.md       |  31 ++---
 .../components/sqm-invoice-table/readme.md    |  33 +++---
 .../src/components/sqm-stencilbook/readme.md  |  12 ++
 .../src/components/sqm-table-cell/readme.md   |   2 +
 .../src/components/sqm-table-row/readme.md    |   2 +
 .../sqm-banking-info-form/readme.md           | 106 +++++++++---------
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |   4 +-
 10 files changed, 100 insertions(+), 112 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index a64a07a6e9..e05910a51a 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-61",
+  "version": "1.8.0-63",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-empty/readme.md b/packages/mint-components/src/components/sqm-empty/readme.md
index 03e7379379..402f790fdf 100644
--- a/packages/mint-components/src/components/sqm-empty/readme.md
+++ b/packages/mint-components/src/components/sqm-empty/readme.md
@@ -18,6 +18,7 @@
 
 ### Used by
 
+ - [sqm-invoice-table](../sqm-invoice-table)
  - [sqm-leaderboard](../sqm-leaderboard)
  - [sqm-referral-table](../sqm-referral-table)
  - [sqm-reward-exchange-list](../sqm-reward-exchange-list)
@@ -38,6 +39,7 @@ graph TD;
   sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
+  sqm-invoice-table --> sqm-empty
   sqm-leaderboard --> sqm-empty
   sqm-referral-table --> sqm-empty
   sqm-reward-exchange-list --> sqm-empty
diff --git a/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md b/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md
index 5d83192894..71af0242a0 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md
@@ -9,24 +9,10 @@
 
 | Property | Attribute | Description | Type     | Default     |
 | -------- | --------- | ----------- | -------- | ----------- |
-| `name`   | `name`    |             | `string` | `undefined` |
+| `date`   | `date`    |             | `number` | `undefined` |
+| `locale` | `locale`  |             | `string` | `"en"`      |
 
 
-## Dependencies
-
-### Used by
-
- - [sqm-referral-table-user-column](../columns)
- - [sqm-stencilbook](../../sqm-stencilbook)
-
-### Graph
-```mermaid
-graph TD;
-  sqm-referral-table-user-column --> sqm-referral-table-user-cell
-  sqm-stencilbook --> sqm-referral-table-user-cell
-  style sqm-referral-table-user-cell fill:#f9f,stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md b/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
index b301e5eead..99e1560961 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
@@ -7,16 +7,14 @@
 
 ## Properties
 
-| Property        | Attribute        | Description                      | Type     | Default            |
-| --------------- | ---------------- | -------------------------------- | -------- | ------------------ |
-| `anonymousUser` | `anonymous-user` | Name displayed for unknown users | `string` | `"Anonymous User"` |
-| `columnTitle`   | `column-title`   |                                  | `string` | `"Customer"`       |
-| `deletedUser`   | `deleted-user`   | Name displayed for deleted users | `string` | `"Deleted User"`   |
+| Property      | Attribute      | Description | Type     | Default     |
+| ------------- | -------------- | ----------- | -------- | ----------- |
+| `columnTitle` | `column-title` |             | `string` | `undefined` |
 
 
 ## Methods
 
-### `renderCell(data: Referral) => Promise<any>`
+### `renderCell(_: Invoice) => Promise<any>`
 
 
 
@@ -36,33 +34,18 @@ Type: `Promise<string>`
 
 
 
-### `renderReferrerCell(data: Referrer) => Promise<any>`
-
-
-
-#### Returns
-
-Type: `Promise<any>`
-
-
-
 
 ## Dependencies
 
-### Used by
-
- - [sqm-stencilbook](../../sqm-stencilbook)
-
 ### Depends on
 
-- [sqm-referral-table-user-cell](../cells)
+- [sqm-invoice-table-cell](../cells)
 
 ### Graph
 ```mermaid
 graph TD;
-  sqm-referral-table-user-column --> sqm-referral-table-user-cell
-  sqm-stencilbook --> sqm-referral-table-user-column
-  style sqm-referral-table-user-column fill:#f9f,stroke:#333,stroke-width:4px
+  sqm-invoice-table-download-column --> sqm-invoice-table-cell
+  style sqm-invoice-table-download-column fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------
diff --git a/packages/mint-components/src/components/sqm-invoice-table/readme.md b/packages/mint-components/src/components/sqm-invoice-table/readme.md
index 86bfeaa709..f7642bd2d5 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/readme.md
@@ -7,18 +7,17 @@
 
 ## Properties
 
-| Property        | Attribute        | Description                                                                                                                                                                                                                                                                   | Type                                                                                                             | Default     |
-| --------------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ----------- |
-| `demoData`      | --               |                                                                                                                                                                                                                                                                               | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Referral[]; }; }` | `undefined` |
-| `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                                | `string`                                                                                                         | `"0"`       |
-| `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                                                                               | `boolean`                                                                                                        | `false`     |
-| `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                                                                               | `number`                                                                                                         | `799`       |
-| `moreLabel`     | `more-label`     |                                                                                                                                                                                                                                                                               | `string`                                                                                                         | `"Next"`    |
-| `perPage`       | `per-page`       | Number of referrals displayed per page                                                                                                                                                                                                                                        | `number`                                                                                                         | `4`         |
-| `prevLabel`     | `prev-label`     |                                                                                                                                                                                                                                                                               | `string`                                                                                                         | `"Prev"`    |
-| `programId`     | `program-id`     | Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals | `string`                                                                                                         | `undefined` |
-| `showReferrer`  | `show-referrer`  | Show referred by user in table                                                                                                                                                                                                                                                | `boolean`                                                                                                        | `false`     |
-| `smBreakpoint`  | `sm-breakpoint`  |                                                                                                                                                                                                                                                                               | `number`                                                                                                         | `599`       |
+| Property        | Attribute        | Description                                                                                                                                                                                                                                                                | Type                                                                                                            | Default     |
+| --------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ----------- |
+| `demoData`      | --               |                                                                                                                                                                                                                                                                            | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Invoice[]; }; }` | `undefined` |
+| `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                             | `string`                                                                                                        | `"0"`       |
+| `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                                                                            | `boolean`                                                                                                       | `false`     |
+| `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                                                                            | `number`                                                                                                        | `799`       |
+| `moreLabel`     | `more-label`     |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Next"`    |
+| `perPage`       | `per-page`       | Number of invoices displayed per page                                                                                                                                                                                                                                      | `number`                                                                                                        | `4`         |
+| `prevLabel`     | `prev-label`     |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Prev"`    |
+| `programId`     | `program-id`     | Filters to only show invoices in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all invoices from all programs. If program ID is "classic", shows classic-only invoices | `string`                                                                                                        | `undefined` |
+| `smBreakpoint`  | `sm-breakpoint`  |                                                                                                                                                                                                                                                                            | `number`                                                                                                        | `599`       |
 
 
 ## Dependencies
@@ -36,15 +35,15 @@
 ### Graph
 ```mermaid
 graph TD;
-  sqm-referral-table --> sqm-empty
-  sqm-referral-table --> sqm-table-row
-  sqm-referral-table --> sqm-table-cell
+  sqm-invoice-table --> sqm-empty
+  sqm-invoice-table --> sqm-table-row
+  sqm-invoice-table --> sqm-table-cell
   sqm-empty --> sqm-portal-container
   sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
-  sqm-stencilbook --> sqm-referral-table
-  style sqm-referral-table fill:#f9f,stroke:#333,stroke-width:4px
+  sqm-stencilbook --> sqm-invoice-table
+  style sqm-invoice-table fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------
diff --git a/packages/mint-components/src/components/sqm-stencilbook/readme.md b/packages/mint-components/src/components/sqm-stencilbook/readme.md
index d8c8f1958c..2527ab7cbf 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/readme.md
+++ b/packages/mint-components/src/components/sqm-stencilbook/readme.md
@@ -82,6 +82,10 @@
 - [sqm-tax-and-cash-dashboard](../tax-and-cash/sqm-tax-and-cash-dashboard)
 - [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
 - [sqm-payout-details-card](../tax-and-cash/sqm-payout-details-card)
+- [sqm-invoice-table](../sqm-invoice-table)
+- [sqm-invoice-table-cell](../sqm-invoice-table/cells)
+- [sqm-invoice-table-date-cell](../sqm-invoice-table/cells)
+- [sqm-invoice-table-date-column](../sqm-invoice-table/columns)
 
 ### Graph
 ```mermaid
@@ -159,6 +163,10 @@ graph TD;
   sqm-stencilbook --> sqm-tax-and-cash-dashboard
   sqm-stencilbook --> sqm-tax-and-cash
   sqm-stencilbook --> sqm-payout-details-card
+  sqm-stencilbook --> sqm-invoice-table
+  sqm-stencilbook --> sqm-invoice-table-cell
+  sqm-stencilbook --> sqm-invoice-table-date-cell
+  sqm-stencilbook --> sqm-invoice-table-date-column
   sqm-empty --> sqm-portal-container
   sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
@@ -198,6 +206,10 @@ graph TD;
   sqm-tax-and-cash --> sqm-docusign-form
   sqm-tax-and-cash --> sqm-banking-info-form
   sqm-tax-and-cash --> sqm-tax-and-cash-dashboard
+  sqm-invoice-table --> sqm-empty
+  sqm-invoice-table --> sqm-table-row
+  sqm-invoice-table --> sqm-table-cell
+  sqm-invoice-table-date-column --> sqm-invoice-table-date-cell
   style sqm-stencilbook fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/sqm-table-cell/readme.md b/packages/mint-components/src/components/sqm-table-cell/readme.md
index a92d67f39d..838caa432f 100644
--- a/packages/mint-components/src/components/sqm-table-cell/readme.md
+++ b/packages/mint-components/src/components/sqm-table-cell/readme.md
@@ -15,6 +15,7 @@
 
 ### Used by
 
+ - [sqm-invoice-table](../sqm-invoice-table)
  - [sqm-referral-table](../sqm-referral-table)
  - [sqm-rewards-table](../sqm-rewards-table)
  - [sqm-stencilbook](../sqm-stencilbook)
@@ -22,6 +23,7 @@
 ### Graph
 ```mermaid
 graph TD;
+  sqm-invoice-table --> sqm-table-cell
   sqm-referral-table --> sqm-table-cell
   sqm-rewards-table --> sqm-table-cell
   sqm-stencilbook --> sqm-table-cell
diff --git a/packages/mint-components/src/components/sqm-table-row/readme.md b/packages/mint-components/src/components/sqm-table-row/readme.md
index 683b3e60af..570a4983c3 100644
--- a/packages/mint-components/src/components/sqm-table-row/readme.md
+++ b/packages/mint-components/src/components/sqm-table-row/readme.md
@@ -16,6 +16,7 @@
 
 ### Used by
 
+ - [sqm-invoice-table](../sqm-invoice-table)
  - [sqm-referral-table](../sqm-referral-table)
  - [sqm-rewards-table](../sqm-rewards-table)
  - [sqm-stencilbook](../sqm-stencilbook)
@@ -23,6 +24,7 @@
 ### Graph
 ```mermaid
 graph TD;
+  sqm-invoice-table --> sqm-table-row
   sqm-referral-table --> sqm-table-row
   sqm-rewards-table --> sqm-table-row
   sqm-stencilbook --> sqm-table-row
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index efa6c58ad3..bdab024c0d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -5,59 +5,59 @@
 
 ## Properties
 
-| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Default                                                                                                                                                                              |
-| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Agency Code"`                                                                                                                                                                      |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Account Number"`                                                                                                                                                              |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Account Type"`                                                                                                                                                                |
-| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Address"`                                                                                                                                                                     |
-| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank City"`                                                                                                                                                                        |
-| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Country Location"`                                                                                                                                                            |
-| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Name"`                                                                                                                                                                        |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Postal Code"`                                                                                                                                                                 |
-| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Province/State"`                                                                                                                                                              |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Beneficiary Account Name"`                                                                                                                                                         |
-| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Branch Code"`                                                                                                                                                                      |
-| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Business"`                                                                                                                                                                         |
-| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."`      |
-| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Checking"`                                                                                                                                                                         |
-| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification CPF"`                                                                                                                                                               |
-| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification Entity"`                                                                                                                                                            |
-| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification"`                                                                                                                                                                   |
-| `continueButton`                      | `continue-button`                           | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Save"`                                                                                                                                                                             |
-| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; }` | `undefined`                                                                                                                                                                          |
-| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Directly to my bank account"`                                                                                                                                                      |
-| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                            |
-| `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                           |
-| `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{fieldName} is required"`                                                                                                                                                          |
-| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Foreign"`                                                                                                                                                                          |
-| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Step 4 of 4"`                                                                                                                                                                      |
-| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                             |
-| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                        |
-| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"There was a problem submitting your information"`                                                                                                                                  |
-| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"IBAN"`                                                                                                                                                                             |
-| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Individual"`                                                                                                                                                                       |
-| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."` |
-| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                         |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Patronymic Name"`                                                                                                                                                                  |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"PayPal Email"`                                                                                                                                                                     |
-| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"15th of the month"`                                                                                                                                                                |
-| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"1st of the month"`                                                                                                                                                                 |
-| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Day"`                                                                                                                                                                      |
-| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Method"`                                                                                                                                                                   |
-| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                              |
-| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Schedule"`                                                                                                                                                                 |
-| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                       |
-| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                               |
-| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Threshold"`                                                                                                                                                                |
-| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Routing Code"`                                                                                                                                                                     |
-| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Savings"`                                                                                                                                                                          |
-| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"SWIFT Code"`                                                                                                                                                                       |
-| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Tax and Payouts"`                                                                                                                                                                  |
-| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                              |
-| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Beneficiary INN"`                                                                                                                                                                  |
-| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                    |
-| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"VO Code"`                                                                                                                                                                          |
+| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Default                                                                                                                                                                                                                     |
+| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Agency Code"`                                                                                                                                                                                                             |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Account Number"`                                                                                                                                                                                                     |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Account Type"`                                                                                                                                                                                                       |
+| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Address"`                                                                                                                                                                                                            |
+| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank City"`                                                                                                                                                                                                               |
+| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Country Location"`                                                                                                                                                                                                   |
+| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Name"`                                                                                                                                                                                                               |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Postal Code"`                                                                                                                                                                                                        |
+| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Province/State"`                                                                                                                                                                                                     |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Beneficiary Account Name"`                                                                                                                                                                                                |
+| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Branch Code"`                                                                                                                                                                                                             |
+| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Business"`                                                                                                                                                                                                                |
+| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."`                                             |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Checking"`                                                                                                                                                                                                                |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification CPF"`                                                                                                                                                                                                      |
+| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification Entity"`                                                                                                                                                                                                   |
+| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification"`                                                                                                                                                                                                          |
+| `continueButton`                      | `continue-button`                           | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Save"`                                                                                                                                                                                                                    |
+| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; }` | `undefined`                                                                                                                                                                                                                 |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Directly to my bank account"`                                                                                                                                                                                             |
+| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                                                                   |
+| `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                                                                  |
+| `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{fieldName} is required"`                                                                                                                                                                                                 |
+| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Foreign"`                                                                                                                                                                                                                 |
+| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Step 4 of 4"`                                                                                                                                                                                                             |
+| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                    |
+| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                               |
+| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"There was a problem submitting your information"`                                                                                                                                                                         |
+| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"IBAN"`                                                                                                                                                                                                                    |
+| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Individual"`                                                                                                                                                                                                              |
+| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                        |
+| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Patronymic Name"`                                                                                                                                                                                                         |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"PayPal Email"`                                                                                                                                                                                                            |
+| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"15th of the month"`                                                                                                                                                                                                       |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"1st of the month"`                                                                                                                                                                                                        |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Day"`                                                                                                                                                                                                             |
+| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Method"`                                                                                                                                                                                                          |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                     |
+| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Schedule"`                                                                                                                                                                                                        |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                              |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                                                                      |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Threshold"`                                                                                                                                                                                                       |
+| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{country, select, AU {BSB Number} CA {Routing Number} CZ {Bank Code} HK {Clearing Code} SG {Clearing Code} US {ABA Routing Number} NZ {BSB Number} ZA {Bank/Branch Number} IN {IFSC} CNY {CNAPS} other {Routing Code} }"` |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Savings"`                                                                                                                                                                                                                 |
+| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"SWIFT Code"`                                                                                                                                                                                                              |
+| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Tax and Payouts"`                                                                                                                                                                                                         |
+| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                     |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                     |
+| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                           |
+| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"VO Code"`                                                                                                                                                                                                                 |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index cc79785c12..e3d80c9663 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -34,8 +34,10 @@ import {
 } from "./data";
 
 function getCurrentStep(user: UserQuery["user"]) {
+  console.log({ user });
   if (
-    !user.impactConnection?.publisher?.taxInformation ||
+    // TODO: this is causing users that are already created to land on step 1
+    // !user.impactConnection?.publisher?.taxInformation ||
     !user.impactConnection?.connected
   ) {
     return "/1";

From 91a982ff4beb6f97d705ef266a0e37f0c8b606c6 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 11 Mar 2024 17:51:04 -0700
Subject: [PATCH 472/753] fix state, publish

---
 packages/mint-components/package.json         |  2 +-
 .../sqm-invoice-table/cells/readme.md         | 20 +++++++++++++++----
 .../src/components/sqm-stencilbook/readme.md  |  2 ++
 .../usePayoutDetailsCard.ts                   | 11 +++++-----
 4 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index e05910a51a..150213d499 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-63",
+  "version": "1.8.0-65",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md b/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md
index 71af0242a0..756f517d66 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md
@@ -7,12 +7,24 @@
 
 ## Properties
 
-| Property | Attribute | Description | Type     | Default     |
-| -------- | --------- | ----------- | -------- | ----------- |
-| `date`   | `date`    |             | `number` | `undefined` |
-| `locale` | `locale`  |             | `string` | `"en"`      |
+| Property      | Attribute        | Description | Type     | Default     |
+| ------------- | ---------------- | ----------- | -------- | ----------- |
+| `downloadURL` | `download-u-r-l` |             | `string` | `undefined` |
 
 
+## Dependencies
+
+### Used by
+
+ - [sqm-stencilbook](../../sqm-stencilbook)
+
+### Graph
+```mermaid
+graph TD;
+  sqm-stencilbook --> sqm-invoice-table-download-cell
+  style sqm-invoice-table-download-cell fill:#f9f,stroke:#333,stroke-width:4px
+```
+
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/sqm-stencilbook/readme.md b/packages/mint-components/src/components/sqm-stencilbook/readme.md
index 2527ab7cbf..60830f1f30 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/readme.md
+++ b/packages/mint-components/src/components/sqm-stencilbook/readme.md
@@ -84,6 +84,7 @@
 - [sqm-payout-details-card](../tax-and-cash/sqm-payout-details-card)
 - [sqm-invoice-table](../sqm-invoice-table)
 - [sqm-invoice-table-cell](../sqm-invoice-table/cells)
+- [sqm-invoice-table-download-cell](../sqm-invoice-table/cells)
 - [sqm-invoice-table-date-cell](../sqm-invoice-table/cells)
 - [sqm-invoice-table-date-column](../sqm-invoice-table/columns)
 
@@ -165,6 +166,7 @@ graph TD;
   sqm-stencilbook --> sqm-payout-details-card
   sqm-stencilbook --> sqm-invoice-table
   sqm-stencilbook --> sqm-invoice-table-cell
+  sqm-stencilbook --> sqm-invoice-table-download-cell
   sqm-stencilbook --> sqm-invoice-table-date-cell
   sqm-stencilbook --> sqm-invoice-table-date-column
   sqm-empty --> sqm-portal-container
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index 87437dfc68..74d0d36284 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -62,11 +62,12 @@ export function usePayoutDetailsCard(
       loading,
       thresholdBalance: `${publisher?.currency}${publisher?.withdrawalSettings?.paymentThreshold}`,
       balance: publisher?.payoutsAccount?.balance,
-      status: publisher?.withdrawalSettings?.paymentThreshold
-        ? "thresholdPayout"
-        : isPayoutToday
-        ? "payoutToday"
-        : "nextPayout",
+      status:
+        publisher?.withdrawalSettings?.paymentSchedulingType !== "FIXED_DAY"
+          ? "thresholdPayout"
+          : isPayoutToday
+          ? "payoutToday"
+          : "nextPayout",
       payoutType: publisher?.withdrawalSettings?.paymentMethod,
       error: publisher?.payoutsAccount?.hold,
       paypalEmailAddress: publisher?.withdrawalSettings?.paypalEmailAddress,

From b71c94b4f9f0e730d4e08ef688d6eba39407320a Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 12 Mar 2024 09:08:50 -0700
Subject: [PATCH 473/753] Demo states

---
 packages/mint-components/package-lock.json    |   4 +-
 packages/mint-components/src/components.d.ts  | 154 ------------
 .../tax-and-cash/TaxForm.stories.tsx          |  18 --
 .../sqm-banking-info-form.tsx                 |   7 +-
 .../useBankingInfoForm.tsx                    |   2 +-
 .../sqm-document-type-form/readme.md          |  30 ---
 .../sqm-document-type-form-view.tsx           | 221 ------------------
 .../sqm-document-type-form.tsx                | 162 -------------
 .../useDocumentTypeForm.tsx                   |  82 -------
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  91 ++++++--
 .../sqm-indirect-tax-form.tsx                 |  38 ++-
 .../sqm-tax-and-cash-dashboard.tsx            |  16 +-
 .../useTaxAndCashDashboard.tsx                |   8 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |   2 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |   2 +-
 .../sqm-user-info-form/defaultTextCopy.ts     |   7 +-
 .../sqm-user-info-form/sqm-user-info-form.tsx |  14 +-
 packages/mint-components/src/index.html       |   6 +-
 18 files changed, 147 insertions(+), 717 deletions(-)
 delete mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
 delete mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
 delete mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
 delete mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 5d6b4f4f6c..133fc1d413 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-61",
+  "version": "1.8.0-65",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-61",
+      "version": "1.8.0-65",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index c76fc51219..dc57caad73 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -11,7 +11,6 @@ import { BankingInfoFormViewProps } from "./components/tax-and-cash/sqm-banking-
 import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
 import { CouponCodeViewProps } from "./components/sqm-coupon-code/sqm-coupon-code-view";
-import { UseDocumentTypeFormResult } from "./components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm";
 import { UseDocusignFormResult } from "./components/tax-and-cash/sqm-docusign-form/useDocusignForm";
 import { DropdownFieldViewProps } from "./components/sqm-dropdown-field/sqm-dropdown-field-view";
 import { EditProfileViewProps } from "./components/sqm-edit-profile/sqm-edit-profile-view";
@@ -543,78 +542,6 @@ export namespace Components {
          */
         "dividerStyle": string;
     }
-    interface SqmDocumentTypeForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton": string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "continueButton": string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseDocumentTypeFormResult>;
-        /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-         */
-        "formLabel": string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep": string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription": string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle": string;
-        /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-         */
-        "taxForm": string;
-        /**
-          * Description for the W8 radio button
-          * @uiName W8 radio button subtext
-         */
-        "w8Description": string;
-        /**
-          * Description for the W8E radio button
-          * @uiName W8E radio button subtext
-         */
-        "w8EDescription": string;
-        /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-         */
-        "w8ELabel": string;
-        /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-         */
-        "w8Label": string;
-        /**
-          * Description for the W9 radio button
-          * @uiName W9 radio button subtext
-         */
-        "w9Description": string;
-        /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-         */
-        "w9Label": string;
-    }
     interface SqmDocusignEmbed {
         "url": string;
     }
@@ -4955,12 +4882,6 @@ declare global {
         prototype: HTMLSqmDividedLayoutElement;
         new (): HTMLSqmDividedLayoutElement;
     };
-    interface HTMLSqmDocumentTypeFormElement extends Components.SqmDocumentTypeForm, HTMLStencilElement {
-    }
-    var HTMLSqmDocumentTypeFormElement: {
-        prototype: HTMLSqmDocumentTypeFormElement;
-        new (): HTMLSqmDocumentTypeFormElement;
-    };
     interface HTMLSqmDocusignEmbedElement extends Components.SqmDocusignEmbed, HTMLStencilElement {
     }
     var HTMLSqmDocusignEmbedElement: {
@@ -5561,7 +5482,6 @@ declare global {
         "sqm-context-router": HTMLSqmContextRouterElement;
         "sqm-coupon-code": HTMLSqmCouponCodeElement;
         "sqm-divided-layout": HTMLSqmDividedLayoutElement;
-        "sqm-document-type-form": HTMLSqmDocumentTypeFormElement;
         "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
         "sqm-docusign-form": HTMLSqmDocusignFormElement;
         "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
@@ -6156,78 +6076,6 @@ declare namespace LocalJSX {
          */
         "dividerStyle"?: string;
     }
-    interface SqmDocumentTypeForm {
-        /**
-          * Text shown inside of back button
-          * @uiName Back button text
-         */
-        "backButton"?: string;
-        /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
-         */
-        "continueButton"?: string;
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<UseDocumentTypeFormResult>;
-        /**
-          * Sub text shown above form selection radio buttons
-          * @uiName Tax form selection heading text
-         */
-        "formLabel"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-         */
-        "formStep"?: string;
-        /**
-          * The error message shown at the top of the page in an error banner
-          * @uiName General error text
-         */
-        "generalErrorDescription"?: string;
-        /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
-         */
-        "generalErrorTitle"?: string;
-        /**
-          * Heading text shown at the top of the top of page
-          * @uiName Tax form heading text
-         */
-        "taxForm"?: string;
-        /**
-          * Description for the W8 radio button
-          * @uiName W8 radio button subtext
-         */
-        "w8Description"?: string;
-        /**
-          * Description for the W8E radio button
-          * @uiName W8E radio button subtext
-         */
-        "w8EDescription"?: string;
-        /**
-          * Label text for the W8E radio button
-          * @uiName W8E radio button label
-         */
-        "w8ELabel"?: string;
-        /**
-          * Label text for the W8 radio button
-          * @uiName W8 radio button label
-         */
-        "w8Label"?: string;
-        /**
-          * Description for the W9 radio button
-          * @uiName W9 radio button subtext
-         */
-        "w9Description"?: string;
-        /**
-          * Label text for the W9 radio button
-          * @uiName W9 radio button label
-         */
-        "w9Label"?: string;
-    }
     interface SqmDocusignEmbed {
         "onDocusignEvent"?: (event: CustomEvent<{ status: string }>) => void;
         "url"?: string;
@@ -10482,7 +10330,6 @@ declare namespace LocalJSX {
         "sqm-context-router": SqmContextRouter;
         "sqm-coupon-code": SqmCouponCode;
         "sqm-divided-layout": SqmDividedLayout;
-        "sqm-document-type-form": SqmDocumentTypeForm;
         "sqm-docusign-embed": SqmDocusignEmbed;
         "sqm-docusign-form": SqmDocusignForm;
         "sqm-dropdown-field": SqmDropdownField;
@@ -10598,7 +10445,6 @@ declare module "@stencil/core" {
             "sqm-context-router": LocalJSX.SqmContextRouter & JSXBase.HTMLAttributes<HTMLSqmContextRouterElement>;
             "sqm-coupon-code": LocalJSX.SqmCouponCode & JSXBase.HTMLAttributes<HTMLSqmCouponCodeElement>;
             "sqm-divided-layout": LocalJSX.SqmDividedLayout & JSXBase.HTMLAttributes<HTMLSqmDividedLayoutElement>;
-            "sqm-document-type-form": LocalJSX.SqmDocumentTypeForm & JSXBase.HTMLAttributes<HTMLSqmDocumentTypeFormElement>;
             "sqm-docusign-embed": LocalJSX.SqmDocusignEmbed & JSXBase.HTMLAttributes<HTMLSqmDocusignEmbedElement>;
             "sqm-docusign-form": LocalJSX.SqmDocusignForm & JSXBase.HTMLAttributes<HTMLSqmDocusignFormElement>;
             "sqm-dropdown-field": LocalJSX.SqmDropdownField & JSXBase.HTMLAttributes<HTMLSqmDropdownFieldElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index a1fe296c44..88fd28cf9e 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -1,6 +1,5 @@
 import { h } from "@stencil/core";
 import { StoryDemoData } from "../../global/demo";
-import { UseDocumentTypeFormResult } from "./sqm-document-type-form/useDocumentTypeForm";
 import {
   ParticipantType,
   UseDocusignFormResult,
@@ -176,23 +175,6 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
   },
 };
 
-const documentTypeFormProps: StoryDemoData<UseDocumentTypeFormResult> = {
-  states: {
-    hideSteps: false,
-    loading: false,
-    disabled: false,
-    formState: {
-      errors: {},
-      formSubmission: false,
-      selectedTaxForm: undefined,
-    },
-  },
-  callbacks: {
-    onSubmit: async () => console.log("Submit"),
-    onBack: () => console.log("Back"),
-  },
-};
-
 export const GeneralLoadingView = () => {
   return <LoadingView />;
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 88ae7fa3da..375437b7db 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -17,6 +17,8 @@ import {
   useBankingInfoForm,
 } from "./useBankingInfoForm";
 import { intl } from "../../../global/global";
+import { useParent } from "../../../utils/useParentState";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 
 /**
  * @uiName Banking Information Form
@@ -546,6 +548,7 @@ function useDemoBankingInfoForm(
   const defaultCurrency = props.demoData?.states?.currency;
   const defaultCountry = props.demoData?.states?.bankCountry;
 
+  const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
   const [paymentMethodChecked, setPaymentMethodChecked] = useState<
     "toBankAccount" | "toPayPalAccount" | undefined
   >(undefined);
@@ -644,7 +647,9 @@ function useDemoBankingInfoForm(
         hasPayPal: true,
       },
       callbacks: {
-        onSubmit: async () => {},
+        onSubmit: async () => {
+          setStep("/dashboard");
+        },
         setBankCountry,
         setPaymentMethodChecked,
         setPaymentScheduleChecked,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index f463e2bbe0..9594d280d9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -743,7 +743,7 @@ export function useBankingInfoForm(
 
       await refetch();
 
-      setStep("/submitted");
+      setStep("/dashboard");
     } catch (e) {
       console.error(e);
       setErrors({ general: true });
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
deleted file mode 100644
index 4b398fac8f..0000000000
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/readme.md
+++ /dev/null
@@ -1,30 +0,0 @@
-# sqm-document-type-form
-
-
-
-<!-- Auto Generated Below -->
-
-
-## Properties
-
-| Property                  | Attribute                   | Description                                                                           | Type                                                                                                                                                     | Default                                                                                                                                       |
-| ------------------------- | --------------------------- | ------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`              | `back-button`               | Text shown inside of back button                                                      | `string`                                                                                                                                                 | `"Back"`                                                                                                                                      |
-| `continueButton`          | `continue-button`           | Text shown inside of submit button                                                    | `string`                                                                                                                                                 | `"Continue"`                                                                                                                                  |
-| `demoData`                | --                          |                                                                                       | `{ states?: { hideSteps: boolean; loading: boolean; disabled: boolean; formState: { formSubmission: boolean; selectedTaxForm: "W9"; errors: {}; }; }; }` | `undefined`                                                                                                                                   |
-| `formLabel`               | `form-label`                | Sub text shown above form selection radio buttons                                     | `string`                                                                                                                                                 | `"Select a tax form"`                                                                                                                         |
-| `formStep`                | `form-step`                 | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                 | `"Step 3 of 4"`                                                                                                                               |
-| `generalErrorDescription` | `general-error-description` | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                 | `"Please review your information and try again. If this problem continues, contact Support."`                                                 |
-| `generalErrorTitle`       | `general-error-title`       | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                 | `"There was a problem submitting your information"`                                                                                           |
-| `taxForm`                 | `tax-form`                  | Heading text shown at the top of the top of page                                      | `string`                                                                                                                                                 | `"Tax form"`                                                                                                                                  |
-| `w8Description`           | `w-8-description`           | Description for the W8 radio button                                                   | `string`                                                                                                                                                 | `"W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company."`                                    |
-| `w8EDescription`          | `w-8-e-description`         | Description for the W8E radio button                                                  | `string`                                                                                                                                                 | `"W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company."` |
-| `w8ELabel`                | `w-8-e-label`               | Label text for the W8E radio button                                                   | `string`                                                                                                                                                 | `"W8-BEN-E"`                                                                                                                                  |
-| `w8Label`                 | `w-8-label`                 | Label text for the W8 radio button                                                    | `string`                                                                                                                                                 | `"W8-Ben"`                                                                                                                                    |
-| `w9Description`           | `w-9-description`           | Description for the W9 radio button                                                   | `string`                                                                                                                                                 | `"W9 For participants based in the US, joining the referral program of a US-based company."`                                                  |
-| `w9Label`                 | `w-9-label`                 | Label text for the W9 radio button                                                    | `string`                                                                                                                                                 | `"W9"`                                                                                                                                        |
-
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
deleted file mode 100644
index 02a8ad8593..0000000000
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.tsx
+++ /dev/null
@@ -1,221 +0,0 @@
-import { h } from "@stencil/core";
-import { createStyleSheet } from "../../../styling/JSS";
-
-export interface DocumentTypeFormViewProps {
-  states: {
-    loading: boolean;
-    disabled: boolean;
-    formState: {
-      selectedTaxForm?: "W9" | "W8-BEN" | "W8-BEN-E";
-      errors?: {
-        general?: boolean;
-      };
-    };
-  };
-  callbacks: {
-    onSubmit: (props: any) => void;
-    onBack: () => void;
-  };
-  text: {
-    formStep: string;
-    taxForm: string;
-    formLabel: string;
-    w9Label: string;
-    w9Description: string;
-    w8Label: string;
-    w8Description: string;
-    w8ELabel: string;
-    w8EDescription: string;
-    continueButton: string;
-    backButton: string;
-    error: {
-      generalTitle: string;
-      generalDescription: string;
-    };
-  };
-}
-
-const style = {
-  FormWrapper: {
-    display: "flex",
-    justifyContent: "flex-start",
-    flexDirection: "column",
-  },
-  CheckboxContainer: {
-    display: "flex",
-    alignItems: "flex-start",
-    justifyContent: "flex-start",
-    flexDirection: "column",
-    gap: "var(--sl-spacing-xx-small)",
-  },
-  TitleContainer: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "flex-start",
-    gap: "var(--sl-spacing-small)",
-  },
-  TextContainer: {
-    display: "flex",
-    justifyContent: "flex-start",
-    flexDirection: "column",
-    gap: "24px",
-    paddingBottom: "16px",
-  },
-  BtnContainer: {
-    paddingTop: "36px",
-    display: "flex",
-    gap: "8px",
-  },
-  ErrorText: {
-    color: "var(--sl-color-danger-500)",
-    marginTop: "10px",
-  },
-  SecondaryBtn: {
-    "&::part(base)": {
-      color: "var(--sl-color-gray-800) !important",
-    },
-  },
-  RadioContainer: {
-    width: "100%",
-    display: "flex",
-    justifyContent: "flex-start",
-    flexDirection: "column",
-    gap: "16px",
-    padding: "16px",
-  },
-  DescriptionText: {
-    color: "var(--sl-color-neutral-500)",
-    lineHeight: "22px",
-  },
-  LabelText: {
-    fontWeight: "bold",
-  },
-
-  AlertContainer: {
-    "&::part(base)": {
-      backgroundColor: "var(--sl-color-red-100)",
-      borderTop: "none",
-      padding: "0 16px",
-      marginBottom: "16px",
-    },
-
-    "& sl-icon::part(base)": {
-      color: "var(--sl-color-danger-500)",
-    },
-  },
-};
-
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-
-const vanillaStyle = `
-    :host{
-      display: block;   
-    }
-    * {
-       margin: 0;
-       padding: 0;
-       box-sizing: border-box;
-    }
-
-    p {
-      line-height: 18px;
-      color: var(--sl-color-gray-800);
-       font-size: var(--sl-font-size-small);
-    }
-
-    sl-checkbox::part(control) {
-        border-radius: 50%;
-    }
-  `;
-
-export const DocumentTypeFormView = (props: DocumentTypeFormViewProps) => {
-  const {
-    states,
-    states: { formState },
-    callbacks,
-    text,
-  } = props;
-
-  const { classes } = sheet;
-
-  return (
-    <sl-form class={classes.FormWrapper} onSl-submit={callbacks.onSubmit}>
-      <style type="text/css">
-        {styleString}
-        {vanillaStyle}
-      </style>
-      <div class={classes.TextContainer}>
-        <div>
-          <p>{text.formStep}</p>
-          <h3>{text.taxForm}</h3>
-        </div>
-      </div>
-      {states.loading ? (
-        <sl-spinner style={{ fontSize: "50px", margin: "40px" }}></sl-spinner>
-      ) : (
-        <div>
-          {formState.errors?.general && (
-            <sl-alert type="warning" open class={sheet.classes.AlertContainer}>
-              <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
-              <strong>{text.error.generalTitle}</strong>
-              <br />
-              {text.error.generalDescription}
-            </sl-alert>
-          )}
-          <p class={classes.LabelText}>{text.formLabel}</p>
-
-          <div class={classes.RadioContainer}>
-            <sl-radio
-              disabled={states.disabled}
-              value="W9"
-              name="/documentType"
-            >
-              <p class={classes.LabelText}>{text.w9Label}</p>
-              <p class={classes.DescriptionText}>{text.w9Description}</p>
-            </sl-radio>
-            <sl-radio
-              disabled={states.disabled}
-              value="W8BEN"
-              name="/documentType"
-            >
-              <p class={classes.LabelText}>{text.w8Label}</p>
-              <p class={classes.DescriptionText}>{text.w8Description}</p>
-            </sl-radio>
-            <sl-radio
-              disabled={states.disabled}
-              value="W8BENE"
-              name="/documentType"
-            >
-              <p class={classes.LabelText}>{text.w8ELabel}</p>
-              <p class={classes.DescriptionText}>{text.w8EDescription}</p>
-            </sl-radio>
-          </div>
-          <div class={classes.BtnContainer}>
-            <sl-button
-              type="primary"
-              loading={states.loading}
-              disabled={states.disabled}
-              submit
-              exportparts="base: primarybutton-base"
-            >
-              {text.continueButton}
-            </sl-button>
-            <sl-button
-              class={classes.SecondaryBtn}
-              type="text"
-              loading={states.loading}
-              onClick={() => {
-                callbacks.onBack();
-              }}
-              exportparts="base: secondarybutton-base"
-            >
-              {text.backButton}
-            </sl-button>
-          </div>
-        </div>
-      )}
-    </sl-form>
-  );
-};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
deleted file mode 100644
index 2dd9d3336a..0000000000
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.tsx
+++ /dev/null
@@ -1,162 +0,0 @@
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, Prop, h } from "@stencil/core";
-import { getProps } from "../../../utils/utils";
-import {
-  DocumentTypeFormView,
-  DocumentTypeFormViewProps,
-} from "./sqm-document-type-form-view";
-import {
-  UseDocumentTypeFormResult,
-  useDocumentTypeForm,
-} from "./useDocumentTypeForm";
-import deepmerge from "deepmerge";
-import { DemoData } from "../../../global/demo";
-import { useParent } from "../../../utils/useParentState";
-import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
-import { isDemo } from "@saasquatch/component-boilerplate";
-
-/**
- * @uiName Tax Document Type Selection Form
- */
-@Component({
-  tag: "sqm-document-type-form",
-  shadow: true,
-})
-export class DocumentTypeForm {
-  /**
-   * Sub text shown at the top of the page, used to show the current step of the tax form.
-   * @uiName Tax form step text
-   */
-  @Prop() formStep: string = "Step 3 of 4";
-  /**
-   * Sub text shown above form selection radio buttons
-   * @uiName Tax form selection heading text
-   */
-  @Prop() formLabel: string = "Select a tax form";
-  /**
-   * Heading text shown at the top of the top of page
-   * @uiName Tax form heading text
-   */
-  @Prop() taxForm: string = "Tax form";
-  /**
-   * Label text for the W9 radio button
-   * @uiName W9 radio button label
-   */
-  @Prop() w9Label: string = "W9";
-  /**
-   * Description for the W9 radio button
-   * @uiName W9 radio button subtext
-   */
-  @Prop() w9Description: string =
-    "W9 For participants based in the US, joining the referral program of a US-based company.";
-  /**
-   * Label text for the W8 radio button
-   * @uiName W8 radio button label
-   */
-  @Prop() w8Label: string = "W8-Ben";
-  /**
-   * Description for the W8 radio button
-   * @uiName W8 radio button subtext
-   */
-  @Prop() w8Description: string =
-    "W8-BEN For individuals residing outside of the US, joining the referral program of a US-based company.";
-  /**
-   * Label text for the W8E radio button
-   * @uiName W8E radio button label
-   */
-  @Prop() w8ELabel: string = "W8-BEN-E";
-  /**
-   * Description for the W8E radio button
-   * @uiName W8E radio button subtext
-   */
-  @Prop() w8EDescription: string =
-    "W8-BEN-E For participants residing outside of the US who represent a business entity, joining the referral program of a US-based company.";
-  /**
-   * Text shown inside of submit button
-   * @uiName Submit button text
-   */
-  @Prop() continueButton: string = "Continue";
-  /**
-   * Text shown inside of back button
-   * @uiName Back button text
-   */
-  @Prop() backButton: string = "Back";
-  /**
-   * The title for error message shown at the top of the page in an error banner
-   *
-   * @uiName General error title
-   */
-  @Prop() generalErrorTitle: string =
-    "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
-   */
-  @Prop() generalErrorDescription: string =
-    "Please review your information and try again. If this problem continues, contact Support.";
-  /**
-   * @undocumented
-   * @uiType object
-   */
-  @Prop() demoData?: DemoData<UseDocumentTypeFormResult>;
-
-  constructor() {
-    withHooks(this);
-  }
-
-  disconnectedCallback() {}
-
-  getTextProps() {
-    const props = getProps(this);
-
-    return {
-      ...props,
-      error: {
-        generalTitle: props.generalErrorTitle,
-        generalDescription: props.generalErrorDescription,
-      },
-    };
-  }
-
-  render() {
-    const props = isDemo()
-      ? useDemoDocumentTypeForm(this)
-      : useDocumentTypeForm(this);
-
-    return (
-      <DocumentTypeFormView
-        callbacks={props.callbacks}
-        states={props.states}
-        text={props.text}
-      />
-    );
-  }
-}
-
-function useDemoDocumentTypeForm(
-  props: DocumentTypeForm
-): UseDocumentTypeFormResult {
-  const [_, setPath] = useParent(TAX_CONTEXT_NAMESPACE);
-
-  return deepmerge(
-    {
-      text: props.getTextProps(),
-      callbacks: {
-        onSubmit: async () => {},
-        onBack: () => setPath("/2"),
-      },
-      states: {
-        loading: false,
-        disabled: false,
-        formState: {
-          formSubmission: false,
-          selectedTaxForm: "w9" as const,
-          errors: {},
-        },
-      },
-    },
-    props.demoData || {},
-    { arrayMerge: (_, a) => a }
-  );
-}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
deleted file mode 100644
index fcecb70046..0000000000
--- a/packages/mint-components/src/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import { useMutation } from "@saasquatch/component-boilerplate";
-import { useState } from "@saasquatch/universal-hooks";
-import { gql } from "graphql-request";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParentValue, useSetParent } from "../../../utils/useParentState";
-import {
-  TAX_CONTEXT_NAMESPACE,
-  TAX_FORM_CONTEXT_NAMESPACE,
-  TaxContext,
-  USER_QUERY_NAMESPACE,
-  UserQuery,
-} from "../sqm-tax-and-cash/data";
-import { DocumentTypeForm } from "./sqm-document-type-form";
-
-const UPSERT_USER = gql`
-  mutation ($userInput: UserInput!) {
-    upsertUser(userInput: $userInput) {
-      firstName
-      lastName
-    }
-  }
-`;
-
-export function useDocumentTypeForm(props: DocumentTypeForm) {
-  const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
-  const setPath = useSetParent(TAX_CONTEXT_NAMESPACE);
-
-  const { refetch } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
-  const [upsertUser] = useMutation(UPSERT_USER);
-
-  const [loading, setLoading] = useState(false);
-  const [errors, setErrors] = useState({});
-
-  const onSubmit = async (e) => {
-    const controls = e.target.getFormControls();
-
-    let selectedDocumentType: string = null;
-    controls.forEach((control) => {
-      if (!control.name) return;
-
-      const value = control.value;
-      const checked = control.checked;
-
-      if (checked) selectedDocumentType = value;
-    });
-
-    if (selectedDocumentType === null) {
-      setErrors({ documentType: true });
-      return;
-    }
-
-    setLoading(true);
-    try {
-      console.log({ selectedDocumentType });
-      setPath(`/3/${selectedDocumentType}`);
-    } catch (e) {
-      setErrors({ general: true });
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  return {
-    text: props.getTextProps(),
-    callbacks: {
-      onSubmit,
-      onBack: () => setPath(context.overrideBackStep || "/2"),
-    },
-    states: {
-      hideSteps: context.hideSteps,
-      loading,
-      disabled: loading,
-      formState: {
-        formSubmission: false,
-        selectedTaxForm: "W9" as const,
-        errors,
-      },
-    },
-  };
-}
-
-export type UseDocumentTypeFormResult = ReturnType<typeof useDocumentTypeForm>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 806cf40c6e..ce94193a20 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -1,4 +1,3 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import {
   Component,
@@ -23,6 +22,9 @@ import {
   DocusignIframe,
   DocusignStatus,
 } from "./docusign-iframe/DocusignIframe";
+import { isDemo } from "@saasquatch/component-boilerplate";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
+import { useParent } from "../../../utils/useParentState";
 
 /**
  * @uiName DocuSign Document Submission
@@ -181,7 +183,22 @@ export class DocusignForm {
   }
 
   render() {
-    const props = isDemo() ? useDocusignFormDemo(this) : useDocusignForm(this);
+    const _isDemo = isDemo();
+    const props = _isDemo ? useDocusignFormDemo(this) : useDocusignForm(this);
+
+    const docusignIframeSlot = (
+      <DocusignIframe
+        states={{
+          url: props.data.documentUrl,
+          status: props.states.docusignStatus,
+          loading: props.states.loading,
+        }}
+        callbacks={{
+          onStatusChange: props.callbacks.setDocusignStatus,
+        }}
+        text={props.text}
+      />
+    );
 
     return (
       <Host>
@@ -190,19 +207,9 @@ export class DocusignForm {
           states={props.states}
           text={props.text}
           slots={{
-            docusignIframeSlot: (
-              <DocusignIframe
-                states={{
-                  url: props.data.documentUrl,
-                  status: props.states.docusignStatus,
-                  loading: props.states.loading,
-                }}
-                callbacks={{
-                  onStatusChange: props.callbacks.setDocusignStatus,
-                }}
-                text={props.text}
-              />
-            ),
+            docusignIframeSlot: _isDemo
+              ? DemoDocusignIframe({ callbacks: props.callbacks })
+              : docusignIframeSlot,
           }}
         />
       </Host>
@@ -211,6 +218,8 @@ export class DocusignForm {
 }
 
 function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
+  const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
+
   return deepmerge(
     {
       text: props.getTextProps(),
@@ -235,12 +244,60 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
       callbacks: {
         setParticipantType: (p) => console.log({ p }),
         setDocusignStatus: (status: DocusignStatus) => console.log(status),
-        onSubmit: async () => {},
+        onSubmit: async () => {
+          setStep("/4");
+        },
         toggleFormSubmitted: () => {},
-        onBack: () => {},
+        onBack: () => {
+          setStep("/2");
+        },
       },
     },
     props.demoData || {},
     { arrayMerge: (_, a) => a }
   );
 }
+
+const DemoDocusignIframe = ({ callbacks }: any) => {
+  return (
+    <div
+      style={{
+        width: "100%",
+        height: "600px",
+        background: "#fafafa",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+      }}
+    >
+      <div
+        style={{
+          display: "flex",
+          flexDirection: "column",
+          gap: "12px",
+          alignItems: "center",
+        }}
+      >
+        <span>Placeholder for docusign iframe</span>
+        <div style={{ display: "flex", gap: "8px" }}>
+          <sl-button
+            type="primary"
+            submit
+            exportparts="base: primarybutton-base"
+            onClick={callbacks.onBack}
+          >
+            Back to Step 2
+          </sl-button>
+          <sl-button
+            type="primary"
+            submit
+            exportparts="base: primarybutton-base"
+            onClick={callbacks.onSubmit}
+          >
+            Continue to Step 4
+          </sl-button>
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 2c6983bc25..eb588094f3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -15,6 +15,8 @@ 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
@@ -268,7 +270,9 @@ export class IndirectTaxForm {
 function useDemoIndirectTaxForm(
   props: IndirectTaxForm
 ): ReturnType<typeof useIndirectTaxForm> {
+  const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
   const [option, setOption] = useState(null);
+  const [demoFormState, setDemoFormState] = useState<any>({});
 
   return deepmerge(
     {
@@ -285,12 +289,24 @@ function useDemoIndirectTaxForm(
         },
       },
       callbacks: {
-        onFormChange: (field: string, e: CustomEvent) =>
-          console.log({ field, e }),
-        onBack: () => {},
-        onSubmit: async () => {},
-        onQstToggle: () => {},
-        onSpainToggle: () => {},
+        onFormChange: (field: string, e: CustomEvent) => {
+          const value = e.detail?.item?.__value;
+          if (!value) console.error("Could not detect select change");
+          setDemoFormState((p) => ({ ...p, [field]: value }));
+        },
+        onBack: () => {
+          setStep("/1");
+        },
+        onSubmit: async () => {
+          setStep("/3");
+        },
+        onQstToggle: () =>
+          setDemoFormState((p) => ({ ...p, hasQst: !p.hasQst })),
+        onSpainToggle: () =>
+          setDemoFormState((p) => ({
+            ...p,
+            hasSubRegionTaxNumber: !p.hasSubRegionTaxNumber,
+          })),
         onChange: setOption,
         setCountrySearch: (c) => console.log(c),
       },
@@ -322,7 +338,15 @@ function useDemoIndirectTaxForm(
       },
       slotProps: {
         formState: {
-          errors: {},
+          ...demoFormState,
+          errors: {
+            selectedRegion: true,
+            province: true,
+            subRegion: true,
+            qstNumber: true,
+            subRegionTaxNumber: true,
+            indirectTaxNumber: true,
+          },
         },
       },
     },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index dcf99bb256..f199eec59d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -4,7 +4,10 @@ import { Component, Host, Prop, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
-import { TaxAndCashDashboardView } from "./sqm-tax-and-cash-dashboard-view";
+import {
+  TaxAndCashDashboardProps,
+  TaxAndCashDashboardView,
+} from "./sqm-tax-and-cash-dashboard-view";
 import {
   UseTaxAndCashDashboardResult,
   useTaxAndCashDashboard,
@@ -294,10 +297,13 @@ function useDemoTaxAndCashDashboard(
   return deepmerge(
     {
       states: {
-        dateSubmitted: undefined,
-        documentType: undefined,
-        documentTypeString: "",
-        status: undefined,
+        dateSubmitted: "today",
+        documentType: "W9",
+        documentTypeString: "W9",
+        status: "ACTIVE",
+        country: "United States",
+        indirectTaxNumber: 55555555,
+        indirectTaxType: "Indirect Tax",
         noFormNeeded: true,
         expiresSoon: false,
         disabled: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index c2e84dd25f..83750e8fd0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -93,8 +93,8 @@ export const useTaxAndCashDashboard = (
 
   const onNewDocumentClick = () => {
     setContext({
-      overrideNextStep: "/submitted",
-      overrideBackStep: "/submitted",
+      overrideNextStep: "/dashboard",
+      overrideBackStep: "/dashboard",
       hideSteps: true,
     });
 
@@ -103,8 +103,8 @@ export const useTaxAndCashDashboard = (
 
   const onEditPayoutInfo = () => {
     setContext({
-      overrideNextStep: "/submitted",
-      overrideBackStep: "/submitted",
+      overrideNextStep: "/dashboard",
+      overrideBackStep: "/dashboard",
       hideSteps: true,
     });
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 2aabde51c0..9b20b7d0ad 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -1006,7 +1006,7 @@ export class TaxAndCashMonolith {
             {...this.getGeneralStepTextProps("step4_")}
           ></sqm-banking-info-form>
         );
-      case "/submitted":
+      case "/dashboard":
         return (
           <sqm-tax-and-cash-dashboard
             {...this.getGeneralStepTextProps("dashboard_")}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index e3d80c9663..6ea334996c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -58,7 +58,7 @@ function getCurrentStep(user: UserQuery["user"]) {
 
   if (!withdrawalSettings) return "/4";
 
-  return "/submitted";
+  return "/dashboard";
 }
 
 export function useTaxAndCash() {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 7126c458da..5647d8103f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -1,9 +1,4 @@
 import { IndirectDetailsSlotViewProps } from "./small-views/IndirectTaxDetailsView";
-import { UserInfoFormViewProps } from "./sqm-user-info-form-view";
-import { TaxAndCashDashboardProps } from "../sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view";
-import { IndirectTaxFormViewProps } from "../sqm-indirect-tax-form/sqm-indirect-tax-form-view";
-import { DocumentTypeFormViewProps } from "../sqm-document-type-form/sqm-document-type-form-view";
-import { DocusignFormViewProps } from "../sqm-docusign-form/sqm-docusign-form-view";
 
 // ! IMPORTANT: These objects cannot be used as default values for component props
 // !            Stencil doesn't handle the import when passing the prop default to raisins for editability.
@@ -21,6 +16,6 @@ export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
   subRegionTaxNumberLabel: "Income Tax Number",
   error: {
     indirectTaxNumber: "Indirect Tax is required",
-    fieldRequiredError: '{fieldName} is required'
+    fieldRequiredError: "{fieldName} is required",
   },
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 329956c576..100adb7c26 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -164,7 +164,9 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
     {
       step,
       setStep,
-      onSubmit: () => {},
+      onSubmit: () => {
+        setStep("/2");
+      },
       onRadioClick: () => {},
       text: props.getTextProps(),
       refs: {
@@ -185,7 +187,15 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
         loading: false,
         isPartner: false,
         isUser: false,
-        formState: {},
+        formState: {
+          errors: {
+            email: true,
+            firstName: true,
+            lastName: true,
+            countryCode: true,
+            currency: true,
+          },
+        },
       },
     },
     props.demoData || {},
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 63afe7dd45..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-portal-container>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container> -->
+    </sqm-portal-container>
   </body>
 </html>

From dc6059f5d2ca879ddc4abfd6568f93938668abed Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 12 Mar 2024 11:00:51 -0700
Subject: [PATCH 474/753] Added loading error banner to form views and specs

---
 packages/mint-components/src/components.d.ts  | 104 +++++++++++
 .../tax-and-cash/BankingForm.stories.tsx      |  15 ++
 .../tax-and-cash/TaxForm.stories.tsx          |  72 +++++--
 .../sqm-banking-info-form-view.tsx            |  19 ++
 .../sqm-banking-info-form.feature             | 175 +++++++++---------
 .../sqm-banking-info-form.tsx                 |  14 ++
 .../useBankingInfoForm.tsx                    |   2 +
 .../sqm-indirect-tax-form-view.tsx            |  19 ++
 .../sqm-indirect-tax-form.tsx                 |  15 ++
 .../useIndirectTaxForm.tsx                    |   2 +
 .../sqm-tax-and-cash-dashboard-view.tsx       |  21 ++-
 .../sqm-tax-and-cash-dashboard.tsx            |  14 ++
 .../useTaxAndCashDashboard.tsx                |   2 +
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  17 ++
 .../tax-and-cash/sqm-tax-form.feature         |  63 ++++---
 .../sqm-user-info-form-view.tsx               |  20 ++
 .../sqm-user-info-form/sqm-user-info-form.tsx |  16 +-
 .../sqm-user-info-form/useUserInfoForm.tsx    |   2 +
 .../src/components/tax-and-cash/utils.ts      |   2 +
 packages/mint-components/src/index.html       |   6 +-
 20 files changed, 466 insertions(+), 134 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index dc57caad73..47fe9631b9 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -225,6 +225,16 @@ export namespace Components {
           * @uiName Partner identification alert header
          */
         "isPartnerAlertHeader": string;
+        /**
+          * Alert description shown if there is a problem loading a form
+          * @uiName Loading error alert description
+         */
+        "loadingErrorAlertDescription": string;
+        /**
+          * Alert header shown if there is a problem loading a form
+          * @uiName Loading error alert header
+         */
+        "loadingErrorAlertHeader": string;
         /**
           * Label text for the patronymic name input field
           * @uiName Patronymic name input label
@@ -1039,6 +1049,16 @@ export namespace Components {
           * @uiName Registered for sub-region income tax option text
          */
         "isRegisteredSubRegionIncomeTax": string;
+        /**
+          * Alert description shown if there is a problem loading a form
+          * @uiName Loading error alert description
+         */
+        "loadingErrorAlertDescription": string;
+        /**
+          * Alert header shown if there is a problem loading a form
+          * @uiName Loading error alert header
+         */
+        "loadingErrorAlertHeader": string;
         /**
           * Text for the option indicating not being registered for indirect tax
           * @uiName Not registered for indirect tax option text
@@ -3921,6 +3941,18 @@ export namespace Components {
           * @uiGroup General Form Properties
          */
         "isPartnerAlertHeader": string;
+        /**
+          * Alert description shown if there is a problem loading a form
+          * @uiName Loading error alert description
+          * @uiGroup General Form Properties
+         */
+        "loadingErrorAlertDescription": string;
+        /**
+          * Alert header shown if there is a problem loading a form
+          * @uiName Loading error alert header
+          * @uiGroup General Form Properties
+         */
+        "loadingErrorAlertHeader": string;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -4549,6 +4581,16 @@ export namespace Components {
           * @uiName Invalid form description text
          */
         "invalidForm"?: string;
+        /**
+          * Alert description shown if there is a problem loading a form
+          * @uiName Loading error alert description
+         */
+        "loadingErrorAlertDescription": string;
+        /**
+          * Alert header shown if there is a problem loading a form
+          * @uiName Loading error alert header
+         */
+        "loadingErrorAlertHeader": string;
         /**
           * Text displayed in the submit new document button at the bottom of the page
           * @uiName No form needed subtext
@@ -4787,6 +4829,16 @@ export namespace Components {
           * @uiName Last name label
          */
         "lastName": string;
+        /**
+          * Alert description shown if there is a problem loading a form
+          * @uiName Loading error alert description
+         */
+        "loadingErrorAlertDescription": string;
+        /**
+          * Alert header shown if there is a problem loading a form
+          * @uiName Loading error alert header
+         */
+        "loadingErrorAlertHeader": string;
         /**
           * Heading text shown above the forms inputs.
           * @uiName Form heading text
@@ -5759,6 +5811,16 @@ declare namespace LocalJSX {
           * @uiName Partner identification alert header
          */
         "isPartnerAlertHeader"?: string;
+        /**
+          * Alert description shown if there is a problem loading a form
+          * @uiName Loading error alert description
+         */
+        "loadingErrorAlertDescription"?: string;
+        /**
+          * Alert header shown if there is a problem loading a form
+          * @uiName Loading error alert header
+         */
+        "loadingErrorAlertHeader"?: string;
         /**
           * Label text for the patronymic name input field
           * @uiName Patronymic name input label
@@ -6574,6 +6636,16 @@ declare namespace LocalJSX {
           * @uiName Registered for sub-region income tax option text
          */
         "isRegisteredSubRegionIncomeTax"?: string;
+        /**
+          * Alert description shown if there is a problem loading a form
+          * @uiName Loading error alert description
+         */
+        "loadingErrorAlertDescription"?: string;
+        /**
+          * Alert header shown if there is a problem loading a form
+          * @uiName Loading error alert header
+         */
+        "loadingErrorAlertHeader"?: string;
         /**
           * Text for the option indicating not being registered for indirect tax
           * @uiName Not registered for indirect tax option text
@@ -9426,6 +9498,18 @@ declare namespace LocalJSX {
           * @uiGroup General Form Properties
          */
         "isPartnerAlertHeader"?: string;
+        /**
+          * Alert description shown if there is a problem loading a form
+          * @uiName Loading error alert description
+          * @uiGroup General Form Properties
+         */
+        "loadingErrorAlertDescription"?: string;
+        /**
+          * Alert header shown if there is a problem loading a form
+          * @uiName Loading error alert header
+          * @uiGroup General Form Properties
+         */
+        "loadingErrorAlertHeader"?: string;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -10054,6 +10138,16 @@ declare namespace LocalJSX {
           * @uiName Invalid form description text
          */
         "invalidForm"?: string;
+        /**
+          * Alert description shown if there is a problem loading a form
+          * @uiName Loading error alert description
+         */
+        "loadingErrorAlertDescription"?: string;
+        /**
+          * Alert header shown if there is a problem loading a form
+          * @uiName Loading error alert header
+         */
+        "loadingErrorAlertHeader"?: string;
         /**
           * Text displayed in the submit new document button at the bottom of the page
           * @uiName No form needed subtext
@@ -10291,6 +10385,16 @@ declare namespace LocalJSX {
           * @uiName Last name label
          */
         "lastName"?: string;
+        /**
+          * Alert description shown if there is a problem loading a form
+          * @uiName Loading error alert description
+         */
+        "loadingErrorAlertDescription"?: string;
+        /**
+          * Alert header shown if there is a problem loading a form
+          * @uiName Loading error alert header
+         */
+        "loadingErrorAlertHeader"?: string;
         /**
           * Heading text shown above the forms inputs.
           * @uiName Form heading text
diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 74ea39d2ae..94321f61fd 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -20,6 +20,7 @@ const bankingFormProps: StoryDemoData<BankingInfoFormViewProps> = {
     thresholds: [],
     bankCountry: "US",
     currency: "USD",
+    loadingError: false,
   },
 
   callbacks: {
@@ -44,6 +45,20 @@ export const BankingInfoFormDefaultLoading = () => {
   );
 };
 
+export const BankingInfoFormDefaultWithLoadingError = () => {
+  return (
+    <sqm-banking-info-form
+      demoData={{
+        states: {
+          ...bankingFormProps.states,
+          loading: true,
+          loadingError: true,
+        },
+      }}
+    ></sqm-banking-info-form>
+  );
+};
+
 export const BankingInfoFormDefaultWithValidationErrors = () => {
   return (
     <sqm-banking-info-form
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 88fd28cf9e..d890ceab9f 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -28,6 +28,7 @@ const stepOneProps: StoryDemoData<UseUserInfoFormResult> = {
     disabled: false,
     isPartner: false,
     isUser: false,
+    loadingError: false,
     formState: {
       firstName: "Bob",
       lastName: "Testerson",
@@ -83,6 +84,7 @@ const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
     disabled: false,
     loading: false,
     isPartner: false,
+    loadingError: false,
     formState: {
       checked: undefined,
       errors: {},
@@ -136,6 +138,7 @@ const stepFourProps: StoryDemoData<BankingInfoFormViewProps> = {
     isPartner: false,
     saveDisabled: false,
     thresholds: [],
+    loadingError: false,
     formState: {
       paymentMethodChecked: "toBankAccount",
     },
@@ -266,6 +269,23 @@ export const StepOneWithGeneralError = () => {
   );
 };
 
+export const StepOneWithLoadingError = () => {
+  return (
+    <sqm-user-info-form
+      demoData={{
+        states: {
+          ...stepOneProps.states,
+          loadingError: true,
+          loading: true,
+          formState: {
+            ...stepOneProps.states.formState,
+          },
+        },
+      }}
+    ></sqm-user-info-form>
+  );
+};
+
 // STEP TWO
 export const StepTwoLoading = () => {
   return (
@@ -280,6 +300,20 @@ export const StepTwoLoading = () => {
   );
 };
 
+export const StepTwoLoadingError = () => {
+  return (
+    <sqm-indirect-tax-form
+      demoData={{
+        states: {
+          ...stepTwoProps.states,
+          loading: true,
+          loadingError: true,
+        },
+      }}
+    ></sqm-indirect-tax-form>
+  );
+};
+
 export const StepTwoDisabled = () => {
   return (
     <sqm-indirect-tax-form
@@ -815,7 +849,6 @@ export const TaxAndCashDashboardActiveW9Form = () => {
           country: "United Kingdom",
           indirectTaxNumber: "123456",
           indirectTaxType: "VAT",
-          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -836,7 +869,6 @@ export const TaxAndCashDashboardActiveW8BENForm = () => {
           country: "United Kingdom",
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
-          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -857,7 +889,6 @@ export const TaxAndCashDashboardActiveW8BENEForm = () => {
           country: "United Kingdom",
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
-          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -878,7 +909,6 @@ export const TaxAndCashDashboardNotActiveW9Form = () => {
           indirectTaxNumber: "123456",
           indirectTaxType: "VAT",
           country: "Slovania",
-          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -898,7 +928,6 @@ export const TaxAndCashDashboardNotVerifiedW9Form = () => {
           country: "United States",
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
-          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -919,7 +948,6 @@ export const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
           country: "United Kingdom",
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
-          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -940,7 +968,6 @@ export const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
           country: "United Kingdom",
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
-          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -961,7 +988,6 @@ export const TaxAndCashDashboardNotActiveW8BENEForm = () => {
           indirectTaxNumber: "123456",
           indirectTaxType: "VAT",
           country: "United Kingdom",
-          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -980,10 +1006,8 @@ export const TaxAndCashDashboardNoFormNeeded = () => {
           noFormNeeded: true,
           province: "Ontario",
           country: "Canada",
-          isIndirectTaxCanada: true,
           indirectTaxNumber: "123456",
           indirectTaxType: "GST",
-          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1003,10 +1027,8 @@ export const TaxAndCashDashboardIndirectTaxCanada = () => {
           noFormNeeded: false,
           province: "Ontario",
           country: "Canada",
-          isIndirectTaxCanada: true,
           indirectTaxType: "GST",
           indirectTaxNumber: "123456",
-          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1026,11 +1048,9 @@ export const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
           noFormNeeded: false,
           province: "Quebec",
           country: "Canada",
-          isIndirectTaxCanada: true,
           indirectTaxType: "GST",
           indirectTaxNumber: "123456",
           qstNumber: "44212",
-          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1053,7 +1073,6 @@ export const TaxAndCashDashboardIndirectTaxSpain = () => {
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
           subRegionTaxNumber: "44212",
-          isBusinessEntity: true,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1071,7 +1090,6 @@ export const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           notRegistered: true,
-          isBusinessEntity: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1090,7 +1108,25 @@ export const TaxAndCashDashboardLoading = () => {
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           loading: true,
-          isBusinessEntity: true,
+        },
+      }}
+    ></sqm-tax-and-cash-dashboard>
+  );
+};
+
+export const TaxAndCashDashboardWithLoadingError = () => {
+  return (
+    <sqm-tax-and-cash-dashboard
+      demoData={{
+        states: {
+          disabled: false,
+          status: "ACTIVE",
+          documentType: "W9",
+          documentTypeString: taxTypeToName("W9"),
+          dateSubmitted: "Jan 18th, 2025",
+          noFormNeeded: false,
+          loading: true,
+          loadingError: true,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1111,7 +1147,6 @@ export const TaxAndCashDashboardWithGeneralError = () => {
           indirectTaxNumber: "123456",
           indirectTaxType: "VAT",
           country: "Slovania",
-          isBusinessEntity: true,
           errors: {
             general: true,
           },
@@ -1132,7 +1167,6 @@ export const TaxAndCashDashboardDisabled = () => {
           documentTypeString: taxTypeToName("W8BEN"),
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
-          isBusinessEntity: true,
           indirectTaxNumber: "123456",
           country: "Slovania",
         },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 6489feb70f..978a3885a2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -18,6 +18,8 @@ export interface BankingInfoFormViewProps {
     feeCap?: string;
     isPartner: boolean;
     paymentMethodFeeLabel?: string;
+    //AL: TODO loadingError
+    loadingError: boolean;
     formState: {
       paymentMethodChecked?: "toBankAccount" | "toPayPalAccount";
       paymentScheduleChecked?: "BALANCE_THRESHOLD" | "FIXED_DAY";
@@ -81,6 +83,8 @@ export interface BankingInfoFormViewProps {
     error: {
       generalTitle: string;
       generalDescription: string;
+      loadingErrorAlertHeader: string;
+      loadingErrorAlertDescription: string;
     };
   };
   refs: {
@@ -355,6 +359,21 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
             {text.taxAndPayoutsDescription}
           </p>
         </div>
+        {states.loadingError && (
+          <div>
+            <sl-alert
+              exportparts="base: alert-base, icon:alert-icon"
+              type="danger"
+              open
+              class={sheet.classes.AlertContainer}
+            >
+              <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+              <strong>{text.error.loadingErrorAlertHeader}</strong>
+              <br />
+              {text.error.loadingErrorAlertDescription}
+            </sl-alert>
+          </div>
+        )}
         {formState.errors?.general && (
           <sl-alert
             exportparts="base: alert-base, icon:alert-icon"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index 7f1d8cdd36..b2232b71a7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -1,98 +1,107 @@
-@owner:zach
-@author:zach
+@owner:zach @author:zach
 Feature: Banking Information Form
 
-    Background: A participant has submitted a tax form and would like to fill out their banking information
+  Background: A participant has submitted a tax form and would like to fill out their banking information
 
-    Scenario: Loading skeletons are shown when the form is loading
-        When the participant loads the form
-        And they have not selected a payout method
-        And the form is in a loading state
-        Then the form shows a loading skeleton in place of the payment method checkboxes
-        But if they have selected a payment method
-        Then the form shows skeletons for the expected number of input fields
+  Scenario: Loading skeletons are shown when the form is loading
+    When the participant loads the form
+    And they have not selected a payout method
+    And the form is in a loading state
+    Then the form shows a loading skeleton in place of the payment method checkboxes
+    But if they have selected a payment method
+    Then the form shows skeletons for the expected number of input fields
 
-    Scenario: A banner is shown at the top of the page if the partner already exists
-        Given the participant is already a parter with impact
-        Then the payment method option will be selected automatically
-        And the form fields with be pre filled with the participants data
-        And there will be banner to explain that the account is linked to their referral profile in impact.com
-
-    Scenario Outline: Bank account form fields are dynamically shown
-        Given the bank account payment method is selected
-        And the selected currency is <currency>
-        And the selected bank country is one of <bankCountry>
-        Then <fields> are displayed
-        Examples:
-            | currency | bankCountry                           | fields                                                                                               |
-            | USD      | United States                         | Beneficiary Account Name, Bank Account Type, Bank Account Number, ABA Routing Number                 |
-            | USD      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
-            | USD      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
-            | GBP      | United States                         | Beneficiary Account Name, ABA Routing Number                                                         |
-            | GBP      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
-            | GBP      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
-            | AUD      | United States                         | Beneficiary Account Name, ABA Routing Number                                                         |
-            | AUD      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
-            | AUD      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
-            | CAD      | Canada                                | Beneficiary Account Name, Bank Account Number, Routing Number                                        |
-            | EUR      | United States                         | Beneficiary Account Name, ABA Routing Number                                                         |
-            | EUR      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
-            | EUR      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
-            | JPY      | Japan                                 | Beneficiary Account Name, Bank Account Type, Bank Account Number, SWIFT Code, Bank Name, Branch Code |
+  Scenario: A banner is shown at the top of the page if the partner already exists
+    Given the participant is already a parter with impact
+    Then the payment method option will be selected automatically
+    And the form fields with be pre filled with the participants data
+    And there will be banner to explain that the account is linked to their referral profile in impact.com
 
+  Scenario Outline: Bank account form fields are dynamically shown
+    Given the bank account payment method is selected
+    And the selected currency is <currency>
+    And the selected bank country is one of <bankCountry>
+    Then <fields> are displayed
 
+    Examples: 
+      | currency | bankCountry                           | fields                                                                                               |
+      | USD      | United States                         | Beneficiary Account Name, Bank Account Type, Bank Account Number, ABA Routing Number                 |
+      | USD      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
+      | USD      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
+      | GBP      | United States                         | Beneficiary Account Name, ABA Routing Number                                                         |
+      | GBP      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
+      | GBP      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
+      | AUD      | United States                         | Beneficiary Account Name, ABA Routing Number                                                         |
+      | AUD      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
+      | AUD      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
+      | CAD      | Canada                                | Beneficiary Account Name, Bank Account Number, Routing Number                                        |
+      | EUR      | United States                         | Beneficiary Account Name, ABA Routing Number                                                         |
+      | EUR      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
+      | EUR      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
+      | JPY      | Japan                                 | Beneficiary Account Name, Bank Account Type, Bank Account Number, SWIFT Code, Bank Name, Branch Code |
     # According to mock data currently available
-    Scenario Outline: Bank country dropdown list is dynamic depending on the partner's currency
-        Given the bank account payment method is selected
-        And the selected currency is <currency>
-        Then the bank country options are <countries>
-        Examples:
-            | currency | countries                                                    |
-            | USD      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
-            | GBP      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
-            | AUD      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
-            | CAD      | Canada                                                       |
-            | EUR      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
-            | JPY      | Japan                                                        |
 
-    Scenario Outline: Payment Method text is dynamic depending on the currency and country selected
-        Given the bank account payment method is selected
-        And the selected currency is <currency>
-        And the selected bank country is one of <bankCountry>
-        Then <paymentMethodText> is shown
-        And the withdrawal fee is shown
-        Examples:
-            | currency | bankCountry                                                  | paymentMethodText |
-            | USD      | United States                                                | EFT Withdrawal    |
-            | USD      | Canada, Spain, Ireland, United Kingdom, Japan                | FX Wire           |
-            | GBP      | United Kingdom                                               | EFT Withdrawal    |
-            | GBP      | United States, Canada, Spain, Ireland, Japan                 | FX Wire           |
-            | AUD      | United States, Canada, Spain, Ireland, United Kingdom, Japan | FX Wire           |
-            | CAD      | Canada                                                       | EFT Withdrawal    |
-            | EUR      | Spain, Ireland,  United Kingdom                              | EFT Withdrawal    |
-            | EUR      | United States, Canada, Japan                                 | FX Wire           |
-            | JPY      | Japan                                                        | EFT Withdrawal    |
+  Scenario Outline: Bank country dropdown list is dynamic depending on the partner's currency
+    Given the bank account payment method is selected
+    And the selected currency is <currency>
+    Then the bank country options are <countries>
+
+    Examples: 
+      | currency | countries                                                    |
+      | USD      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
+      | GBP      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
+      | AUD      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
+      | CAD      | Canada                                                       |
+      | EUR      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
+      | JPY      | Japan                                                        |
 
+  Scenario Outline: Payment Method text is dynamic depending on the currency and country selected
+    Given the bank account payment method is selected
+    And the selected currency is <currency>
+    And the selected bank country is one of <bankCountry>
+    Then <paymentMethodText> is shown
+    And the withdrawal fee is shown
 
+    Examples: 
+      | currency | bankCountry                                                  | paymentMethodText |
+      | USD      | United States                                                | EFT Withdrawal    |
+      | USD      | Canada, Spain, Ireland, United Kingdom, Japan                | FX Wire           |
+      | GBP      | United Kingdom                                               | EFT Withdrawal    |
+      | GBP      | United States, Canada, Spain, Ireland, Japan                 | FX Wire           |
+      | AUD      | United States, Canada, Spain, Ireland, United Kingdom, Japan | FX Wire           |
+      | CAD      | Canada                                                       | EFT Withdrawal    |
+      | EUR      | Spain, Ireland,  United Kingdom                              | EFT Withdrawal    |
+      | EUR      | United States, Canada, Japan                                 | FX Wire           |
+      | JPY      | Japan                                                        | EFT Withdrawal    |
     # Not sure what the actual specs for when it's shown are yet
-    Scenario Outline: PayPal option is dynamically shown
-        Given <currency> is set on the payout partner
-        And the currency <currencySupported> supported by PayPal
-        Then the paypal option <mayBe> shown as a payment method
-        Examples:
-            | currency | currencySupported | mayBe |
-            | USD      | is                | is    |
-            | GBP      | is                | is    |
-            | AUD      | is                | is    |
-            | CAD      | is                | is    |
-            | EUR      | is                | is    |
-            | JPY      | is                | is    |
 
-    Scenario: Error state is shown if the participant tries to submit the form before all the fields have been filled
-        Given the participant has selected a payment method
-        And they have not filled out all of the required fields
-        When they submit the form
-        Then there will be a red border with a message underneath each of the inputs that are missing from the form
+  Scenario Outline: PayPal option is dynamically shown
+    Given <currency> is set on the payout partner
+    And the currency <currencySupported> supported by PayPal
+    Then the paypal option <mayBe> shown as a payment method
+
+    Examples: 
+      | currency | currencySupported | mayBe |
+      | USD      | is                | is    |
+      | GBP      | is                | is    |
+      | AUD      | is                | is    |
+      | CAD      | is                | is    |
+      | EUR      | is                | is    |
+      | JPY      | is                | is    |
 
+  Scenario: Error state is shown if the participant tries to submit the form before all the fields have been filled
+    Given the participant has selected a payment method
+    And they have not filled out all of the required fields
+    When they submit the form
+    Then there will be a red border with a message underneath each of the inputs that are missing from the form
 
+  @minutia
+  Scenario: A loading error banner appears when a form fails to load
+    When the participant views a form step
+    Then a request is made to fetch the form data
+    But the request fails
+    Then a loading error banner appears with <loadingErrorAlertHeader> and <loadingErrorAlertDescription>
 
+    Examples: 
+      | loadingErrorAlertHeader               | loadingErrorAlertDescription                                                       |
+      | There was a problem loading your form | Please refresh the page and try again. If this problem continues, contact Support. |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 375437b7db..2ccb0e6eb9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -325,6 +325,18 @@ export class BankingInfoForm {
    * @uiName Save button text
    */
   @Prop() continueButton: string = "Save";
+  /**
+   * Alert header shown if there is a problem loading a form
+   * @uiName Loading error alert header
+   */
+  @Prop() loadingErrorAlertHeader: string =
+    "There was a problem loading your form";
+  /**
+   * Alert description shown if there is a problem loading a form
+   * @uiName Loading error alert description
+   */
+  @Prop() loadingErrorAlertDescription: string =
+    "Please refresh the page and try again. If this problem continues, contact Support.";
 
   /**
    * @undocumented
@@ -346,6 +358,8 @@ export class BankingInfoForm {
       error: {
         generalTitle: props.generalErrorTitle,
         generalDescription: props.generalErrorDescription,
+        loadingErrorAlertDescription: props.loadingErrorAlertDescription,
+        loadingErrorAlertHeader: props.loadingErrorAlertHeader,
       },
     };
   }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 9594d280d9..d5184067aa 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -794,6 +794,8 @@ export function useBankingInfoForm(
         paymentMethodChecked !== "toBankAccount" || !paymentMethodChecked,
       hidePayPal:
         paymentMethodChecked !== "toPayPalAccount" || !paymentMethodChecked,
+      //AL: TODO loadingError
+      loadingError: false,
       formState: {
         paymentMethodChecked,
         paymentScheduleChecked,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 55b7baa152..58de312ddc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -7,6 +7,8 @@ export interface IndirectTaxFormViewProps {
     disabled: boolean;
     isPartner: boolean;
     hideSteps: boolean;
+    // AL TODO: loadingError
+    loadingError: boolean;
     formState: {
       checked?: "hstCanada" | "otherRegion" | "notRegistered";
       errors?: {
@@ -42,6 +44,8 @@ export interface IndirectTaxFormViewProps {
       generalTitle: string;
       generalDescription: string;
       fieldRequiredError: string;
+      loadingErrorAlertHeader: string;
+      loadingErrorAlertDescription: string;
     };
   };
   refs: {
@@ -210,6 +214,21 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
             {text.indirectTaxDetailsDescription}
           </p>
         </div>
+        {states.loadingError && (
+          <div>
+            <sl-alert
+              exportparts="base: alert-base, icon:alert-icon"
+              type="danger"
+              open
+              class={sheet.classes.AlertContainer}
+            >
+              <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+              <strong>{text.error.loadingErrorAlertHeader}</strong>
+              <br />
+              {text.error.loadingErrorAlertDescription}
+            </sl-alert>
+          </div>
+        )}
         {formState.errors?.general && (
           <sl-alert
             exportparts="base: alert-base, icon:alert-icon"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index eb588094f3..7f65e9f4ce 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -189,6 +189,18 @@ export class IndirectTaxForm {
    */
   @Prop() generalErrorDescription: string =
     "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
+   */
+  @Prop() loadingErrorAlertHeader: string =
+    "There was a problem loading your form";
+  /**
+   * Alert description shown if there is a problem loading a form
+   * @uiName Loading error alert description
+   */
+  @Prop() loadingErrorAlertDescription: string =
+    "Please refresh the page and try again. If this problem continues, contact Support.";
 
   /**
    * @undocumented
@@ -210,6 +222,8 @@ export class IndirectTaxForm {
         generalTitle: props.generalErrorTitle,
         generalDescription: props.generalErrorDescription,
         fieldRequiredError: props.fieldRequiredError,
+        loadingErrorAlertHeader: props.loadingErrorAlertHeader,
+        loadingErrorAlertDescription: props.loadingErrorAlertDescription,
       },
       slotText: {
         isRegisteredQST: props.isRegisteredQST,
@@ -280,6 +294,7 @@ function useDemoIndirectTaxForm(
         disabled: false,
         loading: false,
         isPartner: false,
+        loadingError: false,
         errors: {},
         formState: {
           checked: option,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index f8f2e5f7cb..363fc1d9f7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -247,6 +247,8 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       disabled: loading || countriesLoading || connectLoading,
       loading: loading || connectLoading || countriesLoading,
       isPartner: !!userData?.user?.impactConnection?.publisher?.taxInformation,
+      //AL TODO loadingError
+      loadingError: false,
       formState: {
         checked: option,
         errors,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index a16ec0343c..0704a2b07c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -21,9 +21,9 @@ export interface TaxAndCashDashboardProps {
     province?: string;
     country?: string;
     notRegistered?: boolean;
-    isIndirectTaxCanada?: boolean;
-    isBusinessEntity: boolean;
+    isBusinessEntity?: boolean;
     loading?: boolean;
+    loadingError?: boolean;
     errors?: {
       general?: boolean;
     };
@@ -66,6 +66,8 @@ export interface TaxAndCashDashboardProps {
     error: {
       generalTitle: string;
       generalDescription: string;
+      loadingErrorAlertHeader: string;
+      loadingErrorAlertDescription: string;
     };
   };
 }
@@ -324,6 +326,21 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
     <div>
       <div>
         <style type="text/css">{styleString}</style>
+        {states.loadingError && (
+          <div>
+            <sl-alert
+              exportparts="base: alert-base, icon:alert-icon"
+              type="danger"
+              open
+              class={sheet.classes.WarningAlertContainer}
+            >
+              <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+              <strong>{text.error.loadingErrorAlertHeader}</strong>
+              <br />
+              {text.error.loadingErrorAlertDescription}
+            </sl-alert>
+          </div>
+        )}
         {states.errors?.general && (
           <sl-alert
             exportparts="base: alert-base, icon:alert-icon"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index f199eec59d..29a95b9bf8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -244,6 +244,18 @@ export class TaxAndCashDashboard {
    */
   @Prop() payoutFromImpact: string =
     "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
+   */
+  @Prop() loadingErrorAlertHeader: string =
+    "There was a problem loading your form";
+  /**
+   * Alert description shown if there is a problem loading a form
+   * @uiName Loading error alert description
+   */
+  @Prop() loadingErrorAlertDescription: string =
+    "Please refresh the page and try again. If this problem continues, contact Support.";
 
   /**
    * @undocumented
@@ -264,6 +276,8 @@ export class TaxAndCashDashboard {
       error: {
         generalDescription: props.generalErrorDescription,
         generalTitle: props.generalErrorTitle,
+        loadingErrorAlertHeader: props.loadingErrorAlertHeader,
+        loadingErrorAlertDescription: props.loadingErrorAlertDescription,
       },
     };
   }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 83750e8fd0..1ab2e34696 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -138,6 +138,8 @@ export const useTaxAndCashDashboard = (
       expiresSoon,
       disabled: loading,
       loading,
+      // AL: TODO loadingError
+      loadingError: false,
     },
     slots: {
       // TODO: Replace this story once we have hooks for payment details card
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 9b20b7d0ad..c1c405f1ba 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -930,8 +930,23 @@ export class TaxAndCashMonolith {
    */
   @Prop() isPartnerAlertDescription: string =
     "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.";
+  /**
+   * Alert header shown if there is a problem loading a form
+   * @uiName Loading error alert header
+   * @uiGroup General Form Properties
+   */
+  @Prop() loadingErrorAlertHeader: string =
+    "There was a problem loading your form";
+  /**
+   * Alert description shown if there is a problem loading a form
+   * @uiName Loading error alert description
+   * @uiGroup General Form Properties
+   */
+  @Prop() loadingErrorAlertDescription: string =
+    "Please refresh the page and try again. If this problem continues, contact Support.";
 
   /**
+   *
    * @undocumented
    * @uiType object
    */
@@ -955,6 +970,8 @@ export class TaxAndCashMonolith {
       backButton: props.backButton,
       isPartnerAlertHeader: props.isPartnerAlertHeader,
       isPartnerAlertDescription: props.isPartnerAlertDescription,
+      loadingErrorAlertHeader: props.loadingErrorAlertHeader,
+      loadingErrorAlertDescription: props.loadingErrorAlertDescription,
     };
   }
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 3d88d9ac03..0be86e737e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -24,16 +24,16 @@ Feature: Tax Form Flow
     And press "Continue"
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
 
-    Examples:
+    Examples: 
       | firstName | lastName | email                  | countryCode | brandCountry | currency | allowBankingCollection | option                               | stepX |
-      | Bob       | Johnson  | bob.johnson@email.com  | CA          | US           | CAD      | true                   | I am registered for Indirect Tax     | 3     |
-      | Jane      | Moe      | jane.moe@email.com     | CA          | MX           | CAD      | true                   | I am registered for Indirect Tax     | 4     |
-      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | true                   | I am not registered for Indirect Tax | 4     |
-      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | true                   | I am not registered for Indirect Tax | 4     |
-      | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | true                   | I am registered for Indirect Tax     | 3     |
-      | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | true                   | I am registered for Indirect Tax     | 4     |
-      | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | true                   | I am not registered for Indirect Tax | 3     |
-      | Payton    | Chan     | payton.chan@email.com  | EG          | MX           | EGP      | true                   | I am not registered for Indirect Tax | 4     |
+      | Bob       | Johnson  | bob.johnson@email.com  | CA          | US           | CAD      | true                   | I am registered for Indirect Tax     |     3 |
+      | Jane      | Moe      | jane.moe@email.com     | CA          | MX           | CAD      | true                   | I am registered for Indirect Tax     |     4 |
+      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | true                   | I am not registered for Indirect Tax |     4 |
+      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | true                   | I am not registered for Indirect Tax |     4 |
+      | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | true                   | I am registered for Indirect Tax     |     3 |
+      | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | true                   | I am registered for Indirect Tax     |     4 |
+      | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | true                   | I am not registered for Indirect Tax |     3 |
+      | Payton    | Chan     | payton.chan@email.com  | EG          | MX           | EGP      | true                   | I am not registered for Indirect Tax |     4 |
 
   Scenario Outline: Default form step on load
     Given the participant just loaded the form
@@ -45,7 +45,7 @@ Feature: Tax Form Flow
     And participant <hasWithdrawalSettings>
     Then they proceed to <stepX>
 
-    Examples:
+    Examples: 
       | hasTax                 | isConnected      | hasRequiredDoc             | hasCurrentTaxDoc          | status   | hasWithdrawalSettings             | stepX     |
       | does not have tax info | is not connected | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
       | does not have tax info | is connected     | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
@@ -57,9 +57,9 @@ Feature: Tax Form Flow
       | has tax info           | is connected     | does have required doc     | does have current doc     | ACTIVE   | do have withdrawal settings       | dashboard |
       | has tax info           | is connected     | does not have required doc | does not have current doc | n/a      | does not have withdrawal settings | step 4    |
       | has tax info           | is connected     | does not have required doc | does not have current doc | n/a      | do have withdrawal settings       | dashboard |
+  # TODO: Can a publisher have tax info but not be connected
 
   @minutia
-  # TODO: Can a publisher have tax info but not be connected
   Scenario: Participant is already registered as partner, provides indirect tax information, and submit their tax forms
     Given the they are already registered as a partner
     Then step 1 displays a banner with "An account with this email already exists with our referral program provider, impact.com" notifying that they are a partner
@@ -80,16 +80,16 @@ Feature: Tax Form Flow
     And press "Continue"
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
 
-    Examples:
+    Examples: 
       | countryCode | brandCountry | currency | allowBankingCollection | option                          | fields                                                       | stepX |
-      | CA          | US           | CAD      | true                   | Registered for indirect tax     | Country, Province, HST/GST Number, QST Number (optional)     | 3     |
-      | CA          | MX           | CAD      | true                   | Not registered for indirect tax | N/A                                                          | 4     |
-      | US          | CA           | USD      | true                   | Not registered for indirect tax | N/A                                                          | 3     |
-      | US          | MX           | USD      | true                   | Not registered for indirect tax | N/A                                                          | 3     |
-      | UK          | US           | GBP      | true                   | Not registered for indirect tax | N/A                                                          | 3     |
-      | UK          | US           | GBP      | true                   | Registered for indirect tax     | Country, VAT Number                                          | 3     |
-      | ES          | US           | EGP      | true                   | Registered for indirect tax     | Country, Sub Region, VAT Number, Income Tax Number(optional) | 3     |
-      | EG          | MX           | BMD      | true                   | Not registered for indirect tax | N/A                                                          | 4     |
+      | CA          | US           | CAD      | true                   | Registered for indirect tax     | Country, Province, HST/GST Number, QST Number (optional)     |     3 |
+      | CA          | MX           | CAD      | true                   | Not registered for indirect tax | N/A                                                          |     4 |
+      | US          | CA           | USD      | true                   | Not registered for indirect tax | N/A                                                          |     3 |
+      | US          | MX           | USD      | true                   | Not registered for indirect tax | N/A                                                          |     3 |
+      | UK          | US           | GBP      | true                   | Not registered for indirect tax | N/A                                                          |     3 |
+      | UK          | US           | GBP      | true                   | Registered for indirect tax     | Country, VAT Number                                          |     3 |
+      | ES          | US           | EGP      | true                   | Registered for indirect tax     | Country, Sub Region, VAT Number, Income Tax Number(optional) |     3 |
+      | EG          | MX           | BMD      | true                   | Not registered for indirect tax | N/A                                                          |     4 |
 
   @minutia
   Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms
@@ -98,7 +98,7 @@ Feature: Tax Form Flow
     And the user selects a <country> not in the US
     Then they skip to step 4 Payout Details
 
-    Examples:
+    Examples: 
       | brandCountry | country |
       | MX           | UK      |
       | AUS          | EGP     |
@@ -112,7 +112,7 @@ Feature: Tax Form Flow
     Then they must select <participantType>
     And the <autoSelectedForm> is displayed
 
-    Examples:
+    Examples: 
       | brandCountry | country | participantType       | autoSelectedForm |
       | US           | CA      | individualParticipant | W8-BEN           |
       | US           | CA      | company               | W8-BEN-E         |
@@ -126,7 +126,7 @@ Feature: Tax Form Flow
     When they view step 3
     Then the <autoSelectedForm> is displayed
 
-    Examples:
+    Examples: 
       | brandCountry | country | autoSelectedForm |
       | MX           | US      | W9               |
       | UK           | US      | W9               |
@@ -160,16 +160,27 @@ Feature: Tax Form Flow
     But the request fails
     Then a general error banner appears with <generalTitle> and <generalDescription>
 
-    Examples:
+    Examples: 
       | generalTitle                                    | generalDescription                                                                       |
       | There was a problem submitting your information | Please review your information and try again. If this problem continues, contact Support |
 
+  @minutia
+  Scenario: A loading error banner appears when a form fails to load
+    When the participant views a form step
+    Then a request is made to fetch the form data
+    But the request fails
+    Then a loading error banner appears with <loadingErrorAlertHeader> and <loadingErrorAlertDescription>
+
+    Examples: 
+      | loadingErrorAlertHeader               | loadingErrorAlertDescription                                                       |
+      | There was a problem loading your form | Please refresh the page and try again. If this problem continues, contact Support. |
+
   @minutia
   Scenario: A general error banner appears upon form load request failing
     Given a participant loads a step of the form
     When any request while loading the form fails
     Then a general loading error banner appears with <generalTitle> and <generalDescription>
 
-    Examples:
+    Examples: 
       | generalTitle | generalDescription |
-      | TODO         | TODO               |
\ No newline at end of file
+      | TODO         | TODO               |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 2e94ba4991..6176c8cdb0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -12,6 +12,8 @@ export interface UserInfoFormViewProps {
     isPartner: boolean;
     isUser: boolean;
     hideSteps: boolean;
+    // AL: TODO form loadingError
+    loadingError?: boolean;
     formState: {
       firstName?: string;
       lastName?: string;
@@ -64,6 +66,8 @@ export interface UserInfoFormViewProps {
       generalTitle: string;
       generalDescription: string;
       fieldRequiredError: string;
+      loadingErrorAlertHeader: string;
+      loadingErrorAlertDescription: string;
     };
   };
   refs: {
@@ -214,6 +218,22 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
         {styleString}
         {vanillaStyle}
       </style>
+      {states.loadingError && (
+        <div>
+          <sl-alert
+            exportparts="base: alert-base, icon:alert-icon"
+            type="danger"
+            open
+            class={sheet.classes.AlertContainer}
+          >
+            <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+            <strong>{text.error.loadingErrorAlertHeader}</strong>
+            <br />
+            {text.error.loadingErrorAlertDescription}
+          </sl-alert>
+          <br />
+        </div>
+      )}
       {states.loading ? (
         <GeneralLoadingView />
       ) : (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 100adb7c26..943028edd8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -85,7 +85,6 @@ export class TaxForm {
    */
   @Prop() isPartnerAlertDescription: string =
     "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.";
-
   /**
    * The title for error message shown at the top of the page in an error banner
    *
@@ -110,6 +109,18 @@ export class TaxForm {
    * @uiName Field inputs error text
    */
   @Prop() fieldRequiredError: string = "{fieldName} is required";
+  /**
+   * Alert header shown if there is a problem loading a form
+   * @uiName Loading error alert header
+   */
+  @Prop() loadingErrorAlertHeader: string =
+    "There was a problem loading your form";
+  /**
+   * Alert description shown if there is a problem loading a form
+   * @uiName Loading error alert description
+   */
+  @Prop() loadingErrorAlertDescription: string =
+    "Please refresh the page and try again. If this problem continues, contact Support.";
 
   /**
    * @undocumented
@@ -131,6 +142,8 @@ export class TaxForm {
         fieldRequiredError: props.fieldRequiredError,
         generalTitle: props.generalErrorTitle,
         generalDescription: props.generalErrorDescription,
+        loadingErrorAlertHeader: props.loadingErrorAlertHeader,
+        loadingErrorAlertDescription: props.loadingErrorAlertDescription,
       },
     };
   }
@@ -187,6 +200,7 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
         loading: false,
         isPartner: false,
         isUser: false,
+        loadingError: false,
         formState: {
           errors: {
             email: true,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 934d9cb1af..dd67b2de5d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -208,6 +208,8 @@ export function useUserInfoForm(props: TaxForm) {
     states: {
       hideSteps: context.hideSteps,
       disabled: loading,
+      //AL TODO loadingerror
+      loadingError: false,
       loading: loading,
       isPartner: !!data?.user?.impactConnection?.publisher,
       isUser: !!data?.user?.impactConnection?.user,
diff --git a/packages/mint-components/src/components/tax-and-cash/utils.ts b/packages/mint-components/src/components/tax-and-cash/utils.ts
index de373ede6c..3e6612c2e1 100644
--- a/packages/mint-components/src/components/tax-and-cash/utils.ts
+++ b/packages/mint-components/src/components/tax-and-cash/utils.ts
@@ -29,3 +29,5 @@ export const getIsRequiredErrorMessage = (fieldName: string, errorMessage: strin
       }
     );
   };
+
+  //TODO: AL Add utils function for handling mapping of badge statuses to actual badge text in tax-and-cash-dashboard
\ No newline at end of file
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From ff4d1d34f28961b7d11258118625d40927efbd24 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 12 Mar 2024 11:08:57 -0700
Subject: [PATCH 475/753] Update useTaxAndCash.tsx

---
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx         | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 6ea334996c..e38b393387 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -35,11 +35,7 @@ import {
 
 function getCurrentStep(user: UserQuery["user"]) {
   console.log({ user });
-  if (
-    // TODO: this is causing users that are already created to land on step 1
-    // !user.impactConnection?.publisher?.taxInformation ||
-    !user.impactConnection?.connected
-  ) {
+  if (!user.impactConnection?.connected) {
     return "/1";
   }
 

From 6943d4f2d1c60cccec777da90191c0dec27c9d4b Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Tue, 12 Mar 2024 11:10:02 -0700
Subject: [PATCH 476/753] add invoice table view

---
 packages/mint-components/src/components.d.ts  | 16 +++++++
 .../InvoiceTable.stories.tsx                  | 21 +++++++--
 .../sqm-invoice-table-view.tsx                | 44 +++++++++++++++++++
 .../sqm-invoice-table/sqm-invoice-table.tsx   | 24 +++++++---
 4 files changed, 95 insertions(+), 10 deletions(-)
 create mode 100644 packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table-view.tsx

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index c76fc51219..5d9eb7b524 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1293,6 +1293,14 @@ export namespace Components {
         "demoData"?: DemoData<GenericTableViewProps> & {
     mockData?: { data: Invoice[] };
   };
+        /**
+          * @uiName Tablet breakpoint
+         */
+        "description"?: string;
+        /**
+          * @uiName Tablet breakpoint
+         */
+        "header"?: string;
         /**
           * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
           * @uiName Hidden mobile columns
@@ -6907,6 +6915,14 @@ declare namespace LocalJSX {
         "demoData"?: DemoData<GenericTableViewProps> & {
     mockData?: { data: Invoice[] };
   };
+        /**
+          * @uiName Tablet breakpoint
+         */
+        "description"?: string;
+        /**
+          * @uiName Tablet breakpoint
+         */
+        "header"?: string;
         /**
           * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
           * @uiName Hidden mobile columns
diff --git a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
index c3dc97ba9e..5d5c516a4d 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
@@ -8,6 +8,7 @@ import {
   InvoiceNumberCell,
   TaxedAmountCell,
 } from "./InvoiceTableCell.stories";
+import { InvoiceTableView } from "./sqm-invoice-table-view";
 
 export default {
   title: "Components/Invoice Table",
@@ -45,7 +46,7 @@ const loadingElement = (
 
 const emptyElement = (
   <sqm-empty
-    empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_invoice2.png"
+    empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_referral2.png"
     empty-state-header="View your invoice details"
     empty-state-text="Track the status of your invoices and rewards earned by referring friends"
   ></sqm-empty>
@@ -114,7 +115,14 @@ const simpleInvoiceTableProps = {
 };
 
 export const SimpleInvoiceTable = () => {
-  return <GenericTableView {...simpleInvoiceTableProps}></GenericTableView>;
+  return (
+    <InvoiceTableView
+      header={"Invoices"}
+      description={"Invoice table description"}
+    >
+      <GenericTableView {...simpleInvoiceTableProps}></GenericTableView>
+    </InvoiceTableView>
+  );
 };
 
 export const EmptyTable = () => {
@@ -171,7 +179,14 @@ export const LoadingTable = () => {
         elements: {
           emptyElement: emptyElement,
           loadingElement: loadingElement,
-          columns: ["Name", "Email", "DOB"],
+          columns: [
+            "",
+            "Date created",
+            "Invoice",
+            "Earnings",
+            "Taxed Amount",
+            "Earnings after tax",
+          ],
           rows: [],
         },
       }}
diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table-view.tsx b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table-view.tsx
new file mode 100644
index 0000000000..ed91e4c82d
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table-view.tsx
@@ -0,0 +1,44 @@
+import { VNode, h } from "@stencil/core";
+import { createStyleSheet } from "../../styling/JSS";
+
+interface InvoiceTableViewProps {
+  header: string;
+  description: string;
+}
+
+const style = {
+  Description: {
+    fontSize: "var(--sl-font-size-small)",
+    margin: "0 0 var(--sl-spacing-xx-large)",
+  },
+  Header: {
+    fontSize: "var(--sl-font-size-large)",
+    fontWeight: "var(-sl-font-weight-semibold)",
+    margin: "0 0 var(--sl-spacing-xxx-small)",
+  },
+  Container: {},
+};
+
+export function InvoiceTableView(
+  props: InvoiceTableViewProps,
+  children: VNode
+) {
+  const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
+
+  const vanillaStyle = `
+    :host{
+      display: block;
+    }`;
+  return (
+    <div class={sheet.classes.Container}>
+      <style type="text/css">
+        {vanillaStyle}
+        {styleString}
+      </style>
+      <h2 class={sheet.classes.Header}>{props.header}</h2>
+      <p class={sheet.classes.Description}>{props.description}</p>
+      {children}
+    </div>
+  );
+}
diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
index 5cf2acaaa7..39f3821368 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
@@ -15,12 +15,13 @@ import { useChildElements } from "../../tables/useChildElements";
 import { tryMethod, useInvoiceTable } from "./useInvoiceTable";
 import mockInvoiceData from "./mockInvoiceData";
 import { isDemo } from "@saasquatch/component-boilerplate";
+import { InvoiceTableView } from "./sqm-invoice-table-view";
 
 /**
  * @uiName Invoice Table
  * @exampleGroup Invoices
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
- * @example Invoice Table - <sqm-invoice-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" ><sqm-invoice-table-user-column column-title="Customer" anonymous-user="Anonymous User" deleted-user="Deleted User" ></sqm-invoice-table-user-column ><sqm-invoice-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} Denied {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}" denied-help-text="Contact support if you think this is a mistake."></sqm-invoice-table-rewards-column ><sqm-invoice-table-date-column column-title="Date converted" date-shown="dateConverted" ></sqm-invoice-table-date-column ><sqm-invoice-table-status-column column-title="Status" converted-status-text="Converted" in-progress-status-text="In Progress" pending-review-status-text="Pending" denied-status-text="Denied" pending-review-status-sub-text="Awaiting review" denied-status-sub-text="Detected self-invoice" ></sqm-invoice-table-status-column ><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_invoice2.png" empty-state-header="View your invoice details" empty-state-text="Refer a friend to view the status of your invoices and rewards earned" slot="empty" ></sqm-empty ></sqm-invoice-table> */
+ * @example Invoice Table - <sqm-invoice-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" ><sqm-invoice-table-user-column column-title="Customer" anonymous-user="Anonymous User" deleted-user="Deleted User" ></sqm-invoice-table-user-column ><sqm-invoice-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} Denied {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}" denied-help-text="Contact support if you think this is a mistake."></sqm-invoice-table-rewards-column ><sqm-invoice-table-date-column column-title="Date converted" date-shown="dateConverted" ></sqm-invoice-table-date-column ><sqm-invoice-table-status-column column-title="Status" converted-status-text="Converted" in-progress-status-text="In Progress" pending-review-status-text="Pending" denied-status-text="Denied" pending-review-status-sub-text="Awaiting review" denied-status-sub-text="Detected self-invoice" ></sqm-invoice-table-status-column ><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_referral2.png" empty-state-header="View your invoice details" empty-state-text="Refer a friend to view the status of your invoices and rewards earned" slot="empty" ></sqm-empty ></sqm-invoice-table> */
 @Component({
   tag: "sqm-invoice-table",
   shadow: true,
@@ -65,6 +66,13 @@ export class InvoiceTable {
   /** @uiName Tablet breakpoint  */
   @Prop() mdBreakpoint?: number = 799;
 
+  /** @uiName Tablet breakpoint  */
+  @Prop() header?: string = "Invoices";
+
+  /** @uiName Tablet breakpoint  */
+  @Prop() description?: string =
+    "View and download your invoices to report your earnings and stay tax compliant. ";
+
   /**
    * @undocumented
    * @uiType object
@@ -89,12 +97,14 @@ export class InvoiceTable {
     useRequestRerender([this.perPage]);
 
     return (
-      <GenericTableView
-        states={states}
-        data={data}
-        callbacks={callbacks}
-        elements={elements}
-      ></GenericTableView>
+      <InvoiceTableView header={this.header} description={this.description}>
+        <GenericTableView
+          states={states}
+          data={data}
+          callbacks={callbacks}
+          elements={elements}
+        ></GenericTableView>
+      </InvoiceTableView>
     );
   }
 }

From 0df715401daa30e5ebaf16b5396217fb6334b3af Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 12 Mar 2024 11:50:27 -0700
Subject: [PATCH 477/753] Corrected spec grammar

---
 .../sqm-banking-info-form/sqm-banking-info-form.feature       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index b2232b71a7..3974f79597 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -96,8 +96,8 @@ Feature: Banking Information Form
     Then there will be a red border with a message underneath each of the inputs that are missing from the form
 
   @minutia
-  Scenario: A loading error banner appears when a form fails to load
-    When the participant views a form step
+  Scenario: A loading error banner appears when the form fails to load
+    When the participant views the form
     Then a request is made to fetch the form data
     But the request fails
     Then a loading error banner appears with <loadingErrorAlertHeader> and <loadingErrorAlertDescription>

From 6ef4d170efd88423ca2b678a547ad1c33315e215 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 12 Mar 2024 12:03:14 -0700
Subject: [PATCH 478/753] fix demo hook

---
 .../UseInvoiceTable.stories.tsx               | 33 ++-----------------
 .../sqm-invoice-table/sqm-invoice-table.tsx   | 13 +++++---
 2 files changed, 11 insertions(+), 35 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx
index d0071ae81f..baf0e6b6cf 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx
@@ -81,39 +81,10 @@ export const InvoiceTable = createHookStory(() => {
 });
 
 export const InvoiceTableDemoHook = createHookStory(() => {
-  // setupGraphQL();
-  // setProgramId("sam-partner-test-2");
-  const props = {
-    listType: "",
-    render: () => {},
-    disconnectedCallback: () => {},
-    ignored: true,
-  };
   return (
     <sqm-invoice-table>
-      <sqm-invoice-table-user-column></sqm-invoice-table-user-column>
-      <sqm-invoice-table-status-column></sqm-invoice-table-status-column>
-      <sqm-invoice-table-date-column></sqm-invoice-table-date-column>
-      <sqm-invoice-table-rewards-column></sqm-invoice-table-rewards-column>
-    </sqm-invoice-table>
-  );
-});
-
-export const InvoiceTableDemoHookShowReferrer = createHookStory(() => {
-  // setupGraphQL();
-  // setProgramId("sam-partner-test-2");
-  const props = {
-    listType: "",
-    render: () => {},
-    disconnectedCallback: () => {},
-    ignored: true,
-  };
-  return (
-    <sqm-invoice-table show-referrer="true">
-      <sqm-invoice-table-user-column></sqm-invoice-table-user-column>
-      <sqm-invoice-table-status-column></sqm-invoice-table-status-column>
-      <sqm-invoice-table-date-column></sqm-invoice-table-date-column>
-      <sqm-invoice-table-rewards-column></sqm-invoice-table-rewards-column>
+      <sqm-invoice-table-download-column></sqm-invoice-table-download-column>
+      <sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column>
     </sqm-invoice-table>
   );
 });
diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
index 39f3821368..42d3ea305a 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
@@ -182,6 +182,9 @@ function useInvoiceTableDemo(
         component?.firstElementChild?.getAttribute("slot") !== "loading" &&
         component?.firstElementChild?.getAttribute("slot") !== "empty"
     );
+
+    console.log({ componentData, columnComponents });
+
     // get the column titles (renderLabel is asynchronous)
     const columnsPromise = columnComponents?.map(
       async (c: any, idx: number) => {
@@ -207,15 +210,16 @@ function useInvoiceTableDemo(
     // get the column cells (renderCell is asynchronous)
     const cellsPromise = componentData?.map(async (r) => {
       const cellPromise = columnComponents?.map(async (c: any) =>
-        tryMethod(c, () => c.renderCell(r, undefined))
+        tryMethod(c, () => c.renderCell(r, {}))
       );
+
       const cells = (await Promise.all(cellPromise)) as VNode[];
       return cells;
     });
 
-    const rows =
-      cellsPromise &&
-      [...(await Promise.all(cellsPromise))].filter((value) => value);
+    const cells = await Promise.all(cellsPromise);
+
+    const rows = cells.filter((value) => value);
 
     setContent({ rows });
     const columns =
@@ -226,6 +230,7 @@ function useInvoiceTableDemo(
 
   useEffect(() => {
     setContent({ loading: true });
+
     mockData?.data && getComponentData(components);
   }, [mockData?.data, components, tick]);
 

From a6558b9fb9a80a7bef3044f75a8b3daefd909da2 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 12 Mar 2024 13:45:25 -0700
Subject: [PATCH 479/753] added generic data column/cell to invoice table

---
 packages/mint-components/src/components.d.ts  |  50 ++++---
 .../UseInvoiceTable.stories.tsx               | 130 +++---------------
 .../cells/sqm-invoice-table-cell.tsx          |  22 ---
 .../cells/sqm-invoice-table-data-cell.tsx     |  23 ++++
 ....tsx => sqm-invoice-table-data-column.tsx} |  23 ++--
 5 files changed, 82 insertions(+), 166 deletions(-)
 delete mode 100644 packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-cell.tsx
 create mode 100644 packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-data-cell.tsx
 rename packages/mint-components/src/components/sqm-invoice-table/columns/{sqm-invoice-table-column.tsx => sqm-invoice-table-data-column.tsx} (60%)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 3d7d9736cb..bec6b14ebb 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1285,15 +1285,19 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate": string;
+    interface SqmInvoiceTableDataCell {
+        "data": string;
     }
-    interface SqmInvoiceTableColumn {
+    interface SqmInvoiceTableDataColumn {
         /**
           * @uiName Column title
          */
         "columnTitle": string;
-        "renderCell": (_: Invoice) => Promise<any>;
+        /**
+          * @uiName Property name
+         */
+        "property": string;
+        "renderCell": (data: Invoice) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmInvoiceTableDateCell {
@@ -5038,17 +5042,17 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
-    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
+    interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
-    var HTMLSqmInvoiceTableCellElement: {
-        prototype: HTMLSqmInvoiceTableCellElement;
-        new (): HTMLSqmInvoiceTableCellElement;
+    var HTMLSqmInvoiceTableDataCellElement: {
+        prototype: HTMLSqmInvoiceTableDataCellElement;
+        new (): HTMLSqmInvoiceTableDataCellElement;
     };
-    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
+    interface HTMLSqmInvoiceTableDataColumnElement extends Components.SqmInvoiceTableDataColumn, HTMLStencilElement {
     }
-    var HTMLSqmInvoiceTableColumnElement: {
-        prototype: HTMLSqmInvoiceTableColumnElement;
-        new (): HTMLSqmInvoiceTableColumnElement;
+    var HTMLSqmInvoiceTableDataColumnElement: {
+        prototype: HTMLSqmInvoiceTableDataColumnElement;
+        new (): HTMLSqmInvoiceTableDataColumnElement;
     };
     interface HTMLSqmInvoiceTableDateCellElement extends Components.SqmInvoiceTableDateCell, HTMLStencilElement {
     }
@@ -5558,8 +5562,8 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
-        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
-        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
+        "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
+        "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
         "sqm-invoice-table-date-column": HTMLSqmInvoiceTableDateColumnElement;
         "sqm-invoice-table-download-cell": HTMLSqmInvoiceTableDownloadCellElement;
@@ -6880,14 +6884,18 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate"?: string;
+    interface SqmInvoiceTableDataCell {
+        "data"?: string;
     }
-    interface SqmInvoiceTableColumn {
+    interface SqmInvoiceTableDataColumn {
         /**
           * @uiName Column title
          */
         "columnTitle"?: string;
+        /**
+          * @uiName Property name
+         */
+        "property"?: string;
     }
     interface SqmInvoiceTableDateCell {
         "date"?: number;
@@ -10466,8 +10474,8 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
-        "sqm-invoice-table-cell": SqmInvoiceTableCell;
-        "sqm-invoice-table-column": SqmInvoiceTableColumn;
+        "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
+        "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
         "sqm-invoice-table-date-column": SqmInvoiceTableDateColumn;
         "sqm-invoice-table-download-cell": SqmInvoiceTableDownloadCell;
@@ -10581,8 +10589,8 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
-            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
-            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
+            "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
+            "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
             "sqm-invoice-table-date-column": LocalJSX.SqmInvoiceTableDateColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateColumnElement>;
             "sqm-invoice-table-download-cell": LocalJSX.SqmInvoiceTableDownloadCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDownloadCellElement>;
diff --git a/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx
index baf0e6b6cf..5a992c128f 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx
@@ -85,120 +85,22 @@ export const InvoiceTableDemoHook = createHookStory(() => {
     <sqm-invoice-table>
       <sqm-invoice-table-download-column></sqm-invoice-table-download-column>
       <sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column>
-    </sqm-invoice-table>
-  );
-});
-
-export const InvoiceTableEn = createHookStory(() => {
-  setupGraphQLKlip({
-    token:
-      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",
-    id: "samenglish",
-  });
-  setProgramId("klip-invoice-program");
-  const props = {
-    listType: "",
-    render: () => {},
-    disconnectedCallback: () => {},
-    ignored: true,
-  };
-  return (
-    <sqm-invoice-table per-page="4">
-      <sqm-invoice-table-user-column column-title="User"></sqm-invoice-table-user-column>
-      <sqm-invoice-table-status-column column-title="Invoice Status"></sqm-invoice-table-status-column>
-      <sqm-invoice-table-rewards-column></sqm-invoice-table-rewards-column>
-      <sqm-invoice-table-date-column
-        column-title="Date Referred"
-        date-shown="dateInvoiceStarted"
-      ></sqm-invoice-table-date-column>
-    </sqm-invoice-table>
-  );
-});
-
-export const InvoiceTableTr = createHookStory(() => {
-  setupGraphQLKlip({
-    token:
-      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",
-    id: "samturkey",
-  });
-  setProgramId("klip-invoice-program");
-  const props = {
-    listType: "",
-    render: () => {},
-    disconnectedCallback: () => {},
-    ignored: true,
-  };
-  return (
-    <sqm-invoice-table
-      more-label="Daha"
-      prev-label="Öncesi"
-      empty-state-text="Henüz Ödül Yok"
-      per-page="4"
-    >
-      <sqm-invoice-table-user-column
-        column-title="Kullanıcılar"
-        anonymous-user="Anonim Kullanıcı"
-        deleted-user="Silinmiş Kullanıcı"
-      ></sqm-invoice-table-user-column>
-      <sqm-invoice-table-status-column
-        column-title="Durumu"
-        converted-status-text="Dönüştür"
-        in-progress-status-text="Devam etmekte"
-      ></sqm-invoice-table-status-column>
-      <sqm-invoice-table-rewards-column
-        column-title="Ödüller"
-        status-text="{status, select, AVAILABLE {Mevcut} CANCELLED {İptal edildi} PENDING {Bekliyor} EXPIRED {Süresi doldu} REDEEMED {Kullanıldı} other {Müsait değil} }"
-        status-long-text="{status, select, AVAILABLE {Ödül süresi doluyor} CANCELLED {Ödül iptal edildi} PENDING {üzerinde mevcut} EXPIRED {Ödülün süresi doldu} other {Müsait değil} }"
-        reward-received-text="Ödül şu tarihte alındı:"
-      ></sqm-invoice-table-rewards-column>
-      <sqm-invoice-table-date-column
-        column-title="Tarih"
-        date-shown="dateInvoiceStarted"
-      ></sqm-invoice-table-date-column>
-    </sqm-invoice-table>
-  );
-});
-
-export const InvoiceTableFr = createHookStory(() => {
-  setupGraphQLKlip({
-    token:
-      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",
-    id: "samfrench",
-  });
-  setProgramId("klip-invoice-program");
-  const props = {
-    listType: "",
-    render: () => {},
-    disconnectedCallback: () => {},
-    ignored: true,
-  };
-  return (
-    <sqm-invoice-table
-      more-label="Plus"
-      prev-label="Précédent"
-      empty-state-text="Aucune Référence Maintenant"
-      per-page="4"
-    >
-      <sqm-invoice-table-user-column
-        column-title="Utilisateur"
-        anonymous-user="Utilisateur Anonyme"
-        deleted-user="Utilisateur Supprimé"
-      ></sqm-invoice-table-user-column>
-      <sqm-invoice-table-status-column
-        column-title="Statut de Parrainage"
-        converted-status-text="Converti"
-        in-progress-status-text="En cours"
-      ></sqm-invoice-table-status-column>
-      <sqm-invoice-table-rewards-column
-        column-title="Récompenses"
-        status-text="{status, select, AVAILABLE {Disponible} CANCELLED {Annulé} PENDING {En attente} EXPIRED {Expiré} REDEEMED {Racheté} other {Indisponible} }"
-        status-long-text="{status, select, AVAILABLE {Récompense expirant sur} CANCELLED {Récompense annulée sur} PENDING {Disponible sur} EXPIRED {Récompense expirée sur} other {Indisponible} }"
-        reward-received-text="Récompense reçue"
-      ></sqm-invoice-table-rewards-column>
-      <sqm-invoice-table-date-column
-        column-title="Date de Référence"
-        date-shown="dateInvoiceStarted"
-      ></sqm-invoice-table-date-column>
+      <sqm-invoice-table-data-column
+        column-title="Invoice"
+        property="invoiceId"
+      ></sqm-invoice-table-data-column>
+      <sqm-invoice-table-data-column
+        column-title="Earnings"
+        property="earnings"
+      ></sqm-invoice-table-data-column>
+      <sqm-invoice-table-data-column
+        column-title="Taxed Amount"
+        property="taxedAmount"
+      ></sqm-invoice-table-data-column>
+      <sqm-invoice-table-data-column
+        column-title="Earnings after tax"
+        property="netEarnings"
+      ></sqm-invoice-table-data-column>
     </sqm-invoice-table>
   );
 });
diff --git a/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-cell.tsx b/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-cell.tsx
deleted file mode 100644
index 464afc3f75..0000000000
--- a/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-cell.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Prop, State } from "@stencil/core";
-
-@Component({
-  tag: "sqm-invoice-table-cell",
-  shadow: true,
-})
-export class InvoiceTableCell {
-  @State()
-  ignored = true;
-
-  @Prop() innerTemplate: string;
-
-  constructor() {
-    withHooks(this);
-  }
-  disconnectedCallback() {}
-
-  render() {
-    return <div innerHTML={this.innerTemplate}></div>;
-  }
-}
diff --git a/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-data-cell.tsx b/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-data-cell.tsx
new file mode 100644
index 0000000000..5999a3f3de
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-data-cell.tsx
@@ -0,0 +1,23 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Prop, State } from "@stencil/core";
+
+@Component({
+  tag: "sqm-invoice-table-data-cell",
+  shadow: true,
+})
+export class InvoiceTableDataCell {
+  @State()
+  ignored = true;
+
+  @Prop() data: string;
+
+  constructor() {
+    withHooks(this);
+  }
+  disconnectedCallback() {}
+
+  render() {
+    console.log(this.data);
+    return this.data;
+  }
+}
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-column.tsx b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-data-column.tsx
similarity index 60%
rename from packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-column.tsx
rename to packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-data-column.tsx
index e9df7b64cc..2f0b320550 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-column.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-data-column.tsx
@@ -4,31 +4,36 @@ import { useRequestRerender } from "../../../tables/re-render";
 import { InvoiceTableColumn } from "./InvoiceTableColumn";
 
 /**
- * @uiName Invoice Table Generic Column
+ * @uiName Invoice Table Data Column
  * @validParents ["sqm-invoice-table"]
  */
 @Component({
-  tag: "sqm-invoice-table-column",
+  tag: "sqm-invoice-table-data-column",
   shadow: true,
 })
-export class InvoiceTableGenericColumn implements InvoiceTableColumn {
+export class InvoiceTableDataColumn implements InvoiceTableColumn {
   /**
    * @uiName Column title
    */
   @Prop() columnTitle: string;
 
+  /**
+   * @uiName Property name
+   */
+  @Prop() property: string;
+
   constructor() {
     withHooks(this);
   }
   disconnectedCallback() {}
 
   @Method()
-  async renderCell(_: Invoice) {
-    // this is insecure, <script> tags can be added
+  async renderCell(data: Invoice) {
+    console.log({ data, property: this.property });
     return (
-      <sqm-invoice-table-cell
-        inner-template={getElement(this).innerHTML}
-      ></sqm-invoice-table-cell>
+      <sqm-invoice-table-data-cell
+        data={data[this.property]}
+      ></sqm-invoice-table-data-cell>
     );
   }
 
@@ -38,7 +43,7 @@ export class InvoiceTableGenericColumn implements InvoiceTableColumn {
   }
 
   render() {
-    useRequestRerender([this.columnTitle]);
+    useRequestRerender([this.columnTitle, this.property]);
     return (
       <Host style={{ display: "none" }}>
         <slot />

From 83bb3d7ada2e385386f30f93212157b9f8698e6d Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 12 Mar 2024 13:47:50 -0700
Subject: [PATCH 480/753] Added jsdocstrings and cleaned up text props in
 PayoutDetailsCard

---
 packages/mint-components/src/components.d.ts  |  54 ++++++++-
 .../components/sqm-invoice-table/readme.md    |  24 ++--
 .../src/components/sqm-leaderboard/readme.md  |   2 +-
 .../sqm-navigation-sidebar-item/readme.md     |   2 +-
 .../sqm-portal-verify-email/readme.md         |   2 +-
 .../components/sqm-referral-iframe/readme.md  |   2 +-
 .../components/sqm-referral-table/readme.md   |   2 +-
 .../sqm-reward-exchange-list/readme.md        |   2 +-
 .../components/sqm-rewards-table/readme.md    |   2 +-
 .../sqm-banking-info-form/readme.md           | 108 +++++++++---------
 .../tax-and-cash/sqm-docusign-form/readme.md  |   2 +-
 .../sqm-indirect-tax-form/readme.md           |  60 +++++-----
 .../sqm-payout-details-card-view.tsx          |  10 +-
 .../sqm-payout-details-card.tsx               |  33 +++++-
 .../sqm-tax-and-cash-dashboard/readme.md      |  76 ++++++------
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |   2 +
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |   7 +-
 .../tax-and-cash/sqm-user-info-form/readme.md |  40 ++++---
 18 files changed, 260 insertions(+), 170 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 3d7d9736cb..879a40d52b 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1567,14 +1567,34 @@ export namespace Components {
         "uppercaseErrorText": string;
     }
     interface SqmPayoutDetailsCard {
+        /**
+          * Text shown before account number
+          * @uiName Account text
+         */
         "accountText": string;
         /**
           * @undocumented
          */
         "demoData"?: DemoData<any>;
+        /**
+          * Error alert description shown above payout details card
+          * @uiName Error alert description
+         */
         "errorDescriptionText": string;
+        /**
+          * Error alert header shown above payout details card
+          * @uiName Error alert header
+         */
         "errorTitleText": string;
+        /**
+          * Badge text indicating payout status
+          * @uiName Payout badge status text
+         */
         "statusBadgeText": string;
+        /**
+          * Text shown above current balance indicating required balance for next payout
+          * @uiName Threshold payout text
+         */
         "thresholdPayoutText": string;
     }
     interface SqmPopupContainer {
@@ -3729,6 +3749,7 @@ export namespace Components {
          */
         "continueButton": string;
         /**
+          * Text shown before account number
           * @uiName Account text
           * @uiGroup Dashboard Properties
          */
@@ -3764,11 +3785,13 @@ export namespace Components {
          */
         "dashboard_editPaymentInformationButton": string;
         /**
+          * Error alert description shown above payout details card
           * @uiName Error description text
           * @uiGroup Dashboard Properties
          */
         "dashboard_errorDescriptionText": string;
         /**
+          * Error alert header shown above payout details card
           * @uiName Error title text
           * @uiGroup Dashboard Properties
          */
@@ -3840,7 +3863,8 @@ export namespace Components {
          */
         "dashboard_qstNumber": string;
         /**
-          * @uiName Status badge text
+          * Badge text indicating payout status
+          * @uiName Payout status badge text
           * @uiGroup Dashboard Properties
          */
         "dashboard_statusBadgeText": string;
@@ -3905,6 +3929,7 @@ export namespace Components {
          */
         "dashboard_taxDocumentSectionSubHeader": string;
         /**
+          * Text shown above current balance indicating required balance for next payout
           * @uiName Threshold payout text
           * @uiGroup Dashboard Properties
          */
@@ -7156,14 +7181,34 @@ declare namespace LocalJSX {
         "uppercaseErrorText"?: string;
     }
     interface SqmPayoutDetailsCard {
+        /**
+          * Text shown before account number
+          * @uiName Account text
+         */
         "accountText"?: string;
         /**
           * @undocumented
          */
         "demoData"?: DemoData<any>;
+        /**
+          * Error alert description shown above payout details card
+          * @uiName Error alert description
+         */
         "errorDescriptionText"?: string;
+        /**
+          * Error alert header shown above payout details card
+          * @uiName Error alert header
+         */
         "errorTitleText"?: string;
+        /**
+          * Badge text indicating payout status
+          * @uiName Payout badge status text
+         */
         "statusBadgeText"?: string;
+        /**
+          * Text shown above current balance indicating required balance for next payout
+          * @uiName Threshold payout text
+         */
         "thresholdPayoutText"?: string;
     }
     interface SqmPopupContainer {
@@ -9294,6 +9339,7 @@ declare namespace LocalJSX {
          */
         "continueButton"?: string;
         /**
+          * Text shown before account number
           * @uiName Account text
           * @uiGroup Dashboard Properties
          */
@@ -9329,11 +9375,13 @@ declare namespace LocalJSX {
          */
         "dashboard_editPaymentInformationButton"?: string;
         /**
+          * Error alert description shown above payout details card
           * @uiName Error description text
           * @uiGroup Dashboard Properties
          */
         "dashboard_errorDescriptionText"?: string;
         /**
+          * Error alert header shown above payout details card
           * @uiName Error title text
           * @uiGroup Dashboard Properties
          */
@@ -9405,7 +9453,8 @@ declare namespace LocalJSX {
          */
         "dashboard_qstNumber"?: string;
         /**
-          * @uiName Status badge text
+          * Badge text indicating payout status
+          * @uiName Payout status badge text
           * @uiGroup Dashboard Properties
          */
         "dashboard_statusBadgeText"?: string;
@@ -9470,6 +9519,7 @@ declare namespace LocalJSX {
          */
         "dashboard_taxDocumentSectionSubHeader"?: string;
         /**
+          * Text shown above current balance indicating required balance for next payout
           * @uiName Threshold payout text
           * @uiGroup Dashboard Properties
          */
diff --git a/packages/mint-components/src/components/sqm-invoice-table/readme.md b/packages/mint-components/src/components/sqm-invoice-table/readme.md
index f7642bd2d5..87cd6074cc 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/readme.md
@@ -7,17 +7,19 @@
 
 ## Properties
 
-| Property        | Attribute        | Description                                                                                                                                                                                                                                                                | Type                                                                                                            | Default     |
-| --------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ----------- |
-| `demoData`      | --               |                                                                                                                                                                                                                                                                            | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Invoice[]; }; }` | `undefined` |
-| `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                             | `string`                                                                                                        | `"0"`       |
-| `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                                                                            | `boolean`                                                                                                       | `false`     |
-| `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                                                                            | `number`                                                                                                        | `799`       |
-| `moreLabel`     | `more-label`     |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Next"`    |
-| `perPage`       | `per-page`       | Number of invoices displayed per page                                                                                                                                                                                                                                      | `number`                                                                                                        | `4`         |
-| `prevLabel`     | `prev-label`     |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Prev"`    |
-| `programId`     | `program-id`     | Filters to only show invoices in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all invoices from all programs. If program ID is "classic", shows classic-only invoices | `string`                                                                                                        | `undefined` |
-| `smBreakpoint`  | `sm-breakpoint`  |                                                                                                                                                                                                                                                                            | `number`                                                                                                        | `599`       |
+| Property        | Attribute        | Description                                                                                                                                                                                                                                                                | Type                                                                                                            | Default                                                                              |
+| --------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ |
+| `demoData`      | --               |                                                                                                                                                                                                                                                                            | `Partial<Pick<GenericTableViewProps, "data" \| "states" \| "elements">> & { mockData?: { data: Invoice[]; }; }` | `undefined`                                                                          |
+| `description`   | `description`    |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"View and download your invoices to report your earnings and stay tax compliant. "` |
+| `header`        | `header`         |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Invoices"`                                                                         |
+| `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                             | `string`                                                                                                        | `"0"`                                                                                |
+| `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                                                                            | `boolean`                                                                                                       | `false`                                                                              |
+| `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                                                                            | `number`                                                                                                        | `799`                                                                                |
+| `moreLabel`     | `more-label`     |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Next"`                                                                             |
+| `perPage`       | `per-page`       | Number of invoices displayed per page                                                                                                                                                                                                                                      | `number`                                                                                                        | `4`                                                                                  |
+| `prevLabel`     | `prev-label`     |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Prev"`                                                                             |
+| `programId`     | `program-id`     | Filters to only show invoices in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all invoices from all programs. If program ID is "classic", shows classic-only invoices | `string`                                                                                                        | `undefined`                                                                          |
+| `smBreakpoint`  | `sm-breakpoint`  |                                                                                                                                                                                                                                                                            | `number`                                                                                                        | `599`                                                                                |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-leaderboard/readme.md b/packages/mint-components/src/components/sqm-leaderboard/readme.md
index 7c2cc9cb73..05aac015eb 100644
--- a/packages/mint-components/src/components/sqm-leaderboard/readme.md
+++ b/packages/mint-components/src/components/sqm-leaderboard/readme.md
@@ -10,7 +10,7 @@
 | Property          | Attribute          | Description                                                                                                                                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Default            |
 | ----------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
 | `anonymousUser`   | `anonymous-user`   | Title displayed for users without names                                                                                                                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Anonymous User"` |
-| `demoData`        | --                 |                                                                                                                                                                                                         | `{ states?: { loading: boolean; hasLeaders: boolean; styles: { usersheading: string; statsheading: string; rankheading?: string; showRank?: boolean; hideViewer?: boolean; anonymousUser?: string; }; }; data?: { rankType: string; leaderboard: { textValue: string; rank: number; firstName: string; lastInitial: string; rowNumber: number; }[]; viewerRank?: { textValue: string; rank: number; firstName: string; lastInitial: string; rowNumber: number; }; }; elements?: { empty: VNode; loadingstate: VNode; }; }` | `undefined`        |
+| `demoData`        | --                 |                                                                                                                                                                                                         | `{ data?: { rankType: string; leaderboard: { textValue: string; rank: number; firstName: string; lastInitial: string; rowNumber: number; }[]; viewerRank?: { textValue: string; rank: number; firstName: string; lastInitial: string; rowNumber: number; }; }; states?: { loading: boolean; hasLeaders: boolean; styles: { usersheading: string; statsheading: string; rankheading?: string; showRank?: boolean; hideViewer?: boolean; anonymousUser?: string; }; }; elements?: { empty: VNode; loadingstate: VNode; }; }` | `undefined`        |
 | `hideViewer`      | `hide-viewer`      | Hide the viewer's leaderboard row if not in the top results.                                                                                                                                            | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `false`            |
 | `interval`        | `interval`         |                                                                                                                                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `undefined`        |
 | `leaderboardType` | `leaderboard-type` |                                                                                                                                                                                                         | `"topConvertedReferrers" \| "topPointEarners" \| "topStartedReferrers"`                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `undefined`        |
diff --git a/packages/mint-components/src/components/sqm-navigation-sidebar-item/readme.md b/packages/mint-components/src/components/sqm-navigation-sidebar-item/readme.md
index 44af7c9dc3..4305f68a5b 100644
--- a/packages/mint-components/src/components/sqm-navigation-sidebar-item/readme.md
+++ b/packages/mint-components/src/components/sqm-navigation-sidebar-item/readme.md
@@ -9,7 +9,7 @@
 
 | Property   | Attribute | Description                                                 | Type                                                                                        | Default     |
 | ---------- | --------- | ----------------------------------------------------------- | ------------------------------------------------------------------------------------------- | ----------- |
-| `demoData` | --        |                                                             | `{ states?: { active: boolean; }; data?: { label: string; icon: string; path: string; }; }` | `undefined` |
+| `demoData` | --        |                                                             | `{ data?: { label: string; icon: string; path: string; }; states?: { active: boolean; }; }` | `undefined` |
 | `icon`     | `icon`    | Options available at https://shoelace.style/components/icon | `string`                                                                                    | `undefined` |
 | `label`    | `label`   |                                                             | `string`                                                                                    | `undefined` |
 | `path`     | `path`    |                                                             | `string`                                                                                    | `undefined` |
diff --git a/packages/mint-components/src/components/sqm-portal-verify-email/readme.md b/packages/mint-components/src/components/sqm-portal-verify-email/readme.md
index 20527dd98e..4ba355e082 100644
--- a/packages/mint-components/src/components/sqm-portal-verify-email/readme.md
+++ b/packages/mint-components/src/components/sqm-portal-verify-email/readme.md
@@ -10,7 +10,7 @@
 | Property              | Attribute               | Description                                                                                       | Type                                                                                                                                                                                                                         | Default                                                                                                          |
 | --------------------- | ----------------------- | ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |
 | `continueText`        | `continue-text`         |                                                                                                   | `string`                                                                                                                                                                                                                     | `"Continue"`                                                                                                     |
-| `demoData`            | --                      |                                                                                                   | `{ states?: { error: string; loading: boolean; verified: boolean; }; data?: { oobCode: string; }; content?: { verifySuccessText?: string; verifyEmailText?: string; verifyInvalidText?: string; continueText?: string; }; }` | `undefined`                                                                                                      |
+| `demoData`            | --                      |                                                                                                   | `{ data?: { oobCode: string; }; states?: { error: string; loading: boolean; verified: boolean; }; content?: { verifySuccessText?: string; verifyEmailText?: string; verifyInvalidText?: string; continueText?: string; }; }` | `undefined`                                                                                                      |
 | `failedPage`          | `failed-page`           | Redirect participants to this page if verification fails due to an outdated verification attempt. | `string`                                                                                                                                                                                                                     | `"/"`                                                                                                            |
 | `networkErrorMessage` | `network-error-message` |                                                                                                   | `string`                                                                                                                                                                                                                     | `"An error occurred while verifying your email. Please refresh the page and try again."`                         |
 | `nextPage`            | `next-page`             | Redirect participants to this page when they successfully verify their email.                     | `string`                                                                                                                                                                                                                     | `"/"`                                                                                                            |
diff --git a/packages/mint-components/src/components/sqm-referral-iframe/readme.md b/packages/mint-components/src/components/sqm-referral-iframe/readme.md
index c9b804d9f1..816fe9ebbe 100644
--- a/packages/mint-components/src/components/sqm-referral-iframe/readme.md
+++ b/packages/mint-components/src/components/sqm-referral-iframe/readme.md
@@ -9,7 +9,7 @@
 
 | Property       | Attribute       | Description                                                                                     | Type                                                                                                                           | Default     |
 | -------------- | --------------- | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `demoData`     | --              |                                                                                                 | `{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }` | `undefined` |
+| `demoData`     | --              |                                                                                                 | `{ data?: { shareCode: string; }; states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; }` | `undefined` |
 | `iframeHeight` | `iframe-height` | Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto. | `string`                                                                                                                       | `"100%"`    |
 | `iframeSrc`    | `iframe-src`    | URL of iframe to display                                                                        | `string`                                                                                                                       | `undefined` |
 | `iframeWidth`  | `iframe-width`  | Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.   | `string`                                                                                                                       | `"100%"`    |
diff --git a/packages/mint-components/src/components/sqm-referral-table/readme.md b/packages/mint-components/src/components/sqm-referral-table/readme.md
index 86bfeaa709..84fe531d89 100644
--- a/packages/mint-components/src/components/sqm-referral-table/readme.md
+++ b/packages/mint-components/src/components/sqm-referral-table/readme.md
@@ -9,7 +9,7 @@
 
 | Property        | Attribute        | Description                                                                                                                                                                                                                                                                   | Type                                                                                                             | Default     |
 | --------------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ----------- |
-| `demoData`      | --               |                                                                                                                                                                                                                                                                               | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Referral[]; }; }` | `undefined` |
+| `demoData`      | --               |                                                                                                                                                                                                                                                                               | `Partial<Pick<GenericTableViewProps, "data" \| "states" \| "elements">> & { mockData?: { data: Referral[]; }; }` | `undefined` |
 | `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                                | `string`                                                                                                         | `"0"`       |
 | `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                                                                               | `boolean`                                                                                                        | `false`     |
 | `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                                                                               | `number`                                                                                                         | `799`       |
diff --git a/packages/mint-components/src/components/sqm-reward-exchange-list/readme.md b/packages/mint-components/src/components/sqm-reward-exchange-list/readme.md
index 108588252e..5e14d64381 100644
--- a/packages/mint-components/src/components/sqm-reward-exchange-list/readme.md
+++ b/packages/mint-components/src/components/sqm-reward-exchange-list/readme.md
@@ -17,7 +17,7 @@
 | `continueText`               | `continue-text`                 |                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                      | `"Continue"`                                                                                                                                                                               |
 | `continueToConfirmationText` | `continue-to-confirmation-text` | Displayed on the reward selection page.                                          | `string`                                                                                                                                                                                                                                                                                                                                      | `"Continue to confirmation"`                                                                                                                                                               |
 | `costTitle`                  | `cost-title`                    | Shown in the confirmation state.                                                 | `string`                                                                                                                                                                                                                                                                                                                                      | `"Cost to Redeem"`                                                                                                                                                                         |
-| `demoData`                   | --                              |                                                                                  | `{ states?: { selectedItem: ExchangeItem; selectedStep: ExchangeStep; redeemStage: string; amount: number; exchangeError: boolean; queryError: boolean; loading: boolean; open: boolean; noExchangeOptions: boolean; content: { text: TextContent; }; }; data?: { exchangeList: any; fuelTankCode?: string; }; refs?: { canvasRef: any; }; }` | `undefined`                                                                                                                                                                                |
+| `demoData`                   | --                              |                                                                                  | `{ data?: { exchangeList: any; fuelTankCode?: string; }; states?: { selectedItem: ExchangeItem; selectedStep: ExchangeStep; redeemStage: string; amount: number; exchangeError: boolean; queryError: boolean; loading: boolean; open: boolean; noExchangeOptions: boolean; content: { text: TextContent; }; }; refs?: { canvasRef: any; }; }` | `undefined`                                                                                                                                                                                |
 | `doneText`                   | `done-text`                     |                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                      | `"Done"`                                                                                                                                                                                   |
 | `notAvailableError`          | `not-available-error`           | Error message shown when reward is not available                                 | `string`                                                                                                                                                                                                                                                                                                                                      | `"{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }"` |
 | `notEnoughError`             | `not-enough-error`              |                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                      | `"Not enough {sourceUnit} to redeem for this reward"`                                                                                                                                      |
diff --git a/packages/mint-components/src/components/sqm-rewards-table/readme.md b/packages/mint-components/src/components/sqm-rewards-table/readme.md
index d149336513..993f2970c7 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/readme.md
@@ -9,7 +9,7 @@
 
 | Property        | Attribute        | Description                                                                                                                                                                                                      | Type                                                                                                             | Default     |
 | --------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ----------- |
-| `demoData`      | --               |                                                                                                                                                                                                                  | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Referral[]; }; }` | `undefined` |
+| `demoData`      | --               |                                                                                                                                                                                                                  | `Partial<Pick<GenericTableViewProps, "data" \| "states" \| "elements">> & { mockData?: { data: Referral[]; }; }` | `undefined` |
 | `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                   | `string`                                                                                                         | `"0"`       |
 | `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                  | `boolean`                                                                                                        | `false`     |
 | `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                  | `number`                                                                                                         | `799`       |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index bdab024c0d..b603d0af79 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -5,59 +5,61 @@
 
 ## Properties
 
-| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Default                                                                                                                                                                                                                     |
-| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Agency Code"`                                                                                                                                                                                                             |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Account Number"`                                                                                                                                                                                                     |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Account Type"`                                                                                                                                                                                                       |
-| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Address"`                                                                                                                                                                                                            |
-| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank City"`                                                                                                                                                                                                               |
-| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Country Location"`                                                                                                                                                                                                   |
-| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Name"`                                                                                                                                                                                                               |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Postal Code"`                                                                                                                                                                                                        |
-| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Bank Province/State"`                                                                                                                                                                                                     |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Beneficiary Account Name"`                                                                                                                                                                                                |
-| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Branch Code"`                                                                                                                                                                                                             |
-| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Business"`                                                                                                                                                                                                                |
-| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."`                                             |
-| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Checking"`                                                                                                                                                                                                                |
-| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification CPF"`                                                                                                                                                                                                      |
-| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification Entity"`                                                                                                                                                                                                   |
-| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Classification"`                                                                                                                                                                                                          |
-| `continueButton`                      | `continue-button`                           | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Save"`                                                                                                                                                                                                                    |
-| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; }` | `undefined`                                                                                                                                                                                                                 |
-| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Directly to my bank account"`                                                                                                                                                                                             |
-| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                                                                   |
-| `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                                                                  |
-| `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{fieldName} is required"`                                                                                                                                                                                                 |
-| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Foreign"`                                                                                                                                                                                                                 |
-| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Step 4 of 4"`                                                                                                                                                                                                             |
-| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                    |
-| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                               |
-| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"There was a problem submitting your information"`                                                                                                                                                                         |
-| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"IBAN"`                                                                                                                                                                                                                    |
-| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Individual"`                                                                                                                                                                                                              |
-| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                        |
-| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Patronymic Name"`                                                                                                                                                                                                         |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"PayPal Email"`                                                                                                                                                                                                            |
-| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"15th of the month"`                                                                                                                                                                                                       |
-| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"1st of the month"`                                                                                                                                                                                                        |
-| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Day"`                                                                                                                                                                                                             |
-| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Method"`                                                                                                                                                                                                          |
-| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                     |
-| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Schedule"`                                                                                                                                                                                                        |
-| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                              |
-| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                                                                      |
-| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Payment Threshold"`                                                                                                                                                                                                       |
-| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{country, select, AU {BSB Number} CA {Routing Number} CZ {Bank Code} HK {Clearing Code} SG {Clearing Code} US {ABA Routing Number} NZ {BSB Number} ZA {Bank/Branch Number} IN {IFSC} CNY {CNAPS} other {Routing Code} }"` |
-| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Savings"`                                                                                                                                                                                                                 |
-| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"SWIFT Code"`                                                                                                                                                                                                              |
-| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Tax and Payouts"`                                                                                                                                                                                                         |
-| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                     |
-| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                     |
-| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                           |
-| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"VO Code"`                                                                                                                                                                                                                 |
+| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Default                                                                                                                                                                                                                     |
+| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Agency Code"`                                                                                                                                                                                                             |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Account Number"`                                                                                                                                                                                                     |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Account Type"`                                                                                                                                                                                                       |
+| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Address"`                                                                                                                                                                                                            |
+| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank City"`                                                                                                                                                                                                               |
+| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Country Location"`                                                                                                                                                                                                   |
+| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Name"`                                                                                                                                                                                                               |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Postal Code"`                                                                                                                                                                                                        |
+| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Province/State"`                                                                                                                                                                                                     |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Beneficiary Account Name"`                                                                                                                                                                                                |
+| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Branch Code"`                                                                                                                                                                                                             |
+| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Business"`                                                                                                                                                                                                                |
+| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."`                                             |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Checking"`                                                                                                                                                                                                                |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification CPF"`                                                                                                                                                                                                      |
+| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification Entity"`                                                                                                                                                                                                   |
+| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification"`                                                                                                                                                                                                          |
+| `continueButton`                      | `continue-button`                           | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Save"`                                                                                                                                                                                                                    |
+| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; }` | `undefined`                                                                                                                                                                                                                 |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Directly to my bank account"`                                                                                                                                                                                             |
+| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"EFT Withdrawal (free)"`                                                                                                                                                                                                   |
+| `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{fieldName} is invalid"`                                                                                                                                                                                                  |
+| `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{fieldName} is required"`                                                                                                                                                                                                 |
+| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Foreign"`                                                                                                                                                                                                                 |
+| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Step 4 of 4"`                                                                                                                                                                                                             |
+| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                    |
+| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                               |
+| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem submitting your information"`                                                                                                                                                                         |
+| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"IBAN"`                                                                                                                                                                                                                    |
+| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Individual"`                                                                                                                                                                                                              |
+| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                        |
+| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                |
+| `loadingErrorAlertDescription`        | `loading-error-alert-description`           | Alert description shown if there is a problem loading a form                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                      |
+| `loadingErrorAlertHeader`             | `loading-error-alert-header`                | Alert header shown if there is a problem loading a form                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem loading your form"`                                                                                                                                                                                   |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Patronymic Name"`                                                                                                                                                                                                         |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"PayPal Email"`                                                                                                                                                                                                            |
+| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"15th of the month"`                                                                                                                                                                                                       |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"1st of the month"`                                                                                                                                                                                                        |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Day"`                                                                                                                                                                                                             |
+| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Method"`                                                                                                                                                                                                          |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                     |
+| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Schedule"`                                                                                                                                                                                                        |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                              |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Pay me on a fixed day of the month"`                                                                                                                                                                                      |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Threshold"`                                                                                                                                                                                                       |
+| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{country, select, AU {BSB Number} CA {Routing Number} CZ {Bank Code} HK {Clearing Code} SG {Clearing Code} US {ABA Routing Number} NZ {BSB Number} ZA {Bank/Branch Number} IN {IFSC} CNY {CNAPS} other {Routing Code} }"` |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Savings"`                                                                                                                                                                                                                 |
+| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"SWIFT Code"`                                                                                                                                                                                                              |
+| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Tax and Payouts"`                                                                                                                                                                                                         |
+| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                     |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                     |
+| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                           |
+| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"VO Code"`                                                                                                                                                                                                                 |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index 270a295f2e..ff566a649f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -14,7 +14,7 @@
 | `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"I represent a business"`                                                                                                                                         |
 | `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"I have completed and submitted my tax form"`                                                                                                                     |
 | `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Form submission"`                                                                                                                                                |
-| `demoData`                                | --                                            |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
+| `demoData`                                | --                                            |                                                                                                            | `{ data?: { taxForm: TaxDocumentType; documentUrl: string; }; states?: { hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; }` | `undefined`                                                                                                                                                        |
 | `docusignCompleted`                       | `docusign-completed`                          | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your document has been completed and submitted."`                                                                                                                |
 | `docusignError`                           | `docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
 | `docusignExpired`                         | `docusign-expired`                            | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index f0528b2948..16384cc9ea 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -5,35 +5,37 @@
 
 ## Properties
 
-| Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Default                                                                                                                                                                                                             |
-| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Back"`                                                                                                                                                                                                            |
-| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`                                       |
-| `continueButton`                 | `continue-button`                     | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Continue"`                                                                                                                                                                                                        |
-| `demoData`                       | --                                    |                                                                                                    | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors: {}; }; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { regionCode: string; taxType: string; displayName: string; }[]; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: string; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                         |
-| `fieldRequiredError`             | `field-required-error`                | Required error text shown at the bottom of field inputs                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{fieldName} is required"`                                                                                                                                                                                         |
-| `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Step 2 of 4"`                                                                                                                                                                                                     |
-| `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
-| `generalErrorTitle`              | `general-error-title`                 | Title text for a general form submission error                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem submitting your information"`                                                                                                                                                                 |
-| `indirectTax`                    | `indirect-tax`                        | Heading text shown at the top of the page                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Indirect Tax"`                                                                                                                                                                                                    |
-| `indirectTaxDescription`         | `indirect-tax-description`            | Text shown at the top of the page below to the indirect tax header                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."` |
-| `indirectTaxDetails`             | `indirect-tax-details`                | Heading text for the indirect tax details section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Indirect Tax Details"`                                                                                                                                                                                            |
-| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Text shown below the indirect tax details heading text                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."`                                             |
-| `indirectTaxNumber`              | `indirect-tax-number`                 | Label text for the indirect tax number input with a dynamic placeholder based on tax type          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                                                             |
-| `indirectTaxNumberError`         | `indirect-tax-number-error`           | Error message for the indirect tax number input field with a dynamic placeholder based on tax type | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                                                                 |
-| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Description text for the alert when the user is identified as a partner                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."`                                         |
-| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Header text for the alert when the user is identified as a partner                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
-| `isRegisteredQST`                | `is-registered-q-s-t`                 | Text for the option indicating registration for QST tax                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"I am registered for QST Tax"`                                                                                                                                                                                     |
-| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Text for the option indicating registration for sub-region income tax                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                      |
-| `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Not registered for indirect tax"`                                                                                                                                                                                 |
-| `notRegisteredSubtext`           | `not-registered-subtext`              | Subtext for the option indicating not being registered for indirect tax                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
-| `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered for indirect tax"`                                                                                                                                                                                     |
-| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                     |
-| `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Province"`                                                                                                                                                                                                        |
-| `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"QST Number"`                                                                                                                                                                                                      |
-| `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Country / Region of Indirect Tax"`                                                                                                                                                                                |
-| `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Sub-region"`                                                                                                                                                                                                      |
-| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Income Tax Number"`                                                                                                                                                                                               |
+| Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Default                                                                                                                                                                                                             |
+| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Back"`                                                                                                                                                                                                            |
+| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`                                       |
+| `continueButton`                 | `continue-button`                     | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Continue"`                                                                                                                                                                                                        |
+| `demoData`                       | --                                    |                                                                                                    | `{ data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { regionCode: string; taxType: string; displayName: string; }[]; }; states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; loadingError: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors: {}; }; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: string; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                         |
+| `fieldRequiredError`             | `field-required-error`                | Required error text shown at the bottom of field inputs                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{fieldName} is required"`                                                                                                                                                                                         |
+| `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Step 2 of 4"`                                                                                                                                                                                                     |
+| `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
+| `generalErrorTitle`              | `general-error-title`                 | Title text for a general form submission error                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"There was a problem submitting your information"`                                                                                                                                                                 |
+| `indirectTax`                    | `indirect-tax`                        | Heading text shown at the top of the page                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Indirect Tax"`                                                                                                                                                                                                    |
+| `indirectTaxDescription`         | `indirect-tax-description`            | Text shown at the top of the page below to the indirect tax header                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"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."` |
+| `indirectTaxDetails`             | `indirect-tax-details`                | Heading text for the indirect tax details section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                                                            |
+| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Text shown below the indirect tax details heading text                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"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."`                                             |
+| `indirectTaxNumber`              | `indirect-tax-number`                 | Label text for the indirect tax number input with a dynamic placeholder based on tax type          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                                                             |
+| `indirectTaxNumberError`         | `indirect-tax-number-error`           | Error message for the indirect tax number input field with a dynamic placeholder based on tax type | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                                                                 |
+| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Description text for the alert when the user is identified as a partner                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"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."`                                         |
+| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Header text for the alert when the user is identified as a partner                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
+| `isRegisteredQST`                | `is-registered-q-s-t`                 | Text for the option indicating registration for QST tax                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                                                                     |
+| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Text for the option indicating registration for sub-region income tax                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                      |
+| `loadingErrorAlertDescription`   | `loading-error-alert-description`     | Alert description shown if there is a problem loading a form                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                              |
+| `loadingErrorAlertHeader`        | `loading-error-alert-header`          | Alert header shown if there is a problem loading a form                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"There was a problem loading your form"`                                                                                                                                                                           |
+| `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Not registered for indirect tax"`                                                                                                                                                                                 |
+| `notRegisteredSubtext`           | `not-registered-subtext`              | Subtext for the option indicating not being registered for indirect tax                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
+| `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Registered for indirect tax"`                                                                                                                                                                                     |
+| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                     |
+| `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Province"`                                                                                                                                                                                                        |
+| `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"QST Number"`                                                                                                                                                                                                      |
+| `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                                                                |
+| `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Sub-region"`                                                                                                                                                                                                      |
+| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Income Tax Number"`                                                                                                                                                                                               |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index 96b1dc6c3c..8ebec073d1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -23,8 +23,10 @@ export interface PayoutDetailsCardViewProps {
     thresholdPayoutText: string;
     statusBadgeText: string;
     accountText: string;
-    errorTitleText: string;
-    errorDescriptionText: string;
+    error: {
+      errorTitleText: string;
+      errorDescriptionText: string;
+    };
   };
 }
 
@@ -196,8 +198,8 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
         >
           <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
           <div class={classes.AlertContent}>
-            <b>{text.errorTitleText}</b>
-            {text.errorDescriptionText}
+            <b>{text.error.errorTitleText}</b>
+            {text.error.errorDescriptionText}
           </div>
         </sl-alert>
       )}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 9991d89041..f6ca493998 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -5,6 +5,7 @@ import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { PayoutDetailsCardView } from "./sqm-payout-details-card-view";
 import { usePayoutDetailsCard } from "./usePayoutDetailsCard";
+import { getProps } from "../../../utils/utils";
 
 /**
  * @uiName Payout Details Card
@@ -15,15 +16,34 @@ import { usePayoutDetailsCard } from "./usePayoutDetailsCard";
   shadow: true,
 })
 export class PayoutDetailsCard {
-  // TODO: Add jsDoc strings and cleanup getTextProps();
+  /**
+   * Badge text indicating payout status
+   * @uiName Payout badge status text
+   */
   @Prop()
   statusBadgeText: string =
     "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
+  /**
+   * Text shown above current balance indicating required balance for next payout
+   * @uiName Threshold payout text
+   */
   @Prop() thresholdPayoutText: string =
     "Next payout occurs when balance is {thresholdBalance}";
+  /**
+   * Text shown before account number
+   * @uiName Account text
+   */
   @Prop() accountText: string = "Account";
+  /**
+   * Error alert header shown above payout details card
+   * @uiName Error alert header
+   */
   @Prop() errorTitleText: string =
     "There was an error with your payout infomation";
+  /**
+   * Error alert description shown above payout details card
+   * @uiName Error alert description
+   */
   @Prop()
   errorDescriptionText: string =
     "Please ensure your payout information is correct. If this problem continues, contact Support.";
@@ -39,12 +59,13 @@ export class PayoutDetailsCard {
   disconnectedCallback() {}
 
   getTextProps() {
+    const props = getProps(this);
     return {
-      statusBadgeText: this.statusBadgeText,
-      thresholdPayoutText: this.thresholdPayoutText,
-      accountText: this.accountText,
-      errorTitleText: this.errorTitleText,
-      errorDescriptionText: this.errorDescriptionText,
+      ...props,
+      error: {
+        errorTitleText: this.errorTitleText,
+        errorDescriptionText: this.errorDescriptionText,
+      },
     };
   }
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index 6199d2efdd..44a7e463c0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -7,43 +7,45 @@
 
 ## Properties
 
-| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default                                                                                                                                                      |
-| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `accountText`                     | `account-text`                       | Label text account heading text                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Account"`                                                                                                                                                  |
-| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                           |
-| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Submitted on {dateSubmitted}."`                                                                                                                            |
-| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
-| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Payout information"`                                                                                                                                       |
-| `demoData`                        | --                                   |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; 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; isIndirectTaxCanada?: boolean; isBusinessEntity: boolean; loading?: boolean; errors?: { general?: boolean; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
-| `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Edit Payout Information"`                                                                                                                                  |
-| `errorDescriptionText`            | `error-description-text`             |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please ensure your payout information is correct. If this problem continues, contact Support."`                                                            |
-| `errorTitleText`                  | `error-title-text`                   |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was an error with your payout infomation"`                                                                                                           |
-| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                |
-| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                                                          |
-| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                            |
-| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered in {province}, {country}"`                                                                                                                      |
-| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered in {country}"`                                                                                                                                  |
-| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Indirect tax"`                                                                                                                                             |
-| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered in {country}, {subRegion}"`                                                                                                                     |
-| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
-| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Make sure your information is correct and submit new form."`                                                                                               |
-| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Submit New Form"`                                                                                                                                          |
-| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
-| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
-| `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Payouts will be sent from our referral program provider, impact.com"`                                                                                      |
-| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"QST number: {qstNumber}"`                                                                                                                                  |
-| `statusBadgeText`                 | `status-badge-text`                  | Label text for next payout status badge                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                |
-| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Active"`                                                                                                                                                   |
-| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Invalid Tax Form"`                                                                                                                                         |
-| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not Verified"`                                                                                                                                             |
-| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                  |
-| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{documentType} tax form is invalid"`                                                                                                                       |
-| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
-| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form."`                            |
-| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please resubmit a new {documentType} form."`                                                                                                               |
-| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Tax documents"`                                                                                                                                            |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{documentType} tax form"`                                                                                                                                  |
-| `thresholdPayoutText`             | `threshold-payout-text`              | Label text for the next payout based on balance                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                    |
+| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | Default                                                                                                                                                      |
+| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `accountText`                     | `account-text`                       | Label text account heading text                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Account"`                                                                                                                                                  |
+| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                           |
+| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submitted on {dateSubmitted}."`                                                                                                                            |
+| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
+| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payout information"`                                                                                                                                       |
+| `demoData`                        | --                                   |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; 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; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
+| `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Edit Payout Information"`                                                                                                                                  |
+| `errorDescriptionText`            | `error-description-text`             |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please ensure your payout information is correct. If this problem continues, contact Support."`                                                            |
+| `errorTitleText`                  | `error-title-text`                   |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was an error with your payout infomation"`                                                                                                           |
+| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please review your information and try again. If this problem continues, contact Support."`                                                                |
+| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem submitting your information"`                                                                                                          |
+| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                            |
+| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Registered in {province}, {country}"`                                                                                                                      |
+| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Registered in {country}"`                                                                                                                                  |
+| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Indirect tax"`                                                                                                                                             |
+| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Registered in {country}, {subRegion}"`                                                                                                                     |
+| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
+| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Make sure your information is correct and submit new form."`                                                                                               |
+| `loadingErrorAlertDescription`    | `loading-error-alert-description`    | Alert description shown if there is a problem loading a form                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                       |
+| `loadingErrorAlertHeader`         | `loading-error-alert-header`         | Alert header shown if there is a problem loading a form                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem loading your form"`                                                                                                                    |
+| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submit New Form"`                                                                                                                                          |
+| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
+| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
+| `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payouts will be sent from our referral program provider, impact.com"`                                                                                      |
+| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"QST number: {qstNumber}"`                                                                                                                                  |
+| `statusBadgeText`                 | `status-badge-text`                  | Label text for next payout status badge                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                |
+| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Active"`                                                                                                                                                   |
+| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Invalid Tax Form"`                                                                                                                                         |
+| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not Verified"`                                                                                                                                             |
+| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                  |
+| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{documentType} tax form is invalid"`                                                                                                                       |
+| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
+| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form."`                            |
+| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please resubmit a new {documentType} form."`                                                                                                               |
+| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax documents"`                                                                                                                                            |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{documentType} tax form"`                                                                                                                                  |
+| `thresholdPayoutText`             | `threshold-payout-text`              | Label text for the next payout based on balance                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                    |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 86cedbef4a..03ef6d8713 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -47,6 +47,8 @@
 | `generalErrorTitle`                             | `general-error-title`                                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                             |
 | `isPartnerAlertDescription`                     | `is-partner-alert-description`                       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`     |
 | `isPartnerAlertHeader`                          | `is-partner-alert-header`                            | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                    |
+| `loadingErrorAlertDescription`                  | `loading-error-alert-description`                    | Alert description shown if there is a problem loading a form                                               | `string`                                                                                                             | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                          |
+| `loadingErrorAlertHeader`                       | `loading-error-alert-header`                         | Alert header shown if there is a problem loading a form                                                    | `string`                                                                                                             | `"There was a problem loading your form"`                                                                                                                                       |
 | `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                     |
 | `step1_country`                                 | `step-1_country`                                     | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                     |
 | `step1_currency`                                | `step-1_currency`                                    | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                    |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index c1c405f1ba..a5595bd8be 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -842,24 +842,28 @@ export class TaxAndCashMonolith {
   @Prop() dashboard_subRegionTaxNumber: string =
     "Income tax number: {incomeTaxNumber}";
   /**
-   * @uiName Status badge text
+   * Badge text indicating payout status
+   * @uiName Payout status badge text
    * @uiGroup Dashboard Properties
    */
   @Prop()
   dashboard_statusBadgeText: string =
     "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
   /**
+   * Text shown above current balance indicating required balance for next payout
    * @uiName Threshold payout text
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_thresholdPayoutText: string =
     "Next payout occurs when balance is {thresholdBalance}";
   /**
+   * Text shown before account number
    * @uiName Account text
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_accountText: string = "Account";
   /**
+   * Error alert header shown above payout details card
    * @uiName Error title text
    * @uiGroup Dashboard Properties
    */
@@ -867,6 +871,7 @@ export class TaxAndCashMonolith {
   dashboard_errorTitleText: string =
     "There was an error with your payout infomation";
   /**
+   * Error alert description shown above payout details card
    * @uiName Error description text
    * @uiGroup Dashboard Properties
    */
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index c6e2825ab5..519d26fa37 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,25 +7,27 @@
 
 ## Properties
 
-| Property                    | Attribute                      | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default                                                                                                                                                                     |
-| --------------------------- | ------------------------------ | ------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`    | `allow-banking-collection`     | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
-| `continueButton`            | `continue-button`              | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Continue"`                                                                                                                                                                |
-| `country`                   | `country`                      | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Country"`                                                                                                                                                                 |
-| `currency`                  | `currency`                     | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Currency"`                                                                                                                                                                |
-| `currencyHelpText`          | `currency-help-text`           | Help text shown underneath currency input                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Choose your preferred payout currency"`                                                                                                                                   |
-| `demoData`                  | --                             |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; data?: { currencies: Currencies; countries: TaxCountry[]; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
-| `email`                     | `email`                        | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Email"`                                                                                                                                                                   |
-| `fieldRequiredError`        | `field-required-error`         | Required error text shown at the bottom of field inputs                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"{fieldName} is required"`                                                                                                                                                 |
-| `firstName`                 | `first-name`                   | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"First name"`                                                                                                                                                              |
-| `formStep`                  | `form-step`                    | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Step 1 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`   | `general-error-description`    | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`         | `general-error-title`          | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"There was a problem submitting your information"`                                                                                                                         |
-| `isPartnerAlertDescription` | `is-partner-alert-description` | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"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."` |
-| `isPartnerAlertHeader`      | `is-partner-alert-header`      | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `lastName`                  | `last-name`                    | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Last name"`                                                                                                                                                               |
-| `personalInformation`       | `personal-information`         | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"Personal Information"`                                                                                                                                                    |
-| `termsAndConditionsLabel`   | `terms-and-conditions-label`   | Label text for terms and conditions                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `"terms and conditions"`                                                                                                                                                    |
+| Property                       | Attribute                         | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Default                                                                                                                                                                     |
+| ------------------------------ | --------------------------------- | ------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`       | `allow-banking-collection`        | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
+| `continueButton`               | `continue-button`                 | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Continue"`                                                                                                                                                                |
+| `country`                      | `country`                         | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Country"`                                                                                                                                                                 |
+| `currency`                     | `currency`                        | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Currency"`                                                                                                                                                                |
+| `currencyHelpText`             | `currency-help-text`              | Help text shown underneath currency input                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Choose your preferred payout currency"`                                                                                                                                   |
+| `demoData`                     | --                                |                                                                                       | `{ data?: { currencies: Currencies; countries: TaxCountry[]; }; states?: { hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
+| `email`                        | `email`                           | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Email"`                                                                                                                                                                   |
+| `fieldRequiredError`           | `field-required-error`            | Required error text shown at the bottom of field inputs                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{fieldName} is required"`                                                                                                                                                 |
+| `firstName`                    | `first-name`                      | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"First name"`                                                                                                                                                              |
+| `formStep`                     | `form-step`                       | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Step 1 of 4"`                                                                                                                                                             |
+| `generalErrorDescription`      | `general-error-description`       | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`            | `general-error-title`             | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem submitting your information"`                                                                                                                         |
+| `isPartnerAlertDescription`    | `is-partner-alert-description`    | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"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."` |
+| `isPartnerAlertHeader`         | `is-partner-alert-header`         | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                     | `last-name`                       | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Last name"`                                                                                                                                                               |
+| `loadingErrorAlertDescription` | `loading-error-alert-description` | Alert description shown if there is a problem loading a form                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                      |
+| `loadingErrorAlertHeader`      | `loading-error-alert-header`      | Alert header shown if there is a problem loading a form                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem loading your form"`                                                                                                                                   |
+| `personalInformation`          | `personal-information`            | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Personal Information"`                                                                                                                                                    |
+| `termsAndConditionsLabel`      | `terms-and-conditions-label`      | Label text for terms and conditions                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"terms and conditions"`                                                                                                                                                    |
 
 
 ## Dependencies

From 2545efe9908736da58239feeb3e5e7fed34d9dca Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Tue, 12 Mar 2024 13:48:14 -0700
Subject: [PATCH 481/753] fix column width

---
 packages/mint-components/src/components.d.ts  |  2 +-
 .../InvoiceTable.stories.tsx                  |  2 +-
 .../sqm-invoice-table-date-column.feature     | 22 ++++++++++++++++
 .../sqm-invoice-table-download-column.feature | 26 +++++++++++++++++++
 .../sqm-invoice-table-download-column.tsx     |  2 +-
 .../sqm-invoice-table/useInvoiceTable.tsx     |  3 ++-
 .../src/tables/GenericTableView.tsx           | 10 +++----
 7 files changed, 58 insertions(+), 9 deletions(-)
 create mode 100644 packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.feature
 create mode 100644 packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.feature

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 3d7d9736cb..7a3a5bcd67 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1317,7 +1317,7 @@ export namespace Components {
          */
         "columnTitle": string;
         "renderCell": (_: Invoice) => Promise<any>;
-        "renderLabel": () => Promise<string>;
+        "renderLabel": () => Promise<any>;
     }
     interface SqmLeaderboard {
         /**
diff --git a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
index 5d5c516a4d..b076caa601 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
@@ -78,7 +78,7 @@ const simpleInvoiceTableProps = {
 
   elements: {
     columns: [
-      "",
+      <span></span>,
       "Date created",
       "Invoice",
       "Earnings",
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.feature b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.feature
new file mode 100644
index 0000000000..d5e1c72dc1
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.feature
@@ -0,0 +1,22 @@
+@author:derek
+@owner:derek
+Feature: Reward Table Date Column
+
+    Shows the date of each reward
+
+    Background:
+        Given the date column is included in the reward table
+
+    @motivating
+    @ui
+    Scenario Outline: The title of the date column is configurable
+        Given the "column-title" prop is set to <value>
+        Then the date column is shown with <columnTitle>
+        Examples:
+            | value        | columnTitle  |
+            | Date created | Date created |
+
+    @motivating
+    Scenario: The formatted created date of the invoice is shown
+        Given at least one invoice exists
+        Then in that invoice's row the creation date is shown with the proper locale format
\ No newline at end of file
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.feature b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.feature
new file mode 100644
index 0000000000..aab2f10542
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.feature
@@ -0,0 +1,26 @@
+@author:derek
+@owner:derek
+Feature: Reward Table Date Column
+
+    Provides a download link to each invoice
+
+    Background:
+        Given the download column is included in the invoice table
+
+    @motivating
+    @ui
+    Scenario Outline: The column title is configurable
+        Given the "column-title" prop is set to <value>
+        Then the date column is shown with <columnTitle>
+        Examples:
+            | value           | columnTitle     |
+            | <null>          | <empty>         |
+            | My column title | My column title |
+
+    @motivating
+    Scenario: A download link is provided for each invoice
+        Given there is at least one invoice
+        Then a download icon is shown
+        When the user clicks the icon
+        Then the browser downloads the invoice
+        And the user remains on the same page
\ No newline at end of file
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx
index cf05fec0bc..579378aebc 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx
@@ -34,7 +34,7 @@ export class InvoiceTableGenericColumn implements InvoiceTableColumn {
 
   @Method()
   async renderLabel() {
-    return Promise.resolve(this.columnTitle);
+    return <span>{Promise.resolve(this.columnTitle)}</span>;
   }
 
   render() {
diff --git a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
index 24568c7116..58ba9750d8 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
@@ -94,7 +94,8 @@ export function useInvoiceTable(
 
     setContent({ rows });
     const columns =
-      columnsPromise && ((await Promise.all(columnsPromise)) as string[]);
+      columnsPromise &&
+      ((await Promise.all(columnsPromise)) as Array<VNode | string>);
     // Set the content to render and finish loading components
     setContent({ columns, loading: false, page: states.currentPage });
   }
diff --git a/packages/mint-components/src/tables/GenericTableView.tsx b/packages/mint-components/src/tables/GenericTableView.tsx
index 164d865267..d8af5d2dde 100644
--- a/packages/mint-components/src/tables/GenericTableView.tsx
+++ b/packages/mint-components/src/tables/GenericTableView.tsx
@@ -24,7 +24,7 @@ export interface GenericTableViewProps {
     nextPage: () => void;
   };
   elements: {
-    columns: string[];
+    columns: Array<VNode | string>;
     rows: VNode[][];
     loading?: boolean;
     emptyElement?: VNode;
@@ -55,8 +55,8 @@ export function GenericTableView(props: GenericTableViewProps) {
       "& tbody tr": {
         borderBottom: "1px solid var(--sl-color-neutral-200)",
         "&:first-child": {
-          borderTop: "1px solid var(--sl-color-neutral-200)"
-        }
+          borderTop: "1px solid var(--sl-color-neutral-200)",
+        },
       },
       "& th": {
         paddingBottom: "var(--sl-spacing-small)",
@@ -141,7 +141,7 @@ export function GenericTableView(props: GenericTableViewProps) {
         {data.textOverrides.showLabels && (
           <thead>
             <tr>
-              {columns?.map((column) => {
+              {columns?.map((column: string | VNode) => {
                 if (typeof column === "string") return <th>{column}</th>;
                 return <th style={{ width: "30px" }}>{column}</th>;
               })}
@@ -175,7 +175,7 @@ export function GenericTableView(props: GenericTableViewProps) {
                         {cell}
                       </td>
                     ) : (
-                      <td></td>
+                      <td>{cell}</td>
                     );
                   })}
                 </tr>

From 4c30b5b95fdae164090bf1edf764d5b402234527 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 12 Mar 2024 13:58:32 -0700
Subject: [PATCH 482/753] added randomized mocked invoice data

---
 .../sqm-invoice-table/mockInvoiceData.ts      | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts b/packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts
index 44cd8fac15..2e93d4d1df 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts
+++ b/packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts
@@ -8,20 +8,19 @@ export default (count = 4) => {
 const getMockData = (): Invoice => {
   const today = DateTime.now();
 
-  //  set random data
-  //   const randomUnitNumber = Math.floor(Math.random() * 3);
-  //   const randomStatus = status || statuses[Math.floor(Math.random() * 5)];
-  //   const unit = units[randomUnitNumber];
-  //   const prettyValue = prettyValues[randomUnitNumber];
-  //   const randomValue = Math.floor(Math.random() * 100) + 2;
+  const invoiceId = Math.random().toString(36).slice(2, 12);
+
+  const earnings = Math.floor(Math.random() * 100) + 1;
+
+  const taxedAmount = Math.round(earnings * 0.2);
 
   return {
     downloadURL: "https://example.com",
     dateCreated: today.toMillis(),
-    invoiceId: "asdfg",
+    invoiceId,
     program: "my-program",
-    earnings: "$20.00",
-    taxedAmount: "$2.00",
-    netEarnings: "$18.00",
+    earnings: `$${earnings}.00`,
+    taxedAmount: `$${taxedAmount}.00`,
+    netEarnings: `$${earnings - taxedAmount}.00`,
   };
 };

From a80c352efbafd431ebf89e41f0422c3ac00d95bf Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 12 Mar 2024 14:11:39 -0700
Subject: [PATCH 483/753] Added urlLoading state to seperate general loading
 state from docusign iframe

---
 packages/mint-components/src/components.d.ts  | 38 +++++++++++++++++++
 .../tax-and-cash/TaxForm.stories.tsx          |  1 +
 .../docusign-iframe/DocusignIframe.tsx        |  3 +-
 .../sqm-docusign-form-view.tsx                |  1 +
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  1 +
 .../sqm-docusign-form/useDocusignForm.tsx     |  2 +
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  4 +-
 packages/mint-components/src/index.html       |  6 +--
 8 files changed, 50 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 7907bbdc01..1482b92cbf 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1285,6 +1285,17 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
+    interface SqmInvoiceTableCell {
+        "innerTemplate": string;
+    }
+    interface SqmInvoiceTableColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle": string;
+        "renderCell": (_: Invoice) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -5067,6 +5078,18 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
+    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableCellElement: {
+        prototype: HTMLSqmInvoiceTableCellElement;
+        new (): HTMLSqmInvoiceTableCellElement;
+    };
+    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableColumnElement: {
+        prototype: HTMLSqmInvoiceTableColumnElement;
+        new (): HTMLSqmInvoiceTableColumnElement;
+    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5587,6 +5610,8 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
+        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
+        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6909,6 +6934,15 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
+    interface SqmInvoiceTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmInvoiceTableColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle"?: string;
+    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -10524,6 +10558,8 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
+        "sqm-invoice-table-cell": SqmInvoiceTableCell;
+        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10639,6 +10675,8 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
+            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
+            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index d890ceab9f..6e6bbe3f78 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -153,6 +153,7 @@ const stepFourProps: StoryDemoData<BankingInfoFormViewProps> = {
 
 const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
   states: {
+    urlLoading: false,
     docusignStatus: undefined,
     hideSteps: false,
     documentType: "W9" as const,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
index cde790ff76..d0d2b59148 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
@@ -21,6 +21,7 @@ export interface DocusignIframeProps {
     url: string;
     status: DocusignStatus;
     loading: boolean;
+    urlLoading: boolean;
   };
   callbacks: {
     onStatusChange: (status: DocusignStatus) => void;
@@ -151,7 +152,7 @@ export const DocusignIframe = ({
   callbacks,
   text,
 }: DocusignIframeProps) => {
-  if (states.loading) return <DocusignLoadingView />;
+  if (states.urlLoading) return <DocusignLoadingView />;
 
   const callback = useCallback((e) => {
     // TODO: CHANGE THIS WHEN ACTUAL URL IS AVAILABLE
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index bbdbfadb9a..de1d2f4342 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -7,6 +7,7 @@ import { ParticipantType } from "./useDocusignForm";
 export interface DocusignFormViewProps {
   states: {
     loading: boolean;
+    urlLoading: boolean;
     submitDisabled: boolean;
     disabled: boolean;
     hideSteps: boolean;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index ce94193a20..c8e4cc6e16 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -192,6 +192,7 @@ export class DocusignForm {
           url: props.data.documentUrl,
           status: props.states.docusignStatus,
           loading: props.states.loading,
+          urlLoading: props.states.urlLoading,
         }}
         callbacks={{
           onStatusChange: props.callbacks.setDocusignStatus,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 8a10c6f629..71f41a3fcf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -179,6 +179,8 @@ export function useDocusignForm(props: DocusignForm) {
       participantTypeDisabled: allLoading || !!existingDocumentType,
       submitDisabled: !formSubmitted,
       loading: allLoading,
+      //AL: TODO seperate urlLoading for docusign URL from general loading state
+      urlLoading: false,
       formState: {
         participantType,
         completedTaxForm: formSubmitted,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index a5595bd8be..3130336de6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -981,8 +981,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    // const props = useTaxAndCash();
-    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    const props = useTaxAndCash();
+    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
     if (this.demoData?.showTextProps) {
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 63afe7dd45..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-portal-container>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container> -->
+    </sqm-portal-container>
   </body>
 </html>

From 8e0e55593bb9d1758a389176421f80214657f805 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 12 Mar 2024 14:19:51 -0700
Subject: [PATCH 484/753] wire up api for invoice table

---
 .../UseInvoiceTable.stories.tsx               | 70 ++++++++-----------
 .../sqm-invoice-table/useInvoiceTable.tsx     | 60 ++++++++++++----
 2 files changed, 77 insertions(+), 53 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx
index 5a992c128f..ccfc6b3f69 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx
@@ -1,11 +1,9 @@
-import { setProgramId } from "@saasquatch/component-boilerplate";
 import {
+  setProgramId,
   setUserIdentity,
-  useLazyQuery,
 } from "@saasquatch/component-boilerplate";
-import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { useEffect } from "@saasquatch/universal-hooks";
 import { h } from "@stencil/core";
-import { gql } from "graphql-request";
 import { createHookStory } from "../sqm-stencilbook/HookStoryAddon";
 
 export default {
@@ -13,45 +11,24 @@ export default {
 };
 
 function setupGraphQL() {
-  const id = "testestest";
-  const accountId = id;
+  const id = "07bc01a0f123d20342b89ed8296946a747f770cc8bbd239d7f142fe629f826ac";
+  const accountId =
+    "07bc01a0f123d20342b89ed8296946a747f770cc8bbd239d7f142fe629f826ac";
 
-  //@ts-ignore
-  window.widgetIdent = {
-    tenantAlias: "test_a8b41jotf8a1v",
-    appDomain: "https://staging.invoicesaasquatch.com",
-    // programId,
-  };
-  useEffect(() => {
-    setUserIdentity({
-      accountId,
-      id,
-      jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
-    });
-    return () => {
-      window.widgetIdent = undefined;
-      setUserIdentity(undefined);
-    };
-  }, []);
-
-  return { id, accountId };
-}
-
-function setupGraphQLKlip({ token, id }) {
-  const accountId = id;
-  // const programId = "klip-invoice-program";
+  const programId = "22999";
 
   //@ts-ignore
   window.widgetIdent = {
-    tenantAlias: "test_a74miwdpofztj",
-    appDomain: "https://staging.invoicesaasquatch.com",
-    // programId,
+    tenantAlias: "aprh0cfq6y8tk",
+    appDomain: "https://staging.referralsaasquatch.com",
+    programId,
   };
+
   useEffect(() => {
     setUserIdentity({
       accountId,
       id,
-      jwt: token,
+      jwt: "eyJraWQiOiJJUk1Yc1l5NllZcXE0Njk0MzdtRzhFUlF0OFFvS0ZCYUcxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJqdGkiOiI2NWVmYTdiMzY0NWJlNjQ2OGVjOGYwMDMiLCJpYXQiOjE3MTAyMDQ4NTEsImV4cCI6MTcxMDI5MTI1MSwic3ViIjoiTURkaVl6QXhZVEJtTVRJelpESXdNelF5WWpnNVpXUTRNamsyT1RRMllUYzBOMlkzTnpCall6aGlZbVF5TXpsa04yWXhOREptWlRZeU9XWTRNalpoWXc9PTpNRGRpWXpBeFlUQm1NVEl6WkRJd016UXlZamc1WldRNE1qazJPVFEyWVRjME4yWTNOekJqWXpoaVltUXlNemxrTjJZeE5ESm1aVFl5T1dZNE1qWmhZdz09QGFwcmgwY2ZxNnk4dGs6dXNlcnMiLCJ1c2VyIjp7ImlkIjoiMDdiYzAxYTBmMTIzZDIwMzQyYjg5ZWQ4Mjk2OTQ2YTc0N2Y3NzBjYzhiYmQyMzlkN2YxNDJmZTYyOWY4MjZhYyIsImFjY291bnRJZCI6IjA3YmMwMWEwZjEyM2QyMDM0MmI4OWVkODI5Njk0NmE3NDdmNzcwY2M4YmJkMjM5ZDdmMTQyZmU2MjlmODI2YWMiLCJkYXRlQmxvY2tlZCI6bnVsbH19.cYhNPaaBwffl3PxUZXuwQKmTd_3OgDGppxrBkMmJxNA",
     });
     return () => {
       window.widgetIdent = undefined;
@@ -61,9 +38,10 @@ function setupGraphQLKlip({ token, id }) {
 
   return { id, accountId };
 }
+
 export const InvoiceTable = createHookStory(() => {
   setupGraphQL();
-  setProgramId("sam-partner-test-2");
+  setProgramId("22999");
   const props = {
     listType: "",
     render: () => {},
@@ -72,10 +50,24 @@ export const InvoiceTable = createHookStory(() => {
   };
   return (
     <sqm-invoice-table>
-      <sqm-invoice-table-user-column></sqm-invoice-table-user-column>
-      <sqm-invoice-table-status-column></sqm-invoice-table-status-column>
-      <sqm-invoice-table-date-column></sqm-invoice-table-date-column>
-      <sqm-invoice-table-rewards-column></sqm-invoice-table-rewards-column>
+      <sqm-invoice-table-download-column></sqm-invoice-table-download-column>
+      <sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column>
+      <sqm-invoice-table-data-column
+        column-title="Invoice"
+        property="invoiceId"
+      ></sqm-invoice-table-data-column>
+      <sqm-invoice-table-data-column
+        column-title="Earnings"
+        property="earnings"
+      ></sqm-invoice-table-data-column>
+      <sqm-invoice-table-data-column
+        column-title="Taxed Amount"
+        property="taxedAmount"
+      ></sqm-invoice-table-data-column>
+      <sqm-invoice-table-data-column
+        column-title="Earnings after tax"
+        property="netEarnings"
+      ></sqm-invoice-table-data-column>
     </sqm-invoice-table>
   );
 });
diff --git a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
index 58ba9750d8..34f8529502 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
@@ -16,7 +16,37 @@ const debug = debugFn("sq:useInvoiceTable");
 
 export const CSS_NAMESPACE = "sqm-invoice-table";
 
-const GET_INVOICES = gql``;
+export const GET_INVOICES = gql`
+  query getUserTaxInfo($limit: Int!, $offset: Int!) {
+    user: viewer {
+      ... on User {
+        impactConnection {
+          connected
+          publisher {
+            invoices(limit: $limit, offset: $offset) {
+              data {
+                id
+                dateCreated
+                totalAmount
+                totalVatAmount
+                downloadUrl
+              }
+              totalCount
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+
+type Invoice = {
+  id: string;
+  dateCreated: number;
+  totalAmount: number;
+  totalVatAmount: number;
+  downloadUrl: string;
+};
 
 export function useInvoiceTable(
   props: InvoiceTable,
@@ -26,11 +56,6 @@ export function useInvoiceTable(
   const user = useUserIdentity();
   const locale = useLocale();
 
-  const invoiceFilter = {
-    userId_eq: user?.id,
-    accountId_eq: user?.accountId,
-  };
-
   const [content, setContent] = useReducer<
     GenericTableViewProps["elements"],
     Partial<GenericTableViewProps["elements"]>
@@ -51,20 +76,19 @@ export function useInvoiceTable(
     envelope: invoicesData,
     states,
     callbacks,
-  } = usePaginatedQuery<Reward>(
+  } = usePaginatedQuery<Invoice>(
     GET_INVOICES,
-    (data) => data?.viewer?.invoices,
+    (data) => data?.user?.impactConnection?.publisher?.invoices,
     {
       limit: props.perPage,
       offset: 0,
     },
-    {
-      invoiceFilter,
-      locale,
-    },
+    {},
     !user?.jwt
   );
 
+  console.log(invoicesData);
+
   const tick = useRerenderListener();
   const components = useChildElements<Element>();
 
@@ -81,9 +105,17 @@ export function useInvoiceTable(
     );
 
     // get the column cells (renderCell is asynchronous)
-    const cellsPromise = data?.map(async (r: Reward) => {
+    const cellsPromise = data?.map(async (invoice: Invoice) => {
+      const invoiceData = {
+        earnings: invoice.totalAmount,
+        taxedAmount: invoice.totalVatAmount,
+        dateCreated: invoice.dateCreated,
+        invoiceId: invoice.id,
+        netEarnings: invoice.totalAmount - invoice.totalVatAmount,
+      };
+
       const cellPromise = columnComponents?.map(async (c: any) =>
-        tryMethod(c, () => c.renderCell(r, { locale }, h))
+        tryMethod(c, () => c.renderCell(invoiceData, { locale }, h))
       );
       const cells = (await Promise.all(cellPromise)) as VNode[];
       return cells;

From 7d07577ee560c8da9a074f315737d7d59f200331 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 12 Mar 2024 14:21:36 -0700
Subject: [PATCH 485/753] Update useInvoiceTable.tsx

---
 .../src/components/sqm-invoice-table/useInvoiceTable.tsx         | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
index 34f8529502..f146fca749 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
@@ -106,6 +106,7 @@ export function useInvoiceTable(
 
     // get the column cells (renderCell is asynchronous)
     const cellsPromise = data?.map(async (invoice: Invoice) => {
+      // TODO: probably going to pass in values as named by graphql
       const invoiceData = {
         earnings: invoice.totalAmount,
         taxedAmount: invoice.totalVatAmount,

From 69eddcbfe29d900d8a3c8ee10acfeb6d4d93e5ad Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 12 Mar 2024 14:41:37 -0700
Subject: [PATCH 486/753] Swapped IndirectTax and Taxform status previews in
 TaxAndCashDashboard. Added Invoice table

---
 .../sqm-tax-and-cash-dashboard-view.tsx       | 120 ++++++++++--------
 packages/mint-components/src/index.html       |   6 +-
 2 files changed, 67 insertions(+), 59 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 0704a2b07c..ea74952ec7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -94,9 +94,8 @@ const style = {
   },
   IndirectTaxPreviewHeaderContainer: {
     marginTop: "var(--sl-spacing-x-large)",
-    marginBottom: "var(--sl-spacing-x-small)",
     display: "flex",
-    gap: "var(--sl-spacing-small)",
+    gap: "var(--sl-spacing-x-small)",
     "&::part(base)": {
       color: "var(--sl-color-green-500)",
     },
@@ -107,6 +106,11 @@ const style = {
     flexDirection: "column",
     lineHeight: "var(--sl-spacing-medium)",
     fontSize: "var(--sl-font-size-small)",
+    borderBottom: "1px solid var(--sl-color-neutral-200)",
+    paddingBottom: "var(--sl-spacing-xx-large)",
+  },
+  InvoiceTableContainer: {
+    marginTop: "var(--sl-spacing-xx-large)",
   },
   NotRegisteredIndirectTaxText: {
     color: "var(--sl-color-gray-500)",
@@ -371,6 +375,61 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
             </sl-button> */}
           </div>
         </div>
+        <div class={sheet.classes.TaxDocumentsContainer}>
+          <div>
+            {states.loading ? (
+              <div class={sheet.classes.TaxSectionSkeletonContainer}>
+                <sl-skeleton class={sheet.classes.SkeletonOne}></sl-skeleton>
+                <sl-skeleton class={sheet.classes.SkeletonTwo}></sl-skeleton>
+              </div>
+            ) : (
+              <div>
+                {states.noFormNeeded ? (
+                  <div>
+                    <h3
+                      class={sheet.classes.TaxDocumentsSectionHeaderContainer}
+                    >
+                      {text.taxDocumentSectionHeader}
+                    </h3>
+                    <p class={sheet.classes.TaxDocSubtext}>
+                      {text.noFormNeededSubtext}
+                    </p>
+                  </div>
+                ) : (
+                  <div>
+                    <span class={sheet.classes.TaxFormDetailsContainer}>
+                      <div class={sheet.classes.StatusContainer}>
+                        <h3>
+                          {intl.formatMessage(
+                            {
+                              id: "section-subheader",
+                              defaultMessage: text.taxDocumentSectionSubHeader,
+                            },
+                            {
+                              documentType: states.documentTypeString,
+                            }
+                          )}
+                        </h3>
+                        <span class={sheet.classes.StatusAlert}>
+                          {statusMap[states.status]}
+                        </span>
+                      </div>
+                    </span>
+                    <sl-button
+                      disabled={states.disabled || states.loading}
+                      onClick={callbacks.onClick}
+                      type="default"
+                      class={sheet.classes.NewFormButton}
+                      exportparts="base: secondarybutton-base"
+                    >
+                      {text.newFormButton}
+                    </sl-button>
+                  </div>
+                )}
+              </div>
+            )}
+          </div>
+        </div>
 
         <div class={sheet.classes.IndirectTaxPreviewContainer}>
           {states.loading ? (
@@ -443,60 +502,9 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
             </div>
           )}
         </div>
-        <div class={sheet.classes.TaxDocumentsContainer}>
-          <div>
-            {states.loading ? (
-              <div class={sheet.classes.TaxSectionSkeletonContainer}>
-                <sl-skeleton class={sheet.classes.SkeletonOne}></sl-skeleton>
-                <sl-skeleton class={sheet.classes.SkeletonTwo}></sl-skeleton>
-              </div>
-            ) : (
-              <div>
-                {states.noFormNeeded ? (
-                  <div>
-                    <h3
-                      class={sheet.classes.TaxDocumentsSectionHeaderContainer}
-                    >
-                      {text.taxDocumentSectionHeader}
-                    </h3>
-                    <p class={sheet.classes.TaxDocSubtext}>
-                      {text.noFormNeededSubtext}
-                    </p>
-                  </div>
-                ) : (
-                  <div>
-                    <span class={sheet.classes.TaxFormDetailsContainer}>
-                      <div class={sheet.classes.StatusContainer}>
-                        <h3>
-                          {intl.formatMessage(
-                            {
-                              id: "section-subheader",
-                              defaultMessage: text.taxDocumentSectionSubHeader,
-                            },
-                            {
-                              documentType: states.documentTypeString,
-                            }
-                          )}
-                        </h3>
-                        <span class={sheet.classes.StatusAlert}>
-                          {statusMap[states.status]}
-                        </span>
-                      </div>
-                    </span>
-                    <sl-button
-                      disabled={states.disabled || states.loading}
-                      onClick={callbacks.onClick}
-                      type="default"
-                      class={sheet.classes.NewFormButton}
-                      exportparts="base: secondarybutton-base"
-                    >
-                      {text.newFormButton}
-                    </sl-button>
-                  </div>
-                )}
-              </div>
-            )}
-          </div>
+        {/* AL: TODO Pass props */}
+        <div class={sheet.classes.InvoiceTableContainer}>
+          <sqm-invoice-table />
         </div>
       </div>
     </div>
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From 55fab6ca7d2fb4ee589c25c27ef71bb759e9199b Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 12 Mar 2024 14:43:15 -0700
Subject: [PATCH 487/753] Updated container props in dashboard

---
 .../sqm-tax-and-cash-dashboard-view.tsx                       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index ea74952ec7..90bfed9125 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -106,11 +106,10 @@ const style = {
     flexDirection: "column",
     lineHeight: "var(--sl-spacing-medium)",
     fontSize: "var(--sl-font-size-small)",
-    borderBottom: "1px solid var(--sl-color-neutral-200)",
-    paddingBottom: "var(--sl-spacing-xx-large)",
   },
   InvoiceTableContainer: {
     marginTop: "var(--sl-spacing-xx-large)",
+    borderTop: "1px solid var(--sl-color-neutral-200)",
   },
   NotRegisteredIndirectTaxText: {
     color: "var(--sl-color-gray-500)",
@@ -504,6 +503,7 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
         </div>
         {/* AL: TODO Pass props */}
         <div class={sheet.classes.InvoiceTableContainer}>
+          <br />
           <sqm-invoice-table />
         </div>
       </div>

From 3ff64633349bd3aad30b4a9a48b1521facd78e10 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 12 Mar 2024 14:53:36 -0700
Subject: [PATCH 488/753] wired up download column

---
 packages/mint-components/src/components.d.ts  | 48 +------------------
 .../sqm-invoice-table-download-column.tsx     | 20 +++-----
 2 files changed, 7 insertions(+), 61 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 783f42e3d4..e27ccb927a 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1285,17 +1285,6 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate": string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle": string;
-        "renderCell": (_: Invoice) => Promise<any>;
-        "renderLabel": () => Promise<string>;
-    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -1327,11 +1316,7 @@ export namespace Components {
         "downloadURL": string;
     }
     interface SqmInvoiceTableDownloadColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle": string;
-        "renderCell": (_: Invoice) => Promise<any>;
+        "renderCell": (data: Invoice) => Promise<any>;
         "renderLabel": () => Promise<any>;
     }
     interface SqmLeaderboard {
@@ -5078,18 +5063,6 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
-    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableCellElement: {
-        prototype: HTMLSqmInvoiceTableCellElement;
-        new (): HTMLSqmInvoiceTableCellElement;
-    };
-    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableColumnElement: {
-        prototype: HTMLSqmInvoiceTableColumnElement;
-        new (): HTMLSqmInvoiceTableColumnElement;
-    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5610,8 +5583,6 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
-        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
-        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6934,15 +6905,6 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate"?: string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle"?: string;
-    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -6970,10 +6932,6 @@ declare namespace LocalJSX {
         "downloadURL"?: string;
     }
     interface SqmInvoiceTableDownloadColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle"?: string;
     }
     interface SqmLeaderboard {
         /**
@@ -10558,8 +10516,6 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
-        "sqm-invoice-table-cell": SqmInvoiceTableCell;
-        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10675,8 +10631,6 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
-            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
-            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx
index 579378aebc..f818cd8c3d 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx
@@ -1,6 +1,5 @@
 import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, getElement, h, Host, Method, Prop } from "@stencil/core";
-import { useRequestRerender } from "../../../tables/re-render";
+import { Component, h, Host, Method } from "@stencil/core";
 import { InvoiceTableColumn } from "./InvoiceTableColumn";
 
 /**
@@ -12,33 +11,26 @@ import { InvoiceTableColumn } from "./InvoiceTableColumn";
   shadow: true,
 })
 export class InvoiceTableGenericColumn implements InvoiceTableColumn {
-  /**
-   * @uiName Column title
-   */
-  @Prop() columnTitle: string;
-
   constructor() {
     withHooks(this);
   }
   disconnectedCallback() {}
 
   @Method()
-  async renderCell(_: Invoice) {
-    // this is insecure, <script> tags can be added
+  async renderCell(data: Invoice) {
     return (
-      <sqm-invoice-table-cell
-        inner-template={getElement(this).innerHTML}
-      ></sqm-invoice-table-cell>
+      <sqm-invoice-table-download-cell
+        downloadURL={data.downloadURL}
+      ></sqm-invoice-table-download-cell>
     );
   }
 
   @Method()
   async renderLabel() {
-    return <span>{Promise.resolve(this.columnTitle)}</span>;
+    return <span></span>;
   }
 
   render() {
-    useRequestRerender([this.columnTitle]);
     return (
       <Host style={{ display: "none" }}>
         <slot />

From d028bd830bfd23987b999f7f3fb89a9c3f88ab8e Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 12 Mar 2024 15:10:28 -0700
Subject: [PATCH 489/753] initialise banking form

---
 .../tax-and-cash/BankingForm.stories.tsx      | 36 ++++++----
 .../tax-and-cash/TaxForm.stories.tsx          | 16 +++++
 .../sqm-banking-info-form-view.tsx            |  4 +-
 .../sqm-banking-info-form.tsx                 | 39 ++++-------
 .../useBankingInfoForm.tsx                    | 69 ++++++++++++++++---
 .../sqm-tax-and-cash-dashboard-view.tsx       |  5 +-
 .../useTaxAndCashDashboard.tsx                |  2 +
 .../tax-and-cash/sqm-tax-and-cash/data.ts     |  3 +
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  4 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 45 ++++++------
 10 files changed, 142 insertions(+), 81 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 74ea39d2ae..992c109396 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -12,13 +12,13 @@ const bankingFormProps: StoryDemoData<BankingInfoFormViewProps> = {
     disabled: false,
     loading: false,
     formState: {
+      bankCountry: "US",
       paymentMethodChecked: "toBankAccount",
     },
     hasPayPal: false,
     isPartner: false,
     saveDisabled: false,
     thresholds: [],
-    bankCountry: "US",
     currency: "USD",
   },
 
@@ -91,7 +91,9 @@ export const BankingInfoFormCountryUSCurrencyUSD = () => {
         ...bankingFormProps,
         states: {
           ...bankingFormProps.states,
-          bankCountry: "US",
+          formState: {
+            bankCountry: "US",
+          },
           currency: "USD",
         },
       }}
@@ -125,7 +127,9 @@ export const BankingInfoFormCountryUSCurrencyUSDLoading = () => {
         ...bankingFormProps,
         states: {
           ...bankingFormProps.states,
-          bankCountry: "US",
+          formState: {
+            bankCountry: "US",
+          },
           loading: true,
           currency: "USD",
         },
@@ -141,9 +145,9 @@ export const BankingInfoFormCountryARCurrencyARS = () => {
         ...bankingFormProps,
         states: {
           ...bankingFormProps.states,
-          bankCountry: "AR",
           formState: {
             ...bankingFormProps.states.formState,
+            bankCountry: "AR",
             paymentScheduleChecked: "FIXED_DAY",
             paymentMethodChecked: "toBankAccount",
           },
@@ -161,9 +165,9 @@ export const BankingInfoFormCountryMXCurrencyMXN = () => {
         ...bankingFormProps,
         states: {
           ...bankingFormProps.states,
-          bankCountry: "MX",
           formState: {
             ...bankingFormProps.states.formState,
+            bankCountry: "MX",
             paymentScheduleChecked: "FIXED_DAY",
             paymentMethodChecked: "toBankAccount",
           },
@@ -181,7 +185,9 @@ export const BankingInfoFormCountryUSCurrencyGBP = () => {
         ...bankingFormProps,
         states: {
           ...bankingFormProps.states,
-          bankCountry: "US",
+          formState: {
+            bankCountry: "US",
+          },
           currency: "GBP",
         },
       }}
@@ -196,7 +202,7 @@ export const BankingInfoFormCountryCanadaCurrencyCAD = () => {
         ...bankingFormProps,
         states: {
           ...bankingFormProps.states,
-          bankCountry: "CA",
+          formState: { bankCountry: "CA" },
           currency: "CAD",
         },
       }}
@@ -211,7 +217,7 @@ export const BankingInfoFormCountryCanadaCurrencyUSD = () => {
         ...bankingFormProps,
         states: {
           ...bankingFormProps.states,
-          bankCountry: "CA",
+          formState: { bankCountry: "CA" },
           currency: "USD",
         },
       }}
@@ -226,7 +232,7 @@ export const BankingInfoFormCountrySpainCurrencyUSD = () => {
         ...bankingFormProps,
         states: {
           ...bankingFormProps.states,
-          bankCountry: "ES",
+          formState: { bankCountry: "ES" },
           currency: "USD",
         },
       }}
@@ -291,9 +297,9 @@ export const BankingInfoFormWithBalanceThresholdPaymentSchedule = () => {
         ...bankingFormProps,
         states: {
           ...bankingFormProps.states,
-          bankCountry: "US",
           formState: {
             ...bankingFormProps.states.formState,
+            bankCountry: "US",
             paymentScheduleChecked: "BALANCE_THRESHOLD",
           },
           currency: "USD",
@@ -311,7 +317,6 @@ export const BankingInfoFormWithBalanceThresholdPaymentScheduleWithError =
           ...bankingFormProps,
           states: {
             ...bankingFormProps.states,
-            bankCountry: "US",
             formState: {
               errors: {
                 inputErrors: {
@@ -319,6 +324,7 @@ export const BankingInfoFormWithBalanceThresholdPaymentScheduleWithError =
                 },
               },
               ...bankingFormProps.states.formState,
+              bankCountry: "US",
               paymentScheduleChecked: "BALANCE_THRESHOLD",
             },
             currency: "USD",
@@ -336,9 +342,9 @@ export const BankingInfoFormWithBalanceThresholdPaymentScheduleLoading = () => {
         states: {
           ...bankingFormProps.states,
           loading: true,
-          bankCountry: "US",
           formState: {
             ...bankingFormProps.states.formState,
+            bankCountry: "US",
             paymentScheduleChecked: "BALANCE_THRESHOLD",
           },
           currency: "USD",
@@ -355,9 +361,9 @@ export const BankingInfoFormWithFixedDayPaymentSchedule = () => {
         ...bankingFormProps,
         states: {
           ...bankingFormProps.states,
-          bankCountry: "US",
           formState: {
             ...bankingFormProps.states.formState,
+            bankCountry: "US",
             paymentScheduleChecked: "FIXED_DAY",
           },
           currency: "USD",
@@ -374,12 +380,12 @@ export const BankingInfoFormWithFixedDayPaymentScheduleWithError = () => {
         ...bankingFormProps,
         states: {
           ...bankingFormProps.states,
-          bankCountry: "US",
           formState: {
             errors: {
               inputErrors: { fixedDay: { type: "required" } },
             },
             ...bankingFormProps.states.formState,
+            bankCountry: "US",
             paymentScheduleChecked: "FIXED_DAY",
           },
           currency: "USD",
@@ -397,9 +403,9 @@ export const BankingInfoFormWithFixedDayPaymentScheduleLoading = () => {
         states: {
           ...bankingFormProps.states,
           loading: true,
-          bankCountry: "US",
           formState: {
             ...bankingFormProps.states.formState,
+            bankCountry: "US",
             paymentScheduleChecked: "FIXED_DAY",
           },
           currency: "USD",
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 88fd28cf9e..81b0e844fb 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -806,6 +806,7 @@ export const TaxAndCashDashboardActiveW9Form = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           disabled: false,
           status: "ACTIVE",
           documentType: "W9",
@@ -827,6 +828,7 @@ export const TaxAndCashDashboardActiveW8BENForm = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           disabled: false,
           status: "ACTIVE",
           documentType: "W8BEN",
@@ -848,6 +850,7 @@ export const TaxAndCashDashboardActiveW8BENEForm = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           disabled: false,
           status: "ACTIVE",
           documentType: "W8BENE",
@@ -869,6 +872,7 @@ export const TaxAndCashDashboardNotActiveW9Form = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           disabled: false,
           status: "NOT_ACTIVE",
           documentType: "W9",
@@ -889,6 +893,7 @@ export const TaxAndCashDashboardNotVerifiedW9Form = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           disabled: false,
           status: "NOT_VERIFIED",
           documentType: "W9",
@@ -910,6 +915,7 @@ export const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           disabled: false,
           status: "NOT_VERIFIED",
           documentType: "W8BEN",
@@ -931,6 +937,7 @@ export const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           disabled: false,
           status: "NOT_VERIFIED",
           documentType: "W8BENE",
@@ -952,6 +959,7 @@ export const TaxAndCashDashboardNotActiveW8BENEForm = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           disabled: false,
           status: "NOT_ACTIVE",
           documentType: "W8BENE",
@@ -973,6 +981,7 @@ export const TaxAndCashDashboardNoFormNeeded = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           disabled: false,
           documentType: "W9",
           documentTypeString: taxTypeToName("W9"),
@@ -995,6 +1004,7 @@ export const TaxAndCashDashboardIndirectTaxCanada = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           status: "ACTIVE",
           disabled: false,
           documentType: "W8BENE",
@@ -1018,6 +1028,7 @@ export const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           status: "ACTIVE",
           disabled: false,
           documentType: "W8BENE",
@@ -1042,6 +1053,7 @@ export const TaxAndCashDashboardIndirectTaxSpain = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           status: "ACTIVE",
           disabled: false,
           documentType: "W8BENE",
@@ -1065,6 +1077,7 @@ export const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           status: "ACTIVE",
           documentType: "W8BEN",
           documentTypeString: taxTypeToName("W8BEN"),
@@ -1083,6 +1096,7 @@ export const TaxAndCashDashboardLoading = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           disabled: false,
           status: "ACTIVE",
           documentType: "W9",
@@ -1102,6 +1116,7 @@ export const TaxAndCashDashboardWithGeneralError = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           disabled: false,
           status: "ACTIVE",
           documentType: "W9",
@@ -1126,6 +1141,7 @@ export const TaxAndCashDashboardDisabled = () => {
     <sqm-tax-and-cash-dashboard
       demoData={{
         states: {
+          canEditPayoutInfo: true,
           disabled: true,
           status: "NOT_ACTIVE",
           documentType: "W8BEN",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 6489feb70f..9c12d8ed8d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -1,6 +1,7 @@
 import { h, VNode } from "@stencil/core";
 import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
+import { BankingInfoFormData } from "./useBankingInfoForm";
 
 export interface BankingInfoFormViewProps {
   states: {
@@ -18,7 +19,7 @@ export interface BankingInfoFormViewProps {
     feeCap?: string;
     isPartner: boolean;
     paymentMethodFeeLabel?: string;
-    formState: {
+    formState: BankingInfoFormData & {
       paymentMethodChecked?: "toBankAccount" | "toPayPalAccount";
       paymentScheduleChecked?: "BALANCE_THRESHOLD" | "FIXED_DAY";
       errors?: {
@@ -31,7 +32,6 @@ export interface BankingInfoFormViewProps {
       };
     };
     bitset?: number;
-    bankCountry?: string;
     currency?: string;
     thresholds: string[];
     countries?: { code: string; name: string }[];
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 375437b7db..906844bd37 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -402,31 +402,13 @@ export class BankingInfoForm {
       formMap,
     });
 
+    console.log({
+      formState: props.states.formState,
+      thresholds: props.states.thresholds,
+    });
+
     return (
       <Host>
-        {/* demo */}
-        {props.states.showInputs && (
-          <sl-select
-            name="/currency"
-            value={props.states.currency}
-            onSl-select={(e) => {
-              props.callbacks.setCurrency(e.detail?.item?.value);
-              props.callbacks.setBankCountry("");
-            }}
-          >
-            <sl-menu-item value="USD">USD</sl-menu-item>
-            <sl-menu-item value="GBP">GBP</sl-menu-item>
-            <sl-menu-item value="AUD">AUD</sl-menu-item>
-            <sl-menu-item value="CAD">CAD</sl-menu-item>
-            <sl-menu-item value="EUR">EUR</sl-menu-item>
-            <sl-menu-item value="JPY">JPY</sl-menu-item>
-            <sl-menu-item value="KRW">KRW</sl-menu-item>
-            <sl-menu-item value="MYR">MYR</sl-menu-item>
-            <sl-menu-item value="MXN">MXN</sl-menu-item>
-            <sl-menu-item value="RUB">RUB</sl-menu-item>
-            <sl-menu-item value="ARS">ARS</sl-menu-item>
-          </sl-select>
-        )}
         <BankingInfoFormView
           callbacks={props.callbacks}
           text={props.text}
@@ -440,7 +422,7 @@ export class BankingInfoForm {
                 required
                 name="/bankCountry"
                 id="bankCountry"
-                value={props.states.bankCountry}
+                value={props.states.formState.bankCountry}
                 onSl-select={(e) =>
                   props.callbacks.setBankCountry(e.detail?.item?.value)
                 }
@@ -475,6 +457,7 @@ export class BankingInfoForm {
                 label={props.text.paymentThresholdSelectLabel}
                 name="/paymentThreshold"
                 id="paymentThreshold"
+                value={props.states?.formState?.paymentThreshold}
                 {...(errors?.inputErrors?.paymentThreshold && {
                   class: "error-input",
                   helpText: getValidationErrorMessage({
@@ -494,6 +477,7 @@ export class BankingInfoForm {
               <sl-select
                 required
                 label={props.text.paymentDaySelectLabel}
+                value={props.states?.formState?.paymentDay}
                 name="/paymentDay"
                 id="paymentDay"
                 {...(errors?.inputErrors?.paymentDay && {
@@ -504,10 +488,10 @@ export class BankingInfoForm {
                   }),
                 })}
               >
-                <sl-menu-item value={1}>
+                <sl-menu-item value={"1"}>
                   {props.text.paymentDayFirstOfMonthLabelText}
                 </sl-menu-item>
-                <sl-menu-item value={15}>
+                <sl-menu-item value={"15"}>
                   {props.text.paymentDayFifteenthOfMonthLabelText}
                 </sl-menu-item>
               </sl-select>
@@ -515,6 +499,7 @@ export class BankingInfoForm {
             paypalInputSlot: (
               <sl-input
                 required
+                value={props.states?.formState?.paypalEmailAddress}
                 label={props.text.payPalInputLabel}
                 key="paypalEmailAddress"
                 name="/paypalEmailAddress"
@@ -546,7 +531,7 @@ function useDemoBankingInfoForm(
   const defaultPaymentScheduleChecked =
     props.demoData?.states?.formState?.paymentScheduleChecked;
   const defaultCurrency = props.demoData?.states?.currency;
-  const defaultCountry = props.demoData?.states?.bankCountry;
+  const defaultCountry = props.demoData?.states?.formState?.bankCountry;
 
   const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
   const [paymentMethodChecked, setPaymentMethodChecked] = useState<
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 9594d280d9..7eb1b23f77 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -43,9 +43,17 @@ const WIRE_PAYMENT_METHOD = 5;
 const PAYPAL_PAYMENT_METHOD = 7;
 
 export type BankingInfoFormData = {
+  // Fields that are auto-filled
+  bankCountry?: string;
+  bankAccountNumber?: string;
   paypalEmailAddress?: string;
+  paymentMethod?: string;
+  paymentThreshold?: string;
+  paymentSchedulingType?: "FIXED_DAY" | "BALANCE_THRESHOLD";
+  paymentDay?: string;
+
+  // Fields that aren't...
   beneficiaryAccountName?: string;
-  bankCountry?: string;
   beneficiaryClassification?:
     | "BUSINESS"
     | "INDIVIDUAL"
@@ -55,7 +63,6 @@ export type BankingInfoFormData = {
   beneficiaryAlternativeName?: string;
   beneficiaryTaxPayerId?: string;
   bankAccountType?: "CHECKING" | "SAVINGS" | "NOT_SET";
-  bankAccountNumber?: string;
   swiftCode?: string;
   routingCode?: string;
   voCode?: string;
@@ -98,7 +105,7 @@ export function getFormMap({
     label: string;
   }) => string;
 }) {
-  const { errors } = props.states.formState;
+  const { errors, ...formState } = props.states.formState;
 
   const country = props.states.bankCountry;
 
@@ -155,6 +162,7 @@ export function getFormMap({
           name="/bankAccountNumber"
           id="bankAccountNumber"
           key="bankAccountNumber"
+          value={formState.bankAccountNumber}
           type="text"
           {...(errors?.inputErrors?.bankAccountNumber && {
             class: "error-input",
@@ -175,6 +183,7 @@ export function getFormMap({
           id="iban"
           key="iban"
           type="text"
+          value={formState.bankAccountNumber}
           {...(errors?.inputErrors?.bankAccountNumber && {
             class: "error-input",
             helpText: getValidationErrorMessage({
@@ -559,6 +568,15 @@ function getPaymentMethod(paymentOption: FinanceNetworkSetting | undefined) {
   return "";
 }
 
+function parseImpactThreshold(threshold: string) {
+  // Impact returns a "10.00" decimal string for threshold
+
+  const parsed = Number.parseInt(threshold);
+  if (isNaN(parsed)) return undefined;
+
+  return parsed.toString();
+}
+
 export function useBankingInfoForm(
   props: BankingInfoForm
 ): BankingInfoFormViewProps {
@@ -580,7 +598,7 @@ export function useBankingInfoForm(
       SAVE_WITHDRAWAL_SETTINGS
     );
 
-  const [bankCountry, setBankCountry] = useState("");
+  const [formState, setFormState] = useState<BankingInfoFormData>({});
   const [currentPaymentOption, setCurrentPaymentOption] =
     useState<null | FinanceNetworkSetting>(null);
   const [loading, setLoading] = useState(false);
@@ -649,13 +667,44 @@ export function useBankingInfoForm(
 
     const publisherCountry =
       userData?.user?.impactConnection?.publisher?.countryCode;
+    const withdrawalSettings =
+      userData?.user?.impactConnection?.publisher?.withdrawalSettings;
+    // Use currentPaymentOption and initialise form with userData
+    let initialData: BankingInfoFormData = {
+      bankCountry: withdrawalSettings?.bankCountry || publisherCountry,
+    };
+
+    if (
+      withdrawalSettings &&
+      !userData.user?.impactConnection?.publisher?.isExisting
+    ) {
+      initialData = {
+        ...initialData,
+        paymentMethod: withdrawalSettings.paymentMethod,
+        paypalEmailAddress: withdrawalSettings.paypalEmailAddress,
+        bankAccountNumber: withdrawalSettings.bankAccountNumber,
+        paymentSchedulingType: withdrawalSettings.paymentSchedulingType,
+        paymentThreshold: parseImpactThreshold(
+          withdrawalSettings.paymentThreshold
+        ),
+        paymentDay: withdrawalSettings.paymentDay,
+      };
+    }
+
     const currentPaymentOption = paymentOptions?.find(
-      (paymentOption) => paymentOption.countryCode === publisherCountry
+      (paymentOption) => paymentOption.countryCode === initialData.bankCountry
     );
 
     setCurrentPaymentOption(currentPaymentOption);
-    setBankCountry(publisherCountry);
-  }, [paymentOptions, userData, setCurrentPaymentOption, setBankCountry]);
+    setFormState(initialData);
+
+    setPaymentScheduleChecked(initialData.paymentSchedulingType);
+    setPaymentMethodChecked(
+      initialData.paymentMethod === "PAYPAL"
+        ? "toPayPalAccount"
+        : "toBankAccount"
+    );
+  }, [paymentOptions, userData, setCurrentPaymentOption, setFormState]);
 
   const updateBankCountry = (bankCountry: string) => {
     const currentPaymentOption = paymentOptions?.find((paymentOption) => {
@@ -663,7 +712,7 @@ export function useBankingInfoForm(
       return false;
     });
 
-    setBankCountry(bankCountry);
+    setFormState((p) => ({ bankCountry, ...p }));
     setCurrentPaymentOption(currentPaymentOption);
   };
 
@@ -765,7 +814,7 @@ export function useBankingInfoForm(
       setCurrentPaymentOption(currentPaymentOption);
     } else if (paymentMethod === "toBankAccount") {
       const currentPaymentOption = paymentOptions?.find(
-        (paymentOption) => paymentOption.countryCode === bankCountry
+        (paymentOption) => paymentOption.countryCode === formState.bankCountry
       );
       setCurrentPaymentOption(currentPaymentOption);
     }
@@ -795,13 +844,13 @@ export function useBankingInfoForm(
       hidePayPal:
         paymentMethodChecked !== "toPayPalAccount" || !paymentMethodChecked,
       formState: {
+        ...formState,
         paymentMethodChecked,
         paymentScheduleChecked,
         errors,
       },
       currentPaymentOption,
       bitset: currentPaymentOption?.withdrawalSettingId || 0,
-      bankCountry,
       currency,
       thresholds: currentPaymentOption?.thresholdOptions?.split(",") || [],
       countries,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index a16ec0343c..d79feac39a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -8,6 +8,7 @@ export interface TaxAndCashDashboardProps {
     status?: string;
     documentType: TaxDocumentType | undefined;
     documentTypeString: string;
+    canEditPayoutInfo: boolean;
     disabled?: boolean;
     dateSubmitted?: string;
     dateExpired?: string;
@@ -344,14 +345,14 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
             {slots.payoutDetailsCardSlot}
             <p class={sheet.classes.DescriptionText}>{text.payoutFromImpact}</p>
             {/* ZH: Most likely need this button in the next iteration of form */}
-            {/* <sl-button
+            <sl-button
               disabled={states.disabled || states.loading}
               type="default"
               class={sheet.classes.EditBankDetailsButton}
               onClick={callbacks.onEditPayoutInfo}
             >
               {text.editPaymentInformationButton}
-            </sl-button> */}
+            </sl-button>
           </div>
         </div>
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 83750e8fd0..38c5003180 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -21,6 +21,7 @@ import { taxTypeToName } from "../utils";
 import { TaxAndCashDashboard } from "./sqm-tax-and-cash-dashboard";
 import { TaxAndCashDashboardProps } from "./sqm-tax-and-cash-dashboard-view";
 import { vatLabels } from "../countries";
+import { P } from "../../../global/mixins";
 
 function getExpiresSoon(submissionDate: number, expiryDate: number) {
   if (!submissionDate || !expiryDate) return false;
@@ -120,6 +121,7 @@ export const useTaxAndCashDashboard = (
       dateSubmitted,
       dateExpired,
       documentType,
+      canEditPayoutInfo: !publisher?.isExisting,
       documentTypeString: taxTypeToName(documentType),
       status: publisher?.currentTaxDocument?.status,
       subRegion: getSubRegionName(publisher?.taxInformation?.indirectTaxRegion),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 8156c0c978..a6c4b72daa 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -91,6 +91,9 @@ export type ImpactPublisher = {
   countryCode: string;
   currency: string;
   requiredTaxDocumentType: TaxDocumentType | null;
+  // TODO: Replace this once the API is available
+  // This is the flag for if a user can edit their banking info or not
+  isExisting: boolean;
   currentTaxDocument: null | {
     status: TaxDocumentStatus;
     type: TaxDocumentType;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 9b20b7d0ad..1c0a6a2db7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -959,8 +959,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    // const props = useTaxAndCash();
-    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    const props = useTaxAndCash();
+    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
     if (this.demoData?.showTextProps) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 6ea334996c..26967bc78c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -66,42 +66,51 @@ export function useTaxAndCash() {
 
   function setupDemo() {
     // coleton
-    // const id =
-    //   "62ed0e47b59c7f9dbfeb05dd807e542d8fee6fdb51978a6d61a238797df1914e";
-    // const accountId =
-    //   "62ed0e47b59c7f9dbfeb05dd807e542d8fee6fdb51978a6d61a238797df1914e";
+    const id =
+      "85438b54a9ccddaf65cdc2a23eb0e098f7e8455dfa612ba28874c21a2418f40f";
+    const accountId =
+      "85438b54a9ccddaf65cdc2a23eb0e098f7e8455dfa612ba28874c21a2418f40f";
 
     // // andy
     // const id = "12345";
     // const accountId = "12345";
 
     // andy2
-    const id =
-      "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
-    const accountId =
-      "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
+    // const id =
+    //   "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
+    // const accountId =
+    //   "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
 
     // sam
     // const id =
     //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
     // const accountId =
     //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
-    const programId = "22999";
+    const programId = "22514";
 
     //@ts-ignore
     window.widgetIdent = {
-      // tenantAlias: "aprh0cfq6y8tk",
-      tenantAlias: "aswi7zpxl6rjp",
+      tenantAlias: "aprh0cfq6y8tk",
+      // tenantAlias: "aswi7zpxl6rjp",
       appDomain: "https://staging.referralsaasquatch.com",
       programId,
     };
 
     // coleton
+    useEffect(() => {
+      setUserIdentity({
+        accountId,
+        id,
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiODU0MzhiNTRhOWNjZGRhZjY1Y2RjMmEyM2ViMGUwOThmN2U4NDU1ZGZhNjEyYmEyODg3NGMyMWEyNDE4ZjQwZiIsImFjY291bnRJZCI6Ijg1NDM4YjU0YTljY2RkYWY2NWNkYzJhMjNlYjBlMDk4ZjdlODQ1NWRmYTYxMmJhMjg4NzRjMjFhMjQxOGY0MGYifX0.P9AysKA3qMEHk6jC6poi7pr4nhKqtOAJV2jwBjHPJZQ",
+      });
+    }, []);
+
+    // andy
     // useEffect(() => {
     //   setUserIdentity({
     //     accountId,
     //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNjJlZDBlNDdiNTljN2Y5ZGJmZWIwNWRkODA3ZTU0MmQ4ZmVlNmZkYjUxOTc4YTZkNjFhMjM4Nzk3ZGYxOTE0ZSIsImFjY291bnRJZCI6IjYyZWQwZTQ3YjU5YzdmOWRiZmViMDVkZDgwN2U1NDJkOGZlZTZmZGI1MTk3OGE2ZDYxYTIzODc5N2RmMTkxNGUifX0.h-2WvLE61X_VsMWsMacvAjUTFEO8fn64a5modDCN0Eo",
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMGExZTFmYTE3OGQ1MmRlZDAzZTg2YjZiZDAxYThhMDIwNDZkOGJlZjMzNjc2MzRlMTkyNzQ2ZTcxMTljNDFlMyIsImFjY291bnRJZCI6IjBhMWUxZmExNzhkNTJkZWQwM2U4NmI2YmQwMWE4YTAyMDQ2ZDhiZWYzMzY3NjM0ZTE5Mjc0NmU3MTE5YzQxZTMifX0.OO18YDc8LG3XeKJAug1oahqapmHY61RncrbRiK7Yer4",
     //   });
     // }, []);
 
@@ -110,19 +119,10 @@ export function useTaxAndCash() {
     //   setUserIdentity({
     //     accountId,
     //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMGExZTFmYTE3OGQ1MmRlZDAzZTg2YjZiZDAxYThhMDIwNDZkOGJlZjMzNjc2MzRlMTkyNzQ2ZTcxMTljNDFlMyIsImFjY291bnRJZCI6IjBhMWUxZmExNzhkNTJkZWQwM2U4NmI2YmQwMWE4YTAyMDQ2ZDhiZWYzMzY3NjM0ZTE5Mjc0NmU3MTE5YzQxZTMifX0.OO18YDc8LG3XeKJAug1oahqapmHY61RncrbRiK7Yer4",
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiODBkMjRlOGQ2MTMzYmRjZjg1OTg0NGNhMWZjNzU1MmM1N2Q1ZDA2NjFhN2Y0NmY3OTFlYTA3ODU4MjdhNzBlZCIsImFjY291bnRJZCI6IjgwZDI0ZThkNjEzM2JkY2Y4NTk4NDRjYTFmYzc1NTJjNTdkNWQwNjYxYTdmNDZmNzkxZWEwNzg1ODI3YTcwZWQifX0.8VWa3R_pSeRJeNw07AZPjCdTuTiwBYXOAc-ouVItuYs",
     //   });
     // }, []);
 
-    // andy
-    useEffect(() => {
-      setUserIdentity({
-        accountId,
-        id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiODBkMjRlOGQ2MTMzYmRjZjg1OTg0NGNhMWZjNzU1MmM1N2Q1ZDA2NjFhN2Y0NmY3OTFlYTA3ODU4MjdhNzBlZCIsImFjY291bnRJZCI6IjgwZDI0ZThkNjEzM2JkY2Y4NTk4NDRjYTFmYzc1NTJjNTdkNWQwNjYxYTdmNDZmNzkxZWEwNzg1ODI3YTcwZWQifX0.8VWa3R_pSeRJeNw07AZPjCdTuTiwBYXOAc-ouVItuYs",
-      });
-    }, []);
-
     // sam
     // useEffect(() => {
     //   setUserIdentity({
@@ -253,7 +253,6 @@ export function useTaxAndCash() {
 
       const currentStep = getCurrentStep(user);
       setStep(currentStep);
-      // setStep("/4");
     }
   }, [host, user, data?.user?.email]);
 

From 7d92fc65e6849dbd09decaf4316d9515a649c9a9 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 12 Mar 2024 15:27:48 -0700
Subject: [PATCH 490/753] plug in currency

---
 .../components/sqm-invoice-table/useInvoiceTable.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
index f146fca749..036892aef5 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
@@ -30,6 +30,7 @@ export const GET_INVOICES = gql`
                 totalAmount
                 totalVatAmount
                 downloadUrl
+                currency
               }
               totalCount
             }
@@ -46,6 +47,7 @@ type Invoice = {
   totalAmount: number;
   totalVatAmount: number;
   downloadUrl: string;
+  currency: string;
 };
 
 export function useInvoiceTable(
@@ -87,7 +89,7 @@ export function useInvoiceTable(
     !user?.jwt
   );
 
-  console.log(invoicesData);
+  console.log({ invoicesData });
 
   const tick = useRerenderListener();
   const components = useChildElements<Element>();
@@ -108,11 +110,13 @@ export function useInvoiceTable(
     const cellsPromise = data?.map(async (invoice: Invoice) => {
       // TODO: probably going to pass in values as named by graphql
       const invoiceData = {
-        earnings: invoice.totalAmount,
-        taxedAmount: invoice.totalVatAmount,
+        earnings: `${invoice.currency}${invoice.totalAmount}`,
+        taxedAmount: `${invoice.currency}${invoice.totalVatAmount}`,
         dateCreated: invoice.dateCreated,
         invoiceId: invoice.id,
-        netEarnings: invoice.totalAmount - invoice.totalVatAmount,
+        netEarnings: `${invoice.currency}${
+          invoice.totalAmount - invoice.totalVatAmount
+        }`,
       };
 
       const cellPromise = columnComponents?.map(async (c: any) =>

From 27633fabd24bf48ffe1e2fb1761f721aa5e2ced8 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 12 Mar 2024 15:50:52 -0700
Subject: [PATCH 491/753] build + publish

---
 packages/mint-components/package.json         |  2 +-
 .../sqm-invoice-table/cells/readme.md         |  2 +
 .../sqm-invoice-table/columns/readme.md       | 22 +++--
 .../components/sqm-invoice-table/readme.md    |  4 +-
 .../sqm-invoice-table/sqm-invoice-table.tsx   |  2 +-
 .../src/components/sqm-leaderboard/readme.md  |  2 +-
 .../sqm-navigation-sidebar-item/readme.md     |  2 +-
 .../sqm-portal-verify-email/readme.md         |  2 +-
 .../components/sqm-referral-iframe/readme.md  |  2 +-
 .../components/sqm-referral-table/readme.md   |  2 +-
 .../sqm-reward-exchange-list/readme.md        |  2 +-
 .../components/sqm-rewards-table/readme.md    |  2 +-
 .../src/components/sqm-stencilbook/readme.md  | 15 ++--
 .../sqm-banking-info-form/readme.md           |  2 +-
 .../tax-and-cash/sqm-docusign-form/readme.md  | 48 +++++-----
 .../sqm-indirect-tax-form/readme.md           |  2 +-
 .../sqm-payout-details-card/readme.md         | 16 ++--
 .../sqm-tax-and-cash-dashboard/readme.md      | 87 ++++++++++---------
 .../tax-and-cash/sqm-tax-and-cash/readme.md   | 18 ++--
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  4 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  2 +-
 .../tax-and-cash/sqm-user-info-form/readme.md | 10 ++-
 22 files changed, 141 insertions(+), 109 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 150213d499..ae456932cf 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-65",
+  "version": "1.8.0-66",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md b/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md
index 756f517d66..10b337929f 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md
@@ -16,11 +16,13 @@
 
 ### Used by
 
+ - [sqm-invoice-table-download-column](../columns)
  - [sqm-stencilbook](../../sqm-stencilbook)
 
 ### Graph
 ```mermaid
 graph TD;
+  sqm-invoice-table-download-column --> sqm-invoice-table-download-cell
   sqm-stencilbook --> sqm-invoice-table-download-cell
   style sqm-invoice-table-download-cell fill:#f9f,stroke:#333,stroke-width:4px
 ```
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md b/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
index 99e1560961..f69d0bcabf 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
@@ -5,16 +5,9 @@
 <!-- Auto Generated Below -->
 
 
-## Properties
-
-| Property      | Attribute      | Description | Type     | Default     |
-| ------------- | -------------- | ----------- | -------- | ----------- |
-| `columnTitle` | `column-title` |             | `string` | `undefined` |
-
-
 ## Methods
 
-### `renderCell(_: Invoice) => Promise<any>`
+### `renderCell(data: Invoice) => Promise<any>`
 
 
 
@@ -24,27 +17,32 @@ Type: `Promise<any>`
 
 
 
-### `renderLabel() => Promise<string>`
+### `renderLabel() => Promise<any>`
 
 
 
 #### Returns
 
-Type: `Promise<string>`
+Type: `Promise<any>`
 
 
 
 
 ## Dependencies
 
+### Used by
+
+ - [sqm-stencilbook](../../sqm-stencilbook)
+
 ### Depends on
 
-- [sqm-invoice-table-cell](../cells)
+- [sqm-invoice-table-download-cell](../cells)
 
 ### Graph
 ```mermaid
 graph TD;
-  sqm-invoice-table-download-column --> sqm-invoice-table-cell
+  sqm-invoice-table-download-column --> sqm-invoice-table-download-cell
+  sqm-stencilbook --> sqm-invoice-table-download-column
   style sqm-invoice-table-download-column fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/sqm-invoice-table/readme.md b/packages/mint-components/src/components/sqm-invoice-table/readme.md
index 87cd6074cc..52804d527e 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/readme.md
@@ -9,7 +9,7 @@
 
 | Property        | Attribute        | Description                                                                                                                                                                                                                                                                | Type                                                                                                            | Default                                                                              |
 | --------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ |
-| `demoData`      | --               |                                                                                                                                                                                                                                                                            | `Partial<Pick<GenericTableViewProps, "data" \| "states" \| "elements">> & { mockData?: { data: Invoice[]; }; }` | `undefined`                                                                          |
+| `demoData`      | --               |                                                                                                                                                                                                                                                                            | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Invoice[]; }; }` | `undefined`                                                                          |
 | `description`   | `description`    |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"View and download your invoices to report your earnings and stay tax compliant. "` |
 | `header`        | `header`         |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Invoices"`                                                                         |
 | `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                             | `string`                                                                                                        | `"0"`                                                                                |
@@ -27,6 +27,7 @@
 ### Used by
 
  - [sqm-stencilbook](../sqm-stencilbook)
+ - [sqm-tax-and-cash-dashboard](../tax-and-cash/sqm-tax-and-cash-dashboard)
 
 ### Depends on
 
@@ -45,6 +46,7 @@ graph TD;
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
   sqm-stencilbook --> sqm-invoice-table
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table
   style sqm-invoice-table fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
index 42d3ea305a..e540405eec 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
@@ -21,7 +21,7 @@ import { InvoiceTableView } from "./sqm-invoice-table-view";
  * @uiName Invoice Table
  * @exampleGroup Invoices
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
- * @example Invoice Table - <sqm-invoice-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" ><sqm-invoice-table-user-column column-title="Customer" anonymous-user="Anonymous User" deleted-user="Deleted User" ></sqm-invoice-table-user-column ><sqm-invoice-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} Denied {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}" denied-help-text="Contact support if you think this is a mistake."></sqm-invoice-table-rewards-column ><sqm-invoice-table-date-column column-title="Date converted" date-shown="dateConverted" ></sqm-invoice-table-date-column ><sqm-invoice-table-status-column column-title="Status" converted-status-text="Converted" in-progress-status-text="In Progress" pending-review-status-text="Pending" denied-status-text="Denied" pending-review-status-sub-text="Awaiting review" denied-status-sub-text="Detected self-invoice" ></sqm-invoice-table-status-column ><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_referral2.png" empty-state-header="View your invoice details" empty-state-text="Refer a friend to view the status of your invoices and rewards earned" slot="empty" ></sqm-empty ></sqm-invoice-table> */
+ * @example Invoice Table - <sqm-invoice-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" ><sqm-invoice-table-download-column></sqm-invoice-table-download-column><sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column><sqm-invoice-table-data-column column-title="Invoice" property="invoiceId"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings" property="earnings"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Taxed Amount" property="taxedAmount"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings after tax" property="netEarnings"></sqm-invoice-table-data-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_referral2.png" empty-state-header="View your invoice details" empty-state-text="Refer a friend to view the status of your invoices and rewards earned" slot="empty" ></sqm-empty ></sqm-invoice-table> */
 @Component({
   tag: "sqm-invoice-table",
   shadow: true,
diff --git a/packages/mint-components/src/components/sqm-leaderboard/readme.md b/packages/mint-components/src/components/sqm-leaderboard/readme.md
index 05aac015eb..7c2cc9cb73 100644
--- a/packages/mint-components/src/components/sqm-leaderboard/readme.md
+++ b/packages/mint-components/src/components/sqm-leaderboard/readme.md
@@ -10,7 +10,7 @@
 | Property          | Attribute          | Description                                                                                                                                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Default            |
 | ----------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
 | `anonymousUser`   | `anonymous-user`   | Title displayed for users without names                                                                                                                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Anonymous User"` |
-| `demoData`        | --                 |                                                                                                                                                                                                         | `{ data?: { rankType: string; leaderboard: { textValue: string; rank: number; firstName: string; lastInitial: string; rowNumber: number; }[]; viewerRank?: { textValue: string; rank: number; firstName: string; lastInitial: string; rowNumber: number; }; }; states?: { loading: boolean; hasLeaders: boolean; styles: { usersheading: string; statsheading: string; rankheading?: string; showRank?: boolean; hideViewer?: boolean; anonymousUser?: string; }; }; elements?: { empty: VNode; loadingstate: VNode; }; }` | `undefined`        |
+| `demoData`        | --                 |                                                                                                                                                                                                         | `{ states?: { loading: boolean; hasLeaders: boolean; styles: { usersheading: string; statsheading: string; rankheading?: string; showRank?: boolean; hideViewer?: boolean; anonymousUser?: string; }; }; data?: { rankType: string; leaderboard: { textValue: string; rank: number; firstName: string; lastInitial: string; rowNumber: number; }[]; viewerRank?: { textValue: string; rank: number; firstName: string; lastInitial: string; rowNumber: number; }; }; elements?: { empty: VNode; loadingstate: VNode; }; }` | `undefined`        |
 | `hideViewer`      | `hide-viewer`      | Hide the viewer's leaderboard row if not in the top results.                                                                                                                                            | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `false`            |
 | `interval`        | `interval`         |                                                                                                                                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `undefined`        |
 | `leaderboardType` | `leaderboard-type` |                                                                                                                                                                                                         | `"topConvertedReferrers" \| "topPointEarners" \| "topStartedReferrers"`                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `undefined`        |
diff --git a/packages/mint-components/src/components/sqm-navigation-sidebar-item/readme.md b/packages/mint-components/src/components/sqm-navigation-sidebar-item/readme.md
index 4305f68a5b..44af7c9dc3 100644
--- a/packages/mint-components/src/components/sqm-navigation-sidebar-item/readme.md
+++ b/packages/mint-components/src/components/sqm-navigation-sidebar-item/readme.md
@@ -9,7 +9,7 @@
 
 | Property   | Attribute | Description                                                 | Type                                                                                        | Default     |
 | ---------- | --------- | ----------------------------------------------------------- | ------------------------------------------------------------------------------------------- | ----------- |
-| `demoData` | --        |                                                             | `{ data?: { label: string; icon: string; path: string; }; states?: { active: boolean; }; }` | `undefined` |
+| `demoData` | --        |                                                             | `{ states?: { active: boolean; }; data?: { label: string; icon: string; path: string; }; }` | `undefined` |
 | `icon`     | `icon`    | Options available at https://shoelace.style/components/icon | `string`                                                                                    | `undefined` |
 | `label`    | `label`   |                                                             | `string`                                                                                    | `undefined` |
 | `path`     | `path`    |                                                             | `string`                                                                                    | `undefined` |
diff --git a/packages/mint-components/src/components/sqm-portal-verify-email/readme.md b/packages/mint-components/src/components/sqm-portal-verify-email/readme.md
index 4ba355e082..20527dd98e 100644
--- a/packages/mint-components/src/components/sqm-portal-verify-email/readme.md
+++ b/packages/mint-components/src/components/sqm-portal-verify-email/readme.md
@@ -10,7 +10,7 @@
 | Property              | Attribute               | Description                                                                                       | Type                                                                                                                                                                                                                         | Default                                                                                                          |
 | --------------------- | ----------------------- | ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |
 | `continueText`        | `continue-text`         |                                                                                                   | `string`                                                                                                                                                                                                                     | `"Continue"`                                                                                                     |
-| `demoData`            | --                      |                                                                                                   | `{ data?: { oobCode: string; }; states?: { error: string; loading: boolean; verified: boolean; }; content?: { verifySuccessText?: string; verifyEmailText?: string; verifyInvalidText?: string; continueText?: string; }; }` | `undefined`                                                                                                      |
+| `demoData`            | --                      |                                                                                                   | `{ states?: { error: string; loading: boolean; verified: boolean; }; data?: { oobCode: string; }; content?: { verifySuccessText?: string; verifyEmailText?: string; verifyInvalidText?: string; continueText?: string; }; }` | `undefined`                                                                                                      |
 | `failedPage`          | `failed-page`           | Redirect participants to this page if verification fails due to an outdated verification attempt. | `string`                                                                                                                                                                                                                     | `"/"`                                                                                                            |
 | `networkErrorMessage` | `network-error-message` |                                                                                                   | `string`                                                                                                                                                                                                                     | `"An error occurred while verifying your email. Please refresh the page and try again."`                         |
 | `nextPage`            | `next-page`             | Redirect participants to this page when they successfully verify their email.                     | `string`                                                                                                                                                                                                                     | `"/"`                                                                                                            |
diff --git a/packages/mint-components/src/components/sqm-referral-iframe/readme.md b/packages/mint-components/src/components/sqm-referral-iframe/readme.md
index 816fe9ebbe..c9b804d9f1 100644
--- a/packages/mint-components/src/components/sqm-referral-iframe/readme.md
+++ b/packages/mint-components/src/components/sqm-referral-iframe/readme.md
@@ -9,7 +9,7 @@
 
 | Property       | Attribute       | Description                                                                                     | Type                                                                                                                           | Default     |
 | -------------- | --------------- | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `demoData`     | --              |                                                                                                 | `{ data?: { shareCode: string; }; states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; }` | `undefined` |
+| `demoData`     | --              |                                                                                                 | `{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }` | `undefined` |
 | `iframeHeight` | `iframe-height` | Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto. | `string`                                                                                                                       | `"100%"`    |
 | `iframeSrc`    | `iframe-src`    | URL of iframe to display                                                                        | `string`                                                                                                                       | `undefined` |
 | `iframeWidth`  | `iframe-width`  | Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.   | `string`                                                                                                                       | `"100%"`    |
diff --git a/packages/mint-components/src/components/sqm-referral-table/readme.md b/packages/mint-components/src/components/sqm-referral-table/readme.md
index 84fe531d89..86bfeaa709 100644
--- a/packages/mint-components/src/components/sqm-referral-table/readme.md
+++ b/packages/mint-components/src/components/sqm-referral-table/readme.md
@@ -9,7 +9,7 @@
 
 | Property        | Attribute        | Description                                                                                                                                                                                                                                                                   | Type                                                                                                             | Default     |
 | --------------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ----------- |
-| `demoData`      | --               |                                                                                                                                                                                                                                                                               | `Partial<Pick<GenericTableViewProps, "data" \| "states" \| "elements">> & { mockData?: { data: Referral[]; }; }` | `undefined` |
+| `demoData`      | --               |                                                                                                                                                                                                                                                                               | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Referral[]; }; }` | `undefined` |
 | `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                                | `string`                                                                                                         | `"0"`       |
 | `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                                                                               | `boolean`                                                                                                        | `false`     |
 | `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                                                                               | `number`                                                                                                         | `799`       |
diff --git a/packages/mint-components/src/components/sqm-reward-exchange-list/readme.md b/packages/mint-components/src/components/sqm-reward-exchange-list/readme.md
index 5e14d64381..8131ab512a 100644
--- a/packages/mint-components/src/components/sqm-reward-exchange-list/readme.md
+++ b/packages/mint-components/src/components/sqm-reward-exchange-list/readme.md
@@ -17,7 +17,7 @@
 | `continueText`               | `continue-text`                 |                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                      | `"Continue"`                                                                                                                                                                               |
 | `continueToConfirmationText` | `continue-to-confirmation-text` | Displayed on the reward selection page.                                          | `string`                                                                                                                                                                                                                                                                                                                                      | `"Continue to confirmation"`                                                                                                                                                               |
 | `costTitle`                  | `cost-title`                    | Shown in the confirmation state.                                                 | `string`                                                                                                                                                                                                                                                                                                                                      | `"Cost to Redeem"`                                                                                                                                                                         |
-| `demoData`                   | --                              |                                                                                  | `{ data?: { exchangeList: any; fuelTankCode?: string; }; states?: { selectedItem: ExchangeItem; selectedStep: ExchangeStep; redeemStage: string; amount: number; exchangeError: boolean; queryError: boolean; loading: boolean; open: boolean; noExchangeOptions: boolean; content: { text: TextContent; }; }; refs?: { canvasRef: any; }; }` | `undefined`                                                                                                                                                                                |
+| `demoData`                   | --                              |                                                                                  | `{ states?: { selectedItem: ExchangeItem; selectedStep: ExchangeStep; redeemStage: string; amount: number; exchangeError: boolean; queryError: boolean; loading: boolean; open: boolean; noExchangeOptions: boolean; content: { text: TextContent; }; }; refs?: { canvasRef: any; }; data?: { exchangeList: any; fuelTankCode?: string; }; }` | `undefined`                                                                                                                                                                                |
 | `doneText`                   | `done-text`                     |                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                      | `"Done"`                                                                                                                                                                                   |
 | `notAvailableError`          | `not-available-error`           | Error message shown when reward is not available                                 | `string`                                                                                                                                                                                                                                                                                                                                      | `"{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }"` |
 | `notEnoughError`             | `not-enough-error`              |                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                      | `"Not enough {sourceUnit} to redeem for this reward"`                                                                                                                                      |
diff --git a/packages/mint-components/src/components/sqm-rewards-table/readme.md b/packages/mint-components/src/components/sqm-rewards-table/readme.md
index 993f2970c7..d149336513 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/readme.md
@@ -9,7 +9,7 @@
 
 | Property        | Attribute        | Description                                                                                                                                                                                                      | Type                                                                                                             | Default     |
 | --------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ----------- |
-| `demoData`      | --               |                                                                                                                                                                                                                  | `Partial<Pick<GenericTableViewProps, "data" \| "states" \| "elements">> & { mockData?: { data: Referral[]; }; }` | `undefined` |
+| `demoData`      | --               |                                                                                                                                                                                                                  | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Referral[]; }; }` | `undefined` |
 | `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                   | `string`                                                                                                         | `"0"`       |
 | `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                  | `boolean`                                                                                                        | `false`     |
 | `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                  | `number`                                                                                                         | `799`       |
diff --git a/packages/mint-components/src/components/sqm-stencilbook/readme.md b/packages/mint-components/src/components/sqm-stencilbook/readme.md
index 60830f1f30..df7b20dc0d 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/readme.md
+++ b/packages/mint-components/src/components/sqm-stencilbook/readme.md
@@ -83,10 +83,11 @@
 - [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
 - [sqm-payout-details-card](../tax-and-cash/sqm-payout-details-card)
 - [sqm-invoice-table](../sqm-invoice-table)
-- [sqm-invoice-table-cell](../sqm-invoice-table/cells)
 - [sqm-invoice-table-download-cell](../sqm-invoice-table/cells)
 - [sqm-invoice-table-date-cell](../sqm-invoice-table/cells)
+- [sqm-invoice-table-download-column](../sqm-invoice-table/columns)
 - [sqm-invoice-table-date-column](../sqm-invoice-table/columns)
+- [sqm-invoice-table-data-column](../sqm-invoice-table/columns)
 
 ### Graph
 ```mermaid
@@ -165,10 +166,11 @@ graph TD;
   sqm-stencilbook --> sqm-tax-and-cash
   sqm-stencilbook --> sqm-payout-details-card
   sqm-stencilbook --> sqm-invoice-table
-  sqm-stencilbook --> sqm-invoice-table-cell
   sqm-stencilbook --> sqm-invoice-table-download-cell
   sqm-stencilbook --> sqm-invoice-table-date-cell
+  sqm-stencilbook --> sqm-invoice-table-download-column
   sqm-stencilbook --> sqm-invoice-table-date-column
+  sqm-stencilbook --> sqm-invoice-table-data-column
   sqm-empty --> sqm-portal-container
   sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
@@ -203,15 +205,18 @@ graph TD;
   sqm-user-info-form --> sqm-tax-and-cash-dashboard
   sqm-user-info-form --> sqm-tax-and-cash
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table
+  sqm-invoice-table --> sqm-empty
+  sqm-invoice-table --> sqm-table-row
+  sqm-invoice-table --> sqm-table-cell
   sqm-tax-and-cash --> sqm-user-info-form
   sqm-tax-and-cash --> sqm-indirect-tax-form
   sqm-tax-and-cash --> sqm-docusign-form
   sqm-tax-and-cash --> sqm-banking-info-form
   sqm-tax-and-cash --> sqm-tax-and-cash-dashboard
-  sqm-invoice-table --> sqm-empty
-  sqm-invoice-table --> sqm-table-row
-  sqm-invoice-table --> sqm-table-cell
+  sqm-invoice-table-download-column --> sqm-invoice-table-download-cell
   sqm-invoice-table-date-column --> sqm-invoice-table-date-cell
+  sqm-invoice-table-data-column --> sqm-invoice-table-data-cell
   style sqm-stencilbook fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index b603d0af79..2b0c6e5a28 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -25,7 +25,7 @@
 | `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification Entity"`                                                                                                                                                                                                   |
 | `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification"`                                                                                                                                                                                                          |
 | `continueButton`                      | `continue-button`                           | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Save"`                                                                                                                                                                                                                    |
-| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; bankCountry?: string; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; refs?: { formRef: any; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; }` | `undefined`                                                                                                                                                                                                                 |
+| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }` | `undefined`                                                                                                                                                                                                                 |
 | `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Directly to my bank account"`                                                                                                                                                                                             |
 | `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"EFT Withdrawal (free)"`                                                                                                                                                                                                   |
 | `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{fieldName} is invalid"`                                                                                                                                                                                                  |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index ff566a649f..258832ba1c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,30 +7,30 @@
 
 ## Properties
 
-| Property                                  | Attribute                                     | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                     | Default                                                                                                                                                            |
-| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `backButton`                              | `back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Back"`                                                                                                                                                           |
-| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
-| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"I represent a business"`                                                                                                                                         |
-| `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"I have completed and submitted my tax form"`                                                                                                                     |
-| `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Form submission"`                                                                                                                                                |
-| `demoData`                                | --                                            |                                                                                                            | `{ data?: { taxForm: TaxDocumentType; documentUrl: string; }; states?: { hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; }` | `undefined`                                                                                                                                                        |
-| `docusignCompleted`                       | `docusign-completed`                          | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your document has been completed and submitted."`                                                                                                                |
-| `docusignError`                           | `docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
-| `docusignExpired`                         | `docusign-expired`                            | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
-| `formStep`                                | `form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Step 3 of 4"`                                                                                                                                                    |
-| `formSubmissionError`                     | `form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"This field is required"`                                                                                                                                         |
-| `generalErrorDescription`                 | `general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
-| `generalErrorTitle`                       | `general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem submitting your information"`                                                                                                                |
-| `individualParticipant`                   | `individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"I am an individual participant"`                                                                                                                                 |
-| `notBasedInUS`                            | `not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Not based in the US?"`                                                                                                                                           |
-| `participantType`                         | `participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Participant type"`                                                                                                                                               |
-| `refreshButton`                           | `refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Refresh Page"`                                                                                                                                                   |
-| `taxForm`                                 | `tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Tax form"`                                                                                                                                                       |
-| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
-| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
-| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
-| `taxFormLabel`                            | `tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{documentType} Tax Form"`                                                                                                                                        |
+| Property                                  | Attribute                                     | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Default                                                                                                                                                            |
+| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `backButton`                              | `back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Back"`                                                                                                                                                           |
+| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
+| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"I represent a business"`                                                                                                                                         |
+| `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"I have completed and submitted my tax form"`                                                                                                                     |
+| `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Form submission"`                                                                                                                                                |
+| `demoData`                                | --                                            |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; urlLoading: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
+| `docusignCompleted`                       | `docusign-completed`                          | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your document has been completed and submitted."`                                                                                                                |
+| `docusignError`                           | `docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
+| `docusignExpired`                         | `docusign-expired`                            | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
+| `formStep`                                | `form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Step 3 of 4"`                                                                                                                                                    |
+| `formSubmissionError`                     | `form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"This field is required"`                                                                                                                                         |
+| `generalErrorDescription`                 | `general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
+| `generalErrorTitle`                       | `general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem submitting your information"`                                                                                                                |
+| `individualParticipant`                   | `individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"I am an individual participant"`                                                                                                                                 |
+| `notBasedInUS`                            | `not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Not based in the US?"`                                                                                                                                           |
+| `participantType`                         | `participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Participant type"`                                                                                                                                               |
+| `refreshButton`                           | `refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Refresh Page"`                                                                                                                                                   |
+| `taxForm`                                 | `tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Tax form"`                                                                                                                                                       |
+| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
+| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
+| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
+| `taxFormLabel`                            | `tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{documentType} Tax Form"`                                                                                                                                        |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 16384cc9ea..672b9c4adc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -10,7 +10,7 @@
 | `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Back"`                                                                                                                                                                                                            |
 | `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`                                       |
 | `continueButton`                 | `continue-button`                     | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Continue"`                                                                                                                                                                                                        |
-| `demoData`                       | --                                    |                                                                                                    | `{ data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; provinces: { regionCode: string; taxType: string; displayName: string; }[]; }; states?: { hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; loadingError: boolean; formState: { checked: "hstCanada" \| "otherRegion" \| "notRegistered"; errors: {}; }; }; refs?: { formRef: Ref<HTMLFormElement>; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: string; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }` | `undefined`                                                                                                                                                                                                         |
+| `demoData`                       | --                                    |                                                                                                    | `{ states?: { 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[]; 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; }; }; }` | `undefined`                                                                                                                                                                                                         |
 | `fieldRequiredError`             | `field-required-error`                | Required error text shown at the bottom of field inputs                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{fieldName} is required"`                                                                                                                                                                                         |
 | `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Step 2 of 4"`                                                                                                                                                                                                     |
 | `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
index acb1d0539c..d3620bcc56 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
@@ -7,14 +7,14 @@
 
 ## Properties
 
-| Property               | Attribute                | Description | Type                                      | Default                                                                                           |
-| ---------------------- | ------------------------ | ----------- | ----------------------------------------- | ------------------------------------------------------------------------------------------------- |
-| `accountText`          | `account-text`           |             | `string`                                  | `"Account"`                                                                                       |
-| `demoData`             | --                       |             | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                       |
-| `errorDescriptionText` | `error-description-text` |             | `string`                                  | `"Please ensure your payout information is correct. If this problem continues, contact Support."` |
-| `errorTitleText`       | `error-title-text`       |             | `string`                                  | `"There was an error with your payout infomation"`                                                |
-| `statusBadgeText`      | `status-badge-text`      |             | `string`                                  | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                     |
-| `thresholdPayoutText`  | `threshold-payout-text`  |             | `string`                                  | `"Next payout occurs when balance is {thresholdBalance}"`                                         |
+| Property               | Attribute                | Description                                                                  | Type                                      | Default                                                                                           |
+| ---------------------- | ------------------------ | ---------------------------------------------------------------------------- | ----------------------------------------- | ------------------------------------------------------------------------------------------------- |
+| `accountText`          | `account-text`           | Text shown before account number                                             | `string`                                  | `"Account"`                                                                                       |
+| `demoData`             | --                       |                                                                              | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                       |
+| `errorDescriptionText` | `error-description-text` | Error alert description shown above payout details card                      | `string`                                  | `"Please ensure your payout information is correct. If this problem continues, contact Support."` |
+| `errorTitleText`       | `error-title-text`       | Error alert header shown above payout details card                           | `string`                                  | `"There was an error with your payout infomation"`                                                |
+| `statusBadgeText`      | `status-badge-text`      | Badge text indicating payout status                                          | `string`                                  | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                     |
+| `thresholdPayoutText`  | `threshold-payout-text`  | Text shown above current balance indicating required balance for next payout | `string`                                  | `"Next payout occurs when balance is {thresholdBalance}"`                                         |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index 44a7e463c0..d980753efd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -7,45 +7,45 @@
 
 ## Properties
 
-| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | Default                                                                                                                                                      |
-| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `accountText`                     | `account-text`                       | Label text account heading text                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Account"`                                                                                                                                                  |
-| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                           |
-| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submitted on {dateSubmitted}."`                                                                                                                            |
-| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
-| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payout information"`                                                                                                                                       |
-| `demoData`                        | --                                   |                                                                                        | `{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; 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; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
-| `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Edit Payout Information"`                                                                                                                                  |
-| `errorDescriptionText`            | `error-description-text`             |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please ensure your payout information is correct. If this problem continues, contact Support."`                                                            |
-| `errorTitleText`                  | `error-title-text`                   |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was an error with your payout infomation"`                                                                                                           |
-| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please review your information and try again. If this problem continues, contact Support."`                                                                |
-| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem submitting your information"`                                                                                                          |
-| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                            |
-| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Registered in {province}, {country}"`                                                                                                                      |
-| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Registered in {country}"`                                                                                                                                  |
-| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Indirect tax"`                                                                                                                                             |
-| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Registered in {country}, {subRegion}"`                                                                                                                     |
-| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
-| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Make sure your information is correct and submit new form."`                                                                                               |
-| `loadingErrorAlertDescription`    | `loading-error-alert-description`    | Alert description shown if there is a problem loading a form                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                       |
-| `loadingErrorAlertHeader`         | `loading-error-alert-header`         | Alert header shown if there is a problem loading a form                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem loading your form"`                                                                                                                    |
-| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submit New Form"`                                                                                                                                          |
-| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
-| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
-| `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payouts will be sent from our referral program provider, impact.com"`                                                                                      |
-| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"QST number: {qstNumber}"`                                                                                                                                  |
-| `statusBadgeText`                 | `status-badge-text`                  | Label text for next payout status badge                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                |
-| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Active"`                                                                                                                                                   |
-| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Invalid Tax Form"`                                                                                                                                         |
-| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not Verified"`                                                                                                                                             |
-| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                  |
-| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{documentType} tax form is invalid"`                                                                                                                       |
-| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
-| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form."`                            |
-| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please resubmit a new {documentType} form."`                                                                                                               |
-| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax documents"`                                                                                                                                            |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{documentType} tax form"`                                                                                                                                  |
-| `thresholdPayoutText`             | `threshold-payout-text`              | Label text for the next payout based on balance                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                    |
+| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Default                                                                                                                                                      |
+| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `accountText`                     | `account-text`                       | Label text account heading text                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Account"`                                                                                                                                                  |
+| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                           |
+| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submitted on {dateSubmitted}."`                                                                                                                            |
+| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
+| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Payout information"`                                                                                                                                       |
+| `demoData`                        | --                                   |                                                                                        | `{ 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; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
+| `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Edit Payout Information"`                                                                                                                                  |
+| `errorDescriptionText`            | `error-description-text`             |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please ensure your payout information is correct. If this problem continues, contact Support."`                                                            |
+| `errorTitleText`                  | `error-title-text`                   |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was an error with your payout infomation"`                                                                                                           |
+| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please review your information and try again. If this problem continues, contact Support."`                                                                |
+| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem submitting your information"`                                                                                                          |
+| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                            |
+| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Registered in {province}, {country}"`                                                                                                                      |
+| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Registered in {country}"`                                                                                                                                  |
+| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Indirect tax"`                                                                                                                                             |
+| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Registered in {country}, {subRegion}"`                                                                                                                     |
+| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
+| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Make sure your information is correct and submit new form."`                                                                                               |
+| `loadingErrorAlertDescription`    | `loading-error-alert-description`    | Alert description shown if there is a problem loading a form                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                       |
+| `loadingErrorAlertHeader`         | `loading-error-alert-header`         | Alert header shown if there is a problem loading a form                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem loading your form"`                                                                                                                    |
+| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submit New Form"`                                                                                                                                          |
+| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
+| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
+| `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Payouts will be sent from our referral program provider, impact.com"`                                                                                      |
+| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"QST number: {qstNumber}"`                                                                                                                                  |
+| `statusBadgeText`                 | `status-badge-text`                  | Label text for next payout status badge                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                |
+| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Active"`                                                                                                                                                   |
+| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Invalid Tax Form"`                                                                                                                                         |
+| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Not Verified"`                                                                                                                                             |
+| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                  |
+| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{documentType} tax form is invalid"`                                                                                                                       |
+| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
+| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form."`                            |
+| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please resubmit a new {documentType} form."`                                                                                                               |
+| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Tax documents"`                                                                                                                                            |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{documentType} tax form"`                                                                                                                                  |
+| `thresholdPayoutText`             | `threshold-payout-text`              | Label text for the next payout based on balance                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                    |
 
 
 ## Dependencies
@@ -59,11 +59,20 @@
 ### Depends on
 
 - [sqm-payout-details-card](../sqm-payout-details-card)
+- [sqm-invoice-table](../../sqm-invoice-table)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table
+  sqm-invoice-table --> sqm-empty
+  sqm-invoice-table --> sqm-table-row
+  sqm-invoice-table --> sqm-table-cell
+  sqm-empty --> sqm-portal-container
+  sqm-empty --> sqm-image
+  sqm-empty --> sqm-titled-section
+  sqm-empty --> sqm-text
   sqm-stencilbook --> sqm-tax-and-cash-dashboard
   sqm-tax-and-cash --> sqm-tax-and-cash-dashboard
   sqm-user-info-form --> sqm-tax-and-cash-dashboard
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 03ef6d8713..f22f21c08b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -9,14 +9,14 @@
 | ----------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `backButton`                                    | `back-button`                                        | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                        |
 | `continueButton`                                | `continue-button`                                    | Text for the continue button in the form                                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                    |
-| `dashboard_accountText`                         | `dashboard_account-text`                             |                                                                                                            | `string`                                                                                                             | `"Account"`                                                                                                                                                                     |
+| `dashboard_accountText`                         | `dashboard_account-text`                             | Text shown before account number                                                                           | `string`                                                                                                             | `"Account"`                                                                                                                                                                     |
 | `dashboard_badgeTextAwaitingReview`             | `dashboard_badge-text-awaiting-review`               | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                              |
 | `dashboard_badgeTextSubmittedOn`                | `dashboard_badge-text-submitted-on`                  | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}."`                                                                                                                                               |
 | `dashboard_badgeTextSubmittedOnW8`              | `dashboard_badge-text-submitted-on-w-8`              | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                       |
 | `dashboard_bankingInformationSectionHeader`     | `dashboard_banking-information-section-header`       | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Payout Information"`                                                                                                                                                          |
 | `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          | Text displayed in the edit Payment Information button                                                      | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                     |
-| `dashboard_errorDescriptionText`                | `dashboard_error-description-text`                   |                                                                                                            | `string`                                                                                                             | `"Please ensure your payout information is correct. If this problem continues, contact Support."`                                                                               |
-| `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         |                                                                                                            | `string`                                                                                                             | `"There was an error with your payout infomation"`                                                                                                                              |
+| `dashboard_errorDescriptionText`                | `dashboard_error-description-text`                   | Error alert description shown above payout details card                                                    | `string`                                                                                                             | `"Please ensure your payout information is correct. If this problem continues, contact Support."`                                                                               |
+| `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         | Error alert header shown above payout details card                                                         | `string`                                                                                                             | `"There was an error with your payout infomation"`                                                                                                                              |
 | `dashboard_indirectTaxDetails`                  | `dashboard_indirect-tax-details`                     | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                               |
 | `dashboard_indirectTaxInfoCanada`               | `dashboard_indirect-tax-info-canada`                 | Country/Province description text of indirect tax                                                          | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                         |
 | `dashboard_indirectTaxInfoOtherCountry`         | `dashboard_indirect-tax-info-other-country`          | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                     |
@@ -28,7 +28,7 @@
 | `dashboard_noFormNeededSubtext`                 | `dashboard_no-form-needed-subtext`                   | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                             |
 | `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                    |
 | `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST number: {qstNumber}"`                                                                                                                                                     |
-| `dashboard_statusBadgeText`                     | `dashboard_status-badge-text`                        |                                                                                                            | `string`                                                                                                             | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                   |
+| `dashboard_statusBadgeText`                     | `dashboard_status-badge-text`                        | Badge text indicating payout status                                                                        | `string`                                                                                                             | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                   |
 | `dashboard_statusTextActive`                    | `dashboard_status-text-active`                       | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                      |
 | `dashboard_statusTextNotActive`                 | `dashboard_status-text-not-active`                   | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                            |
 | `dashboard_statusTextNotVerified`               | `dashboard_status-text-not-verified`                 | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                                |
@@ -39,7 +39,7 @@
 | `dashboard_taxAlertNotActiveMessageW9`          | `dashboard_tax-alert-not-active-message-w-9`         | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                                  |
 | `dashboard_taxDocumentSectionHeader`            | `dashboard_tax-document-section-header`              | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                               |
 | `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                     |
-| `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    |                                                                                                            | `string`                                                                                                             | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                       |
+| `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    | Text shown above current balance indicating required balance for next payout                               | `string`                                                                                                             | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                       |
 | `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                     |
 | `fieldInvalidError`                             | `field-invalid-error`                                | Invalid error text shown at the bottom of field inputs                                                     | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                      |
 | `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                     |
@@ -166,6 +166,14 @@ graph TD;
   sqm-tax-and-cash --> sqm-tax-and-cash-dashboard
   sqm-user-info-form --> sqm-tax-and-cash
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table
+  sqm-invoice-table --> sqm-empty
+  sqm-invoice-table --> sqm-table-row
+  sqm-invoice-table --> sqm-table-cell
+  sqm-empty --> sqm-portal-container
+  sqm-empty --> sqm-image
+  sqm-empty --> sqm-titled-section
+  sqm-empty --> sqm-text
   sqm-stencilbook --> sqm-tax-and-cash
   style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
 ```
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 3130336de6..a5595bd8be 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -981,8 +981,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    const props = useTaxAndCash();
-    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    // const props = useTaxAndCash();
+    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
     if (this.demoData?.showTextProps) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 176dd60ffc..f12b08e80d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -129,7 +129,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  setupDemo();
+  // setupDemo();
 
   /** END DEMO DATA */
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index 519d26fa37..7098773fde 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -14,7 +14,7 @@
 | `country`                      | `country`                         | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Country"`                                                                                                                                                                 |
 | `currency`                     | `currency`                        | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Currency"`                                                                                                                                                                |
 | `currencyHelpText`             | `currency-help-text`              | Help text shown underneath currency input                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Choose your preferred payout currency"`                                                                                                                                   |
-| `demoData`                     | --                                |                                                                                       | `{ data?: { currencies: Currencies; countries: TaxCountry[]; }; states?: { hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
+| `demoData`                     | --                                |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; data?: { currencies: Currencies; countries: TaxCountry[]; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
 | `email`                        | `email`                           | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Email"`                                                                                                                                                                   |
 | `fieldRequiredError`           | `field-required-error`            | Required error text shown at the bottom of field inputs                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{fieldName} is required"`                                                                                                                                                 |
 | `firstName`                    | `first-name`                      | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"First name"`                                                                                                                                                              |
@@ -52,6 +52,14 @@
 graph TD;
   sqm-user-info-form --> sqm-user-info-form
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table
+  sqm-invoice-table --> sqm-empty
+  sqm-invoice-table --> sqm-table-row
+  sqm-invoice-table --> sqm-table-cell
+  sqm-empty --> sqm-portal-container
+  sqm-empty --> sqm-image
+  sqm-empty --> sqm-titled-section
+  sqm-empty --> sqm-text
   sqm-tax-and-cash --> sqm-user-info-form
   sqm-stencilbook --> sqm-user-info-form
   style sqm-user-info-form fill:#f9f,stroke:#333,stroke-width:4px

From 6c45c5a1f7f0a742a3e80f7e195c292168d24b5d Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 12 Mar 2024 15:52:19 -0700
Subject: [PATCH 492/753] restore defaults

---
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx        | 4 ++--
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx           | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index a5595bd8be..3130336de6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -981,8 +981,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    // const props = useTaxAndCash();
-    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    const props = useTaxAndCash();
+    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
     if (this.demoData?.showTextProps) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index f12b08e80d..176dd60ffc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -129,7 +129,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  // setupDemo();
+  setupDemo();
 
   /** END DEMO DATA */
 

From 7266ad00887a62aef6760e7855d71f8b5f1f77fd Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 12 Mar 2024 15:56:11 -0700
Subject: [PATCH 493/753] update view

---
 .../sqm-tax-and-cash-dashboard-view.tsx       | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 7cb212dfa9..dfb79fe323 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -502,10 +502,29 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
             </div>
           )}
         </div>
-        {/* AL: TODO Pass props */}
         <div class={sheet.classes.InvoiceTableContainer}>
           <br />
-          <sqm-invoice-table />
+          {/* AL: TODO Pass props */}
+          <sqm-invoice-table>
+            <sqm-invoice-table-download-column></sqm-invoice-table-download-column>
+            <sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column>
+            <sqm-invoice-table-data-column
+              column-title="Invoice"
+              property="invoiceId"
+            ></sqm-invoice-table-data-column>
+            <sqm-invoice-table-data-column
+              column-title="Earnings"
+              property="earnings"
+            ></sqm-invoice-table-data-column>
+            <sqm-invoice-table-data-column
+              column-title="Taxed Amount"
+              property="taxedAmount"
+            ></sqm-invoice-table-data-column>
+            <sqm-invoice-table-data-column
+              column-title="Earnings after tax"
+              property="netEarnings"
+            ></sqm-invoice-table-data-column>
+          </sqm-invoice-table>
         </div>
       </div>
     </div>

From 63de85131173edb21216199fd17895e71064aefd Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 12 Mar 2024 15:59:55 -0700
Subject: [PATCH 494/753] conditionally render invoices table

---
 .../sqm-tax-and-cash-dashboard-view.tsx       | 50 ++++++++++---------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index dfb79fe323..9028888d1a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -502,30 +502,32 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
             </div>
           )}
         </div>
-        <div class={sheet.classes.InvoiceTableContainer}>
-          <br />
-          {/* AL: TODO Pass props */}
-          <sqm-invoice-table>
-            <sqm-invoice-table-download-column></sqm-invoice-table-download-column>
-            <sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column>
-            <sqm-invoice-table-data-column
-              column-title="Invoice"
-              property="invoiceId"
-            ></sqm-invoice-table-data-column>
-            <sqm-invoice-table-data-column
-              column-title="Earnings"
-              property="earnings"
-            ></sqm-invoice-table-data-column>
-            <sqm-invoice-table-data-column
-              column-title="Taxed Amount"
-              property="taxedAmount"
-            ></sqm-invoice-table-data-column>
-            <sqm-invoice-table-data-column
-              column-title="Earnings after tax"
-              property="netEarnings"
-            ></sqm-invoice-table-data-column>
-          </sqm-invoice-table>
-        </div>
+        {!states.notRegistered && (
+          <div class={sheet.classes.InvoiceTableContainer}>
+            <br />
+            {/* AL: TODO Pass props */}
+            <sqm-invoice-table>
+              <sqm-invoice-table-download-column></sqm-invoice-table-download-column>
+              <sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column>
+              <sqm-invoice-table-data-column
+                column-title="Invoice"
+                property="invoiceId"
+              ></sqm-invoice-table-data-column>
+              <sqm-invoice-table-data-column
+                column-title="Earnings"
+                property="earnings"
+              ></sqm-invoice-table-data-column>
+              <sqm-invoice-table-data-column
+                column-title="Taxed Amount"
+                property="taxedAmount"
+              ></sqm-invoice-table-data-column>
+              <sqm-invoice-table-data-column
+                column-title="Earnings after tax"
+                property="netEarnings"
+              ></sqm-invoice-table-data-column>
+            </sqm-invoice-table>
+          </div>
+        )}
       </div>
     </div>
   );

From 934dd6b94223e5069584e7233de8cd06a51d824d Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Tue, 12 Mar 2024 16:49:06 -0700
Subject: [PATCH 495/753] add back button to forms

---
 packages/mint-components/package-lock.json    |  4 ++--
 packages/mint-components/src/components.d.ts  | 10 ++++++++++
 .../tax-and-cash/BankingForm.stories.tsx      |  2 ++
 .../tax-and-cash/TaxForm.stories.tsx          |  2 ++
 .../sqm-banking-info-form-view.tsx            | 12 +++++++++++
 .../sqm-banking-info-form.tsx                 |  7 +++++++
 .../useBankingInfoForm.tsx                    |  2 ++
 .../sqm-docusign-form-view.tsx                |  9 +++++++++
 .../sqm-docusign-form/sqm-docusign-form.tsx   | 20 +------------------
 9 files changed, 47 insertions(+), 21 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 133fc1d413..b4d0f15b75 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-65",
+  "version": "1.8.0-66",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-65",
+      "version": "1.8.0-66",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index e27ccb927a..8ad2c42aaf 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -72,6 +72,11 @@ export namespace Components {
           * @uiName Agency code input label
          */
         "agencyCodeLabel": string;
+        /**
+          * Text for the back button in the form
+          * @uiName Back button text
+         */
+        "backButton": string;
         /**
           * Label text for the bank account number input field
           * @uiName Bank account number input label
@@ -5691,6 +5696,11 @@ declare namespace LocalJSX {
           * @uiName Agency code input label
          */
         "agencyCodeLabel"?: string;
+        /**
+          * Text for the back button in the form
+          * @uiName Back button text
+         */
+        "backButton"?: string;
         /**
           * Label text for the bank account number input field
           * @uiName Bank account number input label
diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index e8eb4b2afc..07efcdcbce 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -11,6 +11,7 @@ const bankingFormProps: StoryDemoData<BankingInfoFormViewProps> = {
     hideSteps: false,
     disabled: false,
     loading: false,
+    hideBackButton: false,
     formState: {
       bankCountry: "US",
       paymentMethodChecked: "toBankAccount",
@@ -27,6 +28,7 @@ const bankingFormProps: StoryDemoData<BankingInfoFormViewProps> = {
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => {},
     setPaymentScheduleChecked: () => {},
+    onBack: async () => console.log("back"),
   },
   refs: { formRef: { current: null } },
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 228bc57448..12dab88227 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -136,6 +136,7 @@ const stepFourProps: StoryDemoData<BankingInfoFormViewProps> = {
     loading: false,
     hasPayPal: false,
     isPartner: false,
+    hideBackButton: false,
     saveDisabled: false,
     thresholds: [],
     loadingError: false,
@@ -147,6 +148,7 @@ const stepFourProps: StoryDemoData<BankingInfoFormViewProps> = {
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => {},
     setPaymentScheduleChecked: () => {},
+    onBack: async () => console.log("back"),
   },
   refs: { formRef: { current: null } },
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 71e7172966..5cf2ddbc40 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -16,6 +16,7 @@ export interface BankingInfoFormViewProps {
     hidePayPal?: boolean;
     hideBalanceThreshold?: boolean;
     hideFixedDay?: boolean;
+    hideBackButton: boolean;
     feeCap?: string;
     isPartner: boolean;
     paymentMethodFeeLabel?: string;
@@ -55,6 +56,7 @@ export interface BankingInfoFormViewProps {
       paymentMethodChecked: "BALANCE_THRESHOLD" | "FIXED_DAY"
     ) => void;
     onSubmit: (props: any) => Promise<void>;
+    onBack: (props: any) => Promise<void>;
     setBankCountry?: (country: string) => void;
     setCurrency?: (currency: string) => void;
   };
@@ -67,6 +69,7 @@ export interface BankingInfoFormViewProps {
     paymentMethod: string;
     paymentMethodSubtext: string;
     continueButton: string;
+    backButton: string;
     bankLocationLabel: string;
     payPalInputLabel: string;
     paymentSchedule: string;
@@ -536,6 +539,15 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
           >
             {text.continueButton}
           </sl-button>
+          {states.hideBackButton && (
+            <sl-button
+              class={classes.SecondaryBtn}
+              type="text"
+              onClick={callbacks.onBack}
+            >
+              {text.backButton}
+            </sl-button>
+          )}
         </div>
       </div>
     </sl-form>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 389a6973b1..ef1f4edc6d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -325,6 +325,11 @@ export class BankingInfoForm {
    * @uiName Save button text
    */
   @Prop() continueButton: string = "Save";
+  /**
+   * Text for the back button in the form
+   * @uiName Back button text
+   */
+  @Prop() backButton: string = "Save";
   /**
    * Alert header shown if there is a problem loading a form
    * @uiName Loading error alert header
@@ -611,6 +616,7 @@ function useDemoBankingInfoForm(
         loading: false,
         saveLoading: false,
         hideSteps: false,
+        hideBackButton: false,
         feeCap,
         thresholds: [],
         paymentMethodFeeLabel,
@@ -652,6 +658,7 @@ function useDemoBankingInfoForm(
         setBankCountry,
         setPaymentMethodChecked,
         setPaymentScheduleChecked,
+        onBack: async () => console.log("back"),
       },
       text: props.getTextProps(),
       refs: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 9e91d4af17..6894172a36 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -827,6 +827,7 @@ export function useBankingInfoForm(
       setBankCountry: updateBankCountry,
       setPaymentMethodChecked,
       setPaymentScheduleChecked,
+      onBack: async () => console.log("back"),
     },
     states: {
       saveDisabled: !paymentMethodChecked || !paymentScheduleChecked,
@@ -836,6 +837,7 @@ export function useBankingInfoForm(
       feeCap,
       paymentMethodFeeLabel,
       disabled: loading,
+      hideBackButton: false,
       // TODO: possibly add loading here, it causes all fields to be cleared on save if all field are filled out though
       loading: !paymentOptions,
       saveLoading: loading,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index de1d2f4342..dadc758eb8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -315,6 +315,15 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
               {text.banner}
             </sl-alert>
             {slots.docusignIframeSlot}
+            {states.hideBackButton && (
+              <sl-button
+                class={classes.SecondaryBtn}
+                type="text"
+                onClick={callbacks.onBack}
+              >
+                {text.backButton}
+              </sl-button>
+            )}
           </div>
         </div>
       )}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index c8e4cc6e16..573eb5caff 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -279,25 +279,7 @@ const DemoDocusignIframe = ({ callbacks }: any) => {
           alignItems: "center",
         }}
       >
-        <span>Placeholder for docusign iframe</span>
-        <div style={{ display: "flex", gap: "8px" }}>
-          <sl-button
-            type="primary"
-            submit
-            exportparts="base: primarybutton-base"
-            onClick={callbacks.onBack}
-          >
-            Back to Step 2
-          </sl-button>
-          <sl-button
-            type="primary"
-            submit
-            exportparts="base: primarybutton-base"
-            onClick={callbacks.onSubmit}
-          >
-            Continue to Step 4
-          </sl-button>
-        </div>
+        <div>Placeholder for docusign iframe</div>
       </div>
     </div>
   );

From b7ac5bc8d16631724b2fe6c7e11cc63cbae0a162 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 12 Mar 2024 16:52:19 -0700
Subject: [PATCH 496/753] added payoutsent and payout failed to referral table
 status cell

---
 packages/mint-components/src/components.d.ts  | 38 +++++++++++++++++++
 .../ReferralTable.stories.tsx                 | 14 +++++++
 .../cells/sqm-rewards-table-status-cell.tsx   |  7 +++-
 3 files changed, 58 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index e27ccb927a..e4239aea3c 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1285,6 +1285,17 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
+    interface SqmInvoiceTableCell {
+        "innerTemplate": string;
+    }
+    interface SqmInvoiceTableColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle": string;
+        "renderCell": (_: Invoice) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -5063,6 +5074,18 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
+    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableCellElement: {
+        prototype: HTMLSqmInvoiceTableCellElement;
+        new (): HTMLSqmInvoiceTableCellElement;
+    };
+    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableColumnElement: {
+        prototype: HTMLSqmInvoiceTableColumnElement;
+        new (): HTMLSqmInvoiceTableColumnElement;
+    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5583,6 +5606,8 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
+        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
+        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6905,6 +6930,15 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
+    interface SqmInvoiceTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmInvoiceTableColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle"?: string;
+    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -10516,6 +10550,8 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
+        "sqm-invoice-table-cell": SqmInvoiceTableCell;
+        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10631,6 +10667,8 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
+            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
+            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
diff --git a/packages/mint-components/src/components/sqm-referral-table/ReferralTable.stories.tsx b/packages/mint-components/src/components/sqm-referral-table/ReferralTable.stories.tsx
index 2c2b4ac062..50f4802839 100644
--- a/packages/mint-components/src/components/sqm-referral-table/ReferralTable.stories.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/ReferralTable.stories.tsx
@@ -8,6 +8,8 @@ import {
   Redeemed,
   Denied,
   PendingReview,
+  PayoutSent,
+  PayoutFailed,
 } from "./ReferralTableRewardsCell.stories";
 import {
   DateCell,
@@ -162,6 +164,18 @@ const simpleUserTableProps = {
         <DateCell />,
         <Redeemed />,
       ],
+      [
+        <sqm-referral-table-user-cell name="Sarah Joseph"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PayoutSent />,
+      ],
+      [
+        <sqm-referral-table-user-cell name="Sarah Joseph"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PayoutFailed />,
+      ],
       [
         <sqm-referral-table-user-cell name="Tom Smith"></sqm-referral-table-user-cell>,
         <PendingReviewStatus />,
diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
index 77f56cd3c2..9eac006aa1 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
@@ -57,9 +57,12 @@ export class RewardTableStatusCell {
     "Payout process started on {date}. Expected payout on {date}.";
 
   rewardStatus(reward: Reward): string {
+    console.log(reward);
     const fraudStatus = reward.referral?.fraudData?.moderationStatus;
     const hasExpired = reward.statuses?.includes("EXPIRED");
     const isPending = reward.statuses?.includes("PENDING");
+    const payoutSent = reward.statuses?.includes("PAYOUT_SENT");
+    const payoutFailed = reward.statuses?.includes("PAYOUT_FAILED");
     const integrationOrFueltankReward =
       reward.type === "INTEGRATION" || reward.type === "FUELTANK";
 
@@ -68,6 +71,8 @@ export class RewardTableStatusCell {
     if (reward.dateCancelled) return "CANCELLED";
     if (hasExpired) return "EXPIRED";
     if (isPending) return "PENDING";
+    if (payoutSent) return "PAYOUT_SENT";
+    if (payoutFailed) return "PAYOUT_FAILED";
 
     if (reward.type === "CREDIT") {
       return reward.statuses?.includes("REDEEMED") ? "REDEEMED" : "AVAILABLE";
@@ -202,7 +207,7 @@ export class RewardTableStatusCell {
           type={badgeType}
           pill
           class={
-            rewardStatus === "REDEEMED"
+            rewardStatus === "REDEEMED" || rewardStatus === "PAYOUT_SENT"
               ? sheet.classes.RedeemBadge
               : sheet.classes.Badge
           }

From b733ddf8890d1b59cae44fa817a166cf05825e4d Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 12 Mar 2024 17:32:48 -0700
Subject: [PATCH 497/753] Update components.d.ts

---
 packages/mint-components/src/components.d.ts | 38 --------------------
 1 file changed, 38 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 5a1377f9dc..8ad2c42aaf 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1290,17 +1290,6 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate": string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle": string;
-        "renderCell": (_: Invoice) => Promise<any>;
-        "renderLabel": () => Promise<string>;
-    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -5079,18 +5068,6 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
-    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableCellElement: {
-        prototype: HTMLSqmInvoiceTableCellElement;
-        new (): HTMLSqmInvoiceTableCellElement;
-    };
-    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableColumnElement: {
-        prototype: HTMLSqmInvoiceTableColumnElement;
-        new (): HTMLSqmInvoiceTableColumnElement;
-    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5611,8 +5588,6 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
-        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
-        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6940,15 +6915,6 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate"?: string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle"?: string;
-    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -10560,8 +10526,6 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
-        "sqm-invoice-table-cell": SqmInvoiceTableCell;
-        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10677,8 +10641,6 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
-            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
-            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;

From 11d0b76626dc2563be45fa95c33f1cf3615dc453 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 12 Mar 2024 17:54:17 -0700
Subject: [PATCH 498/753] Updated referral table status copies and ICu strings

---
 .../ReferralTableRewardsCell.stories.tsx      |  2 +-
 .../cells/sqm-referral-table-rewards-cell.tsx | 33 ++++++++++---------
 .../sqm-referral-table-rewards-column.tsx     |  2 +-
 3 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-referral-table/ReferralTableRewardsCell.stories.tsx b/packages/mint-components/src/components/sqm-referral-table/ReferralTableRewardsCell.stories.tsx
index 103338858e..9eeb5ab43e 100644
--- a/packages/mint-components/src/components/sqm-referral-table/ReferralTableRewardsCell.stories.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/ReferralTableRewardsCell.stories.tsx
@@ -235,7 +235,7 @@ function getYears() {
 const statusText =
   "{status, select, AVAILABLE {Available} PAYOUT_SENT {Payout Sent} CANCELLED {Cancelled} PAYOUT_FAILED {Payout Failed} PENDING {Pending} PENDING_REVIEW {Pending} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
 const statusLongText =
-  "{status, select, AVAILABLE {Reward expiring on} PAYOUT_SENT {Payout process started on datePayoutStarted. Expected payout on datePayoutExpected.} CANCELLED {Reward cancelled on} PAYOUT_FAILED {This payout will be retried on} PENDING {Available on} PENDING_REVIEW {Pending since} PENDING_TAX_REVIEW {Awaiting tax form review.} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax form to receive your rewards.} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards.} DENIED {Denied on} EXPIRED {Reward expired on} REDEEMED {Redeemed}  other {Not available} }";
+  "{status, select, AVAILABLE {Reward expiring on} PAYOUT_SENT {Reward approved for payout on {datePayoutStarted} and scheduled for payment based on your settings.} CANCELLED {Reward cancelled on} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PENDING {Available on} PENDING_REVIEW {Pending since} PENDING_TAX_REVIEW {Awaiting tax form review.} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax form to receive your rewards.} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards.} DENIED {Denied on} EXPIRED {Reward expired on} REDEEMED {Redeemed}  other {Not available} }";
 
 export const PendingNoUnpend = () => {
   return (
diff --git a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
index 1b01b23d4a..8b02cc8609 100644
--- a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
@@ -261,25 +261,28 @@ export class ReferralTableRewardsCell {
             {state === "PAYOUT_SENT" && (
               <div>
                 <TextSpanView type="p">
-                  {statusText}{" "}
-                  <span class={sheet.classes.BoldText} part="sqm-cell-value">
-                    {/* TODO: Date payout will be sent */}
-                    {DateTime.fromMillis(0)
-                      .setLocale(luxonLocale(this.locale))
-                      .toLocaleString(DateTime.DATE_MED)}
-                  </span>
+                  <TextSpanView type="p">
+                    {intl.formatMessage(
+                      {
+                        id: `statusText`,
+                        defaultMessage: statusText,
+                      },
+                      {
+                        datePayoutStarted: DateTime.fromMillis(0)
+                          .setLocale(luxonLocale(this.locale))
+                          .toLocaleString(DateTime.DATE_MED),
+                        status: "PAYOUT_SENT",
+                      }
+                    )}
+                  </TextSpanView>
                 </TextSpanView>
               </div>
             )}
             {state === "PAYOUT_FAILED" && (
               <div>
                 <TextSpanView type="p">
-                  {statusText} {/* TODO: Date payout will be retried */}
-                  <span class={sheet.classes.BoldText} part="sqm-cell-value">
-                    {DateTime.fromMillis(0)
-                      .setLocale(luxonLocale(this.locale))
-                      .toLocaleString(DateTime.DATE_MED)}
-                  </span>
+                  {statusText}{" "}
+                  {/* TODO: Date payout will be retried AL: removed dates */}
                 </TextSpanView>
               </div>
             )}
@@ -365,7 +368,7 @@ export class ReferralTableRewardsCell {
                 </TextSpanView>
               </div>
             )}
-            {state === "PAYOUT_FAILED" && reward.dateCancelled && (
+            {/* {state === "PAYOUT_FAILED" && reward.dateCancelled && (
               <div>
                 <TextSpanView type="p">
                   {statusText}{" "}
@@ -376,7 +379,7 @@ export class ReferralTableRewardsCell {
                   </span>
                 </TextSpanView>
               </div>
-            )}
+            )} */}
             {state === "PENDING" && reward.dateScheduledFor && (
               <div>
                 <TextSpanView type="p">
diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
index 1c7c471f67..91a35190b3 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
@@ -35,7 +35,7 @@ export class ReferralTableRewardsColumn implements ReferralTableColumn {
    * @uiWidget textArea
    */
   @Prop() statusLongText: string =
-    "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_SENT {Payout process started on} PAYOUT_FAILED {This payout will be retried on} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
+    "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_SENT {Reward approved for payout on {datePayoutStarted} and scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
 
   /**
    * Shown in the dropdown details when a reward has an associated fuel tank code.

From 1ce54e7b7d316ea4a013118b0c425659b3b44130 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 13 Mar 2024 09:48:49 -0700
Subject: [PATCH 499/753] correct property for banking edit

---
 .../sqm-banking-info-form/useBankingInfoForm.tsx             | 2 +-
 .../sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx    | 2 +-
 .../src/components/tax-and-cash/sqm-tax-and-cash/data.ts     | 5 ++---
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 9e91d4af17..28c531c43d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -676,7 +676,7 @@ export function useBankingInfoForm(
 
     if (
       withdrawalSettings &&
-      !userData.user?.impactConnection?.publisher?.isExisting
+      userData.user?.impactConnection?.publisher?.brandedSignup
     ) {
       initialData = {
         ...initialData,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 29122d7b3a..fe8a6d47f6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -121,7 +121,7 @@ export const useTaxAndCashDashboard = (
       dateSubmitted,
       dateExpired,
       documentType,
-      canEditPayoutInfo: !publisher?.isExisting,
+      canEditPayoutInfo: publisher?.brandedSignup,
       documentTypeString: taxTypeToName(documentType),
       status: publisher?.currentTaxDocument?.status,
       subRegion: getSubRegionName(publisher?.taxInformation?.indirectTaxRegion),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index a6c4b72daa..27138247c4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -53,6 +53,7 @@ export const GET_USER = gql`
             countryCode
             currency
             requiredTaxDocumentType
+            brandedSignup
             taxInformation {
               indirectTaxId
               indirectTaxCountryCode
@@ -91,9 +92,7 @@ export type ImpactPublisher = {
   countryCode: string;
   currency: string;
   requiredTaxDocumentType: TaxDocumentType | null;
-  // TODO: Replace this once the API is available
-  // This is the flag for if a user can edit their banking info or not
-  isExisting: boolean;
+  brandedSignup: boolean;
   currentTaxDocument: null | {
     status: TaxDocumentStatus;
     type: TaxDocumentType;

From ac31da341a24bc3e51cb04bd454ee9a6e72db167 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 13 Mar 2024 10:16:30 -0700
Subject: [PATCH 500/753] hideSteps on banking form

---
 .../useBankingInfoForm.tsx                    | 25 +++++++++++++------
 packages/mint-components/src/index.html       |  6 ++---
 2 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 9cae9d6050..a0936353d0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -8,7 +8,7 @@ import { h } from "@stencil/core";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useSetParent } from "../../../utils/useParentState";
+import { useParentValue, useSetParent } from "../../../utils/useParentState";
 import {
   FINANCE_NETWORK_SETTINGS_NAMESPACE,
   FinanceNetworkSetting,
@@ -16,6 +16,8 @@ import {
   TAX_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
   UserQuery,
+  TaxContext,
+  TAX_FORM_CONTEXT_NAMESPACE,
 } from "../sqm-tax-and-cash/data";
 import { BankingInfoForm } from "./sqm-banking-info-form";
 import { BankingInfoFormViewProps } from "./sqm-banking-info-form-view";
@@ -586,13 +588,21 @@ export function useBankingInfoForm(
   const formRef = useRef<HTMLFormElement>(null);
 
   const setStep = useSetParent<string>(TAX_CONTEXT_NAMESPACE);
+  const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
 
-  const paymentOptionsRes = useParentQueryValue<FinanceNetworkSettingsQuery>(
+  const {
+    data: paymentOptionsData,
+    loading: paymentOptionsLoading,
+    errors: paymentOptionsError,
+  } = useParentQueryValue<FinanceNetworkSettingsQuery>(
     FINANCE_NETWORK_SETTINGS_NAMESPACE
   );
 
-  const { data: userData, refetch } =
-    useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+  const {
+    data: userData,
+    refetch,
+    errors: userError,
+  } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
   const [saveWithdrawalSettings] =
     useMutation<SetImpactPublisherWithdrawalSettingsResult>(
       SAVE_WITHDRAWAL_SETTINGS
@@ -614,8 +624,7 @@ export function useBankingInfoForm(
 
   const feeCap = paypalFeeMap[currency] || "";
 
-  const paymentOptions =
-    paymentOptionsRes?.data?.impactFinanceNetworkSettings?.data;
+  const paymentOptions = paymentOptionsData?.impactFinanceNetworkSettings?.data;
 
   const paymentMethodFeeMap = {
     [ACH_PAYMENT_METHOD]: props.eftWithdrawalLabel,
@@ -830,6 +839,7 @@ export function useBankingInfoForm(
       onBack: async () => console.log("back"),
     },
     states: {
+      hideSteps: !!context.hideSteps,
       saveDisabled: !paymentMethodChecked || !paymentScheduleChecked,
       locale,
       isPartner:
@@ -845,8 +855,7 @@ export function useBankingInfoForm(
         paymentMethodChecked !== "toBankAccount" || !paymentMethodChecked,
       hidePayPal:
         paymentMethodChecked !== "toPayPalAccount" || !paymentMethodChecked,
-      //AL: TODO loadingError
-      loadingError: false,
+      loadingError: !!userError?.message || !!paymentOptionsError?.message,
       formState: {
         ...formState,
         paymentMethodChecked,
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 63afe7dd45..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-portal-container>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container> -->
+    </sqm-portal-container>
   </body>
 </html>

From 9624fe058e322dec27529862d1f7e4da40bdd9b0 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 13 Mar 2024 10:21:40 -0700
Subject: [PATCH 501/753] conditionally hide UI elements

---
 .../sqm-banking-info-form-view.tsx            |  3 ++-
 .../useBankingInfoForm.tsx                    |  4 ++--
 .../sqm-tax-and-cash-dashboard-view.tsx       | 19 ++++++++++---------
 3 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 5cf2ddbc40..45e78e9922 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -372,7 +372,8 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
             {text.error.generalDescription}
           </sl-alert>
         )}
-        {states.isPartner && (
+        {/* Don't show the warning if returning to edit */}
+        {states.isPartner && !states.hideSteps && (
           <sl-alert
             exportparts="base: alert-base, icon:alert-icon"
             type="primary"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index a0936353d0..23c1c11205 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -704,10 +704,10 @@ export function useBankingInfoForm(
       (paymentOption) => paymentOption.countryCode === initialData.bankCountry
     );
 
+    console.log({ initialData });
     setCurrentPaymentOption(currentPaymentOption);
-    setFormState(initialData);
-
     setPaymentScheduleChecked(initialData.paymentSchedulingType);
+    setFormState(initialData);
     setPaymentMethodChecked(
       initialData.paymentMethod === "PAYPAL"
         ? "toPayPalAccount"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 9028888d1a..9d47655cad 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -364,15 +364,16 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
           <div class={sheet.classes.BankingInformationContainer}>
             {slots.payoutDetailsCardSlot}
             <p class={sheet.classes.DescriptionText}>{text.payoutFromImpact}</p>
-            {/* ZH: Most likely need this button in the next iteration of form */}
-            <sl-button
-              disabled={states.disabled || states.loading}
-              type="default"
-              class={sheet.classes.EditBankDetailsButton}
-              onClick={callbacks.onEditPayoutInfo}
-            >
-              {text.editPaymentInformationButton}
-            </sl-button>
+            {states.canEditPayoutInfo && (
+              <sl-button
+                disabled={states.disabled || states.loading}
+                type="default"
+                class={sheet.classes.EditBankDetailsButton}
+                onClick={callbacks.onEditPayoutInfo}
+              >
+                {text.editPaymentInformationButton}
+              </sl-button>
+            )}
           </div>
         </div>
         <div class={sheet.classes.TaxDocumentsContainer}>

From 9063e0a6ff22c5bb6a35b9765021aeb6b1dbc637 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 13 Mar 2024 11:13:24 -0700
Subject: [PATCH 502/753] Updated RewardStatusCell & ReferralRewardsCell
 copies, functions, specs

---
 packages/mint-components/src/components.d.ts  | 38 ++++++++
 .../ReferralTable.stories.tsx                 | 46 ++++++++++
 .../RewardsTable.stories.tsx                  | 50 +++++++++++
 .../RewardsTableCell.stories.tsx              | 87 +++++++++++++++----
 .../cells/sqm-rewards-table-status-cell.tsx   | 21 +++--
 .../sqm-rewards-table-status-column.feature   | 64 +++++++-------
 6 files changed, 250 insertions(+), 56 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 8ad2c42aaf..5a1377f9dc 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1290,6 +1290,17 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
+    interface SqmInvoiceTableCell {
+        "innerTemplate": string;
+    }
+    interface SqmInvoiceTableColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle": string;
+        "renderCell": (_: Invoice) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -5068,6 +5079,18 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
+    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableCellElement: {
+        prototype: HTMLSqmInvoiceTableCellElement;
+        new (): HTMLSqmInvoiceTableCellElement;
+    };
+    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableColumnElement: {
+        prototype: HTMLSqmInvoiceTableColumnElement;
+        new (): HTMLSqmInvoiceTableColumnElement;
+    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5588,6 +5611,8 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
+        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
+        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6915,6 +6940,15 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
+    interface SqmInvoiceTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmInvoiceTableColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle"?: string;
+    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -10526,6 +10560,8 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
+        "sqm-invoice-table-cell": SqmInvoiceTableCell;
+        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10641,6 +10677,8 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
+            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
+            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
diff --git a/packages/mint-components/src/components/sqm-referral-table/ReferralTable.stories.tsx b/packages/mint-components/src/components/sqm-referral-table/ReferralTable.stories.tsx
index 50f4802839..0bb029f97f 100644
--- a/packages/mint-components/src/components/sqm-referral-table/ReferralTable.stories.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/ReferralTable.stories.tsx
@@ -10,6 +10,10 @@ import {
   PendingReview,
   PayoutSent,
   PayoutFailed,
+  PendingNewTaxForm,
+  PendingPartnerCreation,
+  PendingTaxReview,
+  PendingTaxSubmission,
 } from "./ReferralTableRewardsCell.stories";
 import {
   DateCell,
@@ -176,6 +180,48 @@ const simpleUserTableProps = {
         <DateCell />,
         <PayoutFailed />,
       ],
+      [
+        <sqm-referral-table-user-cell name="Sarah Joseph"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PayoutSent />,
+      ],
+      [
+        <sqm-referral-table-user-cell name="Sarah Joseph"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PayoutFailed />,
+      ],
+      [
+        <sqm-referral-table-user-cell name="Sarah Joseph"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PendingNewTaxForm />,
+      ],
+      [
+        <sqm-referral-table-user-cell name="Sarah Joseph"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PendingPartnerCreation />,
+      ],
+      [
+        <sqm-referral-table-user-cell name="Sarah Joseph"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PendingTaxReview />,
+      ],
+      [
+        <sqm-referral-table-user-cell name="Sarah Joseph"></sqm-referral-table-user-cell>,
+        <ConvertedStatus />,
+        <DateCell />,
+        <PendingTaxSubmission />,
+      ],
+      [
+        <sqm-referral-table-user-cell name="Tom Smith"></sqm-referral-table-user-cell>,
+        <PendingReviewStatus />,
+        <DateCell />,
+        <PendingReview />,
+      ],
       [
         <sqm-referral-table-user-cell name="Tom Smith"></sqm-referral-table-user-cell>,
         <PendingReviewStatus />,
diff --git a/packages/mint-components/src/components/sqm-rewards-table/RewardsTable.stories.tsx b/packages/mint-components/src/components/sqm-rewards-table/RewardsTable.stories.tsx
index 59fe17f761..fc93e759ec 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/RewardsTable.stories.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/RewardsTable.stories.tsx
@@ -21,6 +21,12 @@ import {
   StatusCellRedeemed,
   StatusCellDenied,
   StatusCellPendingReview,
+  StatusCellPayoutSent,
+  StatusCellPayoutFailed,
+  StatusCellPendingNewTaxForm,
+  StatusCellPendingPartnerCreation,
+  StatusCellPendingTaxReview,
+  StatusCellPendingTaxSubmission,
 } from "./RewardsTableCell.stories";
 import scenario from "./rewards-table.feature";
 
@@ -173,6 +179,44 @@ const r_fueltank_long = [
   <DateCell />,
 ];
 
+const r_payout_sent = [
+  <RewardsCellCreditRedeemed />,
+  <StatusCellPayoutSent />,
+  <SourceCellReferral />,
+  <DateCell />,
+];
+const r_payout_failed = [
+  <RewardsCellCreditRedeemed />,
+  <StatusCellPayoutFailed />,
+  <SourceCellReferral />,
+  <DateCell />,
+];
+const r_pending_new_tax_form = [
+  <RewardsCellCreditRedeemed />,
+  <StatusCellPendingNewTaxForm />,
+  <SourceCellReferral />,
+  <DateCell />,
+];
+const r_pending_partner_creation = [
+  <RewardsCellCreditRedeemed />,
+  <StatusCellPendingPartnerCreation />,
+  <SourceCellReferral />,
+  <DateCell />,
+];
+const r_pending_tax_review = [
+  <RewardsCellCreditRedeemed />,
+  <StatusCellPendingTaxReview />,
+  <SourceCellReferral />,
+  <DateCell />,
+];
+
+const r_pending_tax_submission = [
+  <RewardsCellCreditRedeemed />,
+  <StatusCellPendingTaxSubmission />,
+  <SourceCellReferral />,
+  <DateCell />,
+];
+
 export const RewardsTable = () => {
   return (
     <GenericTableView
@@ -183,6 +227,12 @@ export const RewardsTable = () => {
         r_expired,
         r_denied,
         r_pending_review,
+        r_payout_sent,
+        r_payout_failed,
+        r_pending_new_tax_form,
+        r_pending_partner_creation,
+        r_pending_tax_submission,
+        r_pending_tax_review,
       ])}
     ></GenericTableView>
   );
diff --git a/packages/mint-components/src/components/sqm-rewards-table/RewardsTableCell.stories.tsx b/packages/mint-components/src/components/sqm-rewards-table/RewardsTableCell.stories.tsx
index 30b46f4641..2286664cd2 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/RewardsTableCell.stories.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/RewardsTableCell.stories.tsx
@@ -32,8 +32,8 @@ const rewardsData: Reward = {
   prettyValueNumber: "19",
   prettyAvailableNumber: "19",
   prettyRedeemedNumber: "0",
-  statuses: ["AVAILABLE"],
-  pendingReasons: null,
+  statuses: ["AVAILABLE", "PENDING"],
+  pendingReasons: ["US_TAX", "PAYOUT_CONFIGURATION_MISSING"],
   globalRewardKey: null,
   rewardSource: "MANUAL",
   prettyRedeemedCredit: "0 Points",
@@ -46,6 +46,23 @@ const rewardsData: Reward = {
   },
 };
 
+const taxConnection: ImpactConnection = {
+  connected: true,
+  taxHandlingEnabled: true,
+  publisher: {
+    requiredTaxDocumentType: "W8BEN",
+    currentTaxDocument: {
+      status: "NOT_VERIFIED",
+      type: "W8BEN",
+      dateCreated: 321321487,
+    },
+    withdrawalSettings: {
+      paymentMethod: "BANK_TRANSFER",
+    },
+    payoutsAccount: null,
+  },
+};
+
 export const RewardsCellCreditSingle = () => {
   return (
     <sqm-rewards-table-reward-cell
@@ -397,18 +414,18 @@ export const StatusCellExpired = () => {
 const pending = {
   statuses: ["PENDING"],
 };
-const pendingTaxReview = {
-  statuses: ["PENDING_TAX_REVIEW"],
-};
-const pendingNewTaxForm = {
-  statuses: ["PENDING_NEW_TAX_FORM"],
-};
-const pendingTaxSubmission = {
-  statuses: ["PENDING_TAX_SUBMISSION"],
-};
-const pendingPartnerCreation = {
-  statuses: ["PENDING_PARTNER_CREATION"],
-};
+// const pendingTaxReview = {
+//   statuses: ["PENDING_TAX_REVIEW"],
+// };
+// const pendingNewTaxForm = {
+//   statuses: ["PENDING_NEW_TAX_FORM"],
+// };
+// const pendingTaxSubmission = {
+//   statuses: ["PENDING_TAX_SUBMISSION"],
+// };
+// const pendingPartnerCreation = {
+//   statuses: ["PENDING_PARTNER_CREATION"],
+// };
 const payoutSent = {
   statuses: ["PAYOUT_SENT"],
 };
@@ -439,7 +456,17 @@ export const StatusCellPendingTaxReview = () => {
   return (
     <sqm-rewards-table-status-cell
       statusText="Pending"
-      reward={{ ...rewardsData, ...pendingTaxReview }}
+      reward={{ ...rewardsData }}
+      taxConnection={{
+        ...taxConnection,
+        publisher: {
+          requiredTaxDocumentType: "W8BEN",
+          currentTaxDocument: {
+            status: "",
+          },
+          ...taxConnection.publisher,
+        },
+      }}
     ></sqm-rewards-table-status-cell>
   );
 };
@@ -448,7 +475,19 @@ export const StatusCellPendingNewTaxForm = () => {
   return (
     <sqm-rewards-table-status-cell
       statusText="Pending"
-      reward={{ ...rewardsData, ...pendingNewTaxForm }}
+      reward={{ ...rewardsData }}
+      taxConnection={{
+        ...taxConnection,
+        publisher: {
+          ...taxConnection.publisher,
+          requiredTaxDocumentType: "W8BEN",
+          currentTaxDocument: {
+            status: "INACTIVE",
+            type: "W8BEN",
+            dateCreated: 321321487,
+          },
+        },
+      }}
     ></sqm-rewards-table-status-cell>
   );
 };
@@ -457,7 +496,15 @@ export const StatusCellPendingTaxSubmission = () => {
   return (
     <sqm-rewards-table-status-cell
       statusText="Pending"
-      reward={{ ...rewardsData, ...pendingTaxSubmission }}
+      reward={{ ...rewardsData }}
+      taxConnection={{
+        ...taxConnection,
+        publisher: {
+          ...taxConnection.publisher,
+          requiredTaxDocumentType: "W8BEN",
+          currentTaxDocument: null,
+        },
+      }}
     ></sqm-rewards-table-status-cell>
   );
 };
@@ -466,7 +513,10 @@ export const StatusCellPendingPartnerCreation = () => {
   return (
     <sqm-rewards-table-status-cell
       statusText="Pending"
-      reward={{ ...rewardsData, ...pendingPartnerCreation }}
+      reward={{
+        ...rewardsData,
+        pendingReasons: ["PAYOUT_CONFIGURATION_MISSING"],
+      }}
     ></sqm-rewards-table-status-cell>
   );
 };
@@ -476,6 +526,7 @@ export const StatusCellPayoutSent = () => {
     <sqm-rewards-table-status-cell
       statusText="Payout Sent"
       reward={{ ...rewardsData, ...payoutSent }}
+      taxConnection={taxConnection}
     ></sqm-rewards-table-status-cell>
   );
 };
diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
index 9eac006aa1..6cfcc37755 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
@@ -52,12 +52,12 @@ export class RewardTableStatusCell {
   @Prop() pendingUnhandled: string = "Fulfillment error";
   @Prop() pendingReviewText: string = "Awaiting review";
   @Prop() deniedText: string = "Detected self-referral";
-  @Prop() payoutFailed: string = "This payout will be retried on {date}";
+  @Prop() payoutFailed: string =
+    "Payout failed due to a fulfillment issue and is currently being retried.";
   @Prop() payoutSent: string =
-    "Payout process started on {date}. Expected payout on {date}.";
+    "Reward approved for payout on {date} and scheduled for payment based on your settings.";
 
   rewardStatus(reward: Reward): string {
-    console.log(reward);
     const fraudStatus = reward.referral?.fraudData?.moderationStatus;
     const hasExpired = reward.statuses?.includes("EXPIRED");
     const isPending = reward.statuses?.includes("PENDING");
@@ -139,12 +139,17 @@ export class RewardTableStatusCell {
     }
   }
 
-  getPayoutStatusText(taxStatus: string) {
+  getPayoutStatusText(taxStatus: string, date?: string) {
     switch (taxStatus) {
       case "US_TAX":
         return this.pendingUsTax;
       case "PAYOUT_SENT":
-        return this.payoutSent;
+        return intl.formatMessage(
+          { id: "statusMessage", defaultMessage: this.payoutSent },
+          {
+            date,
+          }
+        );
       case "PAYOUT_FAILED":
         return this.payoutFailed;
       case "PENDING_TAX_REVIEW":
@@ -215,7 +220,11 @@ export class RewardTableStatusCell {
           {statusText}
         </sl-badge>
         <p class={sheet.classes.Date}>
-          {fraudStatusText || pendingReasons || date}
+          {fraudStatusText ||
+            pendingReasons ||
+            date ||
+            //AL: TODO PASS REAL DATE INTO FUNC
+            this.getPayoutStatusText(rewardStatus, date)}
         </p>
       </div>
     );
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
index 8f7e976c93..f9664e72d0 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
@@ -1,30 +1,28 @@
-@author:derek
-@owner:derek
+@author:derek @owner:derek
 Feature: Reward Table Status Column
-
   Shows the status of each reward
 
-  Background:
+  Background: 
     Given the status column is included in the reward table
 
-  @motivating
-  @ui
+  @motivating @ui
   Scenario Outline: The title of the status column is configurable
     Given the "column-title" prop is set to <value>
     Then the status column is shown with <columnTitle>
-    Examples:
+
+    Examples: 
       | value           | columnTitle     |
       | Status          |                 |
       | My column title | My column title |
 
-  @motivating
-  @ui
+  @motivating @ui
   Scenario Outline: The status column displays the status of each reward
     Given a user
     And they have a <status> reward
     When they view the reward table
     Then the status of their reward is displayed in <pillColour> pill with <text>
-    Examples:
+
+    Examples: 
       | status                   | text           | pillColour |
       | AVAILABLE                | Available      | Green      |
       | CANCELLED                | Cancelled      | Red        |
@@ -49,23 +47,24 @@ Feature: Reward Table Status Column
     Then they see their reward
     And under the pill is <text>
     And the date is localized to the users locale
-    Examples:
-      | reward                                                       | text                                                             |
-      | available reward with an expiry date                         | localized expiry date in format "Month-Day-Year"                 |
-      | redeemed reward                                              | localized redemption date in format "Month-Day-Year"             |
-      | expired reward                                               | localized expired date in format "Month-Day-Year"                |
-      | cancelled reward                                             | localized cancelled date in format "Month-Day-Year"              |
-      | pending reward with a end date                               | localized pending for date in format "Month-Day-Year"            |
-      | pending reward due to W9                                     | W-9 required                                                     |
-      | pending reward due to fufillment error                       | Fulfillment error                                                |
-      | reward pending review of referral                            | Pending review                                                   |
-      | pending reward due to no connected Impact partner            | Complete your tax and cash payout setup to receive your rewards. |
-      | pending reward due to an invalid tax document                | Invalid tax form. Submit a new form to receive your rewards.     |
-      | pending reward due to user required to submit a tax document | Submit your tax documents to receive your rewards.               |
-      | pending reward due to tax document being in review           | Awaiting tax form review.                                        |
-      | reward whose payout failed                                   | This payout will be retried on {date}.                           |
-      | reward whose payout was sent                                 | Payout process started on {date}. Expected payout on {date}.     |
-      | cancelled reward from denied referral                        | Flagged as fraud                                                 |
+
+    Examples: 
+      | reward                                                       | text                                                                                   |
+      | available reward with an expiry date                         | localized expiry date in format "Month-Day-Year"                                       |
+      | redeemed reward                                              | localized redemption date in format "Month-Day-Year"                                   |
+      | expired reward                                               | localized expired date in format "Month-Day-Year"                                      |
+      | cancelled reward                                             | localized cancelled date in format "Month-Day-Year"                                    |
+      | pending reward with a end date                               | localized pending for date in format "Month-Day-Year"                                  |
+      | pending reward due to W9                                     | W-9 required                                                                           |
+      | pending reward due to fufillment error                       | Fulfillment error                                                                      |
+      | reward pending review of referral                            | Pending review                                                                         |
+      | pending reward due to no connected Impact partner            | Complete your tax and cash payout setup to receive your rewards.                       |
+      | pending reward due to an invalid tax document                | Invalid tax form. Submit a new form to receive your rewards.                           |
+      | pending reward due to user required to submit a tax document | Submit your tax documents to receive your rewards.                                     |
+      | pending reward due to tax document being in review           | Awaiting tax form review.                                                              |
+      | reward whose payout failed                                   | Payout failed due to a fulfillment issue and is currently being retried.               |
+      | reward whose payout was sent                                 | Reward approved for payout on {date} and scheduled for payment based on your settings. |
+      | cancelled reward from denied referral                        | Flagged as fraud                                                                       |
 
   @minutia
   Scenario Outline: Tax-related reward statuses are based on the user's Impact tax connection
@@ -85,7 +84,8 @@ Feature: Reward Table Status Column
     And they have a <status> reward
     When they view the reward table
     Then the status of their reward is displayed in <pillColour> pill with <text>
-    Examples:
+
+    Examples: 
       | status                   | text                      | pillColour |
       | AVAILABLE                | Redeem me!                | Green      |
       | CANCELLED                | Unavailable               | Red        |
@@ -101,14 +101,14 @@ Feature: Reward Table Status Column
       | PENDING_PARTNER_CREATION | Pending partner creation! | Orange     |
       | DENIED                   | Unlucky!                  | Red        |
 
-  @minutia
-  @ui
+  @minutia @ui
   Scenario: Expiry status date text can be configured
     Given the "expiry-text" prop has <value>
     And a user with an available reward with an expiry date
     When they view the reward table
     Then they see <text> under the Available Status pill
-    Examples:
+
+    Examples: 
       | value         | text                        |
       |               | Expires on <EXPIRY DATE>    |
-      | Redeem before | Redeem before <EXPIRY DATE> |
\ No newline at end of file
+      | Redeem before | Redeem before <EXPIRY DATE> |

From aef97f28f5350b60bdf2750452498ff30800d309 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 13 Mar 2024 11:14:51 -0700
Subject: [PATCH 503/753] seperate loading states for docusign form

---
 .../sqm-banking-info-form/useBankingInfoForm.tsx             | 1 -
 .../sqm-docusign-form/sqm-docusign-form-view.tsx             | 2 +-
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx       | 5 ++---
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 23c1c11205..0fb64c3e56 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -704,7 +704,6 @@ export function useBankingInfoForm(
       (paymentOption) => paymentOption.countryCode === initialData.bankCountry
     );
 
-    console.log({ initialData });
     setCurrentPaymentOption(currentPaymentOption);
     setPaymentScheduleChecked(initialData.paymentSchedulingType);
     setFormState(initialData);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index dadc758eb8..43e3019d70 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -315,7 +315,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
               {text.banner}
             </sl-alert>
             {slots.docusignIframeSlot}
-            {states.hideBackButton && (
+            {!states.hideBackButton && (
               <sl-button
                 class={classes.SecondaryBtn}
                 type="text"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 71f41a3fcf..c599004bf3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -178,9 +178,8 @@ export function useDocusignForm(props: DocusignForm) {
       disabled: allLoading,
       participantTypeDisabled: allLoading || !!existingDocumentType,
       submitDisabled: !formSubmitted,
-      loading: allLoading,
-      //AL: TODO seperate urlLoading for docusign URL from general loading state
-      urlLoading: false,
+      loading: userLoading || loading,
+      urlLoading: documentLoading,
       formState: {
         participantType,
         completedTaxForm: formSubmitted,

From 28f6aa931b4272385d9d1aef8d2aed7e462ded05 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Wed, 13 Mar 2024 13:39:33 -0700
Subject: [PATCH 504/753] remove banner from banking info

---
 packages/mint-components/src/components.d.ts  | 44 -------------------
 .../sqm-banking-info-form-view.tsx            | 19 --------
 .../sqm-banking-info-form.tsx                 |  7 ---
 3 files changed, 70 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 8ad2c42aaf..bb77f40276 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -132,11 +132,6 @@ export namespace Components {
           * @uiName Business select item label
          */
         "businessSelectItemLabel": string;
-        /**
-          * Alert text indicating participant cannot change info after it has been submitted
-          * @uiName Cannot change info Alert text
-         */
-        "cannotChangeInfoAlert": string;
         /**
           * Label text for the checking account type select item
           * @uiName Checking select item label
@@ -970,11 +965,6 @@ export namespace Components {
           * @uiName Back button text
          */
         "backButton": string;
-        /**
-          * Alert text indicating participant cannot change info after it has been submitted
-          * @uiName Cannot change info Alert text
-         */
-        "cannotChangeInfoAlert": string;
         /**
           * Text for the continue button in the form
           * @uiName Continue button text
@@ -4051,12 +4041,6 @@ export namespace Components {
           * @uiGroup Step 1 Properties
          */
         "step1_termsAndConditionsLabel": string;
-        /**
-          * Alert text indicating participant cannot change info after it has been submitted
-          * @uiName Cannot change info Alert text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_cannotChangeInfoAlert": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Indirect tax form step text
@@ -4339,12 +4323,6 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_businessSelectItemLabel": string;
-        /**
-          * Alert text indicating participant cannot change info after it has been submitted
-          * @uiName Cannot change info Alert text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_cannotChangeInfoAlert": string;
         /**
           * Label text for the checking account type select item
           * @uiName Checking select item label
@@ -5756,11 +5734,6 @@ declare namespace LocalJSX {
           * @uiName Business select item label
          */
         "businessSelectItemLabel"?: string;
-        /**
-          * Alert text indicating participant cannot change info after it has been submitted
-          * @uiName Cannot change info Alert text
-         */
-        "cannotChangeInfoAlert"?: string;
         /**
           * Label text for the checking account type select item
           * @uiName Checking select item label
@@ -6595,11 +6568,6 @@ declare namespace LocalJSX {
           * @uiName Back button text
          */
         "backButton"?: string;
-        /**
-          * Alert text indicating participant cannot change info after it has been submitted
-          * @uiName Cannot change info Alert text
-         */
-        "cannotChangeInfoAlert"?: string;
         /**
           * Text for the continue button in the form
           * @uiName Continue button text
@@ -9646,12 +9614,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 1 Properties
          */
         "step1_termsAndConditionsLabel"?: string;
-        /**
-          * Alert text indicating participant cannot change info after it has been submitted
-          * @uiName Cannot change info Alert text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_cannotChangeInfoAlert"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Indirect tax form step text
@@ -9934,12 +9896,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_businessSelectItemLabel"?: string;
-        /**
-          * Alert text indicating participant cannot change info after it has been submitted
-          * @uiName Cannot change info Alert text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_cannotChangeInfoAlert"?: string;
         /**
           * Label text for the checking account type select item
           * @uiName Checking select item label
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 5cf2ddbc40..27b624daab 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -81,7 +81,6 @@ export interface BankingInfoFormViewProps {
     paymentDayFifteenthOfMonthLabelText: string;
     isPartnerAlertHeader: string;
     isPartnerAlertDescription: string;
-    cannotChangeInfoAlert: string;
     error: {
       generalTitle: string;
       generalDescription: string;
@@ -164,9 +163,6 @@ const style = {
       color: "var(--sl-color-blue-500)",
     },
   },
-  CannotChangeAlertContainer: {
-    maxWidth: "797px",
-  },
   Checkbox: {
     "&::part(control)": {
       borderRadius: "50% !important",
@@ -385,21 +381,6 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
             {text.isPartnerAlertDescription}
           </sl-alert>
         )}
-        <div class={classes.CannotChangeAlertContainer}>
-          <sl-alert
-            exportparts="base: alert-base, icon:alert-icon"
-            type="primary"
-            open
-            class={classes.InfoAlert}
-          >
-            <sl-icon
-              class={classes.InfoWarningIcon}
-              slot="icon"
-              name="exclamation-triangle"
-            ></sl-icon>
-            {text.cannotChangeInfoAlert}
-          </sl-alert>
-        </div>
         <div>
           <h4>{text.paymentMethod}</h4>
           <p class={classes.DescriptionText}>{text.paymentMethodSubtext}</p>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index ef1f4edc6d..d8642439e9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -264,13 +264,6 @@ export class BankingInfoForm {
    * @uiName Bank Postal Code input label
    */
   @Prop() bankPostalCodeLabel: string = "Bank Postal Code";
-  /**
-   * Alert text indicating participant cannot change info after it has been submitted
-   * @uiName Cannot change info Alert text
-   */
-  @Prop() cannotChangeInfoAlert: string =
-    "Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting.";
-
   /**
    * @uiName EFT Withdrawal label text
    */

From f6fc78c2415167bebed046d215784b55915a0157 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 13 Mar 2024 13:44:15 -0700
Subject: [PATCH 505/753] skip banking info if already saved + spec

---
 packages/mint-components/src/components.d.ts  | 38 -----------
 .../useBankingInfoForm.tsx                    |  4 +-
 .../sqm-docusign-form/useDocusignForm.tsx     | 11 ++-
 .../useTaxAndCashDashboard.tsx                |  3 +-
 .../tax-and-cash/sqm-tax-form.feature         | 67 ++++++++++++-------
 5 files changed, 54 insertions(+), 69 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 5a1377f9dc..8ad2c42aaf 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1290,17 +1290,6 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate": string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle": string;
-        "renderCell": (_: Invoice) => Promise<any>;
-        "renderLabel": () => Promise<string>;
-    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -5079,18 +5068,6 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
-    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableCellElement: {
-        prototype: HTMLSqmInvoiceTableCellElement;
-        new (): HTMLSqmInvoiceTableCellElement;
-    };
-    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableColumnElement: {
-        prototype: HTMLSqmInvoiceTableColumnElement;
-        new (): HTMLSqmInvoiceTableColumnElement;
-    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5611,8 +5588,6 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
-        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
-        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6940,15 +6915,6 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate"?: string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle"?: string;
-    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -10560,8 +10526,6 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
-        "sqm-invoice-table-cell": SqmInvoiceTableCell;
-        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10677,8 +10641,6 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
-            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
-            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 0fb64c3e56..85712eae9b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -685,13 +685,13 @@ export function useBankingInfoForm(
 
     if (
       withdrawalSettings &&
-      userData.user?.impactConnection?.publisher?.brandedSignup
+      // TODO userData.user?.impactConnection?.publisher?.brandedSignup
+      !userData.user?.impactConnection?.publisher?.brandedSignup
     ) {
       initialData = {
         ...initialData,
         paymentMethod: withdrawalSettings.paymentMethod,
         paypalEmailAddress: withdrawalSettings.paypalEmailAddress,
-        bankAccountNumber: withdrawalSettings.bankAccountNumber,
         paymentSchedulingType: withdrawalSettings.paymentSchedulingType,
         paymentThreshold: parseImpactThreshold(
           withdrawalSettings.paymentThreshold
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index c599004bf3..3bf7effa5a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -151,14 +151,19 @@ export function useDocusignForm(props: DocusignForm) {
       const result = await refetch();
       if ((result as Error).message) throw new Error();
 
-      const status = (result as UserQuery).user?.impactConnection?.publisher
-        ?.currentTaxDocument?.status;
+      const publisher = (result as UserQuery).user?.impactConnection?.publisher;
+      const status = publisher?.currentTaxDocument?.status;
 
       if (status === "NOT_VERIFIED" || status === "ACTIVE") {
         console.debug("Document has been registered as submitted");
       }
 
-      setPath(context.overrideNextStep || "/4");
+      // Skip banking info form if it already is saved
+      if (publisher?.withdrawalSettings) {
+        setPath(context.overrideNextStep || "/dashboard");
+      } else {
+        setPath(context.overrideNextStep || "/4");
+      }
     } catch (e) {
       setErrors({ formSubission: { status: "document-error" } });
     } finally {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index fe8a6d47f6..fa541db065 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -121,7 +121,8 @@ export const useTaxAndCashDashboard = (
       dateSubmitted,
       dateExpired,
       documentType,
-      canEditPayoutInfo: publisher?.brandedSignup,
+      // TODO: publisher?.brandedSignup
+      canEditPayoutInfo: !publisher?.brandedSignup,
       documentTypeString: taxTypeToName(documentType),
       status: publisher?.currentTaxDocument?.status,
       subRegion: getSubRegionName(publisher?.taxInformation?.indirectTaxRegion),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 0be86e737e..777c4a6199 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -24,16 +24,16 @@ Feature: Tax Form Flow
     And press "Continue"
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
 
-    Examples: 
+    Examples:
       | firstName | lastName | email                  | countryCode | brandCountry | currency | allowBankingCollection | option                               | stepX |
-      | Bob       | Johnson  | bob.johnson@email.com  | CA          | US           | CAD      | true                   | I am registered for Indirect Tax     |     3 |
-      | Jane      | Moe      | jane.moe@email.com     | CA          | MX           | CAD      | true                   | I am registered for Indirect Tax     |     4 |
-      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | true                   | I am not registered for Indirect Tax |     4 |
-      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | true                   | I am not registered for Indirect Tax |     4 |
-      | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | true                   | I am registered for Indirect Tax     |     3 |
-      | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | true                   | I am registered for Indirect Tax     |     4 |
-      | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | true                   | I am not registered for Indirect Tax |     3 |
-      | Payton    | Chan     | payton.chan@email.com  | EG          | MX           | EGP      | true                   | I am not registered for Indirect Tax |     4 |
+      | Bob       | Johnson  | bob.johnson@email.com  | CA          | US           | CAD      | true                   | I am registered for Indirect Tax     | 3     |
+      | Jane      | Moe      | jane.moe@email.com     | CA          | MX           | CAD      | true                   | I am registered for Indirect Tax     | 4     |
+      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | true                   | I am not registered for Indirect Tax | 4     |
+      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | true                   | I am not registered for Indirect Tax | 4     |
+      | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | true                   | I am registered for Indirect Tax     | 3     |
+      | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | true                   | I am registered for Indirect Tax     | 4     |
+      | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | true                   | I am not registered for Indirect Tax | 3     |
+      | Payton    | Chan     | payton.chan@email.com  | EG          | MX           | EGP      | true                   | I am not registered for Indirect Tax | 4     |
 
   Scenario Outline: Default form step on load
     Given the participant just loaded the form
@@ -45,7 +45,7 @@ Feature: Tax Form Flow
     And participant <hasWithdrawalSettings>
     Then they proceed to <stepX>
 
-    Examples: 
+    Examples:
       | hasTax                 | isConnected      | hasRequiredDoc             | hasCurrentTaxDoc          | status   | hasWithdrawalSettings             | stepX     |
       | does not have tax info | is not connected | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
       | does not have tax info | is connected     | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
@@ -80,16 +80,16 @@ Feature: Tax Form Flow
     And press "Continue"
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
 
-    Examples: 
+    Examples:
       | countryCode | brandCountry | currency | allowBankingCollection | option                          | fields                                                       | stepX |
-      | CA          | US           | CAD      | true                   | Registered for indirect tax     | Country, Province, HST/GST Number, QST Number (optional)     |     3 |
-      | CA          | MX           | CAD      | true                   | Not registered for indirect tax | N/A                                                          |     4 |
-      | US          | CA           | USD      | true                   | Not registered for indirect tax | N/A                                                          |     3 |
-      | US          | MX           | USD      | true                   | Not registered for indirect tax | N/A                                                          |     3 |
-      | UK          | US           | GBP      | true                   | Not registered for indirect tax | N/A                                                          |     3 |
-      | UK          | US           | GBP      | true                   | Registered for indirect tax     | Country, VAT Number                                          |     3 |
-      | ES          | US           | EGP      | true                   | Registered for indirect tax     | Country, Sub Region, VAT Number, Income Tax Number(optional) |     3 |
-      | EG          | MX           | BMD      | true                   | Not registered for indirect tax | N/A                                                          |     4 |
+      | CA          | US           | CAD      | true                   | Registered for indirect tax     | Country, Province, HST/GST Number, QST Number (optional)     | 3     |
+      | CA          | MX           | CAD      | true                   | Not registered for indirect tax | N/A                                                          | 4     |
+      | US          | CA           | USD      | true                   | Not registered for indirect tax | N/A                                                          | 3     |
+      | US          | MX           | USD      | true                   | Not registered for indirect tax | N/A                                                          | 3     |
+      | UK          | US           | GBP      | true                   | Not registered for indirect tax | N/A                                                          | 3     |
+      | UK          | US           | GBP      | true                   | Registered for indirect tax     | Country, VAT Number                                          | 3     |
+      | ES          | US           | EGP      | true                   | Registered for indirect tax     | Country, Sub Region, VAT Number, Income Tax Number(optional) | 3     |
+      | EG          | MX           | BMD      | true                   | Not registered for indirect tax | N/A                                                          | 4     |
 
   @minutia
   Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms
@@ -98,7 +98,7 @@ Feature: Tax Form Flow
     And the user selects a <country> not in the US
     Then they skip to step 4 Payout Details
 
-    Examples: 
+    Examples:
       | brandCountry | country |
       | MX           | UK      |
       | AUS          | EGP     |
@@ -112,7 +112,7 @@ Feature: Tax Form Flow
     Then they must select <participantType>
     And the <autoSelectedForm> is displayed
 
-    Examples: 
+    Examples:
       | brandCountry | country | participantType       | autoSelectedForm |
       | US           | CA      | individualParticipant | W8-BEN           |
       | US           | CA      | company               | W8-BEN-E         |
@@ -126,7 +126,7 @@ Feature: Tax Form Flow
     When they view step 3
     Then the <autoSelectedForm> is displayed
 
-    Examples: 
+    Examples:
       | brandCountry | country | autoSelectedForm |
       | MX           | US      | W9               |
       | UK           | US      | W9               |
@@ -160,7 +160,7 @@ Feature: Tax Form Flow
     But the request fails
     Then a general error banner appears with <generalTitle> and <generalDescription>
 
-    Examples: 
+    Examples:
       | generalTitle                                    | generalDescription                                                                       |
       | There was a problem submitting your information | Please review your information and try again. If this problem continues, contact Support |
 
@@ -171,7 +171,7 @@ Feature: Tax Form Flow
     But the request fails
     Then a loading error banner appears with <loadingErrorAlertHeader> and <loadingErrorAlertDescription>
 
-    Examples: 
+    Examples:
       | loadingErrorAlertHeader               | loadingErrorAlertDescription                                                       |
       | There was a problem loading your form | Please refresh the page and try again. If this problem continues, contact Support. |
 
@@ -181,6 +181,23 @@ Feature: Tax Form Flow
     When any request while loading the form fails
     Then a general loading error banner appears with <generalTitle> and <generalDescription>
 
-    Examples: 
+    Examples:
       | generalTitle | generalDescription |
       | TODO         | TODO               |
+
+  @minutia
+  @landmine
+  Scenario: "Submit New Form" on Dashboard resets tax form progress
+    Given a user has successfully submitted a tax document
+    And they are on the Dashboard step
+    When they click the "Submit New Form" button
+    Then they are brought to the Docusign form submission step
+    And refreshing the page keeps them on the Docusign form submission step
+
+  @minutia
+  Scenario: Submitting a tax document with withdrawalSettings saved skips the banking info form step
+    Given a user on the Docusign form submission step
+    And they have previously saved withdrawal/banking information
+    When they successfully submit a tax document
+    Then they are sent to the Dashboard step
+    And they skip the banking info form step
\ No newline at end of file

From 639fcca5b15ab20ecd93f20fcd0ede652137c01c Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Wed, 13 Mar 2024 13:51:51 -0700
Subject: [PATCH 506/753] Add cancel button to docusign form

---
 packages/mint-components/src/components.d.ts  | 94 +++++++++++--------
 .../sqm-docusign-form-view.tsx                |  5 +-
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  5 +
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  7 ++
 packages/mint-components/src/index.html       |  6 +-
 5 files changed, 75 insertions(+), 42 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 1edd7b8020..da8778f712 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -571,6 +571,11 @@ export namespace Components {
           * @uiName Business entity radio button label
          */
         "businessEntity": string;
+        /**
+          * Text shown inside of cancel button
+          * @uiName Cancel button text
+         */
+        "cancelButton": string;
         /**
           * Label text for the form submission checkbox
           * @uiName Form submission checkbox label
@@ -965,6 +970,11 @@ export namespace Components {
           * @uiName Back button text
          */
         "backButton": string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+         */
+        "cannotChangeInfoAlert": string;
         /**
           * Text for the continue button in the form
           * @uiName Continue button text
@@ -1280,17 +1290,6 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate": string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle": string;
-        "renderCell": (_: Invoice) => Promise<any>;
-        "renderLabel": () => Promise<string>;
-    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -3748,6 +3747,12 @@ export namespace Components {
           * @uiGroup General Form Properties
          */
         "backButton": string;
+        /**
+          * Text shown inside of cancel button
+          * @uiName Cancel button text
+          * @uiGroup General Form Properties
+         */
+        "cancelButton": string;
         /**
           * Text for the continue button in the form
           * @uiName Continue button text
@@ -4052,6 +4057,12 @@ export namespace Components {
           * @uiGroup Step 1 Properties
          */
         "step1_termsAndConditionsLabel": string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+          * @uiGroup Step 2 Properties
+         */
+        "step2_cannotChangeInfoAlert": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Indirect tax form step text
@@ -4334,6 +4345,12 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_businessSelectItemLabel": string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_cannotChangeInfoAlert": string;
         /**
           * Label text for the checking account type select item
           * @uiName Checking select item label
@@ -5057,18 +5074,6 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
-    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableCellElement: {
-        prototype: HTMLSqmInvoiceTableCellElement;
-        new (): HTMLSqmInvoiceTableCellElement;
-    };
-    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableColumnElement: {
-        prototype: HTMLSqmInvoiceTableColumnElement;
-        new (): HTMLSqmInvoiceTableColumnElement;
-    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5589,8 +5594,6 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
-        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
-        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6199,6 +6202,11 @@ declare namespace LocalJSX {
           * @uiName Business entity radio button label
          */
         "businessEntity"?: string;
+        /**
+          * Text shown inside of cancel button
+          * @uiName Cancel button text
+         */
+        "cancelButton"?: string;
         /**
           * Label text for the form submission checkbox
           * @uiName Form submission checkbox label
@@ -6593,6 +6601,11 @@ declare namespace LocalJSX {
           * @uiName Back button text
          */
         "backButton"?: string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+         */
+        "cannotChangeInfoAlert"?: string;
         /**
           * Text for the continue button in the form
           * @uiName Continue button text
@@ -6908,15 +6921,6 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate"?: string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle"?: string;
-    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -9344,6 +9348,12 @@ declare namespace LocalJSX {
           * @uiGroup General Form Properties
          */
         "backButton"?: string;
+        /**
+          * Text shown inside of cancel button
+          * @uiName Cancel button text
+          * @uiGroup General Form Properties
+         */
+        "cancelButton"?: string;
         /**
           * Text for the continue button in the form
           * @uiName Continue button text
@@ -9648,6 +9658,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 1 Properties
          */
         "step1_termsAndConditionsLabel"?: string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+          * @uiGroup Step 2 Properties
+         */
+        "step2_cannotChangeInfoAlert"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Indirect tax form step text
@@ -9930,6 +9946,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_businessSelectItemLabel"?: string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_cannotChangeInfoAlert"?: string;
         /**
           * Label text for the checking account type select item
           * @uiName Checking select item label
@@ -10516,8 +10538,6 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
-        "sqm-invoice-table-cell": SqmInvoiceTableCell;
-        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10633,8 +10653,6 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
-            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
-            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 43e3019d70..5c8b8af029 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -47,6 +47,7 @@ export interface DocusignFormViewProps {
     checkboxLabel: string;
     checkboxDescription: string;
     backButton: string;
+    cancelButton: string;
     businessEntity: string;
     individualParticipant: string;
     participantType: string;
@@ -206,6 +207,8 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
 
   const { classes } = sheet;
 
+  console.log(props);
+
   return (
     <div class={classes.Container}>
       <style type="text/css">
@@ -321,7 +324,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
                 type="text"
                 onClick={callbacks.onBack}
               >
-                {text.backButton}
+                {text.cancelButton}
               </sl-button>
             )}
           </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 573eb5caff..af40178960 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -136,6 +136,11 @@ export class DocusignForm {
    * @uiName Back button text
    */
   @Prop() backButton: string = "Back";
+  /**
+   * Text shown inside of cancel button
+   * @uiName Cancel button text
+   */
+  @Prop() cancelButton: string = "Cancel";
   /**
    * The title for error message shown at the top of the page in an error banner
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 3130336de6..ca4e986467 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -921,6 +921,12 @@ export class TaxAndCashMonolith {
    * @uiGroup General Form Properties
    */
   @Prop() backButton: string = "Back";
+  /**
+   * Text shown inside of cancel button
+   * @uiName Cancel button text
+   * @uiGroup General Form Properties
+   */
+  @Prop() cancelButton: string = "Cancel";
   /**
    * Alert header text shown in alert if user is already a registered partner
    * @uiName Participant is partner title
@@ -973,6 +979,7 @@ export class TaxAndCashMonolith {
       fieldInvalidError: props.fieldInvalidError,
       continueButton: props.continueButton,
       backButton: props.backButton,
+      cancelButton: props.cancelButton,
       isPartnerAlertHeader: props.isPartnerAlertHeader,
       isPartnerAlertDescription: props.isPartnerAlertDescription,
       loadingErrorAlertHeader: props.loadingErrorAlertHeader,
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From d861b69623a3a6fba7dfca98814c0e6af8ec3253 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Wed, 13 Mar 2024 13:56:21 -0700
Subject: [PATCH 507/753] update empty state image

---
 .../src/components/sqm-invoice-table/InvoiceTable.stories.tsx | 2 +-
 .../src/components/sqm-invoice-table/sqm-invoice-table.tsx    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
index b076caa601..45d41517ce 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
@@ -46,7 +46,7 @@ const loadingElement = (
 
 const emptyElement = (
   <sqm-empty
-    empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_referral2.png"
+    empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png"
     empty-state-header="View your invoice details"
     empty-state-text="Track the status of your invoices and rewards earned by referring friends"
   ></sqm-empty>
diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
index e540405eec..2ac3fe2872 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
@@ -21,7 +21,7 @@ import { InvoiceTableView } from "./sqm-invoice-table-view";
  * @uiName Invoice Table
  * @exampleGroup Invoices
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
- * @example Invoice Table - <sqm-invoice-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" ><sqm-invoice-table-download-column></sqm-invoice-table-download-column><sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column><sqm-invoice-table-data-column column-title="Invoice" property="invoiceId"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings" property="earnings"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Taxed Amount" property="taxedAmount"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings after tax" property="netEarnings"></sqm-invoice-table-data-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_referral2.png" empty-state-header="View your invoice details" empty-state-text="Refer a friend to view the status of your invoices and rewards earned" slot="empty" ></sqm-empty ></sqm-invoice-table> */
+ * @example Invoice Table - <sqm-invoice-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" ><sqm-invoice-table-download-column></sqm-invoice-table-download-column><sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column><sqm-invoice-table-data-column column-title="Invoice" property="invoiceId"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings" property="earnings"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Taxed Amount" property="taxedAmount"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings after tax" property="netEarnings"></sqm-invoice-table-data-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png" empty-state-header="View your invoice details" empty-state-text="Refer a friend to view the status of your invoices and rewards earned" slot="empty" ></sqm-empty ></sqm-invoice-table> */
 @Component({
   tag: "sqm-invoice-table",
   shadow: true,
@@ -113,7 +113,7 @@ function EmptySlot() {
   return (
     <slot name="empty">
       <sqm-empty
-        empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_invoice2.png"
+        empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png"
         empty-state-header="View your invoice details"
         empty-state-text="Refer a friend to view the status of your invoices and rewards earned"
       ></sqm-empty>

From 4a7d00c978fd00732674b964f193986cf65d4c78 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Wed, 13 Mar 2024 14:01:28 -0700
Subject: [PATCH 508/753] fix payout details card dots

---
 .../sqm-payout-details-card/sqm-payout-details-card-view.tsx    | 2 +-
 .../sqm-payout-details-card/sqm-payout-details-card.tsx         | 2 +-
 .../sqm-tax-and-cash-dashboard.feature                          | 2 +-
 .../sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx   | 2 +-
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx          | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index 8ebec073d1..9f9fd75960 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -230,7 +230,7 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
           ) : (
             <div class={classes.AccountDetailsContainer}>
               <span>
-                {text.accountText} {"••" + states.cardNumberPreview}
+                {text.accountText} {states.cardNumberPreview}
               </span>
             </div>
           )}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index f6ca493998..6555da5ed7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -96,7 +96,7 @@ function useDemoPayoutDetailsCard(props: PayoutDetailsCard) {
         otherCurrencies: false,
         hasW9Pending: false,
         hasDatePending: true,
-        cardNumberPreview: "2381",
+        cardNumberPreview: "XX2381",
         balance: "20.00 USD",
       },
       text: props.getTextProps(),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
index 2380402dea..6da4cdabc7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
@@ -91,7 +91,7 @@ Feature: Tax And Cash Dashboard
     Examples:
       | status     | documentType | taxAlertHeader                                                             | taxAlertMessage                                                                                                              |
       | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile. | Please resubmit a new W9 form.                                                                                               |
-      | NOT_ACTIVE | W8-BEN | W8-BEN tax form is invalid. | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form. |
+      | NOT_ACTIVE | W8-BEN | W8-BEN tax form is invalid. | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN-E form. |
 
   @unknown
   Scenario: Submit New Tax Document Form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 29a95b9bf8..415afeaecb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -88,7 +88,7 @@ export class TaxAndCashDashboard {
    * @uiName Tax W8 alert message
    */
   @Prop() taxAlertNotActiveMessageW8?: string =
-    "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form.";
+    "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN-E form.";
   /**
    * Description text displayed next to the badge in the tax documents status
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index ca4e986467..79fc8565d0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -718,7 +718,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_taxAlertNotActiveMessageW8?: string =
-    "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form.";
+    "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN-E form.";
   /**
    * Description text displayed next to the badge in the tax documents status
    *

From 47b81987d755499dfe0c4509fe772aa04b622af7 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Wed, 13 Mar 2024 14:03:02 -0700
Subject: [PATCH 509/753] cleanup doctype icu string

---
 .../sqm-tax-and-cash-dashboard.feature                         | 3 ++-
 .../sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx  | 2 +-
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx         | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
index 6da4cdabc7..5a9eaef357 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
@@ -91,7 +91,8 @@ Feature: Tax And Cash Dashboard
     Examples:
       | status     | documentType | taxAlertHeader                                                             | taxAlertMessage                                                                                                              |
       | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile. | Please resubmit a new W9 form.                                                                                               |
-      | NOT_ACTIVE | W8-BEN | W8-BEN tax form is invalid. | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN-E form. |
+      | NOT_ACTIVE | W8-BEN   | W8-BEN tax form is invalid. | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form.   |
+      | NOT_ACTIVE | W8-BEN-E | W8-BEN tax form is invalid. | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN-E form. |
 
   @unknown
   Scenario: Submit New Tax Document Form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 415afeaecb..80dcad9091 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -88,7 +88,7 @@ export class TaxAndCashDashboard {
    * @uiName Tax W8 alert message
    */
   @Prop() taxAlertNotActiveMessageW8?: string =
-    "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN-E form.";
+    "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
    *
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 79fc8565d0..3e7bf96a8c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -718,7 +718,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_taxAlertNotActiveMessageW8?: string =
-    "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN-E form.";
+    "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
    *

From 108d8eb484c4f53296494bb03a5292ba4085cbb2 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 13 Mar 2024 14:03:19 -0700
Subject: [PATCH 510/753] fix banking auto fill + loading errors

---
 packages/mint-components/src/components.d.ts  | 34 +++++++++++++++++++
 .../useBankingInfoForm.tsx                    |  3 +-
 .../useIndirectTaxForm.tsx                    | 10 +++---
 .../useTaxAndCashDashboard.tsx                | 13 +++----
 .../sqm-user-info-form/useUserInfoForm.tsx    | 10 +++---
 5 files changed, 54 insertions(+), 16 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index bb77f40276..2fd5243bf6 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -965,6 +965,11 @@ export namespace Components {
           * @uiName Back button text
          */
         "backButton": string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+         */
+        "cannotChangeInfoAlert": string;
         /**
           * Text for the continue button in the form
           * @uiName Continue button text
@@ -4041,6 +4046,12 @@ export namespace Components {
           * @uiGroup Step 1 Properties
          */
         "step1_termsAndConditionsLabel": string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+          * @uiGroup Step 2 Properties
+         */
+        "step2_cannotChangeInfoAlert": string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Indirect tax form step text
@@ -4323,6 +4334,12 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_businessSelectItemLabel": string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_cannotChangeInfoAlert": string;
         /**
           * Label text for the checking account type select item
           * @uiName Checking select item label
@@ -6568,6 +6585,11 @@ declare namespace LocalJSX {
           * @uiName Back button text
          */
         "backButton"?: string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+         */
+        "cannotChangeInfoAlert"?: string;
         /**
           * Text for the continue button in the form
           * @uiName Continue button text
@@ -9614,6 +9636,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 1 Properties
          */
         "step1_termsAndConditionsLabel"?: string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+          * @uiGroup Step 2 Properties
+         */
+        "step2_cannotChangeInfoAlert"?: string;
         /**
           * Sub text shown at the top of the page, used to show the current step of the tax form.
           * @uiName Indirect tax form step text
@@ -9896,6 +9924,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_businessSelectItemLabel"?: string;
+        /**
+          * Alert text indicating participant cannot change info after it has been submitted
+          * @uiName Cannot change info Alert text
+          * @uiGroup Step 4 Properties
+         */
+        "step4_cannotChangeInfoAlert"?: string;
         /**
           * Label text for the checking account type select item
           * @uiName Checking select item label
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 85712eae9b..57c1c537f1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -685,8 +685,7 @@ export function useBankingInfoForm(
 
     if (
       withdrawalSettings &&
-      // TODO userData.user?.impactConnection?.publisher?.brandedSignup
-      !userData.user?.impactConnection?.publisher?.brandedSignup
+      userData.user?.impactConnection?.publisher?.brandedSignup
     ) {
       initialData = {
         ...initialData,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 363fc1d9f7..52f914c17b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -93,8 +93,11 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     { loading: connectLoading, errors: connectErrors },
   ] = useMutation<ConnectPartnerResult>(CONNECT_PARTNER);
   const userForm = useParentValue<UserFormContext>(USER_FORM_CONTEXT_NAMESPACE);
-  const { data: userData, refetch } =
-    useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+  const {
+    data: userData,
+    refetch,
+    errors: userError,
+  } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
   const { data: _countries, loading: countriesLoading } =
     useParentQueryValue<CountriesQuery>(COUNTRIES_QUERY_NAMESPACE);
 
@@ -247,8 +250,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       disabled: loading || countriesLoading || connectLoading,
       loading: loading || connectLoading || countriesLoading,
       isPartner: !!userData?.user?.impactConnection?.publisher?.taxInformation,
-      //AL TODO loadingError
-      loadingError: false,
+      loadingError: !!userError?.message,
       formState: {
         checked: option,
         errors,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index fa541db065..c46c7a6068 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -76,8 +76,11 @@ export const useTaxAndCashDashboard = (
     setContext({});
   }, []);
 
-  const { data, loading } =
-    useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+  const {
+    data,
+    loading,
+    errors: userError,
+  } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
 
   const publisher = data?.user?.impactConnection?.publisher;
   const documentType = publisher?.currentTaxDocument?.type;
@@ -121,8 +124,7 @@ export const useTaxAndCashDashboard = (
       dateSubmitted,
       dateExpired,
       documentType,
-      // TODO: publisher?.brandedSignup
-      canEditPayoutInfo: !publisher?.brandedSignup,
+      canEditPayoutInfo: publisher?.brandedSignup,
       documentTypeString: taxTypeToName(documentType),
       status: publisher?.currentTaxDocument?.status,
       subRegion: getSubRegionName(publisher?.taxInformation?.indirectTaxRegion),
@@ -141,8 +143,7 @@ export const useTaxAndCashDashboard = (
       expiresSoon,
       disabled: loading,
       loading,
-      // AL: TODO loadingError
-      loadingError: false,
+      loadingError: !!userError?.message,
     },
     slots: {
       // TODO: Replace this story once we have hooks for payment details card
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index dd67b2de5d..94657bb97e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -59,8 +59,11 @@ export function useUserInfoForm(props: TaxForm) {
     USER_FORM_CONTEXT_NAMESPACE
   );
 
-  const { data, loading } =
-    useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
+  const {
+    data,
+    loading,
+    errors: userError,
+  } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
   const { data: countriesRes, loading: countriesLoading } =
     useParentQueryValue<CountriesQuery>(COUNTRIES_QUERY_NAMESPACE);
 
@@ -208,8 +211,7 @@ export function useUserInfoForm(props: TaxForm) {
     states: {
       hideSteps: context.hideSteps,
       disabled: loading,
-      //AL TODO loadingerror
-      loadingError: false,
+      loadingError: !!userError?.message,
       loading: loading,
       isPartner: !!data?.user?.impactConnection?.publisher,
       isUser: !!data?.user?.impactConnection?.user,

From ca23095a3995f57be6283694338608a96ce517f7 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 13 Mar 2024 14:41:27 -0700
Subject: [PATCH 511/753] Made invoices list collapsable

---
 .../sqm-invoice-table-view.tsx                | 33 ++++++++++++--
 .../ReferralTable.stories.tsx                 | 18 --------
 .../sqm-tax-and-cash-dashboard.feature        | 45 +++++++++++--------
 packages/mint-components/src/index.html       |  6 +--
 4 files changed, 59 insertions(+), 43 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table-view.tsx b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table-view.tsx
index ed91e4c82d..b223a37a90 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table-view.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table-view.tsx
@@ -10,6 +10,7 @@ const style = {
   Description: {
     fontSize: "var(--sl-font-size-small)",
     margin: "0 0 var(--sl-spacing-xx-large)",
+    color: "var(--sl-color-gray-500)",
   },
   Header: {
     fontSize: "var(--sl-font-size-large)",
@@ -17,6 +18,29 @@ const style = {
     margin: "0 0 var(--sl-spacing-xxx-small)",
   },
   Container: {},
+  InvoiceTableContaier: {
+    "& sl-details::part(base)": {
+      border: "none",
+    },
+    "& sl-details::part(content)": {
+      padding: 0,
+    },
+    "& sl-details::part(header)": {
+      fontSize: "var(--sl-font-size-medium)",
+      padding: "0px",
+    },
+    "& sl-details::part(summary)": {
+      fontWeight: "var(-sl-font-weight-semibold)",
+    },
+    "& sl-details::part(summary-icon)": {
+      marginRight: "100%",
+      marginLeft: "var(--sl-spacing-x-small)",
+      transform: "rotate(90deg)",
+    },
+    "& sl-details[open]::part(summary-icon)": {
+      transform: "rotate(270deg)",
+    },
+  },
 };
 
 export function InvoiceTableView(
@@ -36,9 +60,12 @@ export function InvoiceTableView(
         {vanillaStyle}
         {styleString}
       </style>
-      <h2 class={sheet.classes.Header}>{props.header}</h2>
-      <p class={sheet.classes.Description}>{props.description}</p>
-      {children}
+      <div class={sheet.classes.InvoiceTableContaier}>
+        <sl-details summary={props.header}>
+          <p class={sheet.classes.Description}>{props.description}</p>
+          {children}
+        </sl-details>
+      </div>
     </div>
   );
 }
diff --git a/packages/mint-components/src/components/sqm-referral-table/ReferralTable.stories.tsx b/packages/mint-components/src/components/sqm-referral-table/ReferralTable.stories.tsx
index 0bb029f97f..2c0ad67018 100644
--- a/packages/mint-components/src/components/sqm-referral-table/ReferralTable.stories.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/ReferralTable.stories.tsx
@@ -180,18 +180,6 @@ const simpleUserTableProps = {
         <DateCell />,
         <PayoutFailed />,
       ],
-      [
-        <sqm-referral-table-user-cell name="Sarah Joseph"></sqm-referral-table-user-cell>,
-        <ConvertedStatus />,
-        <DateCell />,
-        <PayoutSent />,
-      ],
-      [
-        <sqm-referral-table-user-cell name="Sarah Joseph"></sqm-referral-table-user-cell>,
-        <ConvertedStatus />,
-        <DateCell />,
-        <PayoutFailed />,
-      ],
       [
         <sqm-referral-table-user-cell name="Sarah Joseph"></sqm-referral-table-user-cell>,
         <ConvertedStatus />,
@@ -222,12 +210,6 @@ const simpleUserTableProps = {
         <DateCell />,
         <PendingReview />,
       ],
-      [
-        <sqm-referral-table-user-cell name="Tom Smith"></sqm-referral-table-user-cell>,
-        <PendingReviewStatus />,
-        <DateCell />,
-        <PendingReview />,
-      ],
       [
         <sqm-referral-table-user-cell name="Tom Smith"></sqm-referral-table-user-cell>,
         <DeniedStatus />,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
index 2380402dea..8f62ae6993 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
@@ -22,7 +22,7 @@ Feature: Tax And Cash Dashboard
     Given they submitted a W9/W8-BEN/W8-BEN-E Tax form
     Then the Tax Form header displays "<documentType> Tax Form"
 
-    Examples:
+    Examples: 
       | documentType |
       | W9           |
       | W8 BEN       |
@@ -40,11 +40,11 @@ Feature: Tax And Cash Dashboard
     Then they see a badge with <status> text and a respective <badgeVariant>
     Then they see the message "<taxStatusMessage> on <dateSubmitted>"
 
-    Examples:
-      | status       | badgeVariant | taxStatusMessage                                                          | dateSubmitted |
-      | ACTIVE       | success      | Submitted                                                                 | Jan 17, 2024  |
-      | NOT_VERIFIED | neutral      | Awaiting Review. Submitted                                                | Jan 17, 2024  |
-      | NOT_ACTIVE | danger | Make sure your information is correct and submit new form. | Jan 17, 2024 |
+    Examples: 
+      | status       | badgeVariant | taxStatusMessage                                           | dateSubmitted |
+      | ACTIVE       | success      | Submitted                                                  | Jan 17, 2024  |
+      | NOT_VERIFIED | neutral      | Awaiting Review. Submitted                                 | Jan 17, 2024  |
+      | NOT_ACTIVE   | danger       | Make sure your information is correct and submit new form. | Jan 17, 2024  |
 
   @minutia @ui
   Scenario: Status badge and text does not appear if participant is not required to submit tax form
@@ -58,15 +58,15 @@ Feature: Tax And Cash Dashboard
     When the participant <isRegistered> for indirect tax in their <country> and region <region>
     Then the Indirect Tax section will display <registeredDetails>, <indirectTaxType>, and <indirectTaxNumber>
 
-    Examples:
+    Examples: 
       | isRegistered | country          | region           | registeredDetails                                                                                                                                             | indirectTaxType        | indirectTaxNumber |
-      | true         | Australia        | n/a              | Registered in Australia.                                                                                                                                      | GST                    | 123456            |
-      | true         | Canada           | Ontario          | Registered in Ontario, Canada.                                                                                                                                | GST                    | 345213            |
-      | true         | Canada           | British Columbia | Registered in British Columbia, Canada.                                                                                                                       | HST                    | 345213            |
-      | true         | Canada           | Quebec           | Registered in Quebec, Canada.                                                                                                                                 | GST, QST               | 345213, 12312     |
-      | true         | United Kingdom   | n/a              | Registered in United Kingdom.                                                                                                                                 | VAT                    | 321413            |
-      | true         | Spain            | Spain Proper     | Registered in Spain, Spain Proper.                                                                                                                            | VAT, Income Tax Number | 345213, 12345     |
-      | true         | Spain            | Canary Islands   | Registered in Spain, Canary Islands.                                                                                                                          | VAT, Income Tax Number | 345213, 12345     |
+      | true         | Australia        | n/a              | Registered in Australia.                                                                                                                                      | GST                    |            123456 |
+      | true         | Canada           | Ontario          | Registered in Ontario, Canada.                                                                                                                                | GST                    |            345213 |
+      | true         | Canada           | British Columbia | Registered in British Columbia, Canada.                                                                                                                       | HST                    |            345213 |
+      | true         | Canada           | Quebec           | Registered in Quebec, Canada.                                                                                                                                 | GST, QST               |     345213, 12312 |
+      | true         | United Kingdom   | n/a              | Registered in United Kingdom.                                                                                                                                 | VAT                    |            321413 |
+      | true         | Spain            | Spain Proper     | Registered in Spain, Spain Proper.                                                                                                                            | VAT, Income Tax Number |     345213, 12345 |
+      | true         | Spain            | Canary Islands   | Registered in Spain, Canary Islands.                                                                                                                          | VAT, Income Tax Number |     345213, 12345 |
       | false        | United States    | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
       | false        | United States    | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
       | false        | Papua New Guinea | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
@@ -78,7 +78,7 @@ Feature: Tax And Cash Dashboard
     And they <doHaveIncomeTaxNumber> from step 2
     Then the indirect tax section displays <indirectTaxNumbers>
 
-    Examples:
+    Examples: 
       | registeredDetails    | subRegion      | doHaveIncomeTaxNumber | indirectTaxNumbers            |
       | Registered in Spain, | Spain Proper   | true                  | VAT Number, Income Tax Number |
       | Registered in Spain, | Canary Islands | false                 | VAT Number, N/A               |
@@ -88,10 +88,17 @@ Feature: Tax And Cash Dashboard
     Given the document has status <status>
     Then a danger alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> appears
 
-    Examples:
-      | status     | documentType | taxAlertHeader                                                             | taxAlertMessage                                                                                                              |
-      | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile. | Please resubmit a new W9 form.                                                                                               |
-      | NOT_ACTIVE | W8-BEN | W8-BEN tax form is invalid. | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form. |
+    Examples: 
+      | status     | documentType | taxAlertHeader                                                             | taxAlertMessage                                                                                                               |
+      | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile. | Please resubmit a new W9 form.                                                                                                |
+      | NOT_ACTIVE | W8-BEN       | W8-BEN tax form is invalid.                                                | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form. |
+
+  @minutia @ui
+  Scenario: Invoices table is available for participants regsistered for Indirect Tax
+    Given a participant is registered for Indirect Tax
+    Then the Invoices section appears with a table
+    But if they are not registered
+    Then the Invoice section does not appear.
 
   @unknown
   Scenario: Submit New Tax Document Form
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From c85da24679636781ef5a30f67d25e30e3e9c768a Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 13 Mar 2024 14:43:25 -0700
Subject: [PATCH 512/753] components.d.ts

---
 packages/mint-components/src/components.d.ts | 38 ++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index da8778f712..e3dcb986e4 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1290,6 +1290,17 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
+    interface SqmInvoiceTableCell {
+        "innerTemplate": string;
+    }
+    interface SqmInvoiceTableColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle": string;
+        "renderCell": (_: Invoice) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -5074,6 +5085,18 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
+    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableCellElement: {
+        prototype: HTMLSqmInvoiceTableCellElement;
+        new (): HTMLSqmInvoiceTableCellElement;
+    };
+    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableColumnElement: {
+        prototype: HTMLSqmInvoiceTableColumnElement;
+        new (): HTMLSqmInvoiceTableColumnElement;
+    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5594,6 +5617,8 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
+        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
+        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6921,6 +6946,15 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
+    interface SqmInvoiceTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmInvoiceTableColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle"?: string;
+    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -10538,6 +10572,8 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
+        "sqm-invoice-table-cell": SqmInvoiceTableCell;
+        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10653,6 +10689,8 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
+            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
+            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;

From e05f0f00a2c347e9bd203a4ff7f22e7616958e0c Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 13 Mar 2024 14:50:51 -0700
Subject: [PATCH 513/753] Added textprops in dashboard for Invoice column
 titles

---
 packages/mint-components/src/components.d.ts  | 110 ++++++++++++++++++
 .../sqm-tax-and-cash-dashboard-view.tsx       |  18 ++-
 .../sqm-tax-and-cash-dashboard.tsx            |  26 +++++
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  30 +++++
 4 files changed, 178 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index e3dcb986e4..ca50b053c0 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3956,11 +3956,29 @@ export namespace Components {
           * @uiGroup Dashboard Properties
          */
         "dashboard_thresholdPayoutText": string;
+        /**
+          * Invoice table Date column title
+          * @uiName Date column title
+          * @uiGroup Dashboard Properties
+         */
+        "dateColumnTitle": string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * Invoice table Earnings after tax column title
+          * @uiName Earnings after tax column title
+          * @uiGroup Dashboard Properties
+         */
+        "earningsAfterTaxColumnTitle": string;
+        /**
+          * Invoice table Earnings column title
+          * @uiName Earnings column title
+          * @uiGroup Dashboard Properties
+         */
+        "earningsColumnTitle": string;
         /**
           * Invalid error text shown at the bottom of field inputs
           * @uiName Field inputs invalid error text
@@ -3984,6 +4002,12 @@ export namespace Components {
           * @uiGroup General Form Properties
          */
         "generalErrorTitle": string;
+        /**
+          * Invoice table Invoice column title
+          * @uiName Invoice column title
+          * @uiGroup Dashboard Properties
+         */
+        "invoiceColumnTitle": string;
         /**
           * Alert description text shown in alert if user is already a registered partner
           * @uiName Participant is partner description
@@ -4546,6 +4570,12 @@ export namespace Components {
           * @uiGroup Step 3 Properties
          */
         "stop3NotBasedInUS": string;
+        /**
+          * Invoice table Taxed Amount column title
+          * @uiName Taxed Amount column title
+          * @uiGroup Dashboard Properties
+         */
+        "taxedAmountColumnTitle": string;
     }
     interface SqmTaxAndCashDashboard {
         /**
@@ -4573,11 +4603,26 @@ export namespace Components {
           * @uiName Banking information header
          */
         "bankingInformationSectionHeader": string;
+        /**
+          * Invoice table Date column title
+          * @uiName Date column title
+         */
+        "dateColumnTitle": string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashDashboardResult>;
+        /**
+          * Invoice table Earnings after tax column title
+          * @uiName Earnings after tax column title
+         */
+        "earningsAfterTaxColumnTitle": string;
+        /**
+          * Invoice table Earnings column title
+          * @uiName Earnings column title
+         */
+        "earningsColumnTitle": string;
         /**
           * Text displayed in the edit Payment Information button
           * @uiName Edit Payment Information button
@@ -4636,6 +4681,11 @@ export namespace Components {
           * @uiName Invalid form description text
          */
         "invalidForm"?: string;
+        /**
+          * Invoice table Invoice column title
+          * @uiName Invoice column title
+         */
+        "invoiceColumnTitle": string;
         /**
           * Alert description shown if there is a problem loading a form
           * @uiName Loading error alert description
@@ -4726,6 +4776,11 @@ export namespace Components {
           * @uiName Tax documents sub header
          */
         "taxDocumentSectionSubHeader": string;
+        /**
+          * Invoice table Taxed Amount column title
+          * @uiName Taxed Amount column title
+         */
+        "taxedAmountColumnTitle": string;
         /**
           * Label text for the next payout based on balance
           * @uiName Threshold payout text
@@ -9580,11 +9635,29 @@ declare namespace LocalJSX {
           * @uiGroup Dashboard Properties
          */
         "dashboard_thresholdPayoutText"?: string;
+        /**
+          * Invoice table Date column title
+          * @uiName Date column title
+          * @uiGroup Dashboard Properties
+         */
+        "dateColumnTitle"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * Invoice table Earnings after tax column title
+          * @uiName Earnings after tax column title
+          * @uiGroup Dashboard Properties
+         */
+        "earningsAfterTaxColumnTitle"?: string;
+        /**
+          * Invoice table Earnings column title
+          * @uiName Earnings column title
+          * @uiGroup Dashboard Properties
+         */
+        "earningsColumnTitle"?: string;
         /**
           * Invalid error text shown at the bottom of field inputs
           * @uiName Field inputs invalid error text
@@ -9608,6 +9681,12 @@ declare namespace LocalJSX {
           * @uiGroup General Form Properties
          */
         "generalErrorTitle"?: string;
+        /**
+          * Invoice table Invoice column title
+          * @uiName Invoice column title
+          * @uiGroup Dashboard Properties
+         */
+        "invoiceColumnTitle"?: string;
         /**
           * Alert description text shown in alert if user is already a registered partner
           * @uiName Participant is partner description
@@ -10170,6 +10249,12 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "stop3NotBasedInUS"?: string;
+        /**
+          * Invoice table Taxed Amount column title
+          * @uiName Taxed Amount column title
+          * @uiGroup Dashboard Properties
+         */
+        "taxedAmountColumnTitle"?: string;
     }
     interface SqmTaxAndCashDashboard {
         /**
@@ -10197,11 +10282,26 @@ declare namespace LocalJSX {
           * @uiName Banking information header
          */
         "bankingInformationSectionHeader"?: string;
+        /**
+          * Invoice table Date column title
+          * @uiName Date column title
+         */
+        "dateColumnTitle"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashDashboardResult>;
+        /**
+          * Invoice table Earnings after tax column title
+          * @uiName Earnings after tax column title
+         */
+        "earningsAfterTaxColumnTitle"?: string;
+        /**
+          * Invoice table Earnings column title
+          * @uiName Earnings column title
+         */
+        "earningsColumnTitle"?: string;
         /**
           * Text displayed in the edit Payment Information button
           * @uiName Edit Payment Information button
@@ -10260,6 +10360,11 @@ declare namespace LocalJSX {
           * @uiName Invalid form description text
          */
         "invalidForm"?: string;
+        /**
+          * Invoice table Invoice column title
+          * @uiName Invoice column title
+         */
+        "invoiceColumnTitle"?: string;
         /**
           * Alert description shown if there is a problem loading a form
           * @uiName Loading error alert description
@@ -10350,6 +10455,11 @@ declare namespace LocalJSX {
           * @uiName Tax documents sub header
          */
         "taxDocumentSectionSubHeader"?: string;
+        /**
+          * Invoice table Taxed Amount column title
+          * @uiName Taxed Amount column title
+         */
+        "taxedAmountColumnTitle"?: string;
         /**
           * Label text for the next payout based on balance
           * @uiName Threshold payout text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 9d47655cad..e73fd450f5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -64,6 +64,11 @@ export interface TaxAndCashDashboardProps {
     notRegisteredForTax?: string;
     qstNumber?: string;
     subRegionTaxNumber: string;
+    invoiceColumnTitle: string;
+    earningsColumnTitle: string;
+    taxedAmountColumnTitle: string;
+    earningsAfterTaxColumnTitle: string;
+    dateColumnTitle: string;
     error: {
       generalTitle: string;
       generalDescription: string;
@@ -506,24 +511,25 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
         {!states.notRegistered && (
           <div class={sheet.classes.InvoiceTableContainer}>
             <br />
-            {/* AL: TODO Pass props */}
             <sqm-invoice-table>
               <sqm-invoice-table-download-column></sqm-invoice-table-download-column>
-              <sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column>
+              <sqm-invoice-table-date-column
+                column-title={text.dateColumnTitle}
+              ></sqm-invoice-table-date-column>
               <sqm-invoice-table-data-column
-                column-title="Invoice"
+                column-title={text.invoiceColumnTitle}
                 property="invoiceId"
               ></sqm-invoice-table-data-column>
               <sqm-invoice-table-data-column
-                column-title="Earnings"
+                column-title={text.earningsColumnTitle}
                 property="earnings"
               ></sqm-invoice-table-data-column>
               <sqm-invoice-table-data-column
-                column-title="Taxed Amount"
+                column-title={text.taxedAmountColumnTitle}
                 property="taxedAmount"
               ></sqm-invoice-table-data-column>
               <sqm-invoice-table-data-column
-                column-title="Earnings after tax"
+                column-title={text.earningsAfterTaxColumnTitle}
                 property="netEarnings"
               ></sqm-invoice-table-data-column>
             </sqm-invoice-table>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 80dcad9091..e887bf585e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -257,6 +257,32 @@ export class TaxAndCashDashboard {
   @Prop() loadingErrorAlertDescription: string =
     "Please refresh the page and try again. If this problem continues, contact Support.";
 
+  /**
+   * Invoice table Invoice column title
+   * @uiName Invoice column title
+   */
+  @Prop() invoiceColumnTitle: string = "Invoice";
+  /**
+   * Invoice table Date column title
+   * @uiName Date column title
+   */
+  @Prop() dateColumnTitle: string = "Date";
+  /**
+   * Invoice table Earnings column title
+   * @uiName Earnings column title
+   */
+  @Prop() earningsColumnTitle: string = "Earnings";
+  /**
+   * Invoice table Taxed Amount column title
+   * @uiName Taxed Amount column title
+   */
+  @Prop() taxedAmountColumnTitle: string = "Taxed Amount";
+  /**
+   * Invoice table Earnings after tax column title
+   * @uiName Earnings after tax column title
+   */
+  @Prop() earningsAfterTaxColumnTitle: string = "Earnings after tax";
+
   /**
    * @undocumented
    * @uiType object
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 3e7bf96a8c..b411d27028 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -862,6 +862,36 @@ export class TaxAndCashMonolith {
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_accountText: string = "Account";
+  /**
+   * Invoice table Invoice column title
+   * @uiName Invoice column title
+   *  @uiGroup Dashboard Properties
+   */
+  @Prop() invoiceColumnTitle: string = "Invoice";
+  /**
+   * Invoice table Date column title
+   * @uiName Date column title
+   *  @uiGroup Dashboard Properties
+   */
+  @Prop() dateColumnTitle: string = "Date";
+  /**
+   * Invoice table Earnings column title
+   * @uiName Earnings column title
+   *  @uiGroup Dashboard Properties
+   */
+  @Prop() earningsColumnTitle: string = "Earnings";
+  /**
+   * Invoice table Taxed Amount column title
+   * @uiName Taxed Amount column title
+   *  @uiGroup Dashboard Properties
+   */
+  @Prop() taxedAmountColumnTitle: string = "Taxed Amount";
+  /**
+   * Invoice table Earnings after tax column title
+   * @uiName Earnings after tax column title
+   *  @uiGroup Dashboard Properties
+   */
+  @Prop() earningsAfterTaxColumnTitle: string = "Earnings after tax";
   /**
    * Error alert header shown above payout details card
    * @uiName Error title text

From d9af69454f3858f0a238dc9551fcb3248702ae91 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 13 Mar 2024 14:57:00 -0700
Subject: [PATCH 514/753] use icu message and only one formStep text prop

---
 packages/mint-components/src/components.d.ts  | 60 ++++---------------
 .../tax-and-cash/TaxForm.stories.tsx          |  4 ++
 .../sqm-banking-info-form-view.tsx            | 14 ++++-
 .../sqm-banking-info-form.tsx                 |  3 +-
 .../useBankingInfoForm.tsx                    | 11 ++--
 .../sqm-docusign-form-view.tsx                | 15 ++++-
 .../sqm-docusign-form/sqm-docusign-form.tsx   | 28 +++------
 .../sqm-docusign-form/useDocusignForm.tsx     | 13 ++--
 .../sqm-indirect-tax-form-view.tsx            | 16 ++++-
 .../sqm-indirect-tax-form.tsx                 |  3 +-
 .../useIndirectTaxForm.tsx                    |  5 +-
 .../tax-and-cash/sqm-tax-and-cash/data.ts     |  2 +
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 32 +++-------
 .../sqm-user-info-form-view.tsx               | 19 ++++--
 .../sqm-user-info-form/sqm-user-info-form.tsx |  4 +-
 .../sqm-user-info-form/useUserInfoForm.tsx    |  2 +-
 16 files changed, 113 insertions(+), 118 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index da8778f712..0726602791 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3962,6 +3962,12 @@ export namespace Components {
           * @uiGroup General Form Properties
          */
         "fieldRequiredError": string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup General Form Properties
+         */
+        "formStep": string;
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
@@ -4033,12 +4039,6 @@ export namespace Components {
           * @uiGroup Step 1 Properties
          */
         "step1_firstName": string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_formStep": string;
         /**
           * Label text for last name input
           * @uiName Last name label
@@ -4063,12 +4063,6 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_cannotChangeInfoAlert": string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_formStep": string;
         /**
           * Heading text shown at the top of the page
           * @uiName Indirect tax heading text
@@ -4213,12 +4207,6 @@ export namespace Components {
           * @uiGroup Step 3 Properties
          */
         "step3_docusignExpired": string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_formStep": string;
         /**
           * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
           * @uiName Form submission error text
@@ -4392,12 +4380,6 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_foreignSelectItemLabel": string;
-        /**
-          * Subtext shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Form step text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_formStep": string;
         /**
           * @uiName FX Wire Processing fee text
           * @uiGroup Step 4 Properties
@@ -9563,6 +9545,12 @@ declare namespace LocalJSX {
           * @uiGroup General Form Properties
          */
         "fieldRequiredError"?: string;
+        /**
+          * Sub text shown at the top of the page, used to show the current step of the tax form.
+          * @uiName Tax form step text
+          * @uiGroup General Form Properties
+         */
+        "formStep"?: string;
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
@@ -9634,12 +9622,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 1 Properties
          */
         "step1_firstName"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 1 Properties
-         */
-        "step1_formStep"?: string;
         /**
           * Label text for last name input
           * @uiName Last name label
@@ -9664,12 +9646,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_cannotChangeInfoAlert"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Indirect tax form step text
-          * @uiGroup Step 2 Properties
-         */
-        "step2_formStep"?: string;
         /**
           * Heading text shown at the top of the page
           * @uiName Indirect tax heading text
@@ -9814,12 +9790,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 3 Properties
          */
         "step3_docusignExpired"?: string;
-        /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_formStep"?: string;
         /**
           * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
           * @uiName Form submission error text
@@ -9993,12 +9963,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_foreignSelectItemLabel"?: string;
-        /**
-          * Subtext shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Form step text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_formStep"?: string;
         /**
           * @uiName FX Wire Processing fee text
           * @uiGroup Step 4 Properties
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 12dab88227..e0605152b6 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -23,6 +23,7 @@ export default {
 
 const stepOneProps: StoryDemoData<UseUserInfoFormResult> = {
   states: {
+    step: "1",
     hideSteps: false,
     loading: false,
     disabled: false,
@@ -80,6 +81,7 @@ const stepOneProps: StoryDemoData<UseUserInfoFormResult> = {
 
 const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
   states: {
+    step: "2",
     hideSteps: false,
     disabled: false,
     loading: false,
@@ -131,6 +133,7 @@ const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
 
 const stepFourProps: StoryDemoData<BankingInfoFormViewProps> = {
   states: {
+    step: "4",
     hideSteps: false,
     disabled: false,
     loading: false,
@@ -155,6 +158,7 @@ const stepFourProps: StoryDemoData<BankingInfoFormViewProps> = {
 
 const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
   states: {
+    step: "3",
     urlLoading: false,
     docusignStatus: undefined,
     hideSteps: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index ef88d2f452..d028708a24 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -2,9 +2,11 @@ import { h, VNode } from "@stencil/core";
 import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
 import { BankingInfoFormData } from "./useBankingInfoForm";
+import { FORM_STEPS } from "../sqm-tax-and-cash/data";
 
 export interface BankingInfoFormViewProps {
   states: {
+    step?: string;
     locale?: string;
     loading: boolean;
     saveLoading?: boolean;
@@ -349,7 +351,17 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
       </style>
       <div class={classes.TextContainer}>
         <div>
-          {!states.hideSteps && <p>{text.formStep}</p>}
+          {!states.hideSteps && (
+            <p>
+              {intl.formatMessage(
+                {
+                  id: "formStep",
+                  defaultMessage: text.formStep,
+                },
+                { step: states.step, count: FORM_STEPS }
+              )}
+            </p>
+          )}
           <h3 style={{ fontSize: "24px" }}>{text.taxAndPayouts}</h3>
           <p class={classes.PageDescriptionText}>
             {text.taxAndPayoutsDescription}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index d8642439e9..71dd2da2f7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -36,7 +36,7 @@ export class BankingInfoForm {
    * Subtext shown at the top of the page, used to show the current step of the tax form.
    * @uiName Form step text
    */
-  @Prop() formStep: string = "Step 4 of 4";
+  @Prop() formStep: string = "Step {step} of {count}";
 
   /**
    * Heading text shown at the top of the page
@@ -604,6 +604,7 @@ function useDemoBankingInfoForm(
   return deepmerge(
     {
       states: {
+        step: "4",
         isPartner: false,
         disabled: false,
         loading: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 57c1c537f1..fc34659d16 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -7,21 +7,21 @@ import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import { h } from "@stencil/core";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
+import { intl } from "../../../global/global";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParentValue, useSetParent } from "../../../utils/useParentState";
+import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   FINANCE_NETWORK_SETTINGS_NAMESPACE,
   FinanceNetworkSetting,
   FinanceNetworkSettingsQuery,
   TAX_CONTEXT_NAMESPACE,
+  TAX_FORM_CONTEXT_NAMESPACE,
+  TaxContext,
   USER_QUERY_NAMESPACE,
   UserQuery,
-  TaxContext,
-  TAX_FORM_CONTEXT_NAMESPACE,
 } from "../sqm-tax-and-cash/data";
 import { BankingInfoForm } from "./sqm-banking-info-form";
 import { BankingInfoFormViewProps } from "./sqm-banking-info-form-view";
-import { intl } from "../../../global/global";
 
 // Hardcoded in Impact backend
 export const paypalFeeMap = {
@@ -587,7 +587,7 @@ export function useBankingInfoForm(
 
   const formRef = useRef<HTMLFormElement>(null);
 
-  const setStep = useSetParent<string>(TAX_CONTEXT_NAMESPACE);
+  const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
   const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
 
   const {
@@ -837,6 +837,7 @@ export function useBankingInfoForm(
       onBack: async () => console.log("back"),
     },
     states: {
+      step: step?.replace("/", ""),
       hideSteps: !!context.hideSteps,
       saveDisabled: !paymentMethodChecked || !paymentScheduleChecked,
       locale,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 5c8b8af029..24d8c6689c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -1,11 +1,12 @@
 import { VNode, h } from "@stencil/core";
 import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
-import { TaxDocumentType } from "../sqm-tax-and-cash/data";
+import { FORM_STEPS, TaxDocumentType } from "../sqm-tax-and-cash/data";
 import { ParticipantType } from "./useDocusignForm";
 
 export interface DocusignFormViewProps {
   states: {
+    step: string;
     loading: boolean;
     urlLoading: boolean;
     submitDisabled: boolean;
@@ -217,7 +218,17 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
       </style>
       <div class={classes.TextContainer}>
         <div>
-          {!states.hideSteps && <p>{text.formStep}</p>}
+          {!states.hideSteps && (
+            <p>
+              {intl.formatMessage(
+                {
+                  id: "formStep",
+                  defaultMessage: text.formStep,
+                },
+                { step: states.step, count: FORM_STEPS }
+              )}
+            </p>
+          )}
           <h3>{text.taxForm}</h3>
         </div>
       </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index af40178960..ca5a40dd4b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -1,30 +1,17 @@
+import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
-import {
-  Component,
-  Element,
-  h,
-  Host,
-  Listen,
-  Prop,
-  State,
-} from "@stencil/core";
+import { Component, Element, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
+import { useParent } from "../../../utils/useParentState";
 import { getProps } from "../../../utils/utils";
-import {
-  DocusignFormView,
-  DocusignFormViewProps,
-} from "./sqm-docusign-form-view";
-import { useDocusignForm, UseDocusignFormResult } from "./useDocusignForm";
-import { DocusignExpiredView } from "../sqm-user-info-form/small-views/DocusignExpiredView";
-import { DocusignEmbedComponent } from "../../sqm-docusign-embed/sqm-docusign-embed";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import {
   DocusignIframe,
   DocusignStatus,
 } from "./docusign-iframe/DocusignIframe";
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
-import { useParent } from "../../../utils/useParentState";
+import { DocusignFormView } from "./sqm-docusign-form-view";
+import { useDocusignForm, UseDocusignFormResult } from "./useDocusignForm";
 
 /**
  * @uiName DocuSign Document Submission
@@ -42,7 +29,7 @@ export class DocusignForm {
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Tax form step text
    */
-  @Prop() formStep: string = "Step 3 of 4";
+  @Prop() formStep: string = "Step {step} of {count}";
   /**
    * Heading text shown at the top of the page
    * @uiName Tax form heading text
@@ -230,6 +217,7 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
     {
       text: props.getTextProps(),
       states: {
+        step: "4",
         disabled: false,
         submitDisabled: false,
         loading: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 3bf7effa5a..157a8ba1d5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -5,7 +5,7 @@ import {
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParentValue, useSetParent } from "../../../utils/useParentState";
+import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
@@ -59,7 +59,7 @@ export function useDocusignForm(props: DocusignForm) {
   const user = useUserIdentity();
 
   const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
-  const setPath = useSetParent<string>(TAX_CONTEXT_NAMESPACE);
+  const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
   const {
     data,
@@ -129,7 +129,7 @@ export function useDocusignForm(props: DocusignForm) {
     if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) return;
 
     if (DOCUSIGN_SUCCESS_STATES.includes(docusignStatus)) {
-      setPath("/4");
+      setStep("/4");
     }
 
     if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) {
@@ -160,9 +160,9 @@ export function useDocusignForm(props: DocusignForm) {
 
       // Skip banking info form if it already is saved
       if (publisher?.withdrawalSettings) {
-        setPath(context.overrideNextStep || "/dashboard");
+        setStep(context.overrideNextStep || "/dashboard");
       } else {
-        setPath(context.overrideNextStep || "/4");
+        setStep(context.overrideNextStep || "/4");
       }
     } catch (e) {
       setErrors({ formSubission: { status: "document-error" } });
@@ -172,13 +172,14 @@ export function useDocusignForm(props: DocusignForm) {
   };
 
   const onBack = () => {
-    setPath(context.overrideBackStep);
+    setStep(context.overrideBackStep);
   };
 
   const allLoading = userLoading || documentLoading || loading;
 
   return {
     states: {
+      step: step?.replace("/", ""),
       hideSteps: context.hideSteps,
       disabled: allLoading,
       participantTypeDisabled: allLoading || !!existingDocumentType,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 58de312ddc..3d415d3d86 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -1,8 +1,11 @@
 import { VNode, h } from "@stencil/core";
 import { createStyleSheet } from "../../../styling/JSS";
+import { intl } from "../../../global/global";
+import { FORM_STEPS } from "../sqm-tax-and-cash/data";
 
 export interface IndirectTaxFormViewProps {
   states: {
+    step?: string;
     loading: boolean;
     disabled: boolean;
     isPartner: boolean;
@@ -208,7 +211,18 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
       </style>
       <div class={classes.TextContainer}>
         <div>
-          {!states.hideSteps && <p>{text.formStep}</p>}
+          {!states.hideSteps && (
+            <p>
+              {" "}
+              {intl.formatMessage(
+                {
+                  id: "formStep",
+                  defaultMessage: text.formStep,
+                },
+                { step: states.step, count: FORM_STEPS }
+              )}
+            </p>
+          )}
           <h3>{text.indirectTax}</h3>
           <p class={classes.DescriptionText}>
             {text.indirectTaxDetailsDescription}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 7f65e9f4ce..e471852238 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -31,7 +31,7 @@ export class IndirectTaxForm {
    * Subtext shown at the top of the page, used to show the current step of the tax form.
    * @uiName Form step text
    */
-  @Prop() formStep: string = "Step 2 of 4";
+  @Prop() formStep: string = "Step {step} of {count}";
 
   /**
    * Heading text shown at the top of the page
@@ -291,6 +291,7 @@ function useDemoIndirectTaxForm(
   return deepmerge(
     {
       states: {
+        step: "2",
         disabled: false,
         loading: false,
         isPartner: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 52f914c17b..b4eae46a90 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -6,7 +6,7 @@ import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParentValue, useSetParent } from "../../../utils/useParentState";
+import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   COUNTRIES_QUERY_NAMESPACE,
   CountriesQuery,
@@ -86,7 +86,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
   const formRef = useRef<HTMLFormElement>(null);
 
   const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
-  const setStep = useSetParent<string>(TAX_CONTEXT_NAMESPACE);
+  const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
 
   const [
     connectImpactPartner,
@@ -246,6 +246,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
 
   return {
     states: {
+      step: step?.replace("/", ""),
       hideSteps: context.hideSteps,
       disabled: loading || countriesLoading || connectLoading,
       loading: loading || connectLoading || countriesLoading,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 27138247c4..57da0a2472 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -218,3 +218,5 @@ export const GET_FINANCE_NETWORK_SETTINGS = gql`
     }
   }
 `;
+
+export const FORM_STEPS = 4;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 3e7bf96a8c..5bf0219214 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -72,12 +72,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() step1_allowBankingCollection: string =
     "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";
-  /**
-   * Sub text shown at the top of the page, used to show the current step of the tax form.
-   * @uiName Tax form step text
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_formStep: string = "Step 1 of 4";
   /**
    * Heading text shown above the forms inputs.
    * @uiName Form heading text
@@ -95,12 +89,6 @@ export class TaxAndCashMonolith {
                     STEP 2 PROPS:
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 
-  /**
-   * Sub text shown at the top of the page, used to show the current step of the tax form.
-   * @uiName Indirect tax form step text
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_formStep: string = "Step 2 of 4";
   /**
    * Heading text shown at the top of the page
    * @uiName Indirect tax heading text
@@ -222,12 +210,6 @@ export class TaxAndCashMonolith {
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     STEP 3 PROPS:
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-  /**
-   * Sub text shown at the top of the page, used to show the current step of the tax form.
-   * @uiName Tax form step text
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_formStep: string = "Step 3 of 4";
   /**
    * Heading text shown at the top of the page
    * @uiName Tax form heading text
@@ -345,12 +327,6 @@ export class TaxAndCashMonolith {
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     STEP 4 PROPS:
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
-  /**
-   * Subtext shown at the top of the page, used to show the current step of the tax form.
-   * @uiName Form step text
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_formStep: string = "Step 4 of 4";
   /**
    * Heading text shown at the top of the page
    * @uiName Tax and Payouts heading text
@@ -882,6 +858,13 @@ export class TaxAndCashMonolith {
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     GENERAL PROPS:
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+
+  /**
+   * Sub text shown at the top of the page, used to show the current step of the tax form.
+   * @uiName Tax form step text
+   * @uiGroup General Form Properties
+   */
+  @Prop() formStep: string = "Step {step} of {count}";
   /**
    * The title for error message shown at the top of the page in an error banner
    *
@@ -984,6 +967,7 @@ export class TaxAndCashMonolith {
       isPartnerAlertDescription: props.isPartnerAlertDescription,
       loadingErrorAlertHeader: props.loadingErrorAlertHeader,
       loadingErrorAlertDescription: props.loadingErrorAlertDescription,
+      formStep: props.formStep,
     };
   }
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 6176c8cdb0..0aa0066f5f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -1,12 +1,13 @@
 import { h } from "@stencil/core";
-import { createStyleSheet } from "../../../styling/JSS";
-import { useRef } from "@saasquatch/universal-hooks";
 import { intl } from "../../../global/global";
-import { getIsRequiredErrorMessage } from "../utils";
+import { createStyleSheet } from "../../../styling/JSS";
 import { GeneralLoadingView } from "../TaxForm.stories";
+import { FORM_STEPS } from "../sqm-tax-and-cash/data";
+import { getIsRequiredErrorMessage } from "../utils";
 
 export interface UserInfoFormViewProps {
   states: {
+    step?: string;
     loading: boolean;
     disabled: boolean;
     isPartner: boolean;
@@ -240,7 +241,17 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
         <div>
           <div class={classes.TextContainer}>
             <div>
-              {!states.hideSteps && <p>{text.formStep}</p>}
+              {!states.hideSteps && (
+                <p>
+                  {intl.formatMessage(
+                    {
+                      id: "formStep",
+                      defaultMessage: text.formStep,
+                    },
+                    { step: states.step, count: FORM_STEPS }
+                  )}
+                </p>
+              )}
               <h3>{text.personalInformation}</h3>
             </div>
           </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 943028edd8..8230167417 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -61,7 +61,7 @@ export class TaxForm {
    * Sub text shown at the top of the page, used to show the current step of the tax form.
    * @uiName Tax form step text
    */
-  @Prop() formStep: string = "Step 1 of 4";
+  @Prop() formStep: string = "Step {step} of {count}";
   /**
    * Heading text shown above the forms inputs.
    * @uiName Form heading text
@@ -175,7 +175,6 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
 
   return deepmerge(
     {
-      step,
       setStep,
       onSubmit: () => {
         setStep("/2");
@@ -196,6 +195,7 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
         onFormChange: () => {},
       },
       states: {
+        step: "1",
         disabled: false,
         loading: false,
         isPartner: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 94657bb97e..2f786fbcbc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -191,7 +191,6 @@ export function useUserInfoForm(props: TaxForm) {
   }
 
   return {
-    step: step,
     setStep: setStep,
     onSubmit,
     text: props.getTextProps(),
@@ -209,6 +208,7 @@ export function useUserInfoForm(props: TaxForm) {
       countries: filteredCountries,
     },
     states: {
+      step: step?.replace("/", ""),
       hideSteps: context.hideSteps,
       disabled: loading,
       loadingError: !!userError?.message,

From 75179d51b43dba9ceb2c1f14f2552d9dcb583788 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 13 Mar 2024 15:01:03 -0700
Subject: [PATCH 515/753] publish, committing build-ready code as default

---
 packages/mint-components/package.json         |   2 +-
 packages/mint-components/src/components.d.ts  |  38 ------
 .../sqm-invoice-table/columns/readme.md       |   2 +
 .../sqm-rewards-table/cells/readme.md         |  36 +++---
 .../src/components/sqm-stencilbook/readme.md  |   9 +-
 .../sqm-banking-info-form/readme.md           | 110 +++++++++---------
 .../tax-and-cash/sqm-docusign-form/readme.md  |  49 ++++----
 .../sqm-docusign-form/sqm-docusign-form.tsx   |   2 +-
 .../sqm-indirect-tax-form/readme.md           |  62 +++++-----
 .../sqm-tax-and-cash-dashboard/readme.md      |  16 ++-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  21 +++-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |   4 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |   2 +-
 .../tax-and-cash/sqm-user-info-form/readme.md |  48 ++++----
 14 files changed, 199 insertions(+), 202 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index ae456932cf..f532fcf357 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-66",
+  "version": "1.8.0-67",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 3541afbc14..5f0853e611 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1290,17 +1290,6 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate": string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle": string;
-        "renderCell": (_: Invoice) => Promise<any>;
-        "renderLabel": () => Promise<string>;
-    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -5122,18 +5111,6 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
-    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableCellElement: {
-        prototype: HTMLSqmInvoiceTableCellElement;
-        new (): HTMLSqmInvoiceTableCellElement;
-    };
-    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableColumnElement: {
-        prototype: HTMLSqmInvoiceTableColumnElement;
-        new (): HTMLSqmInvoiceTableColumnElement;
-    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5654,8 +5631,6 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
-        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
-        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6983,15 +6958,6 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate"?: string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle"?: string;
-    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -10646,8 +10612,6 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
-        "sqm-invoice-table-cell": SqmInvoiceTableCell;
-        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10763,8 +10727,6 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
-            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
-            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md b/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
index f69d0bcabf..5e129e44f5 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
@@ -33,6 +33,7 @@ Type: `Promise<any>`
 ### Used by
 
  - [sqm-stencilbook](../../sqm-stencilbook)
+ - [sqm-tax-and-cash-dashboard](../../tax-and-cash/sqm-tax-and-cash-dashboard)
 
 ### Depends on
 
@@ -43,6 +44,7 @@ Type: `Promise<any>`
 graph TD;
   sqm-invoice-table-download-column --> sqm-invoice-table-download-cell
   sqm-stencilbook --> sqm-invoice-table-download-column
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table-download-column
   style sqm-invoice-table-download-column fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md b/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
index 8b111e812d..d26190d7b8 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
@@ -7,24 +7,24 @@
 
 ## Properties
 
-| Property                 | Attribute                  | Description | Type               | Default                                                              |
-| ------------------------ | -------------------------- | ----------- | ------------------ | -------------------------------------------------------------------- |
-| `deniedText`             | `denied-text`              |             | `string`           | `"Detected self-referral"`                                           |
-| `expiryText`             | `expiry-text`              |             | `string`           | `"Expires"`                                                          |
-| `locale`                 | `locale`                   |             | `string`           | `"en"`                                                               |
-| `payoutFailed`           | `payout-failed`            |             | `string`           | `"This payout will be retried on {date}"`                            |
-| `payoutSent`             | `payout-sent`              |             | `string`           | `"Payout process started on {date}. Expected payout on {date}."`     |
-| `pendingNewTaxForm`      | `pending-new-tax-form`     |             | `string`           | `"Invalid tax form. Submit a new form to receive your rewards."`     |
-| `pendingPartnerCreation` | `pending-partner-creation` |             | `string`           | `"Complete your tax and cash payout setup to receive your rewards."` |
-| `pendingReviewText`      | `pending-review-text`      |             | `string`           | `"Awaiting review"`                                                  |
-| `pendingScheduled`       | `pending-scheduled`        |             | `string`           | `"Until"`                                                            |
-| `pendingTaxReview`       | `pending-tax-review`       |             | `string`           | `"Awaiting tax form review."`                                        |
-| `pendingTaxSubmission`   | `pending-tax-submission`   |             | `string`           | `"Submit your tax documents to receive your rewards."`               |
-| `pendingUnhandled`       | `pending-unhandled`        |             | `string`           | `"Fulfillment error"`                                                |
-| `pendingUsTax`           | `pending-us-tax`           |             | `string`           | `"W-9 required"`                                                     |
-| `reward`                 | --                         |             | `Reward`           | `undefined`                                                          |
-| `statusText`             | `status-text`              |             | `string`           | `undefined`                                                          |
-| `taxConnection`          | --                         |             | `ImpactConnection` | `undefined`                                                          |
+| Property                 | Attribute                  | Description | Type               | Default                                                                                    |
+| ------------------------ | -------------------------- | ----------- | ------------------ | ------------------------------------------------------------------------------------------ |
+| `deniedText`             | `denied-text`              |             | `string`           | `"Detected self-referral"`                                                                 |
+| `expiryText`             | `expiry-text`              |             | `string`           | `"Expires"`                                                                                |
+| `locale`                 | `locale`                   |             | `string`           | `"en"`                                                                                     |
+| `payoutFailed`           | `payout-failed`            |             | `string`           | `"Payout failed due to a fulfillment issue and is currently being retried."`               |
+| `payoutSent`             | `payout-sent`              |             | `string`           | `"Reward approved for payout on {date} and scheduled for payment based on your settings."` |
+| `pendingNewTaxForm`      | `pending-new-tax-form`     |             | `string`           | `"Invalid tax form. Submit a new form to receive your rewards."`                           |
+| `pendingPartnerCreation` | `pending-partner-creation` |             | `string`           | `"Complete your tax and cash payout setup to receive your rewards."`                       |
+| `pendingReviewText`      | `pending-review-text`      |             | `string`           | `"Awaiting review"`                                                                        |
+| `pendingScheduled`       | `pending-scheduled`        |             | `string`           | `"Until"`                                                                                  |
+| `pendingTaxReview`       | `pending-tax-review`       |             | `string`           | `"Awaiting tax form review."`                                                              |
+| `pendingTaxSubmission`   | `pending-tax-submission`   |             | `string`           | `"Submit your tax documents to receive your rewards."`                                     |
+| `pendingUnhandled`       | `pending-unhandled`        |             | `string`           | `"Fulfillment error"`                                                                      |
+| `pendingUsTax`           | `pending-us-tax`           |             | `string`           | `"W-9 required"`                                                                           |
+| `reward`                 | --                         |             | `Reward`           | `undefined`                                                                                |
+| `statusText`             | `status-text`              |             | `string`           | `undefined`                                                                                |
+| `taxConnection`          | --                         |             | `ImpactConnection` | `undefined`                                                                                |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-stencilbook/readme.md b/packages/mint-components/src/components/sqm-stencilbook/readme.md
index df7b20dc0d..4b8b2547a5 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/readme.md
+++ b/packages/mint-components/src/components/sqm-stencilbook/readme.md
@@ -206,17 +206,20 @@ graph TD;
   sqm-user-info-form --> sqm-tax-and-cash
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
   sqm-tax-and-cash-dashboard --> sqm-invoice-table
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table-download-column
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table-date-column
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table-data-column
   sqm-invoice-table --> sqm-empty
   sqm-invoice-table --> sqm-table-row
   sqm-invoice-table --> sqm-table-cell
+  sqm-invoice-table-download-column --> sqm-invoice-table-download-cell
+  sqm-invoice-table-date-column --> sqm-invoice-table-date-cell
+  sqm-invoice-table-data-column --> sqm-invoice-table-data-cell
   sqm-tax-and-cash --> sqm-user-info-form
   sqm-tax-and-cash --> sqm-indirect-tax-form
   sqm-tax-and-cash --> sqm-docusign-form
   sqm-tax-and-cash --> sqm-banking-info-form
   sqm-tax-and-cash --> sqm-tax-and-cash-dashboard
-  sqm-invoice-table-download-column --> sqm-invoice-table-download-cell
-  sqm-invoice-table-date-column --> sqm-invoice-table-date-cell
-  sqm-invoice-table-data-column --> sqm-invoice-table-data-cell
   style sqm-stencilbook fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 2b0c6e5a28..4352a96f29 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -5,61 +5,61 @@
 
 ## Properties
 
-| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Default                                                                                                                                                                                                                     |
-| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Agency Code"`                                                                                                                                                                                                             |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Account Number"`                                                                                                                                                                                                     |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Account Type"`                                                                                                                                                                                                       |
-| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Address"`                                                                                                                                                                                                            |
-| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank City"`                                                                                                                                                                                                               |
-| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Country Location"`                                                                                                                                                                                                   |
-| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Name"`                                                                                                                                                                                                               |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Postal Code"`                                                                                                                                                                                                        |
-| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Bank Province/State"`                                                                                                                                                                                                     |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Beneficiary Account Name"`                                                                                                                                                                                                |
-| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Branch Code"`                                                                                                                                                                                                             |
-| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Business"`                                                                                                                                                                                                                |
-| `cannotChangeInfoAlert`               | `cannot-change-info-alert`                  | Alert text indicating participant cannot change info after it has been submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."`                                             |
-| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Checking"`                                                                                                                                                                                                                |
-| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification CPF"`                                                                                                                                                                                                      |
-| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification Entity"`                                                                                                                                                                                                   |
-| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Classification"`                                                                                                                                                                                                          |
-| `continueButton`                      | `continue-button`                           | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Save"`                                                                                                                                                                                                                    |
-| `demoData`                            | --                                          |                                                                                         | `{ states?: { locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }` | `undefined`                                                                                                                                                                                                                 |
-| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Directly to my bank account"`                                                                                                                                                                                             |
-| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"EFT Withdrawal (free)"`                                                                                                                                                                                                   |
-| `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{fieldName} is invalid"`                                                                                                                                                                                                  |
-| `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{fieldName} is required"`                                                                                                                                                                                                 |
-| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Foreign"`                                                                                                                                                                                                                 |
-| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Step 4 of 4"`                                                                                                                                                                                                             |
-| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                    |
-| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                               |
-| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem submitting your information"`                                                                                                                                                                         |
-| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"IBAN"`                                                                                                                                                                                                                    |
-| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Individual"`                                                                                                                                                                                                              |
-| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                        |
-| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                |
-| `loadingErrorAlertDescription`        | `loading-error-alert-description`           | Alert description shown if there is a problem loading a form                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                      |
-| `loadingErrorAlertHeader`             | `loading-error-alert-header`                | Alert header shown if there is a problem loading a form                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem loading your form"`                                                                                                                                                                                   |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Patronymic Name"`                                                                                                                                                                                                         |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"PayPal Email"`                                                                                                                                                                                                            |
-| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"15th of the month"`                                                                                                                                                                                                       |
-| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"1st of the month"`                                                                                                                                                                                                        |
-| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Day"`                                                                                                                                                                                                             |
-| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Method"`                                                                                                                                                                                                          |
-| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                     |
-| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Schedule"`                                                                                                                                                                                                        |
-| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                              |
-| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Pay me on a fixed day of the month"`                                                                                                                                                                                      |
-| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Payment Threshold"`                                                                                                                                                                                                       |
-| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{country, select, AU {BSB Number} CA {Routing Number} CZ {Bank Code} HK {Clearing Code} SG {Clearing Code} US {ABA Routing Number} NZ {BSB Number} ZA {Bank/Branch Number} IN {IFSC} CNY {CNAPS} other {Routing Code} }"` |
-| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Savings"`                                                                                                                                                                                                                 |
-| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"SWIFT Code"`                                                                                                                                                                                                              |
-| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Tax and Payouts"`                                                                                                                                                                                                         |
-| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                     |
-| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                     |
-| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                           |
-| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"VO Code"`                                                                                                                                                                                                                 |
+| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default                                                                                                                                                                                                                     |
+| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Agency Code"`                                                                                                                                                                                                             |
+| `backButton`                          | `back-button`                               | Text for the back button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Save"`                                                                                                                                                                                                                    |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Account Number"`                                                                                                                                                                                                     |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Account Type"`                                                                                                                                                                                                       |
+| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Address"`                                                                                                                                                                                                            |
+| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank City"`                                                                                                                                                                                                               |
+| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Country Location"`                                                                                                                                                                                                   |
+| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Name"`                                                                                                                                                                                                               |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Postal Code"`                                                                                                                                                                                                        |
+| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Province/State"`                                                                                                                                                                                                     |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Beneficiary Account Name"`                                                                                                                                                                                                |
+| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Branch Code"`                                                                                                                                                                                                             |
+| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Business"`                                                                                                                                                                                                                |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Checking"`                                                                                                                                                                                                                |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification CPF"`                                                                                                                                                                                                      |
+| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification Entity"`                                                                                                                                                                                                   |
+| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification"`                                                                                                                                                                                                          |
+| `continueButton`                      | `continue-button`                           | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Save"`                                                                                                                                                                                                                    |
+| `demoData`                            | --                                          |                                                                                         | `{ states?: { step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }` | `undefined`                                                                                                                                                                                                                 |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Directly to my bank account"`                                                                                                                                                                                             |
+| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"EFT Withdrawal (free)"`                                                                                                                                                                                                   |
+| `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is invalid"`                                                                                                                                                                                                  |
+| `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is required"`                                                                                                                                                                                                 |
+| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Foreign"`                                                                                                                                                                                                                 |
+| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Step {step} of {count}"`                                                                                                                                                                                                  |
+| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                    |
+| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                               |
+| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem submitting your information"`                                                                                                                                                                         |
+| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"IBAN"`                                                                                                                                                                                                                    |
+| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Individual"`                                                                                                                                                                                                              |
+| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                        |
+| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                |
+| `loadingErrorAlertDescription`        | `loading-error-alert-description`           | Alert description shown if there is a problem loading a form                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                      |
+| `loadingErrorAlertHeader`             | `loading-error-alert-header`                | Alert header shown if there is a problem loading a form                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem loading your form"`                                                                                                                                                                                   |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Patronymic Name"`                                                                                                                                                                                                         |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal Email"`                                                                                                                                                                                                            |
+| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"15th of the month"`                                                                                                                                                                                                       |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"1st of the month"`                                                                                                                                                                                                        |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Day"`                                                                                                                                                                                                             |
+| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Method"`                                                                                                                                                                                                          |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                     |
+| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Schedule"`                                                                                                                                                                                                        |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                              |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me on a fixed day of the month"`                                                                                                                                                                                      |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Threshold"`                                                                                                                                                                                                       |
+| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{country, select, AU {BSB Number} CA {Routing Number} CZ {Bank Code} HK {Clearing Code} SG {Clearing Code} US {ABA Routing Number} NZ {BSB Number} ZA {Bank/Branch Number} IN {IFSC} CNY {CNAPS} other {Routing Code} }"` |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Savings"`                                                                                                                                                                                                                 |
+| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"SWIFT Code"`                                                                                                                                                                                                              |
+| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Tax and Payouts"`                                                                                                                                                                                                         |
+| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                     |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                     |
+| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                           |
+| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"VO Code"`                                                                                                                                                                                                                 |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index 258832ba1c..d7090edda3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,30 +7,31 @@
 
 ## Properties
 
-| Property                                  | Attribute                                     | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Default                                                                                                                                                            |
-| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `backButton`                              | `back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Back"`                                                                                                                                                           |
-| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
-| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"I represent a business"`                                                                                                                                         |
-| `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"I have completed and submitted my tax form"`                                                                                                                     |
-| `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Form submission"`                                                                                                                                                |
-| `demoData`                                | --                                            |                                                                                                            | `{ states?: { hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; urlLoading: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
-| `docusignCompleted`                       | `docusign-completed`                          | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your document has been completed and submitted."`                                                                                                                |
-| `docusignError`                           | `docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
-| `docusignExpired`                         | `docusign-expired`                            | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
-| `formStep`                                | `form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Step 3 of 4"`                                                                                                                                                    |
-| `formSubmissionError`                     | `form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"This field is required"`                                                                                                                                         |
-| `generalErrorDescription`                 | `general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
-| `generalErrorTitle`                       | `general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem submitting your information"`                                                                                                                |
-| `individualParticipant`                   | `individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"I am an individual participant"`                                                                                                                                 |
-| `notBasedInUS`                            | `not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Not based in the US?"`                                                                                                                                           |
-| `participantType`                         | `participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Participant type"`                                                                                                                                               |
-| `refreshButton`                           | `refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Refresh Page"`                                                                                                                                                   |
-| `taxForm`                                 | `tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Tax form"`                                                                                                                                                       |
-| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
-| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
-| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
-| `taxFormLabel`                            | `tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{documentType} Tax Form"`                                                                                                                                        |
+| Property                                  | Attribute                                     | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Default                                                                                                                                                            |
+| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `backButton`                              | `back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Back"`                                                                                                                                                           |
+| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
+| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"I represent a business"`                                                                                                                                         |
+| `cancelButton`                            | `cancel-button`                               | Text shown inside of cancel button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Cancel"`                                                                                                                                                         |
+| `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"I have completed and submitted my tax form"`                                                                                                                     |
+| `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Form submission"`                                                                                                                                                |
+| `demoData`                                | --                                            |                                                                                                            | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; urlLoading: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
+| `docusignCompleted`                       | `docusign-completed`                          | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Your document has been completed and submitted."`                                                                                                                |
+| `docusignError`                           | `docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
+| `docusignExpired`                         | `docusign-expired`                            | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
+| `formStep`                                | `form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Step {step} of {count}"`                                                                                                                                         |
+| `formSubmissionError`                     | `form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"This field is required"`                                                                                                                                         |
+| `generalErrorDescription`                 | `general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
+| `generalErrorTitle`                       | `general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem submitting your information"`                                                                                                                |
+| `individualParticipant`                   | `individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"I am an individual participant"`                                                                                                                                 |
+| `notBasedInUS`                            | `not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Not based in the US?"`                                                                                                                                           |
+| `participantType`                         | `participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Participant type"`                                                                                                                                               |
+| `refreshButton`                           | `refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Refresh Page"`                                                                                                                                                   |
+| `taxForm`                                 | `tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Tax form"`                                                                                                                                                       |
+| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
+| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
+| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
+| `taxFormLabel`                            | `tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{documentType} Tax Form"`                                                                                                                                        |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index ca5a40dd4b..bb776e7719 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -252,7 +252,7 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
   );
 }
 
-const DemoDocusignIframe = ({ callbacks }: any) => {
+const DemoDocusignIframe = (_) => {
   return (
     <div
       style={{
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 672b9c4adc..52eba27862 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -5,37 +5,37 @@
 
 ## Properties
 
-| Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Default                                                                                                                                                                                                             |
-| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Back"`                                                                                                                                                                                                            |
-| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`                                       |
-| `continueButton`                 | `continue-button`                     | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Continue"`                                                                                                                                                                                                        |
-| `demoData`                       | --                                    |                                                                                                    | `{ states?: { 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[]; 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; }; }; }` | `undefined`                                                                                                                                                                                                         |
-| `fieldRequiredError`             | `field-required-error`                | Required error text shown at the bottom of field inputs                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{fieldName} is required"`                                                                                                                                                                                         |
-| `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Step 2 of 4"`                                                                                                                                                                                                     |
-| `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
-| `generalErrorTitle`              | `general-error-title`                 | Title text for a general form submission error                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"There was a problem submitting your information"`                                                                                                                                                                 |
-| `indirectTax`                    | `indirect-tax`                        | Heading text shown at the top of the page                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Indirect Tax"`                                                                                                                                                                                                    |
-| `indirectTaxDescription`         | `indirect-tax-description`            | Text shown at the top of the page below to the indirect tax header                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"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."` |
-| `indirectTaxDetails`             | `indirect-tax-details`                | Heading text for the indirect tax details section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                                                            |
-| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Text shown below the indirect tax details heading text                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"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."`                                             |
-| `indirectTaxNumber`              | `indirect-tax-number`                 | Label text for the indirect tax number input with a dynamic placeholder based on tax type          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                                                             |
-| `indirectTaxNumberError`         | `indirect-tax-number-error`           | Error message for the indirect tax number input field with a dynamic placeholder based on tax type | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                                                                 |
-| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Description text for the alert when the user is identified as a partner                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"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."`                                         |
-| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Header text for the alert when the user is identified as a partner                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
-| `isRegisteredQST`                | `is-registered-q-s-t`                 | Text for the option indicating registration for QST tax                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                                                                     |
-| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Text for the option indicating registration for sub-region income tax                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                      |
-| `loadingErrorAlertDescription`   | `loading-error-alert-description`     | Alert description shown if there is a problem loading a form                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                              |
-| `loadingErrorAlertHeader`        | `loading-error-alert-header`          | Alert header shown if there is a problem loading a form                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"There was a problem loading your form"`                                                                                                                                                                           |
-| `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Not registered for indirect tax"`                                                                                                                                                                                 |
-| `notRegisteredSubtext`           | `not-registered-subtext`              | Subtext for the option indicating not being registered for indirect tax                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
-| `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Registered for indirect tax"`                                                                                                                                                                                     |
-| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                     |
-| `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Province"`                                                                                                                                                                                                        |
-| `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"QST Number"`                                                                                                                                                                                                      |
-| `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                                                                |
-| `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Sub-region"`                                                                                                                                                                                                      |
-| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `"Income Tax Number"`                                                                                                                                                                                               |
+| Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default                                                                                                                                                                                                             |
+| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Back"`                                                                                                                                                                                                            |
+| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`                                       |
+| `continueButton`                 | `continue-button`                     | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Continue"`                                                                                                                                                                                                        |
+| `demoData`                       | --                                    |                                                                                                    | `{ 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[]; 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; }; }; }` | `undefined`                                                                                                                                                                                                         |
+| `fieldRequiredError`             | `field-required-error`                | Required error text shown at the bottom of field inputs                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{fieldName} is required"`                                                                                                                                                                                         |
+| `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Step {step} of {count}"`                                                                                                                                                                                          |
+| `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
+| `generalErrorTitle`              | `general-error-title`                 | Title text for a general form submission error                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                                                                                                                 |
+| `indirectTax`                    | `indirect-tax`                        | Heading text shown at the top of the page                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax"`                                                                                                                                                                                                    |
+| `indirectTaxDescription`         | `indirect-tax-description`            | Text shown at the top of the page below to the indirect tax header                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"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."` |
+| `indirectTaxDetails`             | `indirect-tax-details`                | Heading text for the indirect tax details section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax Details"`                                                                                                                                                                                            |
+| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Text shown below the indirect tax details heading text                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"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."`                                             |
+| `indirectTaxNumber`              | `indirect-tax-number`                 | Label text for the indirect tax number input with a dynamic placeholder based on tax type          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                                                             |
+| `indirectTaxNumberError`         | `indirect-tax-number-error`           | Error message for the indirect tax number input field with a dynamic placeholder based on tax type | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                                                                 |
+| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Description text for the alert when the user is identified as a partner                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"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."`                                         |
+| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Header text for the alert when the user is identified as a partner                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
+| `isRegisteredQST`                | `is-registered-q-s-t`                 | Text for the option indicating registration for QST tax                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I am registered for QST Tax"`                                                                                                                                                                                     |
+| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Text for the option indicating registration for sub-region income tax                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                      |
+| `loadingErrorAlertDescription`   | `loading-error-alert-description`     | Alert description shown if there is a problem loading a form                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                              |
+| `loadingErrorAlertHeader`        | `loading-error-alert-header`          | Alert header shown if there is a problem loading a form                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem loading your form"`                                                                                                                                                                           |
+| `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not registered for indirect tax"`                                                                                                                                                                                 |
+| `notRegisteredSubtext`           | `not-registered-subtext`              | Subtext for the option indicating not being registered for indirect tax                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
+| `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered for indirect tax"`                                                                                                                                                                                     |
+| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                     |
+| `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Province"`                                                                                                                                                                                                        |
+| `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"QST Number"`                                                                                                                                                                                                      |
+| `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Country / Region of Indirect Tax"`                                                                                                                                                                                |
+| `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Sub-region"`                                                                                                                                                                                                      |
+| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Income Tax Number"`                                                                                                                                                                                               |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index d980753efd..76ea3fbec2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -14,7 +14,10 @@
 | `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submitted on {dateSubmitted}."`                                                                                                                            |
 | `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
 | `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Payout information"`                                                                                                                                       |
+| `dateColumnTitle`                 | `date-column-title`                  | Invoice table Date column title                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Date"`                                                                                                                                                     |
 | `demoData`                        | --                                   |                                                                                        | `{ 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; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
+| `earningsAfterTaxColumnTitle`     | `earnings-after-tax-column-title`    | Invoice table Earnings after tax column title                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Earnings after tax"`                                                                                                                                       |
+| `earningsColumnTitle`             | `earnings-column-title`              | Invoice table Earnings column title                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Earnings"`                                                                                                                                                 |
 | `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Edit Payout Information"`                                                                                                                                  |
 | `errorDescriptionText`            | `error-description-text`             |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please ensure your payout information is correct. If this problem continues, contact Support."`                                                            |
 | `errorTitleText`                  | `error-title-text`                   |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was an error with your payout infomation"`                                                                                                           |
@@ -27,6 +30,7 @@
 | `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Registered in {country}, {subRegion}"`                                                                                                                     |
 | `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
 | `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Make sure your information is correct and submit new form."`                                                                                               |
+| `invoiceColumnTitle`              | `invoice-column-title`               | Invoice table Invoice column title                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Invoice"`                                                                                                                                                  |
 | `loadingErrorAlertDescription`    | `loading-error-alert-description`    | Alert description shown if there is a problem loading a form                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                       |
 | `loadingErrorAlertHeader`         | `loading-error-alert-header`         | Alert header shown if there is a problem loading a form                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem loading your form"`                                                                                                                    |
 | `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submit New Form"`                                                                                                                                          |
@@ -41,10 +45,11 @@
 | `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                  |
 | `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{documentType} tax form is invalid"`                                                                                                                       |
 | `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
-| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form."`                            |
+| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                     |
 | `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please resubmit a new {documentType} form."`                                                                                                               |
 | `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Tax documents"`                                                                                                                                            |
 | `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{documentType} tax form"`                                                                                                                                  |
+| `taxedAmountColumnTitle`          | `taxed-amount-column-title`          | Invoice table Taxed Amount column title                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Taxed Amount"`                                                                                                                                             |
 | `thresholdPayoutText`             | `threshold-payout-text`              | Label text for the next payout based on balance                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                    |
 
 
@@ -60,12 +65,18 @@
 
 - [sqm-payout-details-card](../sqm-payout-details-card)
 - [sqm-invoice-table](../../sqm-invoice-table)
+- [sqm-invoice-table-download-column](../../sqm-invoice-table/columns)
+- [sqm-invoice-table-date-column](../../sqm-invoice-table/columns)
+- [sqm-invoice-table-data-column](../../sqm-invoice-table/columns)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
   sqm-tax-and-cash-dashboard --> sqm-invoice-table
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table-download-column
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table-date-column
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table-data-column
   sqm-invoice-table --> sqm-empty
   sqm-invoice-table --> sqm-table-row
   sqm-invoice-table --> sqm-table-cell
@@ -73,6 +84,9 @@ graph TD;
   sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
+  sqm-invoice-table-download-column --> sqm-invoice-table-download-cell
+  sqm-invoice-table-date-column --> sqm-invoice-table-date-cell
+  sqm-invoice-table-data-column --> sqm-invoice-table-data-cell
   sqm-stencilbook --> sqm-tax-and-cash-dashboard
   sqm-tax-and-cash --> sqm-tax-and-cash-dashboard
   sqm-user-info-form --> sqm-tax-and-cash-dashboard
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index f22f21c08b..01e8688f5f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -8,6 +8,7 @@
 | Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                         |
 | ----------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `backButton`                                    | `back-button`                                        | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                        |
+| `cancelButton`                                  | `cancel-button`                                      | Text shown inside of cancel button                                                                         | `string`                                                                                                             | `"Cancel"`                                                                                                                                                                      |
 | `continueButton`                                | `continue-button`                                    | Text for the continue button in the form                                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                    |
 | `dashboard_accountText`                         | `dashboard_account-text`                             | Text shown before account number                                                                           | `string`                                                                                                             | `"Account"`                                                                                                                                                                     |
 | `dashboard_badgeTextAwaitingReview`             | `dashboard_badge-text-awaiting-review`               | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                              |
@@ -35,16 +36,21 @@
 | `dashboard_subRegionTaxNumber`                  | `dashboard_sub-region-tax-number`                    | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income tax number: {incomeTaxNumber}"`                                                                                                                                        |
 | `dashboard_taxAlertHeaderNotActiveW8`           | `dashboard_tax-alert-header-not-active-w-8`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                          |
 | `dashboard_taxAlertHeaderNotActiveW9`           | `dashboard_tax-alert-header-not-active-w-9`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                   |
-| `dashboard_taxAlertNotActiveMessageW8`          | `dashboard_tax-alert-not-active-message-w-8`         | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form."`                                               |
+| `dashboard_taxAlertNotActiveMessageW8`          | `dashboard_tax-alert-not-active-message-w-8`         | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                                        |
 | `dashboard_taxAlertNotActiveMessageW9`          | `dashboard_tax-alert-not-active-message-w-9`         | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                                  |
 | `dashboard_taxDocumentSectionHeader`            | `dashboard_tax-document-section-header`              | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                               |
 | `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                     |
 | `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    | Text shown above current balance indicating required balance for next payout                               | `string`                                                                                                             | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                       |
-| `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; step?: string; setStep?: (value: string) => void; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                     |
+| `dateColumnTitle`                               | `date-column-title`                                  | Invoice table Date column title                                                                            | `string`                                                                                                             | `"Date"`                                                                                                                                                                        |
+| `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; setStep?: (value: string) => void; step?: string; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                     |
+| `earningsAfterTaxColumnTitle`                   | `earnings-after-tax-column-title`                    | Invoice table Earnings after tax column title                                                              | `string`                                                                                                             | `"Earnings after tax"`                                                                                                                                                          |
+| `earningsColumnTitle`                           | `earnings-column-title`                              | Invoice table Earnings column title                                                                        | `string`                                                                                                             | `"Earnings"`                                                                                                                                                                    |
 | `fieldInvalidError`                             | `field-invalid-error`                                | Invalid error text shown at the bottom of field inputs                                                     | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                      |
 | `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                     |
+| `formStep`                                      | `form-step`                                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step {step} of {count}"`                                                                                                                                                      |
 | `generalErrorDescription`                       | `general-error-description`                          | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                   |
 | `generalErrorTitle`                             | `general-error-title`                                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                             |
+| `invoiceColumnTitle`                            | `invoice-column-title`                               | Invoice table Invoice column title                                                                         | `string`                                                                                                             | `"Invoice"`                                                                                                                                                                     |
 | `isPartnerAlertDescription`                     | `is-partner-alert-description`                       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`     |
 | `isPartnerAlertHeader`                          | `is-partner-alert-header`                            | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                    |
 | `loadingErrorAlertDescription`                  | `loading-error-alert-description`                    | Alert description shown if there is a problem loading a form                                               | `string`                                                                                                             | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                          |
@@ -55,12 +61,10 @@
 | `step1_currencyHelpText`                        | `step-1_currency-help-text`                          | Help text shown underneath currency input                                                                  | `string`                                                                                                             | `"Choose your preferred payout currency"`                                                                                                                                       |
 | `step1_email`                                   | `step-1_email`                                       | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                       |
 | `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                                  |
-| `step1_formStep`                                | `step-1_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 1 of 4"`                                                                                                                                                                 |
 | `step1_lastName`                                | `step-1_last-name`                                   | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                                   |
 | `step1_personalInformation`                     | `step-1_personal-information`                        | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                        |
 | `step1_termsAndConditionsLabel`                 | `step-1_terms-and-conditions-label`                  | Label text for terms and conditions                                                                        | `string`                                                                                                             | `"terms and conditions"`                                                                                                                                                        |
 | `step2_cannotChangeInfoAlert`                   | `step-2_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`   |
-| `step2_formStep`                                | `step-2_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 2 of 4"`                                                                                                                                                                 |
 | `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                                |
 | `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                              |
 | `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                        |
@@ -85,7 +89,6 @@
 | `step3_docusignCompleted`                       | `step-3_docusign-completed`                          | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                             |
 | `step3_docusignError`                           | `step-3_docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                              |
 | `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`              |
-| `step3_formStep`                                | `step-3_form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step 3 of 4"`                                                                                                                                                                 |
 | `step3_formSubmissionError`                     | `step-3_form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                      |
 | `step3_individualParticipant`                   | `step-3_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                              |
 | `step3_participantType`                         | `step-3_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                            |
@@ -115,7 +118,6 @@
 | `step4_directlyToBankAccount`                   | `step-4_directly-to-bank-account`                    | Text for the option to receive payments directly to a bank account                                         | `string`                                                                                                             | `"Directly to my bank account"`                                                                                                                                                 |
 | `step4_eftWithdrawalLabel`                      | `step-4_eft-withdrawal-label`                        |                                                                                                            | `string`                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                       |
 | `step4_foreignSelectItemLabel`                  | `step-4_foreign-select-item-label`                   | Label text for the foreign select item                                                                     | `string`                                                                                                             | `"Foreign"`                                                                                                                                                                     |
-| `step4_formStep`                                | `step-4_form-step`                                   | Subtext shown at the top of the page, used to show the current step of the tax form.                       | `string`                                                                                                             | `"Step 4 of 4"`                                                                                                                                                                 |
 | `step4_fxWireProcessingFeeLabel`                | `step-4_fx-wire-processing-fee-label`                |                                                                                                            | `string`                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                        |
 | `step4_ibanLabel`                               | `step-4_iban-label`                                  | Label text for the IBAN input field                                                                        | `string`                                                                                                             | `"IBAN"`                                                                                                                                                                        |
 | `step4_individualSelectItemLabel`               | `step-4_individual-select-item-label`                | Label text for the individual select item                                                                  | `string`                                                                                                             | `"Individual"`                                                                                                                                                                  |
@@ -139,6 +141,7 @@
 | `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          | Text for the option to receive payments to a PayPal account with processing fee details                    | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                               |
 | `step4_voCodeLabel`                             | `step-4_vo-code-label`                               | Label text for the VO code input field                                                                     | `string`                                                                                                             | `"VO Code"`                                                                                                                                                                     |
 | `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                        |
+| `taxedAmountColumnTitle`                        | `taxed-amount-column-title`                          | Invoice table Taxed Amount column title                                                                    | `string`                                                                                                             | `"Taxed Amount"`                                                                                                                                                                |
 
 
 ## Dependencies
@@ -167,6 +170,9 @@ graph TD;
   sqm-user-info-form --> sqm-tax-and-cash
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
   sqm-tax-and-cash-dashboard --> sqm-invoice-table
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table-download-column
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table-date-column
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table-data-column
   sqm-invoice-table --> sqm-empty
   sqm-invoice-table --> sqm-table-row
   sqm-invoice-table --> sqm-table-cell
@@ -174,6 +180,9 @@ graph TD;
   sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
+  sqm-invoice-table-download-column --> sqm-invoice-table-download-cell
+  sqm-invoice-table-date-column --> sqm-invoice-table-date-cell
+  sqm-invoice-table-data-column --> sqm-invoice-table-data-cell
   sqm-stencilbook --> sqm-tax-and-cash
   style sqm-tax-and-cash fill:#f9f,stroke:#333,stroke-width:4px
 ```
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 0082077fc4..be90741abd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -1002,8 +1002,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    const props = useTaxAndCash();
-    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    // const props = useTaxAndCash();
+    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
     if (this.demoData?.showTextProps) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 176dd60ffc..f12b08e80d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -129,7 +129,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  setupDemo();
+  // setupDemo();
 
   /** END DEMO DATA */
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index 7098773fde..a7821c7471 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,27 +7,27 @@
 
 ## Properties
 
-| Property                       | Attribute                         | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Default                                                                                                                                                                     |
-| ------------------------------ | --------------------------------- | ------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`       | `allow-banking-collection`        | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
-| `continueButton`               | `continue-button`                 | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Continue"`                                                                                                                                                                |
-| `country`                      | `country`                         | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Country"`                                                                                                                                                                 |
-| `currency`                     | `currency`                        | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Currency"`                                                                                                                                                                |
-| `currencyHelpText`             | `currency-help-text`              | Help text shown underneath currency input                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Choose your preferred payout currency"`                                                                                                                                   |
-| `demoData`                     | --                                |                                                                                       | `{ states?: { hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; data?: { currencies: Currencies; countries: TaxCountry[]; }; step?: string; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
-| `email`                        | `email`                           | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Email"`                                                                                                                                                                   |
-| `fieldRequiredError`           | `field-required-error`            | Required error text shown at the bottom of field inputs                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{fieldName} is required"`                                                                                                                                                 |
-| `firstName`                    | `first-name`                      | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"First name"`                                                                                                                                                              |
-| `formStep`                     | `form-step`                       | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Step 1 of 4"`                                                                                                                                                             |
-| `generalErrorDescription`      | `general-error-description`       | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`            | `general-error-title`             | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem submitting your information"`                                                                                                                         |
-| `isPartnerAlertDescription`    | `is-partner-alert-description`    | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"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."` |
-| `isPartnerAlertHeader`         | `is-partner-alert-header`         | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `lastName`                     | `last-name`                       | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Last name"`                                                                                                                                                               |
-| `loadingErrorAlertDescription` | `loading-error-alert-description` | Alert description shown if there is a problem loading a form                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                      |
-| `loadingErrorAlertHeader`      | `loading-error-alert-header`      | Alert header shown if there is a problem loading a form                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem loading your form"`                                                                                                                                   |
-| `personalInformation`          | `personal-information`            | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Personal Information"`                                                                                                                                                    |
-| `termsAndConditionsLabel`      | `terms-and-conditions-label`      | Label text for terms and conditions                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"terms and conditions"`                                                                                                                                                    |
+| Property                       | Attribute                         | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Default                                                                                                                                                                     |
+| ------------------------------ | --------------------------------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`       | `allow-banking-collection`        | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
+| `continueButton`               | `continue-button`                 | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Continue"`                                                                                                                                                                |
+| `country`                      | `country`                         | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Country"`                                                                                                                                                                 |
+| `currency`                     | `currency`                        | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Currency"`                                                                                                                                                                |
+| `currencyHelpText`             | `currency-help-text`              | Help text shown underneath currency input                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Choose your preferred payout currency"`                                                                                                                                   |
+| `demoData`                     | --                                |                                                                                       | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; data?: { currencies: Currencies; countries: TaxCountry[]; }; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
+| `email`                        | `email`                           | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Email"`                                                                                                                                                                   |
+| `fieldRequiredError`           | `field-required-error`            | Required error text shown at the bottom of field inputs                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"{fieldName} is required"`                                                                                                                                                 |
+| `firstName`                    | `first-name`                      | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"First name"`                                                                                                                                                              |
+| `formStep`                     | `form-step`                       | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Step {step} of {count}"`                                                                                                                                                  |
+| `generalErrorDescription`      | `general-error-description`       | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`            | `general-error-title`             | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"There was a problem submitting your information"`                                                                                                                         |
+| `isPartnerAlertDescription`    | `is-partner-alert-description`    | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"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."` |
+| `isPartnerAlertHeader`         | `is-partner-alert-header`         | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                     | `last-name`                       | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Last name"`                                                                                                                                                               |
+| `loadingErrorAlertDescription` | `loading-error-alert-description` | Alert description shown if there is a problem loading a form                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                      |
+| `loadingErrorAlertHeader`      | `loading-error-alert-header`      | Alert header shown if there is a problem loading a form                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"There was a problem loading your form"`                                                                                                                                   |
+| `personalInformation`          | `personal-information`            | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Personal Information"`                                                                                                                                                    |
+| `termsAndConditionsLabel`      | `terms-and-conditions-label`      | Label text for terms and conditions                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"terms and conditions"`                                                                                                                                                    |
 
 
 ## Dependencies
@@ -53,6 +53,9 @@ graph TD;
   sqm-user-info-form --> sqm-user-info-form
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
   sqm-tax-and-cash-dashboard --> sqm-invoice-table
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table-download-column
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table-date-column
+  sqm-tax-and-cash-dashboard --> sqm-invoice-table-data-column
   sqm-invoice-table --> sqm-empty
   sqm-invoice-table --> sqm-table-row
   sqm-invoice-table --> sqm-table-cell
@@ -60,6 +63,9 @@ graph TD;
   sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
+  sqm-invoice-table-download-column --> sqm-invoice-table-download-cell
+  sqm-invoice-table-date-column --> sqm-invoice-table-date-cell
+  sqm-invoice-table-data-column --> sqm-invoice-table-data-cell
   sqm-tax-and-cash --> sqm-user-info-form
   sqm-stencilbook --> sqm-user-info-form
   style sqm-user-info-form fill:#f9f,stroke:#333,stroke-width:4px

From e3821737651bd0279e034e6d67787f3461e2f54f Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 13 Mar 2024 15:28:06 -0700
Subject: [PATCH 516/753] Updated copies

---
 packages/mint-components/src/components.d.ts  | 38 +++++++++++++++
 .../sqm-banking-info-form.tsx                 | 36 +++++++-------
 .../sqm-indirect-tax-form.tsx                 | 12 ++---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 48 +++++++++----------
 4 files changed, 86 insertions(+), 48 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 5f0853e611..3541afbc14 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1290,6 +1290,17 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
+    interface SqmInvoiceTableCell {
+        "innerTemplate": string;
+    }
+    interface SqmInvoiceTableColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle": string;
+        "renderCell": (_: Invoice) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -5111,6 +5122,18 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
+    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableCellElement: {
+        prototype: HTMLSqmInvoiceTableCellElement;
+        new (): HTMLSqmInvoiceTableCellElement;
+    };
+    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableColumnElement: {
+        prototype: HTMLSqmInvoiceTableColumnElement;
+        new (): HTMLSqmInvoiceTableColumnElement;
+    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5631,6 +5654,8 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
+        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
+        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6958,6 +6983,15 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
+    interface SqmInvoiceTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmInvoiceTableColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle"?: string;
+    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -10612,6 +10646,8 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
+        "sqm-invoice-table-cell": SqmInvoiceTableCell;
+        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10727,6 +10763,8 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
+            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
+            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 71dd2da2f7..d20188e416 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -101,12 +101,12 @@ export class BankingInfoForm {
    * Heading text for the payment method section
    * @uiName Payment method heading text
    */
-  @Prop() paymentMethod: string = "Payment Method";
+  @Prop() paymentMethod: string = "Payment method";
   /**
    * Heading text for the payment schedule section
    * @uiName Payment schedule heading text
    */
-  @Prop() paymentSchedule: string = "Payment Schedule";
+  @Prop() paymentSchedule: string = "Payment schedule";
   /**
    * Subtext for the payment method section
    * @uiName Payment method subtext
@@ -117,23 +117,23 @@ export class BankingInfoForm {
    * Label text for the PayPal email input field
    * @uiName PayPal email input label
    */
-  @Prop() payPalInputLabel: string = "PayPal Email";
+  @Prop() payPalInputLabel: string = "PayPal email";
   /**
    * Label text for the bank country location input field
    * @uiName Bank country location input label
    */
-  @Prop() bankLocationLabel: string = "Bank Country Location";
+  @Prop() bankLocationLabel: string = "Bank country location";
   /**
    * Label text for the beneficiary account name input field
    * @uiName Beneficiary account name input label
    */
-  @Prop() beneficiaryAccountNameLabel: string = "Beneficiary Account Name";
+  @Prop() beneficiaryAccountNameLabel: string = "Beneficiary account name";
 
   /**
    * Label text for the bank account type input field
    * @uiName Bank account type input label
    */
-  @Prop() bankAccountTypeLabel: string = "Bank Account Type";
+  @Prop() bankAccountTypeLabel: string = "Bank account type";
 
   /**
    * Label text for the checking account type select item
@@ -151,7 +151,7 @@ export class BankingInfoForm {
    * Label text for the bank account number input field
    * @uiName Bank account number input label
    */
-  @Prop() bankAccountNumberLabel: string = "Bank Account Number";
+  @Prop() bankAccountNumberLabel: string = "Bank account number";
   /**
    * Label text for the IBAN input field
    * @uiName IBAN input label
@@ -162,14 +162,14 @@ export class BankingInfoForm {
    * Label text for the SWIFT code input field
    * @uiName SWIFT code input label
    */
-  @Prop() swiftCodeLabel: string = "SWIFT Code";
+  @Prop() swiftCodeLabel: string = "SWIFT code";
 
   /**
    * Label text for the routing code input field
    * @uiName Routing code input label
    */
   @Prop() routingCodeLabel: string =
-    "{country, select, AU {BSB Number} CA {Routing Number} CZ {Bank Code} HK {Clearing Code} SG {Clearing Code} US {ABA Routing Number} NZ {BSB Number} ZA {Bank/Branch Number} IN {IFSC} CNY {CNAPS} other {Routing Code} }";
+    "{country, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch cumber} IN {IFSC} CNY {CNAPS} other {Routing code} }";
 
   /**
    * Label text for the bank name input field
@@ -211,25 +211,25 @@ export class BankingInfoForm {
    * Label text for the patronymic name input field
    * @uiName Patronymic name input label
    */
-  @Prop() patronymicNameLabel: string = "Patronymic Name";
+  @Prop() patronymicNameLabel: string = "Patronymic name";
 
   /**
    * Label text for the VO code input field
    * @uiName VO code input label
    */
-  @Prop() voCodeLabel: string = "VO Code";
+  @Prop() voCodeLabel: string = "VO code";
 
   /**
    * Label text for the agency code input field
    * @uiName Agency code input label
    */
-  @Prop() agencyCodeLabel: string = "Agency Code";
+  @Prop() agencyCodeLabel: string = "Agency code";
 
   /**
    * Label text for the branch code input field
    * @uiName Branch code input label
    */
-  @Prop() branchCodeLabel: string = "Branch Code";
+  @Prop() branchCodeLabel: string = "Branch code";
 
   /**
    * Label text for the classification input field
@@ -248,26 +248,26 @@ export class BankingInfoForm {
    * Label text for the Bank Address input
    * @uiName Bank Address input item label
    */
-  @Prop() bankAddressLabel: string = "Bank Address";
+  @Prop() bankAddressLabel: string = "Bank address";
   /**
    * Label text for the Bank City input
    * @uiName Bank City Label input label
    */
-  @Prop() bankCityLabel: string = "Bank City";
+  @Prop() bankCityLabel: string = "Bank city";
   /**
    * Label text for the Bank Province / State input
    * @uiName Bank Province / State input label
    */
-  @Prop() bankStateLabel: string = "Bank Province/State";
+  @Prop() bankStateLabel: string = "Bank province/state";
   /**
    * Label text for the Bank Postal Code
    * @uiName Bank Postal Code input label
    */
-  @Prop() bankPostalCodeLabel: string = "Bank Postal Code";
+  @Prop() bankPostalCodeLabel: string = "Bank postal code";
   /**
    * @uiName EFT Withdrawal label text
    */
-  @Prop() eftWithdrawalLabel: string = "EFT Withdrawal (free)";
+  @Prop() eftWithdrawalLabel: string = "EFT withdrawal (free)";
 
   /**
    * @uiName FX Wire Processing fee text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index e471852238..daee3265d3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -50,7 +50,7 @@ export class IndirectTaxForm {
    * Heading text for the indirect tax details section
    * @uiName Indirect tax details heading text
    */
-  @Prop() indirectTaxDetails: string = "Indirect Tax Details";
+  @Prop() indirectTaxDetails: string = "Indirect tax details";
 
   /**
    * Text shown below the indirect tax details heading text
@@ -89,7 +89,7 @@ export class IndirectTaxForm {
    * Label text for the country/region select input
    * @uiName Selected country/region label
    */
-  @Prop() selectedRegion: string = "Country / Region of Indirect Tax";
+  @Prop() selectedRegion: string = "Country / region of indirect tax";
 
   /**
    * Label text for the province input
@@ -102,13 +102,13 @@ export class IndirectTaxForm {
    * @uiName Indirect tax number input label
    */
   @Prop() indirectTaxNumber: string =
-    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}";
+    "{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
    */
-  @Prop() qstNumber: string = "QST Number";
+  @Prop() qstNumber: string = "QST number";
 
   /**
    * Text for the option indicating registration for QST tax
@@ -143,13 +143,13 @@ export class IndirectTaxForm {
    * @uiName Cannot change info Alert text
    */
   @Prop() cannotChangeInfoAlert: string =
-    "Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing.";
+    "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
    */
   @Prop() indirectTaxNumberError: string =
-    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required";
+    "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required";
   /**
    * Required error text shown at the bottom of field inputs
    * @uiName Field inputs error text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index be90741abd..4a86a6c801 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -107,7 +107,7 @@ export class TaxAndCashMonolith {
    * @uiName Indirect tax details heading
    * @uiGroup Step 2 Properties
    */
-  @Prop() step2_indirectTaxDetails: string = "Indirect Tax Details";
+  @Prop() step2_indirectTaxDetails: string = "Indirect tax details";
   /**
    * Sub text shown above the tax details radio buttons
    * @uiName Indirect tax details sub text
@@ -146,7 +146,7 @@ export class TaxAndCashMonolith {
    * @uiName Selected region select input label
    * @uiGroup Step 2 Properties
    */
-  @Prop() step2_selectedRegion: string = "Country / Region of Indirect Tax";
+  @Prop() step2_selectedRegion: string = "Country / region of indirect tax";
   /**
    * Label text for the Province select input
    * @uiName Province select input label
@@ -160,13 +160,13 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_indirectTaxNumber: string =
-    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}";
+    "{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 Tax Number input
    * @uiName QST Tax Number input label
    * @uiGroup Step 2 Properties
    */
-  @Prop() step2_qstNumber: string = "QST Number";
+  @Prop() step2_qstNumber: string = "QST number";
   /**
    * Label text for the QST checkbox
    * @uiName checkbox label
@@ -198,14 +198,14 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_cannotChangeInfoAlert: string =
-    "Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing.";
+    "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 text shown below the Indirect Tax Number select input
    * @uiName Indirect Tax Number error text
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_indirectTaxNumberError: string =
-    "{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required";
+    "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required";
 
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     STEP 3 PROPS:
@@ -379,7 +379,7 @@ export class TaxAndCashMonolith {
    * @uiName Payment day select label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_paymentThresholdSelectLabel: string = "Payment Threshold";
+  @Prop() step4_paymentThresholdSelectLabel: string = "Payment threshold";
   /**
    * Label text for the payment day select option for the first of the month
    * @uiName First of month label text
@@ -398,13 +398,13 @@ export class TaxAndCashMonolith {
    * @uiName Payment method heading text
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_paymentMethod: string = "Payment Method";
+  @Prop() step4_paymentMethod: string = "Payment method";
   /**
    * Heading text for the payment schedule section
    * @uiName Payment schedule heading text
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_paymentSchedule: string = "Payment Schedule";
+  @Prop() step4_paymentSchedule: string = "Payment schedule";
   /**
    * Subtext for the payment method section
    * @uiName Payment method subtext
@@ -417,13 +417,13 @@ export class TaxAndCashMonolith {
    * @uiName PayPal email input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_payPalInputLabel: string = "PayPal Email";
+  @Prop() step4_payPalInputLabel: string = "PayPal email";
   /**
    * Label text for the bank country location input field
    * @uiName Bank country location input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_bankLocationLabel: string = "Bank Country Location";
+  @Prop() step4_bankLocationLabel: string = "Bank country location";
   /**
    * Label text for the beneficiary account name input field
    * @uiName Beneficiary account name input label
@@ -437,7 +437,7 @@ export class TaxAndCashMonolith {
    * @uiName Bank account type input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_bankAccountTypeLabel: string = "Bank Account Type";
+  @Prop() step4_bankAccountTypeLabel: string = "Bank account type";
 
   /**
    * Label text for the checking account type select item
@@ -458,7 +458,7 @@ export class TaxAndCashMonolith {
    * @uiName Bank account number input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_bankAccountNumberLabel: string = "Bank Account Number";
+  @Prop() step4_bankAccountNumberLabel: string = "Bank account number";
 
   /**
    * Label text for the IBAN input field
@@ -472,28 +472,28 @@ export class TaxAndCashMonolith {
    * @uiName SWIFT code input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_swiftCodeLabel: string = "SWIFT Code";
+  @Prop() step4_swiftCodeLabel: string = "SWIFT code";
 
   /**
    * Label text for the routing code input field
    * @uiName Routing code input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_routingCodeLabel: string = "Routing Code";
+  @Prop() step4_routingCodeLabel: string = "Routing code";
 
   /**
    * Label text for the bank name input field
    * @uiName Bank name input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_bankNameLabel: string = "Bank Name";
+  @Prop() step4_bankNameLabel: string = "Bank name";
 
   /**
    * Label text for the classification entity input field
    * @uiName Classification entity input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_classificationEntityLabel: string = "Classification Entity";
+  @Prop() step4_classificationEntityLabel: string = "Classification entity";
 
   /**
    * Label text for the business select item
@@ -528,28 +528,28 @@ export class TaxAndCashMonolith {
    * @uiName Patronymic name input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_patronymicNameLabel: string = "Patronymic Name";
+  @Prop() step4_patronymicNameLabel: string = "Patronymic name";
 
   /**
    * Label text for the VO code input field
    * @uiName VO code input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_voCodeLabel: string = "VO Code";
+  @Prop() step4_voCodeLabel: string = "VO code";
 
   /**
    * Label text for the agency code input field
    * @uiName Agency code input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_agencyCodeLabel: string = "Agency Code";
+  @Prop() step4_agencyCodeLabel: string = "Agency code";
 
   /**
    * Label text for the branch code input field
    * @uiName Branch code input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_branchCodeLabel: string = "Branch Code";
+  @Prop() step4_branchCodeLabel: string = "Branch code";
 
   /**
    * Label text for the classification input field
@@ -570,13 +570,13 @@ export class TaxAndCashMonolith {
    * @uiName Bank Address input item label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_bankAddressLabel: string = "Bank Address";
+  @Prop() step4_bankAddressLabel: string = "Bank address";
   /**
    * Label text for the Bank City input
    * @uiName Bank City Label input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_bankCityLabel: string = "Bank City";
+  @Prop() step4_bankCityLabel: string = "Bank city";
   /**
    * Label text for the Bank Province / State input
    * @uiName Bank Province / State input label
@@ -588,7 +588,7 @@ export class TaxAndCashMonolith {
    * @uiName  Bank Postal Code input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_bankPostalCodeLabel: string = "Bank Postal Code";
+  @Prop() step4_bankPostalCodeLabel: string = "Bank postal code";
   /**
    * Alert text indicating participant cannot change info after it has been submitted
    * @uiName Cannot change info Alert text

From 6e2752d34f8d1ebd1e91886e598d5dbeb33fbb3f Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Wed, 13 Mar 2024 15:34:44 -0700
Subject: [PATCH 517/753] change eror banner

---
 packages/mint-components/package-lock.json             |  4 ++--
 .../sqm-payout-details-card-view.tsx                   | 10 +++++-----
 .../sqm-payout-details-card.tsx                        |  5 ++---
 .../sqm-tax-and-cash-dashboard.tsx                     |  5 ++---
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx |  5 ++---
 5 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index b4d0f15b75..5077f0a247 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-66",
+  "version": "1.8.0-67",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-66",
+      "version": "1.8.0-67",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index 9f9fd75960..fde5528fd6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -115,13 +115,13 @@ const style = {
   },
   Alert: {
     "&::part(base)": {
-      backgroundColor: "var(--sl-color-red-100)",
-      borderTop: "none",
+      backgroundColor: "var(--sl-color-warning-100)",
+      border: "1px solid var(--sl-color-warning-300)",
       padding: "0 16px",
     },
 
     "& sl-icon::part(base)": {
-      color: "var(--sl-color-danger-500)",
+      color: "var(--sl-color-warning-500)",
     },
   },
   AlertContent: {
@@ -193,10 +193,10 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
         <sl-alert
           exportparts="base: alert-base, icon:alert-icon"
           class={classes.Alert}
-          type="danger"
+          type="warning"
           open
         >
-          <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+          <sl-icon slot="icon" name="exclamation-triangle"></sl-icon>
           <div class={classes.AlertContent}>
             <b>{text.error.errorTitleText}</b>
             {text.error.errorDescriptionText}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 6555da5ed7..5be138c6b0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -38,15 +38,14 @@ export class PayoutDetailsCard {
    * Error alert header shown above payout details card
    * @uiName Error alert header
    */
-  @Prop() errorTitleText: string =
-    "There was an error with your payout infomation";
+  @Prop() errorTitleText: string = "Your payout is on hold ";
   /**
    * Error alert description shown above payout details card
    * @uiName Error alert description
    */
   @Prop()
   errorDescriptionText: string =
-    "Please ensure your payout information is correct. If this problem continues, contact Support.";
+    "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.";
 
   /**
    * @undocumented
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index e887bf585e..5e394b2180 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -214,14 +214,13 @@ export class TaxAndCashDashboard {
   /**
    * @uiName Error banner title text
    */
-  @Prop() errorTitleText: string =
-    "There was an error with your payout infomation";
+  @Prop() errorTitleText: string = "Your payout is on hold ";
   /**
    * @uiName Error banner description text
    */
   @Prop()
   errorDescriptionText: string =
-    "Please ensure your payout information is correct. If this problem continues, contact Support.";
+    "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
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index be90741abd..c105a86fa2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -874,8 +874,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Dashboard Properties
    */
   @Prop()
-  dashboard_errorTitleText: string =
-    "There was an error with your payout infomation";
+  dashboard_errorTitleText: string = "Your payout is on hold ";
   /**
    * Error alert description shown above payout details card
    * @uiName Error description text
@@ -883,7 +882,7 @@ export class TaxAndCashMonolith {
    */
   @Prop()
   dashboard_errorDescriptionText: string =
-    "Please ensure your payout information is correct. If this problem continues, contact Support.";
+    "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.";
 
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     GENERAL PROPS:

From f9869b8813be8e57017350039f5e82e3c78b3bfd Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 13 Mar 2024 15:41:09 -0700
Subject: [PATCH 518/753] added error state

---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx         | 15 ++++++++++++++-
 .../sqm-tax-and-cash/useTaxAndCash.tsx            | 12 ++++++++++--
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index be90741abd..08339f8556 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -875,7 +875,7 @@ export class TaxAndCashMonolith {
    */
   @Prop()
   dashboard_errorTitleText: string =
-    "There was an error with your payout infomation";
+    "There was an error with your payout information";
   /**
    * Error alert description shown above payout details card
    * @uiName Error description text
@@ -1055,6 +1055,19 @@ export class TaxAndCashMonolith {
             {...this.getGeneralStepTextProps("dashboard_")}
           ></sqm-tax-and-cash-dashboard>
         );
+      case "/error":
+        return (
+          <sl-alert
+            exportparts="base: alert-base, icon:alert-icon"
+            type="danger"
+            open
+          >
+            <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+            <strong>{this.loadingErrorAlertHeader}</strong>
+            <br />
+            {this.loadingErrorAlertDescription}
+          </sl-alert>
+        );
     }
 
     return <LoadingView />;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index f12b08e80d..1bd35d41ac 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -175,7 +175,7 @@ export function useTaxAndCash() {
     }
   );
 
-  const { data } = useParentQuery<UserQuery>({
+  const { data, errors } = useParentQuery<UserQuery>({
     namespace: USER_QUERY_NAMESPACE,
     query: GET_USER,
     skip: !user,
@@ -240,17 +240,25 @@ export function useTaxAndCash() {
     if (supportedCurrencies) setCurrenciesContext(supportedCurrencies);
   }, [supportedCurrencies]);
 
+  // console.log({ errors });
+
   useEffect(() => {
+    console.log({ errors, data });
+    if (errors) {
+      setStep("/error");
+      return;
+    }
     if (!host || !user) return;
 
     if (data) {
       const user = data?.user;
+
       if (!user || step !== "/loading") return;
 
       const currentStep = getCurrentStep(user);
       setStep(currentStep);
     }
-  }, [host, user, data?.user?.email]);
+  }, [host, user, data?.user?.email, errors]);
 
   function getFinanceNetworkFilter() {
     if (step === "/4")

From 9b3d7e88e749e94a3924234755f97f6d66636100 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 13 Mar 2024 15:42:44 -0700
Subject: [PATCH 519/753] publish

---
 packages/mint-components/package.json         |   2 +-
 packages/mint-components/src/components.d.ts  |  38 ---
 .../sqm-banking-info-form/readme.md           |  36 +--
 .../sqm-indirect-tax-form/readme.md           |  12 +-
 .../sqm-payout-details-card/readme.md         |  16 +-
 .../sqm-tax-and-cash-dashboard/readme.md      |  88 +++---
 .../tax-and-cash/sqm-tax-and-cash/readme.md   | 274 +++++++++---------
 7 files changed, 214 insertions(+), 252 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index f532fcf357..f0c18f1d9b 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-67",
+  "version": "1.8.0-68",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 3541afbc14..5f0853e611 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1290,17 +1290,6 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate": string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle": string;
-        "renderCell": (_: Invoice) => Promise<any>;
-        "renderLabel": () => Promise<string>;
-    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -5122,18 +5111,6 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
-    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableCellElement: {
-        prototype: HTMLSqmInvoiceTableCellElement;
-        new (): HTMLSqmInvoiceTableCellElement;
-    };
-    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableColumnElement: {
-        prototype: HTMLSqmInvoiceTableColumnElement;
-        new (): HTMLSqmInvoiceTableColumnElement;
-    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5654,8 +5631,6 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
-        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
-        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6983,15 +6958,6 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate"?: string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle"?: string;
-    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -10646,8 +10612,6 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
-        "sqm-invoice-table-cell": SqmInvoiceTableCell;
-        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10763,8 +10727,6 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
-            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
-            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 4352a96f29..fec6f1bd8f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -7,18 +7,18 @@
 
 | Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default                                                                                                                                                                                                                     |
 | ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Agency Code"`                                                                                                                                                                                                             |
+| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Agency code"`                                                                                                                                                                                                             |
 | `backButton`                          | `back-button`                               | Text for the back button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Save"`                                                                                                                                                                                                                    |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Account Number"`                                                                                                                                                                                                     |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Account Type"`                                                                                                                                                                                                       |
-| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Address"`                                                                                                                                                                                                            |
-| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank City"`                                                                                                                                                                                                               |
-| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Country Location"`                                                                                                                                                                                                   |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account number"`                                                                                                                                                                                                     |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account type"`                                                                                                                                                                                                       |
+| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank address"`                                                                                                                                                                                                            |
+| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank city"`                                                                                                                                                                                                               |
+| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank country location"`                                                                                                                                                                                                   |
 | `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Name"`                                                                                                                                                                                                               |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Postal Code"`                                                                                                                                                                                                        |
-| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Province/State"`                                                                                                                                                                                                     |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Beneficiary Account Name"`                                                                                                                                                                                                |
-| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Branch Code"`                                                                                                                                                                                                             |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank postal code"`                                                                                                                                                                                                        |
+| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank province/state"`                                                                                                                                                                                                     |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Beneficiary account name"`                                                                                                                                                                                                |
+| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Branch code"`                                                                                                                                                                                                             |
 | `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Business"`                                                                                                                                                                                                                |
 | `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Checking"`                                                                                                                                                                                                                |
 | `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification CPF"`                                                                                                                                                                                                      |
@@ -27,7 +27,7 @@
 | `continueButton`                      | `continue-button`                           | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Save"`                                                                                                                                                                                                                    |
 | `demoData`                            | --                                          |                                                                                         | `{ states?: { step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }` | `undefined`                                                                                                                                                                                                                 |
 | `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Directly to my bank account"`                                                                                                                                                                                             |
-| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"EFT Withdrawal (free)"`                                                                                                                                                                                                   |
+| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"EFT withdrawal (free)"`                                                                                                                                                                                                   |
 | `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is invalid"`                                                                                                                                                                                                  |
 | `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is required"`                                                                                                                                                                                                 |
 | `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Foreign"`                                                                                                                                                                                                                 |
@@ -41,25 +41,25 @@
 | `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                |
 | `loadingErrorAlertDescription`        | `loading-error-alert-description`           | Alert description shown if there is a problem loading a form                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                      |
 | `loadingErrorAlertHeader`             | `loading-error-alert-header`                | Alert header shown if there is a problem loading a form                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem loading your form"`                                                                                                                                                                                   |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Patronymic Name"`                                                                                                                                                                                                         |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal Email"`                                                                                                                                                                                                            |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Patronymic name"`                                                                                                                                                                                                         |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal email"`                                                                                                                                                                                                            |
 | `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"15th of the month"`                                                                                                                                                                                                       |
 | `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"1st of the month"`                                                                                                                                                                                                        |
 | `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Day"`                                                                                                                                                                                                             |
-| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Method"`                                                                                                                                                                                                          |
+| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment method"`                                                                                                                                                                                                          |
 | `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                     |
-| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Schedule"`                                                                                                                                                                                                        |
+| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment schedule"`                                                                                                                                                                                                        |
 | `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                              |
 | `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me on a fixed day of the month"`                                                                                                                                                                                      |
 | `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Threshold"`                                                                                                                                                                                                       |
-| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{country, select, AU {BSB Number} CA {Routing Number} CZ {Bank Code} HK {Clearing Code} SG {Clearing Code} US {ABA Routing Number} NZ {BSB Number} ZA {Bank/Branch Number} IN {IFSC} CNY {CNAPS} other {Routing Code} }"` |
+| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{country, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch cumber} IN {IFSC} CNY {CNAPS} other {Routing code} }"` |
 | `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Savings"`                                                                                                                                                                                                                 |
-| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"SWIFT Code"`                                                                                                                                                                                                              |
+| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"SWIFT code"`                                                                                                                                                                                                              |
 | `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Tax and Payouts"`                                                                                                                                                                                                         |
 | `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                     |
 | `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                     |
 | `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                           |
-| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"VO Code"`                                                                                                                                                                                                                 |
+| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"VO code"`                                                                                                                                                                                                                 |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 52eba27862..f29b9e9c71 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -8,7 +8,7 @@
 | Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default                                                                                                                                                                                                             |
 | -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Back"`                                                                                                                                                                                                            |
-| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`                                       |
+| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"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."`                                    |
 | `continueButton`                 | `continue-button`                     | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Continue"`                                                                                                                                                                                                        |
 | `demoData`                       | --                                    |                                                                                                    | `{ 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[]; 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; }; }; }` | `undefined`                                                                                                                                                                                                         |
 | `fieldRequiredError`             | `field-required-error`                | Required error text shown at the bottom of field inputs                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{fieldName} is required"`                                                                                                                                                                                         |
@@ -17,10 +17,10 @@
 | `generalErrorTitle`              | `general-error-title`                 | Title text for a general form submission error                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                                                                                                                 |
 | `indirectTax`                    | `indirect-tax`                        | Heading text shown at the top of the page                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax"`                                                                                                                                                                                                    |
 | `indirectTaxDescription`         | `indirect-tax-description`            | Text shown at the top of the page below to the indirect tax header                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"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."` |
-| `indirectTaxDetails`             | `indirect-tax-details`                | Heading text for the indirect tax details section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax Details"`                                                                                                                                                                                            |
+| `indirectTaxDetails`             | `indirect-tax-details`                | Heading text for the indirect tax details section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Indirect tax details"`                                                                                                                                                                                            |
 | `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Text shown below the indirect tax details heading text                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"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."`                                             |
-| `indirectTaxNumber`              | `indirect-tax-number`                 | Label text for the indirect tax number input with a dynamic placeholder based on tax type          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                                                             |
-| `indirectTaxNumberError`         | `indirect-tax-number-error`           | Error message for the indirect tax number input field with a dynamic placeholder based on tax type | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                                                                 |
+| `indirectTaxNumber`              | `indirect-tax-number`                 | Label text for the indirect tax number input with a dynamic placeholder based on tax type          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"`                                                                             |
+| `indirectTaxNumberError`         | `indirect-tax-number-error`           | Error message for the indirect tax number input field with a dynamic placeholder based on tax type | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"`                                                                 |
 | `isPartnerAlertDescription`      | `is-partner-alert-description`        | Description text for the alert when the user is identified as a partner                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"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."`                                         |
 | `isPartnerAlertHeader`           | `is-partner-alert-header`             | Header text for the alert when the user is identified as a partner                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
 | `isRegisteredQST`                | `is-registered-q-s-t`                 | Text for the option indicating registration for QST tax                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I am registered for QST Tax"`                                                                                                                                                                                     |
@@ -32,8 +32,8 @@
 | `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered for indirect tax"`                                                                                                                                                                                     |
 | `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                     |
 | `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Province"`                                                                                                                                                                                                        |
-| `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"QST Number"`                                                                                                                                                                                                      |
-| `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Country / Region of Indirect Tax"`                                                                                                                                                                                |
+| `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"QST number"`                                                                                                                                                                                                      |
+| `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Country / region of indirect tax"`                                                                                                                                                                                |
 | `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Sub-region"`                                                                                                                                                                                                      |
 | `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Income Tax Number"`                                                                                                                                                                                               |
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
index d3620bcc56..7a6e4a8877 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
@@ -7,14 +7,14 @@
 
 ## Properties
 
-| Property               | Attribute                | Description                                                                  | Type                                      | Default                                                                                           |
-| ---------------------- | ------------------------ | ---------------------------------------------------------------------------- | ----------------------------------------- | ------------------------------------------------------------------------------------------------- |
-| `accountText`          | `account-text`           | Text shown before account number                                             | `string`                                  | `"Account"`                                                                                       |
-| `demoData`             | --                       |                                                                              | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                       |
-| `errorDescriptionText` | `error-description-text` | Error alert description shown above payout details card                      | `string`                                  | `"Please ensure your payout information is correct. If this problem continues, contact Support."` |
-| `errorTitleText`       | `error-title-text`       | Error alert header shown above payout details card                           | `string`                                  | `"There was an error with your payout infomation"`                                                |
-| `statusBadgeText`      | `status-badge-text`      | Badge text indicating payout status                                          | `string`                                  | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                     |
-| `thresholdPayoutText`  | `threshold-payout-text`  | Text shown above current balance indicating required balance for next payout | `string`                                  | `"Next payout occurs when balance is {thresholdBalance}"`                                         |
+| Property               | Attribute                | Description                                                                  | Type                                      | Default                                                                                                                                                                                                                                             |
+| ---------------------- | ------------------------ | ---------------------------------------------------------------------------- | ----------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `accountText`          | `account-text`           | Text shown before account number                                             | `string`                                  | `"Account"`                                                                                                                                                                                                                                         |
+| `demoData`             | --                       |                                                                              | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                                                                                                                                                                         |
+| `errorDescriptionText` | `error-description-text` | Error alert description shown above payout details card                      | `string`                                  | `"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."` |
+| `errorTitleText`       | `error-title-text`       | Error alert header shown above payout details card                           | `string`                                  | `"Your payout is on hold "`                                                                                                                                                                                                                         |
+| `statusBadgeText`      | `status-badge-text`      | Badge text indicating payout status                                          | `string`                                  | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
+| `thresholdPayoutText`  | `threshold-payout-text`  | Text shown above current balance indicating required balance for next payout | `string`                                  | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index 76ea3fbec2..3c7f05cbbd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -7,50 +7,50 @@
 
 ## Properties
 
-| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Default                                                                                                                                                      |
-| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `accountText`                     | `account-text`                       | Label text account heading text                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Account"`                                                                                                                                                  |
-| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                           |
-| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submitted on {dateSubmitted}."`                                                                                                                            |
-| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                    |
-| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Payout information"`                                                                                                                                       |
-| `dateColumnTitle`                 | `date-column-title`                  | Invoice table Date column title                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Date"`                                                                                                                                                     |
-| `demoData`                        | --                                   |                                                                                        | `{ 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; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                  |
-| `earningsAfterTaxColumnTitle`     | `earnings-after-tax-column-title`    | Invoice table Earnings after tax column title                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Earnings after tax"`                                                                                                                                       |
-| `earningsColumnTitle`             | `earnings-column-title`              | Invoice table Earnings column title                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Earnings"`                                                                                                                                                 |
-| `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Edit Payout Information"`                                                                                                                                  |
-| `errorDescriptionText`            | `error-description-text`             |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please ensure your payout information is correct. If this problem continues, contact Support."`                                                            |
-| `errorTitleText`                  | `error-title-text`                   |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was an error with your payout infomation"`                                                                                                           |
-| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please review your information and try again. If this problem continues, contact Support."`                                                                |
-| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem submitting your information"`                                                                                                          |
-| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                            |
-| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Registered in {province}, {country}"`                                                                                                                      |
-| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Registered in {country}"`                                                                                                                                  |
-| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Indirect tax"`                                                                                                                                             |
-| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Registered in {country}, {subRegion}"`                                                                                                                     |
-| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"To make changes to your indirect tax information, please contact Support."`                                                                                |
-| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Make sure your information is correct and submit new form."`                                                                                               |
-| `invoiceColumnTitle`              | `invoice-column-title`               | Invoice table Invoice column title                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Invoice"`                                                                                                                                                  |
-| `loadingErrorAlertDescription`    | `loading-error-alert-description`    | Alert description shown if there is a problem loading a form                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                       |
-| `loadingErrorAlertHeader`         | `loading-error-alert-header`         | Alert header shown if there is a problem loading a form                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem loading your form"`                                                                                                                    |
-| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submit New Form"`                                                                                                                                          |
-| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                          |
-| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."` |
-| `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Payouts will be sent from our referral program provider, impact.com"`                                                                                      |
-| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"QST number: {qstNumber}"`                                                                                                                                  |
-| `statusBadgeText`                 | `status-badge-text`                  | Label text for next payout status badge                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                |
-| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Active"`                                                                                                                                                   |
-| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Invalid Tax Form"`                                                                                                                                         |
-| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Not Verified"`                                                                                                                                             |
-| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                  |
-| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{documentType} tax form is invalid"`                                                                                                                       |
-| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                |
-| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                     |
-| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please resubmit a new {documentType} form."`                                                                                                               |
-| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Tax documents"`                                                                                                                                            |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{documentType} tax form"`                                                                                                                                  |
-| `taxedAmountColumnTitle`          | `taxed-amount-column-title`          | Invoice table Taxed Amount column title                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Taxed Amount"`                                                                                                                                             |
-| `thresholdPayoutText`             | `threshold-payout-text`              | Label text for the next payout based on balance                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                    |
+| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Default                                                                                                                                                                                                                                             |
+| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `accountText`                     | `account-text`                       | Label text account heading text                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Account"`                                                                                                                                                                                                                                         |
+| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                                                                                                  |
+| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submitted on {dateSubmitted}."`                                                                                                                                                                                                                   |
+| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                                                                                           |
+| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Payout information"`                                                                                                                                                                                                                              |
+| `dateColumnTitle`                 | `date-column-title`                  | Invoice table Date column title                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Date"`                                                                                                                                                                                                                                            |
+| `demoData`                        | --                                   |                                                                                        | `{ 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; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                                                                                                         |
+| `earningsAfterTaxColumnTitle`     | `earnings-after-tax-column-title`    | Invoice table Earnings after tax column title                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Earnings after tax"`                                                                                                                                                                                                                              |
+| `earningsColumnTitle`             | `earnings-column-title`              | Invoice table Earnings column title                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Earnings"`                                                                                                                                                                                                                                        |
+| `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Edit Payout Information"`                                                                                                                                                                                                                         |
+| `errorDescriptionText`            | `error-description-text`             |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"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."` |
+| `errorTitleText`                  | `error-title-text`                   |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your payout is on hold "`                                                                                                                                                                                                                         |
+| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                                       |
+| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem submitting your information"`                                                                                                                                                                                                 |
+| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
+| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Registered in {province}, {country}"`                                                                                                                                                                                                             |
+| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Registered in {country}"`                                                                                                                                                                                                                         |
+| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Indirect tax"`                                                                                                                                                                                                                                    |
+| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Registered in {country}, {subRegion}"`                                                                                                                                                                                                            |
+| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"To make changes to your indirect tax information, please contact Support."`                                                                                                                                                                       |
+| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Make sure your information is correct and submit new form."`                                                                                                                                                                                      |
+| `invoiceColumnTitle`              | `invoice-column-title`               | Invoice table Invoice column title                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Invoice"`                                                                                                                                                                                                                                         |
+| `loadingErrorAlertDescription`    | `loading-error-alert-description`    | Alert description shown if there is a problem loading a form                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                                              |
+| `loadingErrorAlertHeader`         | `loading-error-alert-header`         | Alert header shown if there is a problem loading a form                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem loading your form"`                                                                                                                                                                                                           |
+| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submit New Form"`                                                                                                                                                                                                                                 |
+| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
+| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
+| `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Payouts will be sent from our referral program provider, impact.com"`                                                                                                                                                                             |
+| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
+| `statusBadgeText`                 | `status-badge-text`                  | Label text for next payout status badge                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
+| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Active"`                                                                                                                                                                                                                                          |
+| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Invalid Tax Form"`                                                                                                                                                                                                                                |
+| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Not Verified"`                                                                                                                                                                                                                                    |
+| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                                                                                                         |
+| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{documentType} tax form is invalid"`                                                                                                                                                                                                              |
+| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                                                                                       |
+| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                                                                                                            |
+| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please resubmit a new {documentType} form."`                                                                                                                                                                                                      |
+| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Tax documents"`                                                                                                                                                                                                                                   |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{documentType} tax form"`                                                                                                                                                                                                                         |
+| `taxedAmountColumnTitle`          | `taxed-amount-column-title`          | Invoice table Taxed Amount column title                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Taxed Amount"`                                                                                                                                                                                                                                    |
+| `thresholdPayoutText`             | `threshold-payout-text`              | Label text for the next payout based on balance                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 01e8688f5f..e2e1723064 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -5,143 +5,143 @@
 
 ## Properties
 
-| Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                         |
-| ----------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`                                    | `back-button`                                        | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                        |
-| `cancelButton`                                  | `cancel-button`                                      | Text shown inside of cancel button                                                                         | `string`                                                                                                             | `"Cancel"`                                                                                                                                                                      |
-| `continueButton`                                | `continue-button`                                    | Text for the continue button in the form                                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                    |
-| `dashboard_accountText`                         | `dashboard_account-text`                             | Text shown before account number                                                                           | `string`                                                                                                             | `"Account"`                                                                                                                                                                     |
-| `dashboard_badgeTextAwaitingReview`             | `dashboard_badge-text-awaiting-review`               | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                              |
-| `dashboard_badgeTextSubmittedOn`                | `dashboard_badge-text-submitted-on`                  | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}."`                                                                                                                                               |
-| `dashboard_badgeTextSubmittedOnW8`              | `dashboard_badge-text-submitted-on-w-8`              | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                       |
-| `dashboard_bankingInformationSectionHeader`     | `dashboard_banking-information-section-header`       | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Payout Information"`                                                                                                                                                          |
-| `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          | Text displayed in the edit Payment Information button                                                      | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                     |
-| `dashboard_errorDescriptionText`                | `dashboard_error-description-text`                   | Error alert description shown above payout details card                                                    | `string`                                                                                                             | `"Please ensure your payout information is correct. If this problem continues, contact Support."`                                                                               |
-| `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         | Error alert header shown above payout details card                                                         | `string`                                                                                                             | `"There was an error with your payout infomation"`                                                                                                                              |
-| `dashboard_indirectTaxDetails`                  | `dashboard_indirect-tax-details`                     | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                               |
-| `dashboard_indirectTaxInfoCanada`               | `dashboard_indirect-tax-info-canada`                 | Country/Province description text of indirect tax                                                          | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                         |
-| `dashboard_indirectTaxInfoOtherCountry`         | `dashboard_indirect-tax-info-other-country`          | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                     |
-| `dashboard_indirectTaxInfoSectionHeader`        | `dashboard_indirect-tax-info-section-header`         | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect tax"`                                                                                                                                                                |
-| `dashboard_indirectTaxInfoSpain`                | `dashboard_indirect-tax-info-spain`                  | Spain/Region description text of indirect tax                                                              | `string`                                                                                                             | `"Registered in {country}, {subRegion}"`                                                                                                                                        |
-| `dashboard_indirectTaxTooltipSupport`           | `dashboard_indirect-tax-tooltip-support`             | Indirect tax tooltip text for support                                                                      | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                                   |
-| `dashboard_invalidForm`                         | `dashboard_invalid-form`                             | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Make sure your information is correct and submit new form."`                                                                                                                  |
-| `dashboard_newFormButton`                       | `dashboard_new-form-button`                          | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                             |
-| `dashboard_noFormNeededSubtext`                 | `dashboard_no-form-needed-subtext`                   | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                             |
-| `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                    |
-| `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST number: {qstNumber}"`                                                                                                                                                     |
-| `dashboard_statusBadgeText`                     | `dashboard_status-badge-text`                        | Badge text indicating payout status                                                                        | `string`                                                                                                             | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                   |
-| `dashboard_statusTextActive`                    | `dashboard_status-text-active`                       | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                      |
-| `dashboard_statusTextNotActive`                 | `dashboard_status-text-not-active`                   | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                            |
-| `dashboard_statusTextNotVerified`               | `dashboard_status-text-not-verified`                 | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                                |
-| `dashboard_subRegionTaxNumber`                  | `dashboard_sub-region-tax-number`                    | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income tax number: {incomeTaxNumber}"`                                                                                                                                        |
-| `dashboard_taxAlertHeaderNotActiveW8`           | `dashboard_tax-alert-header-not-active-w-8`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                          |
-| `dashboard_taxAlertHeaderNotActiveW9`           | `dashboard_tax-alert-header-not-active-w-9`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                   |
-| `dashboard_taxAlertNotActiveMessageW8`          | `dashboard_tax-alert-not-active-message-w-8`         | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                                        |
-| `dashboard_taxAlertNotActiveMessageW9`          | `dashboard_tax-alert-not-active-message-w-9`         | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                                  |
-| `dashboard_taxDocumentSectionHeader`            | `dashboard_tax-document-section-header`              | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                               |
-| `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                     |
-| `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    | Text shown above current balance indicating required balance for next payout                               | `string`                                                                                                             | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                       |
-| `dateColumnTitle`                               | `date-column-title`                                  | Invoice table Date column title                                                                            | `string`                                                                                                             | `"Date"`                                                                                                                                                                        |
-| `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; setStep?: (value: string) => void; step?: string; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                     |
-| `earningsAfterTaxColumnTitle`                   | `earnings-after-tax-column-title`                    | Invoice table Earnings after tax column title                                                              | `string`                                                                                                             | `"Earnings after tax"`                                                                                                                                                          |
-| `earningsColumnTitle`                           | `earnings-column-title`                              | Invoice table Earnings column title                                                                        | `string`                                                                                                             | `"Earnings"`                                                                                                                                                                    |
-| `fieldInvalidError`                             | `field-invalid-error`                                | Invalid error text shown at the bottom of field inputs                                                     | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                      |
-| `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                     |
-| `formStep`                                      | `form-step`                                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step {step} of {count}"`                                                                                                                                                      |
-| `generalErrorDescription`                       | `general-error-description`                          | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                   |
-| `generalErrorTitle`                             | `general-error-title`                                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                             |
-| `invoiceColumnTitle`                            | `invoice-column-title`                               | Invoice table Invoice column title                                                                         | `string`                                                                                                             | `"Invoice"`                                                                                                                                                                     |
-| `isPartnerAlertDescription`                     | `is-partner-alert-description`                       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`     |
-| `isPartnerAlertHeader`                          | `is-partner-alert-header`                            | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                    |
-| `loadingErrorAlertDescription`                  | `loading-error-alert-description`                    | Alert description shown if there is a problem loading a form                                               | `string`                                                                                                             | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                          |
-| `loadingErrorAlertHeader`                       | `loading-error-alert-header`                         | Alert header shown if there is a problem loading a form                                                    | `string`                                                                                                             | `"There was a problem loading your form"`                                                                                                                                       |
-| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                     |
-| `step1_country`                                 | `step-1_country`                                     | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                     |
-| `step1_currency`                                | `step-1_currency`                                    | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                    |
-| `step1_currencyHelpText`                        | `step-1_currency-help-text`                          | Help text shown underneath currency input                                                                  | `string`                                                                                                             | `"Choose your preferred payout currency"`                                                                                                                                       |
-| `step1_email`                                   | `step-1_email`                                       | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                       |
-| `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                                  |
-| `step1_lastName`                                | `step-1_last-name`                                   | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                                   |
-| `step1_personalInformation`                     | `step-1_personal-information`                        | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                        |
-| `step1_termsAndConditionsLabel`                 | `step-1_terms-and-conditions-label`                  | Label text for terms and conditions                                                                        | `string`                                                                                                             | `"terms and conditions"`                                                                                                                                                        |
-| `step2_cannotChangeInfoAlert`                   | `step-2_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"Changes to your personal information and indirect tax can only be made through our Support team after you complete this step. Ensure these are correct before continuing."`   |
-| `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                                |
-| `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                              |
-| `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect Tax Details"`                                                                                                                                                        |
-| `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"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."`         |
-| `step2_indirectTaxNumber`                       | `step-2_indirect-tax-number`                         | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}}"`                                         |
-| `step2_indirectTaxNumberError`                  | `step-2_indirect-tax-number-error`                   | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST Number} HST {HST Number} VAT {VAT Number} CT {CT Number} SST {SST Number} GENERAL {Indirect Tax Number}} is required"`                             |
-| `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                                 |
-| `step2_isRegisteredSubRegionIncomeTax`          | `step-2_is-registered-sub-region-income-tax`         | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                  |
-| `step2_notRegistered`                           | `step-2_not-registered`                              | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"Not registered for indirect tax"`                                                                                                                                             |
-| `step2_notRegisteredSubtext`                    | `step-2_not-registered-subtext`                      | Subtext for the option indicating not being registered for indirect tax                                    | `string`                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                             |
-| `step2_otherRegion`                             | `step-2_other-region`                                | Label test for the option indicating registration for indirect tax                                         | `string`                                                                                                             | `"Registered for indirect tax"`                                                                                                                                                 |
-| `step2_otherRegionSubtext`                      | `step-2_other-region-subtext`                        | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                 |
-| `step2_province`                                | `step-2_province`                                    | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                    |
-| `step2_qstNumber`                               | `step-2_qst-number`                                  | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST Number"`                                                                                                                                                                  |
-| `step2_selectedRegion`                          | `step-2_selected-region`                             | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / Region of Indirect Tax"`                                                                                                                                            |
-| `step2_subRegion`                               | `step-2_sub-region`                                  | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                                  |
-| `step2_subRegionTaxNumberLabel`                 | `step-2_sub-region-tax-number-label`                 | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                           |
-| `step3_banner`                                  | `step-3_banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                           |
-| `step3_businessEntity`                          | `step-3_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business"`                                                                                                                                                      |
-| `step3_checkboxDescription`                     | `step-3_checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                                  |
-| `step3_checkboxLabel`                           | `step-3_checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                             |
-| `step3_docusignCompleted`                       | `step-3_docusign-completed`                          | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                             |
-| `step3_docusignError`                           | `step-3_docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                              |
-| `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`              |
-| `step3_formSubmissionError`                     | `step-3_form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                      |
-| `step3_individualParticipant`                   | `step-3_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                              |
-| `step3_participantType`                         | `step-3_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                            |
-| `step3_refreshButton`                           | `step-3_refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                                |
-| `step3_taxForm`                                 | `step-3_tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                    |
-| `step3_taxFormDescription`                      | `step-3_tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US need to submit a {documentType} form."`                                                                                                          |
-| `step3_taxFormDescriptionBusinessEntity`        | `step-3_tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                             | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                               |
-| `step3_taxFormDescriptionIndividualParticipant` | `step-3_tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                             | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                                          |
-| `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                     |
-| `step4_agencyCodeLabel`                         | `step-4_agency-code-label`                           | Label text for the agency code input field                                                                 | `string`                                                                                                             | `"Agency Code"`                                                                                                                                                                 |
-| `step4_bankAccountNumberLabel`                  | `step-4_bank-account-number-label`                   | Label text for the bank account number input field                                                         | `string`                                                                                                             | `"Bank Account Number"`                                                                                                                                                         |
-| `step4_bankAccountTypeLabel`                    | `step-4_bank-account-type-label`                     | Label text for the bank account type input field                                                           | `string`                                                                                                             | `"Bank Account Type"`                                                                                                                                                           |
-| `step4_bankAddressLabel`                        | `step-4_bank-address-label`                          | Label text for the Bank Address input                                                                      | `string`                                                                                                             | `"Bank Address"`                                                                                                                                                                |
-| `step4_bankCityLabel`                           | `step-4_bank-city-label`                             | Label text for the Bank City input                                                                         | `string`                                                                                                             | `"Bank City"`                                                                                                                                                                   |
-| `step4_bankLocationLabel`                       | `step-4_bank-location-label`                         | Label text for the bank country location input field                                                       | `string`                                                                                                             | `"Bank Country Location"`                                                                                                                                                       |
-| `step4_bankNameLabel`                           | `step-4_bank-name-label`                             | Label text for the bank name input field                                                                   | `string`                                                                                                             | `"Bank Name"`                                                                                                                                                                   |
-| `step4_bankPostalCodeLabel`                     | `step-4_bank-postal-code-label`                      | Label text for the Bank Postal Code                                                                        | `string`                                                                                                             | `"Bank Postal Code"`                                                                                                                                                            |
-| `step4_bankStateLabel`                          | `step-4_bank-state-label`                            | Label text for the Bank Province / State input                                                             | `string`                                                                                                             | `"Bank Province / State"`                                                                                                                                                       |
-| `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              | Label text for the beneficiary account name input field                                                    | `string`                                                                                                             | `"Beneficiary Account Name"`                                                                                                                                                    |
-| `step4_branchCodeLabel`                         | `step-4_branch-code-label`                           | Label text for the branch code input field                                                                 | `string`                                                                                                             | `"Branch Code"`                                                                                                                                                                 |
-| `step4_businessSelectItemLabel`                 | `step-4_business-select-item-label`                  | Label text for the business select item                                                                    | `string`                                                                                                             | `"Business"`                                                                                                                                                                    |
-| `step4_cannotChangeInfoAlert`                   | `step-4_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."` |
-| `step4_checkingSelectItemLabel`                 | `step-4_checking-select-item-label`                  | Label text for the checking account type select item                                                       | `string`                                                                                                             | `"Checking"`                                                                                                                                                                    |
-| `step4_classificationCPFLabel`                  | `step-4_classification-c-p-f-label`                  | Label text for the classification CPF input field                                                          | `string`                                                                                                             | `"Classification CPF"`                                                                                                                                                          |
-| `step4_classificationEntityLabel`               | `step-4_classification-entity-label`                 | Label text for the classification entity input field                                                       | `string`                                                                                                             | `"Classification Entity"`                                                                                                                                                       |
-| `step4_classificationLabel`                     | `step-4_classification-label`                        | Label text for the classification input field                                                              | `string`                                                                                                             | `"Classification"`                                                                                                                                                              |
-| `step4_directlyToBankAccount`                   | `step-4_directly-to-bank-account`                    | Text for the option to receive payments directly to a bank account                                         | `string`                                                                                                             | `"Directly to my bank account"`                                                                                                                                                 |
-| `step4_eftWithdrawalLabel`                      | `step-4_eft-withdrawal-label`                        |                                                                                                            | `string`                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                       |
-| `step4_foreignSelectItemLabel`                  | `step-4_foreign-select-item-label`                   | Label text for the foreign select item                                                                     | `string`                                                                                                             | `"Foreign"`                                                                                                                                                                     |
-| `step4_fxWireProcessingFeeLabel`                | `step-4_fx-wire-processing-fee-label`                |                                                                                                            | `string`                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                        |
-| `step4_ibanLabel`                               | `step-4_iban-label`                                  | Label text for the IBAN input field                                                                        | `string`                                                                                                             | `"IBAN"`                                                                                                                                                                        |
-| `step4_individualSelectItemLabel`               | `step-4_individual-select-item-label`                | Label text for the individual select item                                                                  | `string`                                                                                                             | `"Individual"`                                                                                                                                                                  |
-| `step4_patronymicNameLabel`                     | `step-4_patronymic-name-label`                       | Label text for the patronymic name input field                                                             | `string`                                                                                                             | `"Patronymic Name"`                                                                                                                                                             |
-| `step4_payPalInputLabel`                        | `step-4_pay-pal-input-label`                         | Label text for the PayPal email input field                                                                | `string`                                                                                                             | `"PayPal Email"`                                                                                                                                                                |
-| `step4_paymentDayFifteenthOfMonthLabelText`     | `step-4_payment-day-fifteenth-of-month-label-text`   | Label text for the payment day select option for the fifteenth of the month                                | `string`                                                                                                             | `"15th of the month"`                                                                                                                                                           |
-| `step4_paymentDayFirstOfMonthLabelText`         | `step-4_payment-day-first-of-month-label-text`       | Label text for the payment day select option for the first of the month                                    | `string`                                                                                                             | `"1st of the month"`                                                                                                                                                            |
-| `step4_paymentDaySelectLabel`                   | `step-4_payment-day-select-label`                    | Label text for the payment day select                                                                      | `string`                                                                                                             | `"Payment Day"`                                                                                                                                                                 |
-| `step4_paymentMethod`                           | `step-4_payment-method`                              | Heading text for the payment method section                                                                | `string`                                                                                                             | `"Payment Method"`                                                                                                                                                              |
-| `step4_paymentMethodSubtext`                    | `step-4_payment-method-subtext`                      | Subtext for the payment method section                                                                     | `string`                                                                                                             | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                         |
-| `step4_paymentSchedule`                         | `step-4_payment-schedule`                            | Heading text for the payment schedule section                                                              | `string`                                                                                                             | `"Payment Schedule"`                                                                                                                                                            |
-| `step4_paymentScheduleBalanceThreshold`         | `step-4_payment-schedule-balance-threshold`          | Text for the option to receive payments at a specific balance threshold                                    | `string`                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                  |
-| `step4_paymentScheduleFixedDay`                 | `step-4_payment-schedule-fixed-day`                  | Text for the option to receive payments on a specific day of the month                                     | `string`                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                          |
-| `step4_paymentThresholdSelectLabel`             | `step-4_payment-threshold-select-label`              | Label text for the payment day select                                                                      | `string`                                                                                                             | `"Payment Threshold"`                                                                                                                                                           |
-| `step4_routingCodeLabel`                        | `step-4_routing-code-label`                          | Label text for the routing code input field                                                                | `string`                                                                                                             | `"Routing Code"`                                                                                                                                                                |
-| `step4_savingsSelectItemLabel`                  | `step-4_savings-select-item-label`                   | Label text for the savings account type select item                                                        | `string`                                                                                                             | `"Savings"`                                                                                                                                                                     |
-| `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            | Label text for the SWIFT code input field                                                                  | `string`                                                                                                             | `"SWIFT Code"`                                                                                                                                                                  |
-| `step4_taxAndPayouts`                           | `step-4_tax-and-payouts`                             | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax and Payouts"`                                                                                                                                                             |
-| `step4_taxAndPayoutsDescription`                | `step-4_tax-and-payouts-description`                 | Text shown at the top of the page next to the tax and payouts label text                                   | `string`                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                         |
-| `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          | Label text for the Taxpayer ID input field                                                                 | `string`                                                                                                             | `"Beneficiary INN"`                                                                                                                                                             |
-| `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          | Text for the option to receive payments to a PayPal account with processing fee details                    | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                               |
-| `step4_voCodeLabel`                             | `step-4_vo-code-label`                               | Label text for the VO code input field                                                                     | `string`                                                                                                             | `"VO Code"`                                                                                                                                                                     |
-| `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                        |
-| `taxedAmountColumnTitle`                        | `taxed-amount-column-title`                          | Invoice table Taxed Amount column title                                                                    | `string`                                                                                                             | `"Taxed Amount"`                                                                                                                                                                |
+| Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                                                                                             |
+| ----------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`                                    | `back-button`                                        | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                                                                                            |
+| `cancelButton`                                  | `cancel-button`                                      | Text shown inside of cancel button                                                                         | `string`                                                                                                             | `"Cancel"`                                                                                                                                                                                                                                          |
+| `continueButton`                                | `continue-button`                                    | Text for the continue button in the form                                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                                                                                        |
+| `dashboard_accountText`                         | `dashboard_account-text`                             | Text shown before account number                                                                           | `string`                                                                                                             | `"Account"`                                                                                                                                                                                                                                         |
+| `dashboard_badgeTextAwaitingReview`             | `dashboard_badge-text-awaiting-review`               | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                                                                                                  |
+| `dashboard_badgeTextSubmittedOn`                | `dashboard_badge-text-submitted-on`                  | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}."`                                                                                                                                                                                                                   |
+| `dashboard_badgeTextSubmittedOnW8`              | `dashboard_badge-text-submitted-on-w-8`              | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                                                                                           |
+| `dashboard_bankingInformationSectionHeader`     | `dashboard_banking-information-section-header`       | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Payout Information"`                                                                                                                                                                                                                              |
+| `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          | Text displayed in the edit Payment Information button                                                      | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                                                                                         |
+| `dashboard_errorDescriptionText`                | `dashboard_error-description-text`                   | Error alert description shown above payout details card                                                    | `string`                                                                                                             | `"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."` |
+| `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         | Error alert header shown above payout details card                                                         | `string`                                                                                                             | `"Your payout is on hold "`                                                                                                                                                                                                                         |
+| `dashboard_indirectTaxDetails`                  | `dashboard_indirect-tax-details`                     | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
+| `dashboard_indirectTaxInfoCanada`               | `dashboard_indirect-tax-info-canada`                 | Country/Province description text of indirect tax                                                          | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                                                                                             |
+| `dashboard_indirectTaxInfoOtherCountry`         | `dashboard_indirect-tax-info-other-country`          | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                                                                                         |
+| `dashboard_indirectTaxInfoSectionHeader`        | `dashboard_indirect-tax-info-section-header`         | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect tax"`                                                                                                                                                                                                                                    |
+| `dashboard_indirectTaxInfoSpain`                | `dashboard_indirect-tax-info-spain`                  | Spain/Region description text of indirect tax                                                              | `string`                                                                                                             | `"Registered in {country}, {subRegion}"`                                                                                                                                                                                                            |
+| `dashboard_indirectTaxTooltipSupport`           | `dashboard_indirect-tax-tooltip-support`             | Indirect tax tooltip text for support                                                                      | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                                                                                                       |
+| `dashboard_invalidForm`                         | `dashboard_invalid-form`                             | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Make sure your information is correct and submit new form."`                                                                                                                                                                                      |
+| `dashboard_newFormButton`                       | `dashboard_new-form-button`                          | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                                                                                                 |
+| `dashboard_noFormNeededSubtext`                 | `dashboard_no-form-needed-subtext`                   | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
+| `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
+| `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
+| `dashboard_statusBadgeText`                     | `dashboard_status-badge-text`                        | Badge text indicating payout status                                                                        | `string`                                                                                                             | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
+| `dashboard_statusTextActive`                    | `dashboard_status-text-active`                       | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                                                                                          |
+| `dashboard_statusTextNotActive`                 | `dashboard_status-text-not-active`                   | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                                                                                                |
+| `dashboard_statusTextNotVerified`               | `dashboard_status-text-not-verified`                 | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                                                                                                    |
+| `dashboard_subRegionTaxNumber`                  | `dashboard_sub-region-tax-number`                    | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income tax number: {incomeTaxNumber}"`                                                                                                                                                                                                            |
+| `dashboard_taxAlertHeaderNotActiveW8`           | `dashboard_tax-alert-header-not-active-w-8`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                                                                                              |
+| `dashboard_taxAlertHeaderNotActiveW9`           | `dashboard_tax-alert-header-not-active-w-9`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                                                                                       |
+| `dashboard_taxAlertNotActiveMessageW8`          | `dashboard_tax-alert-not-active-message-w-8`         | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                                                                                                            |
+| `dashboard_taxAlertNotActiveMessageW9`          | `dashboard_tax-alert-not-active-message-w-9`         | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                                                                                                      |
+| `dashboard_taxDocumentSectionHeader`            | `dashboard_tax-document-section-header`              | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                                                                                                   |
+| `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                                                                                         |
+| `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    | Text shown above current balance indicating required balance for next payout                               | `string`                                                                                                             | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
+| `dateColumnTitle`                               | `date-column-title`                                  | Invoice table Date column title                                                                            | `string`                                                                                                             | `"Date"`                                                                                                                                                                                                                                            |
+| `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; setStep?: (value: string) => void; step?: string; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                                                                                         |
+| `earningsAfterTaxColumnTitle`                   | `earnings-after-tax-column-title`                    | Invoice table Earnings after tax column title                                                              | `string`                                                                                                             | `"Earnings after tax"`                                                                                                                                                                                                                              |
+| `earningsColumnTitle`                           | `earnings-column-title`                              | Invoice table Earnings column title                                                                        | `string`                                                                                                             | `"Earnings"`                                                                                                                                                                                                                                        |
+| `fieldInvalidError`                             | `field-invalid-error`                                | Invalid error text shown at the bottom of field inputs                                                     | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                                                                                          |
+| `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                                                                                         |
+| `formStep`                                      | `form-step`                                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step {step} of {count}"`                                                                                                                                                                                                                          |
+| `generalErrorDescription`                       | `general-error-description`                          | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                                       |
+| `generalErrorTitle`                             | `general-error-title`                                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                                                                                                 |
+| `invoiceColumnTitle`                            | `invoice-column-title`                               | Invoice table Invoice column title                                                                         | `string`                                                                                                             | `"Invoice"`                                                                                                                                                                                                                                         |
+| `isPartnerAlertDescription`                     | `is-partner-alert-description`                       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`                                                                         |
+| `isPartnerAlertHeader`                          | `is-partner-alert-header`                            | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                                        |
+| `loadingErrorAlertDescription`                  | `loading-error-alert-description`                    | Alert description shown if there is a problem loading a form                                               | `string`                                                                                                             | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                                              |
+| `loadingErrorAlertHeader`                       | `loading-error-alert-header`                         | Alert header shown if there is a problem loading a form                                                    | `string`                                                                                                             | `"There was a problem loading your form"`                                                                                                                                                                                                           |
+| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                                                                                         |
+| `step1_country`                                 | `step-1_country`                                     | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                                                                                         |
+| `step1_currency`                                | `step-1_currency`                                    | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                                                                                        |
+| `step1_currencyHelpText`                        | `step-1_currency-help-text`                          | Help text shown underneath currency input                                                                  | `string`                                                                                                             | `"Choose your preferred payout currency"`                                                                                                                                                                                                           |
+| `step1_email`                                   | `step-1_email`                                       | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                                                                                           |
+| `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                                                                                                      |
+| `step1_lastName`                                | `step-1_last-name`                                   | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                                                                                                       |
+| `step1_personalInformation`                     | `step-1_personal-information`                        | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                                                                                            |
+| `step1_termsAndConditionsLabel`                 | `step-1_terms-and-conditions-label`                  | Label text for terms and conditions                                                                        | `string`                                                                                                             | `"terms and conditions"`                                                                                                                                                                                                                            |
+| `step2_cannotChangeInfoAlert`                   | `step-2_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"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."`                                                                    |
+| `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                                                                                                    |
+| `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                                                                                                  |
+| `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect tax details"`                                                                                                                                                                                                                            |
+| `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"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."`                                                                             |
+| `step2_indirectTaxNumber`                       | `step-2_indirect-tax-number`                         | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"`                                                                                                             |
+| `step2_indirectTaxNumberError`                  | `step-2_indirect-tax-number-error`                   | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"`                                                                                                 |
+| `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                                                                                                     |
+| `step2_isRegisteredSubRegionIncomeTax`          | `step-2_is-registered-sub-region-income-tax`         | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                                                      |
+| `step2_notRegistered`                           | `step-2_not-registered`                              | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"Not registered for indirect tax"`                                                                                                                                                                                                                 |
+| `step2_notRegisteredSubtext`                    | `step-2_not-registered-subtext`                      | Subtext for the option indicating not being registered for indirect tax                                    | `string`                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                                                 |
+| `step2_otherRegion`                             | `step-2_other-region`                                | Label test for the option indicating registration for indirect tax                                         | `string`                                                                                                             | `"Registered for indirect tax"`                                                                                                                                                                                                                     |
+| `step2_otherRegionSubtext`                      | `step-2_other-region-subtext`                        | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                                                     |
+| `step2_province`                                | `step-2_province`                                    | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                                                                                        |
+| `step2_qstNumber`                               | `step-2_qst-number`                                  | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST number"`                                                                                                                                                                                                                                      |
+| `step2_selectedRegion`                          | `step-2_selected-region`                             | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / region of indirect tax"`                                                                                                                                                                                                                |
+| `step2_subRegion`                               | `step-2_sub-region`                                  | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                                                                                                      |
+| `step2_subRegionTaxNumberLabel`                 | `step-2_sub-region-tax-number-label`                 | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                                                                                               |
+| `step3_banner`                                  | `step-3_banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                                                                                               |
+| `step3_businessEntity`                          | `step-3_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business"`                                                                                                                                                                                                                          |
+| `step3_checkboxDescription`                     | `step-3_checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                                                                                                      |
+| `step3_checkboxLabel`                           | `step-3_checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                                                                                                 |
+| `step3_docusignCompleted`                       | `step-3_docusign-completed`                          | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                                                                                                 |
+| `step3_docusignError`                           | `step-3_docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                                                                                                  |
+| `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`                                                                                  |
+| `step3_formSubmissionError`                     | `step-3_form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                                                                                          |
+| `step3_individualParticipant`                   | `step-3_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                                                                                                  |
+| `step3_participantType`                         | `step-3_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                                                                                                |
+| `step3_refreshButton`                           | `step-3_refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                                                                                                    |
+| `step3_taxForm`                                 | `step-3_tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                                                                                        |
+| `step3_taxFormDescription`                      | `step-3_tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US need to submit a {documentType} form."`                                                                                                                                                                              |
+| `step3_taxFormDescriptionBusinessEntity`        | `step-3_tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                             | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                                                                                                   |
+| `step3_taxFormDescriptionIndividualParticipant` | `step-3_tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                             | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                                                                                                              |
+| `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                                                                                         |
+| `step4_agencyCodeLabel`                         | `step-4_agency-code-label`                           | Label text for the agency code input field                                                                 | `string`                                                                                                             | `"Agency code"`                                                                                                                                                                                                                                     |
+| `step4_bankAccountNumberLabel`                  | `step-4_bank-account-number-label`                   | Label text for the bank account number input field                                                         | `string`                                                                                                             | `"Bank account number"`                                                                                                                                                                                                                             |
+| `step4_bankAccountTypeLabel`                    | `step-4_bank-account-type-label`                     | Label text for the bank account type input field                                                           | `string`                                                                                                             | `"Bank account type"`                                                                                                                                                                                                                               |
+| `step4_bankAddressLabel`                        | `step-4_bank-address-label`                          | Label text for the Bank Address input                                                                      | `string`                                                                                                             | `"Bank address"`                                                                                                                                                                                                                                    |
+| `step4_bankCityLabel`                           | `step-4_bank-city-label`                             | Label text for the Bank City input                                                                         | `string`                                                                                                             | `"Bank city"`                                                                                                                                                                                                                                       |
+| `step4_bankLocationLabel`                       | `step-4_bank-location-label`                         | Label text for the bank country location input field                                                       | `string`                                                                                                             | `"Bank country location"`                                                                                                                                                                                                                           |
+| `step4_bankNameLabel`                           | `step-4_bank-name-label`                             | Label text for the bank name input field                                                                   | `string`                                                                                                             | `"Bank name"`                                                                                                                                                                                                                                       |
+| `step4_bankPostalCodeLabel`                     | `step-4_bank-postal-code-label`                      | Label text for the Bank Postal Code                                                                        | `string`                                                                                                             | `"Bank postal code"`                                                                                                                                                                                                                                |
+| `step4_bankStateLabel`                          | `step-4_bank-state-label`                            | Label text for the Bank Province / State input                                                             | `string`                                                                                                             | `"Bank Province / State"`                                                                                                                                                                                                                           |
+| `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              | Label text for the beneficiary account name input field                                                    | `string`                                                                                                             | `"Beneficiary Account Name"`                                                                                                                                                                                                                        |
+| `step4_branchCodeLabel`                         | `step-4_branch-code-label`                           | Label text for the branch code input field                                                                 | `string`                                                                                                             | `"Branch code"`                                                                                                                                                                                                                                     |
+| `step4_businessSelectItemLabel`                 | `step-4_business-select-item-label`                  | Label text for the business select item                                                                    | `string`                                                                                                             | `"Business"`                                                                                                                                                                                                                                        |
+| `step4_cannotChangeInfoAlert`                   | `step-4_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."`                                                                     |
+| `step4_checkingSelectItemLabel`                 | `step-4_checking-select-item-label`                  | Label text for the checking account type select item                                                       | `string`                                                                                                             | `"Checking"`                                                                                                                                                                                                                                        |
+| `step4_classificationCPFLabel`                  | `step-4_classification-c-p-f-label`                  | Label text for the classification CPF input field                                                          | `string`                                                                                                             | `"Classification CPF"`                                                                                                                                                                                                                              |
+| `step4_classificationEntityLabel`               | `step-4_classification-entity-label`                 | Label text for the classification entity input field                                                       | `string`                                                                                                             | `"Classification entity"`                                                                                                                                                                                                                           |
+| `step4_classificationLabel`                     | `step-4_classification-label`                        | Label text for the classification input field                                                              | `string`                                                                                                             | `"Classification"`                                                                                                                                                                                                                                  |
+| `step4_directlyToBankAccount`                   | `step-4_directly-to-bank-account`                    | Text for the option to receive payments directly to a bank account                                         | `string`                                                                                                             | `"Directly to my bank account"`                                                                                                                                                                                                                     |
+| `step4_eftWithdrawalLabel`                      | `step-4_eft-withdrawal-label`                        |                                                                                                            | `string`                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                                                                                           |
+| `step4_foreignSelectItemLabel`                  | `step-4_foreign-select-item-label`                   | Label text for the foreign select item                                                                     | `string`                                                                                                             | `"Foreign"`                                                                                                                                                                                                                                         |
+| `step4_fxWireProcessingFeeLabel`                | `step-4_fx-wire-processing-fee-label`                |                                                                                                            | `string`                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                                            |
+| `step4_ibanLabel`                               | `step-4_iban-label`                                  | Label text for the IBAN input field                                                                        | `string`                                                                                                             | `"IBAN"`                                                                                                                                                                                                                                            |
+| `step4_individualSelectItemLabel`               | `step-4_individual-select-item-label`                | Label text for the individual select item                                                                  | `string`                                                                                                             | `"Individual"`                                                                                                                                                                                                                                      |
+| `step4_patronymicNameLabel`                     | `step-4_patronymic-name-label`                       | Label text for the patronymic name input field                                                             | `string`                                                                                                             | `"Patronymic name"`                                                                                                                                                                                                                                 |
+| `step4_payPalInputLabel`                        | `step-4_pay-pal-input-label`                         | Label text for the PayPal email input field                                                                | `string`                                                                                                             | `"PayPal email"`                                                                                                                                                                                                                                    |
+| `step4_paymentDayFifteenthOfMonthLabelText`     | `step-4_payment-day-fifteenth-of-month-label-text`   | Label text for the payment day select option for the fifteenth of the month                                | `string`                                                                                                             | `"15th of the month"`                                                                                                                                                                                                                               |
+| `step4_paymentDayFirstOfMonthLabelText`         | `step-4_payment-day-first-of-month-label-text`       | Label text for the payment day select option for the first of the month                                    | `string`                                                                                                             | `"1st of the month"`                                                                                                                                                                                                                                |
+| `step4_paymentDaySelectLabel`                   | `step-4_payment-day-select-label`                    | Label text for the payment day select                                                                      | `string`                                                                                                             | `"Payment Day"`                                                                                                                                                                                                                                     |
+| `step4_paymentMethod`                           | `step-4_payment-method`                              | Heading text for the payment method section                                                                | `string`                                                                                                             | `"Payment method"`                                                                                                                                                                                                                                  |
+| `step4_paymentMethodSubtext`                    | `step-4_payment-method-subtext`                      | Subtext for the payment method section                                                                     | `string`                                                                                                             | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                                             |
+| `step4_paymentSchedule`                         | `step-4_payment-schedule`                            | Heading text for the payment schedule section                                                              | `string`                                                                                                             | `"Payment schedule"`                                                                                                                                                                                                                                |
+| `step4_paymentScheduleBalanceThreshold`         | `step-4_payment-schedule-balance-threshold`          | Text for the option to receive payments at a specific balance threshold                                    | `string`                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                                      |
+| `step4_paymentScheduleFixedDay`                 | `step-4_payment-schedule-fixed-day`                  | Text for the option to receive payments on a specific day of the month                                     | `string`                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                                                                                              |
+| `step4_paymentThresholdSelectLabel`             | `step-4_payment-threshold-select-label`              | Label text for the payment day select                                                                      | `string`                                                                                                             | `"Payment threshold"`                                                                                                                                                                                                                               |
+| `step4_routingCodeLabel`                        | `step-4_routing-code-label`                          | Label text for the routing code input field                                                                | `string`                                                                                                             | `"Routing code"`                                                                                                                                                                                                                                    |
+| `step4_savingsSelectItemLabel`                  | `step-4_savings-select-item-label`                   | Label text for the savings account type select item                                                        | `string`                                                                                                             | `"Savings"`                                                                                                                                                                                                                                         |
+| `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            | Label text for the SWIFT code input field                                                                  | `string`                                                                                                             | `"SWIFT code"`                                                                                                                                                                                                                                      |
+| `step4_taxAndPayouts`                           | `step-4_tax-and-payouts`                             | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax and Payouts"`                                                                                                                                                                                                                                 |
+| `step4_taxAndPayoutsDescription`                | `step-4_tax-and-payouts-description`                 | Text shown at the top of the page next to the tax and payouts label text                                   | `string`                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                                             |
+| `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          | Label text for the Taxpayer ID input field                                                                 | `string`                                                                                                             | `"Beneficiary INN"`                                                                                                                                                                                                                                 |
+| `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          | Text for the option to receive payments to a PayPal account with processing fee details                    | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                                                   |
+| `step4_voCodeLabel`                             | `step-4_vo-code-label`                               | Label text for the VO code input field                                                                     | `string`                                                                                                             | `"VO code"`                                                                                                                                                                                                                                         |
+| `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                                                                                            |
+| `taxedAmountColumnTitle`                        | `taxed-amount-column-title`                          | Invoice table Taxed Amount column title                                                                    | `string`                                                                                                             | `"Taxed Amount"`                                                                                                                                                                                                                                    |
 
 
 ## Dependencies

From b88c4eba748cabec5f92a14624b2db92cd491497 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Wed, 13 Mar 2024 15:44:03 -0700
Subject: [PATCH 520/753] fix icon alignment

---
 packages/mint-components/src/components.d.ts  | 38 -------------------
 .../sqm-payout-details-card-view.tsx          |  4 ++
 2 files changed, 4 insertions(+), 38 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 3541afbc14..5f0853e611 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1290,17 +1290,6 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate": string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle": string;
-        "renderCell": (_: Invoice) => Promise<any>;
-        "renderLabel": () => Promise<string>;
-    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -5122,18 +5111,6 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
-    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableCellElement: {
-        prototype: HTMLSqmInvoiceTableCellElement;
-        new (): HTMLSqmInvoiceTableCellElement;
-    };
-    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableColumnElement: {
-        prototype: HTMLSqmInvoiceTableColumnElement;
-        new (): HTMLSqmInvoiceTableColumnElement;
-    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5654,8 +5631,6 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
-        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
-        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6983,15 +6958,6 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate"?: string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle"?: string;
-    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -10646,8 +10612,6 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
-        "sqm-invoice-table-cell": SqmInvoiceTableCell;
-        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10763,8 +10727,6 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
-            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
-            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index fde5528fd6..047b02e43e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -119,9 +119,13 @@ const style = {
       border: "1px solid var(--sl-color-warning-300)",
       padding: "0 16px",
     },
+    "& sl-icon": {
+      margin: 0,
+    },
 
     "& sl-icon::part(base)": {
       color: "var(--sl-color-warning-500)",
+      margin: 0,
     },
   },
   AlertContent: {

From 4b3043c58efe7ea8c32de45724d16e9bfad99d34 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 13 Mar 2024 15:54:33 -0700
Subject: [PATCH 521/753] added spec

---
 .../src/components/tax-and-cash/sqm-tax-form.feature   | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 777c4a6199..bd4d924d9f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -200,4 +200,12 @@ Feature: Tax Form Flow
     And they have previously saved withdrawal/banking information
     When they successfully submit a tax document
     Then they are sent to the Dashboard step
-    And they skip the banking info form step
\ No newline at end of file
+    And they skip the banking info form step
+
+  @minutia
+  Scenario: Error banner is shown if impact user graphql request has an error
+    Given a user is viewing the component
+    And the request for the user returns with errors
+    Then the form / dashboard is not shown
+    And an error banner is shown
+

From 2d56c1c4b476e53262b8ade0b4123913e74c2e48 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 13 Mar 2024 15:58:39 -0700
Subject: [PATCH 522/753] clean up

---
 .../sqm-context-router/ContextRouter.feature  | 61 -------------------
 1 file changed, 61 deletions(-)
 delete mode 100644 packages/mint-components/src/components/sqm-context-router/ContextRouter.feature

diff --git a/packages/mint-components/src/components/sqm-context-router/ContextRouter.feature b/packages/mint-components/src/components/sqm-context-router/ContextRouter.feature
deleted file mode 100644
index bdad095cb3..0000000000
--- a/packages/mint-components/src/components/sqm-context-router/ContextRouter.feature
+++ /dev/null
@@ -1,61 +0,0 @@
-Feature: Router
-
-  The router allows routing between different components through a virtual history
-
-  Scenario: Default route
-    Given there is a route for "/"
-    And there is a route for "/stuff"
-    When the router renders
-    Then the route for "/" will be displayed
-
-  Scenario: Changing pages
-    Given there is a route for "/"
-    And there is a route for "/stuff"
-    When the router renders
-    Then the route for "/" will be displayed
-    When "/stuff" is pushed to squatchHistory
-    Then the route for "/stuff" will be displayed
-    When "/" is pushed to squatchHistory
-    Then the route for "/" will be displayed
-
-  Scenario: Going back
-    Given there is a route for "/"
-    And there is a route for "/stuff"
-    And there is a route for "/things"
-    When the router renders
-    Then the route for "/" will be displayed
-    When "/stuff" is pushed to squatchHistory
-    Then the route for "/stuff" will be displayed
-    When "/things" is pushed to squatchHistory
-    Then the route for "/things" will be displayed
-    When squatchHistory pops an element
-    Then the route for "/stuff" will be displayed
-    When squatchHistory pops an element
-    Then the route for "/" will be displayed
-
-  Scenario: Template has precedence over route
-    Given there is a route for "/"
-    And there is a template for "/"
-    And there is a route for "/stuff"
-    When the router renders
-    Then the template for "/" will be rendered
-    When "/stuff" is pushed to squatchHistory
-    Then the route for "/stuff" will be displayed
-    When "/" is pushed to squatchHistory
-    Then the template for "/" will be displayed
-
-  Scenario: First matching element is chosen, with precedence
-    Given the following elements are declared in order on the DOM:
-      | type     | path   | id     |
-      | route    | /      | RootA  |
-      | route    | /      | RootB  |
-      | template | /      | RootC  |
-      | template | /      | RootD  |
-      | route    | /stuff | StuffA |
-      | route    | /stuff | StuffB |
-    When the router renders
-    Then RootC will be rendered
-    When "/stuff" is pushed to squatchHistory
-    Then StuffA will be rendered
-    When "/" is pushed to squatchHistory
-    Then RootC will be rendered
\ No newline at end of file

From 0a15667b62f97658eb471e33b8ff4bf7b3d596f9 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Wed, 13 Mar 2024 16:03:56 -0700
Subject: [PATCH 523/753] update error banner style

---
 packages/mint-components/package-lock.json    |  4 +-
 .../tax-and-cash/TaxForm.stories.tsx          | 12 +++++
 .../sqm-payout-details-card-view.tsx          |  2 +-
 .../sqm-tax-and-cash/ErrorView.tsx            | 47 +++++++++++++++++++
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 15 ++----
 5 files changed, 67 insertions(+), 13 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/ErrorView.tsx

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 5077f0a247..03a70cfd81 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-67",
+  "version": "1.8.0-68",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-67",
+      "version": "1.8.0-68",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index e0605152b6..324526473f 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -16,6 +16,7 @@ import LoadingView from "./sqm-tax-and-cash/LoadingView";
 // import sqmUserInfoSpecs from "./sqm-tax-document-step-1.feature";
 // import sqmIndirectTaxFormSpecs from "../sqm-indirect-tax-form/sqm-indirect-tax-form.feature";
 import { taxTypeToName } from "./utils";
+import { ErrorView } from "./sqm-tax-and-cash/ErrorView";
 
 export default {
   title: "Components/Tax Form",
@@ -189,6 +190,17 @@ export const GeneralLoadingView = () => {
   return <LoadingView />;
 };
 
+export const GeneralErrorView = () => {
+  return (
+    <ErrorView
+      loadingErrorAlertHeader={"There was a problem loading your form"}
+      loadingErrorAlertDescription={
+        "Please refresh the page and try again. If this problem continues, contact Support."
+      }
+    />
+  );
+};
+
 // STEP ONE
 export const StepOne = () => {
   return <sqm-user-info-form demoData={stepOneProps} />;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index 047b02e43e..1baffc9cca 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -116,7 +116,7 @@ const style = {
   Alert: {
     "&::part(base)": {
       backgroundColor: "var(--sl-color-warning-100)",
-      border: "1px solid var(--sl-color-warning-300)",
+      border: "1px solid var(--sl-color-warning-200)",
       padding: "0 16px",
     },
     "& sl-icon": {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/ErrorView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/ErrorView.tsx
new file mode 100644
index 0000000000..26444e57cf
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/ErrorView.tsx
@@ -0,0 +1,47 @@
+import { Host, h } from "@stencil/core";
+import { createStyleSheet } from "../../../styling/JSS";
+
+interface ErrorProps {
+  loadingErrorAlertHeader: string;
+  loadingErrorAlertDescription: string;
+}
+
+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: ErrorProps) => {
+  const sheet = createStyleSheet(styles);
+  const styleString = sheet.toString();
+  const { classes } = sheet;
+  return (
+    <div>
+      <style>{styleString}</style>
+      <sl-alert
+        exportparts="base: alert-base, icon:alert-icon"
+        type="danger"
+        open
+        class={classes.Alert}
+      >
+        <sl-icon slot="icon" name="exclamation-octagon" class="Error"></sl-icon>
+        <strong>{props.loadingErrorAlertHeader}</strong>
+        <br />
+        {props.loadingErrorAlertDescription}
+      </sl-alert>
+    </div>
+  );
+};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 88b589d1c0..e5ee9be45d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -9,6 +9,7 @@ import { TAX_CONTEXT_NAMESPACE } from "./data";
 import { extractProps } from "./extractProps";
 import { UseTaxAndCashResultType, useTaxAndCash } from "./useTaxAndCash";
 import { isDemo } from "@saasquatch/component-boilerplate";
+import { ErrorView } from "./ErrorView";
 
 /**
  * @uiName Tax and Cash
@@ -1056,16 +1057,10 @@ export class TaxAndCashMonolith {
         );
       case "/error":
         return (
-          <sl-alert
-            exportparts="base: alert-base, icon:alert-icon"
-            type="danger"
-            open
-          >
-            <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
-            <strong>{this.loadingErrorAlertHeader}</strong>
-            <br />
-            {this.loadingErrorAlertDescription}
-          </sl-alert>
+          <ErrorView
+            loadingErrorAlertHeader={this.loadingErrorAlertHeader}
+            loadingErrorAlertDescription={this.loadingErrorAlertDescription}
+          />
         );
     }
 

From 584faf61dd6e4ea48e26cf708786aee4c48dc528 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 13 Mar 2024 17:05:41 -0700
Subject: [PATCH 524/753] Changed status state prop to badgeStatus in
 payoutdetailscard. Refactored tax dashboard stores

---
 packages/mint-components/src/components.d.ts  | 38 ++++++++++
 .../tax-and-cash/TaxForm.stories.tsx          | 76 ++++++++++++-------
 .../PayoutDetailsCard.stories.tsx             | 14 +++-
 .../sqm-payout-details-card-view.tsx          |  9 ++-
 .../sqm-payout-details-card.tsx               |  2 +-
 .../usePayoutDetailsCard.ts                   |  2 +-
 .../sqm-tax-and-cash-dashboard.tsx            |  4 +-
 7 files changed, 109 insertions(+), 36 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 5f0853e611..3541afbc14 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1290,6 +1290,17 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
+    interface SqmInvoiceTableCell {
+        "innerTemplate": string;
+    }
+    interface SqmInvoiceTableColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle": string;
+        "renderCell": (_: Invoice) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -5111,6 +5122,18 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
+    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableCellElement: {
+        prototype: HTMLSqmInvoiceTableCellElement;
+        new (): HTMLSqmInvoiceTableCellElement;
+    };
+    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
+    }
+    var HTMLSqmInvoiceTableColumnElement: {
+        prototype: HTMLSqmInvoiceTableColumnElement;
+        new (): HTMLSqmInvoiceTableColumnElement;
+    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5631,6 +5654,8 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
+        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
+        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6958,6 +6983,15 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
+    interface SqmInvoiceTableCell {
+        "innerTemplate"?: string;
+    }
+    interface SqmInvoiceTableColumn {
+        /**
+          * @uiName Column title
+         */
+        "columnTitle"?: string;
+    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -10612,6 +10646,8 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
+        "sqm-invoice-table-cell": SqmInvoiceTableCell;
+        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10727,6 +10763,8 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
+            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
+            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 324526473f..51a2d3a372 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -12,11 +12,13 @@ import {
 import { UseUserInfoFormResult } from "./sqm-user-info-form/useUserInfoForm";
 import { DocusignStatus } from "./sqm-docusign-form/docusign-iframe/DocusignIframe";
 import { BankingInfoFormViewProps } from "./sqm-banking-info-form/sqm-banking-info-form-view";
+import { TaxAndCashDashboardProps } from "./sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view";
 import LoadingView from "./sqm-tax-and-cash/LoadingView";
 // import sqmUserInfoSpecs from "./sqm-tax-document-step-1.feature";
 // import sqmIndirectTaxFormSpecs from "../sqm-indirect-tax-form/sqm-indirect-tax-form.feature";
 import { taxTypeToName } from "./utils";
 import { ErrorView } from "./sqm-tax-and-cash/ErrorView";
+import { NextPayout } from "./sqm-payout-details-card/PayoutDetailsCard.stories";
 
 export default {
   title: "Components/Tax Form",
@@ -186,6 +188,32 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
   },
 };
 
+const dashboardProps: StoryDemoData<TaxAndCashDashboardProps> = {
+  states: {
+    canEditPayoutInfo: true,
+    disabled: false,
+    status: "ACTIVE",
+    documentType: "W9",
+    documentTypeString: taxTypeToName("W9"),
+    dateSubmitted: "Jan 18th, 2025",
+    noFormNeeded: false,
+    country: "United Kingdom",
+    indirectTaxNumber: "123456",
+    indirectTaxType: "VAT",
+  },
+  slots: {
+    payoutDetailsCardSlot: (
+      <sqm-payout-details-card
+        demoData={{
+          states: {
+            badgeStatus: "nextPayout",
+          },
+        }}
+      ></sqm-payout-details-card>
+    ),
+  },
+};
+
 export const GeneralLoadingView = () => {
   return <LoadingView />;
 };
@@ -858,18 +886,7 @@ export const TaxAndCashDashboardActiveW9Form = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
-        states: {
-          canEditPayoutInfo: true,
-          disabled: false,
-          status: "ACTIVE",
-          documentType: "W9",
-          documentTypeString: taxTypeToName("W9"),
-          dateSubmitted: "Jan 18th, 2025",
-          noFormNeeded: false,
-          country: "United Kingdom",
-          indirectTaxNumber: "123456",
-          indirectTaxType: "VAT",
-        },
+        ...dashboardProps,
       }}
     ></sqm-tax-and-cash-dashboard>
   );
@@ -879,14 +896,12 @@ export const TaxAndCashDashboardActiveW8BENForm = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
+          noFormNeeded: false,
           canEditPayoutInfo: true,
-          disabled: false,
-          status: "ACTIVE",
           documentType: "W8BEN",
           documentTypeString: taxTypeToName("W8BEN"),
-          dateSubmitted: "Jan 18th, 2025",
-          noFormNeeded: false,
           country: "United Kingdom",
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
@@ -900,14 +915,12 @@ export const TaxAndCashDashboardActiveW8BENEForm = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
+          noFormNeeded: false,
           canEditPayoutInfo: true,
-          disabled: false,
-          status: "ACTIVE",
           documentType: "W8BENE",
           documentTypeString: taxTypeToName("W8BENE"),
-          dateSubmitted: "Jan 18th, 2025",
-          noFormNeeded: false,
           country: "United Kingdom",
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
@@ -921,17 +934,16 @@ export const TaxAndCashDashboardNotActiveW9Form = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
+          noFormNeeded: false,
           canEditPayoutInfo: true,
-          disabled: false,
           status: "NOT_ACTIVE",
           documentType: "W9",
           documentTypeString: taxTypeToName("W9"),
-          dateSubmitted: "Jan 18th, 2025",
-          noFormNeeded: false,
-          indirectTaxNumber: "123456",
+          country: "United Kingdom",
           indirectTaxType: "VAT",
-          country: "Slovania",
+          indirectTaxNumber: "123456",
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -941,13 +953,13 @@ export const TaxAndCashDashboardNotVerifiedW9Form = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
           canEditPayoutInfo: true,
           disabled: false,
           status: "NOT_VERIFIED",
           documentType: "W9",
           documentTypeString: taxTypeToName("W9"),
-          dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "United States",
           indirectTaxType: "VAT",
@@ -962,6 +974,7 @@ export const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
           canEditPayoutInfo: true,
           disabled: false,
@@ -983,6 +996,7 @@ export const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
           canEditPayoutInfo: true,
           disabled: false,
@@ -1004,6 +1018,7 @@ export const TaxAndCashDashboardNotActiveW8BENEForm = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
           canEditPayoutInfo: true,
           disabled: false,
@@ -1025,6 +1040,7 @@ export const TaxAndCashDashboardNoFormNeeded = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
           canEditPayoutInfo: true,
           disabled: false,
@@ -1046,6 +1062,7 @@ export const TaxAndCashDashboardIndirectTaxCanada = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
           canEditPayoutInfo: true,
           status: "ACTIVE",
@@ -1068,6 +1085,7 @@ export const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
           canEditPayoutInfo: true,
           status: "ACTIVE",
@@ -1091,6 +1109,7 @@ export const TaxAndCashDashboardIndirectTaxSpain = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
           canEditPayoutInfo: true,
           status: "ACTIVE",
@@ -1114,6 +1133,7 @@ export const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
           canEditPayoutInfo: true,
           status: "ACTIVE",
@@ -1132,6 +1152,7 @@ export const TaxAndCashDashboardLoading = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
           canEditPayoutInfo: true,
           disabled: false,
@@ -1151,6 +1172,7 @@ export const TaxAndCashDashboardWithLoadingError = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
           disabled: false,
           canEditPayoutInfo: true,
@@ -1171,6 +1193,7 @@ export const TaxAndCashDashboardWithGeneralError = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
           canEditPayoutInfo: true,
           disabled: false,
@@ -1195,6 +1218,7 @@ export const TaxAndCashDashboardDisabled = () => {
   return (
     <sqm-tax-and-cash-dashboard
       demoData={{
+        ...dashboardProps,
         states: {
           canEditPayoutInfo: true,
           disabled: true,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
index bb5e47e1d5..ddaa15254e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.tsx
@@ -29,7 +29,15 @@ export const Error = () => {
 };
 
 export const NextPayout = () => {
-  return <sqm-payout-details-card></sqm-payout-details-card>;
+  return (
+    <sqm-payout-details-card
+      demoData={{
+        states: {
+          badgeStatus: "nextPayout",
+        },
+      }}
+    ></sqm-payout-details-card>
+  );
 };
 
 export const PayoutToday = () => {
@@ -37,7 +45,7 @@ export const PayoutToday = () => {
     <sqm-payout-details-card
       demoData={{
         states: {
-          status: "payoutToday",
+          badgeStatus: "payoutToday",
         },
       }}
     ></sqm-payout-details-card>
@@ -50,7 +58,7 @@ export const ThresholdPayout = () => {
       demoData={{
         states: {
           thresholdBalance: "50 USD",
-          status: "thresholdPayout",
+          badgeStatus: "thresholdPayout",
         },
       }}
     ></sqm-payout-details-card>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index 1baffc9cca..0d748b9159 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -7,7 +7,7 @@ export interface PayoutDetailsCardViewProps {
   states: {
     loading?: boolean;
     balance: string;
-    status: "thresholdPayout" | "payoutToday" | "nextPayout";
+    badgeStatus: "thresholdPayout" | "payoutToday" | "nextPayout";
     payoutType: "PAYPAL" | "BANK_TRANSFER";
     error?: boolean;
     hasW9Pending?: boolean;
@@ -162,6 +162,7 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
   };
 
   const renderStatusBadge = (status: string, statusBadgeText: string) => {
+    console.log(status, statusBadgeText, "debug status text");
     const badgeType = status === "nextPayout" ? "success" : "primary";
     const statusText = intl.formatMessage(
       {
@@ -213,13 +214,13 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
         <div class={classes.CardContainer}>
           <div class={classes.StatusContainer}>
             <p class={classes.SubduedRegularText}>
-              {states.status === "thresholdPayout"
+              {states.badgeStatus === "thresholdPayout"
                 ? thresholdText
                 : states.nextPayoutDate}
             </p>
-            {states.status === "thresholdPayout"
+            {states.badgeStatus === "thresholdPayout"
               ? null
-              : renderStatusBadge(states.status, text.statusBadgeText)}
+              : renderStatusBadge(states.badgeStatus, text.statusBadgeText)}
           </div>
 
           <h1 class={classes.MainCurrency}>{states.balance}</h1>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 5be138c6b0..5baba69ba2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -88,7 +88,7 @@ function useDemoPayoutDetailsCard(props: PayoutDetailsCard) {
         error: false,
         thresholdBalance: "$50",
         mainCurrency: { currencyText: "USD", amountText: "100.00" },
-        status: "nextPayout",
+        badgeStatus: "nextPayout",
         payoutType: "BANK_TRANSFER",
         nextPayoutDate: "March 14, 2024",
         paypalEmailAddress: "joesmith@example.com",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index 74d0d36284..1258d83752 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -62,7 +62,7 @@ export function usePayoutDetailsCard(
       loading,
       thresholdBalance: `${publisher?.currency}${publisher?.withdrawalSettings?.paymentThreshold}`,
       balance: publisher?.payoutsAccount?.balance,
-      status:
+      badgeStatus:
         publisher?.withdrawalSettings?.paymentSchedulingType !== "FIXED_DAY"
           ? "thresholdPayout"
           : isPayoutToday
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 5e394b2180..c966208ee9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -353,7 +353,9 @@ function useDemoTaxAndCashDashboard(
         onEditPayoutInfo: () => console.debug("payout info"),
       },
       slots: {
-        paymentDetailsCardSlot: <NextPayout />,
+        payoutDetailsCardSlot: (
+          <sqm-payout-details-card></sqm-payout-details-card>
+        ),
       },
       text: props.getTextProps(),
     },

From 699b79ac6da76f84fe151552a0fd296a01492554 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 14 Mar 2024 10:41:18 -0700
Subject: [PATCH 525/753] sentence cased bankinginfoform specs

---
 .../sqm-banking-info-form.feature             | 28 +++++++-------
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 38 +++++++++----------
 packages/mint-components/src/index.html       |  6 +--
 3 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index 3974f79597..bafdd405a0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -25,20 +25,20 @@ Feature: Banking Information Form
 
     Examples: 
       | currency | bankCountry                           | fields                                                                                               |
-      | USD      | United States                         | Beneficiary Account Name, Bank Account Type, Bank Account Number, ABA Routing Number                 |
-      | USD      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
-      | USD      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
-      | GBP      | United States                         | Beneficiary Account Name, ABA Routing Number                                                         |
-      | GBP      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
-      | GBP      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
-      | AUD      | United States                         | Beneficiary Account Name, ABA Routing Number                                                         |
-      | AUD      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
-      | AUD      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
-      | CAD      | Canada                                | Beneficiary Account Name, Bank Account Number, Routing Number                                        |
-      | EUR      | United States                         | Beneficiary Account Name, ABA Routing Number                                                         |
-      | EUR      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
-      | EUR      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
-      | JPY      | Japan                                 | Beneficiary Account Name, Bank Account Type, Bank Account Number, SWIFT Code, Bank Name, Branch Code |
+      | USD      | United States                         | Beneficiary account name, Bank account type, Bank account number, ABA routing number                 |
+      | USD      | Canada                                | Beneficiary account name, Bank account number, SWIFT code                                            |
+      | USD      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
+      | GBP      | United States                         | Beneficiary account name, ABA routing number                                                         |
+      | GBP      | Canada                                | Beneficiary account name, Bank account number, SWIFT code                                            |
+      | GBP      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
+      | AUD      | United States                         | Beneficiary account name, ABA routing number                                                         |
+      | AUD      | Canada                                | Beneficiary account name, Bank account number, SWIFT code                                            |
+      | AUD      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
+      | CAD      | Canada                                | Beneficiary account name, Bank account number, routing number                                        |
+      | EUR      | United States                         | Beneficiary account name, ABA routing number                                                         |
+      | EUR      | Canada                                | Beneficiary account name, Bank account number, SWIFT code                                            |
+      | EUR      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
+      | JPY      | Japan                                 | Beneficiary account name, Bank account type, Bank account number, SWIFT code, Bank Name, Branch code |
     # According to mock data currently available
 
   Scenario Outline: Bank country dropdown list is dynamic depending on the partner's currency
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 1bd35d41ac..9ad92cbb0c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -62,20 +62,20 @@ export function useTaxAndCash() {
 
   function setupDemo() {
     // coleton
-    const id =
-      "85438b54a9ccddaf65cdc2a23eb0e098f7e8455dfa612ba28874c21a2418f40f";
-    const accountId =
-      "85438b54a9ccddaf65cdc2a23eb0e098f7e8455dfa612ba28874c21a2418f40f";
+    // const id =
+    //   "85438b54a9ccddaf65cdc2a23eb0e098f7e8455dfa612ba28874c21a2418f40f";
+    // const accountId =
+    //   "85438b54a9ccddaf65cdc2a23eb0e098f7e8455dfa612ba28874c21a2418f40f";
 
     // // andy
     // const id = "12345";
     // const accountId = "12345";
 
     // andy2
-    // const id =
-    //   "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
-    // const accountId =
-    //   "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
+    const id =
+      "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
+    const accountId =
+      "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
 
     // sam
     // const id =
@@ -93,20 +93,11 @@ export function useTaxAndCash() {
     };
 
     // coleton
-    useEffect(() => {
-      setUserIdentity({
-        accountId,
-        id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiODU0MzhiNTRhOWNjZGRhZjY1Y2RjMmEyM2ViMGUwOThmN2U4NDU1ZGZhNjEyYmEyODg3NGMyMWEyNDE4ZjQwZiIsImFjY291bnRJZCI6Ijg1NDM4YjU0YTljY2RkYWY2NWNkYzJhMjNlYjBlMDk4ZjdlODQ1NWRmYTYxMmJhMjg4NzRjMjFhMjQxOGY0MGYifX0.P9AysKA3qMEHk6jC6poi7pr4nhKqtOAJV2jwBjHPJZQ",
-      });
-    }, []);
-
-    // andy
     // useEffect(() => {
     //   setUserIdentity({
     //     accountId,
     //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMGExZTFmYTE3OGQ1MmRlZDAzZTg2YjZiZDAxYThhMDIwNDZkOGJlZjMzNjc2MzRlMTkyNzQ2ZTcxMTljNDFlMyIsImFjY291bnRJZCI6IjBhMWUxZmExNzhkNTJkZWQwM2U4NmI2YmQwMWE4YTAyMDQ2ZDhiZWYzMzY3NjM0ZTE5Mjc0NmU3MTE5YzQxZTMifX0.OO18YDc8LG3XeKJAug1oahqapmHY61RncrbRiK7Yer4",
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiODU0MzhiNTRhOWNjZGRhZjY1Y2RjMmEyM2ViMGUwOThmN2U4NDU1ZGZhNjEyYmEyODg3NGMyMWEyNDE4ZjQwZiIsImFjY291bnRJZCI6Ijg1NDM4YjU0YTljY2RkYWY2NWNkYzJhMjNlYjBlMDk4ZjdlODQ1NWRmYTYxMmJhMjg4NzRjMjFhMjQxOGY0MGYifX0.P9AysKA3qMEHk6jC6poi7pr4nhKqtOAJV2jwBjHPJZQ",
     //   });
     // }, []);
 
@@ -115,10 +106,19 @@ export function useTaxAndCash() {
     //   setUserIdentity({
     //     accountId,
     //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiODBkMjRlOGQ2MTMzYmRjZjg1OTg0NGNhMWZjNzU1MmM1N2Q1ZDA2NjFhN2Y0NmY3OTFlYTA3ODU4MjdhNzBlZCIsImFjY291bnRJZCI6IjgwZDI0ZThkNjEzM2JkY2Y4NTk4NDRjYTFmYzc1NTJjNTdkNWQwNjYxYTdmNDZmNzkxZWEwNzg1ODI3YTcwZWQifX0.8VWa3R_pSeRJeNw07AZPjCdTuTiwBYXOAc-ouVItuYs",
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMGExZTFmYTE3OGQ1MmRlZDAzZTg2YjZiZDAxYThhMDIwNDZkOGJlZjMzNjc2MzRlMTkyNzQ2ZTcxMTljNDFlMyIsImFjY291bnRJZCI6IjBhMWUxZmExNzhkNTJkZWQwM2U4NmI2YmQwMWE4YTAyMDQ2ZDhiZWYzMzY3NjM0ZTE5Mjc0NmU3MTE5YzQxZTMifX0.OO18YDc8LG3XeKJAug1oahqapmHY61RncrbRiK7Yer4",
     //   });
     // }, []);
 
+    // andy
+    useEffect(() => {
+      setUserIdentity({
+        accountId,
+        id,
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiODBkMjRlOGQ2MTMzYmRjZjg1OTg0NGNhMWZjNzU1MmM1N2Q1ZDA2NjFhN2Y0NmY3OTFlYTA3ODU4MjdhNzBlZCIsImFjY291bnRJZCI6IjgwZDI0ZThkNjEzM2JkY2Y4NTk4NDRjYTFmYzc1NTJjNTdkNWQwNjYxYTdmNDZmNzkxZWEwNzg1ODI3YTcwZWQifX0.8VWa3R_pSeRJeNw07AZPjCdTuTiwBYXOAc-ouVItuYs",
+      });
+    }, []);
+
     // sam
     // useEffect(() => {
     //   setUserIdentity({
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 63afe7dd45..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-portal-container>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container> -->
+    </sqm-portal-container>
   </body>
 </html>

From ef0b998d8dd4697f7fd9ec80b394b7682ea9bc5e Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 14 Mar 2024 10:50:22 -0700
Subject: [PATCH 526/753] notregistered default option + spec update

---
 .../sqm-indirect-tax-form.feature             | 20 ++++++-------------
 .../useIndirectTaxForm.tsx                    | 10 +++++++---
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  5 +++--
 .../tax-and-cash/sqm-tax-form.feature         |  1 -
 packages/mint-components/src/index.html       |  6 +++---
 5 files changed, 19 insertions(+), 23 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 9bd3a6fac0..5579ed98d2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -17,11 +17,10 @@ Feature: Indirect Tax Form
     Then they are shown the radio option for indirect tax
     And the option <option> has label <label> and description <description>
 
-    # TODO : Descriptions
     Examples:
-      | option        | label                                                            | description |
-      | notRegistered | I am not registered for Indirect Tax                             | TODO        |
-      | registered    | I am registered for Indirect Tax in a different Country / Region | TODO        |
+      | option        | label                                                            | description                                                                                                                 |
+      | notRegistered | I am not registered for Indirect Tax                             | If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered.             |
+      | registered    | I am registered for Indirect Tax in a different Country / Region | If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more. |
 
   @motivating @ui
   Scenario Outline: Inputs display based on radio option selected
@@ -35,18 +34,11 @@ Feature: Indirect Tax Form
       | registered    | indirectCountryCode | Country / Region of Indirect Tax |
       | registered    | indirectTaxId       | {taxType} Number                 |
 
-  @motivating
-  Scenario Outline: Indirect tax country may be auto-filled
+  @minutia
+  Scenario: "Not registered" is the default option
     Given that a countryCode was selected in Step 1
-    And that countryCode <isSupported> by Impact
     When a user loads Step 2
-    Then the radio option <option> is auto-selected
-    And the "indirectCountryCode" field <mayBe> set to the countryCode selected in Step 1
-
-    Examples:
-      | isSupported      | option        | mayBe  |
-      | is supported     | registered    | is     |
-      | is not supported | notRegistered | is not |
+    Then the radio option "notRegistered" is auto-selected regardless of selected country
 
   @minutia @ui
   Scenario Outline: indirectTaxId field label changes depending on tax type of country selected
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 52f914c17b..55e87cbc20 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -111,15 +111,19 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
 
   const [option, setOption] = useState<
     "hstCanada" | "otherRegion" | "notRegistered"
-  >(null);
+  >("notRegistered");
+
+  const publisher = userData?.user?.impactConnection?.publisher;
 
   useEffect(() => {
+    if (!publisher?.taxInformation?.indirectTaxCountryCode) return;
+
     const _option = getOption(
       _countries?.impactPayoutCountries?.data,
-      userForm.countryCode
+      publisher.taxInformation.indirectTaxCountryCode
     );
     setOption(_option);
-  }, [userForm, _countries]);
+  }, [publisher, _countries]);
 
   useEffect(() => {
     if (countrySearch.trim() === "") {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 176dd60ffc..9da51a5b88 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -247,8 +247,9 @@ export function useTaxAndCash() {
       const user = data?.user;
       if (!user || step !== "/loading") return;
 
-      const currentStep = getCurrentStep(user);
-      setStep(currentStep);
+      // const currentStep = getCurrentStep(user);
+      // setStep(currentStep);
+      setStep("/1");
     }
   }, [host, user, data?.user?.email]);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 777c4a6199..7df3f6a6a7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -57,7 +57,6 @@ Feature: Tax Form Flow
       | has tax info           | is connected     | does have required doc     | does have current doc     | ACTIVE   | do have withdrawal settings       | dashboard |
       | has tax info           | is connected     | does not have required doc | does not have current doc | n/a      | does not have withdrawal settings | step 4    |
       | has tax info           | is connected     | does not have required doc | does not have current doc | n/a      | do have withdrawal settings       | dashboard |
-  # TODO: Can a publisher have tax info but not be connected
 
   @minutia
   Scenario: Participant is already registered as partner, provides indirect tax information, and submit their tax forms
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 63afe7dd45..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-portal-container>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container> -->
+    </sqm-portal-container>
   </body>
 </html>

From aa19f7a744aa67a10adef1bb200a7bafe53ab223 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 14 Mar 2024 10:51:29 -0700
Subject: [PATCH 527/753] cleanup

---
 packages/mint-components/src/components.d.ts  | 38 -------------------
 .../sqm-banking-info-form.feature             | 18 ++++-----
 2 files changed, 7 insertions(+), 49 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 3541afbc14..5f0853e611 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1290,17 +1290,6 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate": string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle": string;
-        "renderCell": (_: Invoice) => Promise<any>;
-        "renderLabel": () => Promise<string>;
-    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -5122,18 +5111,6 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
-    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableCellElement: {
-        prototype: HTMLSqmInvoiceTableCellElement;
-        new (): HTMLSqmInvoiceTableCellElement;
-    };
-    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableColumnElement: {
-        prototype: HTMLSqmInvoiceTableColumnElement;
-        new (): HTMLSqmInvoiceTableColumnElement;
-    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5654,8 +5631,6 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
-        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
-        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6983,15 +6958,6 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate"?: string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle"?: string;
-    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -10646,8 +10612,6 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
-        "sqm-invoice-table-cell": SqmInvoiceTableCell;
-        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10763,8 +10727,6 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
-            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
-            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index 3974f79597..ea29c166c5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -23,7 +23,7 @@ Feature: Banking Information Form
     And the selected bank country is one of <bankCountry>
     Then <fields> are displayed
 
-    Examples: 
+    Examples:
       | currency | bankCountry                           | fields                                                                                               |
       | USD      | United States                         | Beneficiary Account Name, Bank Account Type, Bank Account Number, ABA Routing Number                 |
       | USD      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
@@ -39,14 +39,14 @@ Feature: Banking Information Form
       | EUR      | Canada                                | Beneficiary Account Name, Bank Account Number, SWIFT Code                                            |
       | EUR      | Spain, Ireland, United Kingdom, Japan | Beneficiary Account Name, IBAN, SWIFT Code                                                           |
       | JPY      | Japan                                 | Beneficiary Account Name, Bank Account Type, Bank Account Number, SWIFT Code, Bank Name, Branch Code |
-    # According to mock data currently available
+  # According to mock data currently available
 
   Scenario Outline: Bank country dropdown list is dynamic depending on the partner's currency
     Given the bank account payment method is selected
     And the selected currency is <currency>
     Then the bank country options are <countries>
 
-    Examples: 
+    Examples:
       | currency | countries                                                    |
       | USD      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
       | GBP      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
@@ -62,7 +62,7 @@ Feature: Banking Information Form
     Then <paymentMethodText> is shown
     And the withdrawal fee is shown
 
-    Examples: 
+    Examples:
       | currency | bankCountry                                                  | paymentMethodText |
       | USD      | United States                                                | EFT Withdrawal    |
       | USD      | Canada, Spain, Ireland, United Kingdom, Japan                | FX Wire           |
@@ -73,14 +73,14 @@ Feature: Banking Information Form
       | EUR      | Spain, Ireland,  United Kingdom                              | EFT Withdrawal    |
       | EUR      | United States, Canada, Japan                                 | FX Wire           |
       | JPY      | Japan                                                        | EFT Withdrawal    |
-    # Not sure what the actual specs for when it's shown are yet
+  # Not sure what the actual specs for when it's shown are yet
 
   Scenario Outline: PayPal option is dynamically shown
     Given <currency> is set on the payout partner
     And the currency <currencySupported> supported by PayPal
     Then the paypal option <mayBe> shown as a payment method
 
-    Examples: 
+    Examples:
       | currency | currencySupported | mayBe |
       | USD      | is                | is    |
       | GBP      | is                | is    |
@@ -100,8 +100,4 @@ Feature: Banking Information Form
     When the participant views the form
     Then a request is made to fetch the form data
     But the request fails
-    Then a loading error banner appears with <loadingErrorAlertHeader> and <loadingErrorAlertDescription>
-
-    Examples: 
-      | loadingErrorAlertHeader               | loadingErrorAlertDescription                                                       |
-      | There was a problem loading your form | Please refresh the page and try again. If this problem continues, contact Support. |
+    Then a loading error banner appears

From 6debcf563f49a45d31f76cc315995b34e624c3d0 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 14 Mar 2024 10:55:17 -0700
Subject: [PATCH 528/753] add missing tags

---
 .../sqm-banking-info-form/sqm-banking-info-form.feature    | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index ea29c166c5..fbeb895150 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -3,6 +3,7 @@ Feature: Banking Information Form
 
   Background: A participant has submitted a tax form and would like to fill out their banking information
 
+  @minutia
   Scenario: Loading skeletons are shown when the form is loading
     When the participant loads the form
     And they have not selected a payout method
@@ -11,12 +12,14 @@ Feature: Banking Information Form
     But if they have selected a payment method
     Then the form shows skeletons for the expected number of input fields
 
+  @minutia
   Scenario: A banner is shown at the top of the page if the partner already exists
     Given the participant is already a parter with impact
     Then the payment method option will be selected automatically
     And the form fields with be pre filled with the participants data
     And there will be banner to explain that the account is linked to their referral profile in impact.com
 
+  @motivating
   Scenario Outline: Bank account form fields are dynamically shown
     Given the bank account payment method is selected
     And the selected currency is <currency>
@@ -41,6 +44,7 @@ Feature: Banking Information Form
       | JPY      | Japan                                 | Beneficiary Account Name, Bank Account Type, Bank Account Number, SWIFT Code, Bank Name, Branch Code |
   # According to mock data currently available
 
+  @minutia
   Scenario Outline: Bank country dropdown list is dynamic depending on the partner's currency
     Given the bank account payment method is selected
     And the selected currency is <currency>
@@ -55,6 +59,7 @@ Feature: Banking Information Form
       | EUR      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
       | JPY      | Japan                                                        |
 
+  @minutia
   Scenario Outline: Payment Method text is dynamic depending on the currency and country selected
     Given the bank account payment method is selected
     And the selected currency is <currency>
@@ -75,6 +80,7 @@ Feature: Banking Information Form
       | JPY      | Japan                                                        | EFT Withdrawal    |
   # Not sure what the actual specs for when it's shown are yet
 
+  @minutia
   Scenario Outline: PayPal option is dynamically shown
     Given <currency> is set on the payout partner
     And the currency <currencySupported> supported by PayPal
@@ -89,6 +95,7 @@ Feature: Banking Information Form
       | EUR      | is                | is    |
       | JPY      | is                | is    |
 
+  @minutia
   Scenario: Error state is shown if the participant tries to submit the form before all the fields have been filled
     Given the participant has selected a payment method
     And they have not filled out all of the required fields

From 8e81a4f62f0af6c4be8f6b794bcbd8c21bf76d13 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 14 Mar 2024 11:09:45 -0700
Subject: [PATCH 529/753] spec review updates

---
 packages/mint-components/src/components.d.ts  | 38 -------------
 .../sqm-docusign-form.feature                 |  2 +-
 .../sqm-indirect-tax-form.feature             | 25 +++------
 .../sqm-tax-and-cash-dashboard.feature        | 53 +++++++++++++------
 .../tax-and-cash/sqm-tax-form.feature         |  8 +++
 .../sqm-user-info-form.feature                |  2 +-
 6 files changed, 55 insertions(+), 73 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 3541afbc14..5f0853e611 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1290,17 +1290,6 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate": string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle": string;
-        "renderCell": (_: Invoice) => Promise<any>;
-        "renderLabel": () => Promise<string>;
-    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -5122,18 +5111,6 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
-    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableCellElement: {
-        prototype: HTMLSqmInvoiceTableCellElement;
-        new (): HTMLSqmInvoiceTableCellElement;
-    };
-    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableColumnElement: {
-        prototype: HTMLSqmInvoiceTableColumnElement;
-        new (): HTMLSqmInvoiceTableColumnElement;
-    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5654,8 +5631,6 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
-        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
-        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6983,15 +6958,6 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate"?: string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle"?: string;
-    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -10646,8 +10612,6 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
-        "sqm-invoice-table-cell": SqmInvoiceTableCell;
-        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10763,8 +10727,6 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
-            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
-            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index 7981594b71..05e567adfa 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -24,7 +24,7 @@ Feature: Docusign Form
     Given a publisher's country is <publisherCountry>
     And they are linked to a brand that based in <brandCountry>
     And their current tax document type is <currentDocument>
-    But current tax document status is not "ACTIVE" or "NOT_VERIFIED"
+    And their current tax document status is not "ACTIVE" or "NOT_VERIFIED"
     When the page loads
     Then <uiElements> are displayed
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 5579ed98d2..01a3f80e0c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -5,7 +5,7 @@ Feature: Indirect Tax Form
     Given a user is on the Indirect Tax Form
 
   @motivating
-  Scenario Outline: Form options
+  Scenario Outline: Indirect Tax form has 2 options for Indirect Tax information
     Given a user
     When they view the Indirect Tax form
     Then they see the text "Step 2 of 4"
@@ -56,7 +56,7 @@ Feature: Indirect Tax Form
       | Uganda      | Not specified | Indirect Tax Number |
 
   @minutia @ui
-  Scenario Outline: Canada special cases
+  Scenario Outline: Additional fields are shown when "Canada" is the selected Indirect Tax Country
     Given the radio option "registered" is selelected
     And the "indirectCountryCode" field has "Canada" selected
     Then the "province" field is displayed
@@ -91,8 +91,9 @@ Feature: Indirect Tax Form
     And the "qstNumber" field has label "QST Number"
 
   @minutia @ui
-  Scenario Outline: Participant selects other country that has tax handling in step 1
-    Given they select one of the following <countries> with <typeTax> in step 1:
+  Scenario Outline: Indirect Tax Number label changes based on selected Indirect Tax Country
+    Given the user selects the "registered" option
+    And they select one of the following <countries> with <typeTax> is the indirect tax country
       | countries      | typeTax |
       | UK             | VAT     |
       | Australia      | GST     |
@@ -141,10 +142,7 @@ Feature: Indirect Tax Form
       | UAE            | VAT     |
       | Turkey         | VAT     |
       | Russia         | VAT     |
-    Then the "I am registered Indirect Tax" option is selected in step 2
-    And the Country select is auto-selected with their <country> from step 1
-    And based on the <typeTax>
-    Then <typeTaxInputHeader> changes
+    Then <typeTaxInputHeader> changes based on the <typeTax>
 
     Examples:
       | country        | typeTax | typeTaxInputHeader |
@@ -155,7 +153,7 @@ Feature: Indirect Tax Form
   ###############################################################
 
   @minutia
-  Scenario Outline: Spain special case
+  Scenario Outline: Extra fields are shown when "Spain" is the selected Indirect Tax Country
     Given "impactCountryCode" has value "Spain"
     Then the field <field> is displayed
     And the field <field> has label <label>
@@ -252,12 +250,3 @@ Feature: Indirect Tax Form
       | country | countryAutoSelectValue | newCountrySelectValue |
       | US      | United States          | Australia             |
       | UK      | United Kingdom         | Egypt                 |
-
-# Not sure about including since this state is avoided in the implementation
-# @minutia
-# Scenario: Indirect tax fields are disabled if the user has existing publisher information
-#   Given a user with a existing publisher information
-#   Then all fields in the indirect tax form are disabled
-#   When they click "Continue"
-#   Then createImpactConnection mutation is called
-#   And the body contains the pre-existing publisher information
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
index 9c42deb303..4b4852a871 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
@@ -22,7 +22,7 @@ Feature: Tax And Cash Dashboard
     Given they submitted a W9/W8-BEN/W8-BEN-E Tax form
     Then the Tax Form header displays "<documentType> Tax Form"
 
-    Examples: 
+    Examples:
       | documentType |
       | W9           |
       | W8 BEN       |
@@ -40,7 +40,7 @@ Feature: Tax And Cash Dashboard
     Then they see a badge with <status> text and a respective <badgeVariant>
     Then they see the message "<taxStatusMessage> on <dateSubmitted>"
 
-    Examples: 
+    Examples:
       | status       | badgeVariant | taxStatusMessage                                           | dateSubmitted |
       | ACTIVE       | success      | Submitted                                                  | Jan 17, 2024  |
       | NOT_VERIFIED | neutral      | Awaiting Review. Submitted                                 | Jan 17, 2024  |
@@ -58,15 +58,15 @@ Feature: Tax And Cash Dashboard
     When the participant <isRegistered> for indirect tax in their <country> and region <region>
     Then the Indirect Tax section will display <registeredDetails>, <indirectTaxType>, and <indirectTaxNumber>
 
-    Examples: 
+    Examples:
       | isRegistered | country          | region           | registeredDetails                                                                                                                                             | indirectTaxType        | indirectTaxNumber |
-      | true         | Australia        | n/a              | Registered in Australia.                                                                                                                                      | GST                    |            123456 |
-      | true         | Canada           | Ontario          | Registered in Ontario, Canada.                                                                                                                                | GST                    |            345213 |
-      | true         | Canada           | British Columbia | Registered in British Columbia, Canada.                                                                                                                       | HST                    |            345213 |
-      | true         | Canada           | Quebec           | Registered in Quebec, Canada.                                                                                                                                 | GST, QST               |     345213, 12312 |
-      | true         | United Kingdom   | n/a              | Registered in United Kingdom.                                                                                                                                 | VAT                    |            321413 |
-      | true         | Spain            | Spain Proper     | Registered in Spain, Spain Proper.                                                                                                                            | VAT, Income Tax Number |     345213, 12345 |
-      | true         | Spain            | Canary Islands   | Registered in Spain, Canary Islands.                                                                                                                          | VAT, Income Tax Number |     345213, 12345 |
+      | true         | Australia        | n/a              | Registered in Australia.                                                                                                                                      | GST                    | 123456            |
+      | true         | Canada           | Ontario          | Registered in Ontario, Canada.                                                                                                                                | GST                    | 345213            |
+      | true         | Canada           | British Columbia | Registered in British Columbia, Canada.                                                                                                                       | HST                    | 345213            |
+      | true         | Canada           | Quebec           | Registered in Quebec, Canada.                                                                                                                                 | GST, QST               | 345213, 12312     |
+      | true         | United Kingdom   | n/a              | Registered in United Kingdom.                                                                                                                                 | VAT                    | 321413            |
+      | true         | Spain            | Spain Proper     | Registered in Spain, Spain Proper.                                                                                                                            | VAT, Income Tax Number | 345213, 12345     |
+      | true         | Spain            | Canary Islands   | Registered in Spain, Canary Islands.                                                                                                                          | VAT, Income Tax Number | 345213, 12345     |
       | false        | United States    | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
       | false        | United States    | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
       | false        | Papua New Guinea | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
@@ -78,7 +78,7 @@ Feature: Tax And Cash Dashboard
     And they <doHaveIncomeTaxNumber> from step 2
     Then the indirect tax section displays <indirectTaxNumbers>
 
-    Examples: 
+    Examples:
       | registeredDetails    | subRegion      | doHaveIncomeTaxNumber | indirectTaxNumbers            |
       | Registered in Spain, | Spain Proper   | true                  | VAT Number, Income Tax Number |
       | Registered in Spain, | Canary Islands | false                 | VAT Number, N/A               |
@@ -88,7 +88,7 @@ Feature: Tax And Cash Dashboard
     Given the document has status <status>
     Then a danger alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> appears
 
-    Examples: 
+    Examples:
       | status     | documentType | taxAlertHeader                                                             | taxAlertMessage                                                                                                                 |
       | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile. | Please resubmit a new W9 form.                                                                                                  |
       | NOT_ACTIVE | W8-BEN       | W8-BEN tax form is invalid.                                                | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form.   |
@@ -101,9 +101,32 @@ Feature: Tax And Cash Dashboard
     But if they are not registered
     Then the Invoice section does not appear.
 
-  @unknown
+  @minutia
+  Scenario Outline: Non-existing brand partners can edit their payout information
+    Given a particiapnt has filled out their payout information
+    And they are <brandPartnerType>
+    And they are viewing the Payout section
+    Then they <maySee> the "Edit Payout Information" button
+
+    Examples:
+      | brandPartnerType          | maySee     |
+      | an existing brand partner | do not see |
+      | a new brand partner       | do see     |
+
+  @minutia
+  Scenario: "Edit Payout Information" button redirects to Banking Info form step
+    Given the user can click the "Edit Payout Information" button
+    When they click the "Edit Payout Information" button
+    Then they are redirected to the Banking Info form step
+    And the following fields are auto-filled if they exist
+      | field            |
+      | bankCountry      |
+      | paymentMethod    |
+      | paymentDay       |
+      | paymentThreshold |
+
+  @minutia
   Scenario: Submit New Tax Document Form
-    Given the user is viewing the Tax Document Submission
+    Given the user is viewing the Tax Document Submission section
     When they click the "Submit New Form" button
-    Then the system should trigger the callback
     Then they are redirected to the Docusign page to submit a new tax form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index e2ebe793b6..dee51ae241 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -201,6 +201,14 @@ Feature: Tax Form Flow
     Then they are sent to the Dashboard step
     And they skip the banking info form step
 
+  @minutia
+  Scenario: "Edit Payout Information" button redirects to Banking Info step and shows "Back" button
+    Given a user is on the Dashboard step
+    When they click the "Edit Payout Information" button if they can
+    And they are redirected to the Banking Info step
+    Then they will see a "Back" button
+    And they may click the "Back" button to return to the Dashboard step
+
   @minutia
   Scenario: Error banner is shown if impact user graphql request has an error
     Given a user is viewing the component
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
index 379872c5d5..9ae00664c6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
@@ -5,7 +5,7 @@ Feature: Tax Form Step One
     Given a user on the User Information form
 
   @motivating
-  Scenario Outline: Form fields
+  Scenario Outline: User Information form requires specific user fields
     Given a user on the User Information form
     Then they see the text "Step 1 of 4"
     And they see the title "Personal Information"

From 4ca51ce3bc4fcffae435bb34f025dfdc687cc216 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 14 Mar 2024 11:13:07 -0700
Subject: [PATCH 530/753] spec for back button on docusign step

---
 .../src/components/tax-and-cash/sqm-tax-form.feature      | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index dee51ae241..5c5374c074 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -209,6 +209,14 @@ Feature: Tax Form Flow
     Then they will see a "Back" button
     And they may click the "Back" button to return to the Dashboard step
 
+  @minutia
+  Scenario: "Submit New Form" button redirects to Docusign step and shows "Back" button
+    Given a user is on the Dashboard step
+    When they click the "Submit New Form" button if they can
+    And they are redirected to the Docusign step
+    Then they will see a "Back" button
+    And they may click the "Back" button to return to the Dashboard step
+
   @minutia
   Scenario: Error banner is shown if impact user graphql request has an error
     Given a user is viewing the component

From 96f0bce138505b5116505aec2951ced242ac2920 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 14 Mar 2024 11:16:26 -0700
Subject: [PATCH 531/753] some spec cleanup

---
 .../sqm-banking-info-form/sqm-banking-info-form.feature    | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index 081299be04..bf4f218101 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -25,7 +25,6 @@ Feature: Banking Information Form
     And the selected currency is <currency>
     And the selected bank country is one of <bankCountry>
     Then <fields> are displayed
-
     Examples:
       | currency | bankCountry                           | fields                                                                                               |
       | USD      | United States                         | Beneficiary account name, Bank account type, Bank account number, ABA routing number                 |
@@ -37,19 +36,17 @@ Feature: Banking Information Form
       | AUD      | United States                         | Beneficiary account name, ABA routing number                                                         |
       | AUD      | Canada                                | Beneficiary account name, Bank account number, SWIFT code                                            |
       | AUD      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
-      | CAD      | Canada                                | Beneficiary account name, Bank account number, routing number                                        |
+      | CAD      | Canada                                | Beneficiary account name, Bank account number, Routing number                                        |
       | EUR      | United States                         | Beneficiary account name, ABA routing number                                                         |
       | EUR      | Canada                                | Beneficiary account name, Bank account number, SWIFT code                                            |
       | EUR      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
       | JPY      | Japan                                 | Beneficiary account name, Bank account type, Bank account number, SWIFT code, Bank Name, Branch code |
-    # According to mock data currently available
 
   @minutia
   Scenario Outline: Bank country dropdown list is dynamic depending on the partner's currency
     Given the bank account payment method is selected
     And the selected currency is <currency>
     Then the bank country options are <countries>
-
     Examples:
       | currency | countries                                                    |
       | USD      | United States, Canada, Spain, Ireland, United Kingdom, Japan |
@@ -78,14 +75,12 @@ Feature: Banking Information Form
       | EUR      | Spain, Ireland,  United Kingdom                              | EFT Withdrawal    |
       | EUR      | United States, Canada, Japan                                 | FX Wire           |
       | JPY      | Japan                                                        | EFT Withdrawal    |
-  # Not sure what the actual specs for when it's shown are yet
 
   @minutia
   Scenario Outline: PayPal option is dynamically shown
     Given <currency> is set on the payout partner
     And the currency <currencySupported> supported by PayPal
     Then the paypal option <mayBe> shown as a payment method
-
     Examples:
       | currency | currencySupported | mayBe |
       | USD      | is                | is    |

From cf0fc6e8bba1ae851a905dbd303b3d4f4f192c3e Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 14 Mar 2024 11:23:15 -0700
Subject: [PATCH 532/753] added example currency not supported by paypal

---
 .../sqm-banking-info-form.feature                | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index bf4f218101..060c04f684 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -19,6 +19,7 @@ Feature: Banking Information Form
     And the form fields with be pre filled with the participants data
     And there will be banner to explain that the account is linked to their referral profile in impact.com
 
+
   @motivating
   Scenario Outline: Bank account form fields are dynamically shown
     Given the bank account payment method is selected
@@ -82,13 +83,14 @@ Feature: Banking Information Form
     And the currency <currencySupported> supported by PayPal
     Then the paypal option <mayBe> shown as a payment method
     Examples:
-      | currency | currencySupported | mayBe |
-      | USD      | is                | is    |
-      | GBP      | is                | is    |
-      | AUD      | is                | is    |
-      | CAD      | is                | is    |
-      | EUR      | is                | is    |
-      | JPY      | is                | is    |
+      | currency | currencySupported | mayBe  |
+      | USD      | is                | is     |
+      | GBP      | is                | is     |
+      | AUD      | is                | is     |
+      | CAD      | is                | is     |
+      | EUR      | is                | is     |
+      | JPY      | is                | is     |
+      | MAD      | is not            | is not |
 
   @minutia
   Scenario: Error state is shown if the participant tries to submit the form before all the fields have been filled

From 37868c96992f94c194d79dd6ce494ba2b7e6b001 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 14 Mar 2024 11:24:20 -0700
Subject: [PATCH 533/753] update to indirect tax autofill spec

---
 .../tax-and-cash/sqm-tax-form.feature         | 40 +++++++++++--------
 1 file changed, 24 insertions(+), 16 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 5c5374c074..5f3f3dfa85 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -63,32 +63,40 @@ Feature: Tax Form Flow
     Given the they are already registered as a partner
     Then step 1 displays a banner with "An account with this email already exists with our referral program provider, impact.com" notifying that they are a partner
     And the following fields are pre-filled:
+      | userFields   |
       | First Name   |
       | Last Name    |
       | Email        |
       | Country Code |
       | Currency     |
     And they check "Allow Banking Collection"
-    And press "Continue"
+    When they press "Continue"
     Then they proceed to step 2
     And they see the following radio options
       | Not registered for indirect tax |
       | Registered for indirect tax     |
-    But <option> is selected by default
-    And the <fields> are pre-filled
-    And press "Continue"
-    Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
+    And the radio option is auto-selected based on their saved Indirect Tax Country
+    And the following fields are pre-filled if they exist
+      | taxFields              |
+      | Indirect Tax Country   |
+      | Indirect Tax Number    |
+      | Sub-region             |
+      | Withholding Tax number |
+      | Withholding Tax Region |
+      | QST Number             |
+    When they press "Continue"
+    Then they proceed to <stepX> depending on their <brandCountry> and participants <countryCode>
 
     Examples:
-      | countryCode | brandCountry | currency | allowBankingCollection | option                          | fields                                                       | stepX |
-      | CA          | US           | CAD      | true                   | Registered for indirect tax     | Country, Province, HST/GST Number, QST Number (optional)     | 3     |
-      | CA          | MX           | CAD      | true                   | Not registered for indirect tax | N/A                                                          | 4     |
-      | US          | CA           | USD      | true                   | Not registered for indirect tax | N/A                                                          | 3     |
-      | US          | MX           | USD      | true                   | Not registered for indirect tax | N/A                                                          | 3     |
-      | UK          | US           | GBP      | true                   | Not registered for indirect tax | N/A                                                          | 3     |
-      | UK          | US           | GBP      | true                   | Registered for indirect tax     | Country, VAT Number                                          | 3     |
-      | ES          | US           | EGP      | true                   | Registered for indirect tax     | Country, Sub Region, VAT Number, Income Tax Number(optional) | 3     |
-      | EG          | MX           | BMD      | true                   | Not registered for indirect tax | N/A                                                          | 4     |
+      | countryCode | brandCountry | stepX |
+      | CA          | US           | 3     |
+      | CA          | MX           | 4     |
+      | US          | CA           | 3     |
+      | US          | MX           | 3     |
+      | UK          | US           | 3     |
+      | UK          | US           | 3     |
+      | ES          | US           | 3     |
+      | EG          | MX           | 4     |
 
   @minutia
   Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms
@@ -114,9 +122,9 @@ Feature: Tax Form Flow
     Examples:
       | brandCountry | country | participantType       | autoSelectedForm |
       | US           | CA      | individualParticipant | W8-BEN           |
-      | US           | CA      | company               | W8-BEN-E         |
+      | US           | CA      | businessEntity        | W8-BEN-E         |
       | US           | MX      | individualParticipant | W8-BEN           |
-      | US           | MX      | company               | W8-BEN-E         |
+      | US           | MX      | businessEntity        | W8-BEN-E         |
 
   @minutia
   Scenario Outline: Participants based in the US working with non-US brands have to fillout the W9 docusign form

From 4e018017e97375d8578cfd43e372c51f33b87952 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 14 Mar 2024 11:28:18 -0700
Subject: [PATCH 534/753] spec review updates

---
 .../tax-and-cash/sqm-tax-form.feature         | 38 ++++++++++---------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 5f3f3dfa85..3b31cd27dc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -35,7 +35,8 @@ Feature: Tax Form Flow
       | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | true                   | I am not registered for Indirect Tax | 3     |
       | Payton    | Chan     | payton.chan@email.com  | EG          | MX           | EGP      | true                   | I am not registered for Indirect Tax | 4     |
 
-  Scenario Outline: Default form step on load
+  @motivating
+  Scenario Outline: Default form step is dependent on publisher connection status and saved publisher information
     Given the participant just loaded the form
     And participant <hasTax>
     And participant <isConnected>
@@ -59,7 +60,7 @@ Feature: Tax Form Flow
       | has tax info           | is connected     | does not have required doc | does not have current doc | n/a      | do have withdrawal settings       | dashboard |
 
   @minutia
-  Scenario: Participant is already registered as partner, provides indirect tax information, and submit their tax forms
+  Scenario Outline: Participant is already registered as partner, provides indirect tax information, and submit their tax forms
     Given the they are already registered as a partner
     Then step 1 displays a banner with "An account with this email already exists with our referral program provider, impact.com" notifying that they are a partner
     And the following fields are pre-filled:
@@ -165,33 +166,36 @@ Feature: Tax Form Flow
     And they press "Continue" to submit the form
     Then a request is made to save the form data
     But the request fails
-    Then a general error banner appears with <generalTitle> and <generalDescription>
+    Then a general error banner appears
+    And the banner has the following title
+      """
+      There was a problem submitting your information
+      """
+    And the banner has the following descriptionwith <generalTitle> and <generalDescription>
+      """
+      Please review your information and try again. If this problem continues, contact Support.
+      """
 
-    Examples:
-      | generalTitle                                    | generalDescription                                                                       |
-      | There was a problem submitting your information | Please review your information and try again. If this problem continues, contact Support |
 
   @minutia
   Scenario: A loading error banner appears when a form fails to load
     When the participant views a form step
     Then a request is made to fetch the form data
     But the request fails
-    Then a loading error banner appears with <loadingErrorAlertHeader> and <loadingErrorAlertDescription>
+    Then a loading error banner appears
+    And the banner has the following title
+      """
+      There was a problem loading your form
+      """
+    And the banner has the following description
+      """
+      Please refresh the page and try again. If this problem continues, contact Support.
+      """
 
     Examples:
       | loadingErrorAlertHeader               | loadingErrorAlertDescription                                                       |
       | There was a problem loading your form | Please refresh the page and try again. If this problem continues, contact Support. |
 
-  @minutia
-  Scenario: A general error banner appears upon form load request failing
-    Given a participant loads a step of the form
-    When any request while loading the form fails
-    Then a general loading error banner appears with <generalTitle> and <generalDescription>
-
-    Examples:
-      | generalTitle | generalDescription |
-      | TODO         | TODO               |
-
   @minutia
   @landmine
   Scenario: "Submit New Form" on Dashboard resets tax form progress

From bbe365840a86b38b6e9d6d58072accdc229eddf7 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 14 Mar 2024 11:28:39 -0700
Subject: [PATCH 535/753] remove examples

---
 .../src/components/tax-and-cash/sqm-tax-form.feature          | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 3b31cd27dc..fd5d8a41ee 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -192,10 +192,6 @@ Feature: Tax Form Flow
       Please refresh the page and try again. If this problem continues, contact Support.
       """
 
-    Examples:
-      | loadingErrorAlertHeader               | loadingErrorAlertDescription                                                       |
-      | There was a problem loading your form | Please refresh the page and try again. If this problem continues, contact Support. |
-
   @minutia
   @landmine
   Scenario: "Submit New Form" on Dashboard resets tax form progress

From b3cf27f80de968a60f7c9565f281c97edd55f916 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 14 Mar 2024 11:28:48 -0700
Subject: [PATCH 536/753] Update sqm-banking-info-form.feature

---
 .../sqm-banking-info-form/sqm-banking-info-form.feature        | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index 060c04f684..d23d2429c5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -14,7 +14,8 @@ Feature: Banking Information Form
 
   @minutia
   Scenario: A banner is shown at the top of the page if the partner already exists
-    Given the participant is already a parter with impact
+    Given the participant is already a partner with impact
+    And the user is not editing existing payout settings
     Then the payment method option will be selected automatically
     And the form fields with be pre filled with the participants data
     And there will be banner to explain that the account is linked to their referral profile in impact.com

From 3f73e0edf0eeab2c6f2e8b4a3e53e77fd55a5b60 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 14 Mar 2024 11:34:54 -0700
Subject: [PATCH 537/753] Update sqm-banking-info-form.feature

---
 .../sqm-banking-info-form/sqm-banking-info-form.feature         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index d23d2429c5..cf58288f18 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -43,7 +43,7 @@ Feature: Banking Information Form
       | EUR      | Canada                                | Beneficiary account name, Bank account number, SWIFT code                                            |
       | EUR      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
       | JPY      | Japan                                 | Beneficiary account name, Bank account type, Bank account number, SWIFT code, Bank Name, Branch code |
-
+      | MAD      | Western Sahara, Morocco               | Beneficiary account name, Bank account number, SWIFT code                                            |
   @minutia
   Scenario Outline: Bank country dropdown list is dynamic depending on the partner's currency
     Given the bank account payment method is selected

From 808cbec1004c93aff4d9e963f5bc47f33f06f59a Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 14 Mar 2024 11:40:11 -0700
Subject: [PATCH 538/753] sentence cased indirect tax form specs

---
 packages/mint-components/src/components.d.ts  |  38 ------
 .../sqm-indirect-tax-form.feature             | 108 ++++++++----------
 2 files changed, 49 insertions(+), 97 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 3541afbc14..5f0853e611 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1290,17 +1290,6 @@ export namespace Components {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate": string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle": string;
-        "renderCell": (_: Invoice) => Promise<any>;
-        "renderLabel": () => Promise<string>;
-    }
     interface SqmInvoiceTableDataCell {
         "data": string;
     }
@@ -5122,18 +5111,6 @@ declare global {
         prototype: HTMLSqmInvoiceTableElement;
         new (): HTMLSqmInvoiceTableElement;
     };
-    interface HTMLSqmInvoiceTableCellElement extends Components.SqmInvoiceTableCell, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableCellElement: {
-        prototype: HTMLSqmInvoiceTableCellElement;
-        new (): HTMLSqmInvoiceTableCellElement;
-    };
-    interface HTMLSqmInvoiceTableColumnElement extends Components.SqmInvoiceTableColumn, HTMLStencilElement {
-    }
-    var HTMLSqmInvoiceTableColumnElement: {
-        prototype: HTMLSqmInvoiceTableColumnElement;
-        new (): HTMLSqmInvoiceTableColumnElement;
-    };
     interface HTMLSqmInvoiceTableDataCellElement extends Components.SqmInvoiceTableDataCell, HTMLStencilElement {
     }
     var HTMLSqmInvoiceTableDataCellElement: {
@@ -5654,8 +5631,6 @@ declare global {
         "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-instant-access-registration": HTMLSqmInstantAccessRegistrationElement;
         "sqm-invoice-table": HTMLSqmInvoiceTableElement;
-        "sqm-invoice-table-cell": HTMLSqmInvoiceTableCellElement;
-        "sqm-invoice-table-column": HTMLSqmInvoiceTableColumnElement;
         "sqm-invoice-table-data-cell": HTMLSqmInvoiceTableDataCellElement;
         "sqm-invoice-table-data-column": HTMLSqmInvoiceTableDataColumnElement;
         "sqm-invoice-table-date-cell": HTMLSqmInvoiceTableDateCellElement;
@@ -6983,15 +6958,6 @@ declare namespace LocalJSX {
          */
         "smBreakpoint"?: number;
     }
-    interface SqmInvoiceTableCell {
-        "innerTemplate"?: string;
-    }
-    interface SqmInvoiceTableColumn {
-        /**
-          * @uiName Column title
-         */
-        "columnTitle"?: string;
-    }
     interface SqmInvoiceTableDataCell {
         "data"?: string;
     }
@@ -10646,8 +10612,6 @@ declare namespace LocalJSX {
         "sqm-input-field": SqmInputField;
         "sqm-instant-access-registration": SqmInstantAccessRegistration;
         "sqm-invoice-table": SqmInvoiceTable;
-        "sqm-invoice-table-cell": SqmInvoiceTableCell;
-        "sqm-invoice-table-column": SqmInvoiceTableColumn;
         "sqm-invoice-table-data-cell": SqmInvoiceTableDataCell;
         "sqm-invoice-table-data-column": SqmInvoiceTableDataColumn;
         "sqm-invoice-table-date-cell": SqmInvoiceTableDateCell;
@@ -10763,8 +10727,6 @@ declare module "@stencil/core" {
             "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-instant-access-registration": LocalJSX.SqmInstantAccessRegistration & JSXBase.HTMLAttributes<HTMLSqmInstantAccessRegistrationElement>;
             "sqm-invoice-table": LocalJSX.SqmInvoiceTable & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableElement>;
-            "sqm-invoice-table-cell": LocalJSX.SqmInvoiceTableCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableCellElement>;
-            "sqm-invoice-table-column": LocalJSX.SqmInvoiceTableColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableColumnElement>;
             "sqm-invoice-table-data-cell": LocalJSX.SqmInvoiceTableDataCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataCellElement>;
             "sqm-invoice-table-data-column": LocalJSX.SqmInvoiceTableDataColumn & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDataColumnElement>;
             "sqm-invoice-table-date-cell": LocalJSX.SqmInvoiceTableDateCell & JSXBase.HTMLAttributes<HTMLSqmInvoiceTableDateCellElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 9bd3a6fac0..80db99e1dd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -16,9 +16,9 @@ Feature: Indirect Tax Form
       """
     Then they are shown the radio option for indirect tax
     And the option <option> has label <label> and description <description>
-
     # TODO : Descriptions
-    Examples:
+
+    Examples: 
       | option        | label                                                            | description |
       | notRegistered | I am not registered for Indirect Tax                             | TODO        |
       | registered    | I am registered for Indirect Tax in a different Country / Region | TODO        |
@@ -29,11 +29,11 @@ Feature: Indirect Tax Form
     Then the field <field> is displayed
     And it has label <label>
 
-    Examples:
+    Examples: 
       | option        | field               | label                            |
       | notRegistered | N/A                 | N/A                              |
       | registered    | indirectCountryCode | Country / Region of Indirect Tax |
-      | registered    | indirectTaxId       | {taxType} Number                 |
+      | registered    | indirectTaxId       | {taxType} number                 |
 
   @motivating
   Scenario Outline: Indirect tax country may be auto-filled
@@ -43,7 +43,7 @@ Feature: Indirect Tax Form
     Then the radio option <option> is auto-selected
     And the "indirectCountryCode" field <mayBe> set to the countryCode selected in Step 1
 
-    Examples:
+    Examples: 
       | isSupported      | option        | mayBe  |
       | is supported     | registered    | is     |
       | is not supported | notRegistered | is not |
@@ -55,13 +55,13 @@ Feature: Indirect Tax Form
     And the tax type of that country is <taxType>
     Then the label of the "indirectTaxId" field is <label>
 
-    Examples:
+    Examples: 
       | country     | taxType       | label               |
-      | New Zealand | GST           | GST Number          |
-      | Malaysia    | SST           | SST Number          |
-      | Japan       | CT            | CT Number           |
-      | Italy       | VAT           | VAT Number          |
-      | Uganda      | Not specified | Indirect Tax Number |
+      | New Zealand | GST           | GST number          |
+      | Malaysia    | SST           | SST number          |
+      | Japan       | CT            | CT number           |
+      | Italy       | VAT           | VAT number          |
+      | Uganda      | Not specified | Indirect Tax number |
 
   @minutia @ui
   Scenario Outline: Canada special cases
@@ -72,31 +72,31 @@ Feature: Indirect Tax Form
     Then the "indirectTaxId" field is shown and has label <label>
     And <additionalFields> are shown
 
-    Examples:
+    Examples: 
       | province               | label      | additionalFields |
-      | Alberta                | GST Number | n/a              |
-      | British Columbia       | HST Number | n/a              |
-      | Manitoba               | HST Number | n/a              |
-      | New Brunswick          | HST Number | n/a              |
-      | Newfoundland           | HST Number | n/a              |
-      | North West Territories | HST Number | n/a              |
-      | Nova Scotia            | HST Number | n/a              |
-      | Nunavut                | HST Number | n/a              |
-      | Ontario                | HST Number | n/a              |
-      | Prince Edward Island   | HST Number | n/a              |
-      | Quebec                 | GST Number | registeredForQST |
-      | Saskatchewan           | HST Number | n/a              |
-      | Yukon                  | GST Number | n/a              |
+      | Alberta                | GST number | n/a              |
+      | British Columbia       | HST number | n/a              |
+      | Manitoba               | HST number | n/a              |
+      | New Brunswick          | HST number | n/a              |
+      | Newfoundland           | HST number | n/a              |
+      | North West Territories | HST number | n/a              |
+      | Nova Scotia            | HST number | n/a              |
+      | Nunavut                | HST number | n/a              |
+      | Ontario                | HST number | n/a              |
+      | Prince Edward Island   | HST number | n/a              |
+      | Quebec                 | GST number | registeredForQST |
+      | Saskatchewan           | HST number | n/a              |
+      | Yukon                  | GST number | n/a              |
 
   @minutia @ui
-  Scenario: Selecting the "registeredForQST" checkbox shows QST Number input
+  Scenario: Selecting the "registeredForQST" checkbox shows QST number input
     Given the radio option "registered" is selelected
     And the "indirectCountryCode" field has "Canada" selected
     And the "province" field has value "Quebec"
     Then the "registeredForQST" checkbox with label "I am registered for QST Tax" will appear
     When the "registeredForQST" checkbox is selected
     Then the "qstNumber" field is shown
-    And the "qstNumber" field has label "QST Number"
+    And the "qstNumber" field has label "QST number"
 
   @minutia @ui
   Scenario Outline: Participant selects other country that has tax handling in step 1
@@ -154,12 +154,11 @@ Feature: Indirect Tax Form
     And based on the <typeTax>
     Then <typeTaxInputHeader> changes
 
-    Examples:
+    Examples: 
       | country        | typeTax | typeTaxInputHeader |
-      | United Kingdom | VAT     | VAT Number         |
-      | Australia      | GST     | GST Number         |
-      | Japan          | CT      | CT Number          |
-
+      | United Kingdom | VAT     | VAT number         |
+      | Australia      | GST     | GST number         |
+      | Japan          | CT      | CT number          |
   ###############################################################
 
   @minutia
@@ -168,10 +167,10 @@ Feature: Indirect Tax Form
     Then the field <field> is displayed
     And the field <field> has label <label>
 
-    Examples:
+    Examples: 
       | field                  | label                                                                                                                      |
-      | withholdingRegion      | Sub Region                                                                                                                 |
-      | vatNumber              | VAT Number                                                                                                                 |
+      | withholdingRegion      | Sub region                                                                                                                 |
+      | vatNumber              | VAT number                                                                                                                 |
       | withholdingTaxCheckbox | I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me. |
 
   @minutia
@@ -179,7 +178,7 @@ Feature: Indirect Tax Form
     Given "impactCountryCode" has value "Spain"
     When the "withholdTaxCheckbox" checkbox is set to true
     Then the "withholdingTaxId" field is displayed
-    And the "withholdingTaxId" field has label "Income Tax Number"
+    And the "withholdingTaxId" field has label "Income Tax number"
 
   @minutia @ui
   Scenario: Country/Region of Indirect Tax select is searchable
@@ -203,15 +202,15 @@ Feature: Indirect Tax Form
     And the tax information fields <taxFields> have values in the request body
     And any other fields are "undefined"
 
-    Examples:
+    Examples: 
       | option        | indirectCountryCode | indirectTaxId | indirectTaxRegion | additionalTaxId | withholdingTaxId | taxFields                                                               |
       | notRegistered | n/a                 | n/a           | n/a               | n/a             | n/a              | ""                                                                      |
-      | registered    | US (United States)  | 123123        | n/a               | n/a             | n/a              | indirectCountryCode, indirectTaxId                                      |
-      | registered    | UK (United Kingdom) | 123123        | n/a               | n/a             | n/a              | indirectCountryCode, indirectTaxId                                      |
-      | registered    | CA (Canada)         | 123123        | BC                | n/a             | n/a              | indirectCountryCode, indirectTaxId, indirectTaxRegion                   |
-      | registered    | CA (Canada)         | 123123        | QU                | 333             | n/a              | indirectCountryCode, indirectTaxId, indirectTaxRegion, additionalTaxId  |
-      | registered    | ES (Spain)          | 123123        | SPAINPROPER       | n/a             | 333              | indirectCountryCode, indirectTaxId, indirectTaxRegion, withholdingTaxId |
-      | registered    | ES (Spain)          | 123123        | CANARYISLANDS     | n/a             | 333              | indirectCountryCode, indirectTaxId, indirectTaxRegion, withholdingTaxId |
+      | registered    | US (United States)  |        123123 | n/a               | n/a             | n/a              | indirectCountryCode, indirectTaxId                                      |
+      | registered    | UK (United Kingdom) |        123123 | n/a               | n/a             | n/a              | indirectCountryCode, indirectTaxId                                      |
+      | registered    | CA (Canada)         |        123123 | BC                | n/a             | n/a              | indirectCountryCode, indirectTaxId, indirectTaxRegion                   |
+      | registered    | CA (Canada)         |        123123 | QU                |             333 | n/a              | indirectCountryCode, indirectTaxId, indirectTaxRegion, additionalTaxId  |
+      | registered    | ES (Spain)          |        123123 | SPAINPROPER       | n/a             |              333 | indirectCountryCode, indirectTaxId, indirectTaxRegion, withholdingTaxId |
+      | registered    | ES (Spain)          |        123123 | CANARYISLANDS     | n/a             |              333 | indirectCountryCode, indirectTaxId, indirectTaxRegion, withholdingTaxId |
 
   @minutia
   Scenario: Participant is registered for indirect tax fills out and submits form
@@ -237,17 +236,17 @@ Feature: Indirect Tax Form
       | Country               | <country             |
       | Province              | <province>           |
       | Sub-region            | <subRegion>          |
-      | Indirect Tax Number   | <indirectTaxNumber>  |
-      | QST Number            | <qstNumber>          |
-      | Sub-Region Tax Number | <subRegionTaxNumber> |
+      | Indirect Tax number   | <indirectTaxNumber>  |
+      | QST number            | <qstNumber>          |
+      | Sub-Region Tax number | <subRegionTaxNumber> |
     When the "Continue" button is clicked
     Then the form displays the respective errors for each field:
       | <country>           | Country is required                 |
       | <province>          | Province is required                |
       | <subRegion          | Sub-region is required              |
-      | <indirectTaxNumber> | "VAT/HST/GST/CT Number is required" |
-      | <qstNumber>         | "QST Number is required"            |
-      | <subRegionTaxNumber | "Income Tax Number is required      |
+      | <indirectTaxNumber> | "VAT/HST/GST/CT number is required" |
+      | <qstNumber>         | "QST number is required"            |
+      | <subRegionTaxNumber | "Income Tax number is required      |
     And no request is sent to the backend
 
   @unknown @minutia
@@ -256,16 +255,7 @@ Feature: Indirect Tax Form
     And they change the Country to <newCountrySelectValue>
     Then the Country <countryAutoSelectValue> changes to the <newCountrySelectValue>
 
-    Examples:
+    Examples: 
       | country | countryAutoSelectValue | newCountrySelectValue |
       | US      | United States          | Australia             |
       | UK      | United Kingdom         | Egypt                 |
-
-# Not sure about including since this state is avoided in the implementation
-# @minutia
-# Scenario: Indirect tax fields are disabled if the user has existing publisher information
-#   Given a user with a existing publisher information
-#   Then all fields in the indirect tax form are disabled
-#   When they click "Continue"
-#   Then createImpactConnection mutation is called
-#   And the body contains the pre-existing publisher information

From ecbdb02f05b969bdcc51a69f7073cf93afd66ac1 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 14 Mar 2024 13:36:01 -0700
Subject: [PATCH 539/753] Sentence casing

---
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.feature         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 61cda86cb6..81cf16de82 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -53,7 +53,7 @@ Feature: Indirect Tax Form
       | Malaysia    | SST           | SST number          |
       | Japan       | CT            | CT number           |
       | Italy       | VAT           | VAT number          |
-      | Uganda      | Not specified | Indirect Tax number |
+      | Uganda      | Not specified | Indirect tax number |
 
   @minutia @ui
   Scenario Outline: Additional fields are shown when "Canada" is the selected Indirect Tax Country

From cb5f2b05e49cec57a37f5e96afd6acd655746c10 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 14 Mar 2024 13:36:23 -0700
Subject: [PATCH 540/753] Update sqm-banking-info-form.feature

---
 .../sqm-banking-info-form/sqm-banking-info-form.feature         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index cf58288f18..2fdc8626c1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -20,7 +20,6 @@ Feature: Banking Information Form
     And the form fields with be pre filled with the participants data
     And there will be banner to explain that the account is linked to their referral profile in impact.com
 
-
   @motivating
   Scenario Outline: Bank account form fields are dynamically shown
     Given the bank account payment method is selected
@@ -44,6 +43,7 @@ Feature: Banking Information Form
       | EUR      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
       | JPY      | Japan                                 | Beneficiary account name, Bank account type, Bank account number, SWIFT code, Bank Name, Branch code |
       | MAD      | Western Sahara, Morocco               | Beneficiary account name, Bank account number, SWIFT code                                            |
+
   @minutia
   Scenario Outline: Bank country dropdown list is dynamic depending on the partner's currency
     Given the bank account payment method is selected

From 128d85d5fc831bce0d942cf16d2d77aea1fc8c0e Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 14 Mar 2024 13:40:18 -0700
Subject: [PATCH 541/753] Sentence cased specs for sqm-tax-form

---
 .../tax-and-cash/sqm-tax-form.feature         | 63 +++++++++----------
 packages/mint-components/src/index.html       |  6 +-
 2 files changed, 33 insertions(+), 36 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index fd5d8a41ee..bdb3ac6fc9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -24,16 +24,16 @@ Feature: Tax Form Flow
     And press "Continue"
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
 
-    Examples:
+    Examples: 
       | firstName | lastName | email                  | countryCode | brandCountry | currency | allowBankingCollection | option                               | stepX |
-      | Bob       | Johnson  | bob.johnson@email.com  | CA          | US           | CAD      | true                   | I am registered for Indirect Tax     | 3     |
-      | Jane      | Moe      | jane.moe@email.com     | CA          | MX           | CAD      | true                   | I am registered for Indirect Tax     | 4     |
-      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | true                   | I am not registered for Indirect Tax | 4     |
-      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | true                   | I am not registered for Indirect Tax | 4     |
-      | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | true                   | I am registered for Indirect Tax     | 3     |
-      | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | true                   | I am registered for Indirect Tax     | 4     |
-      | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | true                   | I am not registered for Indirect Tax | 3     |
-      | Payton    | Chan     | payton.chan@email.com  | EG          | MX           | EGP      | true                   | I am not registered for Indirect Tax | 4     |
+      | Bob       | Johnson  | bob.johnson@email.com  | CA          | US           | CAD      | true                   | I am registered for Indirect Tax     |     3 |
+      | Jane      | Moe      | jane.moe@email.com     | CA          | MX           | CAD      | true                   | I am registered for Indirect Tax     |     4 |
+      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | true                   | I am not registered for Indirect Tax |     4 |
+      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | true                   | I am not registered for Indirect Tax |     4 |
+      | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | true                   | I am registered for Indirect Tax     |     3 |
+      | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | true                   | I am registered for Indirect Tax     |     4 |
+      | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | true                   | I am not registered for Indirect Tax |     3 |
+      | Payton    | Chan     | payton.chan@email.com  | EG          | MX           | EGP      | true                   | I am not registered for Indirect Tax |     4 |
 
   @motivating
   Scenario Outline: Default form step is dependent on publisher connection status and saved publisher information
@@ -46,7 +46,7 @@ Feature: Tax Form Flow
     And participant <hasWithdrawalSettings>
     Then they proceed to <stepX>
 
-    Examples:
+    Examples: 
       | hasTax                 | isConnected      | hasRequiredDoc             | hasCurrentTaxDoc          | status   | hasWithdrawalSettings             | stepX     |
       | does not have tax info | is not connected | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
       | does not have tax info | is connected     | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
@@ -65,10 +65,10 @@ Feature: Tax Form Flow
     Then step 1 displays a banner with "An account with this email already exists with our referral program provider, impact.com" notifying that they are a partner
     And the following fields are pre-filled:
       | userFields   |
-      | First Name   |
-      | Last Name    |
+      | First name   |
+      | Last name    |
       | Email        |
-      | Country Code |
+      | Country code |
       | Currency     |
     And they check "Allow Banking Collection"
     When they press "Continue"
@@ -79,25 +79,25 @@ Feature: Tax Form Flow
     And the radio option is auto-selected based on their saved Indirect Tax Country
     And the following fields are pre-filled if they exist
       | taxFields              |
-      | Indirect Tax Country   |
-      | Indirect Tax Number    |
+      | Indirect tax Country   |
+      | Indirect tax Number    |
       | Sub-region             |
-      | Withholding Tax number |
-      | Withholding Tax Region |
+      | Withholding tax number |
+      | Withholding tax Region |
       | QST Number             |
     When they press "Continue"
     Then they proceed to <stepX> depending on their <brandCountry> and participants <countryCode>
 
-    Examples:
+    Examples: 
       | countryCode | brandCountry | stepX |
-      | CA          | US           | 3     |
-      | CA          | MX           | 4     |
-      | US          | CA           | 3     |
-      | US          | MX           | 3     |
-      | UK          | US           | 3     |
-      | UK          | US           | 3     |
-      | ES          | US           | 3     |
-      | EG          | MX           | 4     |
+      | CA          | US           |     3 |
+      | CA          | MX           |     4 |
+      | US          | CA           |     3 |
+      | US          | MX           |     3 |
+      | UK          | US           |     3 |
+      | UK          | US           |     3 |
+      | ES          | US           |     3 |
+      | EG          | MX           |     4 |
 
   @minutia
   Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms
@@ -106,7 +106,7 @@ Feature: Tax Form Flow
     And the user selects a <country> not in the US
     Then they skip to step 4 Payout Details
 
-    Examples:
+    Examples: 
       | brandCountry | country |
       | MX           | UK      |
       | AUS          | EGP     |
@@ -120,7 +120,7 @@ Feature: Tax Form Flow
     Then they must select <participantType>
     And the <autoSelectedForm> is displayed
 
-    Examples:
+    Examples: 
       | brandCountry | country | participantType       | autoSelectedForm |
       | US           | CA      | individualParticipant | W8-BEN           |
       | US           | CA      | businessEntity        | W8-BEN-E         |
@@ -134,7 +134,7 @@ Feature: Tax Form Flow
     When they view step 3
     Then the <autoSelectedForm> is displayed
 
-    Examples:
+    Examples: 
       | brandCountry | country | autoSelectedForm |
       | MX           | US      | W9               |
       | UK           | US      | W9               |
@@ -176,7 +176,6 @@ Feature: Tax Form Flow
       Please review your information and try again. If this problem continues, contact Support.
       """
 
-
   @minutia
   Scenario: A loading error banner appears when a form fails to load
     When the participant views a form step
@@ -192,8 +191,7 @@ Feature: Tax Form Flow
       Please refresh the page and try again. If this problem continues, contact Support.
       """
 
-  @minutia
-  @landmine
+  @minutia @landmine
   Scenario: "Submit New Form" on Dashboard resets tax form progress
     Given a user has successfully submitted a tax document
     And they are on the Dashboard step
@@ -231,4 +229,3 @@ Feature: Tax Form Flow
     And the request for the user returns with errors
     Then the form / dashboard is not shown
     And an error banner is shown
-
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From 1bd0fc308328c42f9198923a0d67563740fafc79 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Thu, 14 Mar 2024 13:46:32 -0700
Subject: [PATCH 542/753] update invoice table specs

---
 packages/mint-components/package-lock.json    |  4 +--
 packages/mint-components/package.json         |  2 +-
 .../sqm-invoice-table-data-column.feature     | 22 +++++++++++++++
 .../sqm-invoice-table-date-column.feature     | 10 +++----
 .../sqm-invoice-table-download-column.feature |  6 ++---
 .../sqm-invoice-table.feature                 | 27 +++++++++++++++++++
 6 files changed, 60 insertions(+), 11 deletions(-)
 create mode 100644 packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-data-column.feature
 create mode 100644 packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 03a70cfd81..d9540bdc18 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-68",
+  "version": "1.8.0-69",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-68",
+      "version": "1.8.0-69",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index f0c18f1d9b..f64cb2eadc 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-68",
+  "version": "1.8.0-69",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-data-column.feature b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-data-column.feature
new file mode 100644
index 0000000000..eb02a5d775
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-data-column.feature
@@ -0,0 +1,22 @@
+@author:derek
+@owner:derek
+Feature: Invoice Table Date Column
+
+    Shows the invoice of each invoice
+
+    Background:
+        Given the date column is included in the invoice table
+
+    @motivating
+    @ui
+    Scenario Outline: The title of the date column is configurable
+        Given the "column-title" prop is set to <value>
+        Then the date column is shown with <columnTitle>
+        Examples:
+            | value        | columnTitle  |
+            | Date created | Date created |
+
+    @motivating
+    Scenario: The data shown in the column is configurable by prop
+        Given the column has a <property> set
+        Then that property is pulled from the table data object and displayed in the table column
\ No newline at end of file
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.feature b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.feature
index d5e1c72dc1..7ce5364f43 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.feature
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.feature
@@ -1,11 +1,11 @@
-@author:derek
-@owner:derek
-Feature: Reward Table Date Column
+@author:noah
+@owner:noah
+Feature: Invoice Table Date Column
 
-    Shows the date of each reward
+Shows the date of each invoice
 
     Background:
-        Given the date column is included in the reward table
+        Given the date column is included in the invoice table
 
     @motivating
     @ui
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.feature b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.feature
index aab2f10542..0232876373 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.feature
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.feature
@@ -1,6 +1,6 @@
-@author:derek
-@owner:derek
-Feature: Reward Table Date Column
+@author:noah
+@owner:noah
+Feature: Invoice Table Date Column
 
     Provides a download link to each invoice
 
diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
new file mode 100644
index 0000000000..33e4b0b636
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
@@ -0,0 +1,27 @@
+@author:noah
+@owner:noah
+Feature: Invoice Table
+
+    Shows a list of invoices for the current user
+
+    Background:
+        Given the user is logged in
+        And the microsite has been configured to show the invoices table
+
+    @minutia
+    Scenario: If there are no invoices an empty state is shown
+        Given the current user has no invoices
+        Then an empty state image is shown in place of the table
+        And below the image some text explaining the invoice table is shown
+
+    @minutia
+    Scenario: A loading state is displayed while the table is loading
+        Given the invoice table is loading
+        Then a loading skeleton is shown
+
+    @motivating
+    Scenario: The table shows data about the user's invoices
+        Given the current user has invoice(s)
+        Then the invoices are shown in the table, one per row
+        And the data shown is dependent on which columns are configured
+        And there exists the possibility the user can download each invoice (given the download column is included)

From 2535d35168bee0acb15356c6ff6d7145f8d03f74 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 14 Mar 2024 13:51:34 -0700
Subject: [PATCH 543/753] last minute code fixes

---
 .../sqm-banking-info-form-view.tsx            | 13 ++++++-----
 .../useBankingInfoForm.tsx                    |  3 +--
 .../docusign-iframe/DocusignIframe.tsx        | 23 -------------------
 .../sqm-docusign-form-view.tsx                |  2 --
 .../sqm-docusign-form/sqm-docusign-form.tsx   | 22 ++++++++++++++++--
 .../sqm-indirect-tax-form.feature             | 10 --------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  1 -
 .../sqm-user-info-form-view.tsx               |  1 -
 .../sqm-user-info-form/useUserInfoForm.tsx    |  2 +-
 9 files changed, 29 insertions(+), 48 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index d028708a24..31caa806c6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -294,7 +294,9 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
     checkedValue: "toBankAccount" | "toPayPalAccount" | undefined,
     inputNumber?: number
   ) => {
-    const skeletons = [];
+    if (!inputNumber) return [];
+
+    let skeletons = [];
 
     const flexBoxStyle = {
       display: "flex",
@@ -326,15 +328,14 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
       );
     }
 
-    // @ts-expect-error: `input` not used
-    Array.from({ length: inputNumber }).forEach((input, index) => {
+    for (let i = 0; i < inputNumber; i++) {
       skeletons.push(
-        <div style={{ ...flexBoxStyle, flexDirection: "column" }} key={index}>
+        <div style={{ ...flexBoxStyle, flexDirection: "column" }} key={i}>
           <div class={classes.SmallSkeleton} />
           <div class={classes.LargeSkeleton} />
         </div>
       );
-    });
+    }
 
     return skeletons;
   };
@@ -533,7 +534,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
           >
             {text.continueButton}
           </sl-button>
-          {states.hideBackButton && (
+          {!states.hideBackButton && (
             <sl-button
               class={classes.SecondaryBtn}
               type="text"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index fc34659d16..13bd1b1808 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -846,8 +846,7 @@ export function useBankingInfoForm(
       feeCap,
       paymentMethodFeeLabel,
       disabled: loading,
-      hideBackButton: false,
-      // TODO: possibly add loading here, it causes all fields to be cleared on save if all field are filled out though
+      hideBackButton: !context.overrideBackStep,
       loading: !paymentOptions,
       saveLoading: loading,
       hideBanking:
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
index d0d2b59148..d0821139a4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
@@ -124,29 +124,6 @@ export const DocusignLoadingView = () => {
   );
 };
 
-// export const DocusignCompletedView = (props: {
-//   text: DocusignIframeProps["text"];
-// }) => {
-//   const { classes } = sheet;
-//   const { text } = props;
-//   return (
-//     <div>
-//       <style type="text/css">{styleString}</style>
-//       <div class={classes.DocusignStatusContainer}>
-//         <sl-icon
-//           style={{
-//             width: "50px",
-//             height: "50px",
-//             color: "var(--sl-color-success-600)",
-//           }}
-//           name="check2-circle"
-//         ></sl-icon>
-//         <p style={{ margin: "0" }}>{text.docusignCompleted}</p>
-//       </div>
-//     </div>
-//   );
-// };
-
 export const DocusignIframe = ({
   states,
   callbacks,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 24d8c6689c..49560fc8a1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -208,8 +208,6 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
 
   const { classes } = sheet;
 
-  console.log(props);
-
   return (
     <div class={classes.Container}>
       <style type="text/css">
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index bb776e7719..c4fd4bb564 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -252,7 +252,7 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
   );
 }
 
-const DemoDocusignIframe = (_) => {
+const DemoDocusignIframe = ({ callbacks }) => {
   return (
     <div
       style={{
@@ -272,7 +272,25 @@ const DemoDocusignIframe = (_) => {
           alignItems: "center",
         }}
       >
-        <div>Placeholder for docusign iframe</div>
+        <span>Placeholder for docusign iframe</span>
+        <div style={{ display: "flex", gap: "8px" }}>
+          <sl-button
+            type="primary"
+            submit
+            exportparts="base: primarybutton-base"
+            onClick={callbacks.onBack}
+          >
+            Back to Step 2
+          </sl-button>
+          <sl-button
+            type="primary"
+            submit
+            exportparts="base: primarybutton-base"
+            onClick={callbacks.onSubmit}
+          >
+            Continue to Step 4
+          </sl-button>
+        </div>
       </div>
     </div>
   );
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 01a3f80e0c..ff0e810cc1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -240,13 +240,3 @@ Feature: Indirect Tax Form
       | <subRegionTaxNumber | "Income Tax Number is required      |
     And no request is sent to the backend
 
-  @unknown @minutia
-  Scenario Outline: Participant from another country can change the auto selected country
-    When the Country <countryAutoSelectValue> is selected with their <country> from step 1
-    And they change the Country to <newCountrySelectValue>
-    Then the Country <countryAutoSelectValue> changes to the <newCountrySelectValue>
-
-    Examples:
-      | country | countryAutoSelectValue | newCountrySelectValue |
-      | US      | United States          | Australia             |
-      | UK      | United Kingdom         | Egypt                 |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index e5ee9be45d..dcf9c9c527 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -1023,7 +1023,6 @@ export class TaxAndCashMonolith {
       );
     }
 
-    // TODO: Create form wrapper that includes the header and sub text.
     switch (props.step) {
       case "/1":
         return (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 0aa0066f5f..99c5a1dd34 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -13,7 +13,6 @@ export interface UserInfoFormViewProps {
     isPartner: boolean;
     isUser: boolean;
     hideSteps: boolean;
-    // AL: TODO form loadingError
     loadingError?: boolean;
     formState: {
       firstName?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 2f786fbcbc..5722197101 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -209,7 +209,7 @@ export function useUserInfoForm(props: TaxForm) {
     },
     states: {
       step: step?.replace("/", ""),
-      hideSteps: context.hideSteps,
+      hideSteps: !!context.hideSteps,
       disabled: loading,
       loadingError: !!userError?.message,
       loading: loading,

From 27df0dba4803ec86545b10ea2e8fe3a653cf7e23 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 14 Mar 2024 13:52:39 -0700
Subject: [PATCH 544/753] invoice spec updates

---
 .../sqm-invoice-table-date-column.feature     |  2 +-
 .../sqm-invoice-table-download-column.feature |  2 +-
 .../sqm-invoice-table.feature                 | 27 +++++++++++++++++++
 3 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature

diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.feature b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.feature
index d5e1c72dc1..4c1151a1fe 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.feature
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.feature
@@ -1,6 +1,6 @@
 @author:derek
 @owner:derek
-Feature: Reward Table Date Column
+Feature: Invoice Table Date Column
 
     Shows the date of each reward
 
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.feature b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.feature
index aab2f10542..3735cb1413 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.feature
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.feature
@@ -1,6 +1,6 @@
 @author:derek
 @owner:derek
-Feature: Reward Table Date Column
+Feature: Invoice Table Date Column
 
     Provides a download link to each invoice
 
diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
new file mode 100644
index 0000000000..1a22ccba3a
--- /dev/null
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
@@ -0,0 +1,27 @@
+@author:sam
+@owner:sam
+Feature: Invoice Table
+
+    Shows a table of all invoices for the participant
+
+    Background:
+        Given the participant has configured their payment details
+
+    @motivating
+
+    Scenario Outline: Invoices for the user are displayed
+        Given the participant has invoices available
+        When the invoices are loading
+        Then a loading table skeleton is shown
+        When the invoices request finishes
+        Then <columns> are shown
+        And a download button is shown for each invoice
+        Examples:
+            | columns            |
+            | Date               |
+            | Invoice            |
+            | Earnings           |
+            | Taxed Amount       |
+            | Earnings after tax |
+
+

From 90b6f106108a4e1a731e8c3ad9715ed1ff0101d0 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 14 Mar 2024 13:54:07 -0700
Subject: [PATCH 545/753] Update sqm-invoice-table.feature

---
 .../src/components/sqm-invoice-table/sqm-invoice-table.feature   | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
index 96a96b9106..48f5f7e5f9 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
@@ -27,7 +27,6 @@ Feature: Invoice Table
         And there exists the possibility the user can download each invoice (given the download column is included)
 
     @motivating
-
     Scenario Outline: Invoices for the user are displayed
         Given the participant has invoices available
         When the invoices are loading

From 3c19b57b0a91088a9584308307fe0a9c0a520ad0 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 14 Mar 2024 13:54:26 -0700
Subject: [PATCH 546/753] Update sqm-invoice-table.feature

---
 .../src/components/sqm-invoice-table/sqm-invoice-table.feature  | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
index 48f5f7e5f9..cd87980059 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
@@ -29,8 +29,6 @@ Feature: Invoice Table
     @motivating
     Scenario Outline: Invoices for the user are displayed
         Given the participant has invoices available
-        When the invoices are loading
-        Then a loading table skeleton is shown
         When the invoices request finishes
         Then <columns> are shown
         And a download button is shown for each invoice

From 361938e83b81379621e3bb3a29de4a981523daf2 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 14 Mar 2024 14:05:00 -0700
Subject: [PATCH 547/753] Update sqm-invoice-table.feature

---
 .../src/components/sqm-invoice-table/sqm-invoice-table.feature  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
index cd87980059..c5be1b0f50 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
@@ -27,7 +27,7 @@ Feature: Invoice Table
         And there exists the possibility the user can download each invoice (given the download column is included)
 
     @motivating
-    Scenario Outline: Invoices for the user are displayed
+    Scenario Outline: Invoices for the user are displayed with columns by default
         Given the participant has invoices available
         When the invoices request finishes
         Then <columns> are shown

From 4b6f3da8a50c0a154cb113860455348f7e906261 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 14 Mar 2024 14:07:31 -0700
Subject: [PATCH 548/753] small spec update

---
 .../tax-and-cash/sqm-tax-form.feature         | 52 +++++++++----------
 1 file changed, 25 insertions(+), 27 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index bdb3ac6fc9..e8b9d36131 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -19,21 +19,21 @@ Feature: Tax Form Flow
     Then they see the following radio options
       | Not registered for indirect tax |
       | Registered for indirect tax     |
-    But <option> is selected by default
+    And the "notRegistered" option is selected by default
     When they complete filling out their indirect tax information
     And press "Continue"
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
 
-    Examples: 
-      | firstName | lastName | email                  | countryCode | brandCountry | currency | allowBankingCollection | option                               | stepX |
-      | Bob       | Johnson  | bob.johnson@email.com  | CA          | US           | CAD      | true                   | I am registered for Indirect Tax     |     3 |
-      | Jane      | Moe      | jane.moe@email.com     | CA          | MX           | CAD      | true                   | I am registered for Indirect Tax     |     4 |
-      | Dane      | Coe      | dane.coe@email.com     | US          | CA           | USD      | true                   | I am not registered for Indirect Tax |     4 |
-      | David     | Renar    | david.renar@email.com  | US          | MX           | USD      | true                   | I am not registered for Indirect Tax |     4 |
-      | Jose      | Querv    | jose.querv@email.com   | UK          | US           | GBP      | true                   | I am registered for Indirect Tax     |     3 |
-      | David     | Blaine   | david.blaine@email.com | UK          | MX           | GBP      | true                   | I am registered for Indirect Tax     |     4 |
-      | Charle    | Buck     | charle.buck@email.com  | EG          | US           | EGP      | true                   | I am not registered for Indirect Tax |     3 |
-      | Payton    | Chan     | payton.chan@email.com  | EG          | MX           | EGP      | true                   | I am not registered for Indirect Tax |     4 |
+    Examples:
+      | countryCode | brandCountry | stepX |
+      | CA          | US           | 3     |
+      | CA          | MX           | 4     |
+      | US          | CA           | 4     |
+      | US          | MX           | 4     |
+      | UK          | US           | 3     |
+      | UK          | MX           | 4     |
+      | EG          | US           | 3     |
+      | EG          | MX           | 4     |
 
   @motivating
   Scenario Outline: Default form step is dependent on publisher connection status and saved publisher information
@@ -46,7 +46,7 @@ Feature: Tax Form Flow
     And participant <hasWithdrawalSettings>
     Then they proceed to <stepX>
 
-    Examples: 
+    Examples:
       | hasTax                 | isConnected      | hasRequiredDoc             | hasCurrentTaxDoc          | status   | hasWithdrawalSettings             | stepX     |
       | does not have tax info | is not connected | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
       | does not have tax info | is connected     | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
@@ -64,7 +64,6 @@ Feature: Tax Form Flow
     Given the they are already registered as a partner
     Then step 1 displays a banner with "An account with this email already exists with our referral program provider, impact.com" notifying that they are a partner
     And the following fields are pre-filled:
-      | userFields   |
       | First name   |
       | Last name    |
       | Email        |
@@ -78,7 +77,6 @@ Feature: Tax Form Flow
       | Registered for indirect tax     |
     And the radio option is auto-selected based on their saved Indirect Tax Country
     And the following fields are pre-filled if they exist
-      | taxFields              |
       | Indirect tax Country   |
       | Indirect tax Number    |
       | Sub-region             |
@@ -88,16 +86,16 @@ Feature: Tax Form Flow
     When they press "Continue"
     Then they proceed to <stepX> depending on their <brandCountry> and participants <countryCode>
 
-    Examples: 
+    Examples:
       | countryCode | brandCountry | stepX |
-      | CA          | US           |     3 |
-      | CA          | MX           |     4 |
-      | US          | CA           |     3 |
-      | US          | MX           |     3 |
-      | UK          | US           |     3 |
-      | UK          | US           |     3 |
-      | ES          | US           |     3 |
-      | EG          | MX           |     4 |
+      | CA          | US           | 3     |
+      | CA          | MX           | 4     |
+      | US          | CA           | 3     |
+      | US          | MX           | 3     |
+      | UK          | US           | 3     |
+      | UK          | US           | 3     |
+      | ES          | US           | 3     |
+      | EG          | MX           | 4     |
 
   @minutia
   Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms
@@ -106,7 +104,7 @@ Feature: Tax Form Flow
     And the user selects a <country> not in the US
     Then they skip to step 4 Payout Details
 
-    Examples: 
+    Examples:
       | brandCountry | country |
       | MX           | UK      |
       | AUS          | EGP     |
@@ -120,7 +118,7 @@ Feature: Tax Form Flow
     Then they must select <participantType>
     And the <autoSelectedForm> is displayed
 
-    Examples: 
+    Examples:
       | brandCountry | country | participantType       | autoSelectedForm |
       | US           | CA      | individualParticipant | W8-BEN           |
       | US           | CA      | businessEntity        | W8-BEN-E         |
@@ -134,7 +132,7 @@ Feature: Tax Form Flow
     When they view step 3
     Then the <autoSelectedForm> is displayed
 
-    Examples: 
+    Examples:
       | brandCountry | country | autoSelectedForm |
       | MX           | US      | W9               |
       | UK           | US      | W9               |
@@ -171,7 +169,7 @@ Feature: Tax Form Flow
       """
       There was a problem submitting your information
       """
-    And the banner has the following descriptionwith <generalTitle> and <generalDescription>
+    And the banner has the following description
       """
       Please review your information and try again. If this problem continues, contact Support.
       """

From ec356db9416b7c86dc0811f8df9193256417e127 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 14 Mar 2024 14:14:47 -0700
Subject: [PATCH 549/753] QA prerelease

---
 packages/mint-components/package.json                       | 2 +-
 .../src/components/sqm-stencilbook/readme.md                | 5 +++--
 .../tax-and-cash/sqm-payout-details-card/readme.md          | 2 ++
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx         | 6 ++----
 .../components/tax-and-cash/sqm-user-info-form/readme.md    | 1 +
 5 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index f64cb2eadc..15f0ca11d3 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-69",
+  "version": "1.8.0-71",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-stencilbook/readme.md b/packages/mint-components/src/components/sqm-stencilbook/readme.md
index 4b8b2547a5..98e45587d6 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/readme.md
+++ b/packages/mint-components/src/components/sqm-stencilbook/readme.md
@@ -75,13 +75,13 @@
 - [sqm-titled-section](../sqm-titled-section)
 - [sqm-coupon-code](../sqm-coupon-code)
 - [sqm-link-button](../sqm-link-button)
+- [sqm-payout-details-card](../tax-and-cash/sqm-payout-details-card)
 - [sqm-user-info-form](../tax-and-cash/sqm-user-info-form)
 - [sqm-indirect-tax-form](../tax-and-cash/sqm-indirect-tax-form)
 - [sqm-docusign-form](../tax-and-cash/sqm-docusign-form)
 - [sqm-banking-info-form](../tax-and-cash/sqm-banking-info-form)
 - [sqm-tax-and-cash-dashboard](../tax-and-cash/sqm-tax-and-cash-dashboard)
 - [sqm-tax-and-cash](../tax-and-cash/sqm-tax-and-cash)
-- [sqm-payout-details-card](../tax-and-cash/sqm-payout-details-card)
 - [sqm-invoice-table](../sqm-invoice-table)
 - [sqm-invoice-table-download-cell](../sqm-invoice-table/cells)
 - [sqm-invoice-table-date-cell](../sqm-invoice-table/cells)
@@ -158,13 +158,13 @@ graph TD;
   sqm-stencilbook --> sqm-titled-section
   sqm-stencilbook --> sqm-coupon-code
   sqm-stencilbook --> sqm-link-button
+  sqm-stencilbook --> sqm-payout-details-card
   sqm-stencilbook --> sqm-user-info-form
   sqm-stencilbook --> sqm-indirect-tax-form
   sqm-stencilbook --> sqm-docusign-form
   sqm-stencilbook --> sqm-banking-info-form
   sqm-stencilbook --> sqm-tax-and-cash-dashboard
   sqm-stencilbook --> sqm-tax-and-cash
-  sqm-stencilbook --> sqm-payout-details-card
   sqm-stencilbook --> sqm-invoice-table
   sqm-stencilbook --> sqm-invoice-table-download-cell
   sqm-stencilbook --> sqm-invoice-table-date-cell
@@ -198,6 +198,7 @@ graph TD;
   sqm-referral-table-date-column --> sqm-referral-table-date-cell
   sqm-referral-table-rewards-column --> sqm-referral-table-rewards-cell
   sqm-coupon-code --> sqm-form-message
+  sqm-user-info-form --> sqm-payout-details-card
   sqm-user-info-form --> sqm-user-info-form
   sqm-user-info-form --> sqm-indirect-tax-form
   sqm-user-info-form --> sqm-docusign-form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
index 7a6e4a8877..fbec6b0d84 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
@@ -23,12 +23,14 @@
 
  - [sqm-stencilbook](../../sqm-stencilbook)
  - [sqm-tax-and-cash-dashboard](../sqm-tax-and-cash-dashboard)
+ - [sqm-user-info-form](../sqm-user-info-form)
 
 ### Graph
 ```mermaid
 graph TD;
   sqm-stencilbook --> sqm-payout-details-card
   sqm-tax-and-cash-dashboard --> sqm-payout-details-card
+  sqm-user-info-form --> sqm-payout-details-card
   style sqm-payout-details-card fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 8562343f3f..53615eae3f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -243,7 +243,6 @@ export function useTaxAndCash() {
   // console.log({ errors });
 
   useEffect(() => {
-    console.log({ errors, data });
     if (errors) {
       setStep("/error");
       return;
@@ -255,9 +254,8 @@ export function useTaxAndCash() {
 
       if (!user || step !== "/loading") return;
 
-      // const currentStep = getCurrentStep(user);
-      // setStep(currentStep);
-      setStep("/1");
+      const currentStep = getCurrentStep(user);
+      setStep(currentStep);
     }
   }, [host, user, data?.user?.email, errors]);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index a7821c7471..f4ace21d58 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -40,6 +40,7 @@
 
 ### Depends on
 
+- [sqm-payout-details-card](../sqm-payout-details-card)
 - [sqm-user-info-form](.)
 - [sqm-indirect-tax-form](../sqm-indirect-tax-form)
 - [sqm-docusign-form](../sqm-docusign-form)

From fdcdb996284036c52019fa54ea7198a6076e65d1 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 14 Mar 2024 14:50:19 -0700
Subject: [PATCH 550/753] Updated specs

---
 .../sqm-indirect-tax-form.feature             | 35 +++++++++----------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 5a165f5cff..1da0b96ddb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -12,15 +12,15 @@ Feature: Indirect Tax Form
     And they see the title "Indirect Tax"
     And they see the subtitle
       """
-      Not sure if you are registered for indirect tax? Contact our Support team to find out more.
+      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.
       """
     Then they are shown the radio option for indirect tax
     And the option <option> has label <label> and description <description>
 
-    Examples:
-      | option        | label                                                            | description                                                                                                                 |
-      | notRegistered | I am not registered for Indirect Tax                             | If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered.             |
-      | registered    | I am registered for Indirect Tax in a different Country / Region | If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more. |
+    Examples: 
+      | option        | label                           | description                                                                                                                 |
+      | notRegistered | Not registered for Indirect Tax | If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered.             |
+      | registered    | Registered for Indirect Tax     | If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more. |
 
   @motivating @ui
   Scenario Outline: Inputs display based on radio option selected
@@ -28,7 +28,7 @@ Feature: Indirect Tax Form
     Then the field <field> is displayed
     And it has label <label>
 
-    Examples:
+    Examples: 
       | option        | field               | label                            |
       | notRegistered | N/A                 | N/A                              |
       | registered    | indirectCountryCode | Country / Region of Indirect Tax |
@@ -47,7 +47,7 @@ Feature: Indirect Tax Form
     And the tax type of that country is <taxType>
     Then the label of the "indirectTaxId" field is <label>
 
-    Examples:
+    Examples: 
       | country     | taxType       | label               |
       | New Zealand | GST           | GST number          |
       | Malaysia    | SST           | SST number          |
@@ -64,7 +64,7 @@ Feature: Indirect Tax Form
     Then the "indirectTaxId" field is shown and has label <label>
     And <additionalFields> are shown
 
-    Examples:
+    Examples: 
       | province               | label      | additionalFields |
       | Alberta                | GST number | n/a              |
       | British Columbia       | HST number | n/a              |
@@ -144,7 +144,7 @@ Feature: Indirect Tax Form
       | Russia         | VAT     |
     Then <typeTaxInputHeader> changes based on the <typeTax>
 
-    Examples:
+    Examples: 
       | country        | typeTax | typeTaxInputHeader |
       | United Kingdom | VAT     | VAT number         |
       | Australia      | GST     | GST number         |
@@ -157,7 +157,7 @@ Feature: Indirect Tax Form
     Then the field <field> is displayed
     And the field <field> has label <label>
 
-    Examples:
+    Examples: 
       | field                  | label                                                                                                                      |
       | withholdingRegion      | Sub region                                                                                                                 |
       | vatNumber              | VAT number                                                                                                                 |
@@ -192,15 +192,15 @@ Feature: Indirect Tax Form
     And the tax information fields <taxFields> have values in the request body
     And any other fields are "undefined"
 
-    Examples:
+    Examples: 
       | option        | indirectCountryCode | indirectTaxId | indirectTaxRegion | additionalTaxId | withholdingTaxId | taxFields                                                               |
       | notRegistered | n/a                 | n/a           | n/a               | n/a             | n/a              | ""                                                                      |
-      | registered    | US (United States)  | 123123        | n/a               | n/a             | n/a              | indirectCountryCode, indirectTaxId                                      |
-      | registered    | UK (United Kingdom) | 123123        | n/a               | n/a             | n/a              | indirectCountryCode, indirectTaxId                                      |
-      | registered    | CA (Canada)         | 123123        | BC                | n/a             | n/a              | indirectCountryCode, indirectTaxId, indirectTaxRegion                   |
-      | registered    | CA (Canada)         | 123123        | QU                | 333             | n/a              | indirectCountryCode, indirectTaxId, indirectTaxRegion, additionalTaxId  |
-      | registered    | ES (Spain)          | 123123        | SPAINPROPER       | n/a             | 333              | indirectCountryCode, indirectTaxId, indirectTaxRegion, withholdingTaxId |
-      | registered    | ES (Spain)          | 123123        | CANARYISLANDS     | n/a             | 333              | indirectCountryCode, indirectTaxId, indirectTaxRegion, withholdingTaxId |
+      | registered    | US (United States)  |        123123 | n/a               | n/a             | n/a              | indirectCountryCode, indirectTaxId                                      |
+      | registered    | UK (United Kingdom) |        123123 | n/a               | n/a             | n/a              | indirectCountryCode, indirectTaxId                                      |
+      | registered    | CA (Canada)         |        123123 | BC                | n/a             | n/a              | indirectCountryCode, indirectTaxId, indirectTaxRegion                   |
+      | registered    | CA (Canada)         |        123123 | QU                |             333 | n/a              | indirectCountryCode, indirectTaxId, indirectTaxRegion, additionalTaxId  |
+      | registered    | ES (Spain)          |        123123 | SPAINPROPER       | n/a             |              333 | indirectCountryCode, indirectTaxId, indirectTaxRegion, withholdingTaxId |
+      | registered    | ES (Spain)          |        123123 | CANARYISLANDS     | n/a             |              333 | indirectCountryCode, indirectTaxId, indirectTaxRegion, withholdingTaxId |
 
   @minutia
   Scenario: Participant is registered for indirect tax fills out and submits form
@@ -238,4 +238,3 @@ Feature: Indirect Tax Form
       | <qstNumber>         | "QST number is required"            |
       | <subRegionTaxNumber | "Income Tax number is required      |
     And no request is sent to the backend
-

From 1507ae25fe7db869f5b6c7019361aca5f18e0958 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 14 Mar 2024 15:00:32 -0700
Subject: [PATCH 551/753] Correct North West Territories spec taxType

---
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.feature         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 1da0b96ddb..6e788db6db 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -71,7 +71,7 @@ Feature: Indirect Tax Form
       | Manitoba               | HST number | n/a              |
       | New Brunswick          | HST number | n/a              |
       | Newfoundland           | HST number | n/a              |
-      | North West Territories | HST number | n/a              |
+      | North West Territories | GST number | n/a              |
       | Nova Scotia            | HST number | n/a              |
       | Nunavut                | HST number | n/a              |
       | Ontario                | HST number | n/a              |

From 012e9a19a9be75742eb1e2cabd0e326d28ef85e7 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 14 Mar 2024 15:54:35 -0700
Subject: [PATCH 552/753] Updated indirect tax form specs to be accurate

---
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.feature   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 6e788db6db..2251736aae 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -138,7 +138,7 @@ Feature: Indirect Tax Form
       | Taiwan         | VAT     |
       | Thailand       | VAT     |
       | Philippines    | VAT     |
-      | Malaysia       | GST     |
+      | Malaysia       | SST     |
       | UAE            | VAT     |
       | Turkey         | VAT     |
       | Russia         | VAT     |
@@ -168,7 +168,7 @@ Feature: Indirect Tax Form
     Given "impactCountryCode" has value "Spain"
     When the "withholdTaxCheckbox" checkbox is set to true
     Then the "withholdingTaxId" field is displayed
-    And the "withholdingTaxId" field has label "Income Tax number"
+    And the "withholdingTaxId" field has label "Income tax number"
 
   @minutia @ui
   Scenario: Country/Region of Indirect Tax select is searchable
@@ -203,7 +203,7 @@ Feature: Indirect Tax Form
       | registered    | ES (Spain)          |        123123 | CANARYISLANDS     | n/a             |              333 | indirectCountryCode, indirectTaxId, indirectTaxRegion, withholdingTaxId |
 
   @minutia
-  Scenario: Participant is registered for indirect tax fills out and submits form
+  Scenario: Participant is registered for indirect tax fills out and submits form but request is unsuccessful
     Given they fill out the form
     And press "Continue"
     Then the save request is sent
@@ -236,5 +236,5 @@ Feature: Indirect Tax Form
       | <subRegion          | Sub-region is required              |
       | <indirectTaxNumber> | "VAT/HST/GST/CT number is required" |
       | <qstNumber>         | "QST number is required"            |
-      | <subRegionTaxNumber | "Income Tax number is required      |
+      | <subRegionTaxNumber | "Income tax number is required      |
     And no request is sent to the backend

From ba924b6b2640722ef885637b31ed2b7022be5668 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 15 Mar 2024 10:40:41 -0700
Subject: [PATCH 553/753] fix spec

---
 .../sqm-banking-info-form/sqm-banking-info-form.feature   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index 2fdc8626c1..8fd23aa39c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -29,17 +29,17 @@ Feature: Banking Information Form
     Examples:
       | currency | bankCountry                           | fields                                                                                               |
       | USD      | United States                         | Beneficiary account name, Bank account type, Bank account number, ABA routing number                 |
-      | USD      | Canada                                | Beneficiary account name, Bank account number, SWIFT code                                            |
+      | USD      | Canada                                | Beneficiary account name, Bank account number, SWIFT code, Routing number                            |
       | USD      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
       | GBP      | United States                         | Beneficiary account name, ABA routing number                                                         |
-      | GBP      | Canada                                | Beneficiary account name, Bank account number, SWIFT code                                            |
+      | GBP      | Canada                                | Beneficiary account name, Bank account number, SWIFT code, Routing number                            |
       | GBP      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
       | AUD      | United States                         | Beneficiary account name, ABA routing number                                                         |
-      | AUD      | Canada                                | Beneficiary account name, Bank account number, SWIFT code                                            |
+      | AUD      | Canada                                | Beneficiary account name, Bank account number, SWIFT code, Routing number                            |
       | AUD      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
       | CAD      | Canada                                | Beneficiary account name, Bank account number, Routing number                                        |
       | EUR      | United States                         | Beneficiary account name, ABA routing number                                                         |
-      | EUR      | Canada                                | Beneficiary account name, Bank account number, SWIFT code                                            |
+      | EUR      | Canada                                | Beneficiary account name, Bank account number, SWIFT code, Routing number                            |
       | EUR      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
       | JPY      | Japan                                 | Beneficiary account name, Bank account type, Bank account number, SWIFT code, Bank Name, Branch code |
       | MAD      | Western Sahara, Morocco               | Beneficiary account name, Bank account number, SWIFT code                                            |

From 6f90e4f4c230769802b7b57ae6bd9d0af0a30ffc Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 15 Mar 2024 10:53:04 -0700
Subject: [PATCH 554/753] bug fix, publish

---
 packages/mint-components/package.json                           | 2 +-
 .../tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 15f0ca11d3..0cb41087e1 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-71",
+  "version": "1.8.0-72",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 13bd1b1808..6d9086415b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -711,6 +711,7 @@ export function useBankingInfoForm(
         ? "toPayPalAccount"
         : "toBankAccount"
     );
+    updateBankCountry(currentPaymentOption?.countryCode);
   }, [paymentOptions, userData, setCurrentPaymentOption, setFormState]);
 
   const updateBankCountry = (bankCountry: string) => {

From 0f1329722913dcfc6181c110cbb46d800ae86bf7 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 15 Mar 2024 11:05:31 -0700
Subject: [PATCH 555/753] added loadingError boolean to sqm-docusign files.
 Adjusted radio button fontsize in sqm-docusign-view.

---
 packages/mint-components/src/components.d.ts  | 20 +++++++++
 .../tax-and-cash/TaxForm.stories.tsx          | 17 +++++++
 .../sqm-docusign-form-view.tsx                | 28 +++++++++++-
 .../sqm-docusign-form/sqm-docusign-form.tsx   | 15 +++++++
 .../sqm-docusign-form/useDocusignForm.tsx     |  2 +
 .../sqm-indirect-tax-form.tsx                 |  2 +-
 .../tax-and-cash/sqm-tax-form.feature         | 44 +++++++++----------
 7 files changed, 103 insertions(+), 25 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 5f0853e611..3590cf1bd6 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -631,6 +631,16 @@ export namespace Components {
           * @uiName Individual participant radio button label
          */
         "individualParticipant": string;
+        /**
+          * Alert description shown if there is a problem loading a form
+          * @uiName Loading error alert description
+         */
+        "loadingErrorAlertDescription": string;
+        /**
+          * Alert header shown if there is a problem loading a form
+          * @uiName Loading error alert header
+         */
+        "loadingErrorAlertHeader": string;
         /**
           * Text shown in the link to the form for non US residents
           * @uiName Not based in US link text
@@ -6299,6 +6309,16 @@ declare namespace LocalJSX {
           * @uiName Individual participant radio button label
          */
         "individualParticipant"?: string;
+        /**
+          * Alert description shown if there is a problem loading a form
+          * @uiName Loading error alert description
+         */
+        "loadingErrorAlertDescription"?: string;
+        /**
+          * Alert header shown if there is a problem loading a form
+          * @uiName Loading error alert header
+         */
+        "loadingErrorAlertHeader"?: string;
         /**
           * Text shown in the link to the form for non US residents
           * @uiName Not based in US link text
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 51a2d3a372..f8615d5e49 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -171,6 +171,7 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
     disabled: false,
     submitDisabled: false,
     participantTypeDisabled: false,
+    loadingError: false,
     formState: {
       participantType: "individualParticipant" as ParticipantType,
       errors: {},
@@ -800,6 +801,22 @@ export const StepThreeDocusignWithGeneralError = () => {
   );
 };
 
+export const StepThreeDocusignWithLoadingError = () => {
+  return (
+    <sqm-docusign-form
+      demoData={{
+        states: {
+          ...docusignFormProps.states,
+          loadingError: true,
+          formState: {
+            ...docusignFormProps.states.formState,
+          },
+        },
+      }}
+    ></sqm-docusign-form>
+  );
+};
+
 export const StepThreeDocusignLoading = () => {
   return (
     <sqm-docusign-form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 49560fc8a1..5c3d979edc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -13,6 +13,8 @@ export interface DocusignFormViewProps {
     disabled: boolean;
     hideSteps: boolean;
     participantTypeDisabled: boolean;
+    // TODO AL: loadingError
+    loadingError?: boolean;
     formState: {
       completedTaxForm: boolean;
       taxFormExpired: boolean;
@@ -57,6 +59,8 @@ export interface DocusignFormViewProps {
       generalDescription: string;
       formSubmission: string;
       participantType: string;
+      loadingErrorAlertHeader: string;
+      loadingErrorAlertDescription: string;
     };
   };
 }
@@ -169,6 +173,9 @@ const style = {
     height: "24px",
     width: "24px",
   },
+  RadioText: {
+    fontSize: "var(--sl-font-size-small)",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -230,6 +237,21 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
           <h3>{text.taxForm}</h3>
         </div>
       </div>
+      {states.loadingError && (
+        <div>
+          <sl-alert
+            exportparts="base: alert-base, icon:alert-icon"
+            type="danger"
+            open
+            class={sheet.classes.ErrorAlertContainer}
+          >
+            <sl-icon slot="icon" name="exclamation-octagon"></sl-icon>
+            <strong>{text.error.loadingErrorAlertHeader}</strong>
+            <br />
+            {text.error.loadingErrorAlertDescription}
+          </sl-alert>
+        </div>
+      )}
       {formState.errors?.general && (
         <sl-alert
           exportparts="base: alert-base, icon:alert-icon"
@@ -265,7 +287,9 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
                   callbacks.setParticipantType("individualParticipant");
                 }}
               >
-                {text.individualParticipant}
+                <span class={classes.RadioText}>
+                  {text.individualParticipant}
+                </span>
               </sl-radio>
               <sl-radio
                 exportparts="base: radio-base"
@@ -277,7 +301,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
                   callbacks.setParticipantType("businessEntity");
                 }}
               >
-                {text.businessEntity}
+                <span class={classes.RadioText}>{text.businessEntity}</span>
               </sl-radio>
             </div>
           )}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index c4fd4bb564..89bc4b9584 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -142,6 +142,18 @@ export class DocusignForm {
    */
   @Prop() generalErrorDescription: string =
     "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
+   */
+  @Prop() loadingErrorAlertHeader: string =
+    "There was a problem loading your form";
+  /**
+   * Alert description shown if there is a problem loading a form
+   * @uiName Loading error alert description
+   */
+  @Prop() loadingErrorAlertDescription: string =
+    "Please refresh the page and try again. If this problem continues, contact Support.";
   /**
    * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
    *
@@ -170,6 +182,8 @@ export class DocusignForm {
         generalDescription: props.generalErrorDescription,
         formSubmission: props.formSubmissionError,
         participantType: props.participantType,
+        loadingErrorAlertHeader: props.loadingErrorAlertHeader,
+        loadingErrorAlertDescription: props.loadingErrorAlertDescription,
       },
     };
   }
@@ -222,6 +236,7 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
         submitDisabled: false,
         loading: false,
         status: undefined as DocusignStatus,
+        loadingError: false,
         participantTypeDisabled: false,
         formState: {
           completedTaxForm: true,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 157a8ba1d5..89a07ecf09 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -186,6 +186,8 @@ export function useDocusignForm(props: DocusignForm) {
       submitDisabled: !formSubmitted,
       loading: userLoading || loading,
       urlLoading: documentLoading,
+      // AL: TODO loading error
+      loadingError: false,
       formState: {
         participantType,
         completedTaxForm: formSubmitted,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index daee3265d3..416a4bd6dc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -131,7 +131,7 @@ export class IndirectTaxForm {
    * Label text for the sub-region tax number input field
    * @uiName Sub-region tax number input label
    */
-  @Prop() subRegionTaxNumberLabel: string = "Income Tax Number";
+  @Prop() subRegionTaxNumberLabel: string = "Income tax number";
 
   /**
    * Text for the back button in the form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index e8b9d36131..241d27bb09 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -24,16 +24,16 @@ Feature: Tax Form Flow
     And press "Continue"
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
 
-    Examples:
+    Examples: 
       | countryCode | brandCountry | stepX |
-      | CA          | US           | 3     |
-      | CA          | MX           | 4     |
-      | US          | CA           | 4     |
-      | US          | MX           | 4     |
-      | UK          | US           | 3     |
-      | UK          | MX           | 4     |
-      | EG          | US           | 3     |
-      | EG          | MX           | 4     |
+      | CA          | US           |     3 |
+      | CA          | MX           |     4 |
+      | US          | CA           |     3 |
+      | US          | MX           |     3 |
+      | UK          | US           |     3 |
+      | UK          | MX           |     4 |
+      | EG          | US           |     3 |
+      | EG          | MX           |     4 |
 
   @motivating
   Scenario Outline: Default form step is dependent on publisher connection status and saved publisher information
@@ -46,7 +46,7 @@ Feature: Tax Form Flow
     And participant <hasWithdrawalSettings>
     Then they proceed to <stepX>
 
-    Examples:
+    Examples: 
       | hasTax                 | isConnected      | hasRequiredDoc             | hasCurrentTaxDoc          | status   | hasWithdrawalSettings             | stepX     |
       | does not have tax info | is not connected | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
       | does not have tax info | is connected     | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
@@ -86,16 +86,16 @@ Feature: Tax Form Flow
     When they press "Continue"
     Then they proceed to <stepX> depending on their <brandCountry> and participants <countryCode>
 
-    Examples:
+    Examples: 
       | countryCode | brandCountry | stepX |
-      | CA          | US           | 3     |
-      | CA          | MX           | 4     |
-      | US          | CA           | 3     |
-      | US          | MX           | 3     |
-      | UK          | US           | 3     |
-      | UK          | US           | 3     |
-      | ES          | US           | 3     |
-      | EG          | MX           | 4     |
+      | CA          | US           |     3 |
+      | CA          | MX           |     4 |
+      | US          | CA           |     3 |
+      | US          | MX           |     3 |
+      | UK          | US           |     3 |
+      | UK          | US           |     3 |
+      | ES          | US           |     3 |
+      | EG          | MX           |     4 |
 
   @minutia
   Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms
@@ -104,7 +104,7 @@ Feature: Tax Form Flow
     And the user selects a <country> not in the US
     Then they skip to step 4 Payout Details
 
-    Examples:
+    Examples: 
       | brandCountry | country |
       | MX           | UK      |
       | AUS          | EGP     |
@@ -118,7 +118,7 @@ Feature: Tax Form Flow
     Then they must select <participantType>
     And the <autoSelectedForm> is displayed
 
-    Examples:
+    Examples: 
       | brandCountry | country | participantType       | autoSelectedForm |
       | US           | CA      | individualParticipant | W8-BEN           |
       | US           | CA      | businessEntity        | W8-BEN-E         |
@@ -132,7 +132,7 @@ Feature: Tax Form Flow
     When they view step 3
     Then the <autoSelectedForm> is displayed
 
-    Examples:
+    Examples: 
       | brandCountry | country | autoSelectedForm |
       | MX           | US      | W9               |
       | UK           | US      | W9               |

From cbc1fbc3f959a5b9557d57c1fcac056549bd68c3 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 15 Mar 2024 11:24:38 -0700
Subject: [PATCH 556/753] Corrected sentence casing in docusign form

---
 .../sqm-docusign-form.feature                 | 15 ++++----
 .../sqm-tax-and-cash-dashboard.feature        | 34 +++++++++----------
 2 files changed, 24 insertions(+), 25 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
index 05e567adfa..1587257c2f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.feature
@@ -28,7 +28,7 @@ Feature: Docusign Form
     When the page loads
     Then <uiElements> are displayed
 
-    Examples:
+    Examples: 
       | publisherCountry | brandCountry     | currentDocument | uiElements                                      |
       | a non-US country | US               | null            | participant type radio options                  |
       | a non-US country | US               | populated       | participant type radio options, docusign iframe |
@@ -46,7 +46,7 @@ Feature: Docusign Form
     Then the Docusign iframe appears
     And an <autoSelectedTaxForm> appears in the Docusign iframe
 
-    Examples:
+    Examples: 
       | participantType       | autoSelectedTaxForm |
       | individualParticipant | W8-BEN              |
       | businessEntity        | W8-BEN-E            |
@@ -59,7 +59,7 @@ Feature: Docusign Form
     Then the participant type radio options are disabled
     And the option <selectedOption> is auto-selected
 
-    Examples:
+    Examples: 
       | userField                              | value  | selectedOption        |
       | user.publisher.currentTaxDocument.type | W8BEN  | individualParticipant |
       | user.publisher.currentTaxDocument.type | W8BENE | businessEntity        |
@@ -70,11 +70,11 @@ Feature: Docusign Form
     And are <participantType>
     Then the <taxFormSubHeader>/<taxFormDescriptionCopy> displays with <typeTaxForm>
 
-    Examples:
+    Examples: 
       | typeTaxForm | participantType       | taxFormSubHeader  | taxFormDescriptionCopy                                                                                                     |
-      | W9          | N/A                   | W9 Tax Form       | Participants based in the US and partnering with US-based brands need to submit a W9 form.                                 |
-      | W8-BEN      | individualParticipant | W8-BEN Tax Form   | Participants residing outside of the US, joining the referral program of a US-based company, need to submit a W8-BEN form. |
-      | W8-BEN-E    | businessEntity        | W8-BEN-E Tax Form | Participants residing outside of the US who represent a business enttiy need to submit a W8-BEN-E form.                    |
+      | W9          | N/A                   | W9 tax form       | Participants based in the US and partnering with US-based brands need to submit a W9 form.                                 |
+      | W8-BEN      | individualParticipant | W8-BEN tax form   | Participants residing outside of the US, joining the referral program of a US-based company, need to submit a W8-BEN form. |
+      | W8-BEN-E    | businessEntity        | W8-BEN-E tax form | Participants residing outside of the US who represent a business enttiy need to submit a W8-BEN-E form.                    |
 
   @minutia
   Scenario: Participant successfully completes Docusign document and is directed to document summary page
@@ -136,4 +136,3 @@ Feature: Docusign Form
       """
       Please refresh the page and try again. If this problem continues, contact Support.
       """
-
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
index 4b4852a871..bd94502b12 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
@@ -19,10 +19,10 @@ Feature: Tax And Cash Dashboard
 
   @minutia @ui
   Scenario Outline: The Tax Form header is displayed to the participant
-    Given they submitted a W9/W8-BEN/W8-BEN-E Tax form
-    Then the Tax Form header displays "<documentType> Tax Form"
+    Given they submitted a W9/W8-BEN/W8-BEN-E tax form
+    Then the Tax Form header displays "<documentType> tax form"
 
-    Examples:
+    Examples: 
       | documentType |
       | W9           |
       | W8 BEN       |
@@ -40,7 +40,7 @@ Feature: Tax And Cash Dashboard
     Then they see a badge with <status> text and a respective <badgeVariant>
     Then they see the message "<taxStatusMessage> on <dateSubmitted>"
 
-    Examples:
+    Examples: 
       | status       | badgeVariant | taxStatusMessage                                           | dateSubmitted |
       | ACTIVE       | success      | Submitted                                                  | Jan 17, 2024  |
       | NOT_VERIFIED | neutral      | Awaiting Review. Submitted                                 | Jan 17, 2024  |
@@ -58,15 +58,15 @@ Feature: Tax And Cash Dashboard
     When the participant <isRegistered> for indirect tax in their <country> and region <region>
     Then the Indirect Tax section will display <registeredDetails>, <indirectTaxType>, and <indirectTaxNumber>
 
-    Examples:
+    Examples: 
       | isRegistered | country          | region           | registeredDetails                                                                                                                                             | indirectTaxType        | indirectTaxNumber |
-      | true         | Australia        | n/a              | Registered in Australia.                                                                                                                                      | GST                    | 123456            |
-      | true         | Canada           | Ontario          | Registered in Ontario, Canada.                                                                                                                                | GST                    | 345213            |
-      | true         | Canada           | British Columbia | Registered in British Columbia, Canada.                                                                                                                       | HST                    | 345213            |
-      | true         | Canada           | Quebec           | Registered in Quebec, Canada.                                                                                                                                 | GST, QST               | 345213, 12312     |
-      | true         | United Kingdom   | n/a              | Registered in United Kingdom.                                                                                                                                 | VAT                    | 321413            |
-      | true         | Spain            | Spain Proper     | Registered in Spain, Spain Proper.                                                                                                                            | VAT, Income Tax Number | 345213, 12345     |
-      | true         | Spain            | Canary Islands   | Registered in Spain, Canary Islands.                                                                                                                          | VAT, Income Tax Number | 345213, 12345     |
+      | true         | Australia        | n/a              | Registered in Australia.                                                                                                                                      | GST                    |            123456 |
+      | true         | Canada           | Ontario          | Registered in Ontario, Canada.                                                                                                                                | GST                    |            345213 |
+      | true         | Canada           | British Columbia | Registered in British Columbia, Canada.                                                                                                                       | HST                    |            345213 |
+      | true         | Canada           | Quebec           | Registered in Quebec, Canada.                                                                                                                                 | GST, QST               |     345213, 12312 |
+      | true         | United Kingdom   | n/a              | Registered in United Kingdom.                                                                                                                                 | VAT                    |            321413 |
+      | true         | Spain            | Spain Proper     | Registered in Spain, Spain Proper.                                                                                                                            | VAT, Income Tax Number |     345213, 12345 |
+      | true         | Spain            | Canary Islands   | Registered in Spain, Canary Islands.                                                                                                                          | VAT, Income Tax Number |     345213, 12345 |
       | false        | United States    | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
       | false        | United States    | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
       | false        | Papua New Guinea | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
@@ -78,17 +78,17 @@ Feature: Tax And Cash Dashboard
     And they <doHaveIncomeTaxNumber> from step 2
     Then the indirect tax section displays <indirectTaxNumbers>
 
-    Examples:
+    Examples: 
       | registeredDetails    | subRegion      | doHaveIncomeTaxNumber | indirectTaxNumbers            |
-      | Registered in Spain, | Spain Proper   | true                  | VAT Number, Income Tax Number |
-      | Registered in Spain, | Canary Islands | false                 | VAT Number, N/A               |
+      | Registered in Spain, | Spain Proper   | true                  | VAT number, Income tax number |
+      | Registered in Spain, | Canary Islands | false                 | VAT number, N/A               |
 
   @minutia @ui
   Scenario Outline: A Danger Alert is displayed if the users tax form is invalid
     Given the document has status <status>
     Then a danger alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> appears
 
-    Examples:
+    Examples: 
       | status     | documentType | taxAlertHeader                                                             | taxAlertMessage                                                                                                                 |
       | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile. | Please resubmit a new W9 form.                                                                                                  |
       | NOT_ACTIVE | W8-BEN       | W8-BEN tax form is invalid.                                                | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form.   |
@@ -108,7 +108,7 @@ Feature: Tax And Cash Dashboard
     And they are viewing the Payout section
     Then they <maySee> the "Edit Payout Information" button
 
-    Examples:
+    Examples: 
       | brandPartnerType          | maySee     |
       | an existing brand partner | do not see |
       | a new brand partner       | do see     |

From bf34ef02e24ac24522801fc6349e6125afbcd62c Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 15 Mar 2024 14:21:00 -0700
Subject: [PATCH 557/753] fixed back button on banking info form

---
 packages/mint-components/package.json                           | 2 +-
 .../sqm-banking-info-form/sqm-banking-info-form-view.tsx        | 2 +-
 .../tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 0cb41087e1..8253fee20c 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-72",
+  "version": "1.8.0-73",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 31caa806c6..2d5422324e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -58,7 +58,7 @@ export interface BankingInfoFormViewProps {
       paymentMethodChecked: "BALANCE_THRESHOLD" | "FIXED_DAY"
     ) => void;
     onSubmit: (props: any) => Promise<void>;
-    onBack: (props: any) => Promise<void>;
+    onBack: (props: any) => void;
     setBankCountry?: (country: string) => void;
     setCurrency?: (currency: string) => void;
   };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 6d9086415b..444de6cb1f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -835,7 +835,7 @@ export function useBankingInfoForm(
       setBankCountry: updateBankCountry,
       setPaymentMethodChecked,
       setPaymentScheduleChecked,
-      onBack: async () => console.log("back"),
+      onBack: () => setStep("/dashboard"),
     },
     states: {
       step: step?.replace("/", ""),

From 5b6057655d5a7efa7c6e54b297567bc7de30ee9a Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 15 Mar 2024 14:31:45 -0700
Subject: [PATCH 558/753] fix spec

---
 .../sqm-banking-info-form/sqm-banking-info-form.feature         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index 8fd23aa39c..7689006bb0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -76,7 +76,7 @@ Feature: Banking Information Form
       | CAD      | Canada                                                       | EFT Withdrawal    |
       | EUR      | Spain, Ireland,  United Kingdom                              | EFT Withdrawal    |
       | EUR      | United States, Canada, Japan                                 | FX Wire           |
-      | JPY      | Japan                                                        | EFT Withdrawal    |
+      | JPY      | Japan                                                        | FX Wire           |
 
   @minutia
   Scenario Outline: PayPal option is dynamically shown

From 72ed045b82999d2208050a7e26c0fd42660f3288 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 18 Mar 2024 10:43:03 -0700
Subject: [PATCH 559/753] fix error state for sub region tax number

---
 .../sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index a692c36e59..832fee3622 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -229,7 +229,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             label={text.subRegionTaxNumberLabel}
             disabled={states.loading || states.disabled}
             value={formState.subRegionTaxNumber}
-            {...(formState.errors?.subRegionTaxNumberError && {
+            {...(formState.errors?.subRegionTaxNumber && {
               class: classes.ErrorInput,
               helpText: getIsRequiredErrorMessage(
                 text.subRegionTaxNumberLabel,

From 596f746e427f9813f2957fb7dd07cf29f94b1c47 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 18 Mar 2024 10:59:55 -0700
Subject: [PATCH 560/753] fix banking info skip when re-submitting tax doc

---
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx   | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 89a07ecf09..fbfcee6f7d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -129,7 +129,12 @@ export function useDocusignForm(props: DocusignForm) {
     if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) return;
 
     if (DOCUSIGN_SUCCESS_STATES.includes(docusignStatus)) {
-      setStep("/4");
+      // handles if the user refreshes and loses the override in context
+      const nextStep =
+        context.overrideNextStep || !!publisher?.withdrawalSettings
+          ? "/dashboard"
+          : "/4";
+      setStep(nextStep);
     }
 
     if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) {
@@ -159,7 +164,7 @@ export function useDocusignForm(props: DocusignForm) {
       }
 
       // Skip banking info form if it already is saved
-      if (publisher?.withdrawalSettings) {
+      if (!!publisher?.withdrawalSettings) {
         setStep(context.overrideNextStep || "/dashboard");
       } else {
         setStep(context.overrideNextStep || "/4");

From 63ac7d8cb112153e1bb234fe8fcfb19a92753a81 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 18 Mar 2024 11:07:05 -0700
Subject: [PATCH 561/753] fix or logic for isPartner banner

---
 .../sqm-user-info-form-view.tsx               | 27 +++++++++----------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 99c5a1dd34..1bbd2785c7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -267,20 +267,19 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               {text.error.generalDescription}
             </sl-alert>
           )}
-          {states.isPartner ||
-            (states.isUser && (
-              <sl-alert
-                type="primary"
-                open
-                class={sheet.classes.PartnerAlertContainer}
-                exportparts="base: alert-base, icon:alert-icon"
-              >
-                <sl-icon slot="icon" name="info-circle"></sl-icon>
-                <strong>{text.isPartnerAlertHeader}</strong>
-                <br />
-                {text.isPartnerAlertDescription}
-              </sl-alert>
-            ))}
+          {(states.isPartner || states.isUser) && (
+            <sl-alert
+              type="primary"
+              open
+              class={sheet.classes.PartnerAlertContainer}
+              exportparts="base: alert-base, icon:alert-icon"
+            >
+              <sl-icon slot="icon" name="info-circle"></sl-icon>
+              <strong>{text.isPartnerAlertHeader}</strong>
+              <br />
+              {text.isPartnerAlertDescription}
+            </sl-alert>
+          )}
 
           <div>
             <div class={classes.InputContainer}>

From 4a0543419b0f11c6ab300b50c4bf8a5259ccfe2d Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 18 Mar 2024 11:17:02 -0700
Subject: [PATCH 562/753] No longer send inactive tax to step 3

---
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx          | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 53615eae3f..cd39b8817b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -34,7 +34,6 @@ import {
 } from "./data";
 
 function getCurrentStep(user: UserQuery["user"]) {
-  console.log({ user });
   if (!user.impactConnection?.connected) {
     return "/1";
   }
@@ -45,9 +44,7 @@ function getCurrentStep(user: UserQuery["user"]) {
   // If they do have a required document, look at current document
   if (
     requiredTaxDocumentType &&
-    (!currentTaxDocument ||
-      currentTaxDocument?.status === "INACTIVE" ||
-      currentTaxDocument?.status === "NEW")
+    (!currentTaxDocument || currentTaxDocument?.status === "NEW")
   ) {
     return "/3";
   }

From fc37fecf064650ae3efda8e47c02602e5e0ca435 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Mon, 18 Mar 2024 14:19:53 -0700
Subject: [PATCH 563/753] Update tc copy

---
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx          | 2 +-
 .../tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index dcf9c9c527..048f0faa09 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -84,7 +84,7 @@ export class TaxAndCashMonolith {
    * @uiName Terms and conditions label text
    * @uiGroup Step 1 Properties
    */
-  @Prop() step1_termsAndConditionsLabel: string = "terms and conditions";
+  @Prop() step1_termsAndConditionsLabel: string = "Terms and Conditions";
 
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     STEP 2 PROPS:
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 8230167417..b9fe8b2164 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -103,7 +103,7 @@ export class TaxForm {
    * Label text for terms and conditions
    * @uiName Terms and conditions label text
    */
-  @Prop() termsAndConditionsLabel: string = "terms and conditions";
+  @Prop() termsAndConditionsLabel: string = "Terms and Conditions";
   /**
    * Required error text shown at the bottom of field inputs
    * @uiName Field inputs error text

From 92191e4de69c897126586d3d586a569829f094fa Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 18 Mar 2024 14:23:22 -0700
Subject: [PATCH 564/753] fix spain messaging

---
 packages/mint-components/package-lock.json    |  4 +-
 .../useTaxAndCashDashboard.tsx                |  7 +++
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  6 +--
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 45 +++++++++----------
 packages/mint-components/src/index.html       |  6 +--
 5 files changed, 36 insertions(+), 32 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index d9540bdc18..0adbd04db7 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-69",
+  "version": "1.8.0-73",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-69",
+      "version": "1.8.0-73",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index c46c7a6068..51daeea286 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -44,6 +44,13 @@ function getCountryName(countryCode: string, locale: string) {
 }
 
 function getSubRegionName(regionCode: string) {
+  // Impact adds an underscore to CANARYISLANDS, so requires a hardcoded check
+  if (regionCode === "CANARY_ISLANDS") {
+    return INDIRECT_TAX_SPAIN_REGIONS.find(
+      (r) => r.regionCode === "CANARYISLANDS"
+    )?.displayName;
+  }
+
   const regions = [...INDIRECT_TAX_PROVINCES, ...INDIRECT_TAX_SPAIN_REGIONS];
   return regions.find((r) => r.regionCode === regionCode)?.displayName;
 }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index dcf9c9c527..7df014a9ea 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -817,7 +817,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_subRegionTaxNumber: string =
-    "Income tax number: {incomeTaxNumber}";
+    "Income tax number: {subRegionTaxNumber}";
   /**
    * Badge text indicating payout status
    * @uiName Payout status badge text
@@ -1002,8 +1002,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    // const props = useTaxAndCash();
-    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    const props = useTaxAndCash();
+    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
     if (this.demoData?.showTextProps) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index cd39b8817b..8f5157602e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -42,10 +42,7 @@ function getCurrentStep(user: UserQuery["user"]) {
     user.impactConnection.publisher;
 
   // If they do have a required document, look at current document
-  if (
-    requiredTaxDocumentType &&
-    (!currentTaxDocument || currentTaxDocument?.status === "NEW")
-  ) {
+  if (requiredTaxDocumentType && !currentTaxDocument) {
     return "/3";
   }
 
@@ -59,20 +56,20 @@ export function useTaxAndCash() {
 
   function setupDemo() {
     // coleton
-    // const id =
-    //   "85438b54a9ccddaf65cdc2a23eb0e098f7e8455dfa612ba28874c21a2418f40f";
-    // const accountId =
-    //   "85438b54a9ccddaf65cdc2a23eb0e098f7e8455dfa612ba28874c21a2418f40f";
+    const id =
+      "8b8468acd871c030f257b0780322c71e8cc2c15c5b693872b76d3b18951d3267";
+    const accountId =
+      "8b8468acd871c030f257b0780322c71e8cc2c15c5b693872b76d3b18951d3267";
 
     // // andy
     // const id = "12345";
     // const accountId = "12345";
 
     // andy2
-    const id =
-      "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
-    const accountId =
-      "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
+    // const id =
+    //   "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
+    // const accountId =
+    //   "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
 
     // sam
     // const id =
@@ -90,11 +87,20 @@ export function useTaxAndCash() {
     };
 
     // coleton
+    useEffect(() => {
+      setUserIdentity({
+        accountId,
+        id,
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiOGI4NDY4YWNkODcxYzAzMGYyNTdiMDc4MDMyMmM3MWU4Y2MyYzE1YzViNjkzODcyYjc2ZDNiMTg5NTFkMzI2NyIsImFjY291bnRJZCI6IjhiODQ2OGFjZDg3MWMwMzBmMjU3YjA3ODAzMjJjNzFlOGNjMmMxNWM1YjY5Mzg3MmI3NmQzYjE4OTUxZDMyNjcifX0.ld7M7TnXbPaT1F5b6jc06n5rm8vLsMcBX4WQk7BOUJM",
+      });
+    }, []);
+
+    // andy
     // useEffect(() => {
     //   setUserIdentity({
     //     accountId,
     //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiODU0MzhiNTRhOWNjZGRhZjY1Y2RjMmEyM2ViMGUwOThmN2U4NDU1ZGZhNjEyYmEyODg3NGMyMWEyNDE4ZjQwZiIsImFjY291bnRJZCI6Ijg1NDM4YjU0YTljY2RkYWY2NWNkYzJhMjNlYjBlMDk4ZjdlODQ1NWRmYTYxMmJhMjg4NzRjMjFhMjQxOGY0MGYifX0.P9AysKA3qMEHk6jC6poi7pr4nhKqtOAJV2jwBjHPJZQ",
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMGExZTFmYTE3OGQ1MmRlZDAzZTg2YjZiZDAxYThhMDIwNDZkOGJlZjMzNjc2MzRlMTkyNzQ2ZTcxMTljNDFlMyIsImFjY291bnRJZCI6IjBhMWUxZmExNzhkNTJkZWQwM2U4NmI2YmQwMWE4YTAyMDQ2ZDhiZWYzMzY3NjM0ZTE5Mjc0NmU3MTE5YzQxZTMifX0.OO18YDc8LG3XeKJAug1oahqapmHY61RncrbRiK7Yer4",
     //   });
     // }, []);
 
@@ -103,19 +109,10 @@ export function useTaxAndCash() {
     //   setUserIdentity({
     //     accountId,
     //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMGExZTFmYTE3OGQ1MmRlZDAzZTg2YjZiZDAxYThhMDIwNDZkOGJlZjMzNjc2MzRlMTkyNzQ2ZTcxMTljNDFlMyIsImFjY291bnRJZCI6IjBhMWUxZmExNzhkNTJkZWQwM2U4NmI2YmQwMWE4YTAyMDQ2ZDhiZWYzMzY3NjM0ZTE5Mjc0NmU3MTE5YzQxZTMifX0.OO18YDc8LG3XeKJAug1oahqapmHY61RncrbRiK7Yer4",
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiODBkMjRlOGQ2MTMzYmRjZjg1OTg0NGNhMWZjNzU1MmM1N2Q1ZDA2NjFhN2Y0NmY3OTFlYTA3ODU4MjdhNzBlZCIsImFjY291bnRJZCI6IjgwZDI0ZThkNjEzM2JkY2Y4NTk4NDRjYTFmYzc1NTJjNTdkNWQwNjYxYTdmNDZmNzkxZWEwNzg1ODI3YTcwZWQifX0.8VWa3R_pSeRJeNw07AZPjCdTuTiwBYXOAc-ouVItuYs",
     //   });
     // }, []);
 
-    // andy
-    useEffect(() => {
-      setUserIdentity({
-        accountId,
-        id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiODBkMjRlOGQ2MTMzYmRjZjg1OTg0NGNhMWZjNzU1MmM1N2Q1ZDA2NjFhN2Y0NmY3OTFlYTA3ODU4MjdhNzBlZCIsImFjY291bnRJZCI6IjgwZDI0ZThkNjEzM2JkY2Y4NTk4NDRjYTFmYzc1NTJjNTdkNWQwNjYxYTdmNDZmNzkxZWEwNzg1ODI3YTcwZWQifX0.8VWa3R_pSeRJeNw07AZPjCdTuTiwBYXOAc-ouVItuYs",
-      });
-    }, []);
-
     // sam
     // useEffect(() => {
     //   setUserIdentity({
@@ -126,7 +123,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  // setupDemo();
+  setupDemo();
 
   /** END DEMO DATA */
 
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 63afe7dd45..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-portal-container>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container> -->
+    </sqm-portal-container>
   </body>
 </html>

From a37fc73b4bc48a37264f515d1c7551e16dc32e16 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 18 Mar 2024 14:37:17 -0700
Subject: [PATCH 565/753] skip docusign fetch on initial load of w8 case

---
 .../sqm-docusign-form/useDocusignForm.tsx           |  9 +++++++++
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx | 13 +++++++------
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index fbfcee6f7d..6a3b9a17c4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -99,8 +99,17 @@ export function useDocusignForm(props: DocusignForm) {
   }, [publisher]);
 
   useEffect(() => {
+    // Skip if no publisher info
     if (!user || !publisher) return;
 
+    // Skip on initial load of W8 case
+    if (
+      publisher.requiredTaxDocumentType?.startsWith("W8") &&
+      !publisher.currentTaxDocument &&
+      !participantType
+    )
+      return;
+
     const fetchDocument = async () => {
       try {
         const result = await createTaxDocument({
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 8f5157602e..99148ab05d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -57,9 +57,9 @@ export function useTaxAndCash() {
   function setupDemo() {
     // coleton
     const id =
-      "8b8468acd871c030f257b0780322c71e8cc2c15c5b693872b76d3b18951d3267";
+      "f205812deeff1ab5b8d0071e057055aab16e17ba3e5fb3d1353814ceff248fde";
     const accountId =
-      "8b8468acd871c030f257b0780322c71e8cc2c15c5b693872b76d3b18951d3267";
+      "f205812deeff1ab5b8d0071e057055aab16e17ba3e5fb3d1353814ceff248fde";
 
     // // andy
     // const id = "12345";
@@ -76,12 +76,13 @@ export function useTaxAndCash() {
     //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
     // const accountId =
     //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
-    const programId = "22514";
+    // const programId = "22514";
+    const programId = "22999";
 
     //@ts-ignore
     window.widgetIdent = {
-      tenantAlias: "aprh0cfq6y8tk",
-      // tenantAlias: "aswi7zpxl6rjp",
+      // tenantAlias: "aprh0cfq6y8tk",
+      tenantAlias: "aswi7zpxl6rjp",
       appDomain: "https://staging.referralsaasquatch.com",
       programId,
     };
@@ -91,7 +92,7 @@ export function useTaxAndCash() {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiOGI4NDY4YWNkODcxYzAzMGYyNTdiMDc4MDMyMmM3MWU4Y2MyYzE1YzViNjkzODcyYjc2ZDNiMTg5NTFkMzI2NyIsImFjY291bnRJZCI6IjhiODQ2OGFjZDg3MWMwMzBmMjU3YjA3ODAzMjJjNzFlOGNjMmMxNWM1YjY5Mzg3MmI3NmQzYjE4OTUxZDMyNjcifX0.ld7M7TnXbPaT1F5b6jc06n5rm8vLsMcBX4WQk7BOUJM",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiZjIwNTgxMmRlZWZmMWFiNWI4ZDAwNzFlMDU3MDU1YWFiMTZlMTdiYTNlNWZiM2QxMzUzODE0Y2VmZjI0OGZkZSIsImFjY291bnRJZCI6ImYyMDU4MTJkZWVmZjFhYjViOGQwMDcxZTA1NzA1NWFhYjE2ZTE3YmEzZTVmYjNkMTM1MzgxNGNlZmYyNDhmZGUifX0.5xguoPY6ZpJYsn3NNmeoApUGobXSnZheXofh2oGIY84",
       });
     }, []);
 

From 4407bddc49b758f9528ba8ab4bfa13b414dde67d Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 18 Mar 2024 14:39:45 -0700
Subject: [PATCH 566/753] build + publish

---
 packages/mint-components/package.json         |  2 +-
 .../tax-and-cash/sqm-docusign-form/readme.md  | 52 ++++++++++---------
 .../sqm-indirect-tax-form/readme.md           |  2 +-
 3 files changed, 29 insertions(+), 27 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 8253fee20c..3058311a16 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-73",
+  "version": "1.8.0-74",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index d7090edda3..0203bd71d3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,31 +7,33 @@
 
 ## Properties
 
-| Property                                  | Attribute                                     | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Default                                                                                                                                                            |
-| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `backButton`                              | `back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Back"`                                                                                                                                                           |
-| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
-| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"I represent a business"`                                                                                                                                         |
-| `cancelButton`                            | `cancel-button`                               | Text shown inside of cancel button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Cancel"`                                                                                                                                                         |
-| `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"I have completed and submitted my tax form"`                                                                                                                     |
-| `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Form submission"`                                                                                                                                                |
-| `demoData`                                | --                                            |                                                                                                            | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; urlLoading: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
-| `docusignCompleted`                       | `docusign-completed`                          | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Your document has been completed and submitted."`                                                                                                                |
-| `docusignError`                           | `docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
-| `docusignExpired`                         | `docusign-expired`                            | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
-| `formStep`                                | `form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Step {step} of {count}"`                                                                                                                                         |
-| `formSubmissionError`                     | `form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"This field is required"`                                                                                                                                         |
-| `generalErrorDescription`                 | `general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
-| `generalErrorTitle`                       | `general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem submitting your information"`                                                                                                                |
-| `individualParticipant`                   | `individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"I am an individual participant"`                                                                                                                                 |
-| `notBasedInUS`                            | `not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Not based in the US?"`                                                                                                                                           |
-| `participantType`                         | `participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Participant type"`                                                                                                                                               |
-| `refreshButton`                           | `refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Refresh Page"`                                                                                                                                                   |
-| `taxForm`                                 | `tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Tax form"`                                                                                                                                                       |
-| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
-| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
-| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
-| `taxFormLabel`                            | `tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{documentType} Tax Form"`                                                                                                                                        |
+| Property                                  | Attribute                                     | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default                                                                                                                                                            |
+| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `backButton`                              | `back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Back"`                                                                                                                                                           |
+| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
+| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I represent a business"`                                                                                                                                         |
+| `cancelButton`                            | `cancel-button`                               | Text shown inside of cancel button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Cancel"`                                                                                                                                                         |
+| `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I have completed and submitted my tax form"`                                                                                                                     |
+| `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Form submission"`                                                                                                                                                |
+| `demoData`                                | --                                            |                                                                                                            | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
+| `docusignCompleted`                       | `docusign-completed`                          | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Your document has been completed and submitted."`                                                                                                                |
+| `docusignError`                           | `docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
+| `docusignExpired`                         | `docusign-expired`                            | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
+| `formStep`                                | `form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Step {step} of {count}"`                                                                                                                                         |
+| `formSubmissionError`                     | `form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"This field is required"`                                                                                                                                         |
+| `generalErrorDescription`                 | `general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
+| `generalErrorTitle`                       | `general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                                                                |
+| `individualParticipant`                   | `individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I am an individual participant"`                                                                                                                                 |
+| `loadingErrorAlertDescription`            | `loading-error-alert-description`             | Alert description shown if there is a problem loading a form                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                             |
+| `loadingErrorAlertHeader`                 | `loading-error-alert-header`                  | Alert header shown if there is a problem loading a form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem loading your form"`                                                                                                                          |
+| `notBasedInUS`                            | `not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not based in the US?"`                                                                                                                                           |
+| `participantType`                         | `participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participant type"`                                                                                                                                               |
+| `refreshButton`                           | `refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Refresh Page"`                                                                                                                                                   |
+| `taxForm`                                 | `tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Tax form"`                                                                                                                                                       |
+| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
+| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
+| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
+| `taxFormLabel`                            | `tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{documentType} Tax Form"`                                                                                                                                        |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index f29b9e9c71..196d846227 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -35,7 +35,7 @@
 | `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"QST number"`                                                                                                                                                                                                      |
 | `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Country / region of indirect tax"`                                                                                                                                                                                |
 | `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Sub-region"`                                                                                                                                                                                                      |
-| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Income Tax Number"`                                                                                                                                                                                               |
+| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Income tax number"`                                                                                                                                                                                               |
 
 
 ## Dependencies

From 410990ad7ff1326116b24bb71fb015db52a9cab3 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Mon, 18 Mar 2024 14:49:08 -0700
Subject: [PATCH 567/753] fix empty state image size

---
 .../src/components/sqm-empty/sqm-empty-view.tsx    | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-empty/sqm-empty-view.tsx b/packages/mint-components/src/components/sqm-empty/sqm-empty-view.tsx
index 68d1fa5d7b..2747250aeb 100644
--- a/packages/mint-components/src/components/sqm-empty/sqm-empty-view.tsx
+++ b/packages/mint-components/src/components/sqm-empty/sqm-empty-view.tsx
@@ -11,12 +11,18 @@ export function EmptyStateView(props: EmptyStateViewProps) {
 
   return (
     <sqm-portal-container padding="large" gap="medium" part="sqm-base">
-      <sqm-image image-url={emptyStateImage}></sqm-image>
-      <sqm-titled-section label-margin="xxx-small" text-align="center">
+      <img style={{ height: "100px", margin: "auto" }} src={emptyStateImage} />
+      <sqm-titled-section
+        style={{ maxHeight: "400px" }}
+        label-margin="xxx-small"
+        text-align="center"
+      >
         <sqm-text slot="label">
-          <h4>{emptyStateHeader}</h4>
+          <p>{emptyStateHeader}</p>
+        </sqm-text>
+        <sqm-text slot="content">
+          <p style={{ color: "var(--sl-color-gray-500)" }}>{emptyStateText}</p>
         </sqm-text>
-        <sqm-text slot="content">{emptyStateText}</sqm-text>
       </sqm-titled-section>
     </sqm-portal-container>
   );

From 8b9d279759b53b63ffdac52d18b945b77ea31f98 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 18 Mar 2024 15:04:08 -0700
Subject: [PATCH 568/753] prevent value from being cleared while searching
 countries

---
 .../tax-and-cash/TaxForm.stories.tsx           | 18 ++++++++++++++++++
 .../sqm-indirect-tax-form.tsx                  |  1 +
 .../useIndirectTaxForm.tsx                     |  1 +
 .../small-views/IndirectTaxDetailsView.tsx     |  7 +++++++
 4 files changed, 27 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index f8615d5e49..d3594e314c 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -124,6 +124,24 @@ const stepTwoProps: StoryDemoData<UseIndirectTaxFormResult> = {
         displayName: "United States",
       },
     ],
+    allCountries: [
+      {
+        countryCode: "CA",
+        displayName: "Canada",
+      },
+      {
+        countryCode: "ES",
+        displayName: "Spain",
+      },
+      {
+        countryCode: "UK",
+        displayName: "United Kingdom",
+      },
+      {
+        countryCode: "US",
+        displayName: "United States",
+      },
+    ],
     provinces: INDIRECT_TAX_PROVINCES,
   },
   slotProps: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 416a4bd6dc..4e17966ac1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -260,6 +260,7 @@ export class IndirectTaxForm {
           esRegions: props.data.esRegions,
           countries: props.data.countries,
           provinces: props.data.provinces,
+          allCountries: props.data.allCountries,
         }}
         text={props.text.slotText}
       />
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 909ed2ca04..df1e414bd3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -277,6 +277,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     data: {
       esRegions: INDIRECT_TAX_SPAIN_REGIONS,
       countries: filteredCountries,
+      allCountries: _countries?.impactPayoutCountries?.data,
       provinces: INDIRECT_TAX_PROVINCES,
     },
     text: props.getTextProps(),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 832fee3622..7ca97c9310 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -34,6 +34,7 @@ export interface IndirectDetailsSlotViewProps {
       displayName: string;
     }[];
     countries?: TaxCountry[];
+    allCountries?: TaxCountry[];
   };
   callbacks: {
     onFormChange: (field: string, e: CustomEvent) => void;
@@ -386,6 +387,12 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
             {props.data.countries?.map((c) => (
               <sl-menu-item value={c.countryCode}>{c.displayName}</sl-menu-item>
             ))}
+            {/* include and hide all countries to prevent selected value from being cleared while filtering */}
+            {props.data.allCountries?.map((c) => (
+              <sl-menu-item value={c.countryCode} style={{ display: "none" }}>
+                {c.displayName}
+              </sl-menu-item>
+            ))}
           </sl-select>
           {/* Trying to stop shoelace from persisting form inputs */}
           {activeForm}

From cf651405c888b547c925da3dfc8aa5e2c5ed2a56 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 18 Mar 2024 15:10:05 -0700
Subject: [PATCH 569/753] fix search / filter value for user info form as well

---
 .../tax-and-cash/TaxForm.stories.tsx          | 32 +++++++++++++++++++
 .../sqm-user-info-form-view.tsx               | 20 ++++++++++++
 .../sqm-user-info-form/sqm-user-info-form.tsx |  2 ++
 .../sqm-user-info-form/useUserInfoForm.tsx    |  2 ++
 4 files changed, 56 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index d3594e314c..d175745bfb 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -75,6 +75,38 @@ const stepOneProps: StoryDemoData<UseUserInfoFormResult> = {
         displayName: "USD",
       },
     ],
+    allCountries: [
+      {
+        countryCode: "CA",
+        displayName: "Canada",
+      },
+      {
+        countryCode: "ES",
+        displayName: "Spain",
+      },
+      {
+        countryCode: "UK",
+        displayName: "United Kingdom",
+      },
+      {
+        countryCode: "US",
+        displayName: "United States",
+      },
+    ],
+    allCurrencies: [
+      {
+        currencyCode: "CAD",
+        displayName: "CAD",
+      },
+      {
+        currencyCode: "GBP",
+        displayName: "GBP",
+      },
+      {
+        currencyCode: "USD",
+        displayName: "USD",
+      },
+    ],
   },
   refs: {
     formRef: { current: null },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 1bbd2785c7..0819a5e431 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -37,6 +37,14 @@ export interface UserInfoFormViewProps {
       countryCode: string;
       displayName: string;
     }[];
+    allCountries: {
+      countryCode: string;
+      displayName: string;
+    }[];
+    allCurrencies: {
+      currencyCode: string;
+      displayName: string;
+    }[];
     currencies: {
       currencyCode: string;
       displayName: string;
@@ -364,6 +372,12 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                     {c.displayName}
                   </sl-menu-item>
                 ))}
+                {data?.allCountries?.map((c) => (
+                  <sl-menu-item
+                    value={c.countryCode}
+                    style={{ display: "none" }}
+                  ></sl-menu-item>
+                ))}
               </sl-select>
               <sl-select
                 id="currency"
@@ -402,6 +416,12 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                     {c.currencyCode} - {c.displayName}
                   </sl-menu-item>
                 ))}
+                {data?.allCurrencies?.map((c) => (
+                  <sl-menu-item
+                    value={c.currencyCode}
+                    style={{ display: "none" }}
+                  ></sl-menu-item>
+                ))}
               </sl-select>
 
               <div class={classes.CheckboxWrapper}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index b9fe8b2164..16ec7e8eb9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -187,7 +187,9 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
       },
       data: {
         currencies: [{ currencyCode: "CAD", displayName: "CAD" }],
+        allCurrencies: [{ currencyCode: "CAD", displayName: "CAD" }],
         countries: [{ countryCode: "CA", displayName: "Canada" }],
+        allCountries: [{ countryCode: "CA", displayName: "Canada" }],
       },
       callbacks: {
         setCurrencySearch: (c) => console.log(c),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 5722197101..8520a4b622 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -206,6 +206,8 @@ export function useUserInfoForm(props: TaxForm) {
     data: {
       currencies: filteredCurrencies,
       countries: filteredCountries,
+      allCurrencies: currencies,
+      allCountries: countries,
     },
     states: {
       step: step?.replace("/", ""),

From 15f101f1fca486560a20aaa06cb907180350ace6 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 18 Mar 2024 15:12:13 -0700
Subject: [PATCH 570/753] 1.8.0-74 prerelease

---
 packages/mint-components/package-lock.json    |  4 +-
 packages/mint-components/package.json         |  2 +-
 .../tax-and-cash/sqm-docusign-form/readme.md  | 52 ++++++++++---------
 .../sqm-indirect-tax-form/readme.md           |  2 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  4 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  4 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  2 +-
 .../tax-and-cash/sqm-user-info-form/readme.md |  2 +-
 8 files changed, 37 insertions(+), 35 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 0adbd04db7..b70f29be7b 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-73",
+  "version": "1.8.0-74",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-73",
+      "version": "1.8.0-74",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 8253fee20c..3058311a16 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-73",
+  "version": "1.8.0-74",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index d7090edda3..0203bd71d3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,31 +7,33 @@
 
 ## Properties
 
-| Property                                  | Attribute                                     | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Default                                                                                                                                                            |
-| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `backButton`                              | `back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Back"`                                                                                                                                                           |
-| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
-| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"I represent a business"`                                                                                                                                         |
-| `cancelButton`                            | `cancel-button`                               | Text shown inside of cancel button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Cancel"`                                                                                                                                                         |
-| `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"I have completed and submitted my tax form"`                                                                                                                     |
-| `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Form submission"`                                                                                                                                                |
-| `demoData`                                | --                                            |                                                                                                            | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; urlLoading: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
-| `docusignCompleted`                       | `docusign-completed`                          | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Your document has been completed and submitted."`                                                                                                                |
-| `docusignError`                           | `docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
-| `docusignExpired`                         | `docusign-expired`                            | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
-| `formStep`                                | `form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Step {step} of {count}"`                                                                                                                                         |
-| `formSubmissionError`                     | `form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"This field is required"`                                                                                                                                         |
-| `generalErrorDescription`                 | `general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
-| `generalErrorTitle`                       | `general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"There was a problem submitting your information"`                                                                                                                |
-| `individualParticipant`                   | `individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"I am an individual participant"`                                                                                                                                 |
-| `notBasedInUS`                            | `not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Not based in the US?"`                                                                                                                                           |
-| `participantType`                         | `participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Participant type"`                                                                                                                                               |
-| `refreshButton`                           | `refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Refresh Page"`                                                                                                                                                   |
-| `taxForm`                                 | `tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Tax form"`                                                                                                                                                       |
-| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
-| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
-| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
-| `taxFormLabel`                            | `tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `"{documentType} Tax Form"`                                                                                                                                        |
+| Property                                  | Attribute                                     | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default                                                                                                                                                            |
+| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `backButton`                              | `back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Back"`                                                                                                                                                           |
+| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
+| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I represent a business"`                                                                                                                                         |
+| `cancelButton`                            | `cancel-button`                               | Text shown inside of cancel button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Cancel"`                                                                                                                                                         |
+| `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I have completed and submitted my tax form"`                                                                                                                     |
+| `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Form submission"`                                                                                                                                                |
+| `demoData`                                | --                                            |                                                                                                            | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
+| `docusignCompleted`                       | `docusign-completed`                          | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Your document has been completed and submitted."`                                                                                                                |
+| `docusignError`                           | `docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
+| `docusignExpired`                         | `docusign-expired`                            | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
+| `formStep`                                | `form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Step {step} of {count}"`                                                                                                                                         |
+| `formSubmissionError`                     | `form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"This field is required"`                                                                                                                                         |
+| `generalErrorDescription`                 | `general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
+| `generalErrorTitle`                       | `general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                                                                |
+| `individualParticipant`                   | `individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I am an individual participant"`                                                                                                                                 |
+| `loadingErrorAlertDescription`            | `loading-error-alert-description`             | Alert description shown if there is a problem loading a form                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                             |
+| `loadingErrorAlertHeader`                 | `loading-error-alert-header`                  | Alert header shown if there is a problem loading a form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem loading your form"`                                                                                                                          |
+| `notBasedInUS`                            | `not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not based in the US?"`                                                                                                                                           |
+| `participantType`                         | `participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participant type"`                                                                                                                                               |
+| `refreshButton`                           | `refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Refresh Page"`                                                                                                                                                   |
+| `taxForm`                                 | `tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Tax form"`                                                                                                                                                       |
+| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
+| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
+| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
+| `taxFormLabel`                            | `tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{documentType} Tax Form"`                                                                                                                                        |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index f29b9e9c71..196d846227 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -35,7 +35,7 @@
 | `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"QST number"`                                                                                                                                                                                                      |
 | `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Country / region of indirect tax"`                                                                                                                                                                                |
 | `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Sub-region"`                                                                                                                                                                                                      |
-| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Income Tax Number"`                                                                                                                                                                                               |
+| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Income tax number"`                                                                                                                                                                                               |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index e2e1723064..9a10195ebd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -33,7 +33,7 @@
 | `dashboard_statusTextActive`                    | `dashboard_status-text-active`                       | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                                                                                          |
 | `dashboard_statusTextNotActive`                 | `dashboard_status-text-not-active`                   | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                                                                                                |
 | `dashboard_statusTextNotVerified`               | `dashboard_status-text-not-verified`                 | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                                                                                                    |
-| `dashboard_subRegionTaxNumber`                  | `dashboard_sub-region-tax-number`                    | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income tax number: {incomeTaxNumber}"`                                                                                                                                                                                                            |
+| `dashboard_subRegionTaxNumber`                  | `dashboard_sub-region-tax-number`                    | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                                                                                                         |
 | `dashboard_taxAlertHeaderNotActiveW8`           | `dashboard_tax-alert-header-not-active-w-8`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                                                                                              |
 | `dashboard_taxAlertHeaderNotActiveW9`           | `dashboard_tax-alert-header-not-active-w-9`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                                                                                       |
 | `dashboard_taxAlertNotActiveMessageW8`          | `dashboard_tax-alert-not-active-message-w-8`         | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                                                                                                            |
@@ -63,7 +63,7 @@
 | `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                                                                                                      |
 | `step1_lastName`                                | `step-1_last-name`                                   | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                                                                                                       |
 | `step1_personalInformation`                     | `step-1_personal-information`                        | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                                                                                            |
-| `step1_termsAndConditionsLabel`                 | `step-1_terms-and-conditions-label`                  | Label text for terms and conditions                                                                        | `string`                                                                                                             | `"terms and conditions"`                                                                                                                                                                                                                            |
+| `step1_termsAndConditionsLabel`                 | `step-1_terms-and-conditions-label`                  | Label text for terms and conditions                                                                        | `string`                                                                                                             | `"Terms and Conditions"`                                                                                                                                                                                                                            |
 | `step2_cannotChangeInfoAlert`                   | `step-2_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"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."`                                                                    |
 | `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                                                                                                    |
 | `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                                                                                                  |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 8d54d2f5f8..fbe63867be 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -1002,8 +1002,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    const props = useTaxAndCash();
-    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    // const props = useTaxAndCash();
+    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
     if (this.demoData?.showTextProps) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 99148ab05d..64ac500784 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -124,7 +124,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  setupDemo();
+  // setupDemo();
 
   /** END DEMO DATA */
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index f4ace21d58..d18430393c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -27,7 +27,7 @@
 | `loadingErrorAlertDescription` | `loading-error-alert-description` | Alert description shown if there is a problem loading a form                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                      |
 | `loadingErrorAlertHeader`      | `loading-error-alert-header`      | Alert header shown if there is a problem loading a form                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"There was a problem loading your form"`                                                                                                                                   |
 | `personalInformation`          | `personal-information`            | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Personal Information"`                                                                                                                                                    |
-| `termsAndConditionsLabel`      | `terms-and-conditions-label`      | Label text for terms and conditions                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"terms and conditions"`                                                                                                                                                    |
+| `termsAndConditionsLabel`      | `terms-and-conditions-label`      | Label text for terms and conditions                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Terms and Conditions"`                                                                                                                                                    |
 
 
 ## Dependencies

From c1266431e219ce873abe3290575d6d295ef8c3d1 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 18 Mar 2024 15:43:23 -0700
Subject: [PATCH 571/753] translatable search placeholder text

---
 packages/mint-components/src/components.d.ts  | 60 +++++++++++++++++++
 .../sqm-indirect-tax-form.tsx                 |  9 ++-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 17 ++++++
 .../small-views/IndirectTaxDetailsView.tsx    |  3 +-
 .../sqm-user-info-form-view.tsx               |  6 +-
 .../sqm-user-info-form/sqm-user-info-form.tsx | 10 ++++
 6 files changed, 101 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 3590cf1bd6..08a14abc0a 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1104,6 +1104,11 @@ export namespace Components {
           * @uiName QST number input label
          */
         "qstNumber": string;
+        /**
+          * Placeholder text displayed in the country search dropdown
+          * @uiName Search for country text
+         */
+        "searchForCountryText": string;
         /**
           * Label text for the country/region select input
           * @uiName Selected country/region label
@@ -4085,6 +4090,16 @@ export namespace Components {
           * @uiGroup Step 1 Properties
          */
         "step1_personalInformation": string;
+        /**
+          * Placeholder text displayed in the country search dropdown
+          * @uiName Search for country text
+         */
+        "step1_searchForCountryText": string;
+        /**
+          * Placeholder text displayed in the currency search dropdown
+          * @uiName Search for currency text
+         */
+        "step1_searchForCurrencyText": string;
         /**
           * Label text for terms and conditions
           * @uiName Terms and conditions label text
@@ -4181,6 +4196,11 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_qstNumber": string;
+        /**
+          * Placeholder text displayed in the country search dropdown
+          * @uiName Search for country text
+         */
+        "step2_searchForCountryText": string;
         /**
           * Label text for the Selected Region select input
           * @uiName Selected region select input label
@@ -4935,6 +4955,16 @@ export namespace Components {
           * @uiName Form heading text
          */
         "personalInformation": string;
+        /**
+          * Placeholder text displayed in the country search dropdown
+          * @uiName Search for country text
+         */
+        "searchForCountryText": string;
+        /**
+          * Placeholder text displayed in the currency search dropdown
+          * @uiName Search for currency text
+         */
+        "searchForCurrencyText": string;
         /**
           * Label text for terms and conditions
           * @uiName Terms and conditions label text
@@ -6782,6 +6812,11 @@ declare namespace LocalJSX {
           * @uiName QST number input label
          */
         "qstNumber"?: string;
+        /**
+          * Placeholder text displayed in the country search dropdown
+          * @uiName Search for country text
+         */
+        "searchForCountryText"?: string;
         /**
           * Label text for the country/region select input
           * @uiName Selected country/region label
@@ -9733,6 +9768,16 @@ declare namespace LocalJSX {
           * @uiGroup Step 1 Properties
          */
         "step1_personalInformation"?: string;
+        /**
+          * Placeholder text displayed in the country search dropdown
+          * @uiName Search for country text
+         */
+        "step1_searchForCountryText"?: string;
+        /**
+          * Placeholder text displayed in the currency search dropdown
+          * @uiName Search for currency text
+         */
+        "step1_searchForCurrencyText"?: string;
         /**
           * Label text for terms and conditions
           * @uiName Terms and conditions label text
@@ -9829,6 +9874,11 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_qstNumber"?: string;
+        /**
+          * Placeholder text displayed in the country search dropdown
+          * @uiName Search for country text
+         */
+        "step2_searchForCountryText"?: string;
         /**
           * Label text for the Selected Region select input
           * @uiName Selected region select input label
@@ -10582,6 +10632,16 @@ declare namespace LocalJSX {
           * @uiName Form heading text
          */
         "personalInformation"?: string;
+        /**
+          * Placeholder text displayed in the country search dropdown
+          * @uiName Search for country text
+         */
+        "searchForCountryText"?: string;
+        /**
+          * Placeholder text displayed in the currency search dropdown
+          * @uiName Search for currency text
+         */
+        "searchForCurrencyText"?: string;
         /**
           * Label text for terms and conditions
           * @uiName Terms and conditions label text
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 4e17966ac1..0d540634b4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -150,12 +150,18 @@ export class IndirectTaxForm {
    */
   @Prop() indirectTaxNumberError: string =
     "{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
+   */
+  @Prop() searchForCountryText: string = "Search for country..";
+
   /**
    * Required error text shown at the bottom of field inputs
    * @uiName Field inputs error text
    */
   @Prop() fieldRequiredError: string = "{fieldName} is required";
-
   /**
    * Header text for the alert when the user is identified as a partner
    * @uiName Partner identification alert header
@@ -238,6 +244,7 @@ export class IndirectTaxForm {
           indirectTaxNumber: props.indirectTaxNumberError,
           fieldRequiredError: props.fieldRequiredError,
         },
+        searchForCountryText: props.searchForCountryText,
       },
     };
   }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 8d54d2f5f8..1cff19ad4d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -86,6 +86,17 @@ export class TaxAndCashMonolith {
    */
   @Prop() step1_termsAndConditionsLabel: string = "Terms and Conditions";
 
+  /**
+   * Placeholder text displayed in the country search dropdown
+   * @uiName Search for country text
+   */
+  @Prop() step1_searchForCountryText: string = "Search for country..";
+  /**
+   * Placeholder text displayed in the currency search dropdown
+   * @uiName Search for currency text
+   */
+  @Prop() step1_searchForCurrencyText: string = "Search for currency..";
+
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     STEP 2 PROPS:
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -208,6 +219,12 @@ export class TaxAndCashMonolith {
   @Prop() step2_indirectTaxNumberError: string =
     "{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
+   */
+  @Prop() step2_searchForCountryText: string = "Search for country..";
+
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     STEP 3 PROPS:
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index 7ca97c9310..c2cb71d868 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -55,6 +55,7 @@ export interface IndirectDetailsSlotViewProps {
       indirectTaxNumber: string;
       fieldRequiredError: string;
     };
+    searchForCountryText: string;
   };
 }
 
@@ -375,7 +376,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
           >
             <sl-input
               class={classes.SearchInput}
-              placeholder="Search for country.."
+              placeholder={text.searchForCountryText}
               onKeyDown={(e) => {
                 // Stop shoelace intercepting key presses
                 e.stopPropagation();
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 0819a5e431..6eecdb8a6b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -77,6 +77,8 @@ export interface UserInfoFormViewProps {
       loadingErrorAlertHeader: string;
       loadingErrorAlertDescription: string;
     };
+    searchForCountryText: string;
+    searchForCurrencyText: string;
   };
   refs: {
     formRef: any;
@@ -358,7 +360,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               >
                 <sl-input
                   class={classes.SearchInput}
-                  placeholder="Search for country.."
+                  placeholder={text.searchForCountryText}
                   onKeyDown={(e) => {
                     // Stop shoelace intercepting key presses
                     e.stopPropagation();
@@ -402,7 +404,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
               >
                 <sl-input
                   class={classes.SearchInput}
-                  placeholder="Search for currency.."
+                  placeholder={text.searchForCurrencyText}
                   onKeyDown={(e) => {
                     // Stop shoelace intercepting key presses
                     e.stopPropagation();
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 16ec7e8eb9..30d84b59ae 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -104,6 +104,16 @@ export class TaxForm {
    * @uiName Terms and conditions label text
    */
   @Prop() termsAndConditionsLabel: string = "Terms and Conditions";
+  /**
+   * Placeholder text displayed in the country search dropdown
+   * @uiName Search for country text
+   */
+  @Prop() searchForCountryText: string = "Search for country..";
+  /**
+   * Placeholder text displayed in the currency search dropdown
+   * @uiName Search for currency text
+   */
+  @Prop() searchForCurrencyText: string = "Search for currency..";
   /**
    * Required error text shown at the bottom of field inputs
    * @uiName Field inputs error text

From 5d9ced90e88c0b9f69161a0bf0530301c64fca2e Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 18 Mar 2024 15:52:00 -0700
Subject: [PATCH 572/753] loading error on docusign step

---
 .../tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx  | 1 -
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx         | 3 +--
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 5c3d979edc..8e71612230 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -13,7 +13,6 @@ export interface DocusignFormViewProps {
     disabled: boolean;
     hideSteps: boolean;
     participantTypeDisabled: boolean;
-    // TODO AL: loadingError
     loadingError?: boolean;
     formState: {
       completedTaxForm: boolean;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 6a3b9a17c4..928d4f2adc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -200,8 +200,7 @@ export function useDocusignForm(props: DocusignForm) {
       submitDisabled: !formSubmitted,
       loading: userLoading || loading,
       urlLoading: documentLoading,
-      // AL: TODO loading error
-      loadingError: false,
+      loadingError: !!documentErrors?.message,
       formState: {
         participantType,
         completedTaxForm: formSubmitted,

From f8a00937b37ab24d5c446650187836879671b033 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 18 Mar 2024 16:54:41 -0700
Subject: [PATCH 573/753] Removed taxInformation as check for isPartner in
 useIndirectTax

---
 .../src/components/tax-and-cash/TaxForm.stories.tsx             | 2 +-
 .../tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index f8615d5e49..e2c7f06d54 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -1136,7 +1136,7 @@ export const TaxAndCashDashboardIndirectTaxSpain = () => {
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           country: "Spain",
-          subRegion: "Madred",
+          subRegion: "Spain Proper",
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
           subRegionTaxNumber: "44212",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 909ed2ca04..52fe584cf8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -254,7 +254,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
       hideSteps: context.hideSteps,
       disabled: loading || countriesLoading || connectLoading,
       loading: loading || connectLoading || countriesLoading,
-      isPartner: !!userData?.user?.impactConnection?.publisher?.taxInformation,
+      isPartner: !!userData?.user?.impactConnection?.publisher,
       loadingError: !!userError?.message,
       formState: {
         checked: option,

From c84f8cca34183f72c746f6617c29d4b960d57932 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 18 Mar 2024 16:55:28 -0700
Subject: [PATCH 574/753] Added textprop in defaultTextCopy

---
 .../tax-and-cash/sqm-user-info-form/defaultTextCopy.ts           | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index 5647d8103f..ca9d558ee2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -6,6 +6,7 @@ import { IndirectDetailsSlotViewProps } from "./small-views/IndirectTaxDetailsVi
 
 export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
   selectedRegion: "Country / Region of Indirect Tax",
+  searchForCountryText: "",
   province: "Province",
   indirectTaxNumber: "Indirect Tax",
   isRegisteredQST: "I am registered for QST Tax",

From d9b094ccf2d45c868fe5e3a83b05c422dac6500e Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 19 Mar 2024 08:40:39 -0700
Subject: [PATCH 575/753] hook up submit callback to docusign submit

---
 .../tax-and-cash/TaxForm.stories.tsx          |  1 -
 .../sqm-docusign-form-view.tsx                |  1 -
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  3 -
 .../sqm-docusign-form/useDocusignForm.tsx     | 77 +++++++++----------
 4 files changed, 38 insertions(+), 44 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 795503d59d..054d7c5541 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -234,7 +234,6 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
     setParticipantType: (p) => console.log({ p }),
     setDocusignStatus: (status: DocusignStatus) => console.log(status),
     toggleFormSubmitted: () => console.log("Toggle checkbox"),
-    onSubmit: async () => console.log("submit"),
     onBack: () => console.log("Back"),
   },
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 8e71612230..bfc8a9548a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -34,7 +34,6 @@ export interface DocusignFormViewProps {
   callbacks: {
     setParticipantType: (p: ParticipantType) => void;
     toggleFormSubmitted: () => void;
-    onSubmit: (props: any) => void;
     onBack: () => void;
   };
   text: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 89bc4b9584..d1f34710cd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -253,9 +253,6 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
       callbacks: {
         setParticipantType: (p) => console.log({ p }),
         setDocusignStatus: (status: DocusignStatus) => console.log(status),
-        onSubmit: async () => {
-          setStep("/4");
-        },
         toggleFormSubmitted: () => {},
         onBack: () => {
           setStep("/2");
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 928d4f2adc..eeaba1750c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -134,16 +134,48 @@ export function useDocusignForm(props: DocusignForm) {
   }, [user, publisher, participantType]);
 
   useEffect(() => {
+    const onSubmit = async () => {
+      if (!formSubmitted) {
+        setErrors({ submitCheckbox: true });
+        return;
+      }
+
+      try {
+        setLoading(true);
+
+        const result = await refetch();
+        if ((result as Error).message) throw new Error();
+
+        const publisher = (result as UserQuery).user?.impactConnection
+          ?.publisher;
+        const status = publisher?.currentTaxDocument?.status;
+
+        // Throw an error if submission didn't actually save a tax document.
+        if (!status) throw new Error();
+
+        if (status === "NOT_VERIFIED" || status === "ACTIVE") {
+          console.debug("Document has been registered as submitted");
+        }
+
+        // Skip banking info form if it already is saved
+        setStep(
+          context.overrideNextStep || !!publisher?.withdrawalSettings
+            ? "/dashboard"
+            : "/4"
+        );
+      } catch (e) {
+        setErrors({ formSubission: { status: "document-error" } });
+      } finally {
+        setLoading(false);
+      }
+    };
+
     // Handled in view
     if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) return;
 
     if (DOCUSIGN_SUCCESS_STATES.includes(docusignStatus)) {
       // handles if the user refreshes and loses the override in context
-      const nextStep =
-        context.overrideNextStep || !!publisher?.withdrawalSettings
-          ? "/dashboard"
-          : "/4";
-      setStep(nextStep);
+      onSubmit();
     }
 
     if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) {
@@ -151,39 +183,7 @@ export function useDocusignForm(props: DocusignForm) {
         docusign: true,
       });
     }
-  }, [docusignStatus]);
-
-  const onSubmit = async () => {
-    if (!formSubmitted) {
-      setErrors({ submitCheckbox: true });
-      return;
-    }
-
-    try {
-      setLoading(true);
-
-      const result = await refetch();
-      if ((result as Error).message) throw new Error();
-
-      const publisher = (result as UserQuery).user?.impactConnection?.publisher;
-      const status = publisher?.currentTaxDocument?.status;
-
-      if (status === "NOT_VERIFIED" || status === "ACTIVE") {
-        console.debug("Document has been registered as submitted");
-      }
-
-      // Skip banking info form if it already is saved
-      if (!!publisher?.withdrawalSettings) {
-        setStep(context.overrideNextStep || "/dashboard");
-      } else {
-        setStep(context.overrideNextStep || "/4");
-      }
-    } catch (e) {
-      setErrors({ formSubission: { status: "document-error" } });
-    } finally {
-      setLoading(false);
-    }
-  };
+  }, [docusignStatus, refetch]);
 
   const onBack = () => {
     setStep(context.overrideBackStep);
@@ -217,7 +217,6 @@ export function useDocusignForm(props: DocusignForm) {
       documentUrl: document?.createImpactPublisherTaxDocument?.documentUrl,
     },
     callbacks: {
-      onSubmit,
       setDocusignStatus,
       setParticipantType,
       toggleFormSubmitted: () => setFormSubmitted((x) => !x),

From 8b92e90ce342f2d1e48cc474a3bc2b9c77f0c577 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 19 Mar 2024 08:43:04 -0700
Subject: [PATCH 576/753] remove unnecessary props from docusign form

---
 .../src/components/tax-and-cash/TaxForm.stories.tsx      | 7 -------
 .../sqm-docusign-form/sqm-docusign-form-view.tsx         | 3 ---
 .../tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx | 1 -
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx   | 9 ---------
 4 files changed, 20 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 054d7c5541..c7487aca7c 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -219,13 +219,11 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
     documentTypeString: "W9",
     loading: false,
     disabled: false,
-    submitDisabled: false,
     participantTypeDisabled: false,
     loadingError: false,
     formState: {
       participantType: "individualParticipant" as ParticipantType,
       errors: {},
-      completedTaxForm: true,
       taxFormExpired: false,
     },
     hideBackButton: false,
@@ -233,7 +231,6 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
   callbacks: {
     setParticipantType: (p) => console.log({ p }),
     setDocusignStatus: (status: DocusignStatus) => console.log(status),
-    toggleFormSubmitted: () => console.log("Toggle checkbox"),
     onBack: () => console.log("Back"),
   },
 };
@@ -760,7 +757,6 @@ export const StepThreeWithDocusignW8BENE = () => {
           documentType: "W8BENE",
           documentTypeString: taxTypeToName("W8BENE"),
           formState: {
-            completedTaxForm: false,
             taxFormExpired: false,
             participantType: "businessEntity",
             errors: {
@@ -784,7 +780,6 @@ export const StepThreeWithDocusignExpired = () => {
           formState: {
             participantType: "individualParticipant" as ParticipantType,
             taxFormExpired: true,
-            completedTaxForm: false,
             errors: {},
           },
         },
@@ -803,7 +798,6 @@ export const StepThreeWithDocusignCompleted = () => {
           formState: {
             participantType: "individualParticipant" as ParticipantType,
             taxFormExpired: false,
-            completedTaxForm: true,
             errors: {},
           },
         },
@@ -821,7 +815,6 @@ export const StepThreeDocusignWithError = () => {
           docusignStatus: "exception",
           formState: {
             ...docusignFormProps.states.formState,
-            completedTaxForm: false,
             errors: {
               formSubmission: true,
             },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index bfc8a9548a..b5c06f7240 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -9,13 +9,11 @@ export interface DocusignFormViewProps {
     step: string;
     loading: boolean;
     urlLoading: boolean;
-    submitDisabled: boolean;
     disabled: boolean;
     hideSteps: boolean;
     participantTypeDisabled: boolean;
     loadingError?: boolean;
     formState: {
-      completedTaxForm: boolean;
       taxFormExpired: boolean;
       participantType: "individualParticipant" | "businessEntity" | undefined;
       errors?: {
@@ -33,7 +31,6 @@ export interface DocusignFormViewProps {
   };
   callbacks: {
     setParticipantType: (p: ParticipantType) => void;
-    toggleFormSubmitted: () => void;
     onBack: () => void;
   };
   text: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index d1f34710cd..ae0038f62d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -253,7 +253,6 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
       callbacks: {
         setParticipantType: (p) => console.log({ p }),
         setDocusignStatus: (status: DocusignStatus) => console.log(status),
-        toggleFormSubmitted: () => {},
         onBack: () => {
           setStep("/2");
         },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index eeaba1750c..7435783fec 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -76,7 +76,6 @@ export function useDocusignForm(props: DocusignForm) {
     useState<DocusignStatus>(undefined);
   const [participantType, setParticipantType] =
     useState<ParticipantType>(undefined);
-  const [formSubmitted, setFormSubmitted] = useState<boolean>(false);
   const [errors, setErrors] = useState({});
   const [loading, setLoading] = useState(false);
 
@@ -135,11 +134,6 @@ export function useDocusignForm(props: DocusignForm) {
 
   useEffect(() => {
     const onSubmit = async () => {
-      if (!formSubmitted) {
-        setErrors({ submitCheckbox: true });
-        return;
-      }
-
       try {
         setLoading(true);
 
@@ -197,13 +191,11 @@ export function useDocusignForm(props: DocusignForm) {
       hideSteps: context.hideSteps,
       disabled: allLoading,
       participantTypeDisabled: allLoading || !!existingDocumentType,
-      submitDisabled: !formSubmitted,
       loading: userLoading || loading,
       urlLoading: documentLoading,
       loadingError: !!documentErrors?.message,
       formState: {
         participantType,
-        completedTaxForm: formSubmitted,
         taxFormExpired: DOCUSIGN_EXPIRED_STATES.includes(docusignStatus),
         errors,
       },
@@ -219,7 +211,6 @@ export function useDocusignForm(props: DocusignForm) {
     callbacks: {
       setDocusignStatus,
       setParticipantType,
-      toggleFormSubmitted: () => setFormSubmitted((x) => !x),
       onBack,
     },
     text: props.getTextProps(),

From e33ea11c0a9b33f720c9a5e25fbf94d3ee77b69a Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 19 Mar 2024 08:44:37 -0700
Subject: [PATCH 577/753] correct docusign error

---
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 7435783fec..00624d7383 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -158,7 +158,7 @@ export function useDocusignForm(props: DocusignForm) {
             : "/4"
         );
       } catch (e) {
-        setErrors({ formSubission: { status: "document-error" } });
+        setErrors({ docusign: true });
       } finally {
         setLoading(false);
       }

From 6678c1c4c394608187a8d8258891cd39c09959b4 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 19 Mar 2024 10:03:00 -0700
Subject: [PATCH 578/753] fix inactive tax states in view

---
 .../sqm-tax-and-cash-dashboard-view.tsx          |  6 +++---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx        |  4 ++--
 .../sqm-tax-and-cash/useTaxAndCash.tsx           | 16 ++++++++--------
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index e73fd450f5..54bf40e887 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -245,7 +245,7 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
         </p>
       </div>
     ),
-    NOT_ACTIVE: (
+    INACTIVE: (
       <div class={sheet.classes.TaxFormDetailsContainer}>
         <sl-badge type="danger" pill>
           {text.statusTextNotActive}
@@ -256,7 +256,7 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
   };
 
   const alertMap = {
-    NOT_ACTIVE: (
+    INACTIVE: (
       <sl-alert
         exportparts="base: alert-base, icon:alert-icon"
         type="danger"
@@ -363,7 +363,7 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
             {text.error.generalDescription}
           </sl-alert>
         )}
-        {states.status === "NOT_ACTIVE" && alertMap[states.status]}
+        {states.status === "INACTIVE" && alertMap[states.status]}
         <div>
           <h3>{text.bankingInformationSectionHeader}</h3>
           <div class={sheet.classes.BankingInformationContainer}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index ed9d6b3057..1cff19ad4d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -1019,8 +1019,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    // const props = useTaxAndCash();
-    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    const props = useTaxAndCash();
+    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
     if (this.demoData?.showTextProps) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 64ac500784..008f574040 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -57,9 +57,9 @@ export function useTaxAndCash() {
   function setupDemo() {
     // coleton
     const id =
-      "f205812deeff1ab5b8d0071e057055aab16e17ba3e5fb3d1353814ceff248fde";
+      "4c794ebe367f7021e3ce543542e27389d76394571b1bb8e7ebfbbd33ae4214d1";
     const accountId =
-      "f205812deeff1ab5b8d0071e057055aab16e17ba3e5fb3d1353814ceff248fde";
+      "4c794ebe367f7021e3ce543542e27389d76394571b1bb8e7ebfbbd33ae4214d1";
 
     // // andy
     // const id = "12345";
@@ -76,13 +76,13 @@ export function useTaxAndCash() {
     //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
     // const accountId =
     //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
-    // const programId = "22514";
-    const programId = "22999";
+    const programId = "22514";
+    // const programId = "22999";
 
     //@ts-ignore
     window.widgetIdent = {
-      // tenantAlias: "aprh0cfq6y8tk",
-      tenantAlias: "aswi7zpxl6rjp",
+      tenantAlias: "aprh0cfq6y8tk",
+      // tenantAlias: "aswi7zpxl6rjp",
       appDomain: "https://staging.referralsaasquatch.com",
       programId,
     };
@@ -92,7 +92,7 @@ export function useTaxAndCash() {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiZjIwNTgxMmRlZWZmMWFiNWI4ZDAwNzFlMDU3MDU1YWFiMTZlMTdiYTNlNWZiM2QxMzUzODE0Y2VmZjI0OGZkZSIsImFjY291bnRJZCI6ImYyMDU4MTJkZWVmZjFhYjViOGQwMDcxZTA1NzA1NWFhYjE2ZTE3YmEzZTVmYjNkMTM1MzgxNGNlZmYyNDhmZGUifX0.5xguoPY6ZpJYsn3NNmeoApUGobXSnZheXofh2oGIY84",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNGM3OTRlYmUzNjdmNzAyMWUzY2U1NDM1NDJlMjczODlkNzYzOTQ1NzFiMWJiOGU3ZWJmYmJkMzNhZTQyMTRkMSIsImFjY291bnRJZCI6IjRjNzk0ZWJlMzY3ZjcwMjFlM2NlNTQzNTQyZTI3Mzg5ZDc2Mzk0NTcxYjFiYjhlN2ViZmJiZDMzYWU0MjE0ZDEifX0.XmqWPqcEXzn7Qlnw25KsLFxSxKYDLfQovC-5r5HK7xY",
       });
     }, []);
 
@@ -124,7 +124,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  // setupDemo();
+  setupDemo();
 
   /** END DEMO DATA */
 

From c57ff183d765245f78823d89e98230022650816c Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 19 Mar 2024 10:48:37 -0700
Subject: [PATCH 579/753] correct docusign error types

---
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 00624d7383..4f76220bf7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -125,7 +125,7 @@ export function useDocusignForm(props: DocusignForm) {
 
         if (!result || (result as Error).message) throw new Error();
       } catch (e) {
-        setErrors({ general: true });
+        setErrors({ docusign: true });
       }
     };
 
@@ -158,7 +158,7 @@ export function useDocusignForm(props: DocusignForm) {
             : "/4"
         );
       } catch (e) {
-        setErrors({ docusign: true });
+        setErrors({ general: true });
       } finally {
         setLoading(false);
       }

From 28c3fc396196310581d32016f6a65620084ca37c Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 19 Mar 2024 11:07:09 -0700
Subject: [PATCH 580/753] prerelease 1.8.0-75

---
 packages/mint-components/package-lock.json    |  4 +-
 packages/mint-components/package.json         |  2 +-
 .../src/components/sqm-empty/readme.md        |  2 -
 .../src/components/sqm-image/readme.md        |  2 -
 .../components/sqm-invoice-table/readme.md    |  1 -
 .../src/components/sqm-leaderboard/readme.md  |  1 -
 .../components/sqm-referral-table/readme.md   |  1 -
 .../sqm-reward-exchange-list/readme.md        |  1 -
 .../components/sqm-rewards-table/readme.md    |  1 -
 .../src/components/sqm-stencilbook/readme.md  |  1 -
 .../tax-and-cash/sqm-docusign-form/readme.md  | 54 ++++++++--------
 .../sqm-indirect-tax-form/readme.md           | 63 ++++++++++---------
 .../sqm-tax-and-cash-dashboard/readme.md      |  1 -
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  4 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  4 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  2 +-
 .../tax-and-cash/sqm-user-info-form/readme.md | 45 ++++++-------
 17 files changed, 91 insertions(+), 98 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index b70f29be7b..46db64fb11 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-74",
+  "version": "1.8.0-75",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-74",
+      "version": "1.8.0-75",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 3058311a16..c1c53f6d83 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-74",
+  "version": "1.8.0-75",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-empty/readme.md b/packages/mint-components/src/components/sqm-empty/readme.md
index 402f790fdf..b8ee258bb7 100644
--- a/packages/mint-components/src/components/sqm-empty/readme.md
+++ b/packages/mint-components/src/components/sqm-empty/readme.md
@@ -28,7 +28,6 @@
 ### Depends on
 
 - [sqm-portal-container](../sqm-portal-container)
-- [sqm-image](../sqm-image)
 - [sqm-titled-section](../sqm-titled-section)
 - [sqm-text](../sqm-text)
 
@@ -36,7 +35,6 @@
 ```mermaid
 graph TD;
   sqm-empty --> sqm-portal-container
-  sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
   sqm-invoice-table --> sqm-empty
diff --git a/packages/mint-components/src/components/sqm-image/readme.md b/packages/mint-components/src/components/sqm-image/readme.md
index 5bba20ca66..db216249e1 100644
--- a/packages/mint-components/src/components/sqm-image/readme.md
+++ b/packages/mint-components/src/components/sqm-image/readme.md
@@ -19,13 +19,11 @@
 
 ### Used by
 
- - [sqm-empty](../sqm-empty)
  - [sqm-stencilbook](../sqm-stencilbook)
 
 ### Graph
 ```mermaid
 graph TD;
-  sqm-empty --> sqm-image
   sqm-stencilbook --> sqm-image
   style sqm-image fill:#f9f,stroke:#333,stroke-width:4px
 ```
diff --git a/packages/mint-components/src/components/sqm-invoice-table/readme.md b/packages/mint-components/src/components/sqm-invoice-table/readme.md
index 52804d527e..40eb1a4f03 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/readme.md
@@ -42,7 +42,6 @@ graph TD;
   sqm-invoice-table --> sqm-table-row
   sqm-invoice-table --> sqm-table-cell
   sqm-empty --> sqm-portal-container
-  sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
   sqm-stencilbook --> sqm-invoice-table
diff --git a/packages/mint-components/src/components/sqm-leaderboard/readme.md b/packages/mint-components/src/components/sqm-leaderboard/readme.md
index 7c2cc9cb73..5c3b02677b 100644
--- a/packages/mint-components/src/components/sqm-leaderboard/readme.md
+++ b/packages/mint-components/src/components/sqm-leaderboard/readme.md
@@ -38,7 +38,6 @@
 graph TD;
   sqm-leaderboard --> sqm-empty
   sqm-empty --> sqm-portal-container
-  sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
   sqm-stencilbook --> sqm-leaderboard
diff --git a/packages/mint-components/src/components/sqm-referral-table/readme.md b/packages/mint-components/src/components/sqm-referral-table/readme.md
index 86bfeaa709..8ec5c88d29 100644
--- a/packages/mint-components/src/components/sqm-referral-table/readme.md
+++ b/packages/mint-components/src/components/sqm-referral-table/readme.md
@@ -40,7 +40,6 @@ graph TD;
   sqm-referral-table --> sqm-table-row
   sqm-referral-table --> sqm-table-cell
   sqm-empty --> sqm-portal-container
-  sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
   sqm-stencilbook --> sqm-referral-table
diff --git a/packages/mint-components/src/components/sqm-reward-exchange-list/readme.md b/packages/mint-components/src/components/sqm-reward-exchange-list/readme.md
index 8131ab512a..7cb8829f04 100644
--- a/packages/mint-components/src/components/sqm-reward-exchange-list/readme.md
+++ b/packages/mint-components/src/components/sqm-reward-exchange-list/readme.md
@@ -52,7 +52,6 @@
 graph TD;
   sqm-reward-exchange-list --> sqm-empty
   sqm-empty --> sqm-portal-container
-  sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
   sqm-stencilbook --> sqm-reward-exchange-list
diff --git a/packages/mint-components/src/components/sqm-rewards-table/readme.md b/packages/mint-components/src/components/sqm-rewards-table/readme.md
index d149336513..16f7062f3c 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/readme.md
@@ -39,7 +39,6 @@ graph TD;
   sqm-rewards-table --> sqm-table-row
   sqm-rewards-table --> sqm-table-cell
   sqm-empty --> sqm-portal-container
-  sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
   sqm-stencilbook --> sqm-rewards-table
diff --git a/packages/mint-components/src/components/sqm-stencilbook/readme.md b/packages/mint-components/src/components/sqm-stencilbook/readme.md
index 98e45587d6..a2d75511b5 100644
--- a/packages/mint-components/src/components/sqm-stencilbook/readme.md
+++ b/packages/mint-components/src/components/sqm-stencilbook/readme.md
@@ -172,7 +172,6 @@ graph TD;
   sqm-stencilbook --> sqm-invoice-table-date-column
   sqm-stencilbook --> sqm-invoice-table-data-column
   sqm-empty --> sqm-portal-container
-  sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
   sqm-edit-profile --> sqm-form-message
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index 0203bd71d3..967f9c294e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,33 +7,33 @@
 
 ## Properties
 
-| Property                                  | Attribute                                     | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default                                                                                                                                                            |
-| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `backButton`                              | `back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Back"`                                                                                                                                                           |
-| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
-| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I represent a business"`                                                                                                                                         |
-| `cancelButton`                            | `cancel-button`                               | Text shown inside of cancel button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Cancel"`                                                                                                                                                         |
-| `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I have completed and submitted my tax form"`                                                                                                                     |
-| `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Form submission"`                                                                                                                                                |
-| `demoData`                                | --                                            |                                                                                                            | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; submitDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; completedTaxForm: boolean; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
-| `docusignCompleted`                       | `docusign-completed`                          | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Your document has been completed and submitted."`                                                                                                                |
-| `docusignError`                           | `docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
-| `docusignExpired`                         | `docusign-expired`                            | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
-| `formStep`                                | `form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Step {step} of {count}"`                                                                                                                                         |
-| `formSubmissionError`                     | `form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"This field is required"`                                                                                                                                         |
-| `generalErrorDescription`                 | `general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
-| `generalErrorTitle`                       | `general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                                                                |
-| `individualParticipant`                   | `individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I am an individual participant"`                                                                                                                                 |
-| `loadingErrorAlertDescription`            | `loading-error-alert-description`             | Alert description shown if there is a problem loading a form                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                             |
-| `loadingErrorAlertHeader`                 | `loading-error-alert-header`                  | Alert header shown if there is a problem loading a form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem loading your form"`                                                                                                                          |
-| `notBasedInUS`                            | `not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not based in the US?"`                                                                                                                                           |
-| `participantType`                         | `participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participant type"`                                                                                                                                               |
-| `refreshButton`                           | `refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Refresh Page"`                                                                                                                                                   |
-| `taxForm`                                 | `tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Tax form"`                                                                                                                                                       |
-| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
-| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
-| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
-| `taxFormLabel`                            | `tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{documentType} Tax Form"`                                                                                                                                        |
+| Property                                  | Attribute                                     | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                            |
+| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `backButton`                              | `back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Back"`                                                                                                                                                           |
+| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
+| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I represent a business"`                                                                                                                                         |
+| `cancelButton`                            | `cancel-button`                               | Text shown inside of cancel button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Cancel"`                                                                                                                                                         |
+| `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I have completed and submitted my tax form"`                                                                                                                     |
+| `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Form submission"`                                                                                                                                                |
+| `demoData`                                | --                                            |                                                                                                            | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
+| `docusignCompleted`                       | `docusign-completed`                          | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Your document has been completed and submitted."`                                                                                                                |
+| `docusignError`                           | `docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
+| `docusignExpired`                         | `docusign-expired`                            | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
+| `formStep`                                | `form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                         |
+| `formSubmissionError`                     | `form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"This field is required"`                                                                                                                                         |
+| `generalErrorDescription`                 | `general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
+| `generalErrorTitle`                       | `general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                |
+| `individualParticipant`                   | `individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am an individual participant"`                                                                                                                                 |
+| `loadingErrorAlertDescription`            | `loading-error-alert-description`             | Alert description shown if there is a problem loading a form                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                             |
+| `loadingErrorAlertHeader`                 | `loading-error-alert-header`                  | Alert header shown if there is a problem loading a form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                          |
+| `notBasedInUS`                            | `not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Not based in the US?"`                                                                                                                                           |
+| `participantType`                         | `participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participant type"`                                                                                                                                               |
+| `refreshButton`                           | `refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Refresh Page"`                                                                                                                                                   |
+| `taxForm`                                 | `tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Tax form"`                                                                                                                                                       |
+| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
+| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
+| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
+| `taxFormLabel`                            | `tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{documentType} Tax Form"`                                                                                                                                        |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 196d846227..7d2aae05b0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -5,37 +5,38 @@
 
 ## Properties
 
-| Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Default                                                                                                                                                                                                             |
-| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Back"`                                                                                                                                                                                                            |
-| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"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."`                                    |
-| `continueButton`                 | `continue-button`                     | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Continue"`                                                                                                                                                                                                        |
-| `demoData`                       | --                                    |                                                                                                    | `{ 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[]; 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; }; }; }` | `undefined`                                                                                                                                                                                                         |
-| `fieldRequiredError`             | `field-required-error`                | Required error text shown at the bottom of field inputs                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{fieldName} is required"`                                                                                                                                                                                         |
-| `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Step {step} of {count}"`                                                                                                                                                                                          |
-| `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
-| `generalErrorTitle`              | `general-error-title`                 | Title text for a general form submission error                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem submitting your information"`                                                                                                                                                                 |
-| `indirectTax`                    | `indirect-tax`                        | Heading text shown at the top of the page                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Indirect Tax"`                                                                                                                                                                                                    |
-| `indirectTaxDescription`         | `indirect-tax-description`            | Text shown at the top of the page below to the indirect tax header                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"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."` |
-| `indirectTaxDetails`             | `indirect-tax-details`                | Heading text for the indirect tax details section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Indirect tax details"`                                                                                                                                                                                            |
-| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Text shown below the indirect tax details heading text                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"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."`                                             |
-| `indirectTaxNumber`              | `indirect-tax-number`                 | Label text for the indirect tax number input with a dynamic placeholder based on tax type          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"`                                                                             |
-| `indirectTaxNumberError`         | `indirect-tax-number-error`           | Error message for the indirect tax number input field with a dynamic placeholder based on tax type | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"`                                                                 |
-| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Description text for the alert when the user is identified as a partner                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"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."`                                         |
-| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Header text for the alert when the user is identified as a partner                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
-| `isRegisteredQST`                | `is-registered-q-s-t`                 | Text for the option indicating registration for QST tax                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I am registered for QST Tax"`                                                                                                                                                                                     |
-| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Text for the option indicating registration for sub-region income tax                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                      |
-| `loadingErrorAlertDescription`   | `loading-error-alert-description`     | Alert description shown if there is a problem loading a form                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                              |
-| `loadingErrorAlertHeader`        | `loading-error-alert-header`          | Alert header shown if there is a problem loading a form                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"There was a problem loading your form"`                                                                                                                                                                           |
-| `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Not registered for indirect tax"`                                                                                                                                                                                 |
-| `notRegisteredSubtext`           | `not-registered-subtext`              | Subtext for the option indicating not being registered for indirect tax                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
-| `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Registered for indirect tax"`                                                                                                                                                                                     |
-| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                     |
-| `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Province"`                                                                                                                                                                                                        |
-| `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"QST number"`                                                                                                                                                                                                      |
-| `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Country / region of indirect tax"`                                                                                                                                                                                |
-| `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Sub-region"`                                                                                                                                                                                                      |
-| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `"Income tax number"`                                                                                                                                                                                               |
+| Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                                                                             |
+| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Back"`                                                                                                                                                                                                            |
+| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                    |
+| `continueButton`                 | `continue-button`                     | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Continue"`                                                                                                                                                                                                        |
+| `demoData`                       | --                                    |                                                                                                    | `{ 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; }; }; }` | `undefined`                                                                                                                                                                                                         |
+| `fieldRequiredError`             | `field-required-error`                | Required error text shown at the bottom of field inputs                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{fieldName} is required"`                                                                                                                                                                                         |
+| `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                                                                          |
+| `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
+| `generalErrorTitle`              | `general-error-title`                 | Title text for a general form submission error                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                                                                 |
+| `indirectTax`                    | `indirect-tax`                        | Heading text shown at the top of the page                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect Tax"`                                                                                                                                                                                                    |
+| `indirectTaxDescription`         | `indirect-tax-description`            | Text shown at the top of the page below to the indirect tax header                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."` |
+| `indirectTaxDetails`             | `indirect-tax-details`                | Heading text for the indirect tax details section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect tax details"`                                                                                                                                                                                            |
+| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Text shown below the indirect tax details heading text                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                             |
+| `indirectTaxNumber`              | `indirect-tax-number`                 | Label text for the indirect tax number input with a dynamic placeholder based on tax type          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"`                                                                             |
+| `indirectTaxNumberError`         | `indirect-tax-number-error`           | Error message for the indirect tax number input field with a dynamic placeholder based on tax type | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"`                                                                 |
+| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Description text for the alert when the user is identified as a partner                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                         |
+| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Header text for the alert when the user is identified as a partner                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
+| `isRegisteredQST`                | `is-registered-q-s-t`                 | Text for the option indicating registration for QST tax                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am registered for QST Tax"`                                                                                                                                                                                     |
+| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Text for the option indicating registration for sub-region income tax                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                      |
+| `loadingErrorAlertDescription`   | `loading-error-alert-description`     | Alert description shown if there is a problem loading a form                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                              |
+| `loadingErrorAlertHeader`        | `loading-error-alert-header`          | Alert header shown if there is a problem loading a form                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                                                                           |
+| `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Not registered for indirect tax"`                                                                                                                                                                                 |
+| `notRegisteredSubtext`           | `not-registered-subtext`              | Subtext for the option indicating not being registered for indirect tax                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
+| `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Registered for indirect tax"`                                                                                                                                                                                     |
+| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                     |
+| `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Province"`                                                                                                                                                                                                        |
+| `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"QST number"`                                                                                                                                                                                                      |
+| `searchForCountryText`           | `search-for-country-text`             | Placeholder text displayed in the country search dropdown                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for country.."`                                                                                                                                                                                            |
+| `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Country / region of indirect tax"`                                                                                                                                                                                |
+| `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Sub-region"`                                                                                                                                                                                                      |
+| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Income tax number"`                                                                                                                                                                                               |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index 3c7f05cbbd..1f1d583f28 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -81,7 +81,6 @@ graph TD;
   sqm-invoice-table --> sqm-table-row
   sqm-invoice-table --> sqm-table-cell
   sqm-empty --> sqm-portal-container
-  sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
   sqm-invoice-table-download-column --> sqm-invoice-table-download-cell
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 9a10195ebd..ff66b1072a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -63,6 +63,8 @@
 | `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                                                                                                      |
 | `step1_lastName`                                | `step-1_last-name`                                   | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                                                                                                       |
 | `step1_personalInformation`                     | `step-1_personal-information`                        | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                                                                                            |
+| `step1_searchForCountryText`                    | `step-1_search-for-country-text`                     | Placeholder text displayed in the country search dropdown                                                  | `string`                                                                                                             | `"Search for country.."`                                                                                                                                                                                                                            |
+| `step1_searchForCurrencyText`                   | `step-1_search-for-currency-text`                    | Placeholder text displayed in the currency search dropdown                                                 | `string`                                                                                                             | `"Search for currency.."`                                                                                                                                                                                                                           |
 | `step1_termsAndConditionsLabel`                 | `step-1_terms-and-conditions-label`                  | Label text for terms and conditions                                                                        | `string`                                                                                                             | `"Terms and Conditions"`                                                                                                                                                                                                                            |
 | `step2_cannotChangeInfoAlert`                   | `step-2_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"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."`                                                                    |
 | `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                                                                                                    |
@@ -79,6 +81,7 @@
 | `step2_otherRegionSubtext`                      | `step-2_other-region-subtext`                        | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                                                     |
 | `step2_province`                                | `step-2_province`                                    | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                                                                                        |
 | `step2_qstNumber`                               | `step-2_qst-number`                                  | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST number"`                                                                                                                                                                                                                                      |
+| `step2_searchForCountryText`                    | `step-2_search-for-country-text`                     | Placeholder text displayed in the country search dropdown                                                  | `string`                                                                                                             | `"Search for country.."`                                                                                                                                                                                                                            |
 | `step2_selectedRegion`                          | `step-2_selected-region`                             | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / region of indirect tax"`                                                                                                                                                                                                                |
 | `step2_subRegion`                               | `step-2_sub-region`                                  | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                                                                                                      |
 | `step2_subRegionTaxNumberLabel`                 | `step-2_sub-region-tax-number-label`                 | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                                                                                               |
@@ -177,7 +180,6 @@ graph TD;
   sqm-invoice-table --> sqm-table-row
   sqm-invoice-table --> sqm-table-cell
   sqm-empty --> sqm-portal-container
-  sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
   sqm-invoice-table-download-column --> sqm-invoice-table-download-cell
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 1cff19ad4d..ed9d6b3057 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -1019,8 +1019,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    const props = useTaxAndCash();
-    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    // const props = useTaxAndCash();
+    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
     if (this.demoData?.showTextProps) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 008f574040..ee296a7090 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -124,7 +124,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  setupDemo();
+  // setupDemo();
 
   /** END DEMO DATA */
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index d18430393c..ed593e8f6a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,27 +7,29 @@
 
 ## Properties
 
-| Property                       | Attribute                         | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Default                                                                                                                                                                     |
-| ------------------------------ | --------------------------------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`       | `allow-banking-collection`        | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
-| `continueButton`               | `continue-button`                 | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Continue"`                                                                                                                                                                |
-| `country`                      | `country`                         | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Country"`                                                                                                                                                                 |
-| `currency`                     | `currency`                        | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Currency"`                                                                                                                                                                |
-| `currencyHelpText`             | `currency-help-text`              | Help text shown underneath currency input                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Choose your preferred payout currency"`                                                                                                                                   |
-| `demoData`                     | --                                |                                                                                       | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; data?: { currencies: Currencies; countries: TaxCountry[]; }; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
-| `email`                        | `email`                           | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Email"`                                                                                                                                                                   |
-| `fieldRequiredError`           | `field-required-error`            | Required error text shown at the bottom of field inputs                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"{fieldName} is required"`                                                                                                                                                 |
-| `firstName`                    | `first-name`                      | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"First name"`                                                                                                                                                              |
-| `formStep`                     | `form-step`                       | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Step {step} of {count}"`                                                                                                                                                  |
-| `generalErrorDescription`      | `general-error-description`       | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`            | `general-error-title`             | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"There was a problem submitting your information"`                                                                                                                         |
-| `isPartnerAlertDescription`    | `is-partner-alert-description`    | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"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."` |
-| `isPartnerAlertHeader`         | `is-partner-alert-header`         | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `lastName`                     | `last-name`                       | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Last name"`                                                                                                                                                               |
-| `loadingErrorAlertDescription` | `loading-error-alert-description` | Alert description shown if there is a problem loading a form                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                      |
-| `loadingErrorAlertHeader`      | `loading-error-alert-header`      | Alert header shown if there is a problem loading a form                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"There was a problem loading your form"`                                                                                                                                   |
-| `personalInformation`          | `personal-information`            | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Personal Information"`                                                                                                                                                    |
-| `termsAndConditionsLabel`      | `terms-and-conditions-label`      | Label text for terms and conditions                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `"Terms and Conditions"`                                                                                                                                                    |
+| Property                       | Attribute                         | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                                     |
+| ------------------------------ | --------------------------------- | ------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`       | `allow-banking-collection`        | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
+| `continueButton`               | `continue-button`                 | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Continue"`                                                                                                                                                                |
+| `country`                      | `country`                         | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Country"`                                                                                                                                                                 |
+| `currency`                     | `currency`                        | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Currency"`                                                                                                                                                                |
+| `currencyHelpText`             | `currency-help-text`              | Help text shown underneath currency input                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Choose your preferred payout currency"`                                                                                                                                   |
+| `demoData`                     | --                                |                                                                                       | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; data?: { currencies: Currencies; countries: TaxCountry[]; allCurrencies: Currencies; allCountries: TaxCountry[]; }; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
+| `email`                        | `email`                           | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Email"`                                                                                                                                                                   |
+| `fieldRequiredError`           | `field-required-error`            | Required error text shown at the bottom of field inputs                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{fieldName} is required"`                                                                                                                                                 |
+| `firstName`                    | `first-name`                      | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"First name"`                                                                                                                                                              |
+| `formStep`                     | `form-step`                       | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                                  |
+| `generalErrorDescription`      | `general-error-description`       | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`            | `general-error-title`             | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                         |
+| `isPartnerAlertDescription`    | `is-partner-alert-description`    | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."` |
+| `isPartnerAlertHeader`         | `is-partner-alert-header`         | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                     | `last-name`                       | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Last name"`                                                                                                                                                               |
+| `loadingErrorAlertDescription` | `loading-error-alert-description` | Alert description shown if there is a problem loading a form                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                      |
+| `loadingErrorAlertHeader`      | `loading-error-alert-header`      | Alert header shown if there is a problem loading a form                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                                   |
+| `personalInformation`          | `personal-information`            | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Personal Information"`                                                                                                                                                    |
+| `searchForCountryText`         | `search-for-country-text`         | Placeholder text displayed in the country search dropdown                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for country.."`                                                                                                                                                    |
+| `searchForCurrencyText`        | `search-for-currency-text`        | Placeholder text displayed in the currency search dropdown                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for currency.."`                                                                                                                                                   |
+| `termsAndConditionsLabel`      | `terms-and-conditions-label`      | Label text for terms and conditions                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Terms and Conditions"`                                                                                                                                                    |
 
 
 ## Dependencies
@@ -61,7 +63,6 @@ graph TD;
   sqm-invoice-table --> sqm-table-row
   sqm-invoice-table --> sqm-table-cell
   sqm-empty --> sqm-portal-container
-  sqm-empty --> sqm-image
   sqm-empty --> sqm-titled-section
   sqm-empty --> sqm-text
   sqm-invoice-table-download-column --> sqm-invoice-table-download-cell

From e632ff0e37300eaf1dea679d6c6448fcc4b5d079 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 19 Mar 2024 11:18:35 -0700
Subject: [PATCH 581/753] added missing group definition

---
 packages/mint-components/src/components.d.ts                    | 2 ++
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx          | 1 +
 2 files changed, 3 insertions(+)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 08a14abc0a..1572db8a4e 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -4004,6 +4004,7 @@ export namespace Components {
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
+          * @uiGroup General Form Properties
          */
         "generalErrorDescription": string;
         /**
@@ -9682,6 +9683,7 @@ declare namespace LocalJSX {
         /**
           * Description text for a general form submission error
           * @uiName General form submission error description
+          * @uiGroup General Form Properties
          */
         "generalErrorDescription"?: string;
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index ed9d6b3057..46ca9070b1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -924,6 +924,7 @@ export class TaxAndCashMonolith {
   /**
    * Description text for a general form submission error
    * @uiName General form submission error description
+   * @uiGroup General Form Properties
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";

From 69bd03c5bad212ef11cd8dfe3a1ee6f76ddb9750 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 19 Mar 2024 11:32:49 -0700
Subject: [PATCH 582/753] docusign submission fix

---
 .../sqm-docusign-form/useDocusignForm.tsx      | 18 +++++++++---------
 .../sqm-tax-and-cash/useTaxAndCash.tsx         |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 4f76220bf7..3c6855cc83 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -133,14 +133,15 @@ export function useDocusignForm(props: DocusignForm) {
   }, [user, publisher, participantType]);
 
   useEffect(() => {
+    // TODO: Determine if check is required
     const onSubmit = async () => {
       try {
         setLoading(true);
 
         const result = await refetch();
-        if ((result as Error).message) throw new Error();
+        if ((result as Error)?.message) throw new Error();
 
-        const publisher = (result as UserQuery).user?.impactConnection
+        const publisher = (result as UserQuery)?.user?.impactConnection
           ?.publisher;
         const status = publisher?.currentTaxDocument?.status;
 
@@ -164,18 +165,17 @@ export function useDocusignForm(props: DocusignForm) {
       }
     };
 
+    console.log({ DOCUSIGN_SUCCESS_STATES, docusignStatus });
     // Handled in view
     if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) return;
 
     if (DOCUSIGN_SUCCESS_STATES.includes(docusignStatus)) {
       // handles if the user refreshes and loses the override in context
-      onSubmit();
-    }
-
-    if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) {
-      setErrors({
-        docusign: true,
-      });
+      setStep(
+        context.overrideNextStep || !!publisher?.withdrawalSettings
+          ? "/dashboard"
+          : "/4"
+      );
     }
   }, [docusignStatus, refetch]);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index ee296a7090..c05a1f7d8d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -92,7 +92,7 @@ export function useTaxAndCash() {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNGM3OTRlYmUzNjdmNzAyMWUzY2U1NDM1NDJlMjczODlkNzYzOTQ1NzFiMWJiOGU3ZWJmYmJkMzNhZTQyMTRkMSIsImFjY291bnRJZCI6IjRjNzk0ZWJlMzY3ZjcwMjFlM2NlNTQzNTQyZTI3Mzg5ZDc2Mzk0NTcxYjFiYjhlN2ViZmJiZDMzYWU0MjE0ZDEifX0.XmqWPqcEXzn7Qlnw25KsLFxSxKYDLfQovC-5r5HK7xY",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNGM3OTRlYmUzNjdmNzAyMWUzY2U1NDM1NDJlMjczODlkNzYzOTQ1NzFiMWJiOGU3ZWJmYmJkMzNhZTQyMTRkMSIsImFjY291bnRJZCI6IjRjNzk0ZWJlMzY3ZjcwMjFlM2NlNTQzNTQyZTI3Mzg5ZDc2Mzk0NTcxYjFiYjhlN2ViZmJiZDMzYWU0MjE0ZDEiLCJlbWFpbCI6ImNvbGV0b24uYW5uZXR0K3c5bmV3QGltcGFjdC5jb20ifX0.CYQ2Z7QrE304gZsrPANxizOVm7TmC3gp3WJUmCl7TUQ",
       });
     }, []);
 

From 8a6a81a203da57f104816e589b9e02792168833e Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 19 Mar 2024 13:55:37 -0700
Subject: [PATCH 583/753] prerelease 1.8.0-76

---
 packages/mint-components/package-lock.json | 4 ++--
 packages/mint-components/package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 46db64fb11..58fc77b23d 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-75",
+  "version": "1.8.0-76",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-75",
+      "version": "1.8.0-76",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index c1c53f6d83..7066d6ec88 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-75",
+  "version": "1.8.0-76",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

From 10988458da5620350589eea735920de82816a687 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 19 Mar 2024 14:56:14 -0700
Subject: [PATCH 584/753] reward table payout statuses

---
 packages/mint-components/src/components.d.ts  | 36 ++++++++++-----
 .../cells/sqm-rewards-table-status-cell.tsx   | 46 ++++++++++---------
 .../sqm-rewards-table-status-column.tsx       | 26 ++++++++---
 packages/mint-components/src/saasquatch.d.ts  | 10 +++-
 4 files changed, 75 insertions(+), 43 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 1572db8a4e..fb5e4bd47a 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3179,8 +3179,9 @@ export namespace Components {
         "deniedText": string;
         "expiryText": string;
         "locale": string;
+        "payoutApproved": string;
+        "payoutCancelled": string;
         "payoutFailed": string;
-        "payoutSent": string;
         "pendingNewTaxForm": string;
         "pendingPartnerCreation": string;
         "pendingReviewText": string;
@@ -3208,16 +3209,21 @@ export namespace Components {
           * @uiName Expiry date prefix
          */
         "expiryText": string;
+        /**
+          * Displayed when reward payout is approved (based on Impact cash payout configuration).
+          * @uiName Payout approved text
+         */
+        "payoutApproved": string;
+        /**
+          * Displayed when reward payout was reversed (based on Impact cash payout configuration).
+          * @uiName Payout cancelled text
+         */
+        "payoutCancelled": string;
         /**
           * Displayed when reward payout has failed (based on Impact cash payout configuration).
           * @uiName Payout failed text
          */
         "payoutFailed": string;
-        /**
-          * Displayed when reward payout is sent (based on Impact cash payout configuration).
-          * @uiName Payout sent text
-         */
-        "payoutSent": string;
         /**
           * Displayed when pending due to requiring a new tax document
           * @uiName Pending new tax form text
@@ -8860,8 +8866,9 @@ declare namespace LocalJSX {
         "deniedText"?: string;
         "expiryText"?: string;
         "locale"?: string;
+        "payoutApproved"?: string;
+        "payoutCancelled"?: string;
         "payoutFailed"?: string;
-        "payoutSent"?: string;
         "pendingNewTaxForm"?: string;
         "pendingPartnerCreation"?: string;
         "pendingReviewText"?: string;
@@ -8889,16 +8896,21 @@ declare namespace LocalJSX {
           * @uiName Expiry date prefix
          */
         "expiryText"?: string;
+        /**
+          * Displayed when reward payout is approved (based on Impact cash payout configuration).
+          * @uiName Payout approved text
+         */
+        "payoutApproved"?: string;
+        /**
+          * Displayed when reward payout was reversed (based on Impact cash payout configuration).
+          * @uiName Payout cancelled text
+         */
+        "payoutCancelled"?: string;
         /**
           * Displayed when reward payout has failed (based on Impact cash payout configuration).
           * @uiName Payout failed text
          */
         "payoutFailed"?: string;
-        /**
-          * Displayed when reward payout is sent (based on Impact cash payout configuration).
-          * @uiName Payout sent text
-         */
-        "payoutSent"?: string;
         /**
           * Displayed when pending due to requiring a new tax document
           * @uiName Pending new tax form text
diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
index 6cfcc37755..ca7f5200e1 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
@@ -53,26 +53,34 @@ export class RewardTableStatusCell {
   @Prop() pendingReviewText: string = "Awaiting review";
   @Prop() deniedText: string = "Detected self-referral";
   @Prop() payoutFailed: string =
-    "Payout failed due to a fulfillment issue and is currently being retried.";
-  @Prop() payoutSent: string =
-    "Reward approved for payout on {date} and scheduled for payment based on your settings.";
+    "Payout failed due to a fulfillment issue and is current being retried.";
+  @Prop() payoutApproved: string =
+    "Reward approved for payout and was scheduled for payment based on your settings.";
+  @Prop() payoutCancelled: string =
+    "If you think this is a mistake, contact our Support team.";
 
   rewardStatus(reward: Reward): string {
-    const fraudStatus = reward.referral?.fraudData?.moderationStatus;
     const hasExpired = reward.statuses?.includes("EXPIRED");
     const isPending = reward.statuses?.includes("PENDING");
-    const payoutSent = reward.statuses?.includes("PAYOUT_SENT");
-    const payoutFailed = reward.statuses?.includes("PAYOUT_FAILED");
     const integrationOrFueltankReward =
       reward.type === "INTEGRATION" || reward.type === "FUELTANK";
 
+    const fraudStatus = reward.referral?.fraudData?.moderationStatus;
     if (fraudStatus === "DENIED") return "DENIED";
     if (fraudStatus === "PENDING") return "PENDING_REVIEW";
+
+    const partnerTransferStatus = reward.partnerFundsTransfer?.status;
+    if (
+      partnerTransferStatus === "TRANSFERRED" ||
+      partnerTransferStatus === "NOT_YET_DUE"
+    )
+      return "PAYOUT_APPROVED";
+    if (partnerTransferStatus === "OVERDUE") return "PAYOUT_FAILED";
+    if (partnerTransferStatus === "REVERSED") return "PAYOUT_CANCELLED";
+
     if (reward.dateCancelled) return "CANCELLED";
     if (hasExpired) return "EXPIRED";
     if (isPending) return "PENDING";
-    if (payoutSent) return "PAYOUT_SENT";
-    if (payoutFailed) return "PAYOUT_FAILED";
 
     if (reward.type === "CREDIT") {
       return reward.statuses?.includes("REDEEMED") ? "REDEEMED" : "AVAILABLE";
@@ -119,8 +127,6 @@ export class RewardTableStatusCell {
       return this.pendingPartnerCreation;
     }
 
-    // TODO: Payout enums
-
     return "";
   }
 
@@ -129,7 +135,7 @@ export class RewardTableStatusCell {
       case "AVAILABLE":
         return "success";
       case "REDEEMED":
-      case "PAYOUT_SENT":
+      case "PAYOUT_APPROVED":
         return "primary";
       case "PENDING":
       case "PENDING_REVIEW":
@@ -139,19 +145,16 @@ export class RewardTableStatusCell {
     }
   }
 
-  getPayoutStatusText(taxStatus: string, date?: string) {
+  getPayoutStatusText(taxStatus: string) {
     switch (taxStatus) {
       case "US_TAX":
         return this.pendingUsTax;
-      case "PAYOUT_SENT":
-        return intl.formatMessage(
-          { id: "statusMessage", defaultMessage: this.payoutSent },
-          {
-            date,
-          }
-        );
+      case "PAYOUT_APPROVED":
+        return this.payoutApproved;
       case "PAYOUT_FAILED":
         return this.payoutFailed;
+      case "PAYOUT_CANCELLED":
+        return this.payoutCancelled;
       case "PENDING_TAX_REVIEW":
         return this.pendingTaxReview;
       case "PENDING_NEW_TAX_FORM":
@@ -222,9 +225,8 @@ export class RewardTableStatusCell {
         <p class={sheet.classes.Date}>
           {fraudStatusText ||
             pendingReasons ||
-            date ||
-            //AL: TODO PASS REAL DATE INTO FUNC
-            this.getPayoutStatusText(rewardStatus, date)}
+            this.getPayoutStatusText(rewardStatus) ||
+            date}
         </p>
       </div>
     );
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx
index 500c3aa634..3c93527028 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx
@@ -7,7 +7,7 @@ import { RewardTableColumn } from "./RewardTableColumn";
  * @uiName Reward Table Status Column
  * @validParents ["sqm-rewards-table"]
  * @exampleGroup Rewards
- * @example Reward Table Status Column - <sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error" pending-review-text="Awaiting review" denied-text="Detected self-referral"></sqm-rewards-table-status-column>
+ * @example Reward Table Status Column - <sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error" pending-review-text="Awaiting review" denied-text="Detected self-referral"></sqm-rewards-table-status-column>
  */
 @Component({
   tag: "sqm-rewards-table-status-column",
@@ -24,7 +24,7 @@ export class RewardTableStatusColumn implements RewardTableColumn {
    * @uiWidget textArea
    */
   @Prop() statusText: string =
-    "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_SENT {Payout Sent} PAYOUT_FAILED {Payout Failed} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }";
+    "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }";
 
   /**
    * Text shown before the date of an expiring reward.
@@ -104,15 +104,24 @@ export class RewardTableStatusColumn implements RewardTableColumn {
    *
    * @uiName Payout failed text
    */
-  @Prop() payoutFailed: string = "This payout will be retried on {date}.";
+  @Prop() payoutFailed: string =
+    "Payout failed due to a fulfillment issue and is current being retried.";
 
   /**
-   * Displayed when reward payout is sent (based on Impact cash payout configuration).
+   * Displayed when reward payout was reversed (based on Impact cash payout configuration).
    *
-   * @uiName Payout sent text
+   * @uiName Payout cancelled text
    */
-  @Prop() payoutSent: string =
-    "Payout process started on {date}. Expected payout on {date}.";
+  @Prop() payoutCancelled: string =
+    "If you think this is a mistake, contact our Support team.";
+
+  /**
+   * Displayed when reward payout is approved (based on Impact cash payout configuration).
+   *
+   * @uiName Payout approved text
+   */
+  @Prop() payoutApproved: string =
+    "Reward approved for payout and was scheduled for payment based on your settings.";
 
   constructor() {
     withHooks(this);
@@ -134,6 +143,9 @@ export class RewardTableStatusColumn implements RewardTableColumn {
         pendingUsTax={this.pendingUsTax}
         pendingUnhandled={this.pendingUnhandled}
         pendingReviewText={this.pendingReviewText}
+        payoutFailed={this.payoutFailed}
+        payoutApproved={this.payoutApproved}
+        payoutCancelled={this.payoutCancelled}
         deniedText={this.deniedText}
         locale={options.locale}
       ></sqm-rewards-table-status-cell>
diff --git a/packages/mint-components/src/saasquatch.d.ts b/packages/mint-components/src/saasquatch.d.ts
index 710e6d68c9..1ccd9c2c23 100644
--- a/packages/mint-components/src/saasquatch.d.ts
+++ b/packages/mint-components/src/saasquatch.d.ts
@@ -115,6 +115,13 @@ interface Reward {
   referral?: Referral;
   pendingReasons?: string[];
   cancelledReason?: "UNKNOWN" | "PROGRAM_GRAPH_MODERATION" | "SUSPECTED_FRAUD";
+  partnerFundsTransfer?: {
+    id: string;
+    status: "NOT_YET_DUE" | "OVERDUE" | "TRANSFERRED" | "REVERSED" | null;
+    dateCreated: number | null;
+    dateScheduled: number | null;
+    dateTransferred: number | null;
+  };
   rewardRedemptionTransactions: {
     data: [
       {
@@ -164,7 +171,6 @@ interface RewardBalance {
 declare module "*.md";
 declare module "react";
 
-
 interface Invoice {
   downloadURL: string;
   dateCreated: number;
@@ -173,4 +179,4 @@ interface Invoice {
   earnings: string;
   taxedAmount: string;
   netEarnings: string;
-}
\ No newline at end of file
+}

From ada34d3249d36001937b09cf0822af3eb5d186ff Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 19 Mar 2024 15:17:59 -0700
Subject: [PATCH 585/753] Updated copy under payoutdetailscard. Added new test
 user

---
 packages/mint-components/src/components.d.ts  | 36 ++++++++++++-------
 .../sqm-tax-and-cash-dashboard-view.tsx       |  1 +
 .../sqm-tax-and-cash-dashboard.tsx            |  2 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 13 +++++--
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 23 +++++++++---
 packages/mint-components/src/index.html       |  6 ++--
 6 files changed, 58 insertions(+), 23 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 1572db8a4e..4313e150df 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3804,6 +3804,12 @@ export namespace Components {
           * @uiGroup Dashboard Properties
          */
         "dashboard_bankingInformationSectionHeader": string;
+        /**
+          * Invoice table Earnings after tax column title
+          * @uiName Earnings after tax column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_earningsAfterTaxColumnTitle": string;
         /**
           * Text displayed in the edit Payment Information button
           * @uiName Edit Payment Information button
@@ -3882,6 +3888,12 @@ export namespace Components {
           * @uiGroup Dashboard Properties
          */
         "dashboard_notRegisteredForTax": string;
+        /**
+          * Sub text describing how payouts are provided from impact.com
+          * @uiName Payout from impact text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_payoutFromImpact": string;
         /**
           * Label text for the QST number
           * @uiName QST number input
@@ -3971,12 +3983,6 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
-        /**
-          * Invoice table Earnings after tax column title
-          * @uiName Earnings after tax column title
-          * @uiGroup Dashboard Properties
-         */
-        "earningsAfterTaxColumnTitle": string;
         /**
           * Invoice table Earnings column title
           * @uiName Earnings column title
@@ -9483,6 +9489,12 @@ declare namespace LocalJSX {
           * @uiGroup Dashboard Properties
          */
         "dashboard_bankingInformationSectionHeader"?: string;
+        /**
+          * Invoice table Earnings after tax column title
+          * @uiName Earnings after tax column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_earningsAfterTaxColumnTitle"?: string;
         /**
           * Text displayed in the edit Payment Information button
           * @uiName Edit Payment Information button
@@ -9561,6 +9573,12 @@ declare namespace LocalJSX {
           * @uiGroup Dashboard Properties
          */
         "dashboard_notRegisteredForTax"?: string;
+        /**
+          * Sub text describing how payouts are provided from impact.com
+          * @uiName Payout from impact text
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_payoutFromImpact"?: string;
         /**
           * Label text for the QST number
           * @uiName QST number input
@@ -9650,12 +9668,6 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
-        /**
-          * Invoice table Earnings after tax column title
-          * @uiName Earnings after tax column title
-          * @uiGroup Dashboard Properties
-         */
-        "earningsAfterTaxColumnTitle"?: string;
         /**
           * Invoice table Earnings column title
           * @uiName Earnings column title
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 54bf40e887..cf3f9e005e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -196,6 +196,7 @@ const style = {
     color: "var(--sl-color-gray-500)",
     fontSize: "12px",
     marginBottom: "none",
+    maxWidth: "492px",
   },
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index c966208ee9..54b72a055a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -242,7 +242,7 @@ export class TaxAndCashDashboard {
    * @uiName Payout from impact text
    */
   @Prop() payoutFromImpact: string =
-    "Payouts will be sent from our referral program provider, impact.com";
+    "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
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 46ca9070b1..e5012ce668 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -880,12 +880,19 @@ export class TaxAndCashMonolith {
    *  @uiGroup Dashboard Properties
    */
   @Prop() taxedAmountColumnTitle: string = "Taxed Amount";
+  /**
+   * Sub text describing how payouts are provided from impact.com
+   * @uiName Payout from impact text
+   * @uiGroup Dashboard Properties
+   */
+  @Prop() dashboard_payoutFromImpact: string =
+    "Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com.";
   /**
    * Invoice table Earnings after tax column title
    * @uiName Earnings after tax column title
    *  @uiGroup Dashboard Properties
    */
-  @Prop() earningsAfterTaxColumnTitle: string = "Earnings after tax";
+  @Prop() dashboard_earningsAfterTaxColumnTitle: string = "Earnings after tax";
   /**
    * Error alert header shown above payout details card
    * @uiName Error title text
@@ -1020,8 +1027,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    // const props = useTaxAndCash();
-    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    const props = useTaxAndCash();
+    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
     if (this.demoData?.showTextProps) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index c05a1f7d8d..1d66ad97e9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -56,10 +56,16 @@ export function useTaxAndCash() {
 
   function setupDemo() {
     // coleton
+    // const id =
+    //   "4c794ebe367f7021e3ce543542e27389d76394571b1bb8e7ebfbbd33ae4214d1";
+    // const accountId =
+    //   "4c794ebe367f7021e3ce543542e27389d76394571b1bb8e7ebfbbd33ae4214d1";
+
+    // andy3
     const id =
-      "4c794ebe367f7021e3ce543542e27389d76394571b1bb8e7ebfbbd33ae4214d1";
+      "eaf8000b0073f6c916d85756c69bdc24fe1e94d1668a194724e5d929b0719f33";
     const accountId =
-      "4c794ebe367f7021e3ce543542e27389d76394571b1bb8e7ebfbbd33ae4214d1";
+      "eaf8000b0073f6c916d85756c69bdc24fe1e94d1668a194724e5d929b0719f33";
 
     // // andy
     // const id = "12345";
@@ -88,11 +94,20 @@ export function useTaxAndCash() {
     };
 
     // coleton
+    // useEffect(() => {
+    //   setUserIdentity({
+    //     accountId,
+    //     id,
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNGM3OTRlYmUzNjdmNzAyMWUzY2U1NDM1NDJlMjczODlkNzYzOTQ1NzFiMWJiOGU3ZWJmYmJkMzNhZTQyMTRkMSIsImFjY291bnRJZCI6IjRjNzk0ZWJlMzY3ZjcwMjFlM2NlNTQzNTQyZTI3Mzg5ZDc2Mzk0NTcxYjFiYjhlN2ViZmJiZDMzYWU0MjE0ZDEiLCJlbWFpbCI6ImNvbGV0b24uYW5uZXR0K3c5bmV3QGltcGFjdC5jb20ifX0.CYQ2Z7QrE304gZsrPANxizOVm7TmC3gp3WJUmCl7TUQ",
+    //   });
+    // }, []);
+
+    // andy3
     useEffect(() => {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNGM3OTRlYmUzNjdmNzAyMWUzY2U1NDM1NDJlMjczODlkNzYzOTQ1NzFiMWJiOGU3ZWJmYmJkMzNhZTQyMTRkMSIsImFjY291bnRJZCI6IjRjNzk0ZWJlMzY3ZjcwMjFlM2NlNTQzNTQyZTI3Mzg5ZDc2Mzk0NTcxYjFiYjhlN2ViZmJiZDMzYWU0MjE0ZDEiLCJlbWFpbCI6ImNvbGV0b24uYW5uZXR0K3c5bmV3QGltcGFjdC5jb20ifX0.CYQ2Z7QrE304gZsrPANxizOVm7TmC3gp3WJUmCl7TUQ",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZWFmODAwMGIwMDczZjZjOTE2ZDg1NzU2YzY5YmRjMjRmZTFlOTRkMTY2OGExOTQ3MjRlNWQ5MjliMDcxOWYzMyIsImFjY291bnRJZCI6ImVhZjgwMDBiMDA3M2Y2YzkxNmQ4NTc1NmM2OWJkYzI0ZmUxZTk0ZDE2NjhhMTk0NzI0ZTVkOTI5YjA3MTlmMzMiLCJlbWFpbCI6ImFuZHkubHVvK3Rlc3RxYTIzQGltcGFjdC5jb20ifX0.1MRd0kLPLKNR6Y9dCqxaei5ySkpFwoHkqvckkiJsgaw",
       });
     }, []);
 
@@ -124,7 +139,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  // setupDemo();
+  setupDemo();
 
   /** END DEMO DATA */
 
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From 4b1e7b17552a7b6d94ac089ef3db1369140e7e69 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 19 Mar 2024 15:46:58 -0700
Subject: [PATCH 586/753] Updated referral-rewards-column copies and specs

---
 .../ReferralTableRewardsCell.stories.tsx      | 25 ++++++-
 .../cells/sqm-referral-table-rewards-cell.tsx | 16 +----
 .../referral-table-rewards-column.feature     | 65 ++++++++++---------
 .../sqm-referral-table-rewards-column.tsx     |  2 +-
 .../sqm-rewards-table-status-column.feature   | 62 +++++++++---------
 5 files changed, 92 insertions(+), 78 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-referral-table/ReferralTableRewardsCell.stories.tsx b/packages/mint-components/src/components/sqm-referral-table/ReferralTableRewardsCell.stories.tsx
index 9eeb5ab43e..4d1b59f6ce 100644
--- a/packages/mint-components/src/components/sqm-referral-table/ReferralTableRewardsCell.stories.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/ReferralTableRewardsCell.stories.tsx
@@ -235,7 +235,7 @@ function getYears() {
 const statusText =
   "{status, select, AVAILABLE {Available} PAYOUT_SENT {Payout Sent} CANCELLED {Cancelled} PAYOUT_FAILED {Payout Failed} PENDING {Pending} PENDING_REVIEW {Pending} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
 const statusLongText =
-  "{status, select, AVAILABLE {Reward expiring on} PAYOUT_SENT {Reward approved for payout on {datePayoutStarted} and scheduled for payment based on your settings.} CANCELLED {Reward cancelled on} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PENDING {Available on} PENDING_REVIEW {Pending since} PENDING_TAX_REVIEW {Awaiting tax form review.} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax form to receive your rewards.} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards.} DENIED {Denied on} EXPIRED {Reward expired on} REDEEMED {Redeemed}  other {Not available} }";
+  "{status, select, AVAILABLE {Reward expiring on} PAYOUT_SENT {Reward approved for payout and was scheduled for payment based on your settings.} DENIED {Denied on} EXPIRED {Reward expired on} REDEEMED {Redeemed}  other {Not available} }";
 
 export const PendingNoUnpend = () => {
   return (
@@ -569,6 +569,29 @@ export const PayoutFailed = () => {
   );
 };
 
+// AL: TODO payout cancelled
+export const PayoutCancelled = () => {
+  return (
+    <sqm-referral-table-rewards-cell
+      rewards={[
+        {
+          ...cashPayoutSentReward,
+          ...payoutFailedReward,
+          datePayoutRetried: getDays(),
+          dateGiven: null,
+        },
+      ]}
+      statusText={statusText}
+      statusLongText={statusLongText}
+      fuelTankText="Your code is"
+      rewardReceivedText="Reward received on"
+      expiringText="Expiring in"
+      pendingForText="{status} for {date}"
+      deniedHelpText="Contact support if you think this is a mistake."
+    ></sqm-referral-table-rewards-cell>
+  );
+};
+
 export const PendingReview = () => {
   return (
     <sqm-referral-table-rewards-cell
diff --git a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
index 8b02cc8609..a7bdfd8dd7 100644
--- a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
@@ -93,6 +93,7 @@ export class ReferralTableRewardsCell {
       reward: Reward,
       taxConnection: ImpactConnection
     ): string => {
+      // AL: TODO PAYOUT_CANCELLED
       const possibleStates = [
         "REDEEMED",
         "CANCELLED",
@@ -261,20 +262,7 @@ export class ReferralTableRewardsCell {
             {state === "PAYOUT_SENT" && (
               <div>
                 <TextSpanView type="p">
-                  <TextSpanView type="p">
-                    {intl.formatMessage(
-                      {
-                        id: `statusText`,
-                        defaultMessage: statusText,
-                      },
-                      {
-                        datePayoutStarted: DateTime.fromMillis(0)
-                          .setLocale(luxonLocale(this.locale))
-                          .toLocaleString(DateTime.DATE_MED),
-                        status: "PAYOUT_SENT",
-                      }
-                    )}
-                  </TextSpanView>
+                  <TextSpanView type="p">{statusText}</TextSpanView>
                 </TextSpanView>
               </div>
             )}
diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature b/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature
index ec3162e4e2..8e98e31459 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature
@@ -1,35 +1,34 @@
-@author:noah
-@owner:noah
+@author:noah @owner:noah
 Feature: Referral Table Reward Column
-
   Shows the reward associated with each referral
 
-  Background:
+  Background: 
     Given the status column is included in the referral table
     And at least one referral exists
 
-  @motivating
-  @ui
+  @motivating @ui
   Scenario Outline: The referral reward and it's status are shown for each referral
     Then for each referral reward there exists a reward cell
     And the reward type and value is displayed in the cell
     And the status of each reward is displayed as a pill in the cell
     And rewards of <status> have a <pillColour> pill with the text <statusText>
-    Examples:
-      | status                   | pillColour | statusText     |
-      | Available                | green      | Available      |
-      | Pending                  | orange     | Pending        |
-      | Pending Tax Review       | orange     | Pending        |
-      | Pending New Tax Form     | orange     | Pending        |
-      | Pending Tax Submission   | orange     | Pending        |
-      | Pending Partner Creation | orange     | Pending        |
-      | Cancelled                | red        | Cancelled      |
-      | Payout Failed            | red        | Payout Failed  |
-      | Expired                  | red        | Expired        |
-      | Redeemed                 | blue       | Redeemed       |
-      | Payout Sent              | blue       | Payout Sent    |
-      | Pending Review           | orange     | Pending Review |
-      | Denied                   | red        | Denied         |
+
+    Examples: 
+      | status                   | pillColour | statusText       |
+      | Available                | green      | Available        |
+      | Pending                  | orange     | Pending          |
+      | Pending Tax Review       | orange     | Pending          |
+      | Pending New Tax Form     | orange     | Pending          |
+      | Pending Tax Submission   | orange     | Pending          |
+      | Pending Partner Creation | orange     | Pending          |
+      | Cancelled                | red        | Cancelled        |
+      | Payout Failed            | red        | Payout Failed    |
+      | Payout Cancelled         | red        | Payout Cancelled |
+      | Expired                  | red        | Expired          |
+      | Redeemed                 | blue       | Redeemed         |
+      | Payout Sent              | blue       | Payout Sent      |
+      | Pending Review           | orange     | Pending Review   |
+      | Denied                   | red        | Denied           |
 
   @motivating
   Scenario: The pending period of a referral reward is shown if it exists
@@ -37,12 +36,13 @@ Feature: Referral Table Reward Column
     And the reward has a set pending period
     Then the status pill of the reward will instead have the text "Pending for <relativeTime>"
     And all dates are localized to the users locale
-    Examples:
+
+    Examples: 
       | relativeTime |
-      | 2 days       |
-      | 1 week       |
-      | 3 months     |
-      | 2 years      |
+      |       2 days |
+      |       1 week |
+      |     3 months |
+      |      2 years |
 
   @motivating
   Scenario: The expiry date of a reward is shown if it exists
@@ -50,12 +50,13 @@ Feature: Referral Table Reward Column
     And the reward has a set expiry date
     Then an additional grey pill will appear next to the status pill with the text "Expiring in <relativeTime>"
     And all dates are localized to the users locale
-    Examples:
+
+    Examples: 
       | relativeTime |
-      | 2 days       |
-      | 1 week       |
-      | 3 months     |
-      | 2 years      |
+      |       2 days |
+      |       1 week |
+      |     3 months |
+      |      2 years |
 
   @motivating
   Scenario: Each reward can be expanded to show additional details about the reward
@@ -69,4 +70,4 @@ Feature: Referral Table Reward Column
       | Payout retry date on failure       |
       | Description for tax pending reason |
       | Coupon code                        |
-    And all dates are localized to a users locale
\ No newline at end of file
+    And all dates are localized to a users locale
diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
index 91a35190b3..4427009bed 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
@@ -35,7 +35,7 @@ export class ReferralTableRewardsColumn implements ReferralTableColumn {
    * @uiWidget textArea
    */
   @Prop() statusLongText: string =
-    "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_SENT {Reward approved for payout on {datePayoutStarted} and scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
+    "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_SENT {Reward approved for payout and was scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
 
   /**
    * Shown in the dropdown details when a reward has an associated fuel tank code.
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
index f9664e72d0..c1be34e590 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
@@ -23,20 +23,21 @@ Feature: Reward Table Status Column
     Then the status of their reward is displayed in <pillColour> pill with <text>
 
     Examples: 
-      | status                   | text           | pillColour |
-      | AVAILABLE                | Available      | Green      |
-      | CANCELLED                | Cancelled      | Red        |
-      | PENDING                  | Pending        | Orange     |
-      | EXPIRED                  | Expired        | Red        |
-      | REDEEMED                 | Redeemed       | Blue       |
-      | PENDING_REVIEW           | Pending Review | Orange     |
-      | PAYOUT_SENT              | Payout Sent    | Orange     |
-      | PAYOUT_FAILED            | Payout Failed  | Orange     |
-      | PENDING_TAX_REVIEW       | Pending        | Orange     |
-      | PENDING_NEW_TAX_FORM     | Pending        | Orange     |
-      | PENDING_TAX_SUBMISSION   | Pending        | Orange     |
-      | PENDING_PARTNER_CREATION | Pending        | Orange     |
-      | DENIED                   | Denied         | Red        |
+      | status                   | text             | pillColour |
+      | AVAILABLE                | Available        | Green      |
+      | CANCELLED                | Cancelled        | Red        |
+      | PENDING                  | Pending          | Orange     |
+      | EXPIRED                  | Expired          | Red        |
+      | REDEEMED                 | Redeemed         | Blue       |
+      | PENDING_REVIEW           | Pending Review   | Orange     |
+      | PAYOUT_SENT              | Payout Sent      | Orange     |
+      | PAYOUT_FAILED            | Payout Failed    | Red        |
+      | PAYOUT_CANCELLED         | Payout Cancelled | Red        |
+      | PENDING_TAX_REVIEW       | Pending          | Orange     |
+      | PENDING_NEW_TAX_FORM     | Pending          | Orange     |
+      | PENDING_TAX_SUBMISSION   | Pending          | Orange     |
+      | PENDING_PARTNER_CREATION | Pending          | Orange     |
+      | DENIED                   | Denied           | Red        |
 
   @motivating
   Scenario Outline: Reward status related information is displayed under status pills
@@ -49,22 +50,23 @@ Feature: Reward Table Status Column
     And the date is localized to the users locale
 
     Examples: 
-      | reward                                                       | text                                                                                   |
-      | available reward with an expiry date                         | localized expiry date in format "Month-Day-Year"                                       |
-      | redeemed reward                                              | localized redemption date in format "Month-Day-Year"                                   |
-      | expired reward                                               | localized expired date in format "Month-Day-Year"                                      |
-      | cancelled reward                                             | localized cancelled date in format "Month-Day-Year"                                    |
-      | pending reward with a end date                               | localized pending for date in format "Month-Day-Year"                                  |
-      | pending reward due to W9                                     | W-9 required                                                                           |
-      | pending reward due to fufillment error                       | Fulfillment error                                                                      |
-      | reward pending review of referral                            | Pending review                                                                         |
-      | pending reward due to no connected Impact partner            | Complete your tax and cash payout setup to receive your rewards.                       |
-      | pending reward due to an invalid tax document                | Invalid tax form. Submit a new form to receive your rewards.                           |
-      | pending reward due to user required to submit a tax document | Submit your tax documents to receive your rewards.                                     |
-      | pending reward due to tax document being in review           | Awaiting tax form review.                                                              |
-      | reward whose payout failed                                   | Payout failed due to a fulfillment issue and is currently being retried.               |
-      | reward whose payout was sent                                 | Reward approved for payout on {date} and scheduled for payment based on your settings. |
-      | cancelled reward from denied referral                        | Flagged as fraud                                                                       |
+      | reward                                                       | text                                                                             |
+      | available reward with an expiry date                         | localized expiry date in format "Month-Day-Year"                                 |
+      | redeemed reward                                              | localized redemption date in format "Month-Day-Year"                             |
+      | expired reward                                               | localized expired date in format "Month-Day-Year"                                |
+      | cancelled reward                                             | localized cancelled date in format "Month-Day-Year"                              |
+      | pending reward with a end date                               | localized pending for date in format "Month-Day-Year"                            |
+      | pending reward due to W9                                     | W-9 required                                                                     |
+      | pending reward due to fufillment error                       | Fulfillment error                                                                |
+      | reward pending review of referral                            | Pending review                                                                   |
+      | pending reward due to no connected Impact partner            | Complete your tax and cash payout setup to receive your rewards.                 |
+      | pending reward due to an invalid tax document                | Invalid tax form. Submit a new form to receive your rewards.                     |
+      | pending reward due to user required to submit a tax document | Submit your tax documents to receive your rewards.                               |
+      | pending reward due to tax document being in review           | Awaiting tax form review.                                                        |
+      | reward whose payout failed                                   | Payout failed due to a fulfillment issue and is currently being retried.         |
+      | reward whose payout was sent                                 | Reward approved for payout and was scheduled for payment based on your settings. |
+      | reward whose payout was cancelled                            | If you think this is a mistake, contact our Support team.                        |
+      | cancelled reward from denied referral                        | Flagged as fraud                                                                 |
 
   @minutia
   Scenario Outline: Tax-related reward statuses are based on the user's Impact tax connection

From 8786d5f0c22fef2341985603daa1b9f9cbffb953 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 19 Mar 2024 16:24:32 -0700
Subject: [PATCH 587/753] testing fix for email verification, default to
 non-local mode

---
 packages/mint-components/package.json         |  2 +-
 .../usePortalVerifyEmail.tsx                  |  5 ++-
 .../sqm-rewards-table/cells/readme.md         | 37 ++++++++++---------
 .../sqm-rewards-table/columns/readme.md       | 33 +++++++++--------
 .../sqm-tax-and-cash-dashboard/readme.md      |  2 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  3 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  4 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  2 +-
 8 files changed, 47 insertions(+), 41 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 7066d6ec88..3600c39a55 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-76",
+  "version": "1.8.0-77",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-portal-verify-email/usePortalVerifyEmail.tsx b/packages/mint-components/src/components/sqm-portal-verify-email/usePortalVerifyEmail.tsx
index 70813a8f47..e92e77c71e 100644
--- a/packages/mint-components/src/components/sqm-portal-verify-email/usePortalVerifyEmail.tsx
+++ b/packages/mint-components/src/components/sqm-portal-verify-email/usePortalVerifyEmail.tsx
@@ -13,6 +13,7 @@ export function usePortalVerifyEmail({
   verifyEmailText,
   verifyInvalidText,
   networkErrorMessage,
+  continueText,
 }) {
   const userIdent = useUserIdentity();
   const [request, { loading, data, errors }] = useVerifyEmailMutation();
@@ -61,13 +62,14 @@ export function usePortalVerifyEmail({
   };
 
   useEffect(() => {
+    console.log({ data, loading, verified });
     // Already verified, begin redirect
     if (verified) {
       setTimeout(() => {
         gotoNextPage();
       }, 3000);
     }
-    !data && submit();
+    !data && !loading && submit();
   }, [verified]);
 
   return {
@@ -90,6 +92,7 @@ export function usePortalVerifyEmail({
       verifySuccessText,
       verifyEmailText,
       verifyInvalidText,
+      continueText,
     },
   };
 }
diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md b/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
index d26190d7b8..1656b2fd7f 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
@@ -7,24 +7,25 @@
 
 ## Properties
 
-| Property                 | Attribute                  | Description | Type               | Default                                                                                    |
-| ------------------------ | -------------------------- | ----------- | ------------------ | ------------------------------------------------------------------------------------------ |
-| `deniedText`             | `denied-text`              |             | `string`           | `"Detected self-referral"`                                                                 |
-| `expiryText`             | `expiry-text`              |             | `string`           | `"Expires"`                                                                                |
-| `locale`                 | `locale`                   |             | `string`           | `"en"`                                                                                     |
-| `payoutFailed`           | `payout-failed`            |             | `string`           | `"Payout failed due to a fulfillment issue and is currently being retried."`               |
-| `payoutSent`             | `payout-sent`              |             | `string`           | `"Reward approved for payout on {date} and scheduled for payment based on your settings."` |
-| `pendingNewTaxForm`      | `pending-new-tax-form`     |             | `string`           | `"Invalid tax form. Submit a new form to receive your rewards."`                           |
-| `pendingPartnerCreation` | `pending-partner-creation` |             | `string`           | `"Complete your tax and cash payout setup to receive your rewards."`                       |
-| `pendingReviewText`      | `pending-review-text`      |             | `string`           | `"Awaiting review"`                                                                        |
-| `pendingScheduled`       | `pending-scheduled`        |             | `string`           | `"Until"`                                                                                  |
-| `pendingTaxReview`       | `pending-tax-review`       |             | `string`           | `"Awaiting tax form review."`                                                              |
-| `pendingTaxSubmission`   | `pending-tax-submission`   |             | `string`           | `"Submit your tax documents to receive your rewards."`                                     |
-| `pendingUnhandled`       | `pending-unhandled`        |             | `string`           | `"Fulfillment error"`                                                                      |
-| `pendingUsTax`           | `pending-us-tax`           |             | `string`           | `"W-9 required"`                                                                           |
-| `reward`                 | --                         |             | `Reward`           | `undefined`                                                                                |
-| `statusText`             | `status-text`              |             | `string`           | `undefined`                                                                                |
-| `taxConnection`          | --                         |             | `ImpactConnection` | `undefined`                                                                                |
+| Property                 | Attribute                  | Description | Type               | Default                                                                              |
+| ------------------------ | -------------------------- | ----------- | ------------------ | ------------------------------------------------------------------------------------ |
+| `deniedText`             | `denied-text`              |             | `string`           | `"Detected self-referral"`                                                           |
+| `expiryText`             | `expiry-text`              |             | `string`           | `"Expires"`                                                                          |
+| `locale`                 | `locale`                   |             | `string`           | `"en"`                                                                               |
+| `payoutApproved`         | `payout-approved`          |             | `string`           | `"Reward approved for payout and was scheduled for payment based on your settings."` |
+| `payoutCancelled`        | `payout-cancelled`         |             | `string`           | `"If you think this is a mistake, contact our Support team."`                        |
+| `payoutFailed`           | `payout-failed`            |             | `string`           | `"Payout failed due to a fulfillment issue and is current being retried."`           |
+| `pendingNewTaxForm`      | `pending-new-tax-form`     |             | `string`           | `"Invalid tax form. Submit a new form to receive your rewards."`                     |
+| `pendingPartnerCreation` | `pending-partner-creation` |             | `string`           | `"Complete your tax and cash payout setup to receive your rewards."`                 |
+| `pendingReviewText`      | `pending-review-text`      |             | `string`           | `"Awaiting review"`                                                                  |
+| `pendingScheduled`       | `pending-scheduled`        |             | `string`           | `"Until"`                                                                            |
+| `pendingTaxReview`       | `pending-tax-review`       |             | `string`           | `"Awaiting tax form review."`                                                        |
+| `pendingTaxSubmission`   | `pending-tax-submission`   |             | `string`           | `"Submit your tax documents to receive your rewards."`                               |
+| `pendingUnhandled`       | `pending-unhandled`        |             | `string`           | `"Fulfillment error"`                                                                |
+| `pendingUsTax`           | `pending-us-tax`           |             | `string`           | `"W-9 required"`                                                                     |
+| `reward`                 | --                         |             | `Reward`           | `undefined`                                                                          |
+| `statusText`             | `status-text`              |             | `string`           | `undefined`                                                                          |
+| `taxConnection`          | --                         |             | `ImpactConnection` | `undefined`                                                                          |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md b/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
index b1f81c5b40..1d3555d6df 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
@@ -7,22 +7,23 @@
 
 ## Properties
 
-| Property                 | Attribute                  | Description                                                                          | Type     | Default                                                                                                                                                                                                                                                                                                                                                                           |
-| ------------------------ | -------------------------- | ------------------------------------------------------------------------------------ | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `columnTitle`            | `column-title`             |                                                                                      | `string` | `"Status"`                                                                                                                                                                                                                                                                                                                                                                        |
-| `deniedText`             | `denied-text`              | Displayed when denied for fraud.                                                     | `string` | `"Detected self-referral"`                                                                                                                                                                                                                                                                                                                                                        |
-| `expiryText`             | `expiry-text`              | Text shown before the date of an expiring reward.                                    | `string` | `"Expires on "`                                                                                                                                                                                                                                                                                                                                                                   |
-| `payoutFailed`           | `payout-failed`            | Displayed when reward payout has failed (based on Impact cash payout configuration). | `string` | `"This payout will be retried on {date}."`                                                                                                                                                                                                                                                                                                                                        |
-| `payoutSent`             | `payout-sent`              | Displayed when reward payout is sent (based on Impact cash payout configuration).    | `string` | `"Payout process started on {date}. Expected payout on {date}."`                                                                                                                                                                                                                                                                                                                  |
-| `pendingNewTaxForm`      | `pending-new-tax-form`     | Displayed when pending due to requiring a new tax document                           | `string` | `"Invalid tax form. Submit a new form to receive your rewards."`                                                                                                                                                                                                                                                                                                                  |
-| `pendingPartnerCreation` | `pending-partner-creation` | Displayed when pending due to need to connect to an Impact partner                   | `string` | `"Complete your tax and cash payout setup to receive your rewards."`                                                                                                                                                                                                                                                                                                              |
-| `pendingReviewText`      | `pending-review-text`      | Displayed when flagged for fraud.                                                    | `string` | `"Awaiting review"`                                                                                                                                                                                                                                                                                                                                                               |
-| `pendingScheduled`       | `pending-scheduled`        | Text shown before the available date of a pending reward.                            | `string` | `"Until"`                                                                                                                                                                                                                                                                                                                                                                         |
-| `pendingTaxReview`       | `pending-tax-review`       | Displayed when pending due to tax document review.                                   | `string` | `"Awaiting tax form review."`                                                                                                                                                                                                                                                                                                                                                     |
-| `pendingTaxSubmission`   | `pending-tax-submission`   | Displayed when pending due to lack of tax document submission.                       | `string` | `"Submit your tax documents to receive your rewards."`                                                                                                                                                                                                                                                                                                                            |
-| `pendingUnhandled`       | `pending-unhandled`        | Displayed when fulfillment error occured when creating a reward.                     | `string` | `"Fulfillment error"`                                                                                                                                                                                                                                                                                                                                                             |
-| `pendingUsTax`           | `pending-us-tax`           | Displayed when a reward is pending due to W9 compliance.                             | `string` | `"W-9 required"`                                                                                                                                                                                                                                                                                                                                                                  |
-| `statusText`             | `status-text`              |                                                                                      | `string` | `"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_SENT {Payout Sent} PAYOUT_FAILED {Payout Failed} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }"` |
+| Property                 | Attribute                  | Description                                                                            | Type     | Default                                                                                                                                                                                                                                                                                       |
+| ------------------------ | -------------------------- | -------------------------------------------------------------------------------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `columnTitle`            | `column-title`             |                                                                                        | `string` | `"Status"`                                                                                                                                                                                                                                                                                    |
+| `deniedText`             | `denied-text`              | Displayed when denied for fraud.                                                       | `string` | `"Detected self-referral"`                                                                                                                                                                                                                                                                    |
+| `expiryText`             | `expiry-text`              | Text shown before the date of an expiring reward.                                      | `string` | `"Expires on "`                                                                                                                                                                                                                                                                               |
+| `payoutApproved`         | `payout-approved`          | Displayed when reward payout is approved (based on Impact cash payout configuration).  | `string` | `"Reward approved for payout and was scheduled for payment based on your settings."`                                                                                                                                                                                                          |
+| `payoutCancelled`        | `payout-cancelled`         | Displayed when reward payout was reversed (based on Impact cash payout configuration). | `string` | `"If you think this is a mistake, contact our Support team."`                                                                                                                                                                                                                                 |
+| `payoutFailed`           | `payout-failed`            | Displayed when reward payout has failed (based on Impact cash payout configuration).   | `string` | `"Payout failed due to a fulfillment issue and is current being retried."`                                                                                                                                                                                                                    |
+| `pendingNewTaxForm`      | `pending-new-tax-form`     | Displayed when pending due to requiring a new tax document                             | `string` | `"Invalid tax form. Submit a new form to receive your rewards."`                                                                                                                                                                                                                              |
+| `pendingPartnerCreation` | `pending-partner-creation` | Displayed when pending due to need to connect to an Impact partner                     | `string` | `"Complete your tax and cash payout setup to receive your rewards."`                                                                                                                                                                                                                          |
+| `pendingReviewText`      | `pending-review-text`      | Displayed when flagged for fraud.                                                      | `string` | `"Awaiting review"`                                                                                                                                                                                                                                                                           |
+| `pendingScheduled`       | `pending-scheduled`        | Text shown before the available date of a pending reward.                              | `string` | `"Until"`                                                                                                                                                                                                                                                                                     |
+| `pendingTaxReview`       | `pending-tax-review`       | Displayed when pending due to tax document review.                                     | `string` | `"Awaiting tax form review."`                                                                                                                                                                                                                                                                 |
+| `pendingTaxSubmission`   | `pending-tax-submission`   | Displayed when pending due to lack of tax document submission.                         | `string` | `"Submit your tax documents to receive your rewards."`                                                                                                                                                                                                                                        |
+| `pendingUnhandled`       | `pending-unhandled`        | Displayed when fulfillment error occured when creating a reward.                       | `string` | `"Fulfillment error"`                                                                                                                                                                                                                                                                         |
+| `pendingUsTax`           | `pending-us-tax`           | Displayed when a reward is pending due to W9 compliance.                               | `string` | `"W-9 required"`                                                                                                                                                                                                                                                                              |
+| `statusText`             | `status-text`              |                                                                                        | `string` | `"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }"` |
 
 
 ## Methods
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index 1f1d583f28..f6bf21650c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -36,7 +36,7 @@
 | `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submit New Form"`                                                                                                                                                                                                                                 |
 | `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
 | `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
-| `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Payouts will be sent from our referral program provider, impact.com"`                                                                                                                                                                             |
+| `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
 | `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
 | `statusBadgeText`                 | `status-badge-text`                  | Label text for next payout status badge                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
 | `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Active"`                                                                                                                                                                                                                                          |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index ff66b1072a..1ee97e42aa 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -15,6 +15,7 @@
 | `dashboard_badgeTextSubmittedOn`                | `dashboard_badge-text-submitted-on`                  | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}."`                                                                                                                                                                                                                   |
 | `dashboard_badgeTextSubmittedOnW8`              | `dashboard_badge-text-submitted-on-w-8`              | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                                                                                           |
 | `dashboard_bankingInformationSectionHeader`     | `dashboard_banking-information-section-header`       | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Payout Information"`                                                                                                                                                                                                                              |
+| `dashboard_earningsAfterTaxColumnTitle`         | `dashboard_earnings-after-tax-column-title`          | Invoice table Earnings after tax column title                                                              | `string`                                                                                                             | `"Earnings after tax"`                                                                                                                                                                                                                              |
 | `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          | Text displayed in the edit Payment Information button                                                      | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                                                                                         |
 | `dashboard_errorDescriptionText`                | `dashboard_error-description-text`                   | Error alert description shown above payout details card                                                    | `string`                                                                                                             | `"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."` |
 | `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         | Error alert header shown above payout details card                                                         | `string`                                                                                                             | `"Your payout is on hold "`                                                                                                                                                                                                                         |
@@ -28,6 +29,7 @@
 | `dashboard_newFormButton`                       | `dashboard_new-form-button`                          | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                                                                                                 |
 | `dashboard_noFormNeededSubtext`                 | `dashboard_no-form-needed-subtext`                   | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
 | `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
+| `dashboard_payoutFromImpact`                    | `dashboard_payout-from-impact`                       | Sub text describing how payouts are provided from impact.com                                               | `string`                                                                                                             | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
 | `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
 | `dashboard_statusBadgeText`                     | `dashboard_status-badge-text`                        | Badge text indicating payout status                                                                        | `string`                                                                                                             | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
 | `dashboard_statusTextActive`                    | `dashboard_status-text-active`                       | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                                                                                          |
@@ -43,7 +45,6 @@
 | `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    | Text shown above current balance indicating required balance for next payout                               | `string`                                                                                                             | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
 | `dateColumnTitle`                               | `date-column-title`                                  | Invoice table Date column title                                                                            | `string`                                                                                                             | `"Date"`                                                                                                                                                                                                                                            |
 | `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; setStep?: (value: string) => void; step?: string; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                                                                                         |
-| `earningsAfterTaxColumnTitle`                   | `earnings-after-tax-column-title`                    | Invoice table Earnings after tax column title                                                              | `string`                                                                                                             | `"Earnings after tax"`                                                                                                                                                                                                                              |
 | `earningsColumnTitle`                           | `earnings-column-title`                              | Invoice table Earnings column title                                                                        | `string`                                                                                                             | `"Earnings"`                                                                                                                                                                                                                                        |
 | `fieldInvalidError`                             | `field-invalid-error`                                | Invalid error text shown at the bottom of field inputs                                                     | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                                                                                          |
 | `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                                                                                         |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index e5012ce668..01e3bfa929 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -1027,8 +1027,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    const props = useTaxAndCash();
-    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    // const props = useTaxAndCash();
+    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
     if (this.demoData?.showTextProps) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 1d66ad97e9..183f6cf04b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -139,7 +139,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  setupDemo();
+  // setupDemo();
 
   /** END DEMO DATA */
 

From 6c653dc737faea05ca2156574fc2614ad33c3407 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 20 Mar 2024 10:11:56 -0700
Subject: [PATCH 588/753] sentence cased income tax number in step 2

---
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx         | 6 +++---
 .../tax-and-cash/sqm-user-info-form/defaultTextCopy.ts      | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 1d66ad97e9..b319f7befd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -63,9 +63,9 @@ export function useTaxAndCash() {
 
     // andy3
     const id =
-      "eaf8000b0073f6c916d85756c69bdc24fe1e94d1668a194724e5d929b0719f33";
+      "e061ee21b45eff8ada22845d441c6a2cd7190af1718a55452ad2d44b020915a7";
     const accountId =
-      "eaf8000b0073f6c916d85756c69bdc24fe1e94d1668a194724e5d929b0719f33";
+      "e061ee21b45eff8ada22845d441c6a2cd7190af1718a55452ad2d44b020915a7";
 
     // // andy
     // const id = "12345";
@@ -107,7 +107,7 @@ export function useTaxAndCash() {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZWFmODAwMGIwMDczZjZjOTE2ZDg1NzU2YzY5YmRjMjRmZTFlOTRkMTY2OGExOTQ3MjRlNWQ5MjliMDcxOWYzMyIsImFjY291bnRJZCI6ImVhZjgwMDBiMDA3M2Y2YzkxNmQ4NTc1NmM2OWJkYzI0ZmUxZTk0ZDE2NjhhMTk0NzI0ZTVkOTI5YjA3MTlmMzMiLCJlbWFpbCI6ImFuZHkubHVvK3Rlc3RxYTIzQGltcGFjdC5jb20ifX0.1MRd0kLPLKNR6Y9dCqxaei5ySkpFwoHkqvckkiJsgaw",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZTA2MWVlMjFiNDVlZmY4YWRhMjI4NDVkNDQxYzZhMmNkNzE5MGFmMTcxOGE1NTQ1MmFkMmQ0NGIwMjA5MTVhNyIsImFjY291bnRJZCI6ImUwNjFlZTIxYjQ1ZWZmOGFkYTIyODQ1ZDQ0MWM2YTJjZDcxOTBhZjE3MThhNTU0NTJhZDJkNDRiMDIwOTE1YTciLCJlbWFpbCI6InRlc3R1c2VyQGV4YW1wbGUuY29tIn19.92Dtz49tnl8ZL9oDAkNeND8SX5OSFlt5Y7FXP92sGiA",
       });
     }, []);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
index ca9d558ee2..035323810a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.ts
@@ -14,7 +14,7 @@ export const indirectDetailsSlotText: IndirectDetailsSlotViewProps["text"] = {
     "I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.",
   qstNumber: "QST Number",
   subRegion: "Sub-region",
-  subRegionTaxNumberLabel: "Income Tax Number",
+  subRegionTaxNumberLabel: "Income tax number",
   error: {
     indirectTaxNumber: "Indirect Tax is required",
     fieldRequiredError: "{fieldName} is required",

From ba50a68736990494875444ef936ff89e1928b509 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 20 Mar 2024 10:24:11 -0700
Subject: [PATCH 589/753] fix search clearing on step 1

---
 .../sqm-user-info-form/sqm-user-info-form-view.tsx        | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 6eecdb8a6b..e307f36c5a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -378,7 +378,9 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                   <sl-menu-item
                     value={c.countryCode}
                     style={{ display: "none" }}
-                  ></sl-menu-item>
+                  >
+                    {c.displayName}
+                  </sl-menu-item>
                 ))}
               </sl-select>
               <sl-select
@@ -422,7 +424,9 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                   <sl-menu-item
                     value={c.currencyCode}
                     style={{ display: "none" }}
-                  ></sl-menu-item>
+                  >
+                    {c.currencyCode} - {c.displayName}
+                  </sl-menu-item>
                 ))}
               </sl-select>
 

From d60bc5fba1405056aa79438de0c6743a3ae2e14b Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 20 Mar 2024 10:36:57 -0700
Subject: [PATCH 590/753] updated rewards/referral table specs

---
 .../columns/referral-table-rewards-column.feature           | 2 +-
 .../columns/sqm-rewards-table-status-column.feature         | 2 +-
 .../sqm-tax-and-cash-dashboard.feature                      | 4 ++--
 packages/mint-components/src/index.html                     | 6 +++---
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature b/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature
index 8e98e31459..eec6ca5723 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature
@@ -26,7 +26,7 @@ Feature: Referral Table Reward Column
       | Payout Cancelled         | red        | Payout Cancelled |
       | Expired                  | red        | Expired          |
       | Redeemed                 | blue       | Redeemed         |
-      | Payout Sent              | blue       | Payout Sent      |
+      | Transferred              | blue       | Payout Approved  |
       | Pending Review           | orange     | Pending Review   |
       | Denied                   | red        | Denied           |
 
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
index c1be34e590..9e743f18af 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
@@ -30,7 +30,7 @@ Feature: Reward Table Status Column
       | EXPIRED                  | Expired          | Red        |
       | REDEEMED                 | Redeemed         | Blue       |
       | PENDING_REVIEW           | Pending Review   | Orange     |
-      | PAYOUT_SENT              | Payout Sent      | Orange     |
+      | TRANSFERRED              | Payout Sent      | blue       |
       | PAYOUT_FAILED            | Payout Failed    | Red        |
       | PAYOUT_CANCELLED         | Payout Cancelled | Red        |
       | PENDING_TAX_REVIEW       | Pending          | Orange     |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
index bd94502b12..a3358456c3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
@@ -65,8 +65,8 @@ Feature: Tax And Cash Dashboard
       | true         | Canada           | British Columbia | Registered in British Columbia, Canada.                                                                                                                       | HST                    |            345213 |
       | true         | Canada           | Quebec           | Registered in Quebec, Canada.                                                                                                                                 | GST, QST               |     345213, 12312 |
       | true         | United Kingdom   | n/a              | Registered in United Kingdom.                                                                                                                                 | VAT                    |            321413 |
-      | true         | Spain            | Spain Proper     | Registered in Spain, Spain Proper.                                                                                                                            | VAT, Income Tax Number |     345213, 12345 |
-      | true         | Spain            | Canary Islands   | Registered in Spain, Canary Islands.                                                                                                                          | VAT, Income Tax Number |     345213, 12345 |
+      | true         | Spain            | Spain Proper     | Registered in Spain, Spain Proper.                                                                                                                            | VAT, Income tax number |     345213, 12345 |
+      | true         | Spain            | Canary Islands   | Registered in Spain, Canary Islands.                                                                                                                          | VAT, Income tax number |     345213, 12345 |
       | false        | United States    | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
       | false        | United States    | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
       | false        | Papua New Guinea | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 63afe7dd45..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-portal-container>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container> -->
+    </sqm-portal-container>
   </body>
 </html>

From f2d47abb5a5ab245b7e5412f9958ce7c1459476d Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 20 Mar 2024 10:47:04 -0700
Subject: [PATCH 591/753] fix verification bug

---
 packages/mint-components/package.json         |  2 +-
 .../usePortalEmailVerification.tsx            |  2 +-
 .../usePortalVerifyEmail.tsx                  | 21 +++++++++++++++----
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 3600c39a55..d3742ba28a 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-77",
+  "version": "1.8.0-89",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-portal-email-verification/usePortalEmailVerification.tsx b/packages/mint-components/src/components/sqm-portal-email-verification/usePortalEmailVerification.tsx
index ed7faf403f..d0d1992366 100644
--- a/packages/mint-components/src/components/sqm-portal-email-verification/usePortalEmailVerification.tsx
+++ b/packages/mint-components/src/components/sqm-portal-email-verification/usePortalEmailVerification.tsx
@@ -47,7 +47,7 @@ export function usePortalEmailVerification(props: PortalEmailVerification) {
     const variables = { email, urlParams, redirectPath };
     const result = await request(variables);
     if (result instanceof Error) {
-      if (result.message) setError("Network request failed.");
+      if (result.message) setError(props.networkErrorMessage);
       return;
     }
     if (result.requestManagedIdentityVerificationEmail?.success)
diff --git a/packages/mint-components/src/components/sqm-portal-verify-email/usePortalVerifyEmail.tsx b/packages/mint-components/src/components/sqm-portal-verify-email/usePortalVerifyEmail.tsx
index e92e77c71e..ff6929e245 100644
--- a/packages/mint-components/src/components/sqm-portal-verify-email/usePortalVerifyEmail.tsx
+++ b/packages/mint-components/src/components/sqm-portal-verify-email/usePortalVerifyEmail.tsx
@@ -1,11 +1,18 @@
-import { useEffect } from "@saasquatch/universal-hooks";
 import {
   navigation,
   useUserIdentity,
   useVerifyEmailMutation,
 } from "@saasquatch/component-boilerplate";
+import { useEffect } from "@saasquatch/universal-hooks";
 import { sanitizeUrlPath } from "../../utils/utils";
 
+const SUBMITTED_CONTEXT = "sq:verify-submitted";
+
+function setSubmitted(submitted: boolean) {
+  // using window due to dom-context getting reset on re-render
+  window[SUBMITTED_CONTEXT] = submitted;
+}
+
 export function usePortalVerifyEmail({
   nextPage,
   failedPage,
@@ -15,6 +22,7 @@ export function usePortalVerifyEmail({
   networkErrorMessage,
   continueText,
 }) {
+  const submitted = window[SUBMITTED_CONTEXT];
   const userIdent = useUserIdentity();
   const [request, { loading, data, errors }] = useVerifyEmailMutation();
   const urlParams = new URLSearchParams(navigation.location.search);
@@ -45,6 +53,8 @@ export function usePortalVerifyEmail({
   };
 
   const submit = async () => {
+    setSubmitted(true);
+
     if (oobCode) {
       const result = await request({ oobCode });
       if (
@@ -57,20 +67,23 @@ export function usePortalVerifyEmail({
       }
       setTimeout(() => {
         gotoNextPage();
+        setSubmitted(false);
       }, 3000);
     }
   };
 
   useEffect(() => {
-    console.log({ data, loading, verified });
     // Already verified, begin redirect
     if (verified) {
       setTimeout(() => {
         gotoNextPage();
+        setSubmitted(false);
       }, 3000);
+      return;
     }
-    !data && !loading && submit();
-  }, [verified]);
+
+    if (userIdent && !data && !submitted) submit();
+  }, [verified, submitted, data, userIdent, submitted]);
 
   return {
     states: {

From 39a3b11bc5d9cca9b3d70b53880fef0958f7cadf Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 20 Mar 2024 10:49:55 -0700
Subject: [PATCH 592/753] publish

---
 packages/mint-components/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index d3742ba28a..d428515dfc 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-89",
+  "version": "1.8.0-90",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

From 6621cd77e7c306f3b8478aa5930573cb87d13a27 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 20 Mar 2024 11:15:42 -0700
Subject: [PATCH 593/753] Repositioned Invoices table in dashboard, updated
 dashboard loading spec

---
 .../sqm-tax-and-cash-dashboard-view.tsx       | 62 ++++++++++---------
 .../sqm-tax-and-cash-dashboard.feature        |  2 +-
 packages/mint-components/src/index.html       |  6 +-
 3 files changed, 36 insertions(+), 34 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index cf3f9e005e..88b6cf1106 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -114,8 +114,7 @@ const style = {
     fontSize: "var(--sl-font-size-small)",
   },
   InvoiceTableContainer: {
-    marginTop: "var(--sl-spacing-xx-large)",
-    borderTop: "1px solid var(--sl-color-neutral-200)",
+    marginTop: "var(--sl-spacing-medium)",
   },
   NotRegisteredIndirectTaxText: {
     color: "var(--sl-color-gray-500)",
@@ -369,7 +368,11 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
           <h3>{text.bankingInformationSectionHeader}</h3>
           <div class={sheet.classes.BankingInformationContainer}>
             {slots.payoutDetailsCardSlot}
-            <p class={sheet.classes.DescriptionText}>{text.payoutFromImpact}</p>
+            {!states.loading && (
+              <p class={sheet.classes.DescriptionText}>
+                {text.payoutFromImpact}
+              </p>
+            )}
             {states.canEditPayoutInfo && (
               <sl-button
                 disabled={states.disabled || states.loading}
@@ -505,37 +508,36 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
                     </span>
                   </div>
                 )}
+                {!states.notRegistered && (
+                  <div class={sheet.classes.InvoiceTableContainer}>
+                    <sqm-invoice-table>
+                      <sqm-invoice-table-download-column></sqm-invoice-table-download-column>
+                      <sqm-invoice-table-date-column
+                        column-title={text.dateColumnTitle}
+                      ></sqm-invoice-table-date-column>
+                      <sqm-invoice-table-data-column
+                        column-title={text.invoiceColumnTitle}
+                        property="invoiceId"
+                      ></sqm-invoice-table-data-column>
+                      <sqm-invoice-table-data-column
+                        column-title={text.earningsColumnTitle}
+                        property="earnings"
+                      ></sqm-invoice-table-data-column>
+                      <sqm-invoice-table-data-column
+                        column-title={text.taxedAmountColumnTitle}
+                        property="taxedAmount"
+                      ></sqm-invoice-table-data-column>
+                      <sqm-invoice-table-data-column
+                        column-title={text.earningsAfterTaxColumnTitle}
+                        property="netEarnings"
+                      ></sqm-invoice-table-data-column>
+                    </sqm-invoice-table>
+                  </div>
+                )}
               </div>
             </div>
           )}
         </div>
-        {!states.notRegistered && (
-          <div class={sheet.classes.InvoiceTableContainer}>
-            <br />
-            <sqm-invoice-table>
-              <sqm-invoice-table-download-column></sqm-invoice-table-download-column>
-              <sqm-invoice-table-date-column
-                column-title={text.dateColumnTitle}
-              ></sqm-invoice-table-date-column>
-              <sqm-invoice-table-data-column
-                column-title={text.invoiceColumnTitle}
-                property="invoiceId"
-              ></sqm-invoice-table-data-column>
-              <sqm-invoice-table-data-column
-                column-title={text.earningsColumnTitle}
-                property="earnings"
-              ></sqm-invoice-table-data-column>
-              <sqm-invoice-table-data-column
-                column-title={text.taxedAmountColumnTitle}
-                property="taxedAmount"
-              ></sqm-invoice-table-data-column>
-              <sqm-invoice-table-data-column
-                column-title={text.earningsAfterTaxColumnTitle}
-                property="netEarnings"
-              ></sqm-invoice-table-data-column>
-            </sqm-invoice-table>
-          </div>
-        )}
       </div>
     </div>
   );
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
index a3358456c3..44172e113c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
@@ -13,7 +13,7 @@ Feature: Tax And Cash Dashboard
 
   @motivating
   Scenario: View Tax And Cash Dashboard is loading
-    Given the user has submitted a tax document
+    Given the user has completed the tax form flow
     When they view the Tax And Cash Dashboard
     Then they see a skeleton loaders until the end users Tax Document/Banking information data is available
 
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From 00f1d7557b1a4d8d96df021a40c2443656066ff8 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 20 Mar 2024 11:20:16 -0700
Subject: [PATCH 594/753] hook up reward statuses in referral table

---
 .../cells/sqm-referral-table-rewards-cell.tsx | 73 +++++++------------
 .../sqm-referral-table-rewards-column.tsx     |  4 +-
 .../sqm-referral-table/useReferralTable.tsx   |  8 ++
 .../sqm-rewards-table/useRewardsTable.tsx     |  4 +
 4 files changed, 42 insertions(+), 47 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
index 8b02cc8609..ee04ea4aaa 100644
--- a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
@@ -101,7 +101,8 @@ export class ReferralTableRewardsCell {
         "AVAILABLE",
         "PENDING_REVIEW",
         "DENIED",
-        "PAYOUT_SENT",
+        "PAYOUT_APPROVED",
+        "PAYOUT_CANCELLED",
         "PAYOUT_FAILED",
         "PENDING_TAX_REVIEW",
         "PENDING_NEW_TAX_FORM",
@@ -109,8 +110,6 @@ export class ReferralTableRewardsCell {
         "PENDING_PARTNER_CREATION",
       ];
 
-      // TODO: Add payout states
-
       if (reward.referral?.fraudData?.moderationStatus !== "APPROVED") {
         if (reward.referral?.fraudData?.moderationStatus === "PENDING")
           return "PENDING_REVIEW";
@@ -118,6 +117,15 @@ export class ReferralTableRewardsCell {
           return "DENIED";
       }
 
+      const partnerFundsStatus = reward.partnerFundsTransfer?.status;
+      if (
+        partnerFundsStatus === "NOT_YET_DUE" ||
+        partnerFundsStatus === "TRANSFERRED"
+      ) {
+        return "PAYOUT_ACCEPTED";
+      } else if (partnerFundsStatus === "OVERDUE") return "PAYOUT_FAILED";
+      else if (partnerFundsStatus === "REVERSED") return "PAYOUT_CANCELLED";
+
       if (reward?.pendingReasons?.includes("US_TAX")) {
         if (!taxConnection?.taxHandlingEnabled) return "PENDING";
         if (!taxConnection?.connected) return "PENDING_PARTNER_CREATION";
@@ -146,12 +154,13 @@ export class ReferralTableRewardsCell {
     const getSLBadgeType = (state: string): string => {
       switch (state) {
         case "REDEEMED":
-        case "PAYOUT_SENT":
+        case "PAYOUT_APPROVED":
           return "primary";
         case "DENIED":
         case "EXPIRED":
         case "CANCELLED":
         case "PAYOUT_FAILED":
+        case "PAYOUT_CANCELLED":
           return "danger";
         case "PENDING":
         case "PENDING_REVIEW":
@@ -258,34 +267,6 @@ export class ReferralTableRewardsCell {
             </div>
           </div>
           <div>
-            {state === "PAYOUT_SENT" && (
-              <div>
-                <TextSpanView type="p">
-                  <TextSpanView type="p">
-                    {intl.formatMessage(
-                      {
-                        id: `statusText`,
-                        defaultMessage: statusText,
-                      },
-                      {
-                        datePayoutStarted: DateTime.fromMillis(0)
-                          .setLocale(luxonLocale(this.locale))
-                          .toLocaleString(DateTime.DATE_MED),
-                        status: "PAYOUT_SENT",
-                      }
-                    )}
-                  </TextSpanView>
-                </TextSpanView>
-              </div>
-            )}
-            {state === "PAYOUT_FAILED" && (
-              <div>
-                <TextSpanView type="p">
-                  {statusText}{" "}
-                  {/* TODO: Date payout will be retried AL: removed dates */}
-                </TextSpanView>
-              </div>
-            )}
             {state === "PENDING_REVIEW" && reward.referral?.dateModerated && (
               <div>
                 <TextSpanView type="p">
@@ -298,7 +279,21 @@ export class ReferralTableRewardsCell {
                 </TextSpanView>
               </div>
             )}
-            {/* TODO: Combine these cases */}
+            {state === "PAYOUT_APPROVED" && (
+              <div>
+                <TextSpanView type="p">{statusText}</TextSpanView>
+              </div>
+            )}
+            {state === "PAYOUT_FAILED" && (
+              <div>
+                <TextSpanView type="p">{statusText}</TextSpanView>
+              </div>
+            )}
+            {state === "PAYOUT_CANCELLED" && (
+              <div>
+                <TextSpanView type="p">{statusText}</TextSpanView>
+              </div>
+            )}
             {state === "PENDING_TAX_REVIEW" && (
               <div>
                 <TextSpanView type="p">{statusText}</TextSpanView>
@@ -368,18 +363,6 @@ export class ReferralTableRewardsCell {
                 </TextSpanView>
               </div>
             )}
-            {/* {state === "PAYOUT_FAILED" && reward.dateCancelled && (
-              <div>
-                <TextSpanView type="p">
-                  {statusText}{" "}
-                  <span class={sheet.classes.BoldText} part="sqm-cell-value">
-                    {DateTime.fromMillis(reward.datePayoutRetried)
-                      .setLocale(luxonLocale(this.locale))
-                      .toLocaleString(DateTime.DATE_MED)}
-                  </span>
-                </TextSpanView>
-              </div>
-            )} */}
             {state === "PENDING" && reward.dateScheduledFor && (
               <div>
                 <TextSpanView type="p">
diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
index 91a35190b3..0d7bc3f087 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
@@ -26,7 +26,7 @@ export class ReferralTableRewardsColumn implements ReferralTableColumn {
    * @uiWidget textArea
    */
   @Prop() statusText: string =
-    "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_SENT {Payout Sent} PAYOUT_FAILED {Payout Failed} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
+    "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
 
   /**
    * Additional status text shown in the details drop down.
@@ -35,7 +35,7 @@ export class ReferralTableRewardsColumn implements ReferralTableColumn {
    * @uiWidget textArea
    */
   @Prop() statusLongText: string =
-    "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_SENT {Reward approved for payout on {datePayoutStarted} and scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
+    "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Reward approved for payout and scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
 
   /**
    * Shown in the dropdown details when a reward has an associated fuel tank code.
diff --git a/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx b/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx
index 4bdec2ebc0..9ee43b325a 100644
--- a/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx
@@ -58,6 +58,10 @@ const GET_REFERRER_DATA = gql`
             statuses
             globalRewardKey
             programRewardKey
+            partnerFundsTransfer {
+              id
+              status
+            }
             meta {
               status
               integration {
@@ -162,6 +166,10 @@ const GET_REFERRAL_DATA = gql`
               statuses
               globalRewardKey
               programRewardKey
+              partnerFundsTransfer {
+                id
+                status
+              }
               referral {
                 dateModerated
                 fraudData {
diff --git a/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx b/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx
index e1a33cdbb3..adfb60b1a6 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/useRewardsTable.tsx
@@ -78,6 +78,10 @@ const GET_REWARDS = gql`
             program {
               name
             }
+            partnerFundsTransfer {
+              id
+              status
+            }
             statuses
             pendingReasons
             cancelledReason

From 59028d9d0fbbe88a6d60a18159b159395cea5b92 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 20 Mar 2024 14:00:57 -0700
Subject: [PATCH 595/753] Updated referral-rewards-column specs and
 rewards-status-column specs

---
 .../columns/referral-table-rewards-column.feature |  7 ++++---
 .../sqm-rewards-table-status-column.feature       | 15 +++++++++------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature b/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature
index eec6ca5723..42b8949b06 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/referral-table-rewards-column.feature
@@ -22,11 +22,12 @@ Feature: Referral Table Reward Column
       | Pending Tax Submission   | orange     | Pending          |
       | Pending Partner Creation | orange     | Pending          |
       | Cancelled                | red        | Cancelled        |
-      | Payout Failed            | red        | Payout Failed    |
-      | Payout Cancelled         | red        | Payout Cancelled |
+      | Payout Overdue           | red        | Payout Failed    |
+      | Payout Reversed          | red        | Payout Cancelled |
       | Expired                  | red        | Expired          |
       | Redeemed                 | blue       | Redeemed         |
-      | Transferred              | blue       | Payout Approved  |
+      | Payout Transferred       | blue       | Payout Approved  |
+      | Payout Not Yet Due       | blue       | Payout Approved  |
       | Pending Review           | orange     | Pending Review   |
       | Denied                   | red        | Denied           |
 
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
index 9e743f18af..e0d9f2eda2 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
@@ -30,9 +30,10 @@ Feature: Reward Table Status Column
       | EXPIRED                  | Expired          | Red        |
       | REDEEMED                 | Redeemed         | Blue       |
       | PENDING_REVIEW           | Pending Review   | Orange     |
-      | TRANSFERRED              | Payout Sent      | blue       |
-      | PAYOUT_FAILED            | Payout Failed    | Red        |
-      | PAYOUT_CANCELLED         | Payout Cancelled | Red        |
+      | PAYOUT_TRANSFERRED       | Payout Approved  | blue       |
+      | PAYOUT_NOT_YET_DUE       | Payout Approved  | blue       |
+      | PAYOUT_OVERDUE           | Payout Failed    | Red        |
+      | PAYOUT_REVERSED          | Payout Cancelled | Red        |
       | PENDING_TAX_REVIEW       | Pending          | Orange     |
       | PENDING_NEW_TAX_FORM     | Pending          | Orange     |
       | PENDING_TAX_SUBMISSION   | Pending          | Orange     |
@@ -64,7 +65,7 @@ Feature: Reward Table Status Column
       | pending reward due to user required to submit a tax document | Submit your tax documents to receive your rewards.                               |
       | pending reward due to tax document being in review           | Awaiting tax form review.                                                        |
       | reward whose payout failed                                   | Payout failed due to a fulfillment issue and is currently being retried.         |
-      | reward whose payout was sent                                 | Reward approved for payout and was scheduled for payment based on your settings. |
+      | reward whose payout was approved                             | Reward approved for payout and was scheduled for payment based on your settings. |
       | reward whose payout was cancelled                            | If you think this is a mistake, contact our Support team.                        |
       | cancelled reward from denied referral                        | Flagged as fraud                                                                 |
 
@@ -95,8 +96,10 @@ Feature: Reward Table Status Column
       | EXPIRED                  | Past due                  | Red        |
       | REDEEMED                 | Spent                     | Blue       |
       | PENDING_REVIEW           | Pending Review!           | Orange     |
-      | PAYOUT_SENT              | Payout Sent!              | Orange     |
-      | PAYOUT_FAILED            | Payout Failed!            | Orange     |
+      | PAYOUT_TRANSFERRED       | Payout Approved!          | Blue       |
+      | PAYOUT_NOT_YET_DUE       | Payout Approved!          | Blue       |
+      | PAYOUT_OVERDUE           | Payout Failed!            | Red        |
+      | PAYOUT_REVERSED          | Payout Cancelled!         | Red        |
       | PENDING_TAX_REVIEW       | Pending Tax Review!       | Orange     |
       | PENDING_NEW_TAX_FORM     | Pending new tax form!     | Orange     |
       | PENDING_TAX_SUBMISSION   | Pending tax submission!   | Orange     |

From 788373ec7e7703c466185c0fc6e98db287360df1 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 20 Mar 2024 14:59:43 -0700
Subject: [PATCH 596/753] update table props and examples

---
 packages/mint-components/package-lock.json                    | 4 ++--
 .../columns/sqm-referral-table-rewards-column.tsx             | 2 +-
 .../src/components/sqm-referral-table/sqm-referral-table.tsx  | 3 ++-
 .../columns/sqm-rewards-table-status-column.tsx               | 2 +-
 .../src/components/sqm-rewards-table/sqm-rewards-table.tsx    | 2 +-
 5 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 58fc77b23d..0492d8bfb6 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-76",
+  "version": "1.8.0-90",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-76",
+      "version": "1.8.0-90",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
index 878a8db056..f798dcff0e 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
@@ -7,7 +7,7 @@ import { ReferralTableColumn } from "./ReferralTableColumn";
  * @uiName Referral Table Rewards Column
  * @validParents ["sqm-referral-table"]
  * @exampleGroup Referrals
- * @example Referral Table Rewards Column - <sqm-referral-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}" denied-help-text="Contact support if you think this is a mistake."></sqm-referral-table-rewards-column>
+ * @example Referral Table Rewards Column - <sqm-referral-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Reward approved for payout and was scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}" denied-help-text="Contact support if you think this is a mistake." ></sqm-referral-table-rewards-column>
  */
 @Component({
   tag: "sqm-referral-table-rewards-column",
diff --git a/packages/mint-components/src/components/sqm-referral-table/sqm-referral-table.tsx b/packages/mint-components/src/components/sqm-referral-table/sqm-referral-table.tsx
index 045e5250ce..7cccc2cbb5 100644
--- a/packages/mint-components/src/components/sqm-referral-table/sqm-referral-table.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/sqm-referral-table.tsx
@@ -20,7 +20,8 @@ import { tryMethod, useReferralTable } from "./useReferralTable";
  * @uiName Referral Table
  * @exampleGroup Referrals
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
- * @example Referral Table - <sqm-referral-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" ><sqm-referral-table-user-column column-title="Customer" anonymous-user="Anonymous User" deleted-user="Deleted User" ></sqm-referral-table-user-column ><sqm-referral-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} Denied {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}" denied-help-text="Contact support if you think this is a mistake."></sqm-referral-table-rewards-column ><sqm-referral-table-date-column column-title="Date converted" date-shown="dateConverted" ></sqm-referral-table-date-column ><sqm-referral-table-status-column column-title="Status" converted-status-text="Converted" in-progress-status-text="In Progress" pending-review-status-text="Pending" denied-status-text="Denied" pending-review-status-sub-text="Awaiting review" denied-status-sub-text="Detected self-referral" ></sqm-referral-table-status-column ><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png" empty-state-header="View your referral details" empty-state-text="Refer a friend to view the status of your referrals and rewards earned" slot="empty" ></sqm-empty ></sqm-referral-table> */
+ * @example Referral Table - <sqm-referral-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" > <sqm-referral-table-user-column column-title="Customer" anonymous-user="Anonymous User" deleted-user="Deleted User" ></sqm-referral-table-user-column> <sqm-referral-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Reward approved for payout and was scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}" denied-help-text="Contact support if you think this is a mistake." ></sqm-referral-table-rewards-column> <sqm-referral-table-date-column column-title="Date converted" date-shown="dateConverted" ></sqm-referral-table-date-column> <sqm-referral-table-status-column column-title="Status" converted-status-text="Converted" in-progress-status-text="In Progress" pending-review-status-text="Pending" denied-status-text="Denied" pending-review-status-sub-text="Awaiting review" denied-status-sub-text="Detected self-referral" ></sqm-referral-table-status-column> <sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png" empty-state-header="View your referral details" empty-state-text="Refer a friend to view the status of your referrals and rewards earned" slot="empty" ></sqm-empty> </sqm-referral-table>
+ */
 @Component({
   tag: "sqm-referral-table",
   shadow: true,
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx
index 3c93527028..95b2de81b5 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx
@@ -7,7 +7,7 @@ import { RewardTableColumn } from "./RewardTableColumn";
  * @uiName Reward Table Status Column
  * @validParents ["sqm-rewards-table"]
  * @exampleGroup Rewards
- * @example Reward Table Status Column - <sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error" pending-review-text="Awaiting review" denied-text="Detected self-referral"></sqm-rewards-table-status-column>
+ * @example Reward Table Status Column - <sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error" pending-review-text="Awaiting review" denied-text="Detected self-referral" pending-tax-review="Awaiting tax form review." pending-new-tax-form="Invalid tax form. Submit a new form to receive your rewards." pending-tax-submission="Submit your tax documents to receive your rewards." pending-partner-creation="Complete your tax and cash payout setup to receive your rewards." payout-failed="Payout failed due to a fulfillment issue and is current being retried." payout-cancelled="If you think this is a mistake, contact our Support team." payout-approved="Reward approved for payout and was scheduled for payment based on your settings." ></sqm-rewards-table-status-column>
  */
 @Component({
   tag: "sqm-rewards-table-status-column",
diff --git a/packages/mint-components/src/components/sqm-rewards-table/sqm-rewards-table.tsx b/packages/mint-components/src/components/sqm-rewards-table/sqm-rewards-table.tsx
index 890d436335..001701bb36 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/sqm-rewards-table.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/sqm-rewards-table.tsx
@@ -21,7 +21,7 @@ import { tryMethod, useRewardsTable } from "./useRewardsTable";
  * @uiName Reward Table
  * @exampleGroup Rewards
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
- * @example Reward Table - <sqm-rewards-table per-page="4" prev-label="Prev" more-label="Next" hidden-columns="0" sm-breakpoint="599" md-breakpoint="799"><sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error"  pending-review-text="Awaiting review" denied-text="Detected self-referral"></sqm-rewards-table-status-column><sqm-rewards-table-source-column column-title="Source" anonymous-user="Anonymous User" deleted-user="Deleted User" reward-exchange-text="Reward Exchange" referral-rext="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"></sqm-rewards-table-source-column><sqm-rewards-table-reward-column column-title="Reward" redeemed-text="{redeemedAmount} redeemed" available-text="{availableAmount} remaining" copy-text="Copied!"></sqm-rewards-table-reward-column><sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven"></sqm-rewards-table-date-column><sqm-rewards-table-customer-note-column column-title="Note"></sqm-rewards-table-customer-note-column><sqm-empty slot="empty" empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png" empty-state-header="View your rewards" empty-state-text="Complete program tasks to view the details of your rewards"></sqm-empty></sqm-rewards-table>
+ * @example Reward Table - <sqm-rewards-table per-page="4" prev-label="Prev" more-label="Next" hidden-columns="0" sm-breakpoint="599" md-breakpoint="799" ><sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_CANCELLED {Payout Cancelled} PAYOUT_FAILED {Payout Failed} EXPIRED {Expired} REDEEMED {Redeemed} DENIED {Denied} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error" pending-review-text="Awaiting review" denied-text="Detected self-referral" pending-tax-review="Awaiting tax form review." pending-new-tax-form="Invalid tax form. Submit a new form to receive your rewards." pending-tax-submission="Submit your tax documents to receive your rewards." pending-partner-creation="Complete your tax and cash payout setup to receive your rewards." payout-failed="Payout failed due to a fulfillment issue and is current being retried." payout-cancelled="If you think this is a mistake, contact our Support team." payout-approved="Reward approved for payout and was scheduled for payment based on your settings." ></sqm-rewards-table-status-column> <sqm-rewards-table-source-column column-title="Source" anonymous-user="Anonymous User" deleted-user="Deleted User" reward-exchange-text="Reward Exchange" referral-rext="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}" ></sqm-rewards-table-source-column ><sqm-rewards-table-reward-column column-title="Reward" redeemed-text="{redeemedAmount} redeemed" available-text="{availableAmount} remaining" copy-text="Copied!" ></sqm-rewards-table-reward-column ><sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven" ></sqm-rewards-table-date-column ><sqm-rewards-table-customer-note-column column-title="Note" ></sqm-rewards-table-customer-note-column ><sqm-empty slot="empty" empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png" empty-state-header="View your rewards" empty-state-text="Complete program tasks to view the details of your rewards" ></sqm-empty ></sqm-rewards-table>
  */
 @Component({
   tag: "sqm-rewards-table",

From 3884fddc93e50e7e7ca2b93e608f36f656acc3d5 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Wed, 20 Mar 2024 15:26:28 -0700
Subject: [PATCH 597/753] try to sort countries

---
 packages/mint-components/package-lock.json    |  4 +--
 .../useBankingInfoForm.tsx                    | 26 ++++++++++++++++---
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 58fc77b23d..0492d8bfb6 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-76",
+  "version": "1.8.0-90",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-76",
+      "version": "1.8.0-90",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 444de6cb1f..3d3f18df15 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -649,8 +649,7 @@ export function useBankingInfoForm(
     paymentOptions?.map((option) => option.countryCode).filter((value) => value)
   );
 
-  // build list of country codes and names
-  const countries = Array.from(availableCountries)?.map((country) => {
+  const getCountryObj = (country: string) => {
     // @ts-ignore DisplayNames not in Intl type
     const name = new Intl.DisplayNames([intlLocale], {
       type: "region",
@@ -660,7 +659,28 @@ export function useBankingInfoForm(
       code: country,
       name,
     };
-  });
+  };
+
+  const topCountries = ["CA", "US", "UK"]
+    ?.filter((value) => Array.from(availableCountries).includes(value))
+    ?.map((country) => {
+      return getCountryObj(country);
+    });
+
+  // build list of country codes and names
+  const countries = [
+    ...new Set(
+      topCountries.concat(
+        Array.from(availableCountries)
+          ?.map((country) => {
+            return getCountryObj(country);
+          })
+          .sort((a, b) => {
+            return a < b ? -1 : 1;
+          })
+      )
+    ),
+  ];
 
   const hasPayPal = !!paymentOptions?.find(
     (option) => option.defaultFinancePaymentMethodId === PAYPAL_PAYMENT_METHOD

From f4a76e26e5903d889c4654a40424f47acc78279b Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Wed, 20 Mar 2024 16:09:36 -0700
Subject: [PATCH 598/753] sort countries

---
 packages/mint-components/package-lock.json                    | 4 ++--
 packages/mint-components/package.json                         | 2 +-
 .../tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 0492d8bfb6..5a50285048 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-90",
+  "version": "1.8.0-93",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-90",
+      "version": "1.8.0-93",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index d428515dfc..d5df78d0ef 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-90",
+  "version": "1.8.0-93",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 3d3f18df15..194c51caf4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -661,7 +661,7 @@ export function useBankingInfoForm(
     };
   };
 
-  const topCountries = ["CA", "US", "UK"]
+  const topCountries = ["CA", "GB", "US"]
     ?.filter((value) => Array.from(availableCountries).includes(value))
     ?.map((country) => {
       return getCountryObj(country);
@@ -676,7 +676,7 @@ export function useBankingInfoForm(
             return getCountryObj(country);
           })
           .sort((a, b) => {
-            return a < b ? -1 : 1;
+            return a.name < b.name ? -1 : 1;
           })
       )
     ),

From dc0c91ca565aa5386b43a9f68ae58f33f067ef31 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Wed, 20 Mar 2024 16:37:42 -0700
Subject: [PATCH 599/753] better country sorting code

---
 packages/mint-components/package-lock.json    |  4 +--
 packages/mint-components/package.json         |  2 +-
 .../useBankingInfoForm.tsx                    | 32 ++++++++-----------
 3 files changed, 16 insertions(+), 22 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 5a50285048..3ce1048ab5 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-93",
+  "version": "1.8.0-94",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-93",
+      "version": "1.8.0-94",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index d5df78d0ef..cb89449819 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-93",
+  "version": "1.8.0-94",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 194c51caf4..ecb5e83988 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -661,26 +661,20 @@ export function useBankingInfoForm(
     };
   };
 
-  const topCountries = ["CA", "GB", "US"]
-    ?.filter((value) => Array.from(availableCountries).includes(value))
-    ?.map((country) => {
-      return getCountryObj(country);
-    });
+  type CountryObj = { name: string; code: string };
 
-  // build list of country codes and names
-  const countries = [
-    ...new Set(
-      topCountries.concat(
-        Array.from(availableCountries)
-          ?.map((country) => {
-            return getCountryObj(country);
-          })
-          .sort((a, b) => {
-            return a.name < b.name ? -1 : 1;
-          })
-      )
-    ),
-  ];
+  const sortByName = (a: CountryObj, b: CountryObj) =>
+    a.name < b.name ? -1 : 1;
+
+  const _topCountries = ["CA", "GB", "US"];
+
+  const countries = Array.from(availableCountries)
+    .map((c) => getCountryObj(c))
+    .sort(sortByName)
+    .reduce((prev, countryObj) => {
+      if (_topCountries.includes(countryObj.code)) return [countryObj, ...prev];
+      return [...prev, countryObj];
+    }, []);
 
   const hasPayPal = !!paymentOptions?.find(
     (option) => option.defaultFinancePaymentMethodId === PAYPAL_PAYMENT_METHOD

From e782a45047a81da1453d9a9f0a01528199aeaa74 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 21 Mar 2024 09:41:20 -0700
Subject: [PATCH 600/753] fix tax type in indirect tax section

---
 .../sqm-tax-and-cash-dashboard.tsx            |  5 ---
 .../useTaxAndCashDashboard.tsx                | 15 ++++----
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  4 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 38 +++++++++----------
 packages/mint-components/src/index.html       |  6 +--
 5 files changed, 32 insertions(+), 36 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 54b72a055a..87f4b6fc3f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -352,11 +352,6 @@ function useDemoTaxAndCashDashboard(
         onClick: () => console.debug("check step"),
         onEditPayoutInfo: () => console.debug("payout info"),
       },
-      slots: {
-        payoutDetailsCardSlot: (
-          <sqm-payout-details-card></sqm-payout-details-card>
-        ),
-      },
       text: props.getTextProps(),
     },
     props.demoData || {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 51daeea286..af93c43221 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -58,9 +58,12 @@ function getSubRegionName(regionCode: string) {
 function getIndirectTaxType(taxInformation: ImpactPublisher["taxInformation"]) {
   const regions = [...INDIRECT_TAX_PROVINCES, ...INDIRECT_TAX_SPAIN_REGIONS];
   if (taxInformation?.indirectTaxRegion) {
-    return regions.find(
-      (r) => r.regionCode === taxInformation?.indirectTaxRegion
+    const standardRegion = taxInformation.indirectTaxRegion.replace("_", "");
+    const taxType = regions.find(
+      (r) => r.regionCode === standardRegion
     )?.taxType;
+
+    if (taxType) return taxType;
   }
 
   // Spain regions only have VAT type
@@ -68,11 +71,13 @@ function getIndirectTaxType(taxInformation: ImpactPublisher["taxInformation"]) {
   if (taxInformation?.indirectTaxCountryCode) {
     return vatLabels[taxInformation.indirectTaxCountryCode] || "Indirect Tax";
   }
+
+  return "Indirect Tax";
 }
 
 export const useTaxAndCashDashboard = (
   props: TaxAndCashDashboard
-): TaxAndCashDashboardProps => {
+): Omit<TaxAndCashDashboardProps, "slots"> => {
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
   const setContext = useSetParent<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
 
@@ -152,10 +157,6 @@ export const useTaxAndCashDashboard = (
       loading,
       loadingError: !!userError?.message,
     },
-    slots: {
-      // TODO: Replace this story once we have hooks for payment details card
-      payoutDetailsCardSlot: <NextPayout />,
-    },
     callbacks: {
       onClick: onNewDocumentClick,
       onEditPayoutInfo,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 01e3bfa929..e5012ce668 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -1027,8 +1027,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    // const props = useTaxAndCash();
-    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    const props = useTaxAndCash();
+    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
     if (this.demoData?.showTextProps) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 62a8ec1460..a3caf95ef1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -56,16 +56,16 @@ export function useTaxAndCash() {
 
   function setupDemo() {
     // coleton
-    // const id =
-    //   "4c794ebe367f7021e3ce543542e27389d76394571b1bb8e7ebfbbd33ae4214d1";
-    // const accountId =
-    //   "4c794ebe367f7021e3ce543542e27389d76394571b1bb8e7ebfbbd33ae4214d1";
-
-    // andy3
     const id =
-      "e061ee21b45eff8ada22845d441c6a2cd7190af1718a55452ad2d44b020915a7";
+      "2b56113d566ec10c1a28028ddee1c065b2decc7afc7dcc055ad9939eaae838e8";
     const accountId =
-      "e061ee21b45eff8ada22845d441c6a2cd7190af1718a55452ad2d44b020915a7";
+      "2b56113d566ec10c1a28028ddee1c065b2decc7afc7dcc055ad9939eaae838e8";
+
+    // andy3
+    // const id =
+    //   "e061ee21b45eff8ada22845d441c6a2cd7190af1718a55452ad2d44b020915a7";
+    // const accountId =
+    //   "e061ee21b45eff8ada22845d441c6a2cd7190af1718a55452ad2d44b020915a7";
 
     // // andy
     // const id = "12345";
@@ -94,23 +94,23 @@ export function useTaxAndCash() {
     };
 
     // coleton
-    // useEffect(() => {
-    //   setUserIdentity({
-    //     accountId,
-    //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNGM3OTRlYmUzNjdmNzAyMWUzY2U1NDM1NDJlMjczODlkNzYzOTQ1NzFiMWJiOGU3ZWJmYmJkMzNhZTQyMTRkMSIsImFjY291bnRJZCI6IjRjNzk0ZWJlMzY3ZjcwMjFlM2NlNTQzNTQyZTI3Mzg5ZDc2Mzk0NTcxYjFiYjhlN2ViZmJiZDMzYWU0MjE0ZDEiLCJlbWFpbCI6ImNvbGV0b24uYW5uZXR0K3c5bmV3QGltcGFjdC5jb20ifX0.CYQ2Z7QrE304gZsrPANxizOVm7TmC3gp3WJUmCl7TUQ",
-    //   });
-    // }, []);
-
-    // andy3
     useEffect(() => {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZTA2MWVlMjFiNDVlZmY4YWRhMjI4NDVkNDQxYzZhMmNkNzE5MGFmMTcxOGE1NTQ1MmFkMmQ0NGIwMjA5MTVhNyIsImFjY291bnRJZCI6ImUwNjFlZTIxYjQ1ZWZmOGFkYTIyODQ1ZDQ0MWM2YTJjZDcxOTBhZjE3MThhNTU0NTJhZDJkNDRiMDIwOTE1YTciLCJlbWFpbCI6InRlc3R1c2VyQGV4YW1wbGUuY29tIn19.92Dtz49tnl8ZL9oDAkNeND8SX5OSFlt5Y7FXP92sGiA",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMmI1NjExM2Q1NjZlYzEwYzFhMjgwMjhkZGVlMWMwNjViMmRlY2M3YWZjN2RjYzA1NWFkOTkzOWVhYWU4MzhlOCIsImFjY291bnRJZCI6IjJiNTYxMTNkNTY2ZWMxMGMxYTI4MDI4ZGRlZTFjMDY1YjJkZWNjN2FmYzdkY2MwNTVhZDk5MzllYWFlODM4ZTgifX0.J3Lysrs8PB51ogKZTEGZyPEKIORp0U1IxTzOfYZ6xi4",
       });
     }, []);
 
+    // andy3
+    // useEffect(() => {
+    //   setUserIdentity({
+    //     accountId,
+    //     id,
+    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZTA2MWVlMjFiNDVlZmY4YWRhMjI4NDVkNDQxYzZhMmNkNzE5MGFmMTcxOGE1NTQ1MmFkMmQ0NGIwMjA5MTVhNyIsImFjY291bnRJZCI6ImUwNjFlZTIxYjQ1ZWZmOGFkYTIyODQ1ZDQ0MWM2YTJjZDcxOTBhZjE3MThhNTU0NTJhZDJkNDRiMDIwOTE1YTciLCJlbWFpbCI6InRlc3R1c2VyQGV4YW1wbGUuY29tIn19.92Dtz49tnl8ZL9oDAkNeND8SX5OSFlt5Y7FXP92sGiA",
+    //   });
+    // }, []);
+
     // andy
     // useEffect(() => {
     //   setUserIdentity({
@@ -139,7 +139,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  // setupDemo();
+  setupDemo();
 
   /** END DEMO DATA */
 
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 63afe7dd45..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-portal-container>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container> -->
+    </sqm-portal-container>
   </body>
 </html>

From 96fdb0967a8cd989796eaaeeb4c98bf489b63ffb Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 21 Mar 2024 09:47:04 -0700
Subject: [PATCH 601/753] Updated IndirectTaxForm copy

---
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.tsx             | 2 +-
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 0d540634b4..6c5f78b35f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -70,7 +70,7 @@ export class IndirectTaxForm {
    * @uiName Registered for indirect tax in a different region option sub-text
    */
   @Prop() otherRegionSubtext: string =
-    "If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
+    "If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more.";
 
   /**
    * Text for the option indicating not being registered for indirect tax
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 01e3bfa929..e1634ad803 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -139,7 +139,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_otherRegionSubtext: string =
-    "If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
+    "If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more.";
   /**
    * Label text for the not registered radio button
    * @uiName Not registered radio button label

From 6ec65f3d5aea5194de26126c20e86753f40ae8b2 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 21 Mar 2024 10:29:10 -0700
Subject: [PATCH 602/753] qa fixes

---
 .../sqm-docusign-form-view.tsx                |  2 ++
 .../sqm-docusign-form/useDocusignForm.tsx     | 23 ++-----------------
 .../useTaxAndCashDashboard.tsx                |  9 +++-----
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 14 +++++------
 4 files changed, 14 insertions(+), 34 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index b5c06f7240..b5be0c426c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -279,6 +279,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
                 checked={formState.participantType === "individualParticipant"}
                 disabled={states.disabled || states.participantTypeDisabled}
                 onClick={() => {
+                  if (states.disabled || states.participantTypeDisabled) return;
                   callbacks.setParticipantType("individualParticipant");
                 }}
               >
@@ -293,6 +294,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
                 checked={formState.participantType === "businessEntity"}
                 disabled={states.disabled || states.participantTypeDisabled}
                 onClick={() => {
+                  if (states.disabled || states.participantTypeDisabled) return;
                   callbacks.setParticipantType("businessEntity");
                 }}
               >
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 3c6855cc83..a6afe871df 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -133,24 +133,11 @@ export function useDocusignForm(props: DocusignForm) {
   }, [user, publisher, participantType]);
 
   useEffect(() => {
-    // TODO: Determine if check is required
     const onSubmit = async () => {
       try {
         setLoading(true);
 
-        const result = await refetch();
-        if ((result as Error)?.message) throw new Error();
-
-        const publisher = (result as UserQuery)?.user?.impactConnection
-          ?.publisher;
-        const status = publisher?.currentTaxDocument?.status;
-
-        // Throw an error if submission didn't actually save a tax document.
-        if (!status) throw new Error();
-
-        if (status === "NOT_VERIFIED" || status === "ACTIVE") {
-          console.debug("Document has been registered as submitted");
-        }
+        await refetch();
 
         // Skip banking info form if it already is saved
         setStep(
@@ -165,17 +152,11 @@ export function useDocusignForm(props: DocusignForm) {
       }
     };
 
-    console.log({ DOCUSIGN_SUCCESS_STATES, docusignStatus });
     // Handled in view
     if (DOCUSIGN_ERROR_STATES.includes(docusignStatus)) return;
 
     if (DOCUSIGN_SUCCESS_STATES.includes(docusignStatus)) {
-      // handles if the user refreshes and loses the override in context
-      setStep(
-        context.overrideNextStep || !!publisher?.withdrawalSettings
-          ? "/dashboard"
-          : "/4"
-      );
+      onSubmit();
     }
   }, [docusignStatus, refetch]);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index af93c43221..83554a9f17 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -1,17 +1,16 @@
 import { useLocale } from "@saasquatch/component-boilerplate";
 import { useEffect } from "@saasquatch/universal-hooks";
-import { h } from "@stencil/core";
 import { DateTime } from "luxon";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useSetParent } from "../../../utils/useParentState";
-import { NextPayout } from "../sqm-payout-details-card/PayoutDetailsCard.stories";
+import { vatLabels } from "../countries";
 import {
   ImpactPublisher,
+  TaxContext,
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
-  TaxContext,
-  USER_QUERY_NAMESPACE,
   UserQuery,
+  USER_QUERY_NAMESPACE,
 } from "../sqm-tax-and-cash/data";
 import {
   INDIRECT_TAX_PROVINCES,
@@ -20,8 +19,6 @@ import {
 import { taxTypeToName } from "../utils";
 import { TaxAndCashDashboard } from "./sqm-tax-and-cash-dashboard";
 import { TaxAndCashDashboardProps } from "./sqm-tax-and-cash-dashboard-view";
-import { vatLabels } from "../countries";
-import { P } from "../../../global/mixins";
 
 function getExpiresSoon(submissionDate: number, expiryDate: number) {
   if (!submissionDate || !expiryDate) return false;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index a3caf95ef1..ddf91416c1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -57,9 +57,9 @@ export function useTaxAndCash() {
   function setupDemo() {
     // coleton
     const id =
-      "2b56113d566ec10c1a28028ddee1c065b2decc7afc7dcc055ad9939eaae838e8";
+      "bd5a0bc8f8c82faa4f37f882ca5839910d6e4524597f3c3398d41d920bed8fc9";
     const accountId =
-      "2b56113d566ec10c1a28028ddee1c065b2decc7afc7dcc055ad9939eaae838e8";
+      "bd5a0bc8f8c82faa4f37f882ca5839910d6e4524597f3c3398d41d920bed8fc9";
 
     // andy3
     // const id =
@@ -82,13 +82,13 @@ export function useTaxAndCash() {
     //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
     // const accountId =
     //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
-    const programId = "22514";
-    // const programId = "22999";
+    // const programId = "22514";
+    const programId = "22999";
 
     //@ts-ignore
     window.widgetIdent = {
-      tenantAlias: "aprh0cfq6y8tk",
-      // tenantAlias: "aswi7zpxl6rjp",
+      // tenantAlias: "aprh0cfq6y8tk",
+      tenantAlias: "aswi7zpxl6rjp",
       appDomain: "https://staging.referralsaasquatch.com",
       programId,
     };
@@ -98,7 +98,7 @@ export function useTaxAndCash() {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMmI1NjExM2Q1NjZlYzEwYzFhMjgwMjhkZGVlMWMwNjViMmRlY2M3YWZjN2RjYzA1NWFkOTkzOWVhYWU4MzhlOCIsImFjY291bnRJZCI6IjJiNTYxMTNkNTY2ZWMxMGMxYTI4MDI4ZGRlZTFjMDY1YjJkZWNjN2FmYzdkY2MwNTVhZDk5MzllYWFlODM4ZTgifX0.J3Lysrs8PB51ogKZTEGZyPEKIORp0U1IxTzOfYZ6xi4",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiYmQ1YTBiYzhmOGM4MmZhYTRmMzdmODgyY2E1ODM5OTEwZDZlNDUyNDU5N2YzYzMzOThkNDFkOTIwYmVkOGZjOSIsImFjY291bnRJZCI6ImJkNWEwYmM4ZjhjODJmYWE0ZjM3Zjg4MmNhNTgzOTkxMGQ2ZTQ1MjQ1OTdmM2MzMzk4ZDQxZDkyMGJlZDhmYzkiLCJlbWFpbCI6ImNvbGV0b24uYW5uZXR0K3Rlc3RwYXlvdXRAaW1wYWN0LmNvbSJ9fQ.pUJqd22SSowAvOLFF_2U13qsMGW3eOGxKmohWh0Bs4I",
       });
     }, []);
 

From 58580128de0a0826cc6411bc5d17feac43618f4a Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 21 Mar 2024 10:41:15 -0700
Subject: [PATCH 603/753] prerelease 1.8.0-95

---
 packages/mint-components/package-lock.json    |  4 +-
 packages/mint-components/package.json         |  2 +-
 .../sqm-indirect-tax-form/readme.md           |  2 +-
 .../sqm-tax-and-cash-dashboard/readme.md      | 88 +++++++++----------
 .../useTaxAndCashDashboard.tsx                | 10 +--
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  2 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  4 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  2 +-
 8 files changed, 55 insertions(+), 59 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 3ce1048ab5..7cef1e2c0c 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-94",
+  "version": "1.8.0-95",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-94",
+      "version": "1.8.0-95",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index cb89449819..e4096dbf9e 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-94",
+  "version": "1.8.0-95",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 7d2aae05b0..554aeea7cf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -30,7 +30,7 @@
 | `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Not registered for indirect tax"`                                                                                                                                                                                 |
 | `notRegisteredSubtext`           | `not-registered-subtext`              | Subtext for the option indicating not being registered for indirect tax                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
 | `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Registered for indirect tax"`                                                                                                                                                                                     |
-| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                     |
+| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more."`                                                                       |
 | `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Province"`                                                                                                                                                                                                        |
 | `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"QST number"`                                                                                                                                                                                                      |
 | `searchForCountryText`           | `search-for-country-text`             | Placeholder text displayed in the country search dropdown                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for country.."`                                                                                                                                                                                            |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index f6bf21650c..bf07f580bd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -7,50 +7,50 @@
 
 ## Properties
 
-| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Default                                                                                                                                                                                                                                             |
-| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `accountText`                     | `account-text`                       | Label text account heading text                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Account"`                                                                                                                                                                                                                                         |
-| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                                                                                                  |
-| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submitted on {dateSubmitted}."`                                                                                                                                                                                                                   |
-| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                                                                                           |
-| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Payout information"`                                                                                                                                                                                                                              |
-| `dateColumnTitle`                 | `date-column-title`                  | Invoice table Date column title                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Date"`                                                                                                                                                                                                                                            |
-| `demoData`                        | --                                   |                                                                                        | `{ 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; }; }; slots?: { payoutDetailsCardSlot: VNode; }; }` | `undefined`                                                                                                                                                                                                                                         |
-| `earningsAfterTaxColumnTitle`     | `earnings-after-tax-column-title`    | Invoice table Earnings after tax column title                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Earnings after tax"`                                                                                                                                                                                                                              |
-| `earningsColumnTitle`             | `earnings-column-title`              | Invoice table Earnings column title                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Earnings"`                                                                                                                                                                                                                                        |
-| `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Edit Payout Information"`                                                                                                                                                                                                                         |
-| `errorDescriptionText`            | `error-description-text`             |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"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."` |
-| `errorTitleText`                  | `error-title-text`                   |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your payout is on hold "`                                                                                                                                                                                                                         |
-| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                                       |
-| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem submitting your information"`                                                                                                                                                                                                 |
-| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
-| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Registered in {province}, {country}"`                                                                                                                                                                                                             |
-| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Registered in {country}"`                                                                                                                                                                                                                         |
-| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Indirect tax"`                                                                                                                                                                                                                                    |
-| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Registered in {country}, {subRegion}"`                                                                                                                                                                                                            |
-| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"To make changes to your indirect tax information, please contact Support."`                                                                                                                                                                       |
-| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Make sure your information is correct and submit new form."`                                                                                                                                                                                      |
-| `invoiceColumnTitle`              | `invoice-column-title`               | Invoice table Invoice column title                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Invoice"`                                                                                                                                                                                                                                         |
-| `loadingErrorAlertDescription`    | `loading-error-alert-description`    | Alert description shown if there is a problem loading a form                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                                              |
-| `loadingErrorAlertHeader`         | `loading-error-alert-header`         | Alert header shown if there is a problem loading a form                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"There was a problem loading your form"`                                                                                                                                                                                                           |
-| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Submit New Form"`                                                                                                                                                                                                                                 |
-| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
-| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
-| `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
-| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
-| `statusBadgeText`                 | `status-badge-text`                  | Label text for next payout status badge                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
-| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Active"`                                                                                                                                                                                                                                          |
-| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Invalid Tax Form"`                                                                                                                                                                                                                                |
-| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Not Verified"`                                                                                                                                                                                                                                    |
-| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                                                                                                         |
-| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{documentType} tax form is invalid"`                                                                                                                                                                                                              |
-| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                                                                                       |
-| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                                                                                                            |
-| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Please resubmit a new {documentType} form."`                                                                                                                                                                                                      |
-| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Tax documents"`                                                                                                                                                                                                                                   |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"{documentType} tax form"`                                                                                                                                                                                                                         |
-| `taxedAmountColumnTitle`          | `taxed-amount-column-title`          | Invoice table Taxed Amount column title                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Taxed Amount"`                                                                                                                                                                                                                                    |
-| `thresholdPayoutText`             | `threshold-payout-text`              | Label text for the next payout based on balance                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
+| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Default                                                                                                                                                                                                                                             |
+| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `accountText`                     | `account-text`                       | Label text account heading text                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Account"`                                                                                                                                                                                                                                         |
+| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                                                                                                  |
+| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submitted on {dateSubmitted}."`                                                                                                                                                                                                                   |
+| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                                                                                           |
+| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Payout information"`                                                                                                                                                                                                                              |
+| `dateColumnTitle`                 | `date-column-title`                  | Invoice table Date column title                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Date"`                                                                                                                                                                                                                                            |
+| `demoData`                        | --                                   |                                                                                        | `{ 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; }; }; }` | `undefined`                                                                                                                                                                                                                                         |
+| `earningsAfterTaxColumnTitle`     | `earnings-after-tax-column-title`    | Invoice table Earnings after tax column title                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Earnings after tax"`                                                                                                                                                                                                                              |
+| `earningsColumnTitle`             | `earnings-column-title`              | Invoice table Earnings column title                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Earnings"`                                                                                                                                                                                                                                        |
+| `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Edit Payout Information"`                                                                                                                                                                                                                         |
+| `errorDescriptionText`            | `error-description-text`             |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."` |
+| `errorTitleText`                  | `error-title-text`                   |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your payout is on hold "`                                                                                                                                                                                                                         |
+| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                                       |
+| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem submitting your information"`                                                                                                                                                                                                 |
+| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
+| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered in {province}, {country}"`                                                                                                                                                                                                             |
+| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered in {country}"`                                                                                                                                                                                                                         |
+| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Indirect tax"`                                                                                                                                                                                                                                    |
+| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered in {country}, {subRegion}"`                                                                                                                                                                                                            |
+| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"To make changes to your indirect tax information, please contact Support."`                                                                                                                                                                       |
+| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Make sure your information is correct and submit new form."`                                                                                                                                                                                      |
+| `invoiceColumnTitle`              | `invoice-column-title`               | Invoice table Invoice column title                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Invoice"`                                                                                                                                                                                                                                         |
+| `loadingErrorAlertDescription`    | `loading-error-alert-description`    | Alert description shown if there is a problem loading a form                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                                              |
+| `loadingErrorAlertHeader`         | `loading-error-alert-header`         | Alert header shown if there is a problem loading a form                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem loading your form"`                                                                                                                                                                                                           |
+| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submit New Form"`                                                                                                                                                                                                                                 |
+| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
+| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
+| `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
+| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
+| `statusBadgeText`                 | `status-badge-text`                  | Label text for next payout status badge                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
+| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Active"`                                                                                                                                                                                                                                          |
+| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Invalid Tax Form"`                                                                                                                                                                                                                                |
+| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Not Verified"`                                                                                                                                                                                                                                    |
+| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                                                                                                         |
+| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{documentType} tax form is invalid"`                                                                                                                                                                                                              |
+| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                                                                                       |
+| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                                                                                                            |
+| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please resubmit a new {documentType} form."`                                                                                                                                                                                                      |
+| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Tax documents"`                                                                                                                                                                                                                                   |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{documentType} tax form"`                                                                                                                                                                                                                         |
+| `taxedAmountColumnTitle`          | `taxed-amount-column-title`          | Invoice table Taxed Amount column title                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Taxed Amount"`                                                                                                                                                                                                                                    |
+| `thresholdPayoutText`             | `threshold-payout-text`              | Label text for the next payout based on balance                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 83554a9f17..9bc701009b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -41,15 +41,11 @@ function getCountryName(countryCode: string, locale: string) {
 }
 
 function getSubRegionName(regionCode: string) {
-  // Impact adds an underscore to CANARYISLANDS, so requires a hardcoded check
-  if (regionCode === "CANARY_ISLANDS") {
-    return INDIRECT_TAX_SPAIN_REGIONS.find(
-      (r) => r.regionCode === "CANARYISLANDS"
-    )?.displayName;
-  }
+  // Impact adds an underscore to some regions
+  const standardCode = regionCode.replace("_", "");
 
   const regions = [...INDIRECT_TAX_PROVINCES, ...INDIRECT_TAX_SPAIN_REGIONS];
-  return regions.find((r) => r.regionCode === regionCode)?.displayName;
+  return regions.find((r) => r.regionCode === standardCode)?.displayName;
 }
 
 function getIndirectTaxType(taxInformation: ImpactPublisher["taxInformation"]) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 1ee97e42aa..f609268bb7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -79,7 +79,7 @@
 | `step2_notRegistered`                           | `step-2_not-registered`                              | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"Not registered for indirect tax"`                                                                                                                                                                                                                 |
 | `step2_notRegisteredSubtext`                    | `step-2_not-registered-subtext`                      | Subtext for the option indicating not being registered for indirect tax                                    | `string`                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                                                 |
 | `step2_otherRegion`                             | `step-2_other-region`                                | Label test for the option indicating registration for indirect tax                                         | `string`                                                                                                             | `"Registered for indirect tax"`                                                                                                                                                                                                                     |
-| `step2_otherRegionSubtext`                      | `step-2_other-region-subtext`                        | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more."`                                                                                                                     |
+| `step2_otherRegionSubtext`                      | `step-2_other-region-subtext`                        | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more."`                                                                                                       |
 | `step2_province`                                | `step-2_province`                                    | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                                                                                        |
 | `step2_qstNumber`                               | `step-2_qst-number`                                  | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST number"`                                                                                                                                                                                                                                      |
 | `step2_searchForCountryText`                    | `step-2_search-for-country-text`                     | Placeholder text displayed in the country search dropdown                                                  | `string`                                                                                                             | `"Search for country.."`                                                                                                                                                                                                                            |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index edac41074c..e1634ad803 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -1027,8 +1027,8 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    const props = useTaxAndCash();
-    // const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    // const props = useTaxAndCash();
+    const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
     if (this.demoData?.showTextProps) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index ddf91416c1..a742f3690b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -139,7 +139,7 @@ export function useTaxAndCash() {
     // }, []);
   }
 
-  setupDemo();
+  // setupDemo();
 
   /** END DEMO DATA */
 

From 68394fcb256e40c6064fa4c9d2c1dee7378fb1f0 Mon Sep 17 00:00:00 2001
From: Noah Clarke <noahwc@users.noreply.github.com>
Date: Thu, 21 Mar 2024 11:05:39 -0700
Subject: [PATCH 604/753] tax payout reminder email

---
 .../src/stories/PortalTemplates.stories.tsx   |   6 +
 .../src/templates/TaxPayoutReminderEmail.html | 404 ++++++++++++++++++
 2 files changed, 410 insertions(+)
 create mode 100644 packages/mint-components/src/templates/TaxPayoutReminderEmail.html

diff --git a/packages/mint-components/src/stories/PortalTemplates.stories.tsx b/packages/mint-components/src/stories/PortalTemplates.stories.tsx
index 26ab9cd21b..54c9a8f7e7 100644
--- a/packages/mint-components/src/stories/PortalTemplates.stories.tsx
+++ b/packages/mint-components/src/stories/PortalTemplates.stories.tsx
@@ -14,6 +14,7 @@ import editProfileTemplate from "../templates/EditProfile.html";
 import activityTemplate from "../templates/Activity.html";
 import resetPasswordEmailTemplate from "../templates/ResetPasswordEmail.html";
 import verifyEmailTemplate from "../templates/VerifyEmail.html";
+import taxPayoutReminderEmailTemplate from "../templates/taxPayoutReminderEmail.html";
 import loginTemplate from "../templates/Login.html";
 import registerTemplate from "../templates/Register.html";
 import forgotPasswordTemplate from "../templates/ForgotPassword.html";
@@ -207,3 +208,8 @@ export const VerifyEmail = createHookStory(() => {
   const { states, callbacks } = useTemplate(verifyEmailTemplate);
   return <TemplateView states={states} callbacks={callbacks} />;
 });
+
+export const taxPayoutReminderEmail = createHookStory(() => {
+  const { states, callbacks } = useTemplate(taxPayoutReminderEmailTemplate);
+  return <TemplateView states={states} callbacks={callbacks} />;
+});
diff --git a/packages/mint-components/src/templates/TaxPayoutReminderEmail.html b/packages/mint-components/src/templates/TaxPayoutReminderEmail.html
new file mode 100644
index 0000000000..78c5a7f21f
--- /dev/null
+++ b/packages/mint-components/src/templates/TaxPayoutReminderEmail.html
@@ -0,0 +1,404 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:o="urn:schemas-microsoft-com:office:office"
+  xmlns:v="urn:schemas-microsoft-com:vml"
+>
+  <head>
+    <!--[if gte mso 9
+      ]><xml
+        ><o:OfficeDocumentSettings
+          ><o:AllowPNG /><o:PixelsPerInch
+            >96</o:PixelsPerInch
+          ></o:OfficeDocumentSettings
+        ></xml
+      ><!
+    [endif]-->
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
+    <meta content="width=device-width" name="viewport" />
+    <!--[if !mso]><!-->
+    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
+    <!--<![endif]-->
+    <title></title>
+    <!--[if !mso]><!-->
+    <!--<![endif]-->
+    <style type="text/css">
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      table,
+      td,
+      tr {
+        vertical-align: top;
+        border-collapse: collapse;
+      }
+
+      * {
+        line-height: inherit;
+      }
+
+      a[x-apple-data-detectors="true"] {
+        color: inherit !important;
+        text-decoration: none !important;
+      }
+    </style>
+    <style id="media-query" type="text/css">
+      @media (max-width: 520px) {
+        .block-grid,
+        .col {
+          min-width: 320px !important;
+          max-width: 100% !important;
+          display: block !important;
+        }
+
+        .block-grid {
+          width: 100% !important;
+        }
+
+        .col {
+          width: 100% !important;
+        }
+
+        .col_cont {
+          margin: 0 auto;
+        }
+
+        img.fullwidth,
+        img.fullwidthOnMobile {
+          max-width: 100% !important;
+        }
+
+        .no-stack .col {
+          min-width: 0 !important;
+          display: table-cell !important;
+        }
+
+        .no-stack.two-up .col {
+          width: 50% !important;
+        }
+
+        .no-stack .col.num2 {
+          width: 16.6% !important;
+        }
+
+        .no-stack .col.num3 {
+          width: 25% !important;
+        }
+
+        .no-stack .col.num4 {
+          width: 33% !important;
+        }
+
+        .no-stack .col.num5 {
+          width: 41.6% !important;
+        }
+
+        .no-stack .col.num6 {
+          width: 50% !important;
+        }
+
+        .no-stack .col.num7 {
+          width: 58.3% !important;
+        }
+
+        .no-stack .col.num8 {
+          width: 66.6% !important;
+        }
+
+        .no-stack .col.num9 {
+          width: 75% !important;
+        }
+
+        .no-stack .col.num10 {
+          width: 83.3% !important;
+        }
+
+        .video-block {
+          max-width: none !important;
+        }
+
+        .mobile_hide {
+          min-height: 0px;
+          max-height: 0px;
+          max-width: 0px;
+          display: none;
+          overflow: hidden;
+          font-size: 0px;
+        }
+
+        .desktop_hide {
+          display: block !important;
+          max-height: none !important;
+        }
+      }
+    </style>
+    <style id="icon-media-query" type="text/css">
+      @media (max-width: 520px) {
+        .icons-inner {
+          text-align: center;
+        }
+
+        .icons-inner td {
+          margin: 0 auto;
+        }
+      }
+    </style>
+  </head>
+  <body
+    class="clean-body"
+    style="
+      margin: 0;
+      padding: 0;
+      -webkit-text-size-adjust: 100%;
+      background-color: #ffffff;
+    "
+  >
+    <!--[if IE]><div class="ie-browser"><![endif]-->
+    <table
+      bgcolor="#FFFFFF"
+      cellpadding="0"
+      cellspacing="0"
+      class="nl-container"
+      role="presentation"
+      style="
+        table-layout: fixed;
+        vertical-align: top;
+        min-width: 320px;
+        border-spacing: 0;
+        border-collapse: collapse;
+        mso-table-lspace: 0pt;
+        mso-table-rspace: 0pt;
+        background-color: #ffffff;
+        width: 100%;
+      "
+      valign="top"
+      width="100%"
+    >
+      <tbody>
+        <tr style="vertical-align: top" valign="top">
+          <td style="word-break: break-word; vertical-align: top" valign="top">
+            <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:#FFFFFF"><![endif]-->
+            <div style="background-color: transparent">
+              <div
+                class="block-grid"
+                style="
+                  min-width: 320px;
+                  max-width: 500px;
+                  overflow-wrap: break-word;
+                  word-wrap: break-word;
+                  word-break: break-word;
+                  margin: 0 auto;
+                  background-color: transparent;
+                "
+              >
+                <div
+                  style="
+                    border-collapse: collapse;
+                    display: table;
+                    width: 100%;
+                    background-color: transparent;
+                  "
+                >
+                  <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:500px"><tr class="layout-full-width" style="background-color:transparent"><![endif]-->
+                  <!--[if (mso)|(IE)]><td align="center" width="500" style="background-color:transparent;width:500px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
+                  <div
+                    class="col num12"
+                    style="
+                      min-width: 320px;
+                      max-width: 500px;
+                      display: table-cell;
+                      vertical-align: top;
+                      width: 500px;
+                    "
+                  >
+                    <div class="col_cont" style="width: 100% !important">
+                      <!--[if (!mso)&(!IE)]><!-->
+                      <div
+                        style="
+                          border-top: 0px solid transparent;
+                          border-left: 0px solid transparent;
+                          border-bottom: 0px solid transparent;
+                          border-right: 0px solid transparent;
+                          padding-top: 5px;
+                          padding-bottom: 5px;
+                          padding-right: 0px;
+                          padding-left: 0px;
+                        "
+                      >
+                        <!--<![endif]-->
+                        <table
+                          cellpadding="0"
+                          cellspacing="0"
+                          role="presentation"
+                          style="
+                            table-layout: fixed;
+                            vertical-align: top;
+                            border-spacing: 0;
+                            border-collapse: collapse;
+                            mso-table-lspace: 0pt;
+                            mso-table-rspace: 0pt;
+                          "
+                          valign="top"
+                          width="100%"
+                        >
+                          <tr style="vertical-align: top" valign="top">
+                            <td
+                              align="center"
+                              style="
+                                word-break: break-word;
+                                vertical-align: top;
+                                padding-bottom: 20px;
+                                padding-left: 10px;
+                                padding-right: 10px;
+                                padding-top: 10px;
+                                text-align: center;
+                                width: 100%;
+                              "
+                              valign="top"
+                              width="100%"
+                            >
+                              <h1
+                                style="
+                                  color: #444445;
+                                  direction: ltr;
+                                  font-family: 'Helvetica Neue', Helvetica,
+                                    Arial, sans-serif;
+                                  font-size: 20px;
+                                  font-weight: normal;
+                                  letter-spacing: normal;
+                                  line-height: 120%;
+                                  text-align: left;
+                                  margin-top: 0;
+                                  margin-bottom: 0;
+                                "
+                              >
+                                <strong>Submit your tax and payout info to receive your rewards</strong>
+                              </h1>
+                            </td>
+                          </tr>
+                        </table>
+                        <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
+                        <div
+                          style="
+                            color: #444445;
+                            font-family: Arial, Helvetica Neue, Helvetica,
+                              sans-serif;
+                            line-height: 1.8;
+                            padding-top: 10px;
+                            padding-right: 10px;
+                            padding-bottom: 10px;
+                            padding-left: 10px;
+                          "
+                        >
+                          <div
+                            class="txtTinyMce-wrapper"
+                            style="
+                              font-size: 14px;
+                              line-height: 1.8;
+                              color: #444445;
+                              font-family: Arial, Helvetica Neue, Helvetica,
+                                sans-serif;
+                              mso-line-height-alt: 25px;
+                            "
+                          >
+                            <p
+                              style="
+                                margin: 0;
+                                font-size: 14px;
+                                line-height: 1.8;
+                                word-break: break-word;
+                                mso-line-height-alt: 25px;
+                                margin-top: 0;
+                                margin-bottom: 0;
+                              "
+                            >
+                              <span style="font-size: 14px"
+                                >Congratulations! You earned a cash reward in our {{programName}}. To
+                                receive your reward payment, log in to your account and submit your
+                                tax and payout information.</span
+                              >
+                            </p>
+                          </div>
+                        </div>
+                        <!--[if mso]></td></tr></table><![endif]-->
+                        <div
+                          align="center"
+                          class="button-container"
+                          style="
+                            padding-top: 10px;
+                            padding-right: 10px;
+                            padding-bottom: 10px;
+                            padding-left: 10px;
+                          "
+                        >
+                          <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"><tr><td style="padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px" align="center"><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" target="_blank" href={{validationLink}} style="height:31.5pt;width:390pt;v-text-anchor:middle;" arcsize="12%" stroke="false" fillcolor="#2270ee"><w:anchorlock/><v:textbox inset="0,0,0,0"><center style="color:#ffffff; font-family:Arial, sans-serif; font-size:14px"><!
+                          [endif]--><a
+                            href={{loginLink}}
+							target="_blank"
+                            style="
+                              -webkit-text-size-adjust: none;
+                              text-decoration: none;
+                              display: block;
+                              color: #ffffff;
+                              background-color: #2270ee;
+                              border-radius: 5px;
+                              -webkit-border-radius: 5px;
+                              -moz-border-radius: 5px;
+                              width: 100%;
+                              width: calc(100% - 2px);
+                              border-top: 1px solid #2270ee;
+                              border-right: 1px solid #2270ee;
+                              border-bottom: 1px solid #2270ee;
+                              border-left: 1px solid #2270ee;
+                              padding-top: 5px;
+                              padding-bottom: 5px;
+                              font-family: 'Helvetica Neue', Helvetica, Arial,
+                                sans-serif;
+                              text-align: center;
+                              mso-border-alt: none;
+                              word-break: keep-all;
+                            "
+                            target="_blank"
+                            ><span
+                              style="
+                                padding-left: 20px;
+                                padding-right: 20px;
+                                font-size: 14px;
+                                display: inline-block;
+                                letter-spacing: undefined;
+                              "
+                              ><span
+                                style="
+                                  font-size: 16px;
+                                  line-height: 2;
+                                  word-break: break-word;
+                                  mso-line-height-alt: 32px;
+                                "
+                                ><span
+                                  style="font-size: 14px; line-height: 28px"
+                                  >Log In</span
+                                ></span
+                              ></span
+                            ></a
+                          >
+                          <!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]-->
+                        </div>
+                      <!--<![endif]-->
+                    </div>
+                  </div>
+                  <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
+                  <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
+                </div>
+              </div>
+            </div>
+            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <!--[if (IE)]></div><![endif]-->
+  </body>
+</html>
\ No newline at end of file

From e699d2f61205930de395c679528d29357d6b343c Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 21 Mar 2024 15:34:37 -0700
Subject: [PATCH 605/753] Update package.json

---
 packages/mint-components/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index e4096dbf9e..1056e15e8a 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-95",
+  "version": "1.8.0-101",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

From 54f3825dc2c0b9abbccb7e0db82332a043b37645 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 21 Mar 2024 16:18:05 -0700
Subject: [PATCH 606/753] fix banking info specs

---
 .../sqm-banking-info-form-view.tsx              |  1 +
 .../sqm-banking-info-form.feature               | 17 ++++++++++-------
 .../sqm-banking-info-form.tsx                   | 16 ++--------------
 .../useBankingInfoForm.tsx                      | 13 +++++++------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx       |  5 +++--
 5 files changed, 23 insertions(+), 29 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 2d5422324e..8944df27e0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -41,6 +41,7 @@ export interface BankingInfoFormViewProps {
     countries?: { code: string; name: string }[];
     currentPaymentOption?: any;
     showInputs?: boolean;
+    bankCountry?: string;
   };
   slots?: {
     formInputsSlot?: VNode[];
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index 7689006bb0..d68e5c1113 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -31,17 +31,20 @@ Feature: Banking Information Form
       | USD      | United States                         | Beneficiary account name, Bank account type, Bank account number, ABA routing number                 |
       | USD      | Canada                                | Beneficiary account name, Bank account number, SWIFT code, Routing number                            |
       | USD      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
-      | GBP      | United States                         | Beneficiary account name, ABA routing number                                                         |
+      | GBP      | United States                         | Beneficiary account name, Bank account type, Bank account number, SWIFT code, ABA routing number     |
       | GBP      | Canada                                | Beneficiary account name, Bank account number, SWIFT code, Routing number                            |
-      | GBP      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
-      | AUD      | United States                         | Beneficiary account name, ABA routing number                                                         |
+      | GBP      | Spain, Ireland, United Kingdom,       | Beneficiary account name, IBAN, SWIFT code                                                           |
+      | GBP      | Japan                                 | Beneficiary account name, Bank account number, SWIFT code                                            |
+      | AUD      | United States                         | Beneficiary account name, Bank account type, Bank account number, SWIFT code, ABA routing number     |
       | AUD      | Canada                                | Beneficiary account name, Bank account number, SWIFT code, Routing number                            |
-      | AUD      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
+      | AUD      | Spain, Ireland, United Kingdom        | Beneficiary account name, IBAN, SWIFT code                                                           |
+      | AUD      | Japan                                 | Beneficiary account name, Bank account number, SWIFT code                                            |
       | CAD      | Canada                                | Beneficiary account name, Bank account number, Routing number                                        |
-      | EUR      | United States                         | Beneficiary account name, ABA routing number                                                         |
+      | EUR      | United States                         | Beneficiary account name, Bank account type, Bank account number, SWIFT code, ABA routing number     |
       | EUR      | Canada                                | Beneficiary account name, Bank account number, SWIFT code, Routing number                            |
-      | EUR      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
-      | JPY      | Japan                                 | Beneficiary account name, Bank account type, Bank account number, SWIFT code, Bank Name, Branch code |
+      | EUR      | Spain, Ireland, United Kingdom        | Beneficiary account name, IBAN, SWIFT code                                                           |
+      | EUR      | Japan                                 | Beneficiary account name, Bank account number, SWIFT code                                            |
+      | JPY      | Japan                                 | Beneficiary account name, Bank account type, Bank account number, SWIFT code, Bank name, Branch code |
       | MAD      | Western Sahara, Morocco               | Beneficiary account name, Bank account number, SWIFT code                                            |
 
   @minutia
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index d20188e416..fca8bc0ae0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -169,7 +169,7 @@ export class BankingInfoForm {
    * @uiName Routing code input label
    */
   @Prop() routingCodeLabel: string =
-    "{country, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch cumber} IN {IFSC} CNY {CNAPS} other {Routing code} }";
+    "{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }";
 
   /**
    * Label text for the bank name input field
@@ -407,6 +407,7 @@ export class BankingInfoForm {
     const formMap = getFormMap({
       props,
       getValidationErrorMessage,
+      bankCountry: props.states.bankCountry,
     });
 
     const inputFields = getFormInputs({
@@ -414,11 +415,6 @@ export class BankingInfoForm {
       formMap,
     });
 
-    console.log({
-      formState: props.states.formState,
-      thresholds: props.states.thresholds,
-    });
-
     return (
       <Host>
         <BankingInfoFormView
@@ -568,14 +564,6 @@ function useDemoBankingInfoForm(
     props.demoData?.states?.bitset ||
     0;
 
-  console.log("demo hook", {
-    demoData: props.demoData,
-    currentPaymentOption,
-    currency,
-    bankCountry,
-    bitset,
-  });
-
   useEffect(() => {
     if (defaultPaymentMethodChecked !== paymentMethodChecked)
       setPaymentMethodChecked(defaultPaymentMethodChecked);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index ecb5e83988..ab72d46d0c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -100,17 +100,17 @@ type TaxpayerIdLabels = {
 export function getFormMap({
   props,
   getValidationErrorMessage,
+  bankCountry,
 }: {
   props: BankingInfoFormViewProps | Omit<any, "text" | "callbacks">;
   getValidationErrorMessage: (props: {
     type: "required" | "invalid";
     label: string;
   }) => string;
+  bankCountry?: string;
 }) {
   const { errors, ...formState } = props.states.formState;
 
-  const country = props.states.bankCountry;
-
   return {
     0: {
       input: (
@@ -226,7 +226,7 @@ export function getFormMap({
               defaultMessage: props.text.routingCodeLabel,
             },
             {
-              country,
+              bankCountry,
             }
           )}
           name="/routingCode"
@@ -243,7 +243,7 @@ export function getFormMap({
                   defaultMessage: props.text.routingCodeLabel,
                 },
                 {
-                  country,
+                  bankCountry,
                 }
               ),
             }),
@@ -304,7 +304,7 @@ export function getFormMap({
               defaultMessage: props.text.taxPayerIdLabel,
             },
             {
-              country,
+              bankCountry,
             }
           )}
           type="text"
@@ -734,7 +734,7 @@ export function useBankingInfoForm(
       return false;
     });
 
-    setFormState((p) => ({ bankCountry, ...p }));
+    setFormState((p) => ({ ...p, bankCountry }));
     setCurrentPaymentOption(currentPaymentOption);
   };
 
@@ -881,6 +881,7 @@ export function useBankingInfoForm(
       thresholds: currentPaymentOption?.thresholdOptions?.split(",") || [],
       countries,
       hasPayPal,
+      bankCountry: formState.bankCountry,
     },
     refs: {
       formRef,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index e1634ad803..46e78859cf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -448,7 +448,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_beneficiaryAccountNameLabel: string =
-    "Beneficiary Account Name";
+    "Beneficiary account name";
 
   /**
    * Label text for the bank account type input field
@@ -497,7 +497,8 @@ export class TaxAndCashMonolith {
    * @uiName Routing code input label
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_routingCodeLabel: string = "Routing code";
+  @Prop() step4_routingCodeLabel: string =
+    "{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }";
 
   /**
    * Label text for the bank name input field

From fb038b175d420bc1ba0ce6e17de681acc23235dd Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 21 Mar 2024 16:19:46 -0700
Subject: [PATCH 607/753] fix spec

---
 .../sqm-banking-info-form/sqm-banking-info-form.feature          | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
index d68e5c1113..5d40a9ba1f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.feature
@@ -31,6 +31,7 @@ Feature: Banking Information Form
       | USD      | United States                         | Beneficiary account name, Bank account type, Bank account number, ABA routing number                 |
       | USD      | Canada                                | Beneficiary account name, Bank account number, SWIFT code, Routing number                            |
       | USD      | Spain, Ireland, United Kingdom, Japan | Beneficiary account name, IBAN, SWIFT code                                                           |
+      | USD      | Japan                                 | Beneficiary account name, Bank account number, SWIFT code                                            |
       | GBP      | United States                         | Beneficiary account name, Bank account type, Bank account number, SWIFT code, ABA routing number     |
       | GBP      | Canada                                | Beneficiary account name, Bank account number, SWIFT code, Routing number                            |
       | GBP      | Spain, Ireland, United Kingdom,       | Beneficiary account name, IBAN, SWIFT code                                                           |

From acdfa6db917e3511ff64eaa50e1c6fc08c54e48a Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 21 Mar 2024 17:18:35 -0700
Subject: [PATCH 608/753] fix fixed day bug, publish

---
 packages/mint-components/package.json         |   2 +-
 .../sqm-banking-info-form/readme.md           | 110 +++++++++---------
 .../usePayoutDetailsCard.ts                   |   2 +-
 .../useTaxAndCashDashboard.tsx                |   1 +
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |   4 +-
 5 files changed, 60 insertions(+), 59 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 1056e15e8a..50da2b5797 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-101",
+  "version": "1.8.0-103",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index fec6f1bd8f..d3f1da2145 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -5,61 +5,61 @@
 
 ## Properties
 
-| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default                                                                                                                                                                                                                     |
-| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Agency code"`                                                                                                                                                                                                             |
-| `backButton`                          | `back-button`                               | Text for the back button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Save"`                                                                                                                                                                                                                    |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account number"`                                                                                                                                                                                                     |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account type"`                                                                                                                                                                                                       |
-| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank address"`                                                                                                                                                                                                            |
-| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank city"`                                                                                                                                                                                                               |
-| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank country location"`                                                                                                                                                                                                   |
-| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Name"`                                                                                                                                                                                                               |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank postal code"`                                                                                                                                                                                                        |
-| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank province/state"`                                                                                                                                                                                                     |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Beneficiary account name"`                                                                                                                                                                                                |
-| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Branch code"`                                                                                                                                                                                                             |
-| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Business"`                                                                                                                                                                                                                |
-| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Checking"`                                                                                                                                                                                                                |
-| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification CPF"`                                                                                                                                                                                                      |
-| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification Entity"`                                                                                                                                                                                                   |
-| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification"`                                                                                                                                                                                                          |
-| `continueButton`                      | `continue-button`                           | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Save"`                                                                                                                                                                                                                    |
-| `demoData`                            | --                                          |                                                                                         | `{ states?: { step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }` | `undefined`                                                                                                                                                                                                                 |
-| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Directly to my bank account"`                                                                                                                                                                                             |
-| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"EFT withdrawal (free)"`                                                                                                                                                                                                   |
-| `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is invalid"`                                                                                                                                                                                                  |
-| `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is required"`                                                                                                                                                                                                 |
-| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Foreign"`                                                                                                                                                                                                                 |
-| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Step {step} of {count}"`                                                                                                                                                                                                  |
-| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                    |
-| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                               |
-| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem submitting your information"`                                                                                                                                                                         |
-| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"IBAN"`                                                                                                                                                                                                                    |
-| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Individual"`                                                                                                                                                                                                              |
-| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                        |
-| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                |
-| `loadingErrorAlertDescription`        | `loading-error-alert-description`           | Alert description shown if there is a problem loading a form                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                      |
-| `loadingErrorAlertHeader`             | `loading-error-alert-header`                | Alert header shown if there is a problem loading a form                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem loading your form"`                                                                                                                                                                                   |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Patronymic name"`                                                                                                                                                                                                         |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal email"`                                                                                                                                                                                                            |
-| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"15th of the month"`                                                                                                                                                                                                       |
-| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"1st of the month"`                                                                                                                                                                                                        |
-| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Day"`                                                                                                                                                                                                             |
-| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment method"`                                                                                                                                                                                                          |
-| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                     |
-| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment schedule"`                                                                                                                                                                                                        |
-| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                              |
-| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me on a fixed day of the month"`                                                                                                                                                                                      |
-| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Threshold"`                                                                                                                                                                                                       |
-| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{country, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch cumber} IN {IFSC} CNY {CNAPS} other {Routing code} }"` |
-| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Savings"`                                                                                                                                                                                                                 |
-| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"SWIFT code"`                                                                                                                                                                                                              |
-| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Tax and Payouts"`                                                                                                                                                                                                         |
-| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                     |
-| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                     |
-| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                           |
-| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"VO code"`                                                                                                                                                                                                                 |
+| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Default                                                                                                                                                                                                                         |
+| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Agency code"`                                                                                                                                                                                                                 |
+| `backButton`                          | `back-button`                               | Text for the back button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Save"`                                                                                                                                                                                                                        |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank account number"`                                                                                                                                                                                                         |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank account type"`                                                                                                                                                                                                           |
+| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank address"`                                                                                                                                                                                                                |
+| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank city"`                                                                                                                                                                                                                   |
+| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank country location"`                                                                                                                                                                                                       |
+| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank Name"`                                                                                                                                                                                                                   |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank postal code"`                                                                                                                                                                                                            |
+| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank province/state"`                                                                                                                                                                                                         |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Beneficiary account name"`                                                                                                                                                                                                    |
+| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Branch code"`                                                                                                                                                                                                                 |
+| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Business"`                                                                                                                                                                                                                    |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Checking"`                                                                                                                                                                                                                    |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Classification CPF"`                                                                                                                                                                                                          |
+| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Classification Entity"`                                                                                                                                                                                                       |
+| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Classification"`                                                                                                                                                                                                              |
+| `continueButton`                      | `continue-button`                           | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Save"`                                                                                                                                                                                                                        |
+| `demoData`                            | --                                          |                                                                                         | `{ states?: { step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }` | `undefined`                                                                                                                                                                                                                     |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Directly to my bank account"`                                                                                                                                                                                                 |
+| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"EFT withdrawal (free)"`                                                                                                                                                                                                       |
+| `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{fieldName} is invalid"`                                                                                                                                                                                                      |
+| `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{fieldName} is required"`                                                                                                                                                                                                     |
+| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Foreign"`                                                                                                                                                                                                                     |
+| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Step {step} of {count}"`                                                                                                                                                                                                      |
+| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                        |
+| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                   |
+| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"There was a problem submitting your information"`                                                                                                                                                                             |
+| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"IBAN"`                                                                                                                                                                                                                        |
+| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Individual"`                                                                                                                                                                                                                  |
+| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                            |
+| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                    |
+| `loadingErrorAlertDescription`        | `loading-error-alert-description`           | Alert description shown if there is a problem loading a form                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                          |
+| `loadingErrorAlertHeader`             | `loading-error-alert-header`                | Alert header shown if there is a problem loading a form                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"There was a problem loading your form"`                                                                                                                                                                                       |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Patronymic name"`                                                                                                                                                                                                             |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"PayPal email"`                                                                                                                                                                                                                |
+| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"15th of the month"`                                                                                                                                                                                                           |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"1st of the month"`                                                                                                                                                                                                            |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Payment Day"`                                                                                                                                                                                                                 |
+| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Payment method"`                                                                                                                                                                                                              |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                         |
+| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Payment schedule"`                                                                                                                                                                                                            |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                  |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Pay me on a fixed day of the month"`                                                                                                                                                                                          |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Payment Threshold"`                                                                                                                                                                                                           |
+| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"` |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Savings"`                                                                                                                                                                                                                     |
+| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"SWIFT code"`                                                                                                                                                                                                                  |
+| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Tax and Payouts"`                                                                                                                                                                                                             |
+| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                         |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                         |
+| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                               |
+| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"VO code"`                                                                                                                                                                                                                     |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index 1258d83752..6720654264 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -33,7 +33,7 @@ export function usePayoutDetailsCard(
         : DateTime.now()
             .plus({ month: 1 })
             .startOf("month")
-            .plus({ day: 15 })
+            .plus({ day: 14 })
             .toFormat("LLL dd, yyyy");
     } else {
       intl.formatMessage(
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 9bc701009b..fcde9cbb87 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -41,6 +41,7 @@ function getCountryName(countryCode: string, locale: string) {
 }
 
 function getSubRegionName(regionCode: string) {
+  if (!regionCode) return "";
   // Impact adds an underscore to some regions
   const standardCode = regionCode.replace("_", "");
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index f609268bb7..0d1cfbd877 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -111,7 +111,7 @@
 | `step4_bankNameLabel`                           | `step-4_bank-name-label`                             | Label text for the bank name input field                                                                   | `string`                                                                                                             | `"Bank name"`                                                                                                                                                                                                                                       |
 | `step4_bankPostalCodeLabel`                     | `step-4_bank-postal-code-label`                      | Label text for the Bank Postal Code                                                                        | `string`                                                                                                             | `"Bank postal code"`                                                                                                                                                                                                                                |
 | `step4_bankStateLabel`                          | `step-4_bank-state-label`                            | Label text for the Bank Province / State input                                                             | `string`                                                                                                             | `"Bank Province / State"`                                                                                                                                                                                                                           |
-| `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              | Label text for the beneficiary account name input field                                                    | `string`                                                                                                             | `"Beneficiary Account Name"`                                                                                                                                                                                                                        |
+| `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              | Label text for the beneficiary account name input field                                                    | `string`                                                                                                             | `"Beneficiary account name"`                                                                                                                                                                                                                        |
 | `step4_branchCodeLabel`                         | `step-4_branch-code-label`                           | Label text for the branch code input field                                                                 | `string`                                                                                                             | `"Branch code"`                                                                                                                                                                                                                                     |
 | `step4_businessSelectItemLabel`                 | `step-4_business-select-item-label`                  | Label text for the business select item                                                                    | `string`                                                                                                             | `"Business"`                                                                                                                                                                                                                                        |
 | `step4_cannotChangeInfoAlert`                   | `step-4_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."`                                                                     |
@@ -136,7 +136,7 @@
 | `step4_paymentScheduleBalanceThreshold`         | `step-4_payment-schedule-balance-threshold`          | Text for the option to receive payments at a specific balance threshold                                    | `string`                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                                      |
 | `step4_paymentScheduleFixedDay`                 | `step-4_payment-schedule-fixed-day`                  | Text for the option to receive payments on a specific day of the month                                     | `string`                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                                                                                              |
 | `step4_paymentThresholdSelectLabel`             | `step-4_payment-threshold-select-label`              | Label text for the payment day select                                                                      | `string`                                                                                                             | `"Payment threshold"`                                                                                                                                                                                                                               |
-| `step4_routingCodeLabel`                        | `step-4_routing-code-label`                          | Label text for the routing code input field                                                                | `string`                                                                                                             | `"Routing code"`                                                                                                                                                                                                                                    |
+| `step4_routingCodeLabel`                        | `step-4_routing-code-label`                          | Label text for the routing code input field                                                                | `string`                                                                                                             | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"`                     |
 | `step4_savingsSelectItemLabel`                  | `step-4_savings-select-item-label`                   | Label text for the savings account type select item                                                        | `string`                                                                                                             | `"Savings"`                                                                                                                                                                                                                                         |
 | `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            | Label text for the SWIFT code input field                                                                  | `string`                                                                                                             | `"SWIFT code"`                                                                                                                                                                                                                                      |
 | `step4_taxAndPayouts`                           | `step-4_tax-and-payouts`                             | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax and Payouts"`                                                                                                                                                                                                                                 |

From 636e68267bc77d31d1a201d9a3e9851a6e8a0d85 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 21 Mar 2024 17:32:00 -0700
Subject: [PATCH 609/753] fix paypal input breaking when editing payout info

---
 packages/mint-components/package.json                     | 2 +-
 .../sqm-banking-info-form/sqm-banking-info-form.tsx       | 8 ++++----
 .../sqm-payout-details-card/usePayoutDetailsCard.ts       | 2 --
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 50da2b5797..01066b256c 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-103",
+  "version": "1.8.0-104",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index fca8bc0ae0..3b2ab15638 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -430,7 +430,7 @@ export class BankingInfoForm {
                 required
                 name="/bankCountry"
                 id="bankCountry"
-                value={props.states.formState.bankCountry}
+                value={props.states.formState.bankCountry || ""}
                 onSl-select={(e) =>
                   props.callbacks.setBankCountry(e.detail?.item?.value)
                 }
@@ -465,7 +465,7 @@ export class BankingInfoForm {
                 label={props.text.paymentThresholdSelectLabel}
                 name="/paymentThreshold"
                 id="paymentThreshold"
-                value={props.states?.formState?.paymentThreshold}
+                value={props.states?.formState?.paymentThreshold || ""}
                 {...(errors?.inputErrors?.paymentThreshold && {
                   class: "error-input",
                   helpText: getValidationErrorMessage({
@@ -485,7 +485,7 @@ export class BankingInfoForm {
               <sl-select
                 required
                 label={props.text.paymentDaySelectLabel}
-                value={props.states?.formState?.paymentDay}
+                value={props.states?.formState?.paymentDay || ""}
                 name="/paymentDay"
                 id="paymentDay"
                 {...(errors?.inputErrors?.paymentDay && {
@@ -507,7 +507,7 @@ export class BankingInfoForm {
             paypalInputSlot: (
               <sl-input
                 required
-                value={props.states?.formState?.paypalEmailAddress}
+                value={props.states?.formState?.paypalEmailAddress || ""}
                 label={props.text.payPalInputLabel}
                 key="paypalEmailAddress"
                 name="/paypalEmailAddress"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index 6720654264..e8d9a0d2c0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -9,8 +9,6 @@ import { PayoutDetailsCardViewProps } from "./sqm-payout-details-card-view";
 export function usePayoutDetailsCard(
   props: PayoutDetailsCard
 ): PayoutDetailsCardViewProps {
-  const locale = useLocale();
-
   const { data, loading } =
     useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
 

From ea5accefcfec51eae3a145d3a0d190a9deecd0b4 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 22 Mar 2024 09:43:43 -0700
Subject: [PATCH 610/753] referral table reward payout status fix

---
 .../cells/sqm-referral-table-rewards-cell.tsx                   | 2 +-
 .../sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
index e3ae3a1bd8..26542d794f 100644
--- a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
@@ -123,7 +123,7 @@ export class ReferralTableRewardsCell {
         partnerFundsStatus === "NOT_YET_DUE" ||
         partnerFundsStatus === "TRANSFERRED"
       ) {
-        return "PAYOUT_ACCEPTED";
+        return "PAYOUT_APPROVED";
       } else if (partnerFundsStatus === "OVERDUE") return "PAYOUT_FAILED";
       else if (partnerFundsStatus === "REVERSED") return "PAYOUT_CANCELLED";
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 9bc701009b..29a65d869b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -40,7 +40,7 @@ function getCountryName(countryCode: string, locale: string) {
   }).of([countryCode]);
 }
 
-function getSubRegionName(regionCode: string) {
+function getSubRegionName(regionCode: string | undefined) {
   // Impact adds an underscore to some regions
   const standardCode = regionCode.replace("_", "");
 

From 7e09716631c13beae94f255f5464c34329324ae8 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 22 Mar 2024 10:38:24 -0700
Subject: [PATCH 611/753] fix banking info getting validated when editing
 user's info

---
 .../useBankingInfoForm.tsx                    | 21 ++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index ab72d46d0c..3ca867b0b0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -713,10 +713,17 @@ export function useBankingInfoForm(
       };
     }
 
-    const currentPaymentOption = paymentOptions?.find(
-      (paymentOption) => paymentOption.countryCode === initialData.bankCountry
-    );
+    const currentPaymentOption = paymentOptions?.find((paymentOption) => {
+      if (paymentOption.countryCode !== initialData.bankCountry) return false;
+      if (
+        initialData.paymentMethod === "PAYPAL" &&
+        paymentOption.defaultFinancePaymentMethodId !== 7
+      )
+        return false;
+      return true;
+    });
 
+    updateBankCountry(currentPaymentOption?.countryCode);
     setCurrentPaymentOption(currentPaymentOption);
     setPaymentScheduleChecked(initialData.paymentSchedulingType);
     setFormState(initialData);
@@ -725,7 +732,6 @@ export function useBankingInfoForm(
         ? "toPayPalAccount"
         : "toBankAccount"
     );
-    updateBankCountry(currentPaymentOption?.countryCode);
   }, [paymentOptions, userData, setCurrentPaymentOption, setFormState]);
 
   const updateBankCountry = (bankCountry: string) => {
@@ -764,8 +770,7 @@ export function useBankingInfoForm(
     setLoading(true);
     try {
       if (!currentPaymentOption) throw new Error("No currentPaymentOption");
-
-      const response = await saveWithdrawalSettings({
+      const input = {
         setImpactPublisherWithdrawalSettingsInput: {
           user: {
             id: user.id,
@@ -775,7 +780,9 @@ export function useBankingInfoForm(
           paymentMethod: getPaymentMethod(currentPaymentOption),
           paymentSchedulingType: paymentScheduleChecked,
         } as SetImpactPublisherWithdrawalSettingsInput,
-      });
+      };
+
+      const response = await saveWithdrawalSettings(input);
       if (!response || (response as Error)?.message) {
         throw new Error();
       } else if (

From b1188710500f47db98fbf329c847aba64010673f Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 22 Mar 2024 10:46:02 -0700
Subject: [PATCH 612/753] fix demo mode breaking for tables

---
 packages/mint-components/src/components.d.ts     | 16 ++++++++--------
 .../columns/sqm-invoice-table-data-column.tsx    |  1 -
 .../columns/sqm-invoice-table-date-column.tsx    |  6 ++----
 .../columns/sqm-referral-table-date-column.tsx   |  4 ++--
 .../sqm-referral-table-rewards-column.tsx        |  7 +++----
 .../columns/sqm-rewards-table-date-column.tsx    |  4 ++--
 .../columns/sqm-rewards-table-note-column.tsx    |  4 ++--
 .../columns/sqm-rewards-table-reward-column.tsx  |  7 ++-----
 .../columns/sqm-rewards-table-source-column.tsx  |  4 ++--
 .../columns/sqm-rewards-table-status-column.tsx  |  6 +++---
 10 files changed, 26 insertions(+), 33 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index dd560c7646..7bb3bf325f 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1329,7 +1329,7 @@ export namespace Components {
           * @uiName Column title
          */
         "columnTitle": string;
-        "renderCell": (data: Invoice, options: { locale: string; }) => Promise<any>;
+        "renderCell": (data: Invoice, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmInvoiceTableDownloadCell {
@@ -2667,7 +2667,7 @@ export namespace Components {
           * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
          */
         "dateShown": ReferralDates;
-        "renderCell": (data: Referral, options: { locale: string; }) => Promise<any>;
+        "renderCell": (data: Referral, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
         "renderReferrerCell": (data: Referrer) => Promise<any>;
     }
@@ -2714,7 +2714,7 @@ export namespace Components {
           * @uiName Reward pending text
          */
         "pendingForText": string;
-        "renderCell": (data: Referral, options: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
+        "renderCell": (data: Referral, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
         "renderReferrerCell": (data: Referrer) => Promise<any>;
         /**
@@ -3083,7 +3083,7 @@ export namespace Components {
           * @uiName Column title
          */
         "columnTitle": string;
-        "renderCell": (data: Reward, options: { locale: string; }) => Promise<any>;
+        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardsTableDateCell {
@@ -3102,7 +3102,7 @@ export namespace Components {
           * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
          */
         "dateShown": string;
-        "renderCell": (data: Reward, options: { locale: string; }) => Promise<any>;
+        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardsTableRewardCell {
@@ -3129,7 +3129,7 @@ export namespace Components {
           * @uiName Redeemed amount text
          */
         "redeemedText": string;
-        "renderCell": (data: Reward, options: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
+        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardsTableSourceCell {
@@ -3162,7 +3162,7 @@ export namespace Components {
           * @uiWidget textArea
          */
         "referralText": string;
-        "renderCell": (data: Reward, options: { locale: string; }) => Promise<any>;
+        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
         /**
           * @uiName Reward exchange label
@@ -3264,7 +3264,7 @@ export namespace Components {
           * @uiName W9 pending text
          */
         "pendingUsTax": string;
-        "renderCell": (data: Reward, options: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
+        "renderCell": (data: Reward, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
         /**
           * @uiName Reward status text
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-data-column.tsx b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-data-column.tsx
index 2f0b320550..0226ee7199 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-data-column.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-data-column.tsx
@@ -29,7 +29,6 @@ export class InvoiceTableDataColumn implements InvoiceTableColumn {
 
   @Method()
   async renderCell(data: Invoice) {
-    console.log({ data, property: this.property });
     return (
       <sqm-invoice-table-data-cell
         data={data[this.property]}
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.tsx b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.tsx
index b5aad84a07..69ca660681 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.tsx
@@ -25,13 +25,11 @@ export class InvoiceTableDateColumn implements InvoiceTableColumn {
   disconnectedCallback() {}
 
   @Method()
-  async renderCell(data: Invoice, options: { locale: string }) {
-    // TODO - Validate `dateShown` against a set of known values
-
+  async renderCell(data: Invoice, options?: { locale: string }) {
     return (
       <sqm-invoice-table-date-cell
         date={data.dateCreated}
-        locale={options.locale}
+        locale={options?.locale}
       ></sqm-invoice-table-date-cell>
     );
   }
diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-date-column.tsx b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-date-column.tsx
index c52819fba3..90e426164c 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-date-column.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-date-column.tsx
@@ -47,13 +47,13 @@ export class ReferralTableDateColumn implements ReferralTableColumn {
   disconnectedCallback() {}
 
   @Method()
-  async renderCell(data: Referral, options: { locale: string }) {
+  async renderCell(data: Referral, options?: { locale: string }) {
     // TODO - Validate `dateShown` against a set of known values
 
     return (
       <sqm-referral-table-date-cell
         date={data[this.dateShown]}
-        locale={options.locale}
+        locale={options?.locale}
       ></sqm-referral-table-date-cell>
     );
   }
diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
index f798dcff0e..4c6616aa06 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/sqm-referral-table-rewards-column.tsx
@@ -87,13 +87,12 @@ export class ReferralTableRewardsColumn implements ReferralTableColumn {
   @Method()
   async renderCell(
     data: Referral,
-    options: { locale: string; taxConnection: ImpactConnection }
+    options?: { locale: string; taxConnection: ImpactConnection }
   ) {
-    // TODO: Do the right thing with many rewards, pending rewards, canceled rewards
     return (
       <sqm-referral-table-rewards-cell
         rewards={data.rewards}
-        taxConnection={options.taxConnection}
+        taxConnection={options?.taxConnection}
         statusText={this.statusText}
         statusLongText={this.statusLongText}
         fuelTankText={this.fuelTankText}
@@ -102,7 +101,7 @@ export class ReferralTableRewardsColumn implements ReferralTableColumn {
         pendingForText={this.pendingForText}
         hideDetails={this.hideDetails}
         deniedHelpText={this.deniedHelpText}
-        locale={options.locale}
+        locale={options?.locale}
         exportparts="sqm-cell-value"
       ></sqm-referral-table-rewards-cell>
     );
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-date-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-date-column.tsx
index d53eebfd14..32863f2751 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-date-column.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-date-column.tsx
@@ -37,11 +37,11 @@ export class RewardTableDateColumn implements RewardTableColumn {
   disconnectedCallback() {}
 
   @Method()
-  async renderCell(data: Reward, options: { locale: string }) {
+  async renderCell(data: Reward, options?: { locale: string }) {
     return (
       <sqm-rewards-table-date-cell
         date={data[this.dateShown]}
-        locale={options.locale}
+        locale={options?.locale}
       ></sqm-rewards-table-date-cell>
     );
   }
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-note-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-note-column.tsx
index 7b3f80b668..9194c7e005 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-note-column.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-note-column.tsx
@@ -25,12 +25,12 @@ export class RewardTableCustomerNoteColumn implements RewardTableColumn {
   disconnectedCallback() {}
 
   @Method()
-  async renderCell(data: Reward, options: { locale: string }) {
+  async renderCell(data: Reward, options?: { locale: string }) {
     const reward = data;
     return (
       <sqm-rewards-table-customer-note-cell
         note={reward?.meta?.message}
-        locale={options.locale}
+        locale={options?.locale}
       ></sqm-rewards-table-customer-note-cell>
     );
   }
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.tsx
index a928180eab..f61378edff 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.tsx
@@ -39,17 +39,14 @@ export class RewardsTableColumn implements RewardTableColumn {
   disconnectedCallback() {}
 
   @Method()
-  async renderCell(
-    data: Reward,
-    options: { locale: string; taxConnection: ImpactConnection }
-  ) {
+  async renderCell(data: Reward, options?: { locale: string }) {
     return (
       <sqm-rewards-table-reward-cell
         reward={data}
         redeemedText={this.redeemedText}
         availableText={this.availableText}
         copyText={this.copyText}
-        locale={options.locale}
+        locale={options?.locale}
         exportparts="sqm-rewards-cell-value, sqm-rewards-cell-progress-bar, sqm-rewards-cell-subtext"
       ></sqm-rewards-table-reward-cell>
     );
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.tsx
index efe41b1e58..d1e01c11ac 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.tsx
@@ -61,7 +61,7 @@ export class RewardTableUserColumn implements RewardTableColumn {
   disconnectedCallback() {}
 
   @Method()
-  async renderCell(data: Reward, options: { locale: string }) {
+  async renderCell(data: Reward, options?: { locale: string }) {
     return (
       <sqm-rewards-table-source-cell
         reward={data}
@@ -70,7 +70,7 @@ export class RewardTableUserColumn implements RewardTableColumn {
         rewardExchangeText={this.rewardExchangeText}
         referralText={this.referralText}
         rewardSourceText={this.rewardSourceText}
-        locale={options.locale}
+        locale={options?.locale}
       ></sqm-rewards-table-source-cell>
     );
   }
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx
index 95b2de81b5..69938c06f8 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx
@@ -131,13 +131,13 @@ export class RewardTableStatusColumn implements RewardTableColumn {
   @Method()
   async renderCell(
     data: Reward,
-    options: { locale: string; taxConnection: ImpactConnection }
+    options?: { locale: string; taxConnection: ImpactConnection }
   ) {
     return (
       <sqm-rewards-table-status-cell
         statusText={this.statusText}
         reward={data}
-        taxConnection={options.taxConnection}
+        taxConnection={options?.taxConnection}
         expiryText={this.expiryText}
         pendingScheduled={this.pendingScheduled}
         pendingUsTax={this.pendingUsTax}
@@ -147,7 +147,7 @@ export class RewardTableStatusColumn implements RewardTableColumn {
         payoutApproved={this.payoutApproved}
         payoutCancelled={this.payoutCancelled}
         deniedText={this.deniedText}
-        locale={options.locale}
+        locale={options?.locale}
       ></sqm-rewards-table-status-cell>
     );
   }

From a10bdbf4a8939d46d74d27d1e8678412f474f13a Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 22 Mar 2024 11:21:12 -0700
Subject: [PATCH 613/753] publish

---
 packages/mint-components/package.json                           | 2 +-
 .../src/components/sqm-rewards-table/columns/readme.md          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 01066b256c..973b3d12a7 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-104",
+  "version": "1.8.0-105",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md b/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
index 1d3555d6df..ae3f52d8ae 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
@@ -28,7 +28,7 @@
 
 ## Methods
 
-### `renderCell(data: Reward, options: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>`
+### `renderCell(data: Reward, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>`
 
 
 

From 6c5adc5c437781c765bdfc465bcac895a22f0024 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 22 Mar 2024 11:24:13 -0700
Subject: [PATCH 614/753] fix this undefined instance in reward status cell

---
 packages/mint-components/package-lock.json                    | 4 ++--
 .../sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 7cef1e2c0c..30c9a7b91a 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-95",
+  "version": "1.8.0-104",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-95",
+      "version": "1.8.0-104",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
index ca7f5200e1..534d5faf8b 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
@@ -244,7 +244,7 @@ export class RewardTableStatusCell {
         SUSPECTED_FRAUD: prop.pendingReview,
       };
 
-      const taxReason = this.getTaxPendingReasons(
+      const taxReason = prop.getTaxPendingReasons(
         prop.reward,
         prop.taxConnection
       );

From 7359b229d6e0b70bd303237dbfcd83c4611f7a4d Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 22 Mar 2024 11:27:19 -0700
Subject: [PATCH 615/753] fix blue of payout approved badge

---
 .../sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
index 534d5faf8b..4b9adfad5a 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx
@@ -215,7 +215,7 @@ export class RewardTableStatusCell {
           type={badgeType}
           pill
           class={
-            rewardStatus === "REDEEMED" || rewardStatus === "PAYOUT_SENT"
+            rewardStatus === "REDEEMED" || rewardStatus === "PAYOUT_APPROVED"
               ? sheet.classes.RedeemBadge
               : sheet.classes.Badge
           }

From ab245ae109fa60dfdd7b9cfa2403527869240bbf Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 22 Mar 2024 11:32:49 -0700
Subject: [PATCH 616/753] fix missing prop text on email verification

---
 packages/mint-components/package.json                           | 2 +-
 .../usePortalEmailVerification.tsx                              | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 973b3d12a7..21e6f9a8bf 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-105",
+  "version": "1.8.0-106",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-portal-email-verification/usePortalEmailVerification.tsx b/packages/mint-components/src/components/sqm-portal-email-verification/usePortalEmailVerification.tsx
index d0d1992366..f0070361d1 100644
--- a/packages/mint-components/src/components/sqm-portal-email-verification/usePortalEmailVerification.tsx
+++ b/packages/mint-components/src/components/sqm-portal-email-verification/usePortalEmailVerification.tsx
@@ -144,6 +144,8 @@ export function usePortalEmailVerification(props: PortalEmailVerification) {
       resendEmailButtonText: props.resendEmailButtonText,
       verificationLoadingMessage: props.verificationLoadingMessage,
       verificationStatusMessage: props.verificationStatusMessage,
+      verificationResentMessage: props.verificationResentMessage,
+      networkErrorMessage: props.networkErrorMessage,
     },
   };
 }

From 43164f1cd6f4bec379ff76b53a2c9b03d16b026c Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Fri, 22 Mar 2024 11:49:05 -0700
Subject: [PATCH 617/753] publish

---
 packages/mint-components/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 21e6f9a8bf..d2bb13b5bd 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-106",
+  "version": "1.8.0-107",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

From dd83aee096da57e30673d9382236c28e65c7245e Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 22 Mar 2024 14:08:54 -0700
Subject: [PATCH 618/753] Moved TaxAndCash sidebar item in template above
 Logout

---
 packages/mint-components/src/templates/TaxAndCash.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/templates/TaxAndCash.html b/packages/mint-components/src/templates/TaxAndCash.html
index 602e11d755..cf2e5b091e 100644
--- a/packages/mint-components/src/templates/TaxAndCash.html
+++ b/packages/mint-components/src/templates/TaxAndCash.html
@@ -54,12 +54,12 @@
                     <sqm-navigation-sidebar>
                         <sqm-navigation-sidebar-item path="/" icon="house"
                             label="Dashboard"></sqm-navigation-sidebar-item>
-                        <sqm-navigation-sidebar-item path="/taxAndCash" icon="file-earmark-text"
-                            label="Tax and Cash"></sqm-navigation-sidebar-item>
                         <sqm-navigation-sidebar-item path="/activity" icon="bar-chart"
                             label="Activity"></sqm-navigation-sidebar-item>
                         <sqm-navigation-sidebar-item path="/editProfile" icon="person"
                             label="Edit Profile"></sqm-navigation-sidebar-item>
+                        <sqm-navigation-sidebar-item path="/taxAndCash" icon="file-earmark-text"
+                            label="Tax and Cash"></sqm-navigation-sidebar-item>
                         <sqm-navigation-sidebar-item path="/logout" icon="box-arrow-right"
                             label="Logout"></sqm-navigation-sidebar-item>
                     </sqm-navigation-sidebar>

From 4bad87a448d7d737c840beed1612ea6db84ae747 Mon Sep 17 00:00:00 2001
From: Derek Siemens <50340998+DerekSiemens@users.noreply.github.com>
Date: Fri, 22 Mar 2024 21:49:48 +0000
Subject: [PATCH 619/753] My testing commit

---
 .../src/components/tax-and-cash/sqm-tax-form.feature             | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 241d27bb09..6edadf788f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -23,7 +23,6 @@ Feature: Tax Form Flow
     When they complete filling out their indirect tax information
     And press "Continue"
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
-
     Examples: 
       | countryCode | brandCountry | stepX |
       | CA          | US           |     3 |

From 9af75066e7e55e910e160040c10acf5b7c0cd75f Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Fri, 22 Mar 2024 14:56:59 -0700
Subject: [PATCH 620/753] Updated rewards-table-status-column spec

---
 .../sqm-rewards-table-status-column.feature   | 28 ++++++++-----------
 1 file changed, 12 insertions(+), 16 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
index e0d9f2eda2..20deb2ba20 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
@@ -89,22 +89,18 @@ Feature: Reward Table Status Column
     Then the status of their reward is displayed in <pillColour> pill with <text>
 
     Examples: 
-      | status                   | text                      | pillColour |
-      | AVAILABLE                | Redeem me!                | Green      |
-      | CANCELLED                | Unavailable               | Red        |
-      | PENDING                  | Coming soon!              | Orange     |
-      | EXPIRED                  | Past due                  | Red        |
-      | REDEEMED                 | Spent                     | Blue       |
-      | PENDING_REVIEW           | Pending Review!           | Orange     |
-      | PAYOUT_TRANSFERRED       | Payout Approved!          | Blue       |
-      | PAYOUT_NOT_YET_DUE       | Payout Approved!          | Blue       |
-      | PAYOUT_OVERDUE           | Payout Failed!            | Red        |
-      | PAYOUT_REVERSED          | Payout Cancelled!         | Red        |
-      | PENDING_TAX_REVIEW       | Pending Tax Review!       | Orange     |
-      | PENDING_NEW_TAX_FORM     | Pending new tax form!     | Orange     |
-      | PENDING_TAX_SUBMISSION   | Pending tax submission!   | Orange     |
-      | PENDING_PARTNER_CREATION | Pending partner creation! | Orange     |
-      | DENIED                   | Unlucky!                  | Red        |
+      | status             | text              | pillColour |
+      | AVAILABLE          | Redeem me!        | Green      |
+      | CANCELLED          | Unavailable       | Red        |
+      | PENDING            | Coming soon!      | Orange     |
+      | EXPIRED            | Past due          | Red        |
+      | REDEEMED           | Spent             | Blue       |
+      | PENDING_REVIEW     | Pending Review!   | Orange     |
+      | PAYOUT_TRANSFERRED | Payout Approved!  | Blue       |
+      | PAYOUT_NOT_YET_DUE | Payout Approved!  | Blue       |
+      | PAYOUT_OVERDUE     | Payout Failed!    | Red        |
+      | PAYOUT_REVERSED    | Payout Cancelled! | Red        |
+      | DENIED             | Unlucky!          | Red        |
 
   @minutia @ui
   Scenario: Expiry status date text can be configured

From 50970c197022ee5cab74072fc9e6920f14c6880f Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 25 Mar 2024 09:29:15 -0700
Subject: [PATCH 621/753] Updated rewards status column spec

---
 .../columns/sqm-rewards-table-status-column.feature             | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
index 20deb2ba20..c549ede8aa 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.feature
@@ -29,7 +29,7 @@ Feature: Reward Table Status Column
       | PENDING                  | Pending          | Orange     |
       | EXPIRED                  | Expired          | Red        |
       | REDEEMED                 | Redeemed         | Blue       |
-      | PENDING_REVIEW           | Pending Review   | Orange     |
+      | PENDING_REVIEW           | Pending          | Orange     |
       | PAYOUT_TRANSFERRED       | Payout Approved  | blue       |
       | PAYOUT_NOT_YET_DUE       | Payout Approved  | blue       |
       | PAYOUT_OVERDUE           | Payout Failed    | Red        |

From 8f242efe04952fa1a6b3191077cafa22b2e7fa49 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 25 Mar 2024 10:32:58 -0700
Subject: [PATCH 622/753] publish

---
 packages/mint-components/package.json                      | 2 +-
 .../sqm-banking-info-form/useBankingInfoForm.tsx           | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index d2bb13b5bd..9d9659c20b 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-107",
+  "version": "1.8.0-108",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 3ca867b0b0..0b82d54366 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -695,6 +695,7 @@ export function useBankingInfoForm(
     // Use currentPaymentOption and initialise form with userData
     let initialData: BankingInfoFormData = {
       bankCountry: withdrawalSettings?.bankCountry || publisherCountry,
+      paymentMethod: "BANK_TRANSFER",
     };
 
     if (
@@ -724,14 +725,14 @@ export function useBankingInfoForm(
     });
 
     updateBankCountry(currentPaymentOption?.countryCode);
-    setCurrentPaymentOption(currentPaymentOption);
-    setPaymentScheduleChecked(initialData.paymentSchedulingType);
-    setFormState(initialData);
     setPaymentMethodChecked(
       initialData.paymentMethod === "PAYPAL"
         ? "toPayPalAccount"
         : "toBankAccount"
     );
+    setCurrentPaymentOption(currentPaymentOption);
+    setPaymentScheduleChecked(initialData.paymentSchedulingType);
+    setFormState(initialData);
   }, [paymentOptions, userData, setCurrentPaymentOption, setFormState]);
 
   const updateBankCountry = (bankCountry: string) => {

From dd78e67f11173f5f98e008ec4cbd85ba8c5b413f Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 25 Mar 2024 11:20:34 -0700
Subject: [PATCH 623/753] add search to banking info country selector

---
 packages/mint-components/src/components.d.ts  | 20 +++++
 .../tax-and-cash/BankingForm.stories.tsx      |  1 +
 .../tax-and-cash/TaxForm.stories.tsx          |  1 +
 .../sqm-banking-info-form-view.tsx            |  3 +
 .../sqm-banking-info-form.tsx                 | 73 +++++++++++++++++++
 .../useBankingInfoForm.tsx                    | 57 ++++++++++++---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  6 ++
 7 files changed, 150 insertions(+), 11 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 7bb3bf325f..a04805b748 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -300,6 +300,11 @@ export namespace Components {
           * @uiName Savings select item label
          */
         "savingsSelectItemLabel": string;
+        /**
+          * Placeholder text displayed in the country search dropdown
+          * @uiName Search for country text
+         */
+        "searchForCountryText": string;
         /**
           * Label text for the SWIFT code input field
           * @uiName SWIFT code input label
@@ -4542,6 +4547,11 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_savingsSelectItemLabel": string;
+        /**
+          * Placeholder text displayed in the country search dropdown
+          * @uiName Search for country text
+         */
+        "step4_searchForCountryText": string;
         /**
           * Label text for the SWIFT code input field
           * @uiName SWIFT code input label
@@ -6020,6 +6030,11 @@ declare namespace LocalJSX {
           * @uiName Savings select item label
          */
         "savingsSelectItemLabel"?: string;
+        /**
+          * Placeholder text displayed in the country search dropdown
+          * @uiName Search for country text
+         */
+        "searchForCountryText"?: string;
         /**
           * Label text for the SWIFT code input field
           * @uiName SWIFT code input label
@@ -10233,6 +10248,11 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_savingsSelectItemLabel"?: string;
+        /**
+          * Placeholder text displayed in the country search dropdown
+          * @uiName Search for country text
+         */
+        "step4_searchForCountryText"?: string;
         /**
           * Label text for the SWIFT code input field
           * @uiName SWIFT code input label
diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index 07efcdcbce..ae87da32e9 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -28,6 +28,7 @@ const bankingFormProps: StoryDemoData<BankingInfoFormViewProps> = {
     onSubmit: async () => console.log("Submit"),
     setPaymentMethodChecked: () => {},
     setPaymentScheduleChecked: () => {},
+    setCountrySearch: () => {},
     onBack: async () => console.log("back"),
   },
   refs: { formRef: { current: null } },
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index c7487aca7c..f3c51c786f 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -205,6 +205,7 @@ const stepFourProps: StoryDemoData<BankingInfoFormViewProps> = {
     setPaymentMethodChecked: () => {},
     setPaymentScheduleChecked: () => {},
     onBack: async () => console.log("back"),
+    setCountrySearch: () => {},
   },
   refs: { formRef: { current: null } },
 };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index 8944df27e0..d11b7be232 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -39,9 +39,11 @@ export interface BankingInfoFormViewProps {
     currency?: string;
     thresholds: string[];
     countries?: { code: string; name: string }[];
+    allCountries?: { code: string; name: string }[];
     currentPaymentOption?: any;
     showInputs?: boolean;
     bankCountry?: string;
+    countrySearch?: string;
   };
   slots?: {
     formInputsSlot?: VNode[];
@@ -62,6 +64,7 @@ export interface BankingInfoFormViewProps {
     onBack: (props: any) => void;
     setBankCountry?: (country: string) => void;
     setCurrency?: (currency: string) => void;
+    setCountrySearch: (c: any) => void;
   };
   text: {
     formStep: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 3b2ab15638..cff3721b74 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -275,6 +275,12 @@ export class BankingInfoForm {
   @Prop() fxWireProcessingFeeLabel: string =
     "FX Wire (Processing Fee {currency}{defaultFxFee}.00)";
 
+  /**
+   * Placeholder text displayed in the country search dropdown
+   * @uiName Search for country text
+   */
+  @Prop() searchForCountryText: string = "Search for country..";
+
   /**
    * Header text for the alert when the user is identified as a partner
    * @uiName Partner identification alert header
@@ -415,6 +421,12 @@ export class BankingInfoForm {
       formMap,
     });
 
+    const searchStyle = {
+      SearchInput: {
+        padding: "var(--sl-spacing-x-small)",
+      },
+    };
+
     return (
       <Host>
         <BankingInfoFormView
@@ -442,6 +454,17 @@ export class BankingInfoForm {
                   }),
                 })}
               >
+                <sl-input
+                  class={searchStyle.SearchInput}
+                  placeholder={this.searchForCountryText}
+                  onKeyDown={(e) => {
+                    // Stop shoelace intercepting key presses
+                    e.stopPropagation();
+                  }}
+                  onSl-input={(e) => {
+                    props.callbacks.setCountrySearch(e.target.value);
+                  }}
+                ></sl-input>
                 {props.states.countries?.map((country) => {
                   return (
                     <sl-menu-item value={country.code}>
@@ -449,7 +472,56 @@ export class BankingInfoForm {
                     </sl-menu-item>
                   );
                 })}
+                {props.states?.allCountries?.map((c) => (
+                  <sl-menu-item value={c.code} style={{ display: "none" }}>
+                    {c.name}
+                  </sl-menu-item>
+                ))}
               </sl-select>
+              //   <sl-select
+              //   id="countryCode"
+              //   exportparts="label: input-label"
+              //   name="/countryCode"
+              //   label={text.country}
+              //   value={formState.countryCode}
+              //   disabled={states.disabled || states.isPartner}
+              //   {...(formState.errors?.countryCode
+              //     ? {
+              //         class: classes.ErrorInput,
+              //         helpText: getIsRequiredErrorMessage(
+              //           text.country,
+              //           text.error.fieldRequiredError
+              //         ),
+              //       }
+              //     : {})}
+              //   required
+              //   onSl-select={(e) => callbacks.onFormChange("countryCode", e)}
+              // >
+              //   <sl-input
+              //     class={classes.SearchInput}
+              //     placeholder={text.searchForCountryText}
+              //     onKeyDown={(e) => {
+              //       // Stop shoelace intercepting key presses
+              //       e.stopPropagation();
+              //     }}
+              //     onSl-input={(e) => {
+              //       callbacks.setCountrySearch(e.target.value);
+              //     }}
+              //   ></sl-input>
+              //   {data?.countries?.map((c) => (
+              //     <sl-menu-item value={c.countryCode}>
+              //       {c.displayName}
+              //     </sl-menu-item>
+              //   ))}
+              //   {data?.allCountries?.map((c) => (
+              //     <sl-menu-item
+              //       value={c.countryCode}
+              //       style={{ display: "none" }}
+              //     >
+              //       {c.displayName}
+              //     </sl-menu-item>
+              //   ))}
+              // </sl-select>
             ),
             paymentMethodSlot: (
               <sl-input
@@ -640,6 +712,7 @@ function useDemoBankingInfoForm(
         setBankCountry,
         setPaymentMethodChecked,
         setPaymentScheduleChecked,
+        setCountrySearch: () => {},
         onBack: async () => console.log("back"),
       },
       text: props.getTextProps(),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 0b82d54366..908d9e24e2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -3,7 +3,12 @@ import {
   useMutation,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
-import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
+import {
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "@saasquatch/universal-hooks";
 import { h } from "@stencil/core";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
@@ -619,6 +624,7 @@ export function useBankingInfoForm(
   const [paymentScheduleChecked, setPaymentScheduleChecked] = useState<
     "BALANCE_THRESHOLD" | "FIXED_DAY" | undefined
   >(undefined);
+  const [countrySearch, setCountrySearch] = useState("");
 
   const currency = userData?.user?.impactConnection?.publisher?.currency || "";
 
@@ -645,8 +651,14 @@ export function useBankingInfoForm(
   const intlLocale = locale?.replace("_", "-") || "en";
 
   // filter out any duplicate countries and null countryCode
-  const availableCountries = new Set(
-    paymentOptions?.map((option) => option.countryCode).filter((value) => value)
+  const availableCountries = useMemo(
+    () =>
+      new Set(
+        paymentOptions
+          ?.map((option) => option.countryCode)
+          .filter((value) => value)
+      ),
+    [paymentOptions]
   );
 
   const getCountryObj = (country: string) => {
@@ -668,13 +680,20 @@ export function useBankingInfoForm(
 
   const _topCountries = ["CA", "GB", "US"];
 
-  const countries = Array.from(availableCountries)
-    .map((c) => getCountryObj(c))
-    .sort(sortByName)
-    .reduce((prev, countryObj) => {
-      if (_topCountries.includes(countryObj.code)) return [countryObj, ...prev];
-      return [...prev, countryObj];
-    }, []);
+  const countries = useMemo(
+    () =>
+      Array.from(availableCountries)
+        .map((c) => getCountryObj(c))
+        .sort(sortByName)
+        .reduce((prev, countryObj) => {
+          if (_topCountries.includes(countryObj.code))
+            return [countryObj, ...prev];
+          return [...prev, countryObj];
+        }, []),
+    [availableCountries]
+  );
+
+  const [filteredCountries, setFilteredCountries] = useState(countries || []);
 
   const hasPayPal = !!paymentOptions?.find(
     (option) => option.defaultFinancePaymentMethodId === PAYPAL_PAYMENT_METHOD
@@ -735,6 +754,19 @@ export function useBankingInfoForm(
     setFormState(initialData);
   }, [paymentOptions, userData, setCurrentPaymentOption, setFormState]);
 
+  useEffect(() => {
+    if (!countries?.length) return;
+    if (countrySearch.trim() === "") {
+      setFilteredCountries(countries || []);
+    } else {
+      setFilteredCountries(
+        countries.filter((c) =>
+          c.name.toLowerCase().includes(countrySearch.toLowerCase())
+        ) || []
+      );
+    }
+  }, [countrySearch, countries]);
+
   const updateBankCountry = (bankCountry: string) => {
     const currentPaymentOption = paymentOptions?.find((paymentOption) => {
       if (paymentOption.countryCode === bankCountry) return true;
@@ -858,6 +890,7 @@ export function useBankingInfoForm(
       setPaymentMethodChecked,
       setPaymentScheduleChecked,
       onBack: () => setStep("/dashboard"),
+      setCountrySearch,
     },
     states: {
       step: step?.replace("/", ""),
@@ -887,9 +920,11 @@ export function useBankingInfoForm(
       bitset: currentPaymentOption?.withdrawalSettingId || 0,
       currency,
       thresholds: currentPaymentOption?.thresholdOptions?.split(",") || [],
-      countries,
+      countries: filteredCountries,
+      allCountries: countries,
       hasPayPal,
       bankCountry: formState.bankCountry,
+      countrySearch,
     },
     refs: {
       formRef,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 46e78859cf..59f97a4455 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -629,6 +629,12 @@ export class TaxAndCashMonolith {
   @Prop() step4_fxWireProcessingFeeLabel: string =
     "FX Wire (Processing Fee {currency}{defaultFxFee}.00)";
 
+  /**
+   * Placeholder text displayed in the country search dropdown
+   * @uiName Search for country text
+   */
+  @Prop() step4_searchForCountryText: string = "Search for country..";
+
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     DASHBOARD PROPS:
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

From 78d13c2c977ee7f86bf02e165201e033d1f8dc16 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 25 Mar 2024 11:25:38 -0700
Subject: [PATCH 624/753] publish

---
 packages/mint-components/package.json         |   2 +-
 .../sqm-banking-info-form/readme.md           | 111 +++++++++---------
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |   1 +
 3 files changed, 58 insertions(+), 56 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 9d9659c20b..5b034528c6 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-108",
+  "version": "1.8.0-109",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index d3f1da2145..5d8a5957e9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -5,61 +5,62 @@
 
 ## Properties
 
-| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Default                                                                                                                                                                                                                         |
-| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Agency code"`                                                                                                                                                                                                                 |
-| `backButton`                          | `back-button`                               | Text for the back button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Save"`                                                                                                                                                                                                                        |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank account number"`                                                                                                                                                                                                         |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank account type"`                                                                                                                                                                                                           |
-| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank address"`                                                                                                                                                                                                                |
-| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank city"`                                                                                                                                                                                                                   |
-| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank country location"`                                                                                                                                                                                                       |
-| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank Name"`                                                                                                                                                                                                                   |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank postal code"`                                                                                                                                                                                                            |
-| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Bank province/state"`                                                                                                                                                                                                         |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Beneficiary account name"`                                                                                                                                                                                                    |
-| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Branch code"`                                                                                                                                                                                                                 |
-| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Business"`                                                                                                                                                                                                                    |
-| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Checking"`                                                                                                                                                                                                                    |
-| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Classification CPF"`                                                                                                                                                                                                          |
-| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Classification Entity"`                                                                                                                                                                                                       |
-| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Classification"`                                                                                                                                                                                                              |
-| `continueButton`                      | `continue-button`                           | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Save"`                                                                                                                                                                                                                        |
-| `demoData`                            | --                                          |                                                                                         | `{ states?: { step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }` | `undefined`                                                                                                                                                                                                                     |
-| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Directly to my bank account"`                                                                                                                                                                                                 |
-| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"EFT withdrawal (free)"`                                                                                                                                                                                                       |
-| `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{fieldName} is invalid"`                                                                                                                                                                                                      |
-| `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{fieldName} is required"`                                                                                                                                                                                                     |
-| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Foreign"`                                                                                                                                                                                                                     |
-| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Step {step} of {count}"`                                                                                                                                                                                                      |
-| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                        |
-| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                   |
-| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"There was a problem submitting your information"`                                                                                                                                                                             |
-| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"IBAN"`                                                                                                                                                                                                                        |
-| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Individual"`                                                                                                                                                                                                                  |
-| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                            |
-| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                    |
-| `loadingErrorAlertDescription`        | `loading-error-alert-description`           | Alert description shown if there is a problem loading a form                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                          |
-| `loadingErrorAlertHeader`             | `loading-error-alert-header`                | Alert header shown if there is a problem loading a form                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"There was a problem loading your form"`                                                                                                                                                                                       |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Patronymic name"`                                                                                                                                                                                                             |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"PayPal email"`                                                                                                                                                                                                                |
-| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"15th of the month"`                                                                                                                                                                                                           |
-| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"1st of the month"`                                                                                                                                                                                                            |
-| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Payment Day"`                                                                                                                                                                                                                 |
-| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Payment method"`                                                                                                                                                                                                              |
-| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                         |
-| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Payment schedule"`                                                                                                                                                                                                            |
-| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                  |
-| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Pay me on a fixed day of the month"`                                                                                                                                                                                          |
-| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Payment Threshold"`                                                                                                                                                                                                           |
-| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"` |
-| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Savings"`                                                                                                                                                                                                                     |
-| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"SWIFT code"`                                                                                                                                                                                                                  |
-| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Tax and Payouts"`                                                                                                                                                                                                             |
-| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                         |
-| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                         |
-| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                               |
-| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"VO code"`                                                                                                                                                                                                                     |
+| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default                                                                                                                                                                                                                         |
+| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Agency code"`                                                                                                                                                                                                                 |
+| `backButton`                          | `back-button`                               | Text for the back button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Save"`                                                                                                                                                                                                                        |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account number"`                                                                                                                                                                                                         |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account type"`                                                                                                                                                                                                           |
+| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank address"`                                                                                                                                                                                                                |
+| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank city"`                                                                                                                                                                                                                   |
+| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank country location"`                                                                                                                                                                                                       |
+| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Name"`                                                                                                                                                                                                                   |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank postal code"`                                                                                                                                                                                                            |
+| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank province/state"`                                                                                                                                                                                                         |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Beneficiary account name"`                                                                                                                                                                                                    |
+| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Branch code"`                                                                                                                                                                                                                 |
+| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Business"`                                                                                                                                                                                                                    |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Checking"`                                                                                                                                                                                                                    |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification CPF"`                                                                                                                                                                                                          |
+| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification Entity"`                                                                                                                                                                                                       |
+| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification"`                                                                                                                                                                                                              |
+| `continueButton`                      | `continue-button`                           | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Save"`                                                                                                                                                                                                                        |
+| `demoData`                            | --                                          |                                                                                         | `{ states?: { step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; allCountries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; countrySearch?: string; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }` | `undefined`                                                                                                                                                                                                                     |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Directly to my bank account"`                                                                                                                                                                                                 |
+| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"EFT withdrawal (free)"`                                                                                                                                                                                                       |
+| `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is invalid"`                                                                                                                                                                                                      |
+| `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is required"`                                                                                                                                                                                                     |
+| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Foreign"`                                                                                                                                                                                                                     |
+| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Step {step} of {count}"`                                                                                                                                                                                                      |
+| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                        |
+| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                   |
+| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem submitting your information"`                                                                                                                                                                             |
+| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"IBAN"`                                                                                                                                                                                                                        |
+| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Individual"`                                                                                                                                                                                                                  |
+| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                            |
+| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                    |
+| `loadingErrorAlertDescription`        | `loading-error-alert-description`           | Alert description shown if there is a problem loading a form                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                          |
+| `loadingErrorAlertHeader`             | `loading-error-alert-header`                | Alert header shown if there is a problem loading a form                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem loading your form"`                                                                                                                                                                                       |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Patronymic name"`                                                                                                                                                                                                             |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal email"`                                                                                                                                                                                                                |
+| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"15th of the month"`                                                                                                                                                                                                           |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"1st of the month"`                                                                                                                                                                                                            |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Day"`                                                                                                                                                                                                                 |
+| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment method"`                                                                                                                                                                                                              |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                         |
+| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment schedule"`                                                                                                                                                                                                            |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                  |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me on a fixed day of the month"`                                                                                                                                                                                          |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Threshold"`                                                                                                                                                                                                           |
+| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"` |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Savings"`                                                                                                                                                                                                                     |
+| `searchForCountryText`                | `search-for-country-text`                   | Placeholder text displayed in the country search dropdown                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Search for country.."`                                                                                                                                                                                                        |
+| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"SWIFT code"`                                                                                                                                                                                                                  |
+| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Tax and Payouts"`                                                                                                                                                                                                             |
+| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                         |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                         |
+| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                               |
+| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"VO code"`                                                                                                                                                                                                                     |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 0d1cfbd877..e14c8e96ac 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -138,6 +138,7 @@
 | `step4_paymentThresholdSelectLabel`             | `step-4_payment-threshold-select-label`              | Label text for the payment day select                                                                      | `string`                                                                                                             | `"Payment threshold"`                                                                                                                                                                                                                               |
 | `step4_routingCodeLabel`                        | `step-4_routing-code-label`                          | Label text for the routing code input field                                                                | `string`                                                                                                             | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"`                     |
 | `step4_savingsSelectItemLabel`                  | `step-4_savings-select-item-label`                   | Label text for the savings account type select item                                                        | `string`                                                                                                             | `"Savings"`                                                                                                                                                                                                                                         |
+| `step4_searchForCountryText`                    | `step-4_search-for-country-text`                     | Placeholder text displayed in the country search dropdown                                                  | `string`                                                                                                             | `"Search for country.."`                                                                                                                                                                                                                            |
 | `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            | Label text for the SWIFT code input field                                                                  | `string`                                                                                                             | `"SWIFT code"`                                                                                                                                                                                                                                      |
 | `step4_taxAndPayouts`                           | `step-4_tax-and-payouts`                             | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax and Payouts"`                                                                                                                                                                                                                                 |
 | `step4_taxAndPayoutsDescription`                | `step-4_tax-and-payouts-description`                 | Text shown at the top of the page next to the tax and payouts label text                                   | `string`                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                                             |

From 1808179ea54887ff3bbf7be81ab3820cbb795cc2 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 25 Mar 2024 11:26:04 -0700
Subject: [PATCH 625/753] cleanup

---
 .../sqm-banking-info-form.tsx                 | 44 -------------------
 1 file changed, 44 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index cff3721b74..3ae30047b1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -478,50 +478,6 @@ export class BankingInfoForm {
                   </sl-menu-item>
                 ))}
               </sl-select>
-              //   <sl-select
-              //   id="countryCode"
-              //   exportparts="label: input-label"
-              //   name="/countryCode"
-              //   label={text.country}
-              //   value={formState.countryCode}
-              //   disabled={states.disabled || states.isPartner}
-              //   {...(formState.errors?.countryCode
-              //     ? {
-              //         class: classes.ErrorInput,
-              //         helpText: getIsRequiredErrorMessage(
-              //           text.country,
-              //           text.error.fieldRequiredError
-              //         ),
-              //       }
-              //     : {})}
-              //   required
-              //   onSl-select={(e) => callbacks.onFormChange("countryCode", e)}
-              // >
-              //   <sl-input
-              //     class={classes.SearchInput}
-              //     placeholder={text.searchForCountryText}
-              //     onKeyDown={(e) => {
-              //       // Stop shoelace intercepting key presses
-              //       e.stopPropagation();
-              //     }}
-              //     onSl-input={(e) => {
-              //       callbacks.setCountrySearch(e.target.value);
-              //     }}
-              //   ></sl-input>
-              //   {data?.countries?.map((c) => (
-              //     <sl-menu-item value={c.countryCode}>
-              //       {c.displayName}
-              //     </sl-menu-item>
-              //   ))}
-              //   {data?.allCountries?.map((c) => (
-              //     <sl-menu-item
-              //       value={c.countryCode}
-              //       style={{ display: "none" }}
-              //     >
-              //       {c.displayName}
-              //     </sl-menu-item>
-              //   ))}
-              // </sl-select>
             ),
             paymentMethodSlot: (
               <sl-input

From f64a789c09ad734198da1e9fd0f706feca65316d Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 25 Mar 2024 11:43:18 -0700
Subject: [PATCH 626/753] Updated sqm-dashboard, sqm-payoutdetails prop UI
 names and descriptions

---
 packages/mint-components/src/components.d.ts  | 506 ++++++++----------
 .../tax-and-cash/TaxForm.stories.tsx          |   2 +-
 .../sqm-payout-details-card.tsx               |  16 +-
 .../sqm-tax-and-cash-dashboard.tsx            | 126 ++---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 127 ++---
 packages/mint-components/src/index.html       |   6 +-
 6 files changed, 352 insertions(+), 431 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 7bb3bf325f..b7e767b4cd 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1588,8 +1588,8 @@ export namespace Components {
     }
     interface SqmPayoutDetailsCard {
         /**
-          * Text shown before account number
-          * @uiName Account text
+          * Shown before the participant’s bank account information.
+          * @uiName Bank account field label
          */
         "accountText": string;
         /**
@@ -1597,13 +1597,13 @@ export namespace Components {
          */
         "demoData"?: DemoData<any>;
         /**
-          * Error alert description shown above payout details card
-          * @uiName Error alert description
+          * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
+          * @uiName Payout error message description
          */
         "errorDescriptionText": string;
         /**
-          * Error alert header shown above payout details card
-          * @uiName Error alert header
+          * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
+          * @uiName Payout error message title
          */
         "errorTitleText": string;
         /**
@@ -1612,8 +1612,8 @@ export namespace Components {
          */
         "statusBadgeText": string;
         /**
-          * Text shown above current balance indicating required balance for next payout
-          * @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
          */
         "thresholdPayoutText": string;
     }
@@ -3781,50 +3781,48 @@ export namespace Components {
          */
         "continueButton": string;
         /**
-          * Text shown before account number
-          * @uiName Account text
+          * Shown before the participant’s bank account information.
+          * @uiName Bank account field label
           * @uiGroup Dashboard Properties
          */
         "dashboard_accountText": string;
         /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
+          * Additional text displayed next to the tax form's status badge.
+          * @uiName Tax form in review description
           * @uiGroup Dashboard Properties
          */
         "dashboard_badgeTextAwaitingReview"?: string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
+          * Additional text displayed next to the tax form's status badge
+          * @uiName Active W-9 description
           * @uiGroup Dashboard Properties
          */
         "dashboard_badgeTextSubmittedOn"?: string;
         /**
-          * Description text for W8 which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
+          * Additional text displayed next to the tax form's status badge.
+          * @uiName Active W-8 description
           * @uiGroup Dashboard Properties
          */
         "dashboard_badgeTextSubmittedOnW8"?: string;
         /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
+          * @uiName Payout information section header
           * @uiGroup Dashboard Properties
          */
         "dashboard_bankingInformationSectionHeader": string;
         /**
-          * 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
           * @uiGroup Dashboard Properties
          */
         "dashboard_earningsAfterTaxColumnTitle": string;
         /**
-          * Text displayed in the edit Payment Information button
-          * @uiName Edit Payment Information button
+          * @uiName Edit payment info button label
           * @uiGroup Dashboard Properties
          */
         "dashboard_editPaymentInformationButton": string;
         /**
-          * Error alert description shown above payout details card
-          * @uiName Error 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 title
           * @uiGroup Dashboard Properties
          */
         "dashboard_errorDescriptionText": string;
@@ -3835,62 +3833,58 @@ export namespace Components {
          */
         "dashboard_errorTitleText": string;
         /**
-          * Indirect tax number/type details
+          * Displayed to participants who have submitted their indirect tax information.
           * @uiName Indirect tax details
           * @uiGroup Dashboard Properties
          */
         "dashboard_indirectTaxDetails": string;
         /**
-          * Country/Province description text of indirect tax
-          * @uiName Indirect tax Canada description
+          * If the participant is registered for indirect tax in Canada, display the province they’re registered in.
+          * @uiName Canadian province of indirect tax
           * @uiGroup Dashboard Properties
          */
         "dashboard_indirectTaxInfoCanada": string;
         /**
-          * Other country description text of indirect tax
-          * @uiName Indirect tax other country description
+          * If the participant is registered for indirect tax, display the country they’re registered in.
+          * @uiName Indirect tax country
           * @uiGroup Dashboard Properties
          */
         "dashboard_indirectTaxInfoOtherCountry": string;
         /**
-          * Header text displayed above the indirect tax preview section
-          * @uiName Indirect Tax Information Header
+          * @uiName Indirect tax section header
           * @uiGroup Dashboard Properties
          */
         "dashboard_indirectTaxInfoSectionHeader": string;
         /**
-          * Spain/Region description text of indirect tax
-          * @uiName Indirect tax Spain description
+          * If the participant is registered for indirect tax in Spain, display the region they’re registered in.
+          * @uiName Spanish region of indirect tax
           * @uiGroup Dashboard Properties
          */
         "dashboard_indirectTaxInfoSpain": string;
         /**
-          * Indirect tax tooltip text for support
-          * @uiName Indirect tax tooltip description
+          * @uiName Indirect tax tooltip
           * @uiGroup Dashboard Properties
          */
         "dashboard_indirectTaxTooltipSupport": string;
         /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
+          * Additional text displayed next to the tax form's status badge.
+          * @uiName Invalid tax form description
           * @uiGroup Dashboard Properties
          */
         "dashboard_invalidForm"?: string;
         /**
-          * 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
           * @uiGroup Dashboard Properties
          */
         "dashboard_newFormButton": string;
         /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
+          * No other statuses or badges will be displayed in the tax form section in this case.
+          * @uiName Tax form not required text
           * @uiGroup Dashboard Properties
          */
         "dashboard_noFormNeededSubtext": string;
         /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
+          * @uiName Not registered for indirect tax text
           * @uiGroup Dashboard Properties
          */
         "dashboard_notRegisteredForTax": string;
@@ -3901,85 +3895,80 @@ export namespace Components {
          */
         "dashboard_payoutFromImpact": string;
         /**
-          * Label text for the QST number
-          * @uiName QST number input
+          * Displayed to participants registered in Quebec, Canada.
+          * @uiName QST indirect tax details
           * @uiGroup Dashboard Properties
          */
         "dashboard_qstNumber": string;
         /**
-          * Badge text indicating payout status
-          * @uiName Payout status badge text
+          * @uiName Payout status badge
           * @uiGroup Dashboard Properties
          */
         "dashboard_statusBadgeText": string;
         /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
+          * @uiName Active tax form badge label
           * @uiGroup Dashboard Properties
          */
         "dashboard_statusTextActive"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
+          * @uiName Invalid tax form badge label
           * @uiGroup Dashboard Properties
          */
         "dashboard_statusTextNotActive"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
+          * Displayed when the participant submitted their form but it is awaiting review.
+          * @uiName Not verified tax form badge label
           * @uiGroup Dashboard Properties
          */
         "dashboard_statusTextNotVerified"?: string;
         /**
-          * Label text for the sub-region tax number
-          * @uiName Sub-region tax number
+          * @uiName Spain sub-region indirect tax number
           * @uiGroup Dashboard Properties
          */
         "dashboard_subRegionTaxNumber": string;
         /**
-          * Header displayed in not active W9 alert header at the top of the page.
-          * @uiName Not active W8 alert header
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-8 error message title
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxAlertHeaderNotActiveW8"?: string;
         /**
-          * Header displayed in not active W9 alert header at the top of the page.
-          * @uiName Not active W9 alert header
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-9 error message title
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxAlertHeaderNotActiveW9"?: string;
         /**
-          * Description text displayed in W8 alert body at the top of the page.
-          * @uiName Tax W8 alert message
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-8 error message description
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxAlertNotActiveMessageW8"?: string;
         /**
-          * Description text displayed in W9 alert body at the top of the page.
-          * @uiName Tax W9 alert message
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-9 error message description
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxAlertNotActiveMessageW9"?: string;
         /**
-          * Header text displayed above the tax documents status
           * @uiName Tax document section header
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxDocumentSectionHeader": string;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
+          * Displayed under the tax document section header.
+          * @uiName Tax documents section description
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxDocumentSectionSubHeader": string;
         /**
-          * Text shown above current balance indicating required balance for next payout
-          * @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
           * @uiGroup Dashboard Properties
          */
         "dashboard_thresholdPayoutText": string;
         /**
-          * Invoice table Date column title
+          * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Date column title
           * @uiGroup Dashboard Properties
          */
@@ -3990,7 +3979,7 @@ export namespace Components {
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
         /**
-          * Invoice table Earnings column title
+          * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Earnings column title
           * @uiGroup Dashboard Properties
          */
@@ -4026,8 +4015,8 @@ export namespace Components {
          */
         "generalErrorTitle": string;
         /**
-          * 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
           * @uiGroup Dashboard Properties
          */
         "invoiceColumnTitle": string;
@@ -4585,40 +4574,39 @@ export namespace Components {
          */
         "stop3NotBasedInUS": string;
         /**
-          * Invoice table Taxed Amount column title
-          * @uiName Taxed Amount column title
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Taxed amount column title
           * @uiGroup Dashboard Properties
          */
         "taxedAmountColumnTitle": string;
     }
     interface SqmTaxAndCashDashboard {
         /**
-          * Label text account heading text
-          * @uiName Account text
+          * Shown before the participant’s bank account information.
+          * @uiName Bank account field label
          */
         "accountText": string;
         /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
+          * Additional text displayed next to the tax form's status badge.
+          * @uiName Tax form in review description
          */
         "badgeTextAwaitingReview"?: string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
+          * Additional text displayed next to the tax form's status badge
+          * @uiName Active W-9 description
          */
         "badgeTextSubmittedOn"?: string;
         /**
-          * Description text for W8 which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
+          * Additional text displayed next to the tax form's status badge.
+          * @uiName Active W-8 description
          */
         "badgeTextSubmittedOnW8"?: string;
         /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
+          * @uiName Payout information section header
          */
         "bankingInformationSectionHeader": string;
         /**
-          * Invoice table Date column title
+          * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Date column title
          */
         "dateColumnTitle": string;
@@ -4628,25 +4616,25 @@ export namespace Components {
          */
         "demoData"?: DemoData<UseTaxAndCashDashboardResult>;
         /**
-          * 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
          */
         "earningsAfterTaxColumnTitle": string;
         /**
-          * Invoice table Earnings column title
+          * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Earnings column title
          */
         "earningsColumnTitle": string;
         /**
-          * Text displayed in the edit Payment Information button
-          * @uiName Edit Payment Information button
+          * @uiName Edit payment info button label
          */
         "editPaymentInformationButton": string;
         /**
-          * @uiName Error banner description text
+          * @uiName Payout error message description
          */
         "errorDescriptionText": string;
         /**
+          * Payout error message title
           * @uiName Error banner title text
          */
         "errorTitleText": string;
@@ -4661,43 +4649,41 @@ export namespace Components {
          */
         "generalErrorTitle": string;
         /**
-          * Indirect tax number/type details
+          * Displayed to participants who have submitted their indirect tax information.
           * @uiName Indirect tax details
          */
         "indirectTaxDetails": string;
         /**
-          * Country/Province description text of indirect tax
-          * @uiName Indirect tax Canada description
+          * If the participant is registered for indirect tax in Canada, display the province they’re registered in.
+          * @uiName Canadian province of indirect tax
          */
         "indirectTaxInfoCanada": string;
         /**
-          * Other country description text of indirect tax
-          * @uiName Indirect tax other country description
+          * If the participant is registered for indirect tax, display the country they’re registered in.
+          * @uiName Indirect tax country
          */
         "indirectTaxInfoOtherCountry": string;
         /**
-          * Header text displayed above the indirect tax preview section
-          * @uiName Indirect Tax Information Header
+          * @uiName Indirect tax section header
          */
         "indirectTaxInfoSectionHeader": string;
         /**
-          * Spain/Region description text of indirect tax
-          * @uiName Indirect tax Spain description
+          * If the participant is registered for indirect tax in Spain, display the region they’re registered in.
+          * @uiName Spanish region of indirect tax
          */
         "indirectTaxInfoSpain": string;
         /**
-          * Indirect tax tooltip text for support
-          * @uiName Indirect tax tooltip description
+          * @uiName Indirect tax tooltip
          */
         "indirectTaxTooltipSupport": string;
         /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
+          * Additional text displayed next to the tax form's status badge.
+          * @uiName Invalid tax form description
          */
         "invalidForm"?: string;
         /**
-          * 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
          */
         "invoiceColumnTitle": string;
         /**
@@ -4711,18 +4697,16 @@ export namespace Components {
          */
         "loadingErrorAlertHeader": string;
         /**
-          * 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
          */
         "newFormButton": string;
         /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
+          * No other statuses or badges will be displayed in the tax form section in this case.
+          * @uiName Tax form not required text
          */
         "noFormNeededSubtext": string;
         /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
+          * @uiName Not registered for indirect tax text
          */
         "notRegisteredForTax": string;
         /**
@@ -4731,73 +4715,68 @@ export namespace Components {
          */
         "payoutFromImpact": string;
         /**
-          * Label text for the QST number
-          * @uiName QST number input
+          * Displayed to participants registered in Quebec, Canada.
+          * @uiName QST indirect tax details
          */
         "qstNumber": string;
         /**
-          * Label text for next payout status badge
-          * @uiName Status badge text
+          * @uiName Payout status badge
          */
         "statusBadgeText": string;
         /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
+          * @uiName Active tax form badge label
          */
         "statusTextActive"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
+          * @uiName Invalid tax form badge label
          */
         "statusTextNotActive"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
+          * Displayed when the participant submitted their form but it is awaiting review.
+          * @uiName Not verified tax form badge label
          */
         "statusTextNotVerified"?: string;
         /**
-          * Label text for the sub-region tax number
-          * @uiName Sub-region tax number
+          * @uiName Spain sub-region indirect tax number
          */
         "subRegionTaxNumber": string;
         /**
-          * Header displayed in not active W9 alert header at the top of the page.
-          * @uiName Not active W8 alert header
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-8 error message title
          */
         "taxAlertHeaderNotActiveW8"?: string;
         /**
-          * Header displayed in not active W9 alert header at the top of the page.
-          * @uiName Not active W9 alert header
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-9 error message title
          */
         "taxAlertHeaderNotActiveW9"?: string;
         /**
-          * Description text displayed in W8 alert body at the top of the page.
-          * @uiName Tax W8 alert message
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-8 error message description
          */
         "taxAlertNotActiveMessageW8"?: string;
         /**
-          * Description text displayed in W9 alert body at the top of the page.
-          * @uiName Tax W9 alert message
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-9 error message description
          */
         "taxAlertNotActiveMessageW9"?: string;
         /**
-          * Header text displayed above the tax documents status
           * @uiName Tax document section header
          */
         "taxDocumentSectionHeader": string;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
+          * Displayed under the tax document section header.
+          * @uiName Tax documents section description
          */
         "taxDocumentSectionSubHeader": string;
         /**
-          * Invoice table Taxed Amount column title
-          * @uiName Taxed Amount column title
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Taxed amount column title
          */
         "taxedAmountColumnTitle": string;
         /**
-          * 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
          */
         "thresholdPayoutText": string;
     }
@@ -7303,8 +7282,8 @@ declare namespace LocalJSX {
     }
     interface SqmPayoutDetailsCard {
         /**
-          * Text shown before account number
-          * @uiName Account text
+          * Shown before the participant’s bank account information.
+          * @uiName Bank account field label
          */
         "accountText"?: string;
         /**
@@ -7312,13 +7291,13 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<any>;
         /**
-          * Error alert description shown above payout details card
-          * @uiName Error alert description
+          * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
+          * @uiName Payout error message description
          */
         "errorDescriptionText"?: string;
         /**
-          * Error alert header shown above payout details card
-          * @uiName Error alert header
+          * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
+          * @uiName Payout error message title
          */
         "errorTitleText"?: string;
         /**
@@ -7327,8 +7306,8 @@ declare namespace LocalJSX {
          */
         "statusBadgeText"?: string;
         /**
-          * Text shown above current balance indicating required balance for next payout
-          * @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
          */
         "thresholdPayoutText"?: string;
     }
@@ -9472,50 +9451,48 @@ declare namespace LocalJSX {
          */
         "continueButton"?: string;
         /**
-          * Text shown before account number
-          * @uiName Account text
+          * Shown before the participant’s bank account information.
+          * @uiName Bank account field label
           * @uiGroup Dashboard Properties
          */
         "dashboard_accountText"?: string;
         /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
+          * Additional text displayed next to the tax form's status badge.
+          * @uiName Tax form in review description
           * @uiGroup Dashboard Properties
          */
         "dashboard_badgeTextAwaitingReview"?: string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
+          * Additional text displayed next to the tax form's status badge
+          * @uiName Active W-9 description
           * @uiGroup Dashboard Properties
          */
         "dashboard_badgeTextSubmittedOn"?: string;
         /**
-          * Description text for W8 which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
+          * Additional text displayed next to the tax form's status badge.
+          * @uiName Active W-8 description
           * @uiGroup Dashboard Properties
          */
         "dashboard_badgeTextSubmittedOnW8"?: string;
         /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
+          * @uiName Payout information section header
           * @uiGroup Dashboard Properties
          */
         "dashboard_bankingInformationSectionHeader"?: string;
         /**
-          * 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
           * @uiGroup Dashboard Properties
          */
         "dashboard_earningsAfterTaxColumnTitle"?: string;
         /**
-          * Text displayed in the edit Payment Information button
-          * @uiName Edit Payment Information button
+          * @uiName Edit payment info button label
           * @uiGroup Dashboard Properties
          */
         "dashboard_editPaymentInformationButton"?: string;
         /**
-          * Error alert description shown above payout details card
-          * @uiName Error 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 title
           * @uiGroup Dashboard Properties
          */
         "dashboard_errorDescriptionText"?: string;
@@ -9526,62 +9503,58 @@ declare namespace LocalJSX {
          */
         "dashboard_errorTitleText"?: string;
         /**
-          * Indirect tax number/type details
+          * Displayed to participants who have submitted their indirect tax information.
           * @uiName Indirect tax details
           * @uiGroup Dashboard Properties
          */
         "dashboard_indirectTaxDetails"?: string;
         /**
-          * Country/Province description text of indirect tax
-          * @uiName Indirect tax Canada description
+          * If the participant is registered for indirect tax in Canada, display the province they’re registered in.
+          * @uiName Canadian province of indirect tax
           * @uiGroup Dashboard Properties
          */
         "dashboard_indirectTaxInfoCanada"?: string;
         /**
-          * Other country description text of indirect tax
-          * @uiName Indirect tax other country description
+          * If the participant is registered for indirect tax, display the country they’re registered in.
+          * @uiName Indirect tax country
           * @uiGroup Dashboard Properties
          */
         "dashboard_indirectTaxInfoOtherCountry"?: string;
         /**
-          * Header text displayed above the indirect tax preview section
-          * @uiName Indirect Tax Information Header
+          * @uiName Indirect tax section header
           * @uiGroup Dashboard Properties
          */
         "dashboard_indirectTaxInfoSectionHeader"?: string;
         /**
-          * Spain/Region description text of indirect tax
-          * @uiName Indirect tax Spain description
+          * If the participant is registered for indirect tax in Spain, display the region they’re registered in.
+          * @uiName Spanish region of indirect tax
           * @uiGroup Dashboard Properties
          */
         "dashboard_indirectTaxInfoSpain"?: string;
         /**
-          * Indirect tax tooltip text for support
-          * @uiName Indirect tax tooltip description
+          * @uiName Indirect tax tooltip
           * @uiGroup Dashboard Properties
          */
         "dashboard_indirectTaxTooltipSupport"?: string;
         /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
+          * Additional text displayed next to the tax form's status badge.
+          * @uiName Invalid tax form description
           * @uiGroup Dashboard Properties
          */
         "dashboard_invalidForm"?: string;
         /**
-          * 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
           * @uiGroup Dashboard Properties
          */
         "dashboard_newFormButton"?: string;
         /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
+          * No other statuses or badges will be displayed in the tax form section in this case.
+          * @uiName Tax form not required text
           * @uiGroup Dashboard Properties
          */
         "dashboard_noFormNeededSubtext"?: string;
         /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
+          * @uiName Not registered for indirect tax text
           * @uiGroup Dashboard Properties
          */
         "dashboard_notRegisteredForTax"?: string;
@@ -9592,85 +9565,80 @@ declare namespace LocalJSX {
          */
         "dashboard_payoutFromImpact"?: string;
         /**
-          * Label text for the QST number
-          * @uiName QST number input
+          * Displayed to participants registered in Quebec, Canada.
+          * @uiName QST indirect tax details
           * @uiGroup Dashboard Properties
          */
         "dashboard_qstNumber"?: string;
         /**
-          * Badge text indicating payout status
-          * @uiName Payout status badge text
+          * @uiName Payout status badge
           * @uiGroup Dashboard Properties
          */
         "dashboard_statusBadgeText"?: string;
         /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
+          * @uiName Active tax form badge label
           * @uiGroup Dashboard Properties
          */
         "dashboard_statusTextActive"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
+          * @uiName Invalid tax form badge label
           * @uiGroup Dashboard Properties
          */
         "dashboard_statusTextNotActive"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
+          * Displayed when the participant submitted their form but it is awaiting review.
+          * @uiName Not verified tax form badge label
           * @uiGroup Dashboard Properties
          */
         "dashboard_statusTextNotVerified"?: string;
         /**
-          * Label text for the sub-region tax number
-          * @uiName Sub-region tax number
+          * @uiName Spain sub-region indirect tax number
           * @uiGroup Dashboard Properties
          */
         "dashboard_subRegionTaxNumber"?: string;
         /**
-          * Header displayed in not active W9 alert header at the top of the page.
-          * @uiName Not active W8 alert header
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-8 error message title
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxAlertHeaderNotActiveW8"?: string;
         /**
-          * Header displayed in not active W9 alert header at the top of the page.
-          * @uiName Not active W9 alert header
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-9 error message title
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxAlertHeaderNotActiveW9"?: string;
         /**
-          * Description text displayed in W8 alert body at the top of the page.
-          * @uiName Tax W8 alert message
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-8 error message description
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxAlertNotActiveMessageW8"?: string;
         /**
-          * Description text displayed in W9 alert body at the top of the page.
-          * @uiName Tax W9 alert message
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-9 error message description
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxAlertNotActiveMessageW9"?: string;
         /**
-          * Header text displayed above the tax documents status
           * @uiName Tax document section header
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxDocumentSectionHeader"?: string;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
+          * Displayed under the tax document section header.
+          * @uiName Tax documents section description
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxDocumentSectionSubHeader"?: string;
         /**
-          * Text shown above current balance indicating required balance for next payout
-          * @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
           * @uiGroup Dashboard Properties
          */
         "dashboard_thresholdPayoutText"?: string;
         /**
-          * Invoice table Date column title
+          * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Date column title
           * @uiGroup Dashboard Properties
          */
@@ -9681,7 +9649,7 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
         /**
-          * Invoice table Earnings column title
+          * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Earnings column title
           * @uiGroup Dashboard Properties
          */
@@ -9717,8 +9685,8 @@ declare namespace LocalJSX {
          */
         "generalErrorTitle"?: string;
         /**
-          * 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
           * @uiGroup Dashboard Properties
          */
         "invoiceColumnTitle"?: string;
@@ -10276,40 +10244,39 @@ declare namespace LocalJSX {
          */
         "stop3NotBasedInUS"?: string;
         /**
-          * Invoice table Taxed Amount column title
-          * @uiName Taxed Amount column title
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Taxed amount column title
           * @uiGroup Dashboard Properties
          */
         "taxedAmountColumnTitle"?: string;
     }
     interface SqmTaxAndCashDashboard {
         /**
-          * Label text account heading text
-          * @uiName Account text
+          * Shown before the participant’s bank account information.
+          * @uiName Bank account field label
          */
         "accountText"?: string;
         /**
-          * Description text which appears beside badge showing the form is awaiting review
-          * @uiName Badge description text
+          * Additional text displayed next to the tax form's status badge.
+          * @uiName Tax form in review description
          */
         "badgeTextAwaitingReview"?: string;
         /**
-          * Description text which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
+          * Additional text displayed next to the tax form's status badge
+          * @uiName Active W-9 description
          */
         "badgeTextSubmittedOn"?: string;
         /**
-          * Description text for W8 which appears beside badge showing when the form was submitted
-          * @uiName Badge description text
+          * Additional text displayed next to the tax form's status badge.
+          * @uiName Active W-8 description
          */
         "badgeTextSubmittedOnW8"?: string;
         /**
-          * Header text displayed above the banking information card
-          * @uiName Banking information header
+          * @uiName Payout information section header
          */
         "bankingInformationSectionHeader"?: string;
         /**
-          * Invoice table Date column title
+          * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Date column title
          */
         "dateColumnTitle"?: string;
@@ -10319,25 +10286,25 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<UseTaxAndCashDashboardResult>;
         /**
-          * 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
          */
         "earningsAfterTaxColumnTitle"?: string;
         /**
-          * Invoice table Earnings column title
+          * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Earnings column title
          */
         "earningsColumnTitle"?: string;
         /**
-          * Text displayed in the edit Payment Information button
-          * @uiName Edit Payment Information button
+          * @uiName Edit payment info button label
          */
         "editPaymentInformationButton"?: string;
         /**
-          * @uiName Error banner description text
+          * @uiName Payout error message description
          */
         "errorDescriptionText"?: string;
         /**
+          * Payout error message title
           * @uiName Error banner title text
          */
         "errorTitleText"?: string;
@@ -10352,43 +10319,41 @@ declare namespace LocalJSX {
          */
         "generalErrorTitle"?: string;
         /**
-          * Indirect tax number/type details
+          * Displayed to participants who have submitted their indirect tax information.
           * @uiName Indirect tax details
          */
         "indirectTaxDetails"?: string;
         /**
-          * Country/Province description text of indirect tax
-          * @uiName Indirect tax Canada description
+          * If the participant is registered for indirect tax in Canada, display the province they’re registered in.
+          * @uiName Canadian province of indirect tax
          */
         "indirectTaxInfoCanada"?: string;
         /**
-          * Other country description text of indirect tax
-          * @uiName Indirect tax other country description
+          * If the participant is registered for indirect tax, display the country they’re registered in.
+          * @uiName Indirect tax country
          */
         "indirectTaxInfoOtherCountry"?: string;
         /**
-          * Header text displayed above the indirect tax preview section
-          * @uiName Indirect Tax Information Header
+          * @uiName Indirect tax section header
          */
         "indirectTaxInfoSectionHeader"?: string;
         /**
-          * Spain/Region description text of indirect tax
-          * @uiName Indirect tax Spain description
+          * If the participant is registered for indirect tax in Spain, display the region they’re registered in.
+          * @uiName Spanish region of indirect tax
          */
         "indirectTaxInfoSpain"?: string;
         /**
-          * Indirect tax tooltip text for support
-          * @uiName Indirect tax tooltip description
+          * @uiName Indirect tax tooltip
          */
         "indirectTaxTooltipSupport"?: string;
         /**
-          * Description text displayed next to the badge in the tax documents status
-          * @uiName Invalid form description text
+          * Additional text displayed next to the tax form's status badge.
+          * @uiName Invalid tax form description
          */
         "invalidForm"?: string;
         /**
-          * 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
          */
         "invoiceColumnTitle"?: string;
         /**
@@ -10402,18 +10367,16 @@ declare namespace LocalJSX {
          */
         "loadingErrorAlertHeader"?: string;
         /**
-          * 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
          */
         "newFormButton"?: string;
         /**
-          * Subtext displayed at the bottom of the page if there are no tax documents to show
-          * @uiName No form needed subtext
+          * No other statuses or badges will be displayed in the tax form section in this case.
+          * @uiName Tax form not required text
          */
         "noFormNeededSubtext"?: string;
         /**
-          * Text displayed when partner is not registered for Indirect Tax
-          * @uiName Not registered for Indirect Tax
+          * @uiName Not registered for indirect tax text
          */
         "notRegisteredForTax"?: string;
         /**
@@ -10422,73 +10385,68 @@ declare namespace LocalJSX {
          */
         "payoutFromImpact"?: string;
         /**
-          * Label text for the QST number
-          * @uiName QST number input
+          * Displayed to participants registered in Quebec, Canada.
+          * @uiName QST indirect tax details
          */
         "qstNumber"?: string;
         /**
-          * Label text for next payout status badge
-          * @uiName Status badge text
+          * @uiName Payout status badge
          */
         "statusBadgeText"?: string;
         /**
-          * Status text displayed in badge when tax document is Active
-          * @uiName Status text
+          * @uiName Active tax form badge label
          */
         "statusTextActive"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Active
-          * @uiName Status text
+          * @uiName Invalid tax form badge label
          */
         "statusTextNotActive"?: string;
         /**
-          * Status text displayed in badge when tax document is Not Verified
-          * @uiName Status text
+          * Displayed when the participant submitted their form but it is awaiting review.
+          * @uiName Not verified tax form badge label
          */
         "statusTextNotVerified"?: string;
         /**
-          * Label text for the sub-region tax number
-          * @uiName Sub-region tax number
+          * @uiName Spain sub-region indirect tax number
          */
         "subRegionTaxNumber"?: string;
         /**
-          * Header displayed in not active W9 alert header at the top of the page.
-          * @uiName Not active W8 alert header
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-8 error message title
          */
         "taxAlertHeaderNotActiveW8"?: string;
         /**
-          * Header displayed in not active W9 alert header at the top of the page.
-          * @uiName Not active W9 alert header
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-9 error message title
          */
         "taxAlertHeaderNotActiveW9"?: string;
         /**
-          * Description text displayed in W8 alert body at the top of the page.
-          * @uiName Tax W8 alert message
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-8 error message description
          */
         "taxAlertNotActiveMessageW8"?: string;
         /**
-          * Description text displayed in W9 alert body at the top of the page.
-          * @uiName Tax W9 alert message
+          * Part of the alert displayed at the top of the page.
+          * @uiName Inactive W-9 error message description
          */
         "taxAlertNotActiveMessageW9"?: string;
         /**
-          * Header text displayed above the tax documents status
           * @uiName Tax document section header
          */
         "taxDocumentSectionHeader"?: string;
         /**
-          * Sub header text displayed above the tax documents status
-          * @uiName Tax documents sub header
+          * Displayed under the tax document section header.
+          * @uiName Tax documents section description
          */
         "taxDocumentSectionSubHeader"?: string;
         /**
-          * Invoice table Taxed Amount column title
-          * @uiName Taxed Amount column title
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Taxed amount column title
          */
         "taxedAmountColumnTitle"?: string;
         /**
-          * 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
          */
         "thresholdPayoutText"?: string;
     }
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index c7487aca7c..9759334c74 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -997,7 +997,7 @@ export const TaxAndCashDashboardNotActiveW9Form = () => {
         states: {
           noFormNeeded: false,
           canEditPayoutInfo: true,
-          status: "NOT_ACTIVE",
+          status: "INACTIVE",
           documentType: "W9",
           documentTypeString: taxTypeToName("W9"),
           country: "United Kingdom",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 5baba69ba2..801926ba28 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -24,24 +24,24 @@ export class PayoutDetailsCard {
   statusBadgeText: string =
     "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
   /**
-   * Text shown above current balance indicating required balance for next payout
-   * @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
    */
   @Prop() thresholdPayoutText: string =
     "Next payout occurs when balance is {thresholdBalance}";
   /**
-   * Text shown before account number
-   * @uiName Account text
+   * Shown before the participant’s bank account information.
+   * @uiName Bank account field label
    */
   @Prop() accountText: string = "Account";
   /**
-   * Error alert header shown above payout details card
-   * @uiName Error alert header
+   * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
+   * @uiName Payout error message title
    */
   @Prop() errorTitleText: string = "Your payout is on hold ";
   /**
-   * Error alert description shown above payout details card
-   * @uiName Error alert description
+   * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
+   * @uiName Payout error message description
    */
   @Prop()
   errorDescriptionText: string =
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 87f4b6fc3f..72e65b1ae2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -20,203 +20,185 @@ import { NextPayout } from "../sqm-payout-details-card/PayoutDetailsCard.stories
 @Component({ tag: "sqm-tax-and-cash-dashboard", shadow: true })
 export class TaxAndCashDashboard {
   /**
-   * Status text displayed in badge when tax document is Active
-   *
-   * @uiName Status text
+   * @uiName Active tax form badge label
    */
   @Prop() statusTextActive?: string = "Active";
 
   /**
-   * Status text displayed in badge when tax document is Not Active
-   *
-   * @uiName Status text
+   * @uiName Invalid tax form badge label
    */
   @Prop() statusTextNotActive?: string = "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
    */
   @Prop() statusTextNotVerified?: string = "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
    */
   @Prop() badgeTextSubmittedOn?: string = "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
    */
   @Prop() badgeTextSubmittedOnW8?: string =
     "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
    */
   @Prop() badgeTextAwaitingReview?: string =
     "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
    */
   @Prop() taxAlertHeaderNotActiveW9?: string =
     "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
    */
   @Prop() taxAlertHeaderNotActiveW8?: string =
     "{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
    */
   @Prop() taxAlertNotActiveMessageW9?: string =
     "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
    */
   @Prop() taxAlertNotActiveMessageW8?: string =
     "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
    */
   @Prop() invalidForm?: string =
     "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
    */
   @Prop() bankingInformationSectionHeader: string = "Payout information";
   /**
-   * Header text displayed above the tax documents status
-   *
    * @uiName Tax document section header
    */
   @Prop() taxDocumentSectionHeader: string = "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
    */
   @Prop() taxDocumentSectionSubHeader: string = "{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
    */
   @Prop() noFormNeededSubtext: string =
     "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
    */
   @Prop() indirectTaxInfoSectionHeader: string = "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
    */
   @Prop() indirectTaxInfoCanada: string = "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
    */
   @Prop() indirectTaxInfoOtherCountry: string = "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
    */
   @Prop() indirectTaxInfoSpain: string = "Registered in {country}, {subRegion}";
   /**
-   * Indirect tax tooltip text for support
-   *
-   * @uiName Indirect tax tooltip description
+   * @uiName Indirect tax tooltip
    */
   @Prop() indirectTaxTooltipSupport: string =
     "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
    */
   @Prop() indirectTaxDetails: string =
     "{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
    */
   @Prop() newFormButton: string = "Submit New Form";
   /**
-   * Text displayed in the edit Payment Information button
    *
-   * @uiName Edit Payment Information button
+   * @uiName Edit payment info button label
    */
   @Prop() editPaymentInformationButton: string = "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
    */
   @Prop() notRegisteredForTax: string =
     "Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information.";
   /**
-   * Label text for the QST number
-   * @uiName QST number input
+   * Displayed to participants registered in Quebec, Canada.
+   * @uiName QST indirect tax details
    */
   @Prop() qstNumber: string = "QST number: {qstNumber}";
   /**
-   * Label text for the sub-region tax number
-   * @uiName Sub-region tax number
+   * @uiName Spain sub-region indirect tax number
    */
   @Prop() subRegionTaxNumber: string =
     "Income tax number: {subRegionTaxNumber}";
 
   /**
-   * Label text for next payout status badge
-   * @uiName Status badge text
+   * @uiName Payout status badge
    */
   @Prop()
   statusBadgeText: string =
     "{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
    */
   @Prop() thresholdPayoutText: string =
     "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
    */
   @Prop() accountText: string = "Account";
   /**
+   * Payout error message title
    * @uiName Error banner title text
    */
   @Prop() errorTitleText: string = "Your payout is on hold ";
   /**
-   * @uiName Error banner description text
+   * @uiName Payout error message description
    */
   @Prop()
   errorDescriptionText: string =
@@ -257,27 +239,27 @@ export class TaxAndCashDashboard {
     "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
    */
   @Prop() invoiceColumnTitle: string = "Invoice";
   /**
-   * Invoice table Date column title
+   * Part of the Invoice table displayed at the bottom of the page.
    * @uiName Date column title
    */
   @Prop() dateColumnTitle: string = "Date";
   /**
-   * Invoice table Earnings column title
+   * Part of the Invoice table displayed at the bottom of the page.
    * @uiName Earnings column title
    */
   @Prop() earningsColumnTitle: string = "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 Taxed amount column title
    */
   @Prop() taxedAmountColumnTitle: string = "Taxed Amount";
   /**
-   * 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
    */
   @Prop() earningsAfterTaxColumnTitle: string = "Earnings after tax";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 46e78859cf..732f693e75 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -633,167 +633,156 @@ export class TaxAndCashMonolith {
                     DASHBOARD PROPS:
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
   /**
-   * Status text displayed in badge when tax document is Active
-   *
-   * @uiName Status text
+   * @uiName Active tax form badge label
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_statusTextActive?: string = "Active";
 
   /**
-   * Status text displayed in badge when tax document is Not Active
-   *
-   * @uiName Status text
+   * @uiName Invalid tax form badge label
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_statusTextNotActive?: string = "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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_statusTextNotVerified?: string = "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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_badgeTextSubmittedOn?: string =
     "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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_badgeTextSubmittedOnW8?: string =
     "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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_badgeTextAwaitingReview?: string =
     "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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_taxAlertHeaderNotActiveW9?: string =
     "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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_taxAlertHeaderNotActiveW8?: string =
     "{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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_taxAlertNotActiveMessageW9?: string =
     "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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_taxAlertNotActiveMessageW8?: string =
     "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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_invalidForm?: string =
     "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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_bankingInformationSectionHeader: string =
     "Payout Information";
   /**
-   * Header text displayed above the tax documents status
-   *
    * @uiName Tax document section header
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_taxDocumentSectionHeader: string = "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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_taxDocumentSectionSubHeader: string =
     "{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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_noFormNeededSubtext: string =
     "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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_indirectTaxInfoSectionHeader: string = "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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_indirectTaxInfoCanada: string =
     "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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_indirectTaxInfoOtherCountry: string =
     "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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_indirectTaxInfoSpain: string =
     "Registered in {country}, {subRegion}";
   /**
-   * Indirect tax tooltip text for support
-   *
-   * @uiName Indirect tax tooltip description
+   * @uiName Indirect tax tooltip
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_indirectTaxTooltipSupport: string =
     "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
    * @uiGroup Dashboard Properties
@@ -801,83 +790,75 @@ export class TaxAndCashMonolith {
   @Prop() dashboard_indirectTaxDetails: string =
     "{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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_newFormButton: string = "Submit New Form";
   /**
-   * Text displayed in the edit Payment Information button
-   *
-   * @uiName Edit Payment Information button
+   * @uiName Edit payment info button label
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_editPaymentInformationButton: string =
     "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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_notRegisteredForTax: string =
     "Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information.";
   /**
-   * Label text for the QST number
-   * @uiName QST number input
+   * Displayed to participants registered in Quebec, Canada.
+   * @uiName QST indirect tax details
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_qstNumber: string = "QST number: {qstNumber}";
   /**
-   * Label text for the sub-region tax number
-   * @uiName Sub-region tax number
+   * @uiName Spain sub-region indirect tax number
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_subRegionTaxNumber: string =
     "Income tax number: {subRegionTaxNumber}";
   /**
-   * Badge text indicating payout status
-   * @uiName Payout status badge text
+   * @uiName Payout status badge
    * @uiGroup Dashboard Properties
    */
   @Prop()
   dashboard_statusBadgeText: string =
     "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
   /**
-   * Text shown above current balance indicating required balance for next payout
-   * @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
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_thresholdPayoutText: string =
     "Next payout occurs when balance is {thresholdBalance}";
   /**
-   * Text shown before account number
-   * @uiName Account text
+   * Shown before the participant’s bank account information.
+   * @uiName Bank account field label
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_accountText: string = "Account";
   /**
-   * 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
    *  @uiGroup Dashboard Properties
    */
   @Prop() invoiceColumnTitle: string = "Invoice";
   /**
-   * Invoice table Date column title
+   * Part of the Invoice table displayed at the bottom of the page.
    * @uiName Date column title
    *  @uiGroup Dashboard Properties
    */
   @Prop() dateColumnTitle: string = "Date";
   /**
-   * Invoice table Earnings column title
+   * Part of the Invoice table displayed at the bottom of the page.
    * @uiName Earnings column title
    *  @uiGroup Dashboard Properties
    */
   @Prop() earningsColumnTitle: string = "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 Taxed amount column title
    *  @uiGroup Dashboard Properties
    */
   @Prop() taxedAmountColumnTitle: string = "Taxed Amount";
@@ -889,7 +870,7 @@ export class TaxAndCashMonolith {
   @Prop() dashboard_payoutFromImpact: string =
     "Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com.";
   /**
-   * 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
    *  @uiGroup Dashboard Properties
    */
@@ -902,8 +883,8 @@ export class TaxAndCashMonolith {
   @Prop()
   dashboard_errorTitleText: string = "Your payout is on hold ";
   /**
-   * Error alert description shown above payout details card
-   * @uiName Error 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 title
    * @uiGroup Dashboard Properties
    */
   @Prop()
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From 834df1c11c4668074443ce43cfd6c343ef345867 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 25 Mar 2024 11:56:53 -0700
Subject: [PATCH 627/753] Updated prop descriptions/UI names for
 sqm-user-info-form

---
 packages/mint-components/src/components.d.ts  | 96 +++++++------------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 26 ++---
 .../sqm-user-info-form/sqm-user-info-form.tsx | 26 ++---
 3 files changed, 50 insertions(+), 98 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 4ad8ac867f..0a74176ba8 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -4056,44 +4056,37 @@ export namespace Components {
          */
         "step1_allowBankingCollection": string;
         /**
-          * Label text for country input
-          * @uiName Country label
+          * @uiName Country field label
           * @uiGroup Step 1 Properties
          */
         "step1_country": string;
         /**
-          * Label text for currency input
-          * @uiName Currency label
+          * @uiName Currency field label
           * @uiGroup Step 1 Properties
          */
         "step1_currency": string;
         /**
-          * Help text shown underneath currency input
-          * @uiName Currency help text
+          * @uiName Currency field help text
           * @uiGroup Step 1 Properties
          */
         "step1_currencyHelpText": string;
         /**
-          * Label text for email input
-          * @uiName Email label
+          * @uiName Email field label
           * @uiGroup Step 1 Properties
          */
         "step1_email": string;
         /**
-          * Label text for first name input
-          * @uiName First name label
+          * @uiName First name field label
           * @uiGroup Step 1 Properties
          */
         "step1_firstName": string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
+          * @uiName Last name field label
           * @uiGroup Step 1 Properties
          */
         "step1_lastName": string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
+          * @uiName Step 1 title
           * @uiGroup Step 1 Properties
          */
         "step1_personalInformation": string;
@@ -4108,8 +4101,7 @@ export namespace Components {
          */
         "step1_searchForCurrencyText": string;
         /**
-          * Label text for terms and conditions
-          * @uiName Terms and conditions label text
+          * @uiName Terms and conditions checkbox
           * @uiGroup Step 1 Properties
          */
         "step1_termsAndConditionsLabel": string;
@@ -4878,18 +4870,15 @@ export namespace Components {
          */
         "continueButton": string;
         /**
-          * Label text for country input
-          * @uiName Country label
+          * @uiName Country field label
          */
         "country": string;
         /**
-          * Label text for currency input
-          * @uiName Currency label
+          * @uiName Currency field label
          */
         "currency": string;
         /**
-          * Help text shown underneath currency input
-          * @uiName Currency help text
+          * @uiName Currency field help text
          */
         "currencyHelpText": string;
         /**
@@ -4898,8 +4887,7 @@ export namespace Components {
          */
         "demoData"?: DemoData<UseUserInfoFormResult>;
         /**
-          * Label text for email input
-          * @uiName Email label
+          * @uiName Email field label
          */
         "email": string;
         /**
@@ -4908,8 +4896,7 @@ export namespace Components {
          */
         "fieldRequiredError": string;
         /**
-          * Label text for first name input
-          * @uiName First name label
+          * @uiName First name field label
          */
         "firstName": string;
         /**
@@ -4938,8 +4925,7 @@ export namespace Components {
          */
         "isPartnerAlertHeader": string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
+          * @uiName Last name field label
          */
         "lastName": string;
         /**
@@ -4953,8 +4939,7 @@ export namespace Components {
          */
         "loadingErrorAlertHeader": string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
+          * @uiName Step 1 title
          */
         "personalInformation": string;
         /**
@@ -4968,8 +4953,7 @@ export namespace Components {
          */
         "searchForCurrencyText": string;
         /**
-          * Label text for terms and conditions
-          * @uiName Terms and conditions label text
+          * @uiName Terms and conditions checkbox
          */
         "termsAndConditionsLabel": string;
     }
@@ -9736,44 +9720,37 @@ declare namespace LocalJSX {
          */
         "step1_allowBankingCollection"?: string;
         /**
-          * Label text for country input
-          * @uiName Country label
+          * @uiName Country field label
           * @uiGroup Step 1 Properties
          */
         "step1_country"?: string;
         /**
-          * Label text for currency input
-          * @uiName Currency label
+          * @uiName Currency field label
           * @uiGroup Step 1 Properties
          */
         "step1_currency"?: string;
         /**
-          * Help text shown underneath currency input
-          * @uiName Currency help text
+          * @uiName Currency field help text
           * @uiGroup Step 1 Properties
          */
         "step1_currencyHelpText"?: string;
         /**
-          * Label text for email input
-          * @uiName Email label
+          * @uiName Email field label
           * @uiGroup Step 1 Properties
          */
         "step1_email"?: string;
         /**
-          * Label text for first name input
-          * @uiName First name label
+          * @uiName First name field label
           * @uiGroup Step 1 Properties
          */
         "step1_firstName"?: string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
+          * @uiName Last name field label
           * @uiGroup Step 1 Properties
          */
         "step1_lastName"?: string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
+          * @uiName Step 1 title
           * @uiGroup Step 1 Properties
          */
         "step1_personalInformation"?: string;
@@ -9788,8 +9765,7 @@ declare namespace LocalJSX {
          */
         "step1_searchForCurrencyText"?: string;
         /**
-          * Label text for terms and conditions
-          * @uiName Terms and conditions label text
+          * @uiName Terms and conditions checkbox
           * @uiGroup Step 1 Properties
          */
         "step1_termsAndConditionsLabel"?: string;
@@ -10557,18 +10533,15 @@ declare namespace LocalJSX {
          */
         "continueButton"?: string;
         /**
-          * Label text for country input
-          * @uiName Country label
+          * @uiName Country field label
          */
         "country"?: string;
         /**
-          * Label text for currency input
-          * @uiName Currency label
+          * @uiName Currency field label
          */
         "currency"?: string;
         /**
-          * Help text shown underneath currency input
-          * @uiName Currency help text
+          * @uiName Currency field help text
          */
         "currencyHelpText"?: string;
         /**
@@ -10577,8 +10550,7 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<UseUserInfoFormResult>;
         /**
-          * Label text for email input
-          * @uiName Email label
+          * @uiName Email field label
          */
         "email"?: string;
         /**
@@ -10587,8 +10559,7 @@ declare namespace LocalJSX {
          */
         "fieldRequiredError"?: string;
         /**
-          * Label text for first name input
-          * @uiName First name label
+          * @uiName First name field label
          */
         "firstName"?: string;
         /**
@@ -10617,8 +10588,7 @@ declare namespace LocalJSX {
          */
         "isPartnerAlertHeader"?: string;
         /**
-          * Label text for last name input
-          * @uiName Last name label
+          * @uiName Last name field label
          */
         "lastName"?: string;
         /**
@@ -10632,8 +10602,7 @@ declare namespace LocalJSX {
          */
         "loadingErrorAlertHeader"?: string;
         /**
-          * Heading text shown above the forms inputs.
-          * @uiName Form heading text
+          * @uiName Step 1 title
          */
         "personalInformation"?: string;
         /**
@@ -10647,8 +10616,7 @@ declare namespace LocalJSX {
          */
         "searchForCurrencyText"?: string;
         /**
-          * Label text for terms and conditions
-          * @uiName Terms and conditions label text
+          * @uiName Terms and conditions checkbox
          */
         "termsAndConditionsLabel"?: string;
     }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index cb7e5e2706..c86b4767ad 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -30,38 +30,32 @@ export class TaxAndCashMonolith {
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 
   /**
-   * Label text for first name input
-   * @uiName First name label
+   * @uiName First name field label
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_firstName: string = "First name";
   /**
-   * Label text for last name input
-   * @uiName Last name label
+   * @uiName Last name field label
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_lastName: string = "Last name";
   /**
-   * Label text for email input
-   * @uiName Email label
+   * @uiName Email field label
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_email: string = "Email";
   /**
-   * Label text for country input
-   * @uiName Country label
+   * @uiName Country field label
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_country: string = "Country";
   /**
-   * Label text for currency input
-   * @uiName Currency label
+   * @uiName Currency field label
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_currency: string = "Currency";
   /**
-   * Help text shown underneath currency input
-   * @uiName Currency help text
+   * @uiName Currency field help text
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_currencyHelpText: string =
@@ -74,17 +68,15 @@ export class TaxAndCashMonolith {
   @Prop() step1_allowBankingCollection: string =
     "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";
   /**
-   * Heading text shown above the forms inputs.
-   * @uiName Form heading text
+   * @uiName Step 1 title
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_personalInformation: string = "Personal Information";
   /**
-   * Label text for terms and conditions
-   * @uiName Terms and conditions label text
+   * @uiName Terms and conditions checkbox
    * @uiGroup Step 1 Properties
    */
-  @Prop() step1_termsAndConditionsLabel: string = "Terms and Conditions";
+  @Prop() step1_termsAndConditionsLabel: string = "terms and conditions";
 
   /**
    * Placeholder text displayed in the country search dropdown
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 30d84b59ae..fe09a7d075 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -21,34 +21,28 @@ import { useUserInfoForm, UseUserInfoFormResult } from "./useUserInfoForm";
 export class TaxForm {
   @State() ignored = true;
   /**
-   * Label text for first name input
-   * @uiName First name label
+   * @uiName First name field label
    */
   @Prop() firstName: string = "First name";
   /**
-   * Label text for last name input
-   * @uiName Last name label
+   * @uiName Last name field label
    */
   @Prop() lastName: string = "Last name";
   /**
-   * Label text for email input
-   * @uiName Email label
+   * @uiName Email field label
    */
   @Prop() email: string = "Email";
   /**
-   * Label text for country input
-   * @uiName Country label
+   * @uiName Country field label
    */
   @Prop() country: string = "Country";
   /**
-   * Label text for currency input
-   * @uiName Currency label
+   * @uiName Currency field label
    */
   @Prop() currency: string = "Currency";
 
   /**
-   * Help text shown underneath currency input
-   * @uiName Currency help text
+   * @uiName Currency field help text
    */
   @Prop() currencyHelpText: string = "Choose your preferred payout currency";
   /**
@@ -63,8 +57,7 @@ export class TaxForm {
    */
   @Prop() formStep: string = "Step {step} of {count}";
   /**
-   * Heading text shown above the forms inputs.
-   * @uiName Form heading text
+   * @uiName Step 1 title
    */
   @Prop() personalInformation: string = "Personal Information";
   /**
@@ -100,10 +93,9 @@ export class TaxForm {
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
   /**
-   * Label text for terms and conditions
-   * @uiName Terms and conditions label text
+   * @uiName Terms and conditions checkbox
    */
-  @Prop() termsAndConditionsLabel: string = "Terms and Conditions";
+  @Prop() termsAndConditionsLabel: string = "terms and conditions";
   /**
    * Placeholder text displayed in the country search dropdown
    * @uiName Search for country text

From b2dc114a7b78df72cf55e386aed7b7c09d01535d Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 25 Mar 2024 13:50:42 -0700
Subject: [PATCH 628/753] Updated general form props UI names/descriptions

---
 packages/mint-components/src/components.d.ts  | 392 ++++++++----------
 .../sqm-banking-info-form.tsx                 |  43 +-
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  27 +-
 .../sqm-indirect-tax-form.tsx                 |  37 +-
 .../sqm-tax-and-cash-dashboard.tsx            |  18 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  45 +-
 .../sqm-user-info-form/sqm-user-info-form.tsx |  36 +-
 7 files changed, 274 insertions(+), 324 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 0a74176ba8..2ab8402aa5 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -74,7 +74,7 @@ export namespace Components {
         "agencyCodeLabel": string;
         /**
           * Text for the back button in the form
-          * @uiName Back button text
+          * @uiName Back button label
          */
         "backButton": string;
         /**
@@ -153,8 +153,7 @@ export namespace Components {
          */
         "classificationLabel": string;
         /**
-          * Text for the save button in the form
-          * @uiName Save button text
+          * @uiName Continue button label
          */
         "continueButton": string;
         /**
@@ -172,13 +171,13 @@ export namespace Components {
          */
         "eftWithdrawalLabel": string;
         /**
-          * Invalid error text shown at the bottom of field inputs
-          * @uiName Field inputs invalid error text
+          * Displayed under a field when it has an invalid entry.
+          * @uiName Form field error message
          */
         "fieldInvalidError": string;
         /**
-          * 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
          */
         "fieldRequiredError": string;
         /**
@@ -187,8 +186,7 @@ export namespace Components {
          */
         "foreignSelectItemLabel": string;
         /**
-          * 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
          */
         "formStep": string;
         /**
@@ -196,13 +194,13 @@ export namespace Components {
          */
         "fxWireProcessingFeeLabel": string;
         /**
-          * 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
          */
         "generalErrorDescription": string;
         /**
-          * 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
          */
         "generalErrorTitle": string;
         /**
@@ -216,23 +214,23 @@ export namespace Components {
          */
         "individualSelectItemLabel": string;
         /**
-          * 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
          */
         "isPartnerAlertDescription": string;
         /**
-          * 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
          */
         "isPartnerAlertHeader": string;
         /**
-          * 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
          */
         "loadingErrorAlertDescription": string;
         /**
-          * 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
          */
         "loadingErrorAlertHeader": string;
         /**
@@ -562,8 +560,7 @@ export namespace Components {
     }
     interface SqmDocusignForm {
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
+          * @uiName Back button label
          */
         "backButton": string;
         /**
@@ -577,8 +574,7 @@ export namespace Components {
          */
         "businessEntity": string;
         /**
-          * Text shown inside of cancel button
-          * @uiName Cancel button text
+          * @uiName Cancel button label
          */
         "cancelButton": string;
         /**
@@ -612,8 +608,7 @@ export namespace Components {
          */
         "docusignExpired": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
+          * @uiName Setup progress
          */
         "formStep": string;
         /**
@@ -622,13 +617,13 @@ export namespace Components {
          */
         "formSubmissionError": string;
         /**
-          * 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
          */
         "generalErrorDescription": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * Part of the alert displayed at the top of the page.
+          * @uiName Form submission error message title
          */
         "generalErrorTitle": string;
         /**
@@ -637,13 +632,13 @@ export namespace Components {
          */
         "individualParticipant": string;
         /**
-          * 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
          */
         "loadingErrorAlertDescription": string;
         /**
-          * 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
          */
         "loadingErrorAlertHeader": string;
         /**
@@ -981,8 +976,7 @@ export namespace Components {
     }
     interface SqmIndirectTaxForm {
         /**
-          * Text for the back button in the form
-          * @uiName Back button text
+          * @uiName Back button label
          */
         "backButton": string;
         /**
@@ -991,8 +985,7 @@ export namespace Components {
          */
         "cannotChangeInfoAlert": string;
         /**
-          * Text for the continue button in the form
-          * @uiName Continue button text
+          * @uiName Continue button label
          */
         "continueButton": string;
         /**
@@ -1000,23 +993,22 @@ export namespace Components {
          */
         "demoData"?: DemoData<UseIndirectTaxFormResult>;
         /**
-          * 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
          */
         "fieldRequiredError": string;
         /**
-          * 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
          */
         "formStep": string;
         /**
-          * 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
          */
         "generalErrorDescription": string;
         /**
-          * 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
          */
         "generalErrorTitle": string;
         /**
@@ -1050,13 +1042,13 @@ export namespace Components {
          */
         "indirectTaxNumberError": string;
         /**
-          * 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
          */
         "isPartnerAlertDescription": string;
         /**
-          * 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
          */
         "isPartnerAlertHeader": string;
         /**
@@ -1070,13 +1062,13 @@ export namespace Components {
          */
         "isRegisteredSubRegionIncomeTax": string;
         /**
-          * 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
          */
         "loadingErrorAlertDescription": string;
         /**
-          * 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
          */
         "loadingErrorAlertHeader": string;
         /**
@@ -3768,20 +3760,17 @@ export namespace Components {
     }
     interface SqmTaxAndCash {
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
+          * @uiName Back button label
           * @uiGroup General Form Properties
          */
         "backButton": string;
         /**
-          * Text shown inside of cancel button
-          * @uiName Cancel button text
+          * @uiName Cancel button label
           * @uiGroup General Form Properties
          */
         "cancelButton": string;
         /**
-          * Text for the continue button in the form
-          * @uiName Continue button text
+          * @uiName Continue button label
           * @uiGroup General Form Properties
          */
         "continueButton": string;
@@ -3990,32 +3979,31 @@ export namespace Components {
          */
         "earningsColumnTitle": string;
         /**
-          * Invalid error text shown at the bottom of field inputs
-          * @uiName Field inputs invalid error text
+          * Displayed under a field when it has an invalid entry.
+          * @uiName Form field error message
           * @uiGroup General Form Properties
          */
         "fieldInvalidError": string;
         /**
-          * 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
           * @uiGroup General Form Properties
          */
         "fieldRequiredError": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
+          * @uiName Setup progress
           * @uiGroup General Form Properties
          */
         "formStep": string;
         /**
-          * 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
           * @uiGroup General Form Properties
          */
         "generalErrorDescription": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * Part of the alert displayed at the top of the page.
+          * @uiName Form submission error message title
           * @uiGroup General Form Properties
          */
         "generalErrorTitle": string;
@@ -4026,26 +4014,26 @@ export namespace Components {
          */
         "invoiceColumnTitle": string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner 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
           * @uiGroup General Form Properties
          */
         "isPartnerAlertDescription": string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
+          * 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
           * @uiGroup General Form Properties
          */
         "isPartnerAlertHeader": string;
         /**
-          * 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
           * @uiGroup General Form Properties
          */
         "loadingErrorAlertDescription": string;
         /**
-          * 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
           * @uiGroup General Form Properties
          */
         "loadingErrorAlertHeader": string;
@@ -4641,13 +4629,13 @@ export namespace Components {
          */
         "errorTitleText": string;
         /**
-          * 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
          */
         "generalErrorDescription": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * Part of the alert displayed at the top of the page.
+          * @uiName Form submission error message title
          */
         "generalErrorTitle": string;
         /**
@@ -4689,13 +4677,13 @@ export namespace Components {
          */
         "invoiceColumnTitle": string;
         /**
-          * 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
          */
         "loadingErrorAlertDescription": string;
         /**
-          * 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
          */
         "loadingErrorAlertHeader": string;
         /**
@@ -4865,8 +4853,7 @@ export namespace Components {
          */
         "allowBankingCollection": string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
+          * @uiName Continue button label
          */
         "continueButton": string;
         /**
@@ -4891,8 +4878,8 @@ export namespace Components {
          */
         "email": string;
         /**
-          * 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
          */
         "fieldRequiredError": string;
         /**
@@ -4900,28 +4887,27 @@ export namespace Components {
          */
         "firstName": string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
+          * @uiName Setup progress
          */
         "formStep": string;
         /**
-          * 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
          */
         "generalErrorDescription": string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * Part of the alert displayed at the top of the page.
+          * @uiName Form submission error message title
          */
         "generalErrorTitle": string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner 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
          */
         "isPartnerAlertDescription": string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
+          * 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
          */
         "isPartnerAlertHeader": string;
         /**
@@ -4929,13 +4915,13 @@ export namespace Components {
          */
         "lastName": string;
         /**
-          * 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
          */
         "loadingErrorAlertDescription": string;
         /**
-          * 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
          */
         "loadingErrorAlertHeader": string;
         /**
@@ -5767,7 +5753,7 @@ declare namespace LocalJSX {
         "agencyCodeLabel"?: string;
         /**
           * Text for the back button in the form
-          * @uiName Back button text
+          * @uiName Back button label
          */
         "backButton"?: string;
         /**
@@ -5846,8 +5832,7 @@ declare namespace LocalJSX {
          */
         "classificationLabel"?: string;
         /**
-          * Text for the save button in the form
-          * @uiName Save button text
+          * @uiName Continue button label
          */
         "continueButton"?: string;
         /**
@@ -5865,13 +5850,13 @@ declare namespace LocalJSX {
          */
         "eftWithdrawalLabel"?: string;
         /**
-          * Invalid error text shown at the bottom of field inputs
-          * @uiName Field inputs invalid error text
+          * Displayed under a field when it has an invalid entry.
+          * @uiName Form field error message
          */
         "fieldInvalidError"?: string;
         /**
-          * 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
          */
         "fieldRequiredError"?: string;
         /**
@@ -5880,8 +5865,7 @@ declare namespace LocalJSX {
          */
         "foreignSelectItemLabel"?: string;
         /**
-          * 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
          */
         "formStep"?: string;
         /**
@@ -5889,13 +5873,13 @@ declare namespace LocalJSX {
          */
         "fxWireProcessingFeeLabel"?: string;
         /**
-          * 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
          */
         "generalErrorDescription"?: string;
         /**
-          * 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
          */
         "generalErrorTitle"?: string;
         /**
@@ -5909,23 +5893,23 @@ declare namespace LocalJSX {
          */
         "individualSelectItemLabel"?: string;
         /**
-          * 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
          */
         "isPartnerAlertDescription"?: string;
         /**
-          * 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
          */
         "isPartnerAlertHeader"?: string;
         /**
-          * 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
          */
         "loadingErrorAlertDescription"?: string;
         /**
-          * 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
          */
         "loadingErrorAlertHeader"?: string;
         /**
@@ -6256,8 +6240,7 @@ declare namespace LocalJSX {
     }
     interface SqmDocusignForm {
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
+          * @uiName Back button label
          */
         "backButton"?: string;
         /**
@@ -6271,8 +6254,7 @@ declare namespace LocalJSX {
          */
         "businessEntity"?: string;
         /**
-          * Text shown inside of cancel button
-          * @uiName Cancel button text
+          * @uiName Cancel button label
          */
         "cancelButton"?: string;
         /**
@@ -6306,8 +6288,7 @@ declare namespace LocalJSX {
          */
         "docusignExpired"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
+          * @uiName Setup progress
          */
         "formStep"?: string;
         /**
@@ -6316,13 +6297,13 @@ declare namespace LocalJSX {
          */
         "formSubmissionError"?: string;
         /**
-          * 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
          */
         "generalErrorDescription"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * Part of the alert displayed at the top of the page.
+          * @uiName Form submission error message title
          */
         "generalErrorTitle"?: string;
         /**
@@ -6331,13 +6312,13 @@ declare namespace LocalJSX {
          */
         "individualParticipant"?: string;
         /**
-          * 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
          */
         "loadingErrorAlertDescription"?: string;
         /**
-          * 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
          */
         "loadingErrorAlertHeader"?: string;
         /**
@@ -6675,8 +6656,7 @@ declare namespace LocalJSX {
     }
     interface SqmIndirectTaxForm {
         /**
-          * Text for the back button in the form
-          * @uiName Back button text
+          * @uiName Back button label
          */
         "backButton"?: string;
         /**
@@ -6685,8 +6665,7 @@ declare namespace LocalJSX {
          */
         "cannotChangeInfoAlert"?: string;
         /**
-          * Text for the continue button in the form
-          * @uiName Continue button text
+          * @uiName Continue button label
          */
         "continueButton"?: string;
         /**
@@ -6694,23 +6673,22 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<UseIndirectTaxFormResult>;
         /**
-          * 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
          */
         "fieldRequiredError"?: string;
         /**
-          * 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
          */
         "formStep"?: string;
         /**
-          * 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
          */
         "generalErrorDescription"?: string;
         /**
-          * 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
          */
         "generalErrorTitle"?: string;
         /**
@@ -6744,13 +6722,13 @@ declare namespace LocalJSX {
          */
         "indirectTaxNumberError"?: string;
         /**
-          * 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
          */
         "isPartnerAlertDescription"?: string;
         /**
-          * 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
          */
         "isPartnerAlertHeader"?: string;
         /**
@@ -6764,13 +6742,13 @@ declare namespace LocalJSX {
          */
         "isRegisteredSubRegionIncomeTax"?: string;
         /**
-          * 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
          */
         "loadingErrorAlertDescription"?: string;
         /**
-          * 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
          */
         "loadingErrorAlertHeader"?: string;
         /**
@@ -9432,20 +9410,17 @@ declare namespace LocalJSX {
     }
     interface SqmTaxAndCash {
         /**
-          * Text shown inside of back button
-          * @uiName Back button text
+          * @uiName Back button label
           * @uiGroup General Form Properties
          */
         "backButton"?: string;
         /**
-          * Text shown inside of cancel button
-          * @uiName Cancel button text
+          * @uiName Cancel button label
           * @uiGroup General Form Properties
          */
         "cancelButton"?: string;
         /**
-          * Text for the continue button in the form
-          * @uiName Continue button text
+          * @uiName Continue button label
           * @uiGroup General Form Properties
          */
         "continueButton"?: string;
@@ -9654,32 +9629,31 @@ declare namespace LocalJSX {
          */
         "earningsColumnTitle"?: string;
         /**
-          * Invalid error text shown at the bottom of field inputs
-          * @uiName Field inputs invalid error text
+          * Displayed under a field when it has an invalid entry.
+          * @uiName Form field error message
           * @uiGroup General Form Properties
          */
         "fieldInvalidError"?: string;
         /**
-          * 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
           * @uiGroup General Form Properties
          */
         "fieldRequiredError"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
+          * @uiName Setup progress
           * @uiGroup General Form Properties
          */
         "formStep"?: string;
         /**
-          * 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
           * @uiGroup General Form Properties
          */
         "generalErrorDescription"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * Part of the alert displayed at the top of the page.
+          * @uiName Form submission error message title
           * @uiGroup General Form Properties
          */
         "generalErrorTitle"?: string;
@@ -9690,26 +9664,26 @@ declare namespace LocalJSX {
          */
         "invoiceColumnTitle"?: string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner 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
           * @uiGroup General Form Properties
          */
         "isPartnerAlertDescription"?: string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
+          * 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
           * @uiGroup General Form Properties
          */
         "isPartnerAlertHeader"?: string;
         /**
-          * 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
           * @uiGroup General Form Properties
          */
         "loadingErrorAlertDescription"?: string;
         /**
-          * 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
           * @uiGroup General Form Properties
          */
         "loadingErrorAlertHeader"?: string;
@@ -10305,13 +10279,13 @@ declare namespace LocalJSX {
          */
         "errorTitleText"?: string;
         /**
-          * 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
          */
         "generalErrorDescription"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * Part of the alert displayed at the top of the page.
+          * @uiName Form submission error message title
          */
         "generalErrorTitle"?: string;
         /**
@@ -10353,13 +10327,13 @@ declare namespace LocalJSX {
          */
         "invoiceColumnTitle"?: string;
         /**
-          * 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
          */
         "loadingErrorAlertDescription"?: string;
         /**
-          * 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
          */
         "loadingErrorAlertHeader"?: string;
         /**
@@ -10528,8 +10502,7 @@ declare namespace LocalJSX {
          */
         "allowBankingCollection"?: string;
         /**
-          * Text shown inside of submit button
-          * @uiName Submit button text
+          * @uiName Continue button label
          */
         "continueButton"?: string;
         /**
@@ -10554,8 +10527,8 @@ declare namespace LocalJSX {
          */
         "email"?: string;
         /**
-          * 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
          */
         "fieldRequiredError"?: string;
         /**
@@ -10563,28 +10536,27 @@ declare namespace LocalJSX {
          */
         "firstName"?: string;
         /**
-          * Sub text shown at the top of the page, used to show the current step of the tax form.
-          * @uiName Tax form step text
+          * @uiName Setup progress
          */
         "formStep"?: string;
         /**
-          * 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
          */
         "generalErrorDescription"?: string;
         /**
-          * The title for error message shown at the top of the page in an error banner
-          * @uiName General error title
+          * Part of the alert displayed at the top of the page.
+          * @uiName Form submission error message title
          */
         "generalErrorTitle"?: string;
         /**
-          * Alert description text shown in alert if user is already a registered partner
-          * @uiName Participant is partner 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
          */
         "isPartnerAlertDescription"?: string;
         /**
-          * Alert header text shown in alert if user is already a registered partner
-          * @uiName Participant is partner title
+          * 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
          */
         "isPartnerAlertHeader"?: string;
         /**
@@ -10592,13 +10564,13 @@ declare namespace LocalJSX {
          */
         "lastName"?: string;
         /**
-          * 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
          */
         "loadingErrorAlertDescription"?: string;
         /**
-          * 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
          */
         "loadingErrorAlertHeader"?: string;
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 3ae30047b1..e762af3176 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -33,8 +33,7 @@ export class BankingInfoForm {
   @State() ignored = true;
 
   /**
-   * 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
    */
   @Prop() formStep: string = "Step {step} of {count}";
 
@@ -282,62 +281,60 @@ export class BankingInfoForm {
   @Prop() searchForCountryText: string = "Search for country..";
 
   /**
-   * 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
    */
   @Prop() isPartnerAlertHeader: string =
     "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
    */
   @Prop() isPartnerAlertDescription: string =
     "If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email.";
 
   /**
-   * 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
    */
   @Prop() generalErrorTitle: string =
     "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
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
-
   /**
-   * 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
    */
   @Prop() fieldRequiredError: string = "{fieldName} is required";
   /**
-   * Invalid error text shown at the bottom of field inputs
-   * @uiName Field inputs invalid error text
+   * Displayed under a field when it has an invalid entry.
+   * @uiName Form field error message
    */
   @Prop() fieldInvalidError: string = "{fieldName} is invalid";
   /**
-   * Text for the save button in the form
-   * @uiName Save button text
+   * @uiName Continue button label
    */
   @Prop() continueButton: string = "Save";
   /**
    * Text for the back button in the form
-   * @uiName Back button text
+   * @uiName Back button label
    */
-  @Prop() backButton: string = "Save";
+  @Prop() backButton: string = "Back";
   /**
-   * 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
    */
   @Prop() loadingErrorAlertHeader: string =
     "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
    */
   @Prop() loadingErrorAlertDescription: string =
     "Please refresh the page and try again. If this problem continues, contact Support.";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index ae0038f62d..6684a785a3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -26,8 +26,7 @@ export class DocusignForm {
   @Element() el;
   @State() ignored = true;
   /**
-   * Sub text shown at the top of the page, used to show the current step of the tax form.
-   * @uiName Tax form step text
+   * @uiName Setup progress
    */
   @Prop() formStep: string = "Step {step} of {count}";
   /**
@@ -119,38 +118,34 @@ export class DocusignForm {
    */
   @Prop() refreshButton: string = "Refresh Page";
   /**
-   * Text shown inside of back button
-   * @uiName Back button text
+   * @uiName Back button label
    */
   @Prop() backButton: string = "Back";
   /**
-   * Text shown inside of cancel button
-   * @uiName Cancel button text
+   * @uiName Cancel button label
    */
   @Prop() cancelButton: string = "Cancel";
   /**
-   * The title for error message shown at the top of the page in an error banner
-   *
-   * @uiName General error title
+   * Part of the alert displayed at the top of the page.
+   * @uiName Form submission error message title
    */
   @Prop() generalErrorTitle: string =
     "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
    */
   @Prop() generalErrorDescription: string =
     "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
    */
   @Prop() loadingErrorAlertHeader: string =
     "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
    */
   @Prop() loadingErrorAlertDescription: string =
     "Please refresh the page and try again. If this problem continues, contact Support.";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 6c5f78b35f..3594e44376 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -28,8 +28,7 @@ import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 })
 export class IndirectTaxForm {
   /**
-   * 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
    */
   @Prop() formStep: string = "Step {step} of {count}";
 
@@ -134,8 +133,7 @@ export class IndirectTaxForm {
   @Prop() subRegionTaxNumberLabel: string = "Income tax number";
 
   /**
-   * Text for the back button in the form
-   * @uiName Back button text
+   * @uiName Back button label
    */
   @Prop() backButton: string = "Back";
   /**
@@ -158,52 +156,51 @@ export class IndirectTaxForm {
   @Prop() searchForCountryText: string = "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
    */
   @Prop() fieldRequiredError: string = "{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
    */
   @Prop() isPartnerAlertHeader: string =
     "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
    */
   @Prop() isPartnerAlertDescription: string =
     "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
    */
   @Prop() continueButton: string = "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
    */
   @Prop() generalErrorTitle: string =
     "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
    */
   @Prop() generalErrorDescription: string =
     "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
    */
   @Prop() loadingErrorAlertHeader: string =
     "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
    */
   @Prop() loadingErrorAlertDescription: string =
     "Please refresh the page and try again. If this problem continues, contact Support.";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 72e65b1ae2..2a7388cf7a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -205,16 +205,14 @@ export class TaxAndCashDashboard {
     "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
+   * Part of the alert displayed at the top of the page.
+   * @uiName Form submission error message title
    */
   @Prop() generalErrorTitle: string =
     "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
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
@@ -226,14 +224,14 @@ export class TaxAndCashDashboard {
   @Prop() payoutFromImpact: string =
     "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
    */
   @Prop() loadingErrorAlertHeader: string =
     "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
    */
   @Prop() loadingErrorAlertDescription: string =
     "Please refresh the page and try again. If this problem continues, contact Support.";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index c86b4767ad..e66b55e194 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -894,81 +894,76 @@ export class TaxAndCashMonolith {
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 
   /**
-   * Sub text shown at the top of the page, used to show the current step of the tax form.
-   * @uiName Tax form step text
+   * @uiName Setup progress
    * @uiGroup General Form Properties
    */
   @Prop() formStep: string = "Step {step} of {count}";
   /**
-   * The title for error message shown at the top of the page in an error banner
-   *
-   * @uiName General error title
+   * Part of the alert displayed at the top of the page.
+   * @uiName Form submission error message title
    * @uiGroup General Form Properties
    */
   @Prop() generalErrorTitle: string =
     "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
    * @uiGroup General Form Properties
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
   /**
-   * 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
    * @uiGroup General Form Properties
    */
   @Prop() fieldRequiredError: string = "{fieldName} is required";
   /**
-   * Invalid error text shown at the bottom of field inputs
-   * @uiName Field inputs invalid error text
+   * Displayed under a field when it has an invalid entry.
+   * @uiName Form field error message
    * @uiGroup General Form Properties
    */
   @Prop() fieldInvalidError: string = "{fieldName} is invalid";
   /**
-   * Text for the continue button in the form
-   * @uiName Continue button text
+   * @uiName Continue button label
    * @uiGroup General Form Properties
    */
   @Prop() continueButton: string = "Continue";
   /**
-   * Text shown inside of back button
-   * @uiName Back button text
+   * @uiName Back button label
    * @uiGroup General Form Properties
    */
   @Prop() backButton: string = "Back";
   /**
-   * Text shown inside of cancel button
-   * @uiName Cancel button text
+   * @uiName Cancel button label
    * @uiGroup General Form Properties
    */
   @Prop() cancelButton: string = "Cancel";
   /**
-   * Alert header text shown in alert if user is already a registered partner
-   * @uiName Participant is partner title
+   * 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
    * @uiGroup General Form Properties
    */
   @Prop() isPartnerAlertHeader: string =
     "An account with this email already exists with our referral program provider, impact.com";
   /**
-   * Alert description text shown in alert if user is already a registered partner
-   * @uiName Participant is partner 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
    * @uiGroup General Form Properties
    */
   @Prop() isPartnerAlertDescription: string =
     "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.";
   /**
-   * 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
    * @uiGroup General Form Properties
    */
   @Prop() loadingErrorAlertHeader: string =
     "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
    * @uiGroup General Form Properties
    */
   @Prop() loadingErrorAlertDescription: string =
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index fe09a7d075..5da36f3aa5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -52,8 +52,7 @@ export class TaxForm {
   @Prop() allowBankingCollection: string =
     "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";
   /**
-   * Sub text shown at the top of the page, used to show the current step of the tax form.
-   * @uiName Tax form step text
+   * @uiName Setup progress
    */
   @Prop() formStep: string = "Step {step} of {count}";
   /**
@@ -61,34 +60,31 @@ export class TaxForm {
    */
   @Prop() personalInformation: string = "Personal Information";
   /**
-   * Text shown inside of submit button
-   * @uiName Submit button text
+   * @uiName Continue button label
    */
   @Prop() continueButton: string = "Continue";
   /**
-   * Alert header text shown in alert if user is already a registered partner
-   * @uiName Participant is partner title
+   * 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
    */
   @Prop() isPartnerAlertHeader: string =
     "An account with this email already exists with our referral program provider, impact.com";
 
   /**
-   * Alert description text shown in alert if user is already a registered partner
-   * @uiName Participant is partner 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
    */
   @Prop() isPartnerAlertDescription: string =
     "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.";
   /**
-   * The title for error message shown at the top of the page in an error banner
-   *
-   * @uiName General error title
+   * Part of the alert displayed at the top of the page.
+   * @uiName Form submission error message title
    */
   @Prop() generalErrorTitle: string =
     "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
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
@@ -107,19 +103,19 @@ export class TaxForm {
    */
   @Prop() searchForCurrencyText: string = "Search for currency..";
   /**
-   * 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
    */
   @Prop() fieldRequiredError: string = "{fieldName} is required";
   /**
-   * 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
    */
   @Prop() loadingErrorAlertHeader: string =
     "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
    */
   @Prop() loadingErrorAlertDescription: string =
     "Please refresh the page and try again. If this problem continues, contact Support.";

From 638e4d67634fb5213b020f4492a617048ee14928 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 25 Mar 2024 15:10:48 -0700
Subject: [PATCH 629/753] remove todo

---
 packages/mint-components/package-lock.json                    | 4 ++--
 .../cells/sqm-referral-table-rewards-cell.tsx                 | 1 -
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 30c9a7b91a..afc6346c51 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-104",
+  "version": "1.8.0-105",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-104",
+      "version": "1.8.0-105",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
index 26542d794f..f80093e3c8 100644
--- a/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.tsx
@@ -93,7 +93,6 @@ export class ReferralTableRewardsCell {
       reward: Reward,
       taxConnection: ImpactConnection
     ): string => {
-      // AL: TODO PAYOUT_CANCELLED
       const possibleStates = [
         "REDEEMED",
         "CANCELLED",

From 81fe865eac4876cbcbe5ab76368dac3254cd2b93 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 25 Mar 2024 15:48:38 -0700
Subject: [PATCH 630/753] Updated text props for indirect tax form

---
 packages/mint-components/src/components.d.ts  | 252 ++++++++----------
 .../sqm-indirect-tax-form.tsx                 |  65 ++---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  64 ++---
 3 files changed, 165 insertions(+), 216 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 2ab8402aa5..238258659f 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -980,8 +980,8 @@ export namespace Components {
          */
         "backButton": string;
         /**
-          * 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
          */
         "cannotChangeInfoAlert": string;
         /**
@@ -1012,33 +1012,30 @@ export namespace Components {
          */
         "generalErrorTitle": string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
+          * @uiName Step 2 title
          */
         "indirectTax": string;
         /**
-          * 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
          */
         "indirectTaxDescription": string;
         /**
-          * 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
          */
         "indirectTaxDetails": string;
         /**
-          * Text shown below the indirect tax details heading text
-          * @uiName Indirect tax details subtext
+          * Displayed under the indirect tax details title.
+          * @uiName Indirect tax details section  description
          */
         "indirectTaxDetailsDescription": string;
         /**
-          * 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
          */
         "indirectTaxNumber": string;
         /**
-          * 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
          */
         "indirectTaxNumberError": string;
         /**
@@ -1052,13 +1049,13 @@ export namespace Components {
          */
         "isPartnerAlertHeader": string;
         /**
-          * 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
          */
         "isRegisteredQST": string;
         /**
-          * 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
          */
         "isRegisteredSubRegionIncomeTax": string;
         /**
@@ -1072,33 +1069,30 @@ export namespace Components {
          */
         "loadingErrorAlertHeader": string;
         /**
-          * 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
          */
         "notRegistered": string;
         /**
-          * 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
          */
         "notRegisteredSubtext": string;
         /**
-          * Text for the option indicating registration for indirect tax
-          * @uiName Registered for indirect tax option text
+          * @uiName Registered for indirect tax option
          */
         "otherRegion": string;
         /**
-          * 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
          */
         "otherRegionSubtext": string;
         /**
-          * Label text for the province input
-          * @uiName Province input label
+          * @uiName Province field label
          */
         "province": string;
         /**
-          * Label text for the QST number input field
-          * @uiName QST number input label
+          * Displayed to participants registered for QST.
+          * @uiName QST number field label
          */
         "qstNumber": string;
         /**
@@ -1107,18 +1101,16 @@ export namespace Components {
          */
         "searchForCountryText": string;
         /**
-          * Label text for the country/region select input
-          * @uiName Selected country/region label
+          * @uiName Region of indirect tax field label
          */
         "selectedRegion": string;
         /**
-          * Label text for the sub-region input field
+          * Displayed to participants registered in Spain.
           * @uiName Sub-region input label
          */
         "subRegion": string;
         /**
-          * Label text for the sub-region tax number input field
-          * @uiName Sub-region tax number input label
+          * @uiName Income tax field label
          */
         "subRegionTaxNumberLabel": string;
     }
@@ -4094,92 +4086,86 @@ export namespace Components {
          */
         "step1_termsAndConditionsLabel": string;
         /**
-          * 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
           * @uiGroup Step 2 Properties
          */
         "step2_cannotChangeInfoAlert": string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
+          * @uiName Step 2 title
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTax": string;
         /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
+          * Displayed under the title of this step.
+          * @uiName Step 2 description
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTaxDescription": string;
         /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
+          * Displayed with indirect tax registration options.
+          * @uiName Indirect tax details section title
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTaxDetails": string;
         /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
+          * Displayed under the indirect tax details title.
+          * @uiName Indirect tax details section  description
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTaxDetailsDescription": string;
         /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
+          * @uiName Indirect tax number field label
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTaxNumber": string;
         /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
+          * @uiName Missing indirect tax number error message
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTaxNumberError": string;
         /**
-          * Label text for the QST checkbox
-          * @uiName checkbox label
+          * Displayed to participants registered for indirect tax in Quebec, Canada.
+          * @uiName QST tax checkbox
           * @uiGroup Step 2 Properties
          */
         "step2_isRegisteredQST": string;
         /**
-          * Label text for Income Tax checkbox
-          * @uiName Income Tax checkbox label
+          * Displayed to participants registered for indirect tax in Spain.
+          * @uiName Spain income tax checkbox
           * @uiGroup Step 2 Properties
          */
         "step2_isRegisteredSubRegionIncomeTax": string;
         /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
+          * @uiName Not registered for indirect tax option
           * @uiGroup Step 2 Properties
          */
         "step2_notRegistered": string;
         /**
-          * 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
           * @uiGroup Step 2 Properties
          */
         "step2_notRegisteredSubtext": string;
         /**
-          * Label test for the option indicating registration for indirect tax
-          * @uiName Registered for indrect tax label
+          * @uiName Registered for indirect tax option
           * @uiGroup Step 2 Properties
          */
         "step2_otherRegion": string;
         /**
-          * 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
           * @uiGroup Step 2 Properties
          */
         "step2_otherRegionSubtext": string;
         /**
-          * Label text for the Province select input
-          * @uiName Province select input label
+          * @uiName Province field label
           * @uiGroup Step 2 Properties
          */
         "step2_province": string;
         /**
-          * Label text for the QST Tax Number input
-          * @uiName QST Tax Number input label
+          * Displayed to participants registered for QST.
+          * @uiName QST number field label
           * @uiGroup Step 2 Properties
          */
         "step2_qstNumber": string;
@@ -4189,20 +4175,18 @@ export namespace Components {
          */
         "step2_searchForCountryText": string;
         /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
+          * @uiName Region of indirect tax field label
           * @uiGroup Step 2 Properties
          */
         "step2_selectedRegion": string;
         /**
-          * Label text for Sub-region select
-          * @uiName for Sub-region select label
+          * Displayed to participants registered in Spain.
+          * @uiName Sub-region input label
           * @uiGroup Step 2 Properties
          */
         "step2_subRegion": string;
         /**
-          * Label text for the Sub-region Income Tax Number input
-          * @uiName Sub-region income Tax Number input label
+          * @uiName Income tax field label
           * @uiGroup Step 2 Properties
          */
         "step2_subRegionTaxNumberLabel": string;
@@ -6660,8 +6644,8 @@ declare namespace LocalJSX {
          */
         "backButton"?: string;
         /**
-          * 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
          */
         "cannotChangeInfoAlert"?: string;
         /**
@@ -6692,33 +6676,30 @@ declare namespace LocalJSX {
          */
         "generalErrorTitle"?: string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
+          * @uiName Step 2 title
          */
         "indirectTax"?: string;
         /**
-          * 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
          */
         "indirectTaxDescription"?: string;
         /**
-          * 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
          */
         "indirectTaxDetails"?: string;
         /**
-          * Text shown below the indirect tax details heading text
-          * @uiName Indirect tax details subtext
+          * Displayed under the indirect tax details title.
+          * @uiName Indirect tax details section  description
          */
         "indirectTaxDetailsDescription"?: string;
         /**
-          * 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
          */
         "indirectTaxNumber"?: string;
         /**
-          * 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
          */
         "indirectTaxNumberError"?: string;
         /**
@@ -6732,13 +6713,13 @@ declare namespace LocalJSX {
          */
         "isPartnerAlertHeader"?: string;
         /**
-          * 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
          */
         "isRegisteredQST"?: string;
         /**
-          * 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
          */
         "isRegisteredSubRegionIncomeTax"?: string;
         /**
@@ -6752,33 +6733,30 @@ declare namespace LocalJSX {
          */
         "loadingErrorAlertHeader"?: string;
         /**
-          * 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
          */
         "notRegistered"?: string;
         /**
-          * 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
          */
         "notRegisteredSubtext"?: string;
         /**
-          * Text for the option indicating registration for indirect tax
-          * @uiName Registered for indirect tax option text
+          * @uiName Registered for indirect tax option
          */
         "otherRegion"?: string;
         /**
-          * 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
          */
         "otherRegionSubtext"?: string;
         /**
-          * Label text for the province input
-          * @uiName Province input label
+          * @uiName Province field label
          */
         "province"?: string;
         /**
-          * Label text for the QST number input field
-          * @uiName QST number input label
+          * Displayed to participants registered for QST.
+          * @uiName QST number field label
          */
         "qstNumber"?: string;
         /**
@@ -6787,18 +6765,16 @@ declare namespace LocalJSX {
          */
         "searchForCountryText"?: string;
         /**
-          * Label text for the country/region select input
-          * @uiName Selected country/region label
+          * @uiName Region of indirect tax field label
          */
         "selectedRegion"?: string;
         /**
-          * Label text for the sub-region input field
+          * Displayed to participants registered in Spain.
           * @uiName Sub-region input label
          */
         "subRegion"?: string;
         /**
-          * Label text for the sub-region tax number input field
-          * @uiName Sub-region tax number input label
+          * @uiName Income tax field label
          */
         "subRegionTaxNumberLabel"?: string;
     }
@@ -9744,92 +9720,86 @@ declare namespace LocalJSX {
          */
         "step1_termsAndConditionsLabel"?: string;
         /**
-          * 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
           * @uiGroup Step 2 Properties
          */
         "step2_cannotChangeInfoAlert"?: string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Indirect tax heading text
+          * @uiName Step 2 title
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTax"?: string;
         /**
-          * Subtext shown at the top of the page
-          * @uiName Indirect tax sub text
+          * Displayed under the title of this step.
+          * @uiName Step 2 description
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTaxDescription"?: string;
         /**
-          * Heading text shown above the tax details radio buttons
-          * @uiName Indirect tax details heading
+          * Displayed with indirect tax registration options.
+          * @uiName Indirect tax details section title
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTaxDetails"?: string;
         /**
-          * Sub text shown above the tax details radio buttons
-          * @uiName Indirect tax details sub text
+          * Displayed under the indirect tax details title.
+          * @uiName Indirect tax details section  description
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTaxDetailsDescription"?: string;
         /**
-          * Label text for the Indirect Tax Number input
-          * @uiName Indirect Tax Number input label
+          * @uiName Indirect tax number field label
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTaxNumber"?: string;
         /**
-          * Error text shown below the Indirect Tax Number select input
-          * @uiName Indirect Tax Number error text
+          * @uiName Missing indirect tax number error message
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTaxNumberError"?: string;
         /**
-          * Label text for the QST checkbox
-          * @uiName checkbox label
+          * Displayed to participants registered for indirect tax in Quebec, Canada.
+          * @uiName QST tax checkbox
           * @uiGroup Step 2 Properties
          */
         "step2_isRegisteredQST"?: string;
         /**
-          * Label text for Income Tax checkbox
-          * @uiName Income Tax checkbox label
+          * Displayed to participants registered for indirect tax in Spain.
+          * @uiName Spain income tax checkbox
           * @uiGroup Step 2 Properties
          */
         "step2_isRegisteredSubRegionIncomeTax"?: string;
         /**
-          * Label text for the not registered radio button
-          * @uiName Not registered radio button label
+          * @uiName Not registered for indirect tax option
           * @uiGroup Step 2 Properties
          */
         "step2_notRegistered"?: string;
         /**
-          * 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
           * @uiGroup Step 2 Properties
          */
         "step2_notRegisteredSubtext"?: string;
         /**
-          * Label test for the option indicating registration for indirect tax
-          * @uiName Registered for indrect tax label
+          * @uiName Registered for indirect tax option
           * @uiGroup Step 2 Properties
          */
         "step2_otherRegion"?: string;
         /**
-          * 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
           * @uiGroup Step 2 Properties
          */
         "step2_otherRegionSubtext"?: string;
         /**
-          * Label text for the Province select input
-          * @uiName Province select input label
+          * @uiName Province field label
           * @uiGroup Step 2 Properties
          */
         "step2_province"?: string;
         /**
-          * Label text for the QST Tax Number input
-          * @uiName QST Tax Number input label
+          * Displayed to participants registered for QST.
+          * @uiName QST number field label
           * @uiGroup Step 2 Properties
          */
         "step2_qstNumber"?: string;
@@ -9839,20 +9809,18 @@ declare namespace LocalJSX {
          */
         "step2_searchForCountryText"?: string;
         /**
-          * Label text for the Selected Region select input
-          * @uiName Selected region select input label
+          * @uiName Region of indirect tax field label
           * @uiGroup Step 2 Properties
          */
         "step2_selectedRegion"?: string;
         /**
-          * Label text for Sub-region select
-          * @uiName for Sub-region select label
+          * Displayed to participants registered in Spain.
+          * @uiName Sub-region input label
           * @uiGroup Step 2 Properties
          */
         "step2_subRegion"?: string;
         /**
-          * Label text for the Sub-region Income Tax Number input
-          * @uiName Sub-region income Tax Number input label
+          * @uiName Income tax field label
           * @uiGroup Step 2 Properties
          */
         "step2_subRegionTaxNumberLabel"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 3594e44376..eed5b72851 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -33,102 +33,92 @@ export class IndirectTaxForm {
   @Prop() formStep: string = "Step {step} of {count}";
 
   /**
-   * Heading text shown at the top of the page
-   * @uiName Indirect tax heading text
+   * @uiName Step 2 title
    */
   @Prop() indirectTax: string = "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
    */
   @Prop() indirectTaxDescription: string =
     "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.";
 
   /**
-   * 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
    */
   @Prop() indirectTaxDetails: string = "Indirect tax details";
 
   /**
-   * Text shown below the indirect tax details heading text
-   * @uiName Indirect tax details subtext
+   * Displayed under the indirect tax details title.
+   * @uiName Indirect tax details section  description
    */
   @Prop() indirectTaxDetailsDescription: string =
     "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
    */
   @Prop() otherRegion: string = "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
    */
   @Prop() otherRegionSubtext: string =
     "If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more.";
 
   /**
-   * 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
    */
   @Prop() notRegistered: string = "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
    */
   @Prop() notRegisteredSubtext: string =
     "If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered.";
-
   /**
-   * Label text for the country/region select input
-   * @uiName Selected country/region label
+   * @uiName Region of indirect tax field label
    */
   @Prop() selectedRegion: string = "Country / region of indirect tax";
-
   /**
-   * Label text for the province input
-   * @uiName Province input label
+   * @uiName Province field label
    */
   @Prop() province: string = "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
    */
   @Prop() indirectTaxNumber: string =
     "{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
    */
   @Prop() qstNumber: string = "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
    */
   @Prop() isRegisteredQST: string = "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
    */
   @Prop() isRegisteredSubRegionIncomeTax: string =
     "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
+   * Displayed to participants registered in Spain.
    * @uiName Sub-region input label
    */
   @Prop() subRegion: string = "Sub-region";
   /**
-   * Label text for the sub-region tax number input field
-   * @uiName Sub-region tax number input label
+   * @uiName Income tax field label
    */
   @Prop() subRegionTaxNumberLabel: string = "Income tax number";
 
@@ -137,14 +127,13 @@ export class IndirectTaxForm {
    */
   @Prop() backButton: string = "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
    */
   @Prop() cannotChangeInfoAlert: string =
     "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
    */
   @Prop() indirectTaxNumberError: string =
     "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index e66b55e194..139531b345 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -94,118 +94,110 @@ export class TaxAndCashMonolith {
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 
   /**
-   * Heading text shown at the top of the page
-   * @uiName Indirect tax heading text
+   * @uiName Step 2 title
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_indirectTax: string = "Indirect Tax";
   /**
-   * Subtext shown at the top of the page
-   * @uiName Indirect tax sub text
+   * Displayed under the title of this step.
+   * @uiName Step 2 description
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_indirectTaxDescription: string =
     "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.";
   /**
-   * Heading text shown above the tax details radio buttons
-   * @uiName Indirect tax details heading
+   * Displayed with indirect tax registration options.
+   * @uiName Indirect tax details section title
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_indirectTaxDetails: string = "Indirect tax details";
   /**
-   * Sub text shown above the tax details radio buttons
-   * @uiName Indirect tax details sub text
+   * Displayed under the indirect tax details title.
+   * @uiName Indirect tax details section  description
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_indirectTaxDetailsDescription: string =
     "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.";
   /**
-   * Label test for the option indicating registration for indirect tax
-   * @uiName Registered for indrect tax label
+   * @uiName Registered for indirect tax option
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_otherRegion: string = "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
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_otherRegionSubtext: string =
     "If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more.";
   /**
-   * Label text for the not registered radio button
-   * @uiName Not registered radio button label
+   * @uiName Not registered for indirect tax option
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_notRegistered: string = "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
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_notRegisteredSubtext: string =
     "If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered.";
   /**
-   * Label text for the Selected Region select input
-   * @uiName Selected region select input label
+   * @uiName Region of indirect tax field label
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_selectedRegion: string = "Country / region of indirect tax";
   /**
-   * Label text for the Province select input
-   * @uiName Province select input label
+   * @uiName Province field label
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_province: string = "Province";
 
   /**
-   * Label text for the Indirect Tax Number input
-   * @uiName Indirect Tax Number input label
+   * @uiName Indirect tax number field label
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_indirectTaxNumber: string =
     "{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 Tax Number input
-   * @uiName QST Tax Number input label
+   * Displayed to participants registered for QST.
+   * @uiName QST number field label
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_qstNumber: string = "QST number";
   /**
-   * Label text for the QST checkbox
-   * @uiName checkbox label
+   * Displayed to participants registered for indirect tax in Quebec, Canada.
+   * @uiName QST tax checkbox
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_isRegisteredQST: string = "I am registered for QST Tax";
   /**
-   * Label text for Income Tax checkbox
-   * @uiName Income Tax checkbox label
+   * Displayed to participants registered for indirect tax in Spain.
+   * @uiName Spain income tax checkbox
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_isRegisteredSubRegionIncomeTax: string =
     "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 Sub-region select
-   * @uiName for Sub-region select label
+   * Displayed to participants registered in Spain.
+   * @uiName Sub-region input label
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_subRegion: string = "Sub-region";
   /**
-   * Label text for the Sub-region Income Tax Number input
-   * @uiName Sub-region income Tax Number input label
+   * @uiName Income tax field label
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_subRegionTaxNumberLabel: string = "Income Tax Number";
   /**
-   * 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
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_cannotChangeInfoAlert: string =
     "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 text shown below the Indirect Tax Number select input
-   * @uiName Indirect Tax Number error text
+   * @uiName Missing indirect tax number error message
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_indirectTaxNumberError: string =

From f09d0be4c17d0bbf490281aa638f673dfc2fccd4 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Mon, 25 Mar 2024 15:51:26 -0700
Subject: [PATCH 631/753] prop ui name updates

---
 packages/mint-components/src/components.d.ts  | 66 +++++++------------
 .../sqm-banking-info-form.tsx                 | 18 ++---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 19 ++----
 3 files changed, 38 insertions(+), 65 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 238258659f..6abbc201c2 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -309,28 +309,24 @@ export namespace Components {
          */
         "swiftCodeLabel": string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax and Payouts heading text
+          * @uiName Step 4 title
          */
         "taxAndPayouts": string;
         /**
-          * Text shown at the top of the page next to the tax and payouts label text
-          * @uiName Tax and Payouts label text
+          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * @uiName Page description
          */
         "taxAndPayoutsDescription": string;
         /**
-          * Label text for the Taxpayer ID input field
-          * @uiName Taxpayer ID input label
+          * @uiName Taxpayer ID field label
          */
         "taxPayerIdLabel": string;
         /**
-          * Text for the option to receive payments to a PayPal account with processing fee details
-          * @uiName PayPal option text with processing fee placeholder
+          * @uiName PayPal payout option
          */
         "toPayPalAccount": string;
         /**
-          * Label text for the VO code input field
-          * @uiName VO code input label
+          * @uiName VO code field label
          */
         "voCodeLabel": string;
     }
@@ -4512,32 +4508,27 @@ export namespace Components {
          */
         "step4_swiftCodeLabel": string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax and Payouts heading text
+          * @uiName Step 4 title
           * @uiGroup Step 4 Properties
          */
         "step4_taxAndPayouts": string;
         /**
-          * Text shown at the top of the page next to the tax and payouts label text
-          * @uiName Tax and Payouts label text
-          * @uiGroup Step 4 Properties
+          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * @uiName Page description
          */
         "step4_taxAndPayoutsDescription": string;
         /**
-          * Label text for the Taxpayer ID input field
-          * @uiName Taxpayer ID input label
+          * @uiName Taxpayer ID field label
           * @uiGroup Step 4 Properties
          */
         "step4_taxPayerIdLabel": string;
         /**
-          * Text for the option to receive payments to a PayPal account with processing fee details
-          * @uiName PayPal option text with processing fee placeholder
+          * @uiName PayPal payout option
           * @uiGroup Step 4 Properties
          */
         "step4_toPayPalAccount": string;
         /**
-          * Label text for the VO code input field
-          * @uiName VO code input label
+          * @uiName VO code field label
           * @uiGroup Step 4 Properties
          */
         "step4_voCodeLabel": string;
@@ -5972,28 +5963,24 @@ declare namespace LocalJSX {
          */
         "swiftCodeLabel"?: string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax and Payouts heading text
+          * @uiName Step 4 title
          */
         "taxAndPayouts"?: string;
         /**
-          * Text shown at the top of the page next to the tax and payouts label text
-          * @uiName Tax and Payouts label text
+          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * @uiName Page description
          */
         "taxAndPayoutsDescription"?: string;
         /**
-          * Label text for the Taxpayer ID input field
-          * @uiName Taxpayer ID input label
+          * @uiName Taxpayer ID field label
          */
         "taxPayerIdLabel"?: string;
         /**
-          * Text for the option to receive payments to a PayPal account with processing fee details
-          * @uiName PayPal option text with processing fee placeholder
+          * @uiName PayPal payout option
          */
         "toPayPalAccount"?: string;
         /**
-          * Label text for the VO code input field
-          * @uiName VO code input label
+          * @uiName VO code field label
          */
         "voCodeLabel"?: string;
     }
@@ -10146,32 +10133,27 @@ declare namespace LocalJSX {
          */
         "step4_swiftCodeLabel"?: string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax and Payouts heading text
+          * @uiName Step 4 title
           * @uiGroup Step 4 Properties
          */
         "step4_taxAndPayouts"?: string;
         /**
-          * Text shown at the top of the page next to the tax and payouts label text
-          * @uiName Tax and Payouts label text
-          * @uiGroup Step 4 Properties
+          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * @uiName Page description
          */
         "step4_taxAndPayoutsDescription"?: string;
         /**
-          * Label text for the Taxpayer ID input field
-          * @uiName Taxpayer ID input label
+          * @uiName Taxpayer ID field label
           * @uiGroup Step 4 Properties
          */
         "step4_taxPayerIdLabel"?: string;
         /**
-          * Text for the option to receive payments to a PayPal account with processing fee details
-          * @uiName PayPal option text with processing fee placeholder
+          * @uiName PayPal payout option
           * @uiGroup Step 4 Properties
          */
         "step4_toPayPalAccount"?: string;
         /**
-          * Label text for the VO code input field
-          * @uiName VO code input label
+          * @uiName VO code field label
           * @uiGroup Step 4 Properties
          */
         "step4_voCodeLabel"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index e762af3176..bd19aea08b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -38,14 +38,13 @@ export class BankingInfoForm {
   @Prop() formStep: string = "Step {step} of {count}";
 
   /**
-   * Heading text shown at the top of the page
-   * @uiName Tax and Payouts heading text
+   * @uiName Step 4 title
    */
-  @Prop() taxAndPayouts: string = "Tax and Payouts";
+  @Prop() taxAndPayouts: string = "Payouts";
 
   /**
-   * Text shown at the top of the page next to the tax and payouts label text
-   * @uiName Tax and Payouts label text
+   * Displayed at the top of the page on all set up steps and on the dashboard.
+   * @uiName Page description
    */
   @Prop() taxAndPayoutsDescription: string =
     "Submit your tax documents and add your banking information to receive your rewards.";
@@ -57,8 +56,7 @@ export class BankingInfoForm {
   @Prop() directlyToBankAccount: string = "Directly to my bank account";
 
   /**
-   * Text for the option to receive payments to a PayPal account with processing fee details
-   * @uiName PayPal option text with processing fee placeholder
+   * @uiName PayPal payout option
    */
   @Prop() toPayPalAccount: string =
     "PayPal (2% processing fee capped to {feeCap})";
@@ -213,8 +211,7 @@ export class BankingInfoForm {
   @Prop() patronymicNameLabel: string = "Patronymic name";
 
   /**
-   * Label text for the VO code input field
-   * @uiName VO code input label
+   * @uiName VO code field label
    */
   @Prop() voCodeLabel: string = "VO code";
 
@@ -237,8 +234,7 @@ export class BankingInfoForm {
   @Prop() classificationLabel: string = "Classification";
 
   /**
-   * Label text for the Taxpayer ID input field
-   * @uiName Taxpayer ID input label
+   * @uiName Taxpayer ID field label
    */
   @Prop() taxPayerIdLabel: string =
     "{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 139531b345..acbe3c2d99 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -330,15 +330,13 @@ export class TaxAndCashMonolith {
                     STEP 4 PROPS:
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
   /**
-   * Heading text shown at the top of the page
-   * @uiName Tax and Payouts heading text
+   * @uiName Step 4 title
    * @uiGroup Step 4 Properties
    */
-  @Prop() step4_taxAndPayouts: string = "Tax and Payouts";
+  @Prop() step4_taxAndPayouts: string = "Payouts";
   /**
-   * Text shown at the top of the page next to the tax and payouts label text
-   * @uiName Tax and Payouts label text
-   * @uiGroup Step 4 Properties
+   * Displayed at the top of the page on all set up steps and on the dashboard.
+   * @uiName Page description
    */
   @Prop() step4_taxAndPayoutsDescription: string =
     "Submit your tax documents and add your banking information to receive your rewards.";
@@ -349,8 +347,7 @@ export class TaxAndCashMonolith {
    */
   @Prop() step4_directlyToBankAccount: string = "Directly to my bank account";
   /**
-   * Text for the option to receive payments to a PayPal account with processing fee details
-   * @uiName PayPal option text with processing fee placeholder
+   * @uiName PayPal payout option
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_toPayPalAccount: string =
@@ -534,8 +531,7 @@ export class TaxAndCashMonolith {
   @Prop() step4_patronymicNameLabel: string = "Patronymic name";
 
   /**
-   * Label text for the VO code input field
-   * @uiName VO code input label
+   * @uiName VO code field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_voCodeLabel: string = "VO code";
@@ -562,8 +558,7 @@ export class TaxAndCashMonolith {
   @Prop() step4_classificationLabel: string = "Classification";
 
   /**
-   * Label text for the Taxpayer ID input field
-   * @uiName Taxpayer ID input label
+   * @uiName Taxpayer ID field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_taxPayerIdLabel: string = "Beneficiary INN";

From 77c77d435fd172f732f2fb8c33412ac004d60d2b Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 25 Mar 2024 16:00:31 -0700
Subject: [PATCH 632/753] fix spec text

---
 .../sqm-payout-details-card.feature                | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
index 3718460bb2..a413c0295a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.feature
@@ -29,13 +29,13 @@ Feature: Payout Details Card
         And the payout balance is <payoutBalance>
         And the bank account number preview is shown
         Examples:
-            | payoutSchedule    | payoutThreshold | payoutMessage                         | payoutBalance |
-            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD  | 0             |
-            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD  | 25            |
-            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is 50 USD  | 49            |
-            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 0             |
-            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 50            |
-            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is 100 USD | 99            |
+            | payoutSchedule    | payoutThreshold | payoutMessage                           | payoutBalance |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is USD50.00  | 0             |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is USD50.00  | 25            |
+            | BALANCE_THRESHOLD | 50 USD          | Payout occurs when balance is USD50.00  | 49            |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is USD100.00 | 0             |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is USD100.00 | 50            |
+            | BALANCE_THRESHOLD | 100 USD         | Payout occurs when balance is USD100.00 | 99            |
 
     @motivating
     Scenario Outline: Payout information is shown for users with a PayPal email configured for fixed day schedule

From 72f104a7faabeb05fc6ba76be8218d9f8eb0d273 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 25 Mar 2024 16:04:00 -0700
Subject: [PATCH 633/753] remove unused code

---
 .../small-views/DocusignCompletedView.tsx     | 42 -------------------
 .../small-views/SlotViews.stories.tsx         |  7 +---
 2 files changed, 1 insertion(+), 48 deletions(-)
 delete mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignCompletedView.tsx

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignCompletedView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignCompletedView.tsx
deleted file mode 100644
index 4a2a40abe7..0000000000
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignCompletedView.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { h } from "@stencil/core";
-import { createStyleSheet } from "../../../../styling/JSS";
-
-const style = {
-  Container: {
-    width: "100%",
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    padding: "20px",
-    gap: "10px",
-    maxWidth: "500px",
-    margin: "auto",
-    textAlign: "center",
-  },
-};
-
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-
-export const DocusignCompletedView = () => {
-  const { classes } = sheet;
-  return (
-    <div>
-      <style type="text/css">{styleString}</style>
-      {/* ZH: Need to figure out how to propify this text */}
-      <div class={classes.Container}>
-        <sl-icon
-          style={{
-            width: "50px",
-            height: "50px",
-            color: "var(--sl-color-success-600)",
-          }}
-          name="check2-circle"
-        ></sl-icon>
-        <p style={{ margin: "0" }}>
-          Your document has been completed and submitted
-        </p>
-      </div>
-    </div>
-  );
-};
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
index a9bb63b252..66aa8b86d1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/SlotViews.stories.tsx
@@ -1,12 +1,11 @@
 // @ts-nocheck
 import { h } from "@stencil/core";
 import { indirectDetailsSlotText } from "../defaultTextCopy";
+import { DocusignExpiredView } from "./DocusignExpiredView";
 import {
   IndirectDetailsSlotViewProps,
   OtherRegionSlotView,
 } from "./IndirectTaxDetailsView";
-import { DocusignExpiredView } from "./DocusignExpiredView";
-import { DocusignCompletedView } from "./DocusignCompletedView";
 
 export default {
   title: "Components/Tax Form Slot Views",
@@ -90,7 +89,3 @@ export const RegisteredInCanadaWithErrors = () => {
 export const DocusignExpired = () => {
   return <DocusignExpiredView />;
 };
-
-export const DocusignCompleted = () => {
-  return <DocusignCompletedView />;
-};

From 2ae7095aac949f0b5a3008ac0793b66d262cb672 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 25 Mar 2024 16:10:47 -0700
Subject: [PATCH 634/753] Updated docusign text props. Removed unused text
 props and added searchForCountry to general text props

---
 packages/mint-components/src/components.d.ts  | 334 +++++-------------
 .../sqm-banking-info-form.tsx                 |   2 +-
 .../docusign-iframe/DocusignIframe.tsx        |   1 -
 .../sqm-docusign-form-view.tsx                |   4 -
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  70 +---
 .../sqm-indirect-tax-form.tsx                 |   2 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 100 ++----
 .../sqm-user-info-form/sqm-user-info-form.tsx |   4 +-
 8 files changed, 144 insertions(+), 373 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 238258659f..0b8707b059 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -300,7 +300,7 @@ export namespace Components {
         "savingsSelectItemLabel": string;
         /**
           * Placeholder text displayed in the country search dropdown
-          * @uiName Search for country text
+          * @uiName Country field placeholder text
          */
         "searchForCountryText": string;
         /**
@@ -569,53 +569,33 @@ export namespace Components {
          */
         "banner": string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
+          * An option for the participant type field. Used to determine which W-8 form is required.
+          * @uiName Business representative participant type label
          */
         "businessEntity": string;
         /**
           * @uiName Cancel button label
          */
         "cancelButton": string;
-        /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-         */
-        "checkboxDescription": string;
-        /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-         */
-        "checkboxLabel": string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UseDocusignFormResult>;
         /**
-          * Text inside iframe when Docusign form is compelted
-          * @uiName Docusign completed text
-         */
-        "docusignCompleted": string;
-        /**
-          * Text inside iframe when Docusign form throws error
-          * @uiName Docusign error text
+          * This appears inside the Docusign frame.
+          * @uiName Docusign form error message
          */
         "docusignError": string;
         /**
-          * Text inside iframe when Docusign expires
-          * @uiName Docusign expired text
+          * Remind participants their session will time out after 20 minutes of inactivity.
+          * @uiName Docusign timed session message
          */
         "docusignExpired": string;
         /**
           * @uiName Setup progress
          */
         "formStep": string;
-        /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-         */
-        "formSubmissionError": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message description
@@ -627,8 +607,8 @@ export namespace Components {
          */
         "generalErrorTitle": string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
+          * An option for the participant type field. Used to determine which W-8 form is required.
+          * @uiName Individual participant type label
          */
         "individualParticipant": string;
         /**
@@ -642,43 +622,35 @@ export namespace Components {
          */
         "loadingErrorAlertHeader": string;
         /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-         */
-        "notBasedInUS": string;
-        /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
+          * @uiName Participant type field label
          */
         "participantType": string;
         /**
-          * Text shown inside of refresh button
-          * @uiName Refresh button text
+          * @uiName Refresh page button label
          */
         "refreshButton": string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
+          * @uiName Step 3 title
          */
         "taxForm": string;
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
+          * Displayed at the top of the page to participants based in the US.
+          * @uiName W-9 tax form description
          */
         "taxFormDescription": string;
         /**
-          * Subtext shown at the top of the page next to the document type text for business entities
-          * @uiName Tax form subtext
+          * Displayed at the top of the page to participants representing a business.
+          * @uiName W-8 BEN-E tax form description
          */
         "taxFormDescriptionBusinessEntity": string;
         /**
-          * Subtext shown at the top of the page next to the document type text for individual participants
-          * @uiName Tax form subtext
+          * Displayed at the top of the page to individuals joining a US program who reside outside the country.
+          * @uiName W-8 BEN tax form description
          */
         "taxFormDescriptionIndividualParticipant": string;
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
+          * Display the type of tax form that the participant must submit.
+          * @uiName Tax form name
          */
         "taxFormLabel": string;
     }
@@ -1097,7 +1069,7 @@ export namespace Components {
         "qstNumber": string;
         /**
           * Placeholder text displayed in the country search dropdown
-          * @uiName Search for country text
+          * @uiName Country field placeholder text
          */
         "searchForCountryText": string;
         /**
@@ -4029,6 +4001,11 @@ export namespace Components {
           * @uiGroup General Form Properties
          */
         "loadingErrorAlertHeader": string;
+        /**
+          * Placeholder text displayed in the country search dropdown
+          * @uiName Country field placeholder text
+         */
+        "searchForCountryText": string;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -4070,14 +4047,9 @@ export namespace Components {
           * @uiGroup Step 1 Properties
          */
         "step1_personalInformation": string;
-        /**
-          * Placeholder text displayed in the country search dropdown
-          * @uiName Search for country text
-         */
-        "step1_searchForCountryText": string;
         /**
           * Placeholder text displayed in the currency search dropdown
-          * @uiName Search for currency text
+          * @uiName Currency field placeholder text
          */
         "step1_searchForCurrencyText": string;
         /**
@@ -4169,11 +4141,6 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_qstNumber": string;
-        /**
-          * Placeholder text displayed in the country search dropdown
-          * @uiName Search for country text
-         */
-        "step2_searchForCountryText": string;
         /**
           * @uiName Region of indirect tax field label
           * @uiGroup Step 2 Properties
@@ -4197,92 +4164,65 @@ export namespace Components {
          */
         "step3_banner": string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
+          * An option for the participant type field. Used to determine which W-8 form is required.
+          * @uiName Business representative participant type label
           * @uiGroup Step 3 Properties
          */
         "step3_businessEntity": string;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-          * @uiGroup Step 3 Properties
-         */
-        "step3_checkboxDescription": string;
-        /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-          * @uiGroup Step 3 Properties
-         */
-        "step3_checkboxLabel": string;
-        /**
-          * Text inside iframe when Docusign form is completed
-          * @uiName Docusign completed text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_docusignCompleted": string;
-        /**
-          * Text inside iframe when Docusign form throws error
-          * @uiName Docusign error text *
+          * This appears inside the Docusign frame.
+          * @uiName Docusign form error message *
           * @uiGroup Step 3 Properties
          */
         "step3_docusignError": string;
         /**
-          * Text shown inside iframe when Docusign form expires
-          * @uiName Expired Docusign form text
+          * Remind participants their session will time out after 20 minutes of inactivity.
+          * @uiName Docusign timed session message
           * @uiGroup Step 3 Properties
          */
         "step3_docusignExpired": string;
         /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_formSubmissionError": string;
-        /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
+          * An option for the participant type field. Used to determine which W-8 form is required.
+          * @uiName Individual participant type label
           * @uiGroup Step 3 Properties
          */
         "step3_individualParticipant": string;
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
+          * @uiName Participant type field label
           * @uiGroup Step 3 Properties
          */
         "step3_participantType": string;
         /**
-          * Text shown inside of refresh button
-          * @uiName Refresh button text
+          * @uiName Refresh page button label
           * @uiGroup Step 3 Properties
          */
         "step3_refreshButton": string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
+          * @uiName Step 3 title
           * @uiGroup Step 3 Properties
          */
         "step3_taxForm": string;
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
+          * Displayed at the top of the page to participants based in the US.
+          * @uiName W-9 tax form description
           * @uiGroup Step 3 Properties
          */
         "step3_taxFormDescription": string;
         /**
-          * Subtext shown at the top of the page next to the document type text for business entities
-          * @uiName Tax form subtext
+          * Displayed at the top of the page to participants representing a business.
+          * @uiName W-8 BEN-E tax form description
           * @uiGroup Step 3 Properties
          */
         "step3_taxFormDescriptionBusinessEntity": string;
         /**
-          * Subtext shown at the top of the page next to the document type text for individual participants
-          * @uiName Tax form subtext
+          * Displayed at the top of the page to individuals joining a US program who reside outside the country.
+          * @uiName W-8 BEN tax form description
           * @uiGroup Step 3 Properties
          */
         "step3_taxFormDescriptionIndividualParticipant": string;
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
+          * Display the type of tax form that the participant must submit.
+          * @uiName Tax form name
           * @uiGroup Step 3 Properties
          */
         "step3_taxFormLabel": string;
@@ -4500,11 +4440,6 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_savingsSelectItemLabel": string;
-        /**
-          * Placeholder text displayed in the country search dropdown
-          * @uiName Search for country text
-         */
-        "step4_searchForCountryText": string;
         /**
           * Label text for the SWIFT code input field
           * @uiName SWIFT code input label
@@ -4541,12 +4476,6 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_voCodeLabel": string;
-        /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-          * @uiGroup Step 3 Properties
-         */
-        "stop3NotBasedInUS": string;
         /**
           * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Taxed amount column title
@@ -4914,12 +4843,12 @@ export namespace Components {
         "personalInformation": string;
         /**
           * Placeholder text displayed in the country search dropdown
-          * @uiName Search for country text
+          * @uiName Country field placeholder text
          */
         "searchForCountryText": string;
         /**
           * Placeholder text displayed in the currency search dropdown
-          * @uiName Search for currency text
+          * @uiName Currency field placeholder text
          */
         "searchForCurrencyText": string;
         /**
@@ -5963,7 +5892,7 @@ declare namespace LocalJSX {
         "savingsSelectItemLabel"?: string;
         /**
           * Placeholder text displayed in the country search dropdown
-          * @uiName Search for country text
+          * @uiName Country field placeholder text
          */
         "searchForCountryText"?: string;
         /**
@@ -6233,53 +6162,33 @@ declare namespace LocalJSX {
          */
         "banner"?: string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
+          * An option for the participant type field. Used to determine which W-8 form is required.
+          * @uiName Business representative participant type label
          */
         "businessEntity"?: string;
         /**
           * @uiName Cancel button label
          */
         "cancelButton"?: string;
-        /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-         */
-        "checkboxDescription"?: string;
-        /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-         */
-        "checkboxLabel"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UseDocusignFormResult>;
         /**
-          * Text inside iframe when Docusign form is compelted
-          * @uiName Docusign completed text
-         */
-        "docusignCompleted"?: string;
-        /**
-          * Text inside iframe when Docusign form throws error
-          * @uiName Docusign error text
+          * This appears inside the Docusign frame.
+          * @uiName Docusign form error message
          */
         "docusignError"?: string;
         /**
-          * Text inside iframe when Docusign expires
-          * @uiName Docusign expired text
+          * Remind participants their session will time out after 20 minutes of inactivity.
+          * @uiName Docusign timed session message
          */
         "docusignExpired"?: string;
         /**
           * @uiName Setup progress
          */
         "formStep"?: string;
-        /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-         */
-        "formSubmissionError"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message description
@@ -6291,8 +6200,8 @@ declare namespace LocalJSX {
          */
         "generalErrorTitle"?: string;
         /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
+          * An option for the participant type field. Used to determine which W-8 form is required.
+          * @uiName Individual participant type label
          */
         "individualParticipant"?: string;
         /**
@@ -6306,43 +6215,35 @@ declare namespace LocalJSX {
          */
         "loadingErrorAlertHeader"?: string;
         /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-         */
-        "notBasedInUS"?: string;
-        /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
+          * @uiName Participant type field label
          */
         "participantType"?: string;
         /**
-          * Text shown inside of refresh button
-          * @uiName Refresh button text
+          * @uiName Refresh page button label
          */
         "refreshButton"?: string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
+          * @uiName Step 3 title
          */
         "taxForm"?: string;
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
+          * Displayed at the top of the page to participants based in the US.
+          * @uiName W-9 tax form description
          */
         "taxFormDescription"?: string;
         /**
-          * Subtext shown at the top of the page next to the document type text for business entities
-          * @uiName Tax form subtext
+          * Displayed at the top of the page to participants representing a business.
+          * @uiName W-8 BEN-E tax form description
          */
         "taxFormDescriptionBusinessEntity"?: string;
         /**
-          * Subtext shown at the top of the page next to the document type text for individual participants
-          * @uiName Tax form subtext
+          * Displayed at the top of the page to individuals joining a US program who reside outside the country.
+          * @uiName W-8 BEN tax form description
          */
         "taxFormDescriptionIndividualParticipant"?: string;
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
+          * Display the type of tax form that the participant must submit.
+          * @uiName Tax form name
          */
         "taxFormLabel"?: string;
     }
@@ -6761,7 +6662,7 @@ declare namespace LocalJSX {
         "qstNumber"?: string;
         /**
           * Placeholder text displayed in the country search dropdown
-          * @uiName Search for country text
+          * @uiName Country field placeholder text
          */
         "searchForCountryText"?: string;
         /**
@@ -9663,6 +9564,11 @@ declare namespace LocalJSX {
           * @uiGroup General Form Properties
          */
         "loadingErrorAlertHeader"?: string;
+        /**
+          * Placeholder text displayed in the country search dropdown
+          * @uiName Country field placeholder text
+         */
+        "searchForCountryText"?: string;
         /**
           * Label text for tax and banking collection checkbox
           * @uiName Tax and banking label
@@ -9704,14 +9610,9 @@ declare namespace LocalJSX {
           * @uiGroup Step 1 Properties
          */
         "step1_personalInformation"?: string;
-        /**
-          * Placeholder text displayed in the country search dropdown
-          * @uiName Search for country text
-         */
-        "step1_searchForCountryText"?: string;
         /**
           * Placeholder text displayed in the currency search dropdown
-          * @uiName Search for currency text
+          * @uiName Currency field placeholder text
          */
         "step1_searchForCurrencyText"?: string;
         /**
@@ -9803,11 +9704,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_qstNumber"?: string;
-        /**
-          * Placeholder text displayed in the country search dropdown
-          * @uiName Search for country text
-         */
-        "step2_searchForCountryText"?: string;
         /**
           * @uiName Region of indirect tax field label
           * @uiGroup Step 2 Properties
@@ -9831,92 +9727,65 @@ declare namespace LocalJSX {
          */
         "step3_banner"?: string;
         /**
-          * Label text for the business entity radio button
-          * @uiName Business entity radio button label
+          * An option for the participant type field. Used to determine which W-8 form is required.
+          * @uiName Business representative participant type label
           * @uiGroup Step 3 Properties
          */
         "step3_businessEntity"?: string;
         /**
-          * Label text for the form submission checkbox
-          * @uiName Form submission checkbox label
-          * @uiGroup Step 3 Properties
-         */
-        "step3_checkboxDescription"?: string;
-        /**
-          * Heading text for the form submission checkbox
-          * @uiName Form submission checkbox heading
-          * @uiGroup Step 3 Properties
-         */
-        "step3_checkboxLabel"?: string;
-        /**
-          * Text inside iframe when Docusign form is completed
-          * @uiName Docusign completed text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_docusignCompleted"?: string;
-        /**
-          * Text inside iframe when Docusign form throws error
-          * @uiName Docusign error text *
+          * This appears inside the Docusign frame.
+          * @uiName Docusign form error message *
           * @uiGroup Step 3 Properties
          */
         "step3_docusignError"?: string;
         /**
-          * Text shown inside iframe when Docusign form expires
-          * @uiName Expired Docusign form text
+          * Remind participants their session will time out after 20 minutes of inactivity.
+          * @uiName Docusign timed session message
           * @uiGroup Step 3 Properties
          */
         "step3_docusignExpired"?: string;
         /**
-          * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-          * @uiName Form submission error text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_formSubmissionError"?: string;
-        /**
-          * Label text for the individual participant radio button
-          * @uiName Individual participant radio button label
+          * An option for the participant type field. Used to determine which W-8 form is required.
+          * @uiName Individual participant type label
           * @uiGroup Step 3 Properties
          */
         "step3_individualParticipant"?: string;
         /**
-          * Heading text for the participant type radio buttons
-          * @uiName Participant type radio buttons heading
+          * @uiName Participant type field label
           * @uiGroup Step 3 Properties
          */
         "step3_participantType"?: string;
         /**
-          * Text shown inside of refresh button
-          * @uiName Refresh button text
+          * @uiName Refresh page button label
           * @uiGroup Step 3 Properties
          */
         "step3_refreshButton"?: string;
         /**
-          * Heading text shown at the top of the page
-          * @uiName Tax form heading text
+          * @uiName Step 3 title
           * @uiGroup Step 3 Properties
          */
         "step3_taxForm"?: string;
         /**
-          * Subtext shown at the top of the page next to the document type text
-          * @uiName Tax form subtext
+          * Displayed at the top of the page to participants based in the US.
+          * @uiName W-9 tax form description
           * @uiGroup Step 3 Properties
          */
         "step3_taxFormDescription"?: string;
         /**
-          * Subtext shown at the top of the page next to the document type text for business entities
-          * @uiName Tax form subtext
+          * Displayed at the top of the page to participants representing a business.
+          * @uiName W-8 BEN-E tax form description
           * @uiGroup Step 3 Properties
          */
         "step3_taxFormDescriptionBusinessEntity"?: string;
         /**
-          * Subtext shown at the top of the page next to the document type text for individual participants
-          * @uiName Tax form subtext
+          * Displayed at the top of the page to individuals joining a US program who reside outside the country.
+          * @uiName W-8 BEN tax form description
           * @uiGroup Step 3 Properties
          */
         "step3_taxFormDescriptionIndividualParticipant"?: string;
         /**
-          * Text shown at the top of the page next to the document type text
-          * @uiName Tax form label text
+          * Display the type of tax form that the participant must submit.
+          * @uiName Tax form name
           * @uiGroup Step 3 Properties
          */
         "step3_taxFormLabel"?: string;
@@ -10134,11 +10003,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_savingsSelectItemLabel"?: string;
-        /**
-          * Placeholder text displayed in the country search dropdown
-          * @uiName Search for country text
-         */
-        "step4_searchForCountryText"?: string;
         /**
           * Label text for the SWIFT code input field
           * @uiName SWIFT code input label
@@ -10175,12 +10039,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_voCodeLabel"?: string;
-        /**
-          * Text shown in the link to the form for non US residents
-          * @uiName Not based in US link text
-          * @uiGroup Step 3 Properties
-         */
-        "stop3NotBasedInUS"?: string;
         /**
           * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Taxed amount column title
@@ -10547,12 +10405,12 @@ declare namespace LocalJSX {
         "personalInformation"?: string;
         /**
           * Placeholder text displayed in the country search dropdown
-          * @uiName Search for country text
+          * @uiName Country field placeholder text
          */
         "searchForCountryText"?: string;
         /**
           * Placeholder text displayed in the currency search dropdown
-          * @uiName Search for currency text
+          * @uiName Currency field placeholder text
          */
         "searchForCurrencyText"?: string;
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index e762af3176..73f6239726 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -276,7 +276,7 @@ export class BankingInfoForm {
 
   /**
    * Placeholder text displayed in the country search dropdown
-   * @uiName Search for country text
+   * @uiName Country field placeholder text
    */
   @Prop() searchForCountryText: string = "Search for country..";
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
index d0821139a4..b922a8b366 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
@@ -28,7 +28,6 @@ export interface DocusignIframeProps {
   };
   text: {
     docusignExpired: string;
-    docusignCompleted: string;
     docusignError: string;
     refreshButton: string;
   };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index b5be0c426c..6660795986 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -40,10 +40,7 @@ export interface DocusignFormViewProps {
     taxFormDescription: string;
     taxFormDescriptionIndividualParticipant: string;
     taxFormDescriptionBusinessEntity?: string;
-    notBasedInUS: string;
     banner: string;
-    checkboxLabel: string;
-    checkboxDescription: string;
     backButton: string;
     cancelButton: string;
     businessEntity: string;
@@ -52,7 +49,6 @@ export interface DocusignFormViewProps {
     error: {
       generalTitle: string;
       generalDescription: string;
-      formSubmission: string;
       participantType: string;
       loadingErrorAlertHeader: string;
       loadingErrorAlertDescription: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 6684a785a3..011026e88d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -30,38 +30,32 @@ export class DocusignForm {
    */
   @Prop() formStep: string = "Step {step} of {count}";
   /**
-   * Heading text shown at the top of the page
-   * @uiName Tax form heading text
+   * @uiName Step 3 title
    */
   @Prop() taxForm: string = "Tax form";
   /**
-   * Text shown at the top of the page next to the document type text
-   * @uiName Tax form label text
+   * Display the type of tax form that the participant must submit.
+   * @uiName Tax form name
    */
   @Prop() taxFormLabel: string = "{documentType} Tax Form";
   /**
-   * Subtext shown at the top of the page next to the document type text
-   * @uiName Tax form subtext
+   * Displayed at the top of the page to participants based in the US.
+   * @uiName W-9 tax form description
    */
   @Prop() taxFormDescription: string =
     "Participants based in the US need to submit a {documentType} form.";
   /**
-   * Subtext shown at the top of the page next to the document type text for individual participants
-   * @uiName Tax form subtext
+   * Displayed at the top of the page to individuals joining a US program who reside outside the country.
+   * @uiName W-8 BEN tax form description
    */
   @Prop() taxFormDescriptionIndividualParticipant: string =
     "Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form.";
   /**
-   * Subtext shown at the top of the page next to the document type text for business entities
-   * @uiName Tax form subtext
+   * Displayed at the top of the page to participants representing a business.
+   * @uiName W-8 BEN-E tax form description
    */
   @Prop() taxFormDescriptionBusinessEntity: string =
     "Participants residing outside of the US who represent a business entity need to submit a {documentType} form.";
-  /**
-   * Text shown in the link to the form for non US residents
-   * @uiName Not based in US link text
-   */
-  @Prop() notBasedInUS: string = "Not based in the US?";
   /**
    * Text shown in the banner above the document
    * @uiName Banner text
@@ -69,52 +63,33 @@ export class DocusignForm {
   @Prop() banner: string =
     "For your security, we automatically end your session when you have not interacted with the form after 20 minutes.";
   /**
-   * Heading text for the form submission checkbox
-   * @uiName Form submission checkbox heading
-   */
-  @Prop() checkboxLabel: string = "Form submission";
-  /**
-   * Label text for the form submission checkbox
-   * @uiName Form submission checkbox label
-   */
-  @Prop() checkboxDescription: string =
-    "I have completed and submitted my tax form";
-  /**
-   * Text inside iframe when Docusign expires
-   * @uiName Docusign expired text
+   * Remind participants their session will time out after 20 minutes of inactivity.
+   * @uiName Docusign timed session message
    */
   @Prop() docusignExpired: string =
     "For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.";
   /**
-   * Text inside iframe when Docusign form is compelted
-   * @uiName Docusign completed text
-   */
-  @Prop() docusignCompleted: string =
-    "Your document has been completed and submitted.";
-  /**
-   * Heading text for the participant type radio buttons
-   * @uiName Participant type radio buttons heading
+   * @uiName Participant type field label
    */
   @Prop() participantType: string = "Participant type";
   /**
-   * Label text for the business entity radio button
-   * @uiName Business entity radio button label
+   * An option for the participant type field. Used to determine which W-8 form is required.
+   * @uiName Business representative participant type label
    */
   @Prop() businessEntity: string = "I represent a business";
   /**
-   * Label text for the individual participant radio button
-   * @uiName Individual participant radio button label
+   * An option for the participant type field. Used to determine which W-8 form is required.
+   * @uiName Individual participant type label
    */
   @Prop() individualParticipant: string = "I am an individual participant";
   /**
-   * Text inside iframe when Docusign form throws error
-   * @uiName Docusign error text
+   * This appears inside the Docusign frame.
+   * @uiName Docusign form error message
    */
   @Prop() docusignError: string =
     "There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support.";
   /**
-   * Text shown inside of refresh button
-   * @uiName Refresh button text
+   * @uiName Refresh page button label
    */
   @Prop() refreshButton: string = "Refresh Page";
   /**
@@ -149,12 +124,6 @@ export class DocusignForm {
    */
   @Prop() loadingErrorAlertDescription: string =
     "Please refresh the page and try again. If this problem continues, contact Support.";
-  /**
-   * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-   *
-   * @uiName Form submission error text
-   */
-  @Prop() formSubmissionError: string = "This field is required";
   /**
    * @undocumented
    * @uiType object
@@ -175,7 +144,6 @@ export class DocusignForm {
       error: {
         generalTitle: props.generalErrorTitle,
         generalDescription: props.generalErrorDescription,
-        formSubmission: props.formSubmissionError,
         participantType: props.participantType,
         loadingErrorAlertHeader: props.loadingErrorAlertHeader,
         loadingErrorAlertDescription: props.loadingErrorAlertDescription,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index eed5b72851..337c645a3d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -140,7 +140,7 @@ export class IndirectTaxForm {
 
   /**
    * Placeholder text displayed in the country search dropdown
-   * @uiName Search for country text
+   * @uiName Country field placeholder text
    */
   @Prop() searchForCountryText: string = "Search for country..";
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 139531b345..ba6f1a65eb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -77,15 +77,9 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_termsAndConditionsLabel: string = "terms and conditions";
-
-  /**
-   * Placeholder text displayed in the country search dropdown
-   * @uiName Search for country text
-   */
-  @Prop() step1_searchForCountryText: string = "Search for country..";
   /**
    * Placeholder text displayed in the currency search dropdown
-   * @uiName Search for currency text
+   * @uiName Currency field placeholder text
    */
   @Prop() step1_searchForCurrencyText: string = "Search for currency..";
 
@@ -203,73 +197,59 @@ export class TaxAndCashMonolith {
   @Prop() step2_indirectTaxNumberError: string =
     "{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
-   */
-  @Prop() step2_searchForCountryText: string = "Search for country..";
-
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     STEP 3 PROPS:
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
   /**
-   * Heading text shown at the top of the page
-   * @uiName Tax form heading text
+   * @uiName Step 3 title
    * @uiGroup Step 3 Properties
    */
   @Prop() step3_taxForm: string = "Tax form";
   /**
-   * Text shown at the top of the page next to the document type text
-   * @uiName Tax form label text
+   * Display the type of tax form that the participant must submit.
+   * @uiName Tax form name
    * @uiGroup Step 3 Properties
    */
   @Prop() step3_taxFormLabel: string = "{documentType} Tax Form";
   /**
-   * Heading text for the participant type radio buttons
-   * @uiName Participant type radio buttons heading
+   * @uiName Participant type field label
    * @uiGroup Step 3 Properties
    */
   @Prop() step3_participantType: string = "Participant type";
   /**
-   * Label text for the business entity radio button
-   * @uiName Business entity radio button label
+   * An option for the participant type field. Used to determine which W-8 form is required.
+   * @uiName Business representative participant type label
    * @uiGroup Step 3 Properties
    */
   @Prop() step3_businessEntity: string = "I represent a business";
   /**
-   * Label text for the individual participant radio button
-   * @uiName Individual participant radio button label
+   * An option for the participant type field. Used to determine which W-8 form is required.
+   * @uiName Individual participant type label
    * @uiGroup Step 3 Properties
    */
   @Prop() step3_individualParticipant: string =
     "I am an individual participant";
   /**
-   * Subtext shown at the top of the page next to the document type text
-   * @uiName Tax form subtext
+   * Displayed at the top of the page to participants based in the US.
+   * @uiName W-9 tax form description
    * @uiGroup Step 3 Properties
    */
   @Prop() step3_taxFormDescription: string =
     "Participants based in the US need to submit a {documentType} form.";
   /**
-   * Subtext shown at the top of the page next to the document type text for individual participants
-   * @uiName Tax form subtext
+   * Displayed at the top of the page to individuals joining a US program who reside outside the country.
+   * @uiName W-8 BEN tax form description
    *  @uiGroup Step 3 Properties
    */
   @Prop() step3_taxFormDescriptionIndividualParticipant: string =
     "Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form.";
   /**
-   * Subtext shown at the top of the page next to the document type text for business entities
-   * @uiName Tax form subtext
+   * Displayed at the top of the page to participants representing a business.
+   * @uiName W-8 BEN-E tax form description
    *  @uiGroup Step 3 Properties
    */
   @Prop() step3_taxFormDescriptionBusinessEntity: string =
     "Participants residing outside of the US who represent a business entity need to submit a {documentType} form.";
-  /**
-   * Text shown in the link to the form for non US residents
-   * @uiName Not based in US link text
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() stop3NotBasedInUS: string = "Not based in the US?";
   /**
    * Text shown in the banner above the document
    * @uiName Banner text
@@ -278,54 +258,25 @@ export class TaxAndCashMonolith {
   @Prop() step3_banner: string =
     "For your security, we automatically end your session when you have not interacted with the form after 20 minutes.";
   /**
-   * Heading text for the form submission checkbox
-   * @uiName Form submission checkbox heading
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_checkboxLabel: string = "Form submission";
-  /**
-   * Label text for the form submission checkbox
-   * @uiName Form submission checkbox label
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_checkboxDescription: string =
-    "I have completed and submitted my tax form";
-  /**
-   * Text shown inside iframe when Docusign form expires
-   * @uiName Expired Docusign form text
+   * Remind participants their session will time out after 20 minutes of inactivity.
+   * @uiName Docusign timed session message
    * @uiGroup Step 3 Properties
    */
   @Prop() step3_docusignExpired: string =
     "For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.";
   /**
-   * Text inside iframe when Docusign form is completed
-   * @uiName Docusign completed text
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_docusignCompleted: string =
-    "Your document has been completed and submitted.";
-  /**
-   * Text inside iframe when Docusign form throws error
-   * @uiName Docusign error text
+   * This appears inside the Docusign frame.
+   * @uiName Docusign form error message
    * * @uiGroup Step 3 Properties
    */
   @Prop() step3_docusignError: string =
     "There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support.";
   /**
-   * Text shown inside of refresh button
-   * @uiName Refresh button text
+   * @uiName Refresh page button label
    * @uiGroup Step 3 Properties
    */
   @Prop() step3_refreshButton: string = "Refresh Page";
 
-  /**
-   * The error message shown at the bottom of the page if the user has not checked the form submission checkbox
-   *
-   * @uiName Form submission error text
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_formSubmissionError: string = "This field is required";
-
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     STEP 4 PROPS:
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -613,12 +564,6 @@ export class TaxAndCashMonolith {
   @Prop() step4_fxWireProcessingFeeLabel: string =
     "FX Wire (Processing Fee {currency}{defaultFxFee}.00)";
 
-  /**
-   * Placeholder text displayed in the country search dropdown
-   * @uiName Search for country text
-   */
-  @Prop() step4_searchForCountryText: string = "Search for country..";
-
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     DASHBOARD PROPS:
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -946,6 +891,11 @@ export class TaxAndCashMonolith {
    */
   @Prop() isPartnerAlertDescription: string =
     "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.";
+  /**
+   * Placeholder text displayed in the country search dropdown
+   * @uiName Country field placeholder text
+   */
+  @Prop() searchForCountryText: string = "Search for country..";
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Page load error message title
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 5da36f3aa5..5c3e9c7986 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -94,12 +94,12 @@ export class TaxForm {
   @Prop() termsAndConditionsLabel: string = "terms and conditions";
   /**
    * Placeholder text displayed in the country search dropdown
-   * @uiName Search for country text
+   * @uiName Country field placeholder text
    */
   @Prop() searchForCountryText: string = "Search for country..";
   /**
    * Placeholder text displayed in the currency search dropdown
-   * @uiName Search for currency text
+   * @uiName Currency field placeholder text
    */
   @Prop() searchForCurrencyText: string = "Search for currency..";
   /**

From 0cf66d7239f587c5293bbbf560ef0ccdb4895ce2 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 25 Mar 2024 16:13:56 -0700
Subject: [PATCH 635/753] more complete spec

---
 .../sqm-tax-and-cash-dashboard.feature        | 37 ++++++++++---------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
index 44172e113c..fa74b23beb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
@@ -22,7 +22,7 @@ Feature: Tax And Cash Dashboard
     Given they submitted a W9/W8-BEN/W8-BEN-E tax form
     Then the Tax Form header displays "<documentType> tax form"
 
-    Examples: 
+    Examples:
       | documentType |
       | W9           |
       | W8 BEN       |
@@ -40,7 +40,7 @@ Feature: Tax And Cash Dashboard
     Then they see a badge with <status> text and a respective <badgeVariant>
     Then they see the message "<taxStatusMessage> on <dateSubmitted>"
 
-    Examples: 
+    Examples:
       | status       | badgeVariant | taxStatusMessage                                           | dateSubmitted |
       | ACTIVE       | success      | Submitted                                                  | Jan 17, 2024  |
       | NOT_VERIFIED | neutral      | Awaiting Review. Submitted                                 | Jan 17, 2024  |
@@ -58,15 +58,15 @@ Feature: Tax And Cash Dashboard
     When the participant <isRegistered> for indirect tax in their <country> and region <region>
     Then the Indirect Tax section will display <registeredDetails>, <indirectTaxType>, and <indirectTaxNumber>
 
-    Examples: 
+    Examples:
       | isRegistered | country          | region           | registeredDetails                                                                                                                                             | indirectTaxType        | indirectTaxNumber |
-      | true         | Australia        | n/a              | Registered in Australia.                                                                                                                                      | GST                    |            123456 |
-      | true         | Canada           | Ontario          | Registered in Ontario, Canada.                                                                                                                                | GST                    |            345213 |
-      | true         | Canada           | British Columbia | Registered in British Columbia, Canada.                                                                                                                       | HST                    |            345213 |
-      | true         | Canada           | Quebec           | Registered in Quebec, Canada.                                                                                                                                 | GST, QST               |     345213, 12312 |
-      | true         | United Kingdom   | n/a              | Registered in United Kingdom.                                                                                                                                 | VAT                    |            321413 |
-      | true         | Spain            | Spain Proper     | Registered in Spain, Spain Proper.                                                                                                                            | VAT, Income tax number |     345213, 12345 |
-      | true         | Spain            | Canary Islands   | Registered in Spain, Canary Islands.                                                                                                                          | VAT, Income tax number |     345213, 12345 |
+      | true         | Australia        | n/a              | Registered in Australia.                                                                                                                                      | GST                    | 123456            |
+      | true         | Canada           | Ontario          | Registered in Ontario, Canada.                                                                                                                                | GST                    | 345213            |
+      | true         | Canada           | British Columbia | Registered in British Columbia, Canada.                                                                                                                       | HST                    | 345213            |
+      | true         | Canada           | Quebec           | Registered in Quebec, Canada.                                                                                                                                 | GST, QST               | 345213, 12312     |
+      | true         | United Kingdom   | n/a              | Registered in United Kingdom.                                                                                                                                 | VAT                    | 321413            |
+      | true         | Spain            | Spain Proper     | Registered in Spain, Spain Proper.                                                                                                                            | VAT, Income tax number | 345213, 12345     |
+      | true         | Spain            | Canary Islands   | Registered in Spain, Canary Islands.                                                                                                                          | VAT, Income tax number | 345213, 12345     |
       | false        | United States    | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
       | false        | United States    | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
       | false        | Papua New Guinea | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
@@ -78,7 +78,7 @@ Feature: Tax And Cash Dashboard
     And they <doHaveIncomeTaxNumber> from step 2
     Then the indirect tax section displays <indirectTaxNumbers>
 
-    Examples: 
+    Examples:
       | registeredDetails    | subRegion      | doHaveIncomeTaxNumber | indirectTaxNumbers            |
       | Registered in Spain, | Spain Proper   | true                  | VAT number, Income tax number |
       | Registered in Spain, | Canary Islands | false                 | VAT number, N/A               |
@@ -88,7 +88,7 @@ Feature: Tax And Cash Dashboard
     Given the document has status <status>
     Then a danger alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> appears
 
-    Examples: 
+    Examples:
       | status     | documentType | taxAlertHeader                                                             | taxAlertMessage                                                                                                                 |
       | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile. | Please resubmit a new W9 form.                                                                                                  |
       | NOT_ACTIVE | W8-BEN       | W8-BEN tax form is invalid.                                                | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form.   |
@@ -108,7 +108,7 @@ Feature: Tax And Cash Dashboard
     And they are viewing the Payout section
     Then they <maySee> the "Edit Payout Information" button
 
-    Examples: 
+    Examples:
       | brandPartnerType          | maySee     |
       | an existing brand partner | do not see |
       | a new brand partner       | do see     |
@@ -118,12 +118,13 @@ Feature: Tax And Cash Dashboard
     Given the user can click the "Edit Payout Information" button
     When they click the "Edit Payout Information" button
     Then they are redirected to the Banking Info form step
+    And the user has <paymentMethod> saved
     And the following fields are auto-filled if they exist
-      | field            |
-      | bankCountry      |
-      | paymentMethod    |
-      | paymentDay       |
-      | paymentThreshold |
+      | paymentMethod          | field            |
+      | BANK_TRANSFER          | bankCountry      |
+      | BANK_TRANSFER / PAYPAL | paymentDay       |
+      | BANK_TRANSFER / PAYPAL | paymentThreshold |
+      | PAYPAL                 | paypalEmail      |
 
   @minutia
   Scenario: Submit New Tax Document Form

From 6b8862a187658b164b0831fca627054309ab726f Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 25 Mar 2024 16:16:14 -0700
Subject: [PATCH 636/753] typo fix

---
 .../sqm-tax-and-cash-dashboard.feature                          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
index fa74b23beb..f361af92cd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
@@ -103,7 +103,7 @@ Feature: Tax And Cash Dashboard
 
   @minutia
   Scenario Outline: Non-existing brand partners can edit their payout information
-    Given a particiapnt has filled out their payout information
+    Given a participant has filled out their payout information
     And they are <brandPartnerType>
     And they are viewing the Payout section
     Then they <maySee> the "Edit Payout Information" button

From 7db9aebcbc3fdefe0b65a4980dc28c13fc4b2d4c Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 25 Mar 2024 16:31:24 -0700
Subject: [PATCH 637/753] update missing subheader text on steps/dashboard,
 publish

---
 packages/mint-components/package.json         |   2 +-
 packages/mint-components/src/components.d.ts  |  60 +++-
 .../sqm-banking-info-form/readme.md           | 112 +++----
 .../tax-and-cash/sqm-docusign-form/readme.md  |  50 ++--
 .../sqm-docusign-form-view.tsx                |   8 +
 .../sqm-docusign-form/sqm-docusign-form.tsx   |   8 +
 .../sqm-indirect-tax-form/readme.md           |  65 ++--
 .../sqm-indirect-tax-form-view.tsx            |   8 +
 .../sqm-indirect-tax-form.tsx                 |  18 +-
 .../sqm-payout-details-card/readme.md         |  16 +-
 .../sqm-tax-and-cash-dashboard/readme.md      |  89 +++---
 .../sqm-tax-and-cash-dashboard-view.tsx       |   8 +
 .../sqm-tax-and-cash-dashboard.tsx            |   7 +
 .../tax-and-cash/sqm-tax-and-cash/readme.md   | 277 +++++++++---------
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  13 +-
 .../tax-and-cash/sqm-user-info-form/readme.md |  47 +--
 .../sqm-user-info-form-view.tsx               |   8 +
 .../sqm-user-info-form/sqm-user-info-form.tsx |   6 +
 18 files changed, 447 insertions(+), 355 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 5b034528c6..f74372df0e 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-109",
+  "version": "1.8.0-110",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index bd0c77b9e0..7d740151f7 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -625,6 +625,11 @@ export namespace Components {
           * @uiName Refresh page button label
          */
         "refreshButton": string;
+        /**
+          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * @uiName Page description
+         */
+        "taxAndPayoutsDescription": string;
         /**
           * @uiName Step 3 title
          */
@@ -1081,6 +1086,11 @@ export namespace Components {
           * @uiName Income tax field label
          */
         "subRegionTaxNumberLabel": string;
+        /**
+          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * @uiName Page description
+         */
+        "taxAndPayoutsDescription": string;
     }
     interface SqmInputField {
         /**
@@ -4447,11 +4457,6 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_taxAndPayouts": string;
-        /**
-          * Displayed at the top of the page on all set up steps and on the dashboard.
-          * @uiName Page description
-         */
-        "step4_taxAndPayoutsDescription": string;
         /**
           * @uiName Taxpayer ID field label
           * @uiGroup Step 4 Properties
@@ -4467,6 +4472,11 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_voCodeLabel": string;
+        /**
+          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * @uiName Page description
+         */
+        "taxAndPayoutsDescription": string;
         /**
           * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Taxed amount column title
@@ -4654,6 +4664,11 @@ export namespace Components {
           * @uiName Inactive W-9 error message description
          */
         "taxAlertNotActiveMessageW9"?: string;
+        /**
+          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * @uiName Page description
+         */
+        "taxAndPayoutsDescription": string;
         /**
           * @uiName Tax document section header
          */
@@ -4842,6 +4857,11 @@ export namespace Components {
           * @uiName Currency field placeholder text
          */
         "searchForCurrencyText": string;
+        /**
+          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * @uiName Page description
+         */
+        "taxAndPayoutsDescription": string;
         /**
           * @uiName Terms and conditions checkbox
          */
@@ -6209,6 +6229,11 @@ declare namespace LocalJSX {
           * @uiName Refresh page button label
          */
         "refreshButton"?: string;
+        /**
+          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * @uiName Page description
+         */
+        "taxAndPayoutsDescription"?: string;
         /**
           * @uiName Step 3 title
          */
@@ -6665,6 +6690,11 @@ declare namespace LocalJSX {
           * @uiName Income tax field label
          */
         "subRegionTaxNumberLabel"?: string;
+        /**
+          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * @uiName Page description
+         */
+        "taxAndPayoutsDescription"?: string;
     }
     interface SqmInputField {
         /**
@@ -10001,11 +10031,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_taxAndPayouts"?: string;
-        /**
-          * Displayed at the top of the page on all set up steps and on the dashboard.
-          * @uiName Page description
-         */
-        "step4_taxAndPayoutsDescription"?: string;
         /**
           * @uiName Taxpayer ID field label
           * @uiGroup Step 4 Properties
@@ -10021,6 +10046,11 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_voCodeLabel"?: string;
+        /**
+          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * @uiName Page description
+         */
+        "taxAndPayoutsDescription"?: string;
         /**
           * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Taxed amount column title
@@ -10208,6 +10238,11 @@ declare namespace LocalJSX {
           * @uiName Inactive W-9 error message description
          */
         "taxAlertNotActiveMessageW9"?: string;
+        /**
+          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * @uiName Page description
+         */
+        "taxAndPayoutsDescription"?: string;
         /**
           * @uiName Tax document section header
          */
@@ -10395,6 +10430,11 @@ declare namespace LocalJSX {
           * @uiName Currency field placeholder text
          */
         "searchForCurrencyText"?: string;
+        /**
+          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * @uiName Page description
+         */
+        "taxAndPayoutsDescription"?: string;
         /**
           * @uiName Terms and conditions checkbox
          */
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 5d8a5957e9..35373243d2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -5,62 +5,62 @@
 
 ## Properties
 
-| Property                              | Attribute                                   | Description                                                                             | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default                                                                                                                                                                                                                         |
-| ------------------------------------- | ------------------------------------------- | --------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Agency code"`                                                                                                                                                                                                                 |
-| `backButton`                          | `back-button`                               | Text for the back button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Save"`                                                                                                                                                                                                                        |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account number"`                                                                                                                                                                                                         |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account type"`                                                                                                                                                                                                           |
-| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank address"`                                                                                                                                                                                                                |
-| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank city"`                                                                                                                                                                                                                   |
-| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank country location"`                                                                                                                                                                                                       |
-| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Name"`                                                                                                                                                                                                                   |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank postal code"`                                                                                                                                                                                                            |
-| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank province/state"`                                                                                                                                                                                                         |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Beneficiary account name"`                                                                                                                                                                                                    |
-| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Branch code"`                                                                                                                                                                                                                 |
-| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Business"`                                                                                                                                                                                                                    |
-| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Checking"`                                                                                                                                                                                                                    |
-| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification CPF"`                                                                                                                                                                                                          |
-| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification Entity"`                                                                                                                                                                                                       |
-| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification"`                                                                                                                                                                                                              |
-| `continueButton`                      | `continue-button`                           | Text for the save button in the form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Save"`                                                                                                                                                                                                                        |
-| `demoData`                            | --                                          |                                                                                         | `{ states?: { step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; allCountries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; countrySearch?: string; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }` | `undefined`                                                                                                                                                                                                                     |
-| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Directly to my bank account"`                                                                                                                                                                                                 |
-| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"EFT withdrawal (free)"`                                                                                                                                                                                                       |
-| `fieldInvalidError`                   | `field-invalid-error`                       | Invalid error text shown at the bottom of field inputs                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is invalid"`                                                                                                                                                                                                      |
-| `fieldRequiredError`                  | `field-required-error`                      | Required error text shown at the bottom of field inputs                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is required"`                                                                                                                                                                                                     |
-| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Foreign"`                                                                                                                                                                                                                     |
-| `formStep`                            | `form-step`                                 | Subtext shown at the top of the page, used to show the current step of the tax form.    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Step {step} of {count}"`                                                                                                                                                                                                      |
-| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                        |
-| `generalErrorDescription`             | `general-error-description`                 | Description text for a general form submission error                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                   |
-| `generalErrorTitle`                   | `general-error-title`                       | Title text for a general form submission error                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem submitting your information"`                                                                                                                                                                             |
-| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"IBAN"`                                                                                                                                                                                                                        |
-| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Individual"`                                                                                                                                                                                                                  |
-| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Description text for the alert when the user is identified as a partner                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                            |
-| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Header text for the alert when the user is identified as a partner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                    |
-| `loadingErrorAlertDescription`        | `loading-error-alert-description`           | Alert description shown if there is a problem loading a form                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                          |
-| `loadingErrorAlertHeader`             | `loading-error-alert-header`                | Alert header shown if there is a problem loading a form                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem loading your form"`                                                                                                                                                                                       |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Patronymic name"`                                                                                                                                                                                                             |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal email"`                                                                                                                                                                                                                |
-| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"15th of the month"`                                                                                                                                                                                                           |
-| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"1st of the month"`                                                                                                                                                                                                            |
-| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Day"`                                                                                                                                                                                                                 |
-| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment method"`                                                                                                                                                                                                              |
-| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                         |
-| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment schedule"`                                                                                                                                                                                                            |
-| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                  |
-| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me on a fixed day of the month"`                                                                                                                                                                                          |
-| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Threshold"`                                                                                                                                                                                                           |
-| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"` |
-| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Savings"`                                                                                                                                                                                                                     |
-| `searchForCountryText`                | `search-for-country-text`                   | Placeholder text displayed in the country search dropdown                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Search for country.."`                                                                                                                                                                                                        |
-| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"SWIFT code"`                                                                                                                                                                                                                  |
-| `taxAndPayouts`                       | `tax-and-payouts`                           | Heading text shown at the top of the page                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Tax and Payouts"`                                                                                                                                                                                                             |
-| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Text shown at the top of the page next to the tax and payouts label text                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                         |
-| `taxPayerIdLabel`                     | `tax-payer-id-label`                        | Label text for the Taxpayer ID input field                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                         |
-| `toPayPalAccount`                     | `to-pay-pal-account`                        | Text for the option to receive payments to a PayPal account with processing fee details | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                               |
-| `voCodeLabel`                         | `vo-code-label`                             | Label text for the VO code input field                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"VO code"`                                                                                                                                                                                                                     |
+| Property                              | Attribute                                   | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default                                                                                                                                                                                                                         |
+| ------------------------------------- | ------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Agency code"`                                                                                                                                                                                                                 |
+| `backButton`                          | `back-button`                               | Text for the back button in the form                                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Back"`                                                                                                                                                                                                                        |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account number"`                                                                                                                                                                                                         |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account type"`                                                                                                                                                                                                           |
+| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank address"`                                                                                                                                                                                                                |
+| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank city"`                                                                                                                                                                                                                   |
+| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank country location"`                                                                                                                                                                                                       |
+| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Name"`                                                                                                                                                                                                                   |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank postal code"`                                                                                                                                                                                                            |
+| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank province/state"`                                                                                                                                                                                                         |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Beneficiary account name"`                                                                                                                                                                                                    |
+| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Branch code"`                                                                                                                                                                                                                 |
+| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Business"`                                                                                                                                                                                                                    |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Checking"`                                                                                                                                                                                                                    |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification CPF"`                                                                                                                                                                                                          |
+| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification Entity"`                                                                                                                                                                                                       |
+| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification"`                                                                                                                                                                                                              |
+| `continueButton`                      | `continue-button`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Save"`                                                                                                                                                                                                                        |
+| `demoData`                            | --                                          |                                                                                                                      | `{ states?: { step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; allCountries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; countrySearch?: string; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }` | `undefined`                                                                                                                                                                                                                     |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Directly to my bank account"`                                                                                                                                                                                                 |
+| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"EFT withdrawal (free)"`                                                                                                                                                                                                       |
+| `fieldInvalidError`                   | `field-invalid-error`                       | Displayed under a field when it has an invalid entry.                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is invalid"`                                                                                                                                                                                                      |
+| `fieldRequiredError`                  | `field-required-error`                      | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is required"`                                                                                                                                                                                                     |
+| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Foreign"`                                                                                                                                                                                                                     |
+| `formStep`                            | `form-step`                                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Step {step} of {count}"`                                                                                                                                                                                                      |
+| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                        |
+| `generalErrorDescription`             | `general-error-description`                 | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                   |
+| `generalErrorTitle`                   | `general-error-title`                       | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem submitting your information"`                                                                                                                                                                             |
+| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"IBAN"`                                                                                                                                                                                                                        |
+| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Individual"`                                                                                                                                                                                                                  |
+| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                            |
+| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                    |
+| `loadingErrorAlertDescription`        | `loading-error-alert-description`           | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                          |
+| `loadingErrorAlertHeader`             | `loading-error-alert-header`                | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem loading your form"`                                                                                                                                                                                       |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Patronymic name"`                                                                                                                                                                                                             |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal email"`                                                                                                                                                                                                                |
+| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"15th of the month"`                                                                                                                                                                                                           |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"1st of the month"`                                                                                                                                                                                                            |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Day"`                                                                                                                                                                                                                 |
+| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment method"`                                                                                                                                                                                                              |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                         |
+| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment schedule"`                                                                                                                                                                                                            |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                  |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me on a fixed day of the month"`                                                                                                                                                                                          |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Threshold"`                                                                                                                                                                                                           |
+| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"` |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Savings"`                                                                                                                                                                                                                     |
+| `searchForCountryText`                | `search-for-country-text`                   | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Search for country.."`                                                                                                                                                                                                        |
+| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"SWIFT code"`                                                                                                                                                                                                                  |
+| `taxAndPayouts`                       | `tax-and-payouts`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payouts"`                                                                                                                                                                                                                     |
+| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                         |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                         |
+| `toPayPalAccount`                     | `to-pay-pal-account`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                               |
+| `voCodeLabel`                         | `vo-code-label`                             |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"VO code"`                                                                                                                                                                                                                     |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index 967f9c294e..0c2550470e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,33 +7,29 @@
 
 ## Properties
 
-| Property                                  | Attribute                                     | Description                                                                                                | Type                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                            |
-| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `backButton`                              | `back-button`                                 | Text shown inside of back button                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Back"`                                                                                                                                                           |
-| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
-| `businessEntity`                          | `business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I represent a business"`                                                                                                                                         |
-| `cancelButton`                            | `cancel-button`                               | Text shown inside of cancel button                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Cancel"`                                                                                                                                                         |
-| `checkboxDescription`                     | `checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I have completed and submitted my tax form"`                                                                                                                     |
-| `checkboxLabel`                           | `checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Form submission"`                                                                                                                                                |
-| `demoData`                                | --                                            |                                                                                                            | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
-| `docusignCompleted`                       | `docusign-completed`                          | Text inside iframe when Docusign form is compelted                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Your document has been completed and submitted."`                                                                                                                |
-| `docusignError`                           | `docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
-| `docusignExpired`                         | `docusign-expired`                            | Text inside iframe when Docusign expires                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
-| `formStep`                                | `form-step`                                   | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                         |
-| `formSubmissionError`                     | `form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"This field is required"`                                                                                                                                         |
-| `generalErrorDescription`                 | `general-error-description`                   | The error message shown at the top of the page in an error banner                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
-| `generalErrorTitle`                       | `general-error-title`                         | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                |
-| `individualParticipant`                   | `individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am an individual participant"`                                                                                                                                 |
-| `loadingErrorAlertDescription`            | `loading-error-alert-description`             | Alert description shown if there is a problem loading a form                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                             |
-| `loadingErrorAlertHeader`                 | `loading-error-alert-header`                  | Alert header shown if there is a problem loading a form                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                          |
-| `notBasedInUS`                            | `not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Not based in the US?"`                                                                                                                                           |
-| `participantType`                         | `participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participant type"`                                                                                                                                               |
-| `refreshButton`                           | `refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Refresh Page"`                                                                                                                                                   |
-| `taxForm`                                 | `tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Tax form"`                                                                                                                                                       |
-| `taxFormDescription`                      | `tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
-| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
-| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
-| `taxFormLabel`                            | `tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{documentType} Tax Form"`                                                                                                                                        |
+| Property                                  | Attribute                                     | Description                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                            |
+| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `backButton`                              | `back-button`                                 |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Back"`                                                                                                                                                           |
+| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
+| `businessEntity`                          | `business-entity`                             | An option for the participant type field. Used to determine which W-8 form is required.              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I represent a business"`                                                                                                                                         |
+| `cancelButton`                            | `cancel-button`                               |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Cancel"`                                                                                                                                                         |
+| `demoData`                                | --                                            |                                                                                                      | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
+| `docusignError`                           | `docusign-error`                              | This appears inside the Docusign frame.                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
+| `docusignExpired`                         | `docusign-expired`                            | Remind participants their session will time out after 20 minutes of inactivity.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
+| `formStep`                                | `form-step`                                   |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                         |
+| `generalErrorDescription`                 | `general-error-description`                   | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
+| `generalErrorTitle`                       | `general-error-title`                         | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                |
+| `individualParticipant`                   | `individual-participant`                      | An option for the participant type field. Used to determine which W-8 form is required.              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am an individual participant"`                                                                                                                                 |
+| `loadingErrorAlertDescription`            | `loading-error-alert-description`             | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                             |
+| `loadingErrorAlertHeader`                 | `loading-error-alert-header`                  | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                          |
+| `participantType`                         | `participant-type`                            |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participant type"`                                                                                                                                               |
+| `refreshButton`                           | `refresh-button`                              |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Refresh Page"`                                                                                                                                                   |
+| `taxAndPayoutsDescription`                | `tax-and-payouts-description`                 | Displayed at the top of the page on all set up steps and on the dashboard.                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                            |
+| `taxForm`                                 | `tax-form`                                    |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Tax form"`                                                                                                                                                       |
+| `taxFormDescription`                      | `tax-form-description`                        | Displayed at the top of the page to participants based in the US.                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
+| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Displayed at the top of the page to participants representing a business.                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
+| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Displayed at the top of the page to individuals joining a US program who reside outside the country. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
+| `taxFormLabel`                            | `tax-form-label`                              | Display the type of tax form that the participant must submit.                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{documentType} Tax Form"`                                                                                                                                        |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 6660795986..18253deeda 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -46,6 +46,7 @@ export interface DocusignFormViewProps {
     businessEntity: string;
     individualParticipant: string;
     participantType: string;
+    taxAndPayoutsDescription: string;
     error: {
       generalTitle: string;
       generalDescription: string;
@@ -167,6 +168,10 @@ const style = {
   RadioText: {
     fontSize: "var(--sl-font-size-small)",
   },
+  PageDescriptionText: {
+    color: "var(--sl-color-neutral-500)",
+    fontSize: "var(--sl-font-size-medium)",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -226,6 +231,9 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
             </p>
           )}
           <h3>{text.taxForm}</h3>
+          <p class={classes.PageDescriptionText}>
+            {text.taxAndPayoutsDescription}
+          </p>
         </div>
       </div>
       {states.loadingError && (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 011026e88d..ee457bfd53 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -124,6 +124,14 @@ export class DocusignForm {
    */
   @Prop() loadingErrorAlertDescription: string =
     "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 and on the dashboard.
+   * @uiName Page description
+   */
+  @Prop() taxAndPayoutsDescription: string =
+    "Submit your tax documents and add your banking information to receive your rewards.";
+
   /**
    * @undocumented
    * @uiType object
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 554aeea7cf..03c505f462 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -5,38 +5,39 @@
 
 ## Properties
 
-| Property                         | Attribute                             | Description                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                                                                             |
-| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`                     | `back-button`                         | Text for the back button in the form                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Back"`                                                                                                                                                                                                            |
-| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Alert text indicating participant cannot change info after it has been submitted                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                    |
-| `continueButton`                 | `continue-button`                     | Text for the continue button in the form                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Continue"`                                                                                                                                                                                                        |
-| `demoData`                       | --                                    |                                                                                                    | `{ 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; }; }; }` | `undefined`                                                                                                                                                                                                         |
-| `fieldRequiredError`             | `field-required-error`                | Required error text shown at the bottom of field inputs                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{fieldName} is required"`                                                                                                                                                                                         |
-| `formStep`                       | `form-step`                           | Subtext shown at the top of the page, used to show the current step of the tax form.               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                                                                          |
-| `generalErrorDescription`        | `general-error-description`           | Description text for a general form submission error                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
-| `generalErrorTitle`              | `general-error-title`                 | Title text for a general form submission error                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                                                                 |
-| `indirectTax`                    | `indirect-tax`                        | Heading text shown at the top of the page                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect Tax"`                                                                                                                                                                                                    |
-| `indirectTaxDescription`         | `indirect-tax-description`            | Text shown at the top of the page below to the indirect tax header                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."` |
-| `indirectTaxDetails`             | `indirect-tax-details`                | Heading text for the indirect tax details section                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect tax details"`                                                                                                                                                                                            |
-| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Text shown below the indirect tax details heading text                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                             |
-| `indirectTaxNumber`              | `indirect-tax-number`                 | Label text for the indirect tax number input with a dynamic placeholder based on tax type          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"`                                                                             |
-| `indirectTaxNumberError`         | `indirect-tax-number-error`           | Error message for the indirect tax number input field with a dynamic placeholder based on tax type | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"`                                                                 |
-| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Description text for the alert when the user is identified as a partner                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                         |
-| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Header text for the alert when the user is identified as a partner                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
-| `isRegisteredQST`                | `is-registered-q-s-t`                 | Text for the option indicating registration for QST tax                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am registered for QST Tax"`                                                                                                                                                                                     |
-| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Text for the option indicating registration for sub-region income tax                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                      |
-| `loadingErrorAlertDescription`   | `loading-error-alert-description`     | Alert description shown if there is a problem loading a form                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                              |
-| `loadingErrorAlertHeader`        | `loading-error-alert-header`          | Alert header shown if there is a problem loading a form                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                                                                           |
-| `notRegistered`                  | `not-registered`                      | Text for the option indicating not being registered for indirect tax                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Not registered for indirect tax"`                                                                                                                                                                                 |
-| `notRegisteredSubtext`           | `not-registered-subtext`              | Subtext for the option indicating not being registered for indirect tax                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
-| `otherRegion`                    | `other-region`                        | Text for the option indicating registration for indirect tax                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Registered for indirect tax"`                                                                                                                                                                                     |
-| `otherRegionSubtext`             | `other-region-subtext`                | Subtext for the option indicating registration for indirect tax in a different region              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more."`                                                                       |
-| `province`                       | `province`                            | Label text for the province input                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Province"`                                                                                                                                                                                                        |
-| `qstNumber`                      | `qst-number`                          | Label text for the QST number input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"QST number"`                                                                                                                                                                                                      |
-| `searchForCountryText`           | `search-for-country-text`             | Placeholder text displayed in the country search dropdown                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for country.."`                                                                                                                                                                                            |
-| `selectedRegion`                 | `selected-region`                     | Label text for the country/region select input                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Country / region of indirect tax"`                                                                                                                                                                                |
-| `subRegion`                      | `sub-region`                          | Label text for the sub-region input field                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Sub-region"`                                                                                                                                                                                                      |
-| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         | Label text for the sub-region tax number input field                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Income tax number"`                                                                                                                                                                                               |
+| Property                         | Attribute                             | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                                                                             |
+| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`                     | `back-button`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Back"`                                                                                                                                                                                                            |
+| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Communicate that after this step, only Support can change personal and indirect tax information.                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                    |
+| `continueButton`                 | `continue-button`                     |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Continue"`                                                                                                                                                                                                        |
+| `demoData`                       | --                                    |                                                                                                                      | `{ 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; }; }; }` | `undefined`                                                                                                                                                                                                         |
+| `fieldRequiredError`             | `field-required-error`                | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{fieldName} is required"`                                                                                                                                                                                         |
+| `formStep`                       | `form-step`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                                                                          |
+| `generalErrorDescription`        | `general-error-description`           | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
+| `generalErrorTitle`              | `general-error-title`                 | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                                                                 |
+| `indirectTax`                    | `indirect-tax`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect Tax"`                                                                                                                                                                                                    |
+| `indirectTaxDescription`         | `indirect-tax-description`            | Displayed under the title of this step.                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."` |
+| `indirectTaxDetails`             | `indirect-tax-details`                | Displayed with indirect tax registration options.                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect tax details"`                                                                                                                                                                                            |
+| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Displayed under the indirect tax details title.                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                             |
+| `indirectTaxNumber`              | `indirect-tax-number`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"`                                                                             |
+| `indirectTaxNumberError`         | `indirect-tax-number-error`           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"`                                                                 |
+| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                         |
+| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
+| `isRegisteredQST`                | `is-registered-q-s-t`                 | Displayed to participants registered for indirect tax in Quebec, Canada.                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am registered for QST Tax"`                                                                                                                                                                                     |
+| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Displayed to participants registered for indirect tax in Spain.                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                      |
+| `loadingErrorAlertDescription`   | `loading-error-alert-description`     | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                              |
+| `loadingErrorAlertHeader`        | `loading-error-alert-header`          | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                                                                           |
+| `notRegistered`                  | `not-registered`                      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Not registered for indirect tax"`                                                                                                                                                                                 |
+| `notRegisteredSubtext`           | `not-registered-subtext`              | Participants based in the US are  considered not registered.                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
+| `otherRegion`                    | `other-region`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Registered for indirect tax"`                                                                                                                                                                                     |
+| `otherRegionSubtext`             | `other-region-subtext`                | Selecting this option will display fields to enter indirect tax details.                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more."`                                                                       |
+| `province`                       | `province`                            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Province"`                                                                                                                                                                                                        |
+| `qstNumber`                      | `qst-number`                          | Displayed to participants registered for QST.                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"QST number"`                                                                                                                                                                                                      |
+| `searchForCountryText`           | `search-for-country-text`             | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for country.."`                                                                                                                                                                                            |
+| `selectedRegion`                 | `selected-region`                     |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Country / region of indirect tax"`                                                                                                                                                                                |
+| `subRegion`                      | `sub-region`                          | Displayed to participants registered in Spain.                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Sub-region"`                                                                                                                                                                                                      |
+| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Income tax number"`                                                                                                                                                                                               |
+| `taxAndPayoutsDescription`       | `tax-and-payouts-description`         | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                             |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 3d415d3d86..a5f50ca1ee 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -43,6 +43,7 @@ export interface IndirectTaxFormViewProps {
     cannotChangeInfoAlert: string;
     continueButton: string;
     backButton: string;
+    taxAndPayoutsDescription: string;
     error: {
       generalTitle: string;
       generalDescription: string;
@@ -164,6 +165,10 @@ const style = {
     height: "26px",
     width: "26px",
   },
+  PageDescriptionText: {
+    color: "var(--sl-color-neutral-500)",
+    fontSize: "var(--sl-font-size-medium)",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -224,6 +229,9 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
             </p>
           )}
           <h3>{text.indirectTax}</h3>
+          <p class={classes.PageDescriptionText}>
+            {text.taxAndPayoutsDescription}
+          </p>
           <p class={classes.DescriptionText}>
             {text.indirectTaxDetailsDescription}
           </p>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 337c645a3d..47d158336b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -4,19 +4,19 @@ import { useState } from "@saasquatch/universal-hooks";
 import { Component, Host, Prop, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
+import { useParent } from "../../../utils/useParentState";
 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 {
   UseIndirectTaxFormResult,
   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
@@ -193,6 +193,12 @@ export class IndirectTaxForm {
    */
   @Prop() loadingErrorAlertDescription: string =
     "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 and on the dashboard.
+   * @uiName Page description
+   */
+  @Prop() taxAndPayoutsDescription: string =
+    "Submit your tax documents and add your banking information to receive your rewards.";
 
   /**
    * @undocumented
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
index fbec6b0d84..17f0c4c164 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
@@ -7,14 +7,14 @@
 
 ## Properties
 
-| Property               | Attribute                | Description                                                                  | Type                                      | Default                                                                                                                                                                                                                                             |
-| ---------------------- | ------------------------ | ---------------------------------------------------------------------------- | ----------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `accountText`          | `account-text`           | Text shown before account number                                             | `string`                                  | `"Account"`                                                                                                                                                                                                                                         |
-| `demoData`             | --                       |                                                                              | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                                                                                                                                                                         |
-| `errorDescriptionText` | `error-description-text` | Error alert description shown above payout details card                      | `string`                                  | `"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."` |
-| `errorTitleText`       | `error-title-text`       | Error alert header shown above payout details card                           | `string`                                  | `"Your payout is on hold "`                                                                                                                                                                                                                         |
-| `statusBadgeText`      | `status-badge-text`      | Badge text indicating payout status                                          | `string`                                  | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
-| `thresholdPayoutText`  | `threshold-payout-text`  | Text shown above current balance indicating required balance for next payout | `string`                                  | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
+| Property               | Attribute                | Description                                                                                                                    | Type                                      | Default                                                                                                                                                                                                                                             |
+| ---------------------- | ------------------------ | ------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `accountText`          | `account-text`           | Shown before the participant’s bank account information.                                                                       | `string`                                  | `"Account"`                                                                                                                                                                                                                                         |
+| `demoData`             | --                       |                                                                                                                                | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                                                                                                                                                                         |
+| `errorDescriptionText` | `error-description-text` | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                  | `"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."` |
+| `errorTitleText`       | `error-title-text`       | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                  | `"Your payout is on hold "`                                                                                                                                                                                                                         |
+| `statusBadgeText`      | `status-badge-text`      | Badge text indicating payout status                                                                                            | `string`                                  | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
+| `thresholdPayoutText`  | `threshold-payout-text`  | Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid. | `string`                                  | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index bf07f580bd..c9a3db8222 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -7,50 +7,51 @@
 
 ## Properties
 
-| Property                          | Attribute                            | Description                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Default                                                                                                                                                                                                                                             |
-| --------------------------------- | ------------------------------------ | -------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `accountText`                     | `account-text`                       | Label text account heading text                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Account"`                                                                                                                                                                                                                                         |
-| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Description text which appears beside badge showing the form is awaiting review        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                                                                                                  |
-| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Description text which appears beside badge showing when the form was submitted        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submitted on {dateSubmitted}."`                                                                                                                                                                                                                   |
-| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Description text for W8 which appears beside badge showing when the form was submitted | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                                                                                           |
-| `bankingInformationSectionHeader` | `banking-information-section-header` | Header text displayed above the banking information card                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Payout information"`                                                                                                                                                                                                                              |
-| `dateColumnTitle`                 | `date-column-title`                  | Invoice table Date column title                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Date"`                                                                                                                                                                                                                                            |
-| `demoData`                        | --                                   |                                                                                        | `{ 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; }; }; }` | `undefined`                                                                                                                                                                                                                                         |
-| `earningsAfterTaxColumnTitle`     | `earnings-after-tax-column-title`    | Invoice table Earnings after tax column title                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Earnings after tax"`                                                                                                                                                                                                                              |
-| `earningsColumnTitle`             | `earnings-column-title`              | Invoice table Earnings column title                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Earnings"`                                                                                                                                                                                                                                        |
-| `editPaymentInformationButton`    | `edit-payment-information-button`    | Text displayed in the edit Payment Information button                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Edit Payout Information"`                                                                                                                                                                                                                         |
-| `errorDescriptionText`            | `error-description-text`             |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."` |
-| `errorTitleText`                  | `error-title-text`                   |                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your payout is on hold "`                                                                                                                                                                                                                         |
-| `generalErrorDescription`         | `general-error-description`          | The error message shown at the top of the page in an error banner                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                                       |
-| `generalErrorTitle`               | `general-error-title`                | The title for error message shown at the top of the page in an error banner            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem submitting your information"`                                                                                                                                                                                                 |
-| `indirectTaxDetails`              | `indirect-tax-details`               | Indirect tax number/type details                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
-| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | Country/Province description text of indirect tax                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered in {province}, {country}"`                                                                                                                                                                                                             |
-| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | Other country description text of indirect tax                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered in {country}"`                                                                                                                                                                                                                         |
-| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   | Header text displayed above the indirect tax preview section                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Indirect tax"`                                                                                                                                                                                                                                    |
-| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | Spain/Region description text of indirect tax                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered in {country}, {subRegion}"`                                                                                                                                                                                                            |
-| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       | Indirect tax tooltip text for support                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"To make changes to your indirect tax information, please contact Support."`                                                                                                                                                                       |
-| `invalidForm`                     | `invalid-form`                       | Description text displayed next to the badge in the tax documents status               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Make sure your information is correct and submit new form."`                                                                                                                                                                                      |
-| `invoiceColumnTitle`              | `invoice-column-title`               | Invoice table Invoice column title                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Invoice"`                                                                                                                                                                                                                                         |
-| `loadingErrorAlertDescription`    | `loading-error-alert-description`    | Alert description shown if there is a problem loading a form                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                                              |
-| `loadingErrorAlertHeader`         | `loading-error-alert-header`         | Alert header shown if there is a problem loading a form                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem loading your form"`                                                                                                                                                                                                           |
-| `newFormButton`                   | `new-form-button`                    | Text displayed in the submit new document button at the bottom of the page             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submit New Form"`                                                                                                                                                                                                                                 |
-| `noFormNeededSubtext`             | `no-form-needed-subtext`             | Subtext displayed at the bottom of the page if there are no tax documents to show      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
-| `notRegisteredForTax`             | `not-registered-for-tax`             | Text displayed when partner is not registered for Indirect Tax                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
-| `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
-| `qstNumber`                       | `qst-number`                         | Label text for the QST number                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
-| `statusBadgeText`                 | `status-badge-text`                  | Label text for next payout status badge                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
-| `statusTextActive`                | `status-text-active`                 | Status text displayed in badge when tax document is Active                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Active"`                                                                                                                                                                                                                                          |
-| `statusTextNotActive`             | `status-text-not-active`             | Status text displayed in badge when tax document is Not Active                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Invalid Tax Form"`                                                                                                                                                                                                                                |
-| `statusTextNotVerified`           | `status-text-not-verified`           | Status text displayed in badge when tax document is Not Verified                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Not Verified"`                                                                                                                                                                                                                                    |
-| `subRegionTaxNumber`              | `sub-region-tax-number`              | Label text for the sub-region tax number                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                                                                                                         |
-| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{documentType} tax form is invalid"`                                                                                                                                                                                                              |
-| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Header displayed in not active W9 alert header at the top of the page.                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                                                                                       |
-| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Description text displayed in W8 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                                                                                                            |
-| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Description text displayed in W9 alert body at the top of the page.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please resubmit a new {documentType} form."`                                                                                                                                                                                                      |
-| `taxDocumentSectionHeader`        | `tax-document-section-header`        | Header text displayed above the tax documents status                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Tax documents"`                                                                                                                                                                                                                                   |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Sub header text displayed above the tax documents status                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{documentType} tax form"`                                                                                                                                                                                                                         |
-| `taxedAmountColumnTitle`          | `taxed-amount-column-title`          | Invoice table Taxed Amount column title                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Taxed Amount"`                                                                                                                                                                                                                                    |
-| `thresholdPayoutText`             | `threshold-payout-text`              | Label text for the next payout based on balance                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
+| Property                          | Attribute                            | Description                                                                                                                    | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Default                                                                                                                                                                                                                                             |
+| --------------------------------- | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `accountText`                     | `account-text`                       | Shown before the participant’s bank account information.                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Account"`                                                                                                                                                                                                                                         |
+| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                                                                                                  |
+| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Additional text displayed next to the tax form's status badge                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submitted on {dateSubmitted}."`                                                                                                                                                                                                                   |
+| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                                                                                           |
+| `bankingInformationSectionHeader` | `banking-information-section-header` |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Payout information"`                                                                                                                                                                                                                              |
+| `dateColumnTitle`                 | `date-column-title`                  | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Date"`                                                                                                                                                                                                                                            |
+| `demoData`                        | --                                   |                                                                                                                                | `{ 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; }; }; }` | `undefined`                                                                                                                                                                                                                                         |
+| `earningsAfterTaxColumnTitle`     | `earnings-after-tax-column-title`    | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Earnings after tax"`                                                                                                                                                                                                                              |
+| `earningsColumnTitle`             | `earnings-column-title`              | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Earnings"`                                                                                                                                                                                                                                        |
+| `editPaymentInformationButton`    | `edit-payment-information-button`    |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Edit Payout Information"`                                                                                                                                                                                                                         |
+| `errorDescriptionText`            | `error-description-text`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."` |
+| `errorTitleText`                  | `error-title-text`                   | Payout error message title                                                                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your payout is on hold "`                                                                                                                                                                                                                         |
+| `generalErrorDescription`         | `general-error-description`          | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                                       |
+| `generalErrorTitle`               | `general-error-title`                | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem submitting your information"`                                                                                                                                                                                                 |
+| `indirectTaxDetails`              | `indirect-tax-details`               | Displayed to participants who have submitted their indirect tax information.                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
+| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | If the participant is registered for indirect tax in Canada, display the province they’re registered in.                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered in {province}, {country}"`                                                                                                                                                                                                             |
+| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | If the participant is registered for indirect tax, display the country they’re registered in.                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered in {country}"`                                                                                                                                                                                                                         |
+| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Indirect tax"`                                                                                                                                                                                                                                    |
+| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | If the participant is registered for indirect tax in Spain, display the region they’re registered in.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered in {country}, {subRegion}"`                                                                                                                                                                                                            |
+| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"To make changes to your indirect tax information, please contact Support."`                                                                                                                                                                       |
+| `invalidForm`                     | `invalid-form`                       | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Make sure your information is correct and submit new form."`                                                                                                                                                                                      |
+| `invoiceColumnTitle`              | `invoice-column-title`               | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Invoice"`                                                                                                                                                                                                                                         |
+| `loadingErrorAlertDescription`    | `loading-error-alert-description`    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                                              |
+| `loadingErrorAlertHeader`         | `loading-error-alert-header`         | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem loading your form"`                                                                                                                                                                                                           |
+| `newFormButton`                   | `new-form-button`                    |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submit New Form"`                                                                                                                                                                                                                                 |
+| `noFormNeededSubtext`             | `no-form-needed-subtext`             | No other statuses or badges will be displayed in the tax form section in this case.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
+| `notRegisteredForTax`             | `not-registered-for-tax`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
+| `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
+| `qstNumber`                       | `qst-number`                         | Displayed to participants registered in Quebec, Canada.                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
+| `statusBadgeText`                 | `status-badge-text`                  |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
+| `statusTextActive`                | `status-text-active`                 |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Active"`                                                                                                                                                                                                                                          |
+| `statusTextNotActive`             | `status-text-not-active`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Invalid Tax Form"`                                                                                                                                                                                                                                |
+| `statusTextNotVerified`           | `status-text-not-verified`           | Displayed when the participant submitted their form but it is awaiting review.                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Not Verified"`                                                                                                                                                                                                                                    |
+| `subRegionTaxNumber`              | `sub-region-tax-number`              |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                                                                                                         |
+| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{documentType} tax form is invalid"`                                                                                                                                                                                                              |
+| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                                                                                       |
+| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                                                                                                            |
+| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please resubmit a new {documentType} form."`                                                                                                                                                                                                      |
+| `taxAndPayoutsDescription`        | `tax-and-payouts-description`        | Displayed at the top of the page on all set up steps and on the dashboard.                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                                             |
+| `taxDocumentSectionHeader`        | `tax-document-section-header`        |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Tax documents"`                                                                                                                                                                                                                                   |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Displayed under the tax document section header.                                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{documentType} tax form"`                                                                                                                                                                                                                         |
+| `taxedAmountColumnTitle`          | `taxed-amount-column-title`          | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Taxed Amount"`                                                                                                                                                                                                                                    |
+| `thresholdPayoutText`             | `threshold-payout-text`              | Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 88b6cf1106..1ab7050799 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -69,6 +69,7 @@ export interface TaxAndCashDashboardProps {
     taxedAmountColumnTitle: string;
     earningsAfterTaxColumnTitle: string;
     dateColumnTitle: string;
+    taxAndPayoutsDescription: string;
     error: {
       generalTitle: string;
       generalDescription: string;
@@ -197,6 +198,10 @@ const style = {
     marginBottom: "none",
     maxWidth: "492px",
   },
+  PageDescriptionText: {
+    color: "var(--sl-color-neutral-500)",
+    fontSize: "var(--sl-font-size-medium)",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -366,6 +371,9 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
         {states.status === "INACTIVE" && alertMap[states.status]}
         <div>
           <h3>{text.bankingInformationSectionHeader}</h3>
+          <p class={sheet.classes.PageDescriptionText}>
+            {text.taxAndPayoutsDescription}
+          </p>
           <div class={sheet.classes.BankingInformationContainer}>
             {slots.payoutDetailsCardSlot}
             {!states.loading && (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 2a7388cf7a..5841c34716 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -262,6 +262,13 @@ export class TaxAndCashDashboard {
    */
   @Prop() earningsAfterTaxColumnTitle: string = "Earnings after tax";
 
+  /**
+   * Displayed at the top of the page on all set up steps and on the dashboard.
+   * @uiName Page description
+   */
+  @Prop() taxAndPayoutsDescription: string =
+    "Submit your tax documents and add your banking information to receive your rewards.";
+
   /**
    * @undocumented
    * @uiType object
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index e14c8e96ac..e610ae73c2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -5,148 +5,141 @@
 
 ## Properties
 
-| Property                                        | Attribute                                            | Description                                                                                                | Type                                                                                                                 | Default                                                                                                                                                                                                                                             |
-| ----------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`                                    | `back-button`                                        | Text shown inside of back button                                                                           | `string`                                                                                                             | `"Back"`                                                                                                                                                                                                                                            |
-| `cancelButton`                                  | `cancel-button`                                      | Text shown inside of cancel button                                                                         | `string`                                                                                                             | `"Cancel"`                                                                                                                                                                                                                                          |
-| `continueButton`                                | `continue-button`                                    | Text for the continue button in the form                                                                   | `string`                                                                                                             | `"Continue"`                                                                                                                                                                                                                                        |
-| `dashboard_accountText`                         | `dashboard_account-text`                             | Text shown before account number                                                                           | `string`                                                                                                             | `"Account"`                                                                                                                                                                                                                                         |
-| `dashboard_badgeTextAwaitingReview`             | `dashboard_badge-text-awaiting-review`               | Description text which appears beside badge showing the form is awaiting review                            | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                                                                                                  |
-| `dashboard_badgeTextSubmittedOn`                | `dashboard_badge-text-submitted-on`                  | Description text which appears beside badge showing when the form was submitted                            | `string`                                                                                                             | `"Submitted on {dateSubmitted}."`                                                                                                                                                                                                                   |
-| `dashboard_badgeTextSubmittedOnW8`              | `dashboard_badge-text-submitted-on-w-8`              | Description text for W8 which appears beside badge showing when the form was submitted                     | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                                                                                           |
-| `dashboard_bankingInformationSectionHeader`     | `dashboard_banking-information-section-header`       | Header text displayed above the banking information card                                                   | `string`                                                                                                             | `"Payout Information"`                                                                                                                                                                                                                              |
-| `dashboard_earningsAfterTaxColumnTitle`         | `dashboard_earnings-after-tax-column-title`          | Invoice table Earnings after tax column title                                                              | `string`                                                                                                             | `"Earnings after tax"`                                                                                                                                                                                                                              |
-| `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          | Text displayed in the edit Payment Information button                                                      | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                                                                                         |
-| `dashboard_errorDescriptionText`                | `dashboard_error-description-text`                   | Error alert description shown above payout details card                                                    | `string`                                                                                                             | `"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."` |
-| `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         | Error alert header shown above payout details card                                                         | `string`                                                                                                             | `"Your payout is on hold "`                                                                                                                                                                                                                         |
-| `dashboard_indirectTaxDetails`                  | `dashboard_indirect-tax-details`                     | Indirect tax number/type details                                                                           | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
-| `dashboard_indirectTaxInfoCanada`               | `dashboard_indirect-tax-info-canada`                 | Country/Province description text of indirect tax                                                          | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                                                                                             |
-| `dashboard_indirectTaxInfoOtherCountry`         | `dashboard_indirect-tax-info-other-country`          | Other country description text of indirect tax                                                             | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                                                                                         |
-| `dashboard_indirectTaxInfoSectionHeader`        | `dashboard_indirect-tax-info-section-header`         | Header text displayed above the indirect tax preview section                                               | `string`                                                                                                             | `"Indirect tax"`                                                                                                                                                                                                                                    |
-| `dashboard_indirectTaxInfoSpain`                | `dashboard_indirect-tax-info-spain`                  | Spain/Region description text of indirect tax                                                              | `string`                                                                                                             | `"Registered in {country}, {subRegion}"`                                                                                                                                                                                                            |
-| `dashboard_indirectTaxTooltipSupport`           | `dashboard_indirect-tax-tooltip-support`             | Indirect tax tooltip text for support                                                                      | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                                                                                                       |
-| `dashboard_invalidForm`                         | `dashboard_invalid-form`                             | Description text displayed next to the badge in the tax documents status                                   | `string`                                                                                                             | `"Make sure your information is correct and submit new form."`                                                                                                                                                                                      |
-| `dashboard_newFormButton`                       | `dashboard_new-form-button`                          | Text displayed in the submit new document button at the bottom of the page                                 | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                                                                                                 |
-| `dashboard_noFormNeededSubtext`                 | `dashboard_no-form-needed-subtext`                   | Subtext displayed at the bottom of the page if there are no tax documents to show                          | `string`                                                                                                             | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
-| `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   | Text displayed when partner is not registered for Indirect Tax                                             | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
-| `dashboard_payoutFromImpact`                    | `dashboard_payout-from-impact`                       | Sub text describing how payouts are provided from impact.com                                               | `string`                                                                                                             | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
-| `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Label text for the QST number                                                                              | `string`                                                                                                             | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
-| `dashboard_statusBadgeText`                     | `dashboard_status-badge-text`                        | Badge text indicating payout status                                                                        | `string`                                                                                                             | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
-| `dashboard_statusTextActive`                    | `dashboard_status-text-active`                       | Status text displayed in badge when tax document is Active                                                 | `string`                                                                                                             | `"Active"`                                                                                                                                                                                                                                          |
-| `dashboard_statusTextNotActive`                 | `dashboard_status-text-not-active`                   | Status text displayed in badge when tax document is Not Active                                             | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                                                                                                |
-| `dashboard_statusTextNotVerified`               | `dashboard_status-text-not-verified`                 | Status text displayed in badge when tax document is Not Verified                                           | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                                                                                                    |
-| `dashboard_subRegionTaxNumber`                  | `dashboard_sub-region-tax-number`                    | Label text for the sub-region tax number                                                                   | `string`                                                                                                             | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                                                                                                         |
-| `dashboard_taxAlertHeaderNotActiveW8`           | `dashboard_tax-alert-header-not-active-w-8`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                                                                                              |
-| `dashboard_taxAlertHeaderNotActiveW9`           | `dashboard_tax-alert-header-not-active-w-9`          | Header displayed in not active W9 alert header at the top of the page.                                     | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                                                                                       |
-| `dashboard_taxAlertNotActiveMessageW8`          | `dashboard_tax-alert-not-active-message-w-8`         | Description text displayed in W8 alert body at the top of the page.                                        | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                                                                                                            |
-| `dashboard_taxAlertNotActiveMessageW9`          | `dashboard_tax-alert-not-active-message-w-9`         | Description text displayed in W9 alert body at the top of the page.                                        | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                                                                                                      |
-| `dashboard_taxDocumentSectionHeader`            | `dashboard_tax-document-section-header`              | Header text displayed above the tax documents status                                                       | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                                                                                                   |
-| `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Sub header text displayed above the tax documents status                                                   | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                                                                                         |
-| `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    | Text shown above current balance indicating required balance for next payout                               | `string`                                                                                                             | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
-| `dateColumnTitle`                               | `date-column-title`                                  | Invoice table Date column title                                                                            | `string`                                                                                                             | `"Date"`                                                                                                                                                                                                                                            |
-| `demoData`                                      | --                                                   |                                                                                                            | `{ loading?: boolean; setStep?: (value: string) => void; step?: string; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                                                                                         |
-| `earningsColumnTitle`                           | `earnings-column-title`                              | Invoice table Earnings column title                                                                        | `string`                                                                                                             | `"Earnings"`                                                                                                                                                                                                                                        |
-| `fieldInvalidError`                             | `field-invalid-error`                                | Invalid error text shown at the bottom of field inputs                                                     | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                                                                                          |
-| `fieldRequiredError`                            | `field-required-error`                               | Required error text shown at the bottom of field inputs                                                    | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                                                                                         |
-| `formStep`                                      | `form-step`                                          | Sub text shown at the top of the page, used to show the current step of the tax form.                      | `string`                                                                                                             | `"Step {step} of {count}"`                                                                                                                                                                                                                          |
-| `generalErrorDescription`                       | `general-error-description`                          | Description text for a general form submission error                                                       | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                                       |
-| `generalErrorTitle`                             | `general-error-title`                                | The title for error message shown at the top of the page in an error banner                                | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                                                                                                 |
-| `invoiceColumnTitle`                            | `invoice-column-title`                               | Invoice table Invoice column title                                                                         | `string`                                                                                                             | `"Invoice"`                                                                                                                                                                                                                                         |
-| `isPartnerAlertDescription`                     | `is-partner-alert-description`                       | Alert description text shown in alert if user is already a registered partner                              | `string`                                                                                                             | `"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."`                                                                         |
-| `isPartnerAlertHeader`                          | `is-partner-alert-header`                            | Alert header text shown in alert if user is already a registered partner                                   | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                                        |
-| `loadingErrorAlertDescription`                  | `loading-error-alert-description`                    | Alert description shown if there is a problem loading a form                                               | `string`                                                                                                             | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                                              |
-| `loadingErrorAlertHeader`                       | `loading-error-alert-header`                         | Alert header shown if there is a problem loading a form                                                    | `string`                                                                                                             | `"There was a problem loading your form"`                                                                                                                                                                                                           |
-| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                         | `string`                                                                                                             | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                                                                                         |
-| `step1_country`                                 | `step-1_country`                                     | Label text for country input                                                                               | `string`                                                                                                             | `"Country"`                                                                                                                                                                                                                                         |
-| `step1_currency`                                | `step-1_currency`                                    | Label text for currency input                                                                              | `string`                                                                                                             | `"Currency"`                                                                                                                                                                                                                                        |
-| `step1_currencyHelpText`                        | `step-1_currency-help-text`                          | Help text shown underneath currency input                                                                  | `string`                                                                                                             | `"Choose your preferred payout currency"`                                                                                                                                                                                                           |
-| `step1_email`                                   | `step-1_email`                                       | Label text for email input                                                                                 | `string`                                                                                                             | `"Email"`                                                                                                                                                                                                                                           |
-| `step1_firstName`                               | `step-1_first-name`                                  | Label text for first name input                                                                            | `string`                                                                                                             | `"First name"`                                                                                                                                                                                                                                      |
-| `step1_lastName`                                | `step-1_last-name`                                   | Label text for last name input                                                                             | `string`                                                                                                             | `"Last name"`                                                                                                                                                                                                                                       |
-| `step1_personalInformation`                     | `step-1_personal-information`                        | Heading text shown above the forms inputs.                                                                 | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                                                                                            |
-| `step1_searchForCountryText`                    | `step-1_search-for-country-text`                     | Placeholder text displayed in the country search dropdown                                                  | `string`                                                                                                             | `"Search for country.."`                                                                                                                                                                                                                            |
-| `step1_searchForCurrencyText`                   | `step-1_search-for-currency-text`                    | Placeholder text displayed in the currency search dropdown                                                 | `string`                                                                                                             | `"Search for currency.."`                                                                                                                                                                                                                           |
-| `step1_termsAndConditionsLabel`                 | `step-1_terms-and-conditions-label`                  | Label text for terms and conditions                                                                        | `string`                                                                                                             | `"Terms and Conditions"`                                                                                                                                                                                                                            |
-| `step2_cannotChangeInfoAlert`                   | `step-2_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"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."`                                                                    |
-| `step2_indirectTax`                             | `step-2_indirect-tax`                                | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                                                                                                    |
-| `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Subtext shown at the top of the page                                                                       | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                                                                                                  |
-| `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Heading text shown above the tax details radio buttons                                                     | `string`                                                                                                             | `"Indirect tax details"`                                                                                                                                                                                                                            |
-| `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Sub text shown above the tax details radio buttons                                                         | `string`                                                                                                             | `"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."`                                                                             |
-| `step2_indirectTaxNumber`                       | `step-2_indirect-tax-number`                         | Label text for the Indirect Tax Number input                                                               | `string`                                                                                                             | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"`                                                                                                             |
-| `step2_indirectTaxNumberError`                  | `step-2_indirect-tax-number-error`                   | Error text shown below the Indirect Tax Number select input                                                | `string`                                                                                                             | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"`                                                                                                 |
-| `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Label text for the QST checkbox                                                                            | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                                                                                                     |
-| `step2_isRegisteredSubRegionIncomeTax`          | `step-2_is-registered-sub-region-income-tax`         | Label text for Income Tax checkbox                                                                         | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                                                      |
-| `step2_notRegistered`                           | `step-2_not-registered`                              | Label text for the not registered radio button                                                             | `string`                                                                                                             | `"Not registered for indirect tax"`                                                                                                                                                                                                                 |
-| `step2_notRegisteredSubtext`                    | `step-2_not-registered-subtext`                      | Subtext for the option indicating not being registered for indirect tax                                    | `string`                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                                                 |
-| `step2_otherRegion`                             | `step-2_other-region`                                | Label test for the option indicating registration for indirect tax                                         | `string`                                                                                                             | `"Registered for indirect tax"`                                                                                                                                                                                                                     |
-| `step2_otherRegionSubtext`                      | `step-2_other-region-subtext`                        | Subtext for the option indicating registration for indirect tax in a different region                      | `string`                                                                                                             | `"If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more."`                                                                                                       |
-| `step2_province`                                | `step-2_province`                                    | Label text for the Province select input                                                                   | `string`                                                                                                             | `"Province"`                                                                                                                                                                                                                                        |
-| `step2_qstNumber`                               | `step-2_qst-number`                                  | Label text for the QST Tax Number input                                                                    | `string`                                                                                                             | `"QST number"`                                                                                                                                                                                                                                      |
-| `step2_searchForCountryText`                    | `step-2_search-for-country-text`                     | Placeholder text displayed in the country search dropdown                                                  | `string`                                                                                                             | `"Search for country.."`                                                                                                                                                                                                                            |
-| `step2_selectedRegion`                          | `step-2_selected-region`                             | Label text for the Selected Region select input                                                            | `string`                                                                                                             | `"Country / region of indirect tax"`                                                                                                                                                                                                                |
-| `step2_subRegion`                               | `step-2_sub-region`                                  | Label text for Sub-region select                                                                           | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                                                                                                      |
-| `step2_subRegionTaxNumberLabel`                 | `step-2_sub-region-tax-number-label`                 | Label text for the Sub-region Income Tax Number input                                                      | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                                                                                               |
-| `step3_banner`                                  | `step-3_banner`                                      | Text shown in the banner above the document                                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                                                                                               |
-| `step3_businessEntity`                          | `step-3_business-entity`                             | Label text for the business entity radio button                                                            | `string`                                                                                                             | `"I represent a business"`                                                                                                                                                                                                                          |
-| `step3_checkboxDescription`                     | `step-3_checkbox-description`                        | Label text for the form submission checkbox                                                                | `string`                                                                                                             | `"I have completed and submitted my tax form"`                                                                                                                                                                                                      |
-| `step3_checkboxLabel`                           | `step-3_checkbox-label`                              | Heading text for the form submission checkbox                                                              | `string`                                                                                                             | `"Form submission"`                                                                                                                                                                                                                                 |
-| `step3_docusignCompleted`                       | `step-3_docusign-completed`                          | Text inside iframe when Docusign form is completed                                                         | `string`                                                                                                             | `"Your document has been completed and submitted."`                                                                                                                                                                                                 |
-| `step3_docusignError`                           | `step-3_docusign-error`                              | Text inside iframe when Docusign form throws error                                                         | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                                                                                                  |
-| `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Text shown inside iframe when Docusign form expires                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`                                                                                  |
-| `step3_formSubmissionError`                     | `step-3_form-submission-error`                       | The error message shown at the bottom of the page if the user has not checked the form submission checkbox | `string`                                                                                                             | `"This field is required"`                                                                                                                                                                                                                          |
-| `step3_individualParticipant`                   | `step-3_individual-participant`                      | Label text for the individual participant radio button                                                     | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                                                                                                  |
-| `step3_participantType`                         | `step-3_participant-type`                            | Heading text for the participant type radio buttons                                                        | `string`                                                                                                             | `"Participant type"`                                                                                                                                                                                                                                |
-| `step3_refreshButton`                           | `step-3_refresh-button`                              | Text shown inside of refresh button                                                                        | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                                                                                                    |
-| `step3_taxForm`                                 | `step-3_tax-form`                                    | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                                                                                        |
-| `step3_taxFormDescription`                      | `step-3_tax-form-description`                        | Subtext shown at the top of the page next to the document type text                                        | `string`                                                                                                             | `"Participants based in the US need to submit a {documentType} form."`                                                                                                                                                                              |
-| `step3_taxFormDescriptionBusinessEntity`        | `step-3_tax-form-description-business-entity`        | Subtext shown at the top of the page next to the document type text for business entities                  | `string`                                                                                                             | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                                                                                                   |
-| `step3_taxFormDescriptionIndividualParticipant` | `step-3_tax-form-description-individual-participant` | Subtext shown at the top of the page next to the document type text for individual participants            | `string`                                                                                                             | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                                                                                                              |
-| `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Text shown at the top of the page next to the document type text                                           | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                                                                                         |
-| `step4_agencyCodeLabel`                         | `step-4_agency-code-label`                           | Label text for the agency code input field                                                                 | `string`                                                                                                             | `"Agency code"`                                                                                                                                                                                                                                     |
-| `step4_bankAccountNumberLabel`                  | `step-4_bank-account-number-label`                   | Label text for the bank account number input field                                                         | `string`                                                                                                             | `"Bank account number"`                                                                                                                                                                                                                             |
-| `step4_bankAccountTypeLabel`                    | `step-4_bank-account-type-label`                     | Label text for the bank account type input field                                                           | `string`                                                                                                             | `"Bank account type"`                                                                                                                                                                                                                               |
-| `step4_bankAddressLabel`                        | `step-4_bank-address-label`                          | Label text for the Bank Address input                                                                      | `string`                                                                                                             | `"Bank address"`                                                                                                                                                                                                                                    |
-| `step4_bankCityLabel`                           | `step-4_bank-city-label`                             | Label text for the Bank City input                                                                         | `string`                                                                                                             | `"Bank city"`                                                                                                                                                                                                                                       |
-| `step4_bankLocationLabel`                       | `step-4_bank-location-label`                         | Label text for the bank country location input field                                                       | `string`                                                                                                             | `"Bank country location"`                                                                                                                                                                                                                           |
-| `step4_bankNameLabel`                           | `step-4_bank-name-label`                             | Label text for the bank name input field                                                                   | `string`                                                                                                             | `"Bank name"`                                                                                                                                                                                                                                       |
-| `step4_bankPostalCodeLabel`                     | `step-4_bank-postal-code-label`                      | Label text for the Bank Postal Code                                                                        | `string`                                                                                                             | `"Bank postal code"`                                                                                                                                                                                                                                |
-| `step4_bankStateLabel`                          | `step-4_bank-state-label`                            | Label text for the Bank Province / State input                                                             | `string`                                                                                                             | `"Bank Province / State"`                                                                                                                                                                                                                           |
-| `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              | Label text for the beneficiary account name input field                                                    | `string`                                                                                                             | `"Beneficiary account name"`                                                                                                                                                                                                                        |
-| `step4_branchCodeLabel`                         | `step-4_branch-code-label`                           | Label text for the branch code input field                                                                 | `string`                                                                                                             | `"Branch code"`                                                                                                                                                                                                                                     |
-| `step4_businessSelectItemLabel`                 | `step-4_business-select-item-label`                  | Label text for the business select item                                                                    | `string`                                                                                                             | `"Business"`                                                                                                                                                                                                                                        |
-| `step4_cannotChangeInfoAlert`                   | `step-4_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                           | `string`                                                                                                             | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."`                                                                     |
-| `step4_checkingSelectItemLabel`                 | `step-4_checking-select-item-label`                  | Label text for the checking account type select item                                                       | `string`                                                                                                             | `"Checking"`                                                                                                                                                                                                                                        |
-| `step4_classificationCPFLabel`                  | `step-4_classification-c-p-f-label`                  | Label text for the classification CPF input field                                                          | `string`                                                                                                             | `"Classification CPF"`                                                                                                                                                                                                                              |
-| `step4_classificationEntityLabel`               | `step-4_classification-entity-label`                 | Label text for the classification entity input field                                                       | `string`                                                                                                             | `"Classification entity"`                                                                                                                                                                                                                           |
-| `step4_classificationLabel`                     | `step-4_classification-label`                        | Label text for the classification input field                                                              | `string`                                                                                                             | `"Classification"`                                                                                                                                                                                                                                  |
-| `step4_directlyToBankAccount`                   | `step-4_directly-to-bank-account`                    | Text for the option to receive payments directly to a bank account                                         | `string`                                                                                                             | `"Directly to my bank account"`                                                                                                                                                                                                                     |
-| `step4_eftWithdrawalLabel`                      | `step-4_eft-withdrawal-label`                        |                                                                                                            | `string`                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                                                                                           |
-| `step4_foreignSelectItemLabel`                  | `step-4_foreign-select-item-label`                   | Label text for the foreign select item                                                                     | `string`                                                                                                             | `"Foreign"`                                                                                                                                                                                                                                         |
-| `step4_fxWireProcessingFeeLabel`                | `step-4_fx-wire-processing-fee-label`                |                                                                                                            | `string`                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                                            |
-| `step4_ibanLabel`                               | `step-4_iban-label`                                  | Label text for the IBAN input field                                                                        | `string`                                                                                                             | `"IBAN"`                                                                                                                                                                                                                                            |
-| `step4_individualSelectItemLabel`               | `step-4_individual-select-item-label`                | Label text for the individual select item                                                                  | `string`                                                                                                             | `"Individual"`                                                                                                                                                                                                                                      |
-| `step4_patronymicNameLabel`                     | `step-4_patronymic-name-label`                       | Label text for the patronymic name input field                                                             | `string`                                                                                                             | `"Patronymic name"`                                                                                                                                                                                                                                 |
-| `step4_payPalInputLabel`                        | `step-4_pay-pal-input-label`                         | Label text for the PayPal email input field                                                                | `string`                                                                                                             | `"PayPal email"`                                                                                                                                                                                                                                    |
-| `step4_paymentDayFifteenthOfMonthLabelText`     | `step-4_payment-day-fifteenth-of-month-label-text`   | Label text for the payment day select option for the fifteenth of the month                                | `string`                                                                                                             | `"15th of the month"`                                                                                                                                                                                                                               |
-| `step4_paymentDayFirstOfMonthLabelText`         | `step-4_payment-day-first-of-month-label-text`       | Label text for the payment day select option for the first of the month                                    | `string`                                                                                                             | `"1st of the month"`                                                                                                                                                                                                                                |
-| `step4_paymentDaySelectLabel`                   | `step-4_payment-day-select-label`                    | Label text for the payment day select                                                                      | `string`                                                                                                             | `"Payment Day"`                                                                                                                                                                                                                                     |
-| `step4_paymentMethod`                           | `step-4_payment-method`                              | Heading text for the payment method section                                                                | `string`                                                                                                             | `"Payment method"`                                                                                                                                                                                                                                  |
-| `step4_paymentMethodSubtext`                    | `step-4_payment-method-subtext`                      | Subtext for the payment method section                                                                     | `string`                                                                                                             | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                                             |
-| `step4_paymentSchedule`                         | `step-4_payment-schedule`                            | Heading text for the payment schedule section                                                              | `string`                                                                                                             | `"Payment schedule"`                                                                                                                                                                                                                                |
-| `step4_paymentScheduleBalanceThreshold`         | `step-4_payment-schedule-balance-threshold`          | Text for the option to receive payments at a specific balance threshold                                    | `string`                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                                      |
-| `step4_paymentScheduleFixedDay`                 | `step-4_payment-schedule-fixed-day`                  | Text for the option to receive payments on a specific day of the month                                     | `string`                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                                                                                              |
-| `step4_paymentThresholdSelectLabel`             | `step-4_payment-threshold-select-label`              | Label text for the payment day select                                                                      | `string`                                                                                                             | `"Payment threshold"`                                                                                                                                                                                                                               |
-| `step4_routingCodeLabel`                        | `step-4_routing-code-label`                          | Label text for the routing code input field                                                                | `string`                                                                                                             | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"`                     |
-| `step4_savingsSelectItemLabel`                  | `step-4_savings-select-item-label`                   | Label text for the savings account type select item                                                        | `string`                                                                                                             | `"Savings"`                                                                                                                                                                                                                                         |
-| `step4_searchForCountryText`                    | `step-4_search-for-country-text`                     | Placeholder text displayed in the country search dropdown                                                  | `string`                                                                                                             | `"Search for country.."`                                                                                                                                                                                                                            |
-| `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            | Label text for the SWIFT code input field                                                                  | `string`                                                                                                             | `"SWIFT code"`                                                                                                                                                                                                                                      |
-| `step4_taxAndPayouts`                           | `step-4_tax-and-payouts`                             | Heading text shown at the top of the page                                                                  | `string`                                                                                                             | `"Tax and Payouts"`                                                                                                                                                                                                                                 |
-| `step4_taxAndPayoutsDescription`                | `step-4_tax-and-payouts-description`                 | Text shown at the top of the page next to the tax and payouts label text                                   | `string`                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                                             |
-| `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          | Label text for the Taxpayer ID input field                                                                 | `string`                                                                                                             | `"Beneficiary INN"`                                                                                                                                                                                                                                 |
-| `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          | Text for the option to receive payments to a PayPal account with processing fee details                    | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                                                   |
-| `step4_voCodeLabel`                             | `step-4_vo-code-label`                               | Label text for the VO code input field                                                                     | `string`                                                                                                             | `"VO code"`                                                                                                                                                                                                                                         |
-| `stop3NotBasedInUS`                             | `stop-3-not-based-in-u-s`                            | Text shown in the link to the form for non US residents                                                    | `string`                                                                                                             | `"Not based in the US?"`                                                                                                                                                                                                                            |
-| `taxedAmountColumnTitle`                        | `taxed-amount-column-title`                          | Invoice table Taxed Amount column title                                                                    | `string`                                                                                                             | `"Taxed Amount"`                                                                                                                                                                                                                                    |
+| Property                                        | Attribute                                            | Description                                                                                                                    | Type                                                                                                                 | Default                                                                                                                                                                                                                                             |
+| ----------------------------------------------- | ---------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`                                    | `back-button`                                        |                                                                                                                                | `string`                                                                                                             | `"Back"`                                                                                                                                                                                                                                            |
+| `cancelButton`                                  | `cancel-button`                                      |                                                                                                                                | `string`                                                                                                             | `"Cancel"`                                                                                                                                                                                                                                          |
+| `continueButton`                                | `continue-button`                                    |                                                                                                                                | `string`                                                                                                             | `"Continue"`                                                                                                                                                                                                                                        |
+| `dashboard_accountText`                         | `dashboard_account-text`                             | Shown before the participant’s bank account information.                                                                       | `string`                                                                                                             | `"Account"`                                                                                                                                                                                                                                         |
+| `dashboard_badgeTextAwaitingReview`             | `dashboard_badge-text-awaiting-review`               | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                             | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                                                                                                  |
+| `dashboard_badgeTextSubmittedOn`                | `dashboard_badge-text-submitted-on`                  | Additional text displayed next to the tax form's status badge                                                                  | `string`                                                                                                             | `"Submitted on {dateSubmitted}."`                                                                                                                                                                                                                   |
+| `dashboard_badgeTextSubmittedOnW8`              | `dashboard_badge-text-submitted-on-w-8`              | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                                                                                           |
+| `dashboard_bankingInformationSectionHeader`     | `dashboard_banking-information-section-header`       |                                                                                                                                | `string`                                                                                                             | `"Payout Information"`                                                                                                                                                                                                                              |
+| `dashboard_earningsAfterTaxColumnTitle`         | `dashboard_earnings-after-tax-column-title`          | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Earnings after tax"`                                                                                                                                                                                                                              |
+| `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          |                                                                                                                                | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                                                                                         |
+| `dashboard_errorDescriptionText`                | `dashboard_error-description-text`                   | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                             | `"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."` |
+| `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         | Error alert header shown above payout details card                                                                             | `string`                                                                                                             | `"Your payout is on hold "`                                                                                                                                                                                                                         |
+| `dashboard_indirectTaxDetails`                  | `dashboard_indirect-tax-details`                     | Displayed to participants who have submitted their indirect tax information.                                                   | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
+| `dashboard_indirectTaxInfoCanada`               | `dashboard_indirect-tax-info-canada`                 | If the participant is registered for indirect tax in Canada, display the province they’re registered in.                       | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                                                                                             |
+| `dashboard_indirectTaxInfoOtherCountry`         | `dashboard_indirect-tax-info-other-country`          | If the participant is registered for indirect tax, display the country they’re registered in.                                  | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                                                                                         |
+| `dashboard_indirectTaxInfoSectionHeader`        | `dashboard_indirect-tax-info-section-header`         |                                                                                                                                | `string`                                                                                                             | `"Indirect tax"`                                                                                                                                                                                                                                    |
+| `dashboard_indirectTaxInfoSpain`                | `dashboard_indirect-tax-info-spain`                  | If the participant is registered for indirect tax in Spain, display the region they’re registered in.                          | `string`                                                                                                             | `"Registered in {country}, {subRegion}"`                                                                                                                                                                                                            |
+| `dashboard_indirectTaxTooltipSupport`           | `dashboard_indirect-tax-tooltip-support`             |                                                                                                                                | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                                                                                                       |
+| `dashboard_invalidForm`                         | `dashboard_invalid-form`                             | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                             | `"Make sure your information is correct and submit new form."`                                                                                                                                                                                      |
+| `dashboard_newFormButton`                       | `dashboard_new-form-button`                          |                                                                                                                                | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                                                                                                 |
+| `dashboard_noFormNeededSubtext`                 | `dashboard_no-form-needed-subtext`                   | No other statuses or badges will be displayed in the tax form section in this case.                                            | `string`                                                                                                             | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
+| `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   |                                                                                                                                | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
+| `dashboard_payoutFromImpact`                    | `dashboard_payout-from-impact`                       | Sub text describing how payouts are provided from impact.com                                                                   | `string`                                                                                                             | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
+| `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Displayed to participants registered in Quebec, Canada.                                                                        | `string`                                                                                                             | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
+| `dashboard_statusBadgeText`                     | `dashboard_status-badge-text`                        |                                                                                                                                | `string`                                                                                                             | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
+| `dashboard_statusTextActive`                    | `dashboard_status-text-active`                       |                                                                                                                                | `string`                                                                                                             | `"Active"`                                                                                                                                                                                                                                          |
+| `dashboard_statusTextNotActive`                 | `dashboard_status-text-not-active`                   |                                                                                                                                | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                                                                                                |
+| `dashboard_statusTextNotVerified`               | `dashboard_status-text-not-verified`                 | Displayed when the participant submitted their form but it is awaiting review.                                                 | `string`                                                                                                             | `"Not Verified"`                                                                                                                                                                                                                                    |
+| `dashboard_subRegionTaxNumber`                  | `dashboard_sub-region-tax-number`                    |                                                                                                                                | `string`                                                                                                             | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                                                                                                         |
+| `dashboard_taxAlertHeaderNotActiveW8`           | `dashboard_tax-alert-header-not-active-w-8`          | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                             | `"{documentType} tax form is invalid"`                                                                                                                                                                                                              |
+| `dashboard_taxAlertHeaderNotActiveW9`           | `dashboard_tax-alert-header-not-active-w-9`          | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                             | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                                                                                       |
+| `dashboard_taxAlertNotActiveMessageW8`          | `dashboard_tax-alert-not-active-message-w-8`         | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                             | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                                                                                                            |
+| `dashboard_taxAlertNotActiveMessageW9`          | `dashboard_tax-alert-not-active-message-w-9`         | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                                                                                                      |
+| `dashboard_taxDocumentSectionHeader`            | `dashboard_tax-document-section-header`              |                                                                                                                                | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                                                                                                   |
+| `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Displayed under the tax document section header.                                                                               | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                                                                                         |
+| `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    | Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid. | `string`                                                                                                             | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
+| `dateColumnTitle`                               | `date-column-title`                                  | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Date"`                                                                                                                                                                                                                                            |
+| `demoData`                                      | --                                                   |                                                                                                                                | `{ loading?: boolean; setStep?: (value: string) => void; step?: string; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                                                                                         |
+| `earningsColumnTitle`                           | `earnings-column-title`                              | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Earnings"`                                                                                                                                                                                                                                        |
+| `fieldInvalidError`                             | `field-invalid-error`                                | Displayed under a field when it has an invalid entry.                                                                          | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                                                                                          |
+| `fieldRequiredError`                            | `field-required-error`                               | Displayed under a field that is missing required information.                                                                  | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                                                                                         |
+| `formStep`                                      | `form-step`                                          |                                                                                                                                | `string`                                                                                                             | `"Step {step} of {count}"`                                                                                                                                                                                                                          |
+| `generalErrorDescription`                       | `general-error-description`                          | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                                       |
+| `generalErrorTitle`                             | `general-error-title`                                | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                                                                                                 |
+| `invoiceColumnTitle`                            | `invoice-column-title`                               | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Invoice"`                                                                                                                                                                                                                                         |
+| `isPartnerAlertDescription`                     | `is-partner-alert-description`                       | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com.           | `string`                                                                                                             | `"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."`                                                                         |
+| `isPartnerAlertHeader`                          | `is-partner-alert-header`                            | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com.           | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                                        |
+| `loadingErrorAlertDescription`                  | `loading-error-alert-description`                    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                             | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                                              |
+| `loadingErrorAlertHeader`                       | `loading-error-alert-header`                         | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                             | `"There was a problem loading your form"`                                                                                                                                                                                                           |
+| `searchForCountryText`                          | `search-for-country-text`                            | Placeholder text displayed in the country search dropdown                                                                      | `string`                                                                                                             | `"Search for country.."`                                                                                                                                                                                                                            |
+| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                                             | `string`                                                                                                             | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                                                                                         |
+| `step1_country`                                 | `step-1_country`                                     |                                                                                                                                | `string`                                                                                                             | `"Country"`                                                                                                                                                                                                                                         |
+| `step1_currency`                                | `step-1_currency`                                    |                                                                                                                                | `string`                                                                                                             | `"Currency"`                                                                                                                                                                                                                                        |
+| `step1_currencyHelpText`                        | `step-1_currency-help-text`                          |                                                                                                                                | `string`                                                                                                             | `"Choose your preferred payout currency"`                                                                                                                                                                                                           |
+| `step1_email`                                   | `step-1_email`                                       |                                                                                                                                | `string`                                                                                                             | `"Email"`                                                                                                                                                                                                                                           |
+| `step1_firstName`                               | `step-1_first-name`                                  |                                                                                                                                | `string`                                                                                                             | `"First name"`                                                                                                                                                                                                                                      |
+| `step1_lastName`                                | `step-1_last-name`                                   |                                                                                                                                | `string`                                                                                                             | `"Last name"`                                                                                                                                                                                                                                       |
+| `step1_personalInformation`                     | `step-1_personal-information`                        |                                                                                                                                | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                                                                                            |
+| `step1_searchForCurrencyText`                   | `step-1_search-for-currency-text`                    | Placeholder text displayed in the currency search dropdown                                                                     | `string`                                                                                                             | `"Search for currency.."`                                                                                                                                                                                                                           |
+| `step1_termsAndConditionsLabel`                 | `step-1_terms-and-conditions-label`                  |                                                                                                                                | `string`                                                                                                             | `"terms and conditions"`                                                                                                                                                                                                                            |
+| `step2_cannotChangeInfoAlert`                   | `step-2_cannot-change-info-alert`                    | Communicate that after this step, only Support can change personal and indirect tax information.                               | `string`                                                                                                             | `"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."`                                                                    |
+| `step2_indirectTax`                             | `step-2_indirect-tax`                                |                                                                                                                                | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                                                                                                    |
+| `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Displayed under the title of this step.                                                                                        | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                                                                                                  |
+| `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Displayed with indirect tax registration options.                                                                              | `string`                                                                                                             | `"Indirect tax details"`                                                                                                                                                                                                                            |
+| `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Displayed under the indirect tax details title.                                                                                | `string`                                                                                                             | `"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."`                                                                             |
+| `step2_indirectTaxNumber`                       | `step-2_indirect-tax-number`                         |                                                                                                                                | `string`                                                                                                             | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"`                                                                                                             |
+| `step2_indirectTaxNumberError`                  | `step-2_indirect-tax-number-error`                   |                                                                                                                                | `string`                                                                                                             | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"`                                                                                                 |
+| `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Displayed to participants registered for indirect tax in Quebec, Canada.                                                       | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                                                                                                     |
+| `step2_isRegisteredSubRegionIncomeTax`          | `step-2_is-registered-sub-region-income-tax`         | Displayed to participants registered for indirect tax in Spain.                                                                | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                                                      |
+| `step2_notRegistered`                           | `step-2_not-registered`                              |                                                                                                                                | `string`                                                                                                             | `"Not registered for indirect tax"`                                                                                                                                                                                                                 |
+| `step2_notRegisteredSubtext`                    | `step-2_not-registered-subtext`                      | Participants based in the US are  considered not registered.                                                                   | `string`                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                                                 |
+| `step2_otherRegion`                             | `step-2_other-region`                                |                                                                                                                                | `string`                                                                                                             | `"Registered for indirect tax"`                                                                                                                                                                                                                     |
+| `step2_otherRegionSubtext`                      | `step-2_other-region-subtext`                        | Selecting this option will display fields to enter indirect tax details.                                                       | `string`                                                                                                             | `"If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more."`                                                                                                       |
+| `step2_province`                                | `step-2_province`                                    |                                                                                                                                | `string`                                                                                                             | `"Province"`                                                                                                                                                                                                                                        |
+| `step2_qstNumber`                               | `step-2_qst-number`                                  | Displayed to participants registered for QST.                                                                                  | `string`                                                                                                             | `"QST number"`                                                                                                                                                                                                                                      |
+| `step2_selectedRegion`                          | `step-2_selected-region`                             |                                                                                                                                | `string`                                                                                                             | `"Country / region of indirect tax"`                                                                                                                                                                                                                |
+| `step2_subRegion`                               | `step-2_sub-region`                                  | Displayed to participants registered in Spain.                                                                                 | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                                                                                                      |
+| `step2_subRegionTaxNumberLabel`                 | `step-2_sub-region-tax-number-label`                 |                                                                                                                                | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                                                                                               |
+| `step3_banner`                                  | `step-3_banner`                                      | Text shown in the banner above the document                                                                                    | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                                                                                               |
+| `step3_businessEntity`                          | `step-3_business-entity`                             | An option for the participant type field. Used to determine which W-8 form is required.                                        | `string`                                                                                                             | `"I represent a business"`                                                                                                                                                                                                                          |
+| `step3_docusignError`                           | `step-3_docusign-error`                              | This appears inside the Docusign frame.                                                                                        | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                                                                                                  |
+| `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Remind participants their session will time out after 20 minutes of inactivity.                                                | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`                                                                                  |
+| `step3_individualParticipant`                   | `step-3_individual-participant`                      | An option for the participant type field. Used to determine which W-8 form is required.                                        | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                                                                                                  |
+| `step3_participantType`                         | `step-3_participant-type`                            |                                                                                                                                | `string`                                                                                                             | `"Participant type"`                                                                                                                                                                                                                                |
+| `step3_refreshButton`                           | `step-3_refresh-button`                              |                                                                                                                                | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                                                                                                    |
+| `step3_taxForm`                                 | `step-3_tax-form`                                    |                                                                                                                                | `string`                                                                                                             | `"Tax form"`                                                                                                                                                                                                                                        |
+| `step3_taxFormDescription`                      | `step-3_tax-form-description`                        | Displayed at the top of the page to participants based in the US.                                                              | `string`                                                                                                             | `"Participants based in the US need to submit a {documentType} form."`                                                                                                                                                                              |
+| `step3_taxFormDescriptionBusinessEntity`        | `step-3_tax-form-description-business-entity`        | Displayed at the top of the page to participants representing a business.                                                      | `string`                                                                                                             | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                                                                                                   |
+| `step3_taxFormDescriptionIndividualParticipant` | `step-3_tax-form-description-individual-participant` | Displayed at the top of the page to individuals joining a US program who reside outside the country.                           | `string`                                                                                                             | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                                                                                                              |
+| `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Display the type of tax form that the participant must submit.                                                                 | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                                                                                         |
+| `step4_agencyCodeLabel`                         | `step-4_agency-code-label`                           | Label text for the agency code input field                                                                                     | `string`                                                                                                             | `"Agency code"`                                                                                                                                                                                                                                     |
+| `step4_bankAccountNumberLabel`                  | `step-4_bank-account-number-label`                   | Label text for the bank account number input field                                                                             | `string`                                                                                                             | `"Bank account number"`                                                                                                                                                                                                                             |
+| `step4_bankAccountTypeLabel`                    | `step-4_bank-account-type-label`                     | Label text for the bank account type input field                                                                               | `string`                                                                                                             | `"Bank account type"`                                                                                                                                                                                                                               |
+| `step4_bankAddressLabel`                        | `step-4_bank-address-label`                          | Label text for the Bank Address input                                                                                          | `string`                                                                                                             | `"Bank address"`                                                                                                                                                                                                                                    |
+| `step4_bankCityLabel`                           | `step-4_bank-city-label`                             | Label text for the Bank City input                                                                                             | `string`                                                                                                             | `"Bank city"`                                                                                                                                                                                                                                       |
+| `step4_bankLocationLabel`                       | `step-4_bank-location-label`                         | Label text for the bank country location input field                                                                           | `string`                                                                                                             | `"Bank country location"`                                                                                                                                                                                                                           |
+| `step4_bankNameLabel`                           | `step-4_bank-name-label`                             | Label text for the bank name input field                                                                                       | `string`                                                                                                             | `"Bank name"`                                                                                                                                                                                                                                       |
+| `step4_bankPostalCodeLabel`                     | `step-4_bank-postal-code-label`                      | Label text for the Bank Postal Code                                                                                            | `string`                                                                                                             | `"Bank postal code"`                                                                                                                                                                                                                                |
+| `step4_bankStateLabel`                          | `step-4_bank-state-label`                            | Label text for the Bank Province / State input                                                                                 | `string`                                                                                                             | `"Bank Province / State"`                                                                                                                                                                                                                           |
+| `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              | Label text for the beneficiary account name input field                                                                        | `string`                                                                                                             | `"Beneficiary account name"`                                                                                                                                                                                                                        |
+| `step4_branchCodeLabel`                         | `step-4_branch-code-label`                           | Label text for the branch code input field                                                                                     | `string`                                                                                                             | `"Branch code"`                                                                                                                                                                                                                                     |
+| `step4_businessSelectItemLabel`                 | `step-4_business-select-item-label`                  | Label text for the business select item                                                                                        | `string`                                                                                                             | `"Business"`                                                                                                                                                                                                                                        |
+| `step4_cannotChangeInfoAlert`                   | `step-4_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                                               | `string`                                                                                                             | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."`                                                                     |
+| `step4_checkingSelectItemLabel`                 | `step-4_checking-select-item-label`                  | Label text for the checking account type select item                                                                           | `string`                                                                                                             | `"Checking"`                                                                                                                                                                                                                                        |
+| `step4_classificationCPFLabel`                  | `step-4_classification-c-p-f-label`                  | Label text for the classification CPF input field                                                                              | `string`                                                                                                             | `"Classification CPF"`                                                                                                                                                                                                                              |
+| `step4_classificationEntityLabel`               | `step-4_classification-entity-label`                 | Label text for the classification entity input field                                                                           | `string`                                                                                                             | `"Classification entity"`                                                                                                                                                                                                                           |
+| `step4_classificationLabel`                     | `step-4_classification-label`                        | Label text for the classification input field                                                                                  | `string`                                                                                                             | `"Classification"`                                                                                                                                                                                                                                  |
+| `step4_directlyToBankAccount`                   | `step-4_directly-to-bank-account`                    | Text for the option to receive payments directly to a bank account                                                             | `string`                                                                                                             | `"Directly to my bank account"`                                                                                                                                                                                                                     |
+| `step4_eftWithdrawalLabel`                      | `step-4_eft-withdrawal-label`                        |                                                                                                                                | `string`                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                                                                                           |
+| `step4_foreignSelectItemLabel`                  | `step-4_foreign-select-item-label`                   | Label text for the foreign select item                                                                                         | `string`                                                                                                             | `"Foreign"`                                                                                                                                                                                                                                         |
+| `step4_fxWireProcessingFeeLabel`                | `step-4_fx-wire-processing-fee-label`                |                                                                                                                                | `string`                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                                            |
+| `step4_ibanLabel`                               | `step-4_iban-label`                                  | Label text for the IBAN input field                                                                                            | `string`                                                                                                             | `"IBAN"`                                                                                                                                                                                                                                            |
+| `step4_individualSelectItemLabel`               | `step-4_individual-select-item-label`                | Label text for the individual select item                                                                                      | `string`                                                                                                             | `"Individual"`                                                                                                                                                                                                                                      |
+| `step4_patronymicNameLabel`                     | `step-4_patronymic-name-label`                       | Label text for the patronymic name input field                                                                                 | `string`                                                                                                             | `"Patronymic name"`                                                                                                                                                                                                                                 |
+| `step4_payPalInputLabel`                        | `step-4_pay-pal-input-label`                         | Label text for the PayPal email input field                                                                                    | `string`                                                                                                             | `"PayPal email"`                                                                                                                                                                                                                                    |
+| `step4_paymentDayFifteenthOfMonthLabelText`     | `step-4_payment-day-fifteenth-of-month-label-text`   | Label text for the payment day select option for the fifteenth of the month                                                    | `string`                                                                                                             | `"15th of the month"`                                                                                                                                                                                                                               |
+| `step4_paymentDayFirstOfMonthLabelText`         | `step-4_payment-day-first-of-month-label-text`       | Label text for the payment day select option for the first of the month                                                        | `string`                                                                                                             | `"1st of the month"`                                                                                                                                                                                                                                |
+| `step4_paymentDaySelectLabel`                   | `step-4_payment-day-select-label`                    | Label text for the payment day select                                                                                          | `string`                                                                                                             | `"Payment Day"`                                                                                                                                                                                                                                     |
+| `step4_paymentMethod`                           | `step-4_payment-method`                              | Heading text for the payment method section                                                                                    | `string`                                                                                                             | `"Payment method"`                                                                                                                                                                                                                                  |
+| `step4_paymentMethodSubtext`                    | `step-4_payment-method-subtext`                      | Subtext for the payment method section                                                                                         | `string`                                                                                                             | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                                             |
+| `step4_paymentSchedule`                         | `step-4_payment-schedule`                            | Heading text for the payment schedule section                                                                                  | `string`                                                                                                             | `"Payment schedule"`                                                                                                                                                                                                                                |
+| `step4_paymentScheduleBalanceThreshold`         | `step-4_payment-schedule-balance-threshold`          | Text for the option to receive payments at a specific balance threshold                                                        | `string`                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                                      |
+| `step4_paymentScheduleFixedDay`                 | `step-4_payment-schedule-fixed-day`                  | Text for the option to receive payments on a specific day of the month                                                         | `string`                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                                                                                              |
+| `step4_paymentThresholdSelectLabel`             | `step-4_payment-threshold-select-label`              | Label text for the payment day select                                                                                          | `string`                                                                                                             | `"Payment threshold"`                                                                                                                                                                                                                               |
+| `step4_routingCodeLabel`                        | `step-4_routing-code-label`                          | Label text for the routing code input field                                                                                    | `string`                                                                                                             | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"`                     |
+| `step4_savingsSelectItemLabel`                  | `step-4_savings-select-item-label`                   | Label text for the savings account type select item                                                                            | `string`                                                                                                             | `"Savings"`                                                                                                                                                                                                                                         |
+| `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            | Label text for the SWIFT code input field                                                                                      | `string`                                                                                                             | `"SWIFT code"`                                                                                                                                                                                                                                      |
+| `step4_taxAndPayouts`                           | `step-4_tax-and-payouts`                             |                                                                                                                                | `string`                                                                                                             | `"Payouts"`                                                                                                                                                                                                                                         |
+| `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          |                                                                                                                                | `string`                                                                                                             | `"Beneficiary INN"`                                                                                                                                                                                                                                 |
+| `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          |                                                                                                                                | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                                                   |
+| `step4_voCodeLabel`                             | `step-4_vo-code-label`                               |                                                                                                                                | `string`                                                                                                             | `"VO code"`                                                                                                                                                                                                                                         |
+| `taxAndPayoutsDescription`                      | `tax-and-payouts-description`                        | Displayed at the top of the page on all set up steps and on the dashboard.                                                     | `string`                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                                             |
+| `taxedAmountColumnTitle`                        | `taxed-amount-column-title`                          | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Taxed Amount"`                                                                                                                                                                                                                                    |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 89a3fb2927..beb8a8ecb4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -285,12 +285,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_taxAndPayouts: string = "Payouts";
-  /**
-   * Displayed at the top of the page on all set up steps and on the dashboard.
-   * @uiName Page description
-   */
-  @Prop() step4_taxAndPayoutsDescription: string =
-    "Submit your tax documents and add your banking information to receive your rewards.";
   /**
    * Text for the option to receive payments directly to a bank account
    * @uiName Directly to bank account option text
@@ -905,6 +899,12 @@ export class TaxAndCashMonolith {
    */
   @Prop() loadingErrorAlertDescription: string =
     "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 and on the dashboard.
+   * @uiName Page description
+   */
+  @Prop() taxAndPayoutsDescription: string =
+    "Submit your tax documents and add your banking information to receive your rewards.";
 
   /**
    *
@@ -934,6 +934,7 @@ export class TaxAndCashMonolith {
       isPartnerAlertDescription: props.isPartnerAlertDescription,
       loadingErrorAlertHeader: props.loadingErrorAlertHeader,
       loadingErrorAlertDescription: props.loadingErrorAlertDescription,
+      taxAndPayoutsDescription: props.taxAndPayoutsDescription,
       formStep: props.formStep,
     };
   }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index ed593e8f6a..bb96065601 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,29 +7,30 @@
 
 ## Properties
 
-| Property                       | Attribute                         | Description                                                                           | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                                     |
-| ------------------------------ | --------------------------------- | ------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`       | `allow-banking-collection`        | Label text for tax and banking collection checkbox                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
-| `continueButton`               | `continue-button`                 | Text shown inside of submit button                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Continue"`                                                                                                                                                                |
-| `country`                      | `country`                         | Label text for country input                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Country"`                                                                                                                                                                 |
-| `currency`                     | `currency`                        | Label text for currency input                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Currency"`                                                                                                                                                                |
-| `currencyHelpText`             | `currency-help-text`              | Help text shown underneath currency input                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Choose your preferred payout currency"`                                                                                                                                   |
-| `demoData`                     | --                                |                                                                                       | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; data?: { currencies: Currencies; countries: TaxCountry[]; allCurrencies: Currencies; allCountries: TaxCountry[]; }; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
-| `email`                        | `email`                           | Label text for email input                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Email"`                                                                                                                                                                   |
-| `fieldRequiredError`           | `field-required-error`            | Required error text shown at the bottom of field inputs                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{fieldName} is required"`                                                                                                                                                 |
-| `firstName`                    | `first-name`                      | Label text for first name input                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"First name"`                                                                                                                                                              |
-| `formStep`                     | `form-step`                       | Sub text shown at the top of the page, used to show the current step of the tax form. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                                  |
-| `generalErrorDescription`      | `general-error-description`       | The error message shown at the top of the page in an error banner                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`            | `general-error-title`             | The title for error message shown at the top of the page in an error banner           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                         |
-| `isPartnerAlertDescription`    | `is-partner-alert-description`    | Alert description text shown in alert if user is already a registered partner         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."` |
-| `isPartnerAlertHeader`         | `is-partner-alert-header`         | Alert header text shown in alert if user is already a registered partner              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `lastName`                     | `last-name`                       | Label text for last name input                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Last name"`                                                                                                                                                               |
-| `loadingErrorAlertDescription` | `loading-error-alert-description` | Alert description shown if there is a problem loading a form                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                      |
-| `loadingErrorAlertHeader`      | `loading-error-alert-header`      | Alert header shown if there is a problem loading a form                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                                   |
-| `personalInformation`          | `personal-information`            | Heading text shown above the forms inputs.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Personal Information"`                                                                                                                                                    |
-| `searchForCountryText`         | `search-for-country-text`         | Placeholder text displayed in the country search dropdown                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for country.."`                                                                                                                                                    |
-| `searchForCurrencyText`        | `search-for-currency-text`        | Placeholder text displayed in the currency search dropdown                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for currency.."`                                                                                                                                                   |
-| `termsAndConditionsLabel`      | `terms-and-conditions-label`      | Label text for terms and conditions                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Terms and Conditions"`                                                                                                                                                    |
+| Property                       | Attribute                         | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                                     |
+| ------------------------------ | --------------------------------- | -------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`       | `allow-banking-collection`        | Label text for tax and banking collection checkbox                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
+| `continueButton`               | `continue-button`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Continue"`                                                                                                                                                                |
+| `country`                      | `country`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Country"`                                                                                                                                                                 |
+| `currency`                     | `currency`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Currency"`                                                                                                                                                                |
+| `currencyHelpText`             | `currency-help-text`              |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Choose your preferred payout currency"`                                                                                                                                   |
+| `demoData`                     | --                                |                                                                                                                      | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; data?: { currencies: Currencies; countries: TaxCountry[]; allCurrencies: Currencies; allCountries: TaxCountry[]; }; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
+| `email`                        | `email`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Email"`                                                                                                                                                                   |
+| `fieldRequiredError`           | `field-required-error`            | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{fieldName} is required"`                                                                                                                                                 |
+| `firstName`                    | `first-name`                      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"First name"`                                                                                                                                                              |
+| `formStep`                     | `form-step`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                                  |
+| `generalErrorDescription`      | `general-error-description`       | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`            | `general-error-title`             | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                         |
+| `isPartnerAlertDescription`    | `is-partner-alert-description`    | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."` |
+| `isPartnerAlertHeader`         | `is-partner-alert-header`         | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                     | `last-name`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Last name"`                                                                                                                                                               |
+| `loadingErrorAlertDescription` | `loading-error-alert-description` | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                      |
+| `loadingErrorAlertHeader`      | `loading-error-alert-header`      | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                                   |
+| `personalInformation`          | `personal-information`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Personal Information"`                                                                                                                                                    |
+| `searchForCountryText`         | `search-for-country-text`         | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for country.."`                                                                                                                                                    |
+| `searchForCurrencyText`        | `search-for-currency-text`        | Placeholder text displayed in the currency search dropdown                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for currency.."`                                                                                                                                                   |
+| `taxAndPayoutsDescription`     | `tax-and-payouts-description`     | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
+| `termsAndConditionsLabel`      | `terms-and-conditions-label`      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"terms and conditions"`                                                                                                                                                    |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index e307f36c5a..32b5052c15 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -70,6 +70,7 @@ export interface UserInfoFormViewProps {
     isPartnerAlertHeader: string;
     isPartnerAlertDescription: string;
     termsAndConditionsLabel: string;
+    taxAndPayoutsDescription: string;
     error: {
       generalTitle: string;
       generalDescription: string;
@@ -164,6 +165,10 @@ const style = {
       color: "var(--sl-color-blue-500)",
     },
   },
+  PageDescriptionText: {
+    color: "var(--sl-color-neutral-500)",
+    fontSize: "var(--sl-font-size-medium)",
+  },
 };
 
 const sheet = createStyleSheet(style);
@@ -262,6 +267,9 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                 </p>
               )}
               <h3>{text.personalInformation}</h3>
+              <p class={classes.PageDescriptionText}>
+                {text.taxAndPayoutsDescription}
+              </p>
             </div>
           </div>
           {formState.errors?.general && (
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 5c3e9c7986..b60dbcde45 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -119,6 +119,12 @@ export class TaxForm {
    */
   @Prop() loadingErrorAlertDescription: string =
     "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 and on the dashboard.
+   * @uiName Page description
+   */
+  @Prop() taxAndPayoutsDescription: string =
+    "Submit your tax documents and add your banking information to receive your rewards.";
 
   /**
    * @undocumented

From 7d861449a208caa21a87ab607a3c7d30e53814f9 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 25 Mar 2024 16:31:49 -0700
Subject: [PATCH 638/753] fix spec

---
 .../src/components/tax-and-cash/sqm-tax-form.feature            | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 6edadf788f..86aec901c8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -51,7 +51,7 @@ Feature: Tax Form Flow
       | does not have tax info | is connected     | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
       | has tax info           | is not connected | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
       | has tax info           | is connected     | does have required doc     | does not have current doc | n/a      | n/a                               | step 3    |
-      | has tax info           | is connected     | does have required doc     | does have current doc     | INACTIVE | n/a                               | step 3    |
+      | has tax info           | is connected     | does have required doc     | does have current doc     | INACTIVE | n/a                               | step 4    |
       | has tax info           | is connected     | does have required doc     | does have current doc     | NEW      | n/a                               | step 3    |
       | has tax info           | is connected     | does have required doc     | does have current doc     | ACTIVE   | does not have withdrawal settings | step 4    |
       | has tax info           | is connected     | does have required doc     | does have current doc     | ACTIVE   | do have withdrawal settings       | dashboard |

From fbba7a567858ee78caa2429218fd43ece189c48f Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 25 Mar 2024 16:34:23 -0700
Subject: [PATCH 639/753] improve spacing

---
 .../sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx         | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index a5f50ca1ee..f6a6408018 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -168,6 +168,7 @@ const style = {
   PageDescriptionText: {
     color: "var(--sl-color-neutral-500)",
     fontSize: "var(--sl-font-size-medium)",
+    marginBottom: "var(--sl-spacing-small)",
   },
 };
 

From a0a22a78df2e858714a403412470d7fc32a0dae3 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 25 Mar 2024 16:45:58 -0700
Subject: [PATCH 640/753] remove back button / spec from docusign form, publish

---
 packages/mint-components/package.json         |  2 +-
 packages/mint-components/src/components.d.ts  | 16 ------
 .../tax-and-cash/sqm-docusign-form/readme.md  | 44 ++++++++--------
 .../sqm-docusign-form-view.tsx                | 13 -----
 .../sqm-docusign-form/sqm-docusign-form.tsx   | 12 -----
 .../sqm-docusign-form/useDocusignForm.tsx     |  6 ---
 .../tax-and-cash/sqm-tax-form.feature         | 52 ++++++++-----------
 7 files changed, 44 insertions(+), 101 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index f74372df0e..8c41343777 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-110",
+  "version": "1.8.0-111",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 7d740151f7..b06ad55572 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -555,10 +555,6 @@ export namespace Components {
         "url": string;
     }
     interface SqmDocusignForm {
-        /**
-          * @uiName Back button label
-         */
-        "backButton": string;
         /**
           * Text shown in the banner above the document
           * @uiName Banner text
@@ -569,10 +565,6 @@ export namespace Components {
           * @uiName Business representative participant type label
          */
         "businessEntity": string;
-        /**
-          * @uiName Cancel button label
-         */
-        "cancelButton": string;
         /**
           * @undocumented 
           * @uiType object
@@ -6159,10 +6151,6 @@ declare namespace LocalJSX {
         "url"?: string;
     }
     interface SqmDocusignForm {
-        /**
-          * @uiName Back button label
-         */
-        "backButton"?: string;
         /**
           * Text shown in the banner above the document
           * @uiName Banner text
@@ -6173,10 +6161,6 @@ declare namespace LocalJSX {
           * @uiName Business representative participant type label
          */
         "businessEntity"?: string;
-        /**
-          * @uiName Cancel button label
-         */
-        "cancelButton"?: string;
         /**
           * @undocumented 
           * @uiType object
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index 0c2550470e..6d57ff05c5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,29 +7,27 @@
 
 ## Properties
 
-| Property                                  | Attribute                                     | Description                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                            |
-| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `backButton`                              | `back-button`                                 |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Back"`                                                                                                                                                           |
-| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
-| `businessEntity`                          | `business-entity`                             | An option for the participant type field. Used to determine which W-8 form is required.              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I represent a business"`                                                                                                                                         |
-| `cancelButton`                            | `cancel-button`                               |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Cancel"`                                                                                                                                                         |
-| `demoData`                                | --                                            |                                                                                                      | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
-| `docusignError`                           | `docusign-error`                              | This appears inside the Docusign frame.                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
-| `docusignExpired`                         | `docusign-expired`                            | Remind participants their session will time out after 20 minutes of inactivity.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
-| `formStep`                                | `form-step`                                   |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                         |
-| `generalErrorDescription`                 | `general-error-description`                   | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
-| `generalErrorTitle`                       | `general-error-title`                         | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                |
-| `individualParticipant`                   | `individual-participant`                      | An option for the participant type field. Used to determine which W-8 form is required.              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am an individual participant"`                                                                                                                                 |
-| `loadingErrorAlertDescription`            | `loading-error-alert-description`             | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                             |
-| `loadingErrorAlertHeader`                 | `loading-error-alert-header`                  | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                          |
-| `participantType`                         | `participant-type`                            |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participant type"`                                                                                                                                               |
-| `refreshButton`                           | `refresh-button`                              |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Refresh Page"`                                                                                                                                                   |
-| `taxAndPayoutsDescription`                | `tax-and-payouts-description`                 | Displayed at the top of the page on all set up steps and on the dashboard.                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                            |
-| `taxForm`                                 | `tax-form`                                    |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Tax form"`                                                                                                                                                       |
-| `taxFormDescription`                      | `tax-form-description`                        | Displayed at the top of the page to participants based in the US.                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
-| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Displayed at the top of the page to participants representing a business.                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
-| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Displayed at the top of the page to individuals joining a US program who reside outside the country. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
-| `taxFormLabel`                            | `tax-form-label`                              | Display the type of tax form that the participant must submit.                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{documentType} Tax Form"`                                                                                                                                        |
+| Property                                  | Attribute                                     | Description                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                  | Default                                                                                                                                                            |
+| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
+| `businessEntity`                          | `business-entity`                             | An option for the participant type field. Used to determine which W-8 form is required.              | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"I represent a business"`                                                                                                                                         |
+| `demoData`                                | --                                            |                                                                                                      | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
+| `docusignError`                           | `docusign-error`                              | This appears inside the Docusign frame.                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
+| `docusignExpired`                         | `docusign-expired`                            | Remind participants their session will time out after 20 minutes of inactivity.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
+| `formStep`                                | `form-step`                                   |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Step {step} of {count}"`                                                                                                                                         |
+| `generalErrorDescription`                 | `general-error-description`                   | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
+| `generalErrorTitle`                       | `general-error-title`                         | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"There was a problem submitting your information"`                                                                                                                |
+| `individualParticipant`                   | `individual-participant`                      | An option for the participant type field. Used to determine which W-8 form is required.              | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"I am an individual participant"`                                                                                                                                 |
+| `loadingErrorAlertDescription`            | `loading-error-alert-description`             | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                             |
+| `loadingErrorAlertHeader`                 | `loading-error-alert-header`                  | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"There was a problem loading your form"`                                                                                                                          |
+| `participantType`                         | `participant-type`                            |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Participant type"`                                                                                                                                               |
+| `refreshButton`                           | `refresh-button`                              |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Refresh Page"`                                                                                                                                                   |
+| `taxAndPayoutsDescription`                | `tax-and-payouts-description`                 | Displayed at the top of the page on all set up steps and on the dashboard.                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                            |
+| `taxForm`                                 | `tax-form`                                    |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Tax form"`                                                                                                                                                       |
+| `taxFormDescription`                      | `tax-form-description`                        | Displayed at the top of the page to participants based in the US.                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
+| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Displayed at the top of the page to participants representing a business.                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
+| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Displayed at the top of the page to individuals joining a US program who reside outside the country. | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
+| `taxFormLabel`                            | `tax-form-label`                              | Display the type of tax form that the participant must submit.                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"{documentType} Tax Form"`                                                                                                                                        |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 18253deeda..d2e2fef561 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -23,7 +23,6 @@ export interface DocusignFormViewProps {
     };
     documentType: TaxDocumentType;
     documentTypeString: string;
-    hideBackButton: boolean;
   };
   slots: {
     docusignExpiredSlot?: VNode;
@@ -31,7 +30,6 @@ export interface DocusignFormViewProps {
   };
   callbacks: {
     setParticipantType: (p: ParticipantType) => void;
-    onBack: () => void;
   };
   text: {
     formStep: string;
@@ -41,8 +39,6 @@ export interface DocusignFormViewProps {
     taxFormDescriptionIndividualParticipant: string;
     taxFormDescriptionBusinessEntity?: string;
     banner: string;
-    backButton: string;
-    cancelButton: string;
     businessEntity: string;
     individualParticipant: string;
     participantType: string;
@@ -352,15 +348,6 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
               {text.banner}
             </sl-alert>
             {slots.docusignIframeSlot}
-            {!states.hideBackButton && (
-              <sl-button
-                class={classes.SecondaryBtn}
-                type="text"
-                onClick={callbacks.onBack}
-              >
-                {text.cancelButton}
-              </sl-button>
-            )}
           </div>
         </div>
       )}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index ee457bfd53..bba04e3279 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -92,14 +92,6 @@ export class DocusignForm {
    * @uiName Refresh page button label
    */
   @Prop() refreshButton: string = "Refresh Page";
-  /**
-   * @uiName Back button label
-   */
-  @Prop() backButton: string = "Back";
-  /**
-   * @uiName Cancel button label
-   */
-  @Prop() cancelButton: string = "Cancel";
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message title
@@ -215,7 +207,6 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
           errors: {},
         },
         documentType: "W9",
-        hideBackButton: false,
       },
       data: {
         taxForm: "W9",
@@ -224,9 +215,6 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
       callbacks: {
         setParticipantType: (p) => console.log({ p }),
         setDocusignStatus: (status: DocusignStatus) => console.log(status),
-        onBack: () => {
-          setStep("/2");
-        },
       },
     },
     props.demoData || {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index a6afe871df..9603fde381 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -160,10 +160,6 @@ export function useDocusignForm(props: DocusignForm) {
     }
   }, [docusignStatus, refetch]);
 
-  const onBack = () => {
-    setStep(context.overrideBackStep);
-  };
-
   const allLoading = userLoading || documentLoading || loading;
 
   return {
@@ -183,7 +179,6 @@ export function useDocusignForm(props: DocusignForm) {
       docusignStatus,
       documentType: actualDocumentType,
       documentTypeString: taxTypeToName(actualDocumentType),
-      hideBackButton: !context.overrideBackStep,
     },
     data: {
       taxForm: actualDocumentType,
@@ -192,7 +187,6 @@ export function useDocusignForm(props: DocusignForm) {
     callbacks: {
       setDocusignStatus,
       setParticipantType,
-      onBack,
     },
     text: props.getTextProps(),
   };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 86aec901c8..5bd955d25c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -23,16 +23,16 @@ Feature: Tax Form Flow
     When they complete filling out their indirect tax information
     And press "Continue"
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
-    Examples: 
+    Examples:
       | countryCode | brandCountry | stepX |
-      | CA          | US           |     3 |
-      | CA          | MX           |     4 |
-      | US          | CA           |     3 |
-      | US          | MX           |     3 |
-      | UK          | US           |     3 |
-      | UK          | MX           |     4 |
-      | EG          | US           |     3 |
-      | EG          | MX           |     4 |
+      | CA          | US           | 3     |
+      | CA          | MX           | 4     |
+      | US          | CA           | 3     |
+      | US          | MX           | 3     |
+      | UK          | US           | 3     |
+      | UK          | MX           | 4     |
+      | EG          | US           | 3     |
+      | EG          | MX           | 4     |
 
   @motivating
   Scenario Outline: Default form step is dependent on publisher connection status and saved publisher information
@@ -45,7 +45,7 @@ Feature: Tax Form Flow
     And participant <hasWithdrawalSettings>
     Then they proceed to <stepX>
 
-    Examples: 
+    Examples:
       | hasTax                 | isConnected      | hasRequiredDoc             | hasCurrentTaxDoc          | status   | hasWithdrawalSettings             | stepX     |
       | does not have tax info | is not connected | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
       | does not have tax info | is connected     | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
@@ -85,16 +85,16 @@ Feature: Tax Form Flow
     When they press "Continue"
     Then they proceed to <stepX> depending on their <brandCountry> and participants <countryCode>
 
-    Examples: 
+    Examples:
       | countryCode | brandCountry | stepX |
-      | CA          | US           |     3 |
-      | CA          | MX           |     4 |
-      | US          | CA           |     3 |
-      | US          | MX           |     3 |
-      | UK          | US           |     3 |
-      | UK          | US           |     3 |
-      | ES          | US           |     3 |
-      | EG          | MX           |     4 |
+      | CA          | US           | 3     |
+      | CA          | MX           | 4     |
+      | US          | CA           | 3     |
+      | US          | MX           | 3     |
+      | UK          | US           | 3     |
+      | UK          | US           | 3     |
+      | ES          | US           | 3     |
+      | EG          | MX           | 4     |
 
   @minutia
   Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms
@@ -103,7 +103,7 @@ Feature: Tax Form Flow
     And the user selects a <country> not in the US
     Then they skip to step 4 Payout Details
 
-    Examples: 
+    Examples:
       | brandCountry | country |
       | MX           | UK      |
       | AUS          | EGP     |
@@ -117,7 +117,7 @@ Feature: Tax Form Flow
     Then they must select <participantType>
     And the <autoSelectedForm> is displayed
 
-    Examples: 
+    Examples:
       | brandCountry | country | participantType       | autoSelectedForm |
       | US           | CA      | individualParticipant | W8-BEN           |
       | US           | CA      | businessEntity        | W8-BEN-E         |
@@ -131,7 +131,7 @@ Feature: Tax Form Flow
     When they view step 3
     Then the <autoSelectedForm> is displayed
 
-    Examples: 
+    Examples:
       | brandCountry | country | autoSelectedForm |
       | MX           | US      | W9               |
       | UK           | US      | W9               |
@@ -204,14 +204,6 @@ Feature: Tax Form Flow
     Then they are sent to the Dashboard step
     And they skip the banking info form step
 
-  @minutia
-  Scenario: "Edit Payout Information" button redirects to Banking Info step and shows "Back" button
-    Given a user is on the Dashboard step
-    When they click the "Edit Payout Information" button if they can
-    And they are redirected to the Banking Info step
-    Then they will see a "Back" button
-    And they may click the "Back" button to return to the Dashboard step
-
   @minutia
   Scenario: "Submit New Form" button redirects to Docusign step and shows "Back" button
     Given a user is on the Dashboard step

From 70dfcd821661a3305594f15d20b12bfbcf926148 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 25 Mar 2024 17:06:30 -0700
Subject: [PATCH 641/753] Added uiWidget textArea to neccessary text props

---
 packages/mint-components/src/components.d.ts  | 182 ++++++++++++++++--
 .../sqm-banking-info-form.tsx                 |   6 +
 .../sqm-docusign-form/sqm-docusign-form.tsx   |   9 +
 .../sqm-indirect-tax-form.tsx                 |  14 +-
 .../sqm-tax-and-cash-dashboard.tsx            |  18 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  38 +++-
 .../sqm-user-info-form/sqm-user-info-form.tsx |   7 +
 7 files changed, 250 insertions(+), 24 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index bd0c77b9e0..845bd6d40b 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -196,11 +196,13 @@ export namespace Components {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message description
+          * @uiWidget textArea
          */
         "generalErrorDescription": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message title
+          * @uiWidget textArea
          */
         "generalErrorTitle": string;
         /**
@@ -216,21 +218,25 @@ export namespace Components {
         /**
           * 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
          */
         "isPartnerAlertDescription": string;
         /**
           * 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
          */
         "isPartnerAlertHeader": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message description
+          * @uiWidget textArea
          */
         "loadingErrorAlertDescription": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message title
+          * @uiWidget textArea
          */
         "loadingErrorAlertHeader": string;
         /**
@@ -581,11 +587,13 @@ export namespace Components {
         /**
           * This appears inside the Docusign frame.
           * @uiName Docusign form error message
+          * @uiWidget textArea
          */
         "docusignError": string;
         /**
           * Remind participants their session will time out after 20 minutes of inactivity.
           * @uiName Docusign timed session message
+          * @uiWidget textArea
          */
         "docusignExpired": string;
         /**
@@ -595,11 +603,13 @@ export namespace Components {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message description
+          * @uiWidget textArea
          */
         "generalErrorDescription": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message title
+          * @uiWidget textArea
          */
         "generalErrorTitle": string;
         /**
@@ -610,11 +620,13 @@ export namespace Components {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message description
+          * @uiWidget textArea
          */
         "loadingErrorAlertDescription": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message title
+          * @uiWidget textArea
          */
         "loadingErrorAlertHeader": string;
         /**
@@ -632,16 +644,19 @@ export namespace Components {
         /**
           * Displayed at the top of the page to participants based in the US.
           * @uiName W-9 tax form description
+          * @uiWidget textArea
          */
         "taxFormDescription": string;
         /**
           * Displayed at the top of the page to participants representing a business.
           * @uiName W-8 BEN-E tax form description
+          * @uiWidget textArea
          */
         "taxFormDescriptionBusinessEntity": string;
         /**
           * Displayed at the top of the page to individuals joining a US program who reside outside the country.
           * @uiName W-8 BEN tax form description
+          * @uiWidget textArea
          */
         "taxFormDescriptionIndividualParticipant": string;
         /**
@@ -950,6 +965,7 @@ export namespace Components {
         /**
           * Communicate that after this step, only Support can change personal and indirect tax information.
           * @uiName Submission confirmation alert
+          * @uiWidget textArea
          */
         "cannotChangeInfoAlert": string;
         /**
@@ -972,11 +988,13 @@ export namespace Components {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message description
+          * @uiWidget textArea
          */
         "generalErrorDescription": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message title
+          * @uiWidget textArea
          */
         "generalErrorTitle": string;
         /**
@@ -986,6 +1004,7 @@ export namespace Components {
         /**
           * Displayed under the title of this step.
           * @uiName Step 2 description
+          * @uiWidget textArea
          */
         "indirectTaxDescription": string;
         /**
@@ -995,7 +1014,8 @@ export namespace Components {
         "indirectTaxDetails": string;
         /**
           * Displayed under the indirect tax details title.
-          * @uiName Indirect tax details section  description
+          * @uiName Indirect tax details section description
+          * @uiWidget textArea
          */
         "indirectTaxDetailsDescription": string;
         /**
@@ -1009,11 +1029,13 @@ export namespace Components {
         /**
           * 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
          */
         "isPartnerAlertDescription": string;
         /**
           * 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
          */
         "isPartnerAlertHeader": string;
         /**
@@ -1024,20 +1046,24 @@ export namespace Components {
         /**
           * Displayed to participants registered for indirect tax in Spain.
           * @uiName Spain income tax checkbox
+          * @uiWidget textArea
          */
         "isRegisteredSubRegionIncomeTax": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message description
+          * @uiWidget textArea
          */
         "loadingErrorAlertDescription": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message title
+          * @uiWidget textArea
          */
         "loadingErrorAlertHeader": string;
         /**
           * @uiName Not registered for indirect tax option
+          * @uiWidget textArea
          */
         "notRegistered": string;
         /**
@@ -1047,6 +1073,7 @@ export namespace Components {
         "notRegisteredSubtext": string;
         /**
           * @uiName Registered for indirect tax option
+          * @uiWidget textArea
          */
         "otherRegion": string;
         /**
@@ -3776,14 +3803,16 @@ export namespace Components {
         "dashboard_editPaymentInformationButton": string;
         /**
           * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
-          * @uiName Payout error message title
+          * @uiName Payout error message description
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_errorDescriptionText": string;
         /**
-          * Error alert header shown above payout details card
-          * @uiName Error 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
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_errorTitleText": string;
         /**
@@ -3818,12 +3847,14 @@ export namespace Components {
         /**
           * @uiName Indirect tax tooltip
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_indirectTaxTooltipSupport": string;
         /**
           * Additional text displayed next to the tax form's status badge.
           * @uiName Invalid tax form description
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_invalidForm"?: string;
         /**
@@ -3835,11 +3866,13 @@ export namespace Components {
           * No other statuses or badges will be displayed in the tax form section in this case.
           * @uiName Tax form not required text
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_noFormNeededSubtext": string;
         /**
           * @uiName Not registered for indirect tax text
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_notRegisteredForTax": string;
         /**
@@ -3884,12 +3917,14 @@ export namespace Components {
           * Part of the alert displayed at the top of the page.
           * @uiName Inactive W-8 error message title
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_taxAlertHeaderNotActiveW8"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Inactive W-9 error message title
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_taxAlertHeaderNotActiveW9"?: string;
         /**
@@ -3902,6 +3937,7 @@ export namespace Components {
           * Part of the alert displayed at the top of the page.
           * @uiName Inactive W-9 error message description
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_taxAlertNotActiveMessageW9"?: string;
         /**
@@ -3959,12 +3995,14 @@ export namespace Components {
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message description
           * @uiGroup General Form Properties
+          * @uiWidget textArea
          */
         "generalErrorDescription": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message title
           * @uiGroup General Form Properties
+          * @uiWidget textArea
          */
         "generalErrorTitle": string;
         /**
@@ -3977,24 +4015,28 @@ export namespace Components {
           * 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
           * @uiGroup General Form Properties
+          * @uiWidget textArea
          */
         "isPartnerAlertDescription": string;
         /**
           * 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
           * @uiGroup General Form Properties
+          * @uiWidget textArea
          */
         "isPartnerAlertHeader": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message description
           * @uiGroup General Form Properties
+          * @uiWidget textArea
          */
         "loadingErrorAlertDescription": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message title
           * @uiGroup General Form Properties
+          * @uiWidget textArea
          */
         "loadingErrorAlertHeader": string;
         /**
@@ -4051,12 +4093,14 @@ export namespace Components {
         /**
           * @uiName Terms and conditions checkbox
           * @uiGroup Step 1 Properties
+          * @uiWidget textArea
          */
         "step1_termsAndConditionsLabel": string;
         /**
           * Communicate that after this step, only Support can change personal and indirect tax information.
           * @uiName Submission confirmation alert
           * @uiGroup Step 2 Properties
+          * @uiWidget textArea
          */
         "step2_cannotChangeInfoAlert": string;
         /**
@@ -4068,6 +4112,7 @@ export namespace Components {
           * Displayed under the title of this step.
           * @uiName Step 2 description
           * @uiGroup Step 2 Properties
+          * @uiWidget textArea
          */
         "step2_indirectTaxDescription": string;
         /**
@@ -4078,8 +4123,9 @@ export namespace Components {
         "step2_indirectTaxDetails": string;
         /**
           * Displayed under the indirect tax details title.
-          * @uiName Indirect tax details section  description
+          * @uiName Indirect tax details section description
           * @uiGroup Step 2 Properties
+          * @uiWidget textArea
          */
         "step2_indirectTaxDetailsDescription": string;
         /**
@@ -4102,11 +4148,13 @@ export namespace Components {
           * Displayed to participants registered for indirect tax in Spain.
           * @uiName Spain income tax checkbox
           * @uiGroup Step 2 Properties
+          * @uiWidget textArea
          */
         "step2_isRegisteredSubRegionIncomeTax": string;
         /**
           * @uiName Not registered for indirect tax option
           * @uiGroup Step 2 Properties
+          * @uiWidget textArea
          */
         "step2_notRegistered": string;
         /**
@@ -4118,6 +4166,7 @@ export namespace Components {
         /**
           * @uiName Registered for indirect tax option
           * @uiGroup Step 2 Properties
+          * @uiWidget textArea
          */
         "step2_otherRegion": string;
         /**
@@ -4167,14 +4216,16 @@ export namespace Components {
         "step3_businessEntity": string;
         /**
           * This appears inside the Docusign frame.
-          * @uiName Docusign form error message *
+          * @uiName Docusign form error message
           * @uiGroup Step 3 Properties
+          * @uiWidget textArea
          */
         "step3_docusignError": string;
         /**
           * Remind participants their session will time out after 20 minutes of inactivity.
           * @uiName Docusign timed session message
           * @uiGroup Step 3 Properties
+          * @uiWidget textArea
          */
         "step3_docusignExpired": string;
         /**
@@ -4202,18 +4253,21 @@ export namespace Components {
           * Displayed at the top of the page to participants based in the US.
           * @uiName W-9 tax form description
           * @uiGroup Step 3 Properties
+          * @uiWidget textArea
          */
         "step3_taxFormDescription": string;
         /**
           * Displayed at the top of the page to participants representing a business.
           * @uiName W-8 BEN-E tax form description
           * @uiGroup Step 3 Properties
+          * @uiWidget textArea
          */
         "step3_taxFormDescriptionBusinessEntity": string;
         /**
           * Displayed at the top of the page to individuals joining a US program who reside outside the country.
           * @uiName W-8 BEN tax form description
           * @uiGroup Step 3 Properties
+          * @uiWidget textArea
          */
         "step3_taxFormDescriptionIndividualParticipant": string;
         /**
@@ -4524,22 +4578,27 @@ export namespace Components {
          */
         "editPaymentInformationButton": string;
         /**
+          * 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
          */
         "errorDescriptionText": string;
         /**
-          * Payout error message title
-          * @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
          */
         "errorTitleText": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message description
+          * @uiWidget textArea
          */
         "generalErrorDescription": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message title
+          * @uiWidget textArea
          */
         "generalErrorTitle": string;
         /**
@@ -4568,11 +4627,13 @@ export namespace Components {
         "indirectTaxInfoSpain": string;
         /**
           * @uiName Indirect tax tooltip
+          * @uiWidget textArea
          */
         "indirectTaxTooltipSupport": string;
         /**
           * Additional text displayed next to the tax form's status badge.
           * @uiName Invalid tax form description
+          * @uiWidget textArea
          */
         "invalidForm"?: string;
         /**
@@ -4583,11 +4644,13 @@ export namespace Components {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message description
+          * @uiWidget textArea
          */
         "loadingErrorAlertDescription": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message title
+          * @uiWidget textArea
          */
         "loadingErrorAlertHeader": string;
         /**
@@ -4597,10 +4660,12 @@ export namespace Components {
         /**
           * No other statuses or badges will be displayed in the tax form section in this case.
           * @uiName Tax form not required text
+          * @uiWidget textArea
          */
         "noFormNeededSubtext": string;
         /**
           * @uiName Not registered for indirect tax text
+          * @uiWidget textArea
          */
         "notRegisteredForTax": string;
         /**
@@ -4637,11 +4702,13 @@ export namespace Components {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Inactive W-8 error message title
+          * @uiWidget textArea
          */
         "taxAlertHeaderNotActiveW8"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Inactive W-9 error message title
+          * @uiWidget textArea
          */
         "taxAlertHeaderNotActiveW9"?: string;
         /**
@@ -4652,6 +4719,7 @@ export namespace Components {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Inactive W-9 error message description
+          * @uiWidget textArea
          */
         "taxAlertNotActiveMessageW9"?: string;
         /**
@@ -4797,21 +4865,25 @@ export namespace Components {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message description
+          * @uiWidget textArea
          */
         "generalErrorDescription": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message title
+          * @uiWidget textArea
          */
         "generalErrorTitle": string;
         /**
           * 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
          */
         "isPartnerAlertDescription": string;
         /**
           * 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
          */
         "isPartnerAlertHeader": string;
         /**
@@ -4821,11 +4893,13 @@ export namespace Components {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message description
+          * @uiWidget textArea
          */
         "loadingErrorAlertDescription": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message title
+          * @uiWidget textArea
          */
         "loadingErrorAlertHeader": string;
         /**
@@ -4844,6 +4918,7 @@ export namespace Components {
         "searchForCurrencyText": string;
         /**
           * @uiName Terms and conditions checkbox
+          * @uiWidget textArea
          */
         "termsAndConditionsLabel": string;
     }
@@ -5779,11 +5854,13 @@ declare namespace LocalJSX {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message description
+          * @uiWidget textArea
          */
         "generalErrorDescription"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message title
+          * @uiWidget textArea
          */
         "generalErrorTitle"?: string;
         /**
@@ -5799,21 +5876,25 @@ declare namespace LocalJSX {
         /**
           * 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
          */
         "isPartnerAlertDescription"?: string;
         /**
           * 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
          */
         "isPartnerAlertHeader"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message description
+          * @uiWidget textArea
          */
         "loadingErrorAlertDescription"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message title
+          * @uiWidget textArea
          */
         "loadingErrorAlertHeader"?: string;
         /**
@@ -6165,11 +6246,13 @@ declare namespace LocalJSX {
         /**
           * This appears inside the Docusign frame.
           * @uiName Docusign form error message
+          * @uiWidget textArea
          */
         "docusignError"?: string;
         /**
           * Remind participants their session will time out after 20 minutes of inactivity.
           * @uiName Docusign timed session message
+          * @uiWidget textArea
          */
         "docusignExpired"?: string;
         /**
@@ -6179,11 +6262,13 @@ declare namespace LocalJSX {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message description
+          * @uiWidget textArea
          */
         "generalErrorDescription"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message title
+          * @uiWidget textArea
          */
         "generalErrorTitle"?: string;
         /**
@@ -6194,11 +6279,13 @@ declare namespace LocalJSX {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message description
+          * @uiWidget textArea
          */
         "loadingErrorAlertDescription"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message title
+          * @uiWidget textArea
          */
         "loadingErrorAlertHeader"?: string;
         /**
@@ -6216,16 +6303,19 @@ declare namespace LocalJSX {
         /**
           * Displayed at the top of the page to participants based in the US.
           * @uiName W-9 tax form description
+          * @uiWidget textArea
          */
         "taxFormDescription"?: string;
         /**
           * Displayed at the top of the page to participants representing a business.
           * @uiName W-8 BEN-E tax form description
+          * @uiWidget textArea
          */
         "taxFormDescriptionBusinessEntity"?: string;
         /**
           * Displayed at the top of the page to individuals joining a US program who reside outside the country.
           * @uiName W-8 BEN tax form description
+          * @uiWidget textArea
          */
         "taxFormDescriptionIndividualParticipant"?: string;
         /**
@@ -6534,6 +6624,7 @@ declare namespace LocalJSX {
         /**
           * Communicate that after this step, only Support can change personal and indirect tax information.
           * @uiName Submission confirmation alert
+          * @uiWidget textArea
          */
         "cannotChangeInfoAlert"?: string;
         /**
@@ -6556,11 +6647,13 @@ declare namespace LocalJSX {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message description
+          * @uiWidget textArea
          */
         "generalErrorDescription"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message title
+          * @uiWidget textArea
          */
         "generalErrorTitle"?: string;
         /**
@@ -6570,6 +6663,7 @@ declare namespace LocalJSX {
         /**
           * Displayed under the title of this step.
           * @uiName Step 2 description
+          * @uiWidget textArea
          */
         "indirectTaxDescription"?: string;
         /**
@@ -6579,7 +6673,8 @@ declare namespace LocalJSX {
         "indirectTaxDetails"?: string;
         /**
           * Displayed under the indirect tax details title.
-          * @uiName Indirect tax details section  description
+          * @uiName Indirect tax details section description
+          * @uiWidget textArea
          */
         "indirectTaxDetailsDescription"?: string;
         /**
@@ -6593,11 +6688,13 @@ declare namespace LocalJSX {
         /**
           * 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
          */
         "isPartnerAlertDescription"?: string;
         /**
           * 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
          */
         "isPartnerAlertHeader"?: string;
         /**
@@ -6608,20 +6705,24 @@ declare namespace LocalJSX {
         /**
           * Displayed to participants registered for indirect tax in Spain.
           * @uiName Spain income tax checkbox
+          * @uiWidget textArea
          */
         "isRegisteredSubRegionIncomeTax"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message description
+          * @uiWidget textArea
          */
         "loadingErrorAlertDescription"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message title
+          * @uiWidget textArea
          */
         "loadingErrorAlertHeader"?: string;
         /**
           * @uiName Not registered for indirect tax option
+          * @uiWidget textArea
          */
         "notRegistered"?: string;
         /**
@@ -6631,6 +6732,7 @@ declare namespace LocalJSX {
         "notRegisteredSubtext"?: string;
         /**
           * @uiName Registered for indirect tax option
+          * @uiWidget textArea
          */
         "otherRegion"?: string;
         /**
@@ -9330,14 +9432,16 @@ declare namespace LocalJSX {
         "dashboard_editPaymentInformationButton"?: string;
         /**
           * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
-          * @uiName Payout error message title
+          * @uiName Payout error message description
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_errorDescriptionText"?: string;
         /**
-          * Error alert header shown above payout details card
-          * @uiName Error 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
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_errorTitleText"?: string;
         /**
@@ -9372,12 +9476,14 @@ declare namespace LocalJSX {
         /**
           * @uiName Indirect tax tooltip
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_indirectTaxTooltipSupport"?: string;
         /**
           * Additional text displayed next to the tax form's status badge.
           * @uiName Invalid tax form description
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_invalidForm"?: string;
         /**
@@ -9389,11 +9495,13 @@ declare namespace LocalJSX {
           * No other statuses or badges will be displayed in the tax form section in this case.
           * @uiName Tax form not required text
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_noFormNeededSubtext"?: string;
         /**
           * @uiName Not registered for indirect tax text
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_notRegisteredForTax"?: string;
         /**
@@ -9438,12 +9546,14 @@ declare namespace LocalJSX {
           * Part of the alert displayed at the top of the page.
           * @uiName Inactive W-8 error message title
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_taxAlertHeaderNotActiveW8"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Inactive W-9 error message title
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_taxAlertHeaderNotActiveW9"?: string;
         /**
@@ -9456,6 +9566,7 @@ declare namespace LocalJSX {
           * Part of the alert displayed at the top of the page.
           * @uiName Inactive W-9 error message description
           * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_taxAlertNotActiveMessageW9"?: string;
         /**
@@ -9513,12 +9624,14 @@ declare namespace LocalJSX {
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message description
           * @uiGroup General Form Properties
+          * @uiWidget textArea
          */
         "generalErrorDescription"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message title
           * @uiGroup General Form Properties
+          * @uiWidget textArea
          */
         "generalErrorTitle"?: string;
         /**
@@ -9531,24 +9644,28 @@ declare namespace LocalJSX {
           * 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
           * @uiGroup General Form Properties
+          * @uiWidget textArea
          */
         "isPartnerAlertDescription"?: string;
         /**
           * 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
           * @uiGroup General Form Properties
+          * @uiWidget textArea
          */
         "isPartnerAlertHeader"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message description
           * @uiGroup General Form Properties
+          * @uiWidget textArea
          */
         "loadingErrorAlertDescription"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message title
           * @uiGroup General Form Properties
+          * @uiWidget textArea
          */
         "loadingErrorAlertHeader"?: string;
         /**
@@ -9605,12 +9722,14 @@ declare namespace LocalJSX {
         /**
           * @uiName Terms and conditions checkbox
           * @uiGroup Step 1 Properties
+          * @uiWidget textArea
          */
         "step1_termsAndConditionsLabel"?: string;
         /**
           * Communicate that after this step, only Support can change personal and indirect tax information.
           * @uiName Submission confirmation alert
           * @uiGroup Step 2 Properties
+          * @uiWidget textArea
          */
         "step2_cannotChangeInfoAlert"?: string;
         /**
@@ -9622,6 +9741,7 @@ declare namespace LocalJSX {
           * Displayed under the title of this step.
           * @uiName Step 2 description
           * @uiGroup Step 2 Properties
+          * @uiWidget textArea
          */
         "step2_indirectTaxDescription"?: string;
         /**
@@ -9632,8 +9752,9 @@ declare namespace LocalJSX {
         "step2_indirectTaxDetails"?: string;
         /**
           * Displayed under the indirect tax details title.
-          * @uiName Indirect tax details section  description
+          * @uiName Indirect tax details section description
           * @uiGroup Step 2 Properties
+          * @uiWidget textArea
          */
         "step2_indirectTaxDetailsDescription"?: string;
         /**
@@ -9656,11 +9777,13 @@ declare namespace LocalJSX {
           * Displayed to participants registered for indirect tax in Spain.
           * @uiName Spain income tax checkbox
           * @uiGroup Step 2 Properties
+          * @uiWidget textArea
          */
         "step2_isRegisteredSubRegionIncomeTax"?: string;
         /**
           * @uiName Not registered for indirect tax option
           * @uiGroup Step 2 Properties
+          * @uiWidget textArea
          */
         "step2_notRegistered"?: string;
         /**
@@ -9672,6 +9795,7 @@ declare namespace LocalJSX {
         /**
           * @uiName Registered for indirect tax option
           * @uiGroup Step 2 Properties
+          * @uiWidget textArea
          */
         "step2_otherRegion"?: string;
         /**
@@ -9721,14 +9845,16 @@ declare namespace LocalJSX {
         "step3_businessEntity"?: string;
         /**
           * This appears inside the Docusign frame.
-          * @uiName Docusign form error message *
+          * @uiName Docusign form error message
           * @uiGroup Step 3 Properties
+          * @uiWidget textArea
          */
         "step3_docusignError"?: string;
         /**
           * Remind participants their session will time out after 20 minutes of inactivity.
           * @uiName Docusign timed session message
           * @uiGroup Step 3 Properties
+          * @uiWidget textArea
          */
         "step3_docusignExpired"?: string;
         /**
@@ -9756,18 +9882,21 @@ declare namespace LocalJSX {
           * Displayed at the top of the page to participants based in the US.
           * @uiName W-9 tax form description
           * @uiGroup Step 3 Properties
+          * @uiWidget textArea
          */
         "step3_taxFormDescription"?: string;
         /**
           * Displayed at the top of the page to participants representing a business.
           * @uiName W-8 BEN-E tax form description
           * @uiGroup Step 3 Properties
+          * @uiWidget textArea
          */
         "step3_taxFormDescriptionBusinessEntity"?: string;
         /**
           * Displayed at the top of the page to individuals joining a US program who reside outside the country.
           * @uiName W-8 BEN tax form description
           * @uiGroup Step 3 Properties
+          * @uiWidget textArea
          */
         "step3_taxFormDescriptionIndividualParticipant"?: string;
         /**
@@ -10078,22 +10207,27 @@ declare namespace LocalJSX {
          */
         "editPaymentInformationButton"?: string;
         /**
+          * 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
          */
         "errorDescriptionText"?: string;
         /**
-          * Payout error message title
-          * @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
          */
         "errorTitleText"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message description
+          * @uiWidget textArea
          */
         "generalErrorDescription"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message title
+          * @uiWidget textArea
          */
         "generalErrorTitle"?: string;
         /**
@@ -10122,11 +10256,13 @@ declare namespace LocalJSX {
         "indirectTaxInfoSpain"?: string;
         /**
           * @uiName Indirect tax tooltip
+          * @uiWidget textArea
          */
         "indirectTaxTooltipSupport"?: string;
         /**
           * Additional text displayed next to the tax form's status badge.
           * @uiName Invalid tax form description
+          * @uiWidget textArea
          */
         "invalidForm"?: string;
         /**
@@ -10137,11 +10273,13 @@ declare namespace LocalJSX {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message description
+          * @uiWidget textArea
          */
         "loadingErrorAlertDescription"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message title
+          * @uiWidget textArea
          */
         "loadingErrorAlertHeader"?: string;
         /**
@@ -10151,10 +10289,12 @@ declare namespace LocalJSX {
         /**
           * No other statuses or badges will be displayed in the tax form section in this case.
           * @uiName Tax form not required text
+          * @uiWidget textArea
          */
         "noFormNeededSubtext"?: string;
         /**
           * @uiName Not registered for indirect tax text
+          * @uiWidget textArea
          */
         "notRegisteredForTax"?: string;
         /**
@@ -10191,11 +10331,13 @@ declare namespace LocalJSX {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Inactive W-8 error message title
+          * @uiWidget textArea
          */
         "taxAlertHeaderNotActiveW8"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Inactive W-9 error message title
+          * @uiWidget textArea
          */
         "taxAlertHeaderNotActiveW9"?: string;
         /**
@@ -10206,6 +10348,7 @@ declare namespace LocalJSX {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Inactive W-9 error message description
+          * @uiWidget textArea
          */
         "taxAlertNotActiveMessageW9"?: string;
         /**
@@ -10350,21 +10493,25 @@ declare namespace LocalJSX {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message description
+          * @uiWidget textArea
          */
         "generalErrorDescription"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Form submission error message title
+          * @uiWidget textArea
          */
         "generalErrorTitle"?: string;
         /**
           * 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
          */
         "isPartnerAlertDescription"?: string;
         /**
           * 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
          */
         "isPartnerAlertHeader"?: string;
         /**
@@ -10374,11 +10521,13 @@ declare namespace LocalJSX {
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message description
+          * @uiWidget textArea
          */
         "loadingErrorAlertDescription"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message title
+          * @uiWidget textArea
          */
         "loadingErrorAlertHeader"?: string;
         /**
@@ -10397,6 +10546,7 @@ declare namespace LocalJSX {
         "searchForCurrencyText"?: string;
         /**
           * @uiName Terms and conditions checkbox
+          * @uiWidget textArea
          */
         "termsAndConditionsLabel"?: string;
     }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index f487ef7499..44f750636a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -279,6 +279,7 @@ export class BankingInfoForm {
   /**
    * 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
    */
   @Prop() isPartnerAlertHeader: string =
     "An account with this email already exists with our referral program provider, impact.com";
@@ -286,6 +287,7 @@ export class BankingInfoForm {
   /**
    * 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
    */
   @Prop() isPartnerAlertDescription: string =
     "If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email.";
@@ -293,6 +295,7 @@ export class BankingInfoForm {
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message title
+   * @uiWidget textArea
    */
   @Prop() generalErrorTitle: string =
     "There was a problem submitting your information";
@@ -300,6 +303,7 @@ export class BankingInfoForm {
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message description
+   * @uiWidget textArea
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
@@ -325,12 +329,14 @@ export class BankingInfoForm {
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Page load error message title
+   * @uiWidget textArea
    */
   @Prop() loadingErrorAlertHeader: string =
     "There was a problem loading your form";
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Page load error message description
+   * @uiWidget textArea
    */
   @Prop() loadingErrorAlertDescription: string =
     "Please refresh the page and try again. If this problem continues, contact Support.";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 011026e88d..fb66601013 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -41,18 +41,21 @@ export class DocusignForm {
   /**
    * Displayed at the top of the page to participants based in the US.
    * @uiName W-9 tax form description
+   * @uiWidget textArea
    */
   @Prop() taxFormDescription: string =
     "Participants based in the US need to submit a {documentType} form.";
   /**
    * Displayed at the top of the page to individuals joining a US program who reside outside the country.
    * @uiName W-8 BEN tax form description
+   * @uiWidget textArea
    */
   @Prop() taxFormDescriptionIndividualParticipant: string =
     "Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form.";
   /**
    * Displayed at the top of the page to participants representing a business.
    * @uiName W-8 BEN-E tax form description
+   * @uiWidget textArea
    */
   @Prop() taxFormDescriptionBusinessEntity: string =
     "Participants residing outside of the US who represent a business entity need to submit a {documentType} form.";
@@ -65,6 +68,7 @@ export class DocusignForm {
   /**
    * Remind participants their session will time out after 20 minutes of inactivity.
    * @uiName Docusign timed session message
+   * @uiWidget textArea
    */
   @Prop() docusignExpired: string =
     "For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.";
@@ -85,6 +89,7 @@ export class DocusignForm {
   /**
    * This appears inside the Docusign frame.
    * @uiName Docusign form error message
+   * @uiWidget textArea
    */
   @Prop() docusignError: string =
     "There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support.";
@@ -103,24 +108,28 @@ export class DocusignForm {
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message title
+   * @uiWidget textArea
    */
   @Prop() generalErrorTitle: string =
     "There was a problem submitting your information";
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message description
+   * @uiWidget textArea
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Page load error message title
+   * @uiWidget textArea
    */
   @Prop() loadingErrorAlertHeader: string =
     "There was a problem loading your form";
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Page load error message description
+   * @uiWidget textArea
    */
   @Prop() loadingErrorAlertDescription: string =
     "Please refresh the page and try again. If this problem continues, contact Support.";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 337c645a3d..ed4695d6b9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -40,6 +40,7 @@ export class IndirectTaxForm {
   /**
    * Displayed under the title of this step.
    * @uiName Step 2 description
+   * @uiWidget textArea
    */
   @Prop() indirectTaxDescription: string =
     "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.";
@@ -52,13 +53,15 @@ export class IndirectTaxForm {
 
   /**
    * Displayed under the indirect tax details title.
-   * @uiName Indirect tax details section  description
+   * @uiName Indirect tax details section description
+   * @uiWidget textArea
    */
   @Prop() indirectTaxDetailsDescription: string =
     "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.";
 
   /**
    * @uiName Registered for indirect tax option
+   * @uiWidget textArea
    */
   @Prop() otherRegion: string = "Registered for indirect tax";
 
@@ -71,6 +74,7 @@ export class IndirectTaxForm {
 
   /**
    * @uiName Not registered for indirect tax option
+   * @uiWidget textArea
    */
   @Prop() notRegistered: string = "Not registered for indirect tax";
   /**
@@ -109,6 +113,7 @@ export class IndirectTaxForm {
   /**
    * Displayed to participants registered for indirect tax in Spain.
    * @uiName Spain income tax checkbox
+   * @uiWidget textArea
    */
   @Prop() isRegisteredSubRegionIncomeTax: string =
     "I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.";
@@ -129,6 +134,7 @@ export class IndirectTaxForm {
   /**
    * Communicate that after this step, only Support can change personal and indirect tax information.
    * @uiName Submission confirmation alert
+   * @uiWidget textArea
    */
   @Prop() cannotChangeInfoAlert: string =
     "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.";
@@ -152,6 +158,7 @@ export class IndirectTaxForm {
   /**
    * 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
    */
   @Prop() isPartnerAlertHeader: string =
     "An account with this email already exists with our referral program provider, impact.com";
@@ -159,6 +166,7 @@ export class IndirectTaxForm {
   /**
    * 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
    */
   @Prop() isPartnerAlertDescription: string =
     "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.";
@@ -171,6 +179,7 @@ export class IndirectTaxForm {
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message title
+   * @uiWidget textArea
    */
   @Prop() generalErrorTitle: string =
     "There was a problem submitting your information";
@@ -178,18 +187,21 @@ export class IndirectTaxForm {
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message description
+   * @uiWidget textArea
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Page load error message title
+   * @uiWidget textArea
    */
   @Prop() loadingErrorAlertHeader: string =
     "There was a problem loading your form";
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Page load error message description
+   * @uiWidget textArea
    */
   @Prop() loadingErrorAlertDescription: string =
     "Please refresh the page and try again. If this problem continues, contact Support.";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 2a7388cf7a..1944cd66b7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -61,6 +61,7 @@ export class TaxAndCashDashboard {
    * Part of the alert displayed at the top of the page.
    *
    * @uiName Inactive W-9 error message title
+   * @uiWidget textArea
    */
   @Prop() taxAlertHeaderNotActiveW9?: string =
     "Your W9 tax form has personal information that doesn’t match your profile";
@@ -68,6 +69,7 @@ export class TaxAndCashDashboard {
    * Part of the alert displayed at the top of the page.
    *
    * @uiName Inactive W-8 error message title
+   * @uiWidget textArea
    */
   @Prop() taxAlertHeaderNotActiveW8?: string =
     "{documentType} tax form is invalid";
@@ -75,6 +77,7 @@ export class TaxAndCashDashboard {
    * Part of the alert displayed at the top of the page.
    *
    * @uiName Inactive W-9 error message description
+   * @uiWidget textArea
    */
   @Prop() taxAlertNotActiveMessageW9?: string =
     "Please resubmit a new {documentType} form.";
@@ -89,6 +92,7 @@ export class TaxAndCashDashboard {
    * Additional text displayed next to the tax form's status badge.
    *
    * @uiName Invalid tax form description
+   * @uiWidget textArea
    */
   @Prop() invalidForm?: string =
     "Make sure your information is correct and submit new form.";
@@ -110,6 +114,7 @@ export class TaxAndCashDashboard {
    * No other statuses or badges will be displayed in the tax form section in this case.
    *
    * @uiName Tax form not required text
+   * @uiWidget textArea
    */
   @Prop() noFormNeededSubtext: string =
     "Tax documents are only required if you are based in the US or joining the referral program of a US based brand.";
@@ -139,6 +144,7 @@ export class TaxAndCashDashboard {
   @Prop() indirectTaxInfoSpain: string = "Registered in {country}, {subRegion}";
   /**
    * @uiName Indirect tax tooltip
+   * @uiWidget textArea
    */
   @Prop() indirectTaxTooltipSupport: string =
     "To make changes to your indirect tax information, please contact Support.";
@@ -160,6 +166,7 @@ export class TaxAndCashDashboard {
   @Prop() editPaymentInformationButton: string = "Edit Payout Information";
   /**
    * @uiName Not registered for indirect tax text
+   * @uiWidget textArea
    */
   @Prop() notRegisteredForTax: string =
     "Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information.";
@@ -193,12 +200,15 @@ export class TaxAndCashDashboard {
    */
   @Prop() accountText: string = "Account";
   /**
-   * Payout error message title
-   * @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
    */
   @Prop() errorTitleText: string = "Your payout is on hold ";
   /**
+   * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
    * @uiName Payout error message description
+   * @uiWidget textArea
    */
   @Prop()
   errorDescriptionText: string =
@@ -207,12 +217,14 @@ export class TaxAndCashDashboard {
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message title
+   * @uiWidget textArea
    */
   @Prop() generalErrorTitle: string =
     "There was a problem submitting your information";
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message description
+   * @uiWidget textArea
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
@@ -226,12 +238,14 @@ export class TaxAndCashDashboard {
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Page load error message title
+   * @uiWidget textArea
    */
   @Prop() loadingErrorAlertHeader: string =
     "There was a problem loading your form";
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Page load error message description
+   * @uiWidget textArea
    */
   @Prop() loadingErrorAlertDescription: string =
     "Please refresh the page and try again. If this problem continues, contact Support.";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 89a3fb2927..6c93d4cdf4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -75,6 +75,7 @@ export class TaxAndCashMonolith {
   /**
    * @uiName Terms and conditions checkbox
    * @uiGroup Step 1 Properties
+   * @uiWidget textArea
    */
   @Prop() step1_termsAndConditionsLabel: string = "terms and conditions";
   /**
@@ -96,6 +97,7 @@ export class TaxAndCashMonolith {
    * Displayed under the title of this step.
    * @uiName Step 2 description
    * @uiGroup Step 2 Properties
+   * @uiWidget textArea
    */
   @Prop() step2_indirectTaxDescription: string =
     "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.";
@@ -107,14 +109,17 @@ export class TaxAndCashMonolith {
   @Prop() step2_indirectTaxDetails: string = "Indirect tax details";
   /**
    * Displayed under the indirect tax details title.
-   * @uiName Indirect tax details section  description
+   * @uiName Indirect tax details section description
    * @uiGroup Step 2 Properties
+   * @uiWidget textArea
    */
   @Prop() step2_indirectTaxDetailsDescription: string =
     "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.";
   /**
    * @uiName Registered for indirect tax option
    * @uiGroup Step 2 Properties
+   * @uiWidget textArea
+   *
    */
   @Prop() step2_otherRegion: string = "Registered for indirect tax";
   /**
@@ -127,6 +132,7 @@ export class TaxAndCashMonolith {
   /**
    * @uiName Not registered for indirect tax option
    * @uiGroup Step 2 Properties
+   * @uiWidget textArea
    */
   @Prop() step2_notRegistered: string = "Not registered for indirect tax";
   /**
@@ -169,6 +175,7 @@ export class TaxAndCashMonolith {
    * Displayed to participants registered for indirect tax in Spain.
    * @uiName Spain income tax checkbox
    * @uiGroup Step 2 Properties
+   * @uiWidget textArea
    */
   @Prop() step2_isRegisteredSubRegionIncomeTax: string =
     "I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.";
@@ -187,6 +194,7 @@ export class TaxAndCashMonolith {
    * Communicate that after this step, only Support can change personal and indirect tax information.
    * @uiName Submission confirmation alert
    * @uiGroup Step 2 Properties
+   * @uiWidget textArea
    */
   @Prop() step2_cannotChangeInfoAlert: string =
     "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.";
@@ -233,6 +241,7 @@ export class TaxAndCashMonolith {
    * Displayed at the top of the page to participants based in the US.
    * @uiName W-9 tax form description
    * @uiGroup Step 3 Properties
+   * @uiWidget textArea
    */
   @Prop() step3_taxFormDescription: string =
     "Participants based in the US need to submit a {documentType} form.";
@@ -240,6 +249,7 @@ export class TaxAndCashMonolith {
    * Displayed at the top of the page to individuals joining a US program who reside outside the country.
    * @uiName W-8 BEN tax form description
    *  @uiGroup Step 3 Properties
+   * @uiWidget textArea
    */
   @Prop() step3_taxFormDescriptionIndividualParticipant: string =
     "Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form.";
@@ -247,6 +257,7 @@ export class TaxAndCashMonolith {
    * Displayed at the top of the page to participants representing a business.
    * @uiName W-8 BEN-E tax form description
    *  @uiGroup Step 3 Properties
+   * @uiWidget textArea
    */
   @Prop() step3_taxFormDescriptionBusinessEntity: string =
     "Participants residing outside of the US who represent a business entity need to submit a {documentType} form.";
@@ -261,13 +272,15 @@ export class TaxAndCashMonolith {
    * Remind participants their session will time out after 20 minutes of inactivity.
    * @uiName Docusign timed session message
    * @uiGroup Step 3 Properties
+   * @uiWidget textArea
    */
   @Prop() step3_docusignExpired: string =
     "For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.";
   /**
    * This appears inside the Docusign frame.
    * @uiName Docusign form error message
-   * * @uiGroup Step 3 Properties
+   * @uiGroup Step 3 Properties
+   * @uiWidget textArea
    */
   @Prop() step3_docusignError: string =
     "There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support.";
@@ -613,6 +626,7 @@ export class TaxAndCashMonolith {
    *
    * @uiName Inactive W-9 error message title
    * @uiGroup Dashboard Properties
+   * @uiWidget textArea
    */
   @Prop() dashboard_taxAlertHeaderNotActiveW9?: string =
     "Your W9 tax form has personal information that doesn’t match your profile";
@@ -621,6 +635,7 @@ export class TaxAndCashMonolith {
    *
    * @uiName Inactive W-8 error message title
    * @uiGroup Dashboard Properties
+   * @uiWidget textArea
    */
   @Prop() dashboard_taxAlertHeaderNotActiveW8?: string =
     "{documentType} tax form is invalid";
@@ -629,6 +644,7 @@ export class TaxAndCashMonolith {
    *
    * @uiName Inactive W-9 error message description
    * @uiGroup Dashboard Properties
+   * @uiWidget textArea
    */
   @Prop() dashboard_taxAlertNotActiveMessageW9?: string =
     "Please resubmit a new {documentType} form.";
@@ -645,6 +661,7 @@ export class TaxAndCashMonolith {
    *
    * @uiName Invalid tax form description
    * @uiGroup Dashboard Properties
+   * @uiWidget textArea
    */
   @Prop() dashboard_invalidForm?: string =
     "Make sure your information is correct and submit new form.";
@@ -672,6 +689,7 @@ export class TaxAndCashMonolith {
    *
    * @uiName Tax form not required text
    * @uiGroup Dashboard Properties
+   * @uiWidget textArea
    */
   @Prop() dashboard_noFormNeededSubtext: string =
     "Tax documents are only required if you are based in the US or joining the referral program of a US based brand.";
@@ -708,6 +726,7 @@ export class TaxAndCashMonolith {
   /**
    * @uiName Indirect tax tooltip
    * @uiGroup Dashboard Properties
+   * @uiWidget textArea
    */
   @Prop() dashboard_indirectTaxTooltipSupport: string =
     "To make changes to your indirect tax information, please contact Support.";
@@ -733,6 +752,7 @@ export class TaxAndCashMonolith {
   /**
    * @uiName Not registered for indirect tax text
    * @uiGroup Dashboard Properties
+   * @uiWidget textArea
    */
   @Prop() dashboard_notRegisteredForTax: string =
     "Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information.";
@@ -806,16 +826,18 @@ export class TaxAndCashMonolith {
    */
   @Prop() dashboard_earningsAfterTaxColumnTitle: string = "Earnings after tax";
   /**
-   * Error alert header shown above payout details card
-   * @uiName Error 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
    * @uiGroup Dashboard Properties
+   * @uiWidget textArea
    */
   @Prop()
   dashboard_errorTitleText: string = "Your payout is on hold ";
   /**
    * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
-   * @uiName Payout error message title
+   * @uiName Payout error message description
    * @uiGroup Dashboard Properties
+   * @uiWidget textArea
    */
   @Prop()
   dashboard_errorDescriptionText: string =
@@ -834,6 +856,7 @@ export class TaxAndCashMonolith {
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message title
    * @uiGroup General Form Properties
+   * @uiWidget textArea
    */
   @Prop() generalErrorTitle: string =
     "There was a problem submitting your information";
@@ -842,6 +865,7 @@ export class TaxAndCashMonolith {
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message description
    * @uiGroup General Form Properties
+   * @uiWidget textArea
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
@@ -876,6 +900,7 @@ export class TaxAndCashMonolith {
    * 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
    * @uiGroup General Form Properties
+   * @uiWidget textArea
    */
   @Prop() isPartnerAlertHeader: string =
     "An account with this email already exists with our referral program provider, impact.com";
@@ -883,6 +908,7 @@ export class TaxAndCashMonolith {
    * 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
    * @uiGroup General Form Properties
+   * @uiWidget textArea
    */
   @Prop() isPartnerAlertDescription: string =
     "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.";
@@ -895,6 +921,7 @@ export class TaxAndCashMonolith {
    * Part of the alert displayed at the top of the page.
    * @uiName Page load error message title
    * @uiGroup General Form Properties
+   * @uiWidget textArea
    */
   @Prop() loadingErrorAlertHeader: string =
     "There was a problem loading your form";
@@ -902,6 +929,7 @@ export class TaxAndCashMonolith {
    * Part of the alert displayed at the top of the page.
    * @uiName Page load error message description
    * @uiGroup General Form Properties
+   * @uiWidget textArea
    */
   @Prop() loadingErrorAlertDescription: string =
     "Please refresh the page and try again. If this problem continues, contact Support.";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 5c3e9c7986..cbd7e6ec47 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -66,6 +66,7 @@ export class TaxForm {
   /**
    * 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
    */
   @Prop() isPartnerAlertHeader: string =
     "An account with this email already exists with our referral program provider, impact.com";
@@ -73,23 +74,27 @@ export class TaxForm {
   /**
    * 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
    */
   @Prop() isPartnerAlertDescription: string =
     "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.";
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message title
+   * @uiWidget textArea
    */
   @Prop() generalErrorTitle: string =
     "There was a problem submitting your information";
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message description
+   * @uiWidget textArea
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
   /**
    * @uiName Terms and conditions checkbox
+   * @uiWidget textArea
    */
   @Prop() termsAndConditionsLabel: string = "terms and conditions";
   /**
@@ -110,12 +115,14 @@ export class TaxForm {
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Page load error message title
+   * @uiWidget textArea
    */
   @Prop() loadingErrorAlertHeader: string =
     "There was a problem loading your form";
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Page load error message description
+   * @uiWidget textArea
    */
   @Prop() loadingErrorAlertDescription: string =
     "Please refresh the page and try again. If this problem continues, contact Support.";

From 91e632a7ebc06d80e19fa61f750c836e66538047 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 25 Mar 2024 16:45:58 -0700
Subject: [PATCH 642/753] remove back button / spec from docusign form, publish

---
 packages/mint-components/package.json         |  2 +-
 packages/mint-components/src/components.d.ts  | 16 ------
 .../tax-and-cash/sqm-docusign-form/readme.md  | 44 ++++++++--------
 .../sqm-docusign-form-view.tsx                | 13 -----
 .../sqm-docusign-form/sqm-docusign-form.tsx   | 12 -----
 .../sqm-docusign-form/useDocusignForm.tsx     |  6 ---
 .../tax-and-cash/sqm-tax-form.feature         | 52 ++++++++-----------
 7 files changed, 44 insertions(+), 101 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index f74372df0e..8c41343777 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-110",
+  "version": "1.8.0-111",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 7d740151f7..b06ad55572 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -555,10 +555,6 @@ export namespace Components {
         "url": string;
     }
     interface SqmDocusignForm {
-        /**
-          * @uiName Back button label
-         */
-        "backButton": string;
         /**
           * Text shown in the banner above the document
           * @uiName Banner text
@@ -569,10 +565,6 @@ export namespace Components {
           * @uiName Business representative participant type label
          */
         "businessEntity": string;
-        /**
-          * @uiName Cancel button label
-         */
-        "cancelButton": string;
         /**
           * @undocumented 
           * @uiType object
@@ -6159,10 +6151,6 @@ declare namespace LocalJSX {
         "url"?: string;
     }
     interface SqmDocusignForm {
-        /**
-          * @uiName Back button label
-         */
-        "backButton"?: string;
         /**
           * Text shown in the banner above the document
           * @uiName Banner text
@@ -6173,10 +6161,6 @@ declare namespace LocalJSX {
           * @uiName Business representative participant type label
          */
         "businessEntity"?: string;
-        /**
-          * @uiName Cancel button label
-         */
-        "cancelButton"?: string;
         /**
           * @undocumented 
           * @uiType object
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index 0c2550470e..6d57ff05c5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -7,29 +7,27 @@
 
 ## Properties
 
-| Property                                  | Attribute                                     | Description                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                            |
-| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `backButton`                              | `back-button`                                 |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Back"`                                                                                                                                                           |
-| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
-| `businessEntity`                          | `business-entity`                             | An option for the participant type field. Used to determine which W-8 form is required.              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I represent a business"`                                                                                                                                         |
-| `cancelButton`                            | `cancel-button`                               |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Cancel"`                                                                                                                                                         |
-| `demoData`                                | --                                            |                                                                                                      | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; hideBackButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
-| `docusignError`                           | `docusign-error`                              | This appears inside the Docusign frame.                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
-| `docusignExpired`                         | `docusign-expired`                            | Remind participants their session will time out after 20 minutes of inactivity.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
-| `formStep`                                | `form-step`                                   |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                         |
-| `generalErrorDescription`                 | `general-error-description`                   | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
-| `generalErrorTitle`                       | `general-error-title`                         | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                |
-| `individualParticipant`                   | `individual-participant`                      | An option for the participant type field. Used to determine which W-8 form is required.              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am an individual participant"`                                                                                                                                 |
-| `loadingErrorAlertDescription`            | `loading-error-alert-description`             | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                             |
-| `loadingErrorAlertHeader`                 | `loading-error-alert-header`                  | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                          |
-| `participantType`                         | `participant-type`                            |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participant type"`                                                                                                                                               |
-| `refreshButton`                           | `refresh-button`                              |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Refresh Page"`                                                                                                                                                   |
-| `taxAndPayoutsDescription`                | `tax-and-payouts-description`                 | Displayed at the top of the page on all set up steps and on the dashboard.                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                            |
-| `taxForm`                                 | `tax-form`                                    |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Tax form"`                                                                                                                                                       |
-| `taxFormDescription`                      | `tax-form-description`                        | Displayed at the top of the page to participants based in the US.                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
-| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Displayed at the top of the page to participants representing a business.                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
-| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Displayed at the top of the page to individuals joining a US program who reside outside the country. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
-| `taxFormLabel`                            | `tax-form-label`                              | Display the type of tax form that the participant must submit.                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{documentType} Tax Form"`                                                                                                                                        |
+| Property                                  | Attribute                                     | Description                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                  | Default                                                                                                                                                            |
+| ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
+| `businessEntity`                          | `business-entity`                             | An option for the participant type field. Used to determine which W-8 form is required.              | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"I represent a business"`                                                                                                                                         |
+| `demoData`                                | --                                            |                                                                                                      | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
+| `docusignError`                           | `docusign-error`                              | This appears inside the Docusign frame.                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
+| `docusignExpired`                         | `docusign-expired`                            | Remind participants their session will time out after 20 minutes of inactivity.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
+| `formStep`                                | `form-step`                                   |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Step {step} of {count}"`                                                                                                                                         |
+| `generalErrorDescription`                 | `general-error-description`                   | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
+| `generalErrorTitle`                       | `general-error-title`                         | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"There was a problem submitting your information"`                                                                                                                |
+| `individualParticipant`                   | `individual-participant`                      | An option for the participant type field. Used to determine which W-8 form is required.              | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"I am an individual participant"`                                                                                                                                 |
+| `loadingErrorAlertDescription`            | `loading-error-alert-description`             | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                             |
+| `loadingErrorAlertHeader`                 | `loading-error-alert-header`                  | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"There was a problem loading your form"`                                                                                                                          |
+| `participantType`                         | `participant-type`                            |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Participant type"`                                                                                                                                               |
+| `refreshButton`                           | `refresh-button`                              |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Refresh Page"`                                                                                                                                                   |
+| `taxAndPayoutsDescription`                | `tax-and-payouts-description`                 | Displayed at the top of the page on all set up steps and on the dashboard.                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                            |
+| `taxForm`                                 | `tax-form`                                    |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Tax form"`                                                                                                                                                       |
+| `taxFormDescription`                      | `tax-form-description`                        | Displayed at the top of the page to participants based in the US.                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
+| `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Displayed at the top of the page to participants representing a business.                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
+| `taxFormDescriptionIndividualParticipant` | `tax-form-description-individual-participant` | Displayed at the top of the page to individuals joining a US program who reside outside the country. | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                             |
+| `taxFormLabel`                            | `tax-form-label`                              | Display the type of tax form that the participant must submit.                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"{documentType} Tax Form"`                                                                                                                                        |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index 18253deeda..d2e2fef561 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -23,7 +23,6 @@ export interface DocusignFormViewProps {
     };
     documentType: TaxDocumentType;
     documentTypeString: string;
-    hideBackButton: boolean;
   };
   slots: {
     docusignExpiredSlot?: VNode;
@@ -31,7 +30,6 @@ export interface DocusignFormViewProps {
   };
   callbacks: {
     setParticipantType: (p: ParticipantType) => void;
-    onBack: () => void;
   };
   text: {
     formStep: string;
@@ -41,8 +39,6 @@ export interface DocusignFormViewProps {
     taxFormDescriptionIndividualParticipant: string;
     taxFormDescriptionBusinessEntity?: string;
     banner: string;
-    backButton: string;
-    cancelButton: string;
     businessEntity: string;
     individualParticipant: string;
     participantType: string;
@@ -352,15 +348,6 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
               {text.banner}
             </sl-alert>
             {slots.docusignIframeSlot}
-            {!states.hideBackButton && (
-              <sl-button
-                class={classes.SecondaryBtn}
-                type="text"
-                onClick={callbacks.onBack}
-              >
-                {text.cancelButton}
-              </sl-button>
-            )}
           </div>
         </div>
       )}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index ee457bfd53..bba04e3279 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -92,14 +92,6 @@ export class DocusignForm {
    * @uiName Refresh page button label
    */
   @Prop() refreshButton: string = "Refresh Page";
-  /**
-   * @uiName Back button label
-   */
-  @Prop() backButton: string = "Back";
-  /**
-   * @uiName Cancel button label
-   */
-  @Prop() cancelButton: string = "Cancel";
   /**
    * Part of the alert displayed at the top of the page.
    * @uiName Form submission error message title
@@ -215,7 +207,6 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
           errors: {},
         },
         documentType: "W9",
-        hideBackButton: false,
       },
       data: {
         taxForm: "W9",
@@ -224,9 +215,6 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
       callbacks: {
         setParticipantType: (p) => console.log({ p }),
         setDocusignStatus: (status: DocusignStatus) => console.log(status),
-        onBack: () => {
-          setStep("/2");
-        },
       },
     },
     props.demoData || {},
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index a6afe871df..9603fde381 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -160,10 +160,6 @@ export function useDocusignForm(props: DocusignForm) {
     }
   }, [docusignStatus, refetch]);
 
-  const onBack = () => {
-    setStep(context.overrideBackStep);
-  };
-
   const allLoading = userLoading || documentLoading || loading;
 
   return {
@@ -183,7 +179,6 @@ export function useDocusignForm(props: DocusignForm) {
       docusignStatus,
       documentType: actualDocumentType,
       documentTypeString: taxTypeToName(actualDocumentType),
-      hideBackButton: !context.overrideBackStep,
     },
     data: {
       taxForm: actualDocumentType,
@@ -192,7 +187,6 @@ export function useDocusignForm(props: DocusignForm) {
     callbacks: {
       setDocusignStatus,
       setParticipantType,
-      onBack,
     },
     text: props.getTextProps(),
   };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 86aec901c8..5bd955d25c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -23,16 +23,16 @@ Feature: Tax Form Flow
     When they complete filling out their indirect tax information
     And press "Continue"
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
-    Examples: 
+    Examples:
       | countryCode | brandCountry | stepX |
-      | CA          | US           |     3 |
-      | CA          | MX           |     4 |
-      | US          | CA           |     3 |
-      | US          | MX           |     3 |
-      | UK          | US           |     3 |
-      | UK          | MX           |     4 |
-      | EG          | US           |     3 |
-      | EG          | MX           |     4 |
+      | CA          | US           | 3     |
+      | CA          | MX           | 4     |
+      | US          | CA           | 3     |
+      | US          | MX           | 3     |
+      | UK          | US           | 3     |
+      | UK          | MX           | 4     |
+      | EG          | US           | 3     |
+      | EG          | MX           | 4     |
 
   @motivating
   Scenario Outline: Default form step is dependent on publisher connection status and saved publisher information
@@ -45,7 +45,7 @@ Feature: Tax Form Flow
     And participant <hasWithdrawalSettings>
     Then they proceed to <stepX>
 
-    Examples: 
+    Examples:
       | hasTax                 | isConnected      | hasRequiredDoc             | hasCurrentTaxDoc          | status   | hasWithdrawalSettings             | stepX     |
       | does not have tax info | is not connected | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
       | does not have tax info | is connected     | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
@@ -85,16 +85,16 @@ Feature: Tax Form Flow
     When they press "Continue"
     Then they proceed to <stepX> depending on their <brandCountry> and participants <countryCode>
 
-    Examples: 
+    Examples:
       | countryCode | brandCountry | stepX |
-      | CA          | US           |     3 |
-      | CA          | MX           |     4 |
-      | US          | CA           |     3 |
-      | US          | MX           |     3 |
-      | UK          | US           |     3 |
-      | UK          | US           |     3 |
-      | ES          | US           |     3 |
-      | EG          | MX           |     4 |
+      | CA          | US           | 3     |
+      | CA          | MX           | 4     |
+      | US          | CA           | 3     |
+      | US          | MX           | 3     |
+      | UK          | US           | 3     |
+      | UK          | US           | 3     |
+      | ES          | US           | 3     |
+      | EG          | MX           | 4     |
 
   @minutia
   Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms
@@ -103,7 +103,7 @@ Feature: Tax Form Flow
     And the user selects a <country> not in the US
     Then they skip to step 4 Payout Details
 
-    Examples: 
+    Examples:
       | brandCountry | country |
       | MX           | UK      |
       | AUS          | EGP     |
@@ -117,7 +117,7 @@ Feature: Tax Form Flow
     Then they must select <participantType>
     And the <autoSelectedForm> is displayed
 
-    Examples: 
+    Examples:
       | brandCountry | country | participantType       | autoSelectedForm |
       | US           | CA      | individualParticipant | W8-BEN           |
       | US           | CA      | businessEntity        | W8-BEN-E         |
@@ -131,7 +131,7 @@ Feature: Tax Form Flow
     When they view step 3
     Then the <autoSelectedForm> is displayed
 
-    Examples: 
+    Examples:
       | brandCountry | country | autoSelectedForm |
       | MX           | US      | W9               |
       | UK           | US      | W9               |
@@ -204,14 +204,6 @@ Feature: Tax Form Flow
     Then they are sent to the Dashboard step
     And they skip the banking info form step
 
-  @minutia
-  Scenario: "Edit Payout Information" button redirects to Banking Info step and shows "Back" button
-    Given a user is on the Dashboard step
-    When they click the "Edit Payout Information" button if they can
-    And they are redirected to the Banking Info step
-    Then they will see a "Back" button
-    And they may click the "Back" button to return to the Dashboard step
-
   @minutia
   Scenario: "Submit New Form" button redirects to Docusign step and shows "Back" button
     Given a user is on the Dashboard step

From 14593c04455a93d5498b52e4736defdae6429b0c Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 25 Mar 2024 17:20:49 -0700
Subject: [PATCH 643/753] Updated step4 banking info text prop descriptions,
 wip

---
 packages/mint-components/src/components.d.ts  | 200 +++++++-----------
 .../sqm-banking-info-form.tsx                 |  50 ++---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  50 ++---
 3 files changed, 108 insertions(+), 192 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 28f936cbaf..d8fb53601e 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -68,8 +68,7 @@ export namespace Components {
     }
     interface SqmBankingInfoForm {
         /**
-          * Label text for the agency code input field
-          * @uiName Agency code input label
+          * @uiName Agency code field label
          */
         "agencyCodeLabel": string;
         /**
@@ -78,53 +77,43 @@ export namespace Components {
          */
         "backButton": string;
         /**
-          * Label text for the bank account number input field
-          * @uiName Bank account number input label
+          * @uiName Bank account number field label
          */
         "bankAccountNumberLabel": string;
         /**
-          * Label text for the bank account type input field
-          * @uiName Bank account type input label
+          * @uiName Bank account type field label
          */
         "bankAccountTypeLabel": string;
         /**
-          * Label text for the Bank Address input
-          * @uiName Bank Address input item label
+          * @uiName Bank address field label
          */
         "bankAddressLabel": string;
         /**
-          * Label text for the Bank City input
-          * @uiName Bank City Label input label
+          * @uiName Bank city field label
          */
         "bankCityLabel": string;
         /**
-          * Label text for the bank country location input field
-          * @uiName Bank country location input label
+          * @uiName Bank country field label
          */
         "bankLocationLabel": string;
         /**
-          * Label text for the bank name input field
-          * @uiName Bank name input label
+          * @uiName Bank name field label
          */
         "bankNameLabel": string;
         /**
-          * Label text for the Bank Postal Code
-          * @uiName Bank Postal Code input label
+          * @uiName Bank postal code field label
          */
         "bankPostalCodeLabel": string;
         /**
-          * Label text for the Bank Province / State input
-          * @uiName Bank Province / State input label
+          * @uiName Bank province/state field label
          */
         "bankStateLabel": string;
         /**
-          * Label text for the beneficiary account name input field
-          * @uiName Beneficiary account name input label
+          * @uiName Beneficiary account field label
          */
         "beneficiaryAccountNameLabel": string;
         /**
-          * Label text for the branch code input field
-          * @uiName Branch code input label
+          * @uiName Branch code field label
          */
         "branchCodeLabel": string;
         /**
@@ -133,23 +122,20 @@ export namespace Components {
          */
         "businessSelectItemLabel": string;
         /**
-          * Label text for the checking account type select item
-          * @uiName Checking select item label
+          * @uiName Checking account option
          */
         "checkingSelectItemLabel": string;
         /**
-          * Label text for the classification CPF input field
-          * @uiName Classification CPF input label
+          * @uiName Classification CPF field label
          */
         "classificationCPFLabel": string;
         /**
-          * Label text for the classification entity input field
-          * @uiName Classification entity input label
+          * @uiName Classification entity field label
          */
         "classificationEntityLabel": string;
         /**
           * Label text for the classification input field
-          * @uiName Classification input label
+          * @uiName Classification field label
          */
         "classificationLabel": string;
         /**
@@ -162,12 +148,12 @@ export namespace Components {
          */
         "demoData"?: DemoData<BankingInfoFormViewProps>;
         /**
-          * Text for the option to receive payments directly to a bank account
-          * @uiName Directly to bank account option text
+          * @uiName Direct to bank payout option
          */
         "directlyToBankAccount": string;
         /**
-          * @uiName EFT Withdrawal label text
+          * Default payment method to the participants’ bank account.
+          * @uiName EFT withdrawal payment method
          */
         "eftWithdrawalLabel": string;
         /**
@@ -4279,68 +4265,57 @@ export namespace Components {
          */
         "step3_taxFormLabel": string;
         /**
-          * Label text for the agency code input field
-          * @uiName Agency code input label
+          * @uiName Agency code field label
           * @uiGroup Step 4 Properties
          */
         "step4_agencyCodeLabel": string;
         /**
-          * Label text for the bank account number input field
-          * @uiName Bank account number input label
+          * @uiName Bank account number field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankAccountNumberLabel": string;
         /**
-          * Label text for the bank account type input field
-          * @uiName Bank account type input label
+          * @uiName Bank account type field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankAccountTypeLabel": string;
         /**
-          * Label text for the Bank Address input
-          * @uiName Bank Address input item label
+          * @uiName Bank address field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankAddressLabel": string;
         /**
-          * Label text for the Bank City input
-          * @uiName Bank City Label input label
+          * @uiName Bank city field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankCityLabel": string;
         /**
-          * Label text for the bank country location input field
-          * @uiName Bank country location input label
+          * @uiName Bank country field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankLocationLabel": string;
         /**
-          * Label text for the bank name input field
-          * @uiName Bank name input label
+          * @uiName Bank name field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankNameLabel": string;
         /**
-          * Label text for the Bank Postal Code
-          * @uiName Bank Postal Code input label
+          * @uiName Bank postal code field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankPostalCodeLabel": string;
         /**
-          * Label text for the Bank Province / State input
-          * @uiName Bank Province / State input label
+          * @uiName Bank province/state field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankStateLabel": string;
         /**
-          * Label text for the beneficiary account name input field
-          * @uiName Beneficiary account name input label
+          * @uiName Beneficiary account field label
           * @uiGroup Step 4 Properties
          */
         "step4_beneficiaryAccountNameLabel": string;
         /**
-          * Label text for the branch code input field
-          * @uiName Branch code input label
+          * @uiName Branch code field label
           * @uiGroup Step 4 Properties
          */
         "step4_branchCodeLabel": string;
@@ -4357,37 +4332,34 @@ export namespace Components {
          */
         "step4_cannotChangeInfoAlert": string;
         /**
-          * Label text for the checking account type select item
-          * @uiName Checking select item label
+          * @uiName Checking account option
           * @uiGroup Step 4 Properties
          */
         "step4_checkingSelectItemLabel": string;
         /**
-          * Label text for the classification CPF input field
-          * @uiName Classification CPF input label
+          * @uiName Classification CPF field label
           * @uiGroup Step 4 Properties
          */
         "step4_classificationCPFLabel": string;
         /**
-          * Label text for the classification entity input field
-          * @uiName Classification entity input label
+          * @uiName Classification entity field label
           * @uiGroup Step 4 Properties
          */
         "step4_classificationEntityLabel": string;
         /**
           * Label text for the classification input field
-          * @uiName Classification input label
+          * @uiName Classification field label
           * @uiGroup Step 4 Properties
          */
         "step4_classificationLabel": string;
         /**
-          * Text for the option to receive payments directly to a bank account
-          * @uiName Directly to bank account option text
+          * @uiName Direct to bank payout option
           * @uiGroup Step 4 Properties
          */
         "step4_directlyToBankAccount": string;
         /**
-          * @uiName EFT Withdrawal label text
+          * Default payment method to the participants’ bank account.
+          * @uiName EFT withdrawal payment method
           * @uiGroup Step 4 Properties
          */
         "step4_eftWithdrawalLabel": string;
@@ -5738,8 +5710,7 @@ declare namespace LocalJSX {
     }
     interface SqmBankingInfoForm {
         /**
-          * Label text for the agency code input field
-          * @uiName Agency code input label
+          * @uiName Agency code field label
          */
         "agencyCodeLabel"?: string;
         /**
@@ -5748,53 +5719,43 @@ declare namespace LocalJSX {
          */
         "backButton"?: string;
         /**
-          * Label text for the bank account number input field
-          * @uiName Bank account number input label
+          * @uiName Bank account number field label
          */
         "bankAccountNumberLabel"?: string;
         /**
-          * Label text for the bank account type input field
-          * @uiName Bank account type input label
+          * @uiName Bank account type field label
          */
         "bankAccountTypeLabel"?: string;
         /**
-          * Label text for the Bank Address input
-          * @uiName Bank Address input item label
+          * @uiName Bank address field label
          */
         "bankAddressLabel"?: string;
         /**
-          * Label text for the Bank City input
-          * @uiName Bank City Label input label
+          * @uiName Bank city field label
          */
         "bankCityLabel"?: string;
         /**
-          * Label text for the bank country location input field
-          * @uiName Bank country location input label
+          * @uiName Bank country field label
          */
         "bankLocationLabel"?: string;
         /**
-          * Label text for the bank name input field
-          * @uiName Bank name input label
+          * @uiName Bank name field label
          */
         "bankNameLabel"?: string;
         /**
-          * Label text for the Bank Postal Code
-          * @uiName Bank Postal Code input label
+          * @uiName Bank postal code field label
          */
         "bankPostalCodeLabel"?: string;
         /**
-          * Label text for the Bank Province / State input
-          * @uiName Bank Province / State input label
+          * @uiName Bank province/state field label
          */
         "bankStateLabel"?: string;
         /**
-          * Label text for the beneficiary account name input field
-          * @uiName Beneficiary account name input label
+          * @uiName Beneficiary account field label
          */
         "beneficiaryAccountNameLabel"?: string;
         /**
-          * Label text for the branch code input field
-          * @uiName Branch code input label
+          * @uiName Branch code field label
          */
         "branchCodeLabel"?: string;
         /**
@@ -5803,23 +5764,20 @@ declare namespace LocalJSX {
          */
         "businessSelectItemLabel"?: string;
         /**
-          * Label text for the checking account type select item
-          * @uiName Checking select item label
+          * @uiName Checking account option
          */
         "checkingSelectItemLabel"?: string;
         /**
-          * Label text for the classification CPF input field
-          * @uiName Classification CPF input label
+          * @uiName Classification CPF field label
          */
         "classificationCPFLabel"?: string;
         /**
-          * Label text for the classification entity input field
-          * @uiName Classification entity input label
+          * @uiName Classification entity field label
          */
         "classificationEntityLabel"?: string;
         /**
           * Label text for the classification input field
-          * @uiName Classification input label
+          * @uiName Classification field label
          */
         "classificationLabel"?: string;
         /**
@@ -5832,12 +5790,12 @@ declare namespace LocalJSX {
          */
         "demoData"?: DemoData<BankingInfoFormViewProps>;
         /**
-          * Text for the option to receive payments directly to a bank account
-          * @uiName Directly to bank account option text
+          * @uiName Direct to bank payout option
          */
         "directlyToBankAccount"?: string;
         /**
-          * @uiName EFT Withdrawal label text
+          * Default payment method to the participants’ bank account.
+          * @uiName EFT withdrawal payment method
          */
         "eftWithdrawalLabel"?: string;
         /**
@@ -9920,68 +9878,57 @@ declare namespace LocalJSX {
          */
         "step3_taxFormLabel"?: string;
         /**
-          * Label text for the agency code input field
-          * @uiName Agency code input label
+          * @uiName Agency code field label
           * @uiGroup Step 4 Properties
          */
         "step4_agencyCodeLabel"?: string;
         /**
-          * Label text for the bank account number input field
-          * @uiName Bank account number input label
+          * @uiName Bank account number field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankAccountNumberLabel"?: string;
         /**
-          * Label text for the bank account type input field
-          * @uiName Bank account type input label
+          * @uiName Bank account type field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankAccountTypeLabel"?: string;
         /**
-          * Label text for the Bank Address input
-          * @uiName Bank Address input item label
+          * @uiName Bank address field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankAddressLabel"?: string;
         /**
-          * Label text for the Bank City input
-          * @uiName Bank City Label input label
+          * @uiName Bank city field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankCityLabel"?: string;
         /**
-          * Label text for the bank country location input field
-          * @uiName Bank country location input label
+          * @uiName Bank country field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankLocationLabel"?: string;
         /**
-          * Label text for the bank name input field
-          * @uiName Bank name input label
+          * @uiName Bank name field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankNameLabel"?: string;
         /**
-          * Label text for the Bank Postal Code
-          * @uiName Bank Postal Code input label
+          * @uiName Bank postal code field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankPostalCodeLabel"?: string;
         /**
-          * Label text for the Bank Province / State input
-          * @uiName Bank Province / State input label
+          * @uiName Bank province/state field label
           * @uiGroup Step 4 Properties
          */
         "step4_bankStateLabel"?: string;
         /**
-          * Label text for the beneficiary account name input field
-          * @uiName Beneficiary account name input label
+          * @uiName Beneficiary account field label
           * @uiGroup Step 4 Properties
          */
         "step4_beneficiaryAccountNameLabel"?: string;
         /**
-          * Label text for the branch code input field
-          * @uiName Branch code input label
+          * @uiName Branch code field label
           * @uiGroup Step 4 Properties
          */
         "step4_branchCodeLabel"?: string;
@@ -9998,37 +9945,34 @@ declare namespace LocalJSX {
          */
         "step4_cannotChangeInfoAlert"?: string;
         /**
-          * Label text for the checking account type select item
-          * @uiName Checking select item label
+          * @uiName Checking account option
           * @uiGroup Step 4 Properties
          */
         "step4_checkingSelectItemLabel"?: string;
         /**
-          * Label text for the classification CPF input field
-          * @uiName Classification CPF input label
+          * @uiName Classification CPF field label
           * @uiGroup Step 4 Properties
          */
         "step4_classificationCPFLabel"?: string;
         /**
-          * Label text for the classification entity input field
-          * @uiName Classification entity input label
+          * @uiName Classification entity field label
           * @uiGroup Step 4 Properties
          */
         "step4_classificationEntityLabel"?: string;
         /**
           * Label text for the classification input field
-          * @uiName Classification input label
+          * @uiName Classification field label
           * @uiGroup Step 4 Properties
          */
         "step4_classificationLabel"?: string;
         /**
-          * Text for the option to receive payments directly to a bank account
-          * @uiName Directly to bank account option text
+          * @uiName Direct to bank payout option
           * @uiGroup Step 4 Properties
          */
         "step4_directlyToBankAccount"?: string;
         /**
-          * @uiName EFT Withdrawal label text
+          * Default payment method to the participants’ bank account.
+          * @uiName EFT withdrawal payment method
           * @uiGroup Step 4 Properties
          */
         "step4_eftWithdrawalLabel"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 44f750636a..da6c3a6614 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -50,8 +50,7 @@ export class BankingInfoForm {
     "Submit your tax documents and add your banking information to receive your rewards.";
 
   /**
-   * Text for the option to receive payments directly to a bank account
-   * @uiName Directly to bank account option text
+   * @uiName Direct to bank payout option
    */
   @Prop() directlyToBankAccount: string = "Directly to my bank account";
 
@@ -116,25 +115,21 @@ export class BankingInfoForm {
    */
   @Prop() payPalInputLabel: string = "PayPal email";
   /**
-   * Label text for the bank country location input field
-   * @uiName Bank country location input label
+   * @uiName Bank country field label
    */
   @Prop() bankLocationLabel: string = "Bank country location";
   /**
-   * Label text for the beneficiary account name input field
-   * @uiName Beneficiary account name input label
+   * @uiName Beneficiary account field label
    */
   @Prop() beneficiaryAccountNameLabel: string = "Beneficiary account name";
 
   /**
-   * Label text for the bank account type input field
-   * @uiName Bank account type input label
+   * @uiName Bank account type field label
    */
   @Prop() bankAccountTypeLabel: string = "Bank account type";
 
   /**
-   * Label text for the checking account type select item
-   * @uiName Checking select item label
+   * @uiName Checking account option
    */
   @Prop() checkingSelectItemLabel: string = "Checking";
 
@@ -145,8 +140,7 @@ export class BankingInfoForm {
   @Prop() savingsSelectItemLabel: string = "Savings";
 
   /**
-   * Label text for the bank account number input field
-   * @uiName Bank account number input label
+   * @uiName Bank account number field label
    */
   @Prop() bankAccountNumberLabel: string = "Bank account number";
   /**
@@ -169,14 +163,12 @@ export class BankingInfoForm {
     "{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }";
 
   /**
-   * Label text for the bank name input field
-   * @uiName Bank name input label
+   * @uiName Bank name field label
    */
   @Prop() bankNameLabel: string = "Bank Name";
 
   /**
-   * Label text for the classification entity input field
-   * @uiName Classification entity input label
+   * @uiName Classification entity field label
    */
   @Prop() classificationEntityLabel: string = "Classification Entity";
 
@@ -199,8 +191,7 @@ export class BankingInfoForm {
   @Prop() foreignSelectItemLabel: string = "Foreign";
 
   /**
-   * Label text for the classification CPF input field
-   * @uiName Classification CPF input label
+   * @uiName Classification CPF field label
    */
   @Prop() classificationCPFLabel: string = "Classification CPF";
 
@@ -216,20 +207,18 @@ export class BankingInfoForm {
   @Prop() voCodeLabel: string = "VO code";
 
   /**
-   * Label text for the agency code input field
-   * @uiName Agency code input label
+   * @uiName Agency code field label
    */
   @Prop() agencyCodeLabel: string = "Agency code";
 
   /**
-   * Label text for the branch code input field
-   * @uiName Branch code input label
+   * @uiName Branch code field label
    */
   @Prop() branchCodeLabel: string = "Branch code";
 
   /**
    * Label text for the classification input field
-   * @uiName Classification input label
+   * @uiName Classification field label
    */
   @Prop() classificationLabel: string = "Classification";
 
@@ -240,27 +229,24 @@ export class BankingInfoForm {
     "{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }";
 
   /**
-   * Label text for the Bank Address input
-   * @uiName Bank Address input item label
+   * @uiName Bank address field label
    */
   @Prop() bankAddressLabel: string = "Bank address";
   /**
-   * Label text for the Bank City input
-   * @uiName Bank City Label input label
+   * @uiName Bank city field label
    */
   @Prop() bankCityLabel: string = "Bank city";
   /**
-   * Label text for the Bank Province / State input
-   * @uiName Bank Province / State input label
+   * @uiName Bank province/state field label
    */
   @Prop() bankStateLabel: string = "Bank province/state";
   /**
-   * Label text for the Bank Postal Code
-   * @uiName Bank Postal Code input label
+   * @uiName Bank postal code field label
    */
   @Prop() bankPostalCodeLabel: string = "Bank postal code";
   /**
-   * @uiName EFT Withdrawal label text
+   * Default payment method to the participants’ bank account.
+   * @uiName EFT withdrawal payment method
    */
   @Prop() eftWithdrawalLabel: string = "EFT withdrawal (free)";
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 86524ca7ef..552dce64c0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -299,8 +299,7 @@ export class TaxAndCashMonolith {
    */
   @Prop() step4_taxAndPayouts: string = "Payouts";
   /**
-   * Text for the option to receive payments directly to a bank account
-   * @uiName Directly to bank account option text
+   * @uiName Direct to bank payout option
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_directlyToBankAccount: string = "Directly to my bank account";
@@ -376,29 +375,25 @@ export class TaxAndCashMonolith {
    */
   @Prop() step4_payPalInputLabel: string = "PayPal email";
   /**
-   * Label text for the bank country location input field
-   * @uiName Bank country location input label
+   * @uiName Bank country field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankLocationLabel: string = "Bank country location";
   /**
-   * Label text for the beneficiary account name input field
-   * @uiName Beneficiary account name input label
+   * @uiName Beneficiary account field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_beneficiaryAccountNameLabel: string =
     "Beneficiary account name";
 
   /**
-   * Label text for the bank account type input field
-   * @uiName Bank account type input label
+   * @uiName Bank account type field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankAccountTypeLabel: string = "Bank account type";
 
   /**
-   * Label text for the checking account type select item
-   * @uiName Checking select item label
+   * @uiName Checking account option
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_checkingSelectItemLabel: string = "Checking";
@@ -411,8 +406,7 @@ export class TaxAndCashMonolith {
   @Prop() step4_savingsSelectItemLabel: string = "Savings";
 
   /**
-   * Label text for the bank account number input field
-   * @uiName Bank account number input label
+   * @uiName Bank account number field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankAccountNumberLabel: string = "Bank account number";
@@ -440,15 +434,13 @@ export class TaxAndCashMonolith {
     "{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }";
 
   /**
-   * Label text for the bank name input field
-   * @uiName Bank name input label
+   * @uiName Bank name field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankNameLabel: string = "Bank name";
 
   /**
-   * Label text for the classification entity input field
-   * @uiName Classification entity input label
+   * @uiName Classification entity field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_classificationEntityLabel: string = "Classification entity";
@@ -475,8 +467,7 @@ export class TaxAndCashMonolith {
   @Prop() step4_foreignSelectItemLabel: string = "Foreign";
 
   /**
-   * Label text for the classification CPF input field
-   * @uiName Classification CPF input label
+   * @uiName Classification CPF field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_classificationCPFLabel: string = "Classification CPF";
@@ -495,22 +486,20 @@ export class TaxAndCashMonolith {
   @Prop() step4_voCodeLabel: string = "VO code";
 
   /**
-   * Label text for the agency code input field
-   * @uiName Agency code input label
+   * @uiName Agency code field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_agencyCodeLabel: string = "Agency code";
 
   /**
-   * Label text for the branch code input field
-   * @uiName Branch code input label
+   * @uiName Branch code field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_branchCodeLabel: string = "Branch code";
 
   /**
    * Label text for the classification input field
-   * @uiName Classification input label
+   * @uiName Classification field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_classificationLabel: string = "Classification";
@@ -522,26 +511,22 @@ export class TaxAndCashMonolith {
   @Prop() step4_taxPayerIdLabel: string = "Beneficiary INN";
 
   /**
-   * Label text for the Bank Address input
-   * @uiName Bank Address input item label
+   * @uiName Bank address field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankAddressLabel: string = "Bank address";
   /**
-   * Label text for the Bank City input
-   * @uiName Bank City Label input label
+   * @uiName Bank city field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankCityLabel: string = "Bank city";
   /**
-   * Label text for the Bank Province / State input
-   * @uiName Bank Province / State input label
+   * @uiName Bank province/state field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankStateLabel: string = "Bank Province / State";
   /**
-   * Label text for the Bank Postal Code
-   * @uiName  Bank Postal Code input label
+   * @uiName  Bank postal code field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankPostalCodeLabel: string = "Bank postal code";
@@ -554,7 +539,8 @@ export class TaxAndCashMonolith {
     "Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting.";
 
   /**
-   * @uiName EFT Withdrawal label text
+   * Default payment method to the participants’ bank account.
+   * @uiName EFT withdrawal payment method
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_eftWithdrawalLabel: string = "EFT Withdrawal (free)";

From ed0cbda7f559bef8ca9cab751ad51a78f476b867 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 26 Mar 2024 08:39:07 -0700
Subject: [PATCH 644/753] finish prop name descriptions

---
 packages/mint-components/src/components.d.ts  | 194 +++++++-----------
 .../sqm-banking-info-form.tsx                 |  50 ++---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  51 ++---
 3 files changed, 119 insertions(+), 176 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index d8fb53601e..4786ac3f80 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -192,8 +192,7 @@ export namespace Components {
          */
         "generalErrorTitle": string;
         /**
-          * Label text for the IBAN input field
-          * @uiName IBAN input label
+          * @uiName IBAN field label
          */
         "ibanLabel": string;
         /**
@@ -226,68 +225,60 @@ export namespace Components {
          */
         "loadingErrorAlertHeader": string;
         /**
-          * Label text for the patronymic name input field
-          * @uiName Patronymic name input label
+          * @uiName Patronymic name field label
          */
         "patronymicNameLabel": string;
         /**
-          * Label text for the PayPal email input field
-          * @uiName PayPal email input label
+          * Displayed to participants who choose PayPal as their payout method
+          * @uiName PayPal email field label
          */
         "payPalInputLabel": string;
         /**
           * Label text for the payment day select option for the fifteenth of the month
-          * @uiName Fifteenth of month label text
+          * @uiName Fifteenth of month payday option
          */
         "paymentDayFifteenthOfMonthLabelText": string;
         /**
-          * Label text for the payment day select option for the first of the month
-          * @uiName First of month label text
+          * One of two payment day options
+          * @uiName First of month payday option
          */
         "paymentDayFirstOfMonthLabelText": string;
         /**
-          * Label text for the payment day select
-          * @uiName Payment day select label
+          * Let the participant choose what day of the month they’ll get paid
+          * @uiName Payment day field label
          */
         "paymentDaySelectLabel": string;
         /**
-          * Heading text for the payment method section
-          * @uiName Payment method heading text
+          * @uiName Payment method section header
          */
         "paymentMethod": string;
         /**
-          * Subtext for the payment method section
-          * @uiName Payment method subtext
+          * @uiName Payment method section description
          */
         "paymentMethodSubtext": string;
         /**
-          * Heading text for the payment schedule section
-          * @uiName Payment schedule heading text
+          * @uiName Payment schedule section header
          */
         "paymentSchedule": string;
         /**
-          * Text for the option to receive payments at a specific balance threshold
-          * @uiName Payment schedule balance threshold text
+          * @uiName Threshold balance payment schedule option
          */
         "paymentScheduleBalanceThreshold": string;
         /**
-          * Text for the option to receive payments on a specific day of the month
-          * @uiName Payment schedule fixed day text
+          * @uiName Fixed day payment schedule option
          */
         "paymentScheduleFixedDay": string;
         /**
-          * Label text for the payment day select
-          * @uiName Payment day select label
+          * Participant use this field to select the balance at which they want to be paid
+          * @uiName Payment threshold field label
          */
         "paymentThresholdSelectLabel": string;
         /**
-          * Label text for the routing code input field
-          * @uiName Routing code input label
+          * @uiName Routing code field label
          */
         "routingCodeLabel": string;
         /**
-          * Label text for the savings account type select item
-          * @uiName Savings select item label
+          * @uiName Savings account options
          */
         "savingsSelectItemLabel": string;
         /**
@@ -296,8 +287,7 @@ export namespace Components {
          */
         "searchForCountryText": string;
         /**
-          * Label text for the SWIFT code input field
-          * @uiName SWIFT code input label
+          * @uiName SWIFT code field label
          */
         "swiftCodeLabel": string;
         /**
@@ -4375,8 +4365,7 @@ export namespace Components {
          */
         "step4_fxWireProcessingFeeLabel": string;
         /**
-          * Label text for the IBAN input field
-          * @uiName IBAN input label
+          * @uiName IBAN field label
           * @uiGroup Step 4 Properties
          */
         "step4_ibanLabel": string;
@@ -4387,86 +4376,78 @@ export namespace Components {
          */
         "step4_individualSelectItemLabel": string;
         /**
-          * Label text for the patronymic name input field
-          * @uiName Patronymic name input label
+          * @uiName Patronymic name field label
           * @uiGroup Step 4 Properties
          */
         "step4_patronymicNameLabel": string;
         /**
-          * Label text for the PayPal email input field
-          * @uiName PayPal email input label
+          * Displayed to participants who choose PayPal as their payout method
+          * @uiName PayPal email field label
           * @uiGroup Step 4 Properties
          */
         "step4_payPalInputLabel": string;
         /**
-          * Label text for the payment day select option for the fifteenth of the month
-          * @uiName Fifteenth of month label text
+          * One of two payment day options
+          * @uiName Fifteenth of month payday option
           * @uiGroup Step 4 Properties
          */
         "step4_paymentDayFifteenthOfMonthLabelText": string;
         /**
-          * Label text for the payment day select option for the first of the month
-          * @uiName First of month label text
+          * One of two payment day options
+          * @uiName First of month payday option
           * @uiGroup Step 4 Properties
          */
         "step4_paymentDayFirstOfMonthLabelText": string;
         /**
-          * Label text for the payment day select
-          * @uiName Payment day select label
+          * Let the participant choose what day of the month they’ll get paid
+          * @uiName Payment day field label
           * @uiGroup Step 4 Properties
          */
         "step4_paymentDaySelectLabel": string;
         /**
-          * Heading text for the payment method section
-          * @uiName Payment method heading text
+          * @uiName Payment method section header
           * @uiGroup Step 4 Properties
          */
         "step4_paymentMethod": string;
         /**
-          * Subtext for the payment method section
-          * @uiName Payment method subtext
+          * @uiName Payment method section description
           * @uiGroup Step 4 Properties
          */
         "step4_paymentMethodSubtext": string;
         /**
-          * Heading text for the payment schedule section
-          * @uiName Payment schedule heading text
+          * @uiName Payment schedule section header
           * @uiGroup Step 4 Properties
          */
         "step4_paymentSchedule": string;
         /**
-          * Text for the option to receive payments at a specific balance threshold
-          * @uiName Payment schedule balance threshold text
+          * @uiName Threshold balance payment schedule option
           * @uiGroup Step 4 Properties
          */
         "step4_paymentScheduleBalanceThreshold": string;
         /**
-          * Text for the option to receive payments on a specific day of the month
-          * @uiName Payment schedule fixed day text
+          * @uiName Fixed day payment schedule option
           * @uiGroup Step 4 Properties
          */
         "step4_paymentScheduleFixedDay": string;
         /**
-          * Label text for the payment day select
-          * @uiName Payment day select label
+          * Participant use this field to select the balance at which they want to be paid
+          * @uiName Payment threshold field label
           * @uiGroup Step 4 Properties
          */
         "step4_paymentThresholdSelectLabel": string;
         /**
-          * Label text for the routing code input field
-          * @uiName Routing code input label
+          * @uiName Routing code field label
           * @uiGroup Step 4 Properties
          */
         "step4_routingCodeLabel": string;
         /**
           * Label text for the savings account type select item
-          * @uiName Savings select item label
+          * @uiName Savings account options
           * @uiGroup Step 4 Properties
          */
         "step4_savingsSelectItemLabel": string;
         /**
-          * Label text for the SWIFT code input field
-          * @uiName SWIFT code input label
+          * @uiName SWIFT code field label
           * @uiGroup Step 4 Properties
          */
         "step4_swiftCodeLabel": string;
@@ -5834,8 +5815,7 @@ declare namespace LocalJSX {
          */
         "generalErrorTitle"?: string;
         /**
-          * Label text for the IBAN input field
-          * @uiName IBAN input label
+          * @uiName IBAN field label
          */
         "ibanLabel"?: string;
         /**
@@ -5868,68 +5848,60 @@ declare namespace LocalJSX {
          */
         "loadingErrorAlertHeader"?: string;
         /**
-          * Label text for the patronymic name input field
-          * @uiName Patronymic name input label
+          * @uiName Patronymic name field label
          */
         "patronymicNameLabel"?: string;
         /**
-          * Label text for the PayPal email input field
-          * @uiName PayPal email input label
+          * Displayed to participants who choose PayPal as their payout method
+          * @uiName PayPal email field label
          */
         "payPalInputLabel"?: string;
         /**
           * Label text for the payment day select option for the fifteenth of the month
-          * @uiName Fifteenth of month label text
+          * @uiName Fifteenth of month payday option
          */
         "paymentDayFifteenthOfMonthLabelText"?: string;
         /**
-          * Label text for the payment day select option for the first of the month
-          * @uiName First of month label text
+          * One of two payment day options
+          * @uiName First of month payday option
          */
         "paymentDayFirstOfMonthLabelText"?: string;
         /**
-          * Label text for the payment day select
-          * @uiName Payment day select label
+          * Let the participant choose what day of the month they’ll get paid
+          * @uiName Payment day field label
          */
         "paymentDaySelectLabel"?: string;
         /**
-          * Heading text for the payment method section
-          * @uiName Payment method heading text
+          * @uiName Payment method section header
          */
         "paymentMethod"?: string;
         /**
-          * Subtext for the payment method section
-          * @uiName Payment method subtext
+          * @uiName Payment method section description
          */
         "paymentMethodSubtext"?: string;
         /**
-          * Heading text for the payment schedule section
-          * @uiName Payment schedule heading text
+          * @uiName Payment schedule section header
          */
         "paymentSchedule"?: string;
         /**
-          * Text for the option to receive payments at a specific balance threshold
-          * @uiName Payment schedule balance threshold text
+          * @uiName Threshold balance payment schedule option
          */
         "paymentScheduleBalanceThreshold"?: string;
         /**
-          * Text for the option to receive payments on a specific day of the month
-          * @uiName Payment schedule fixed day text
+          * @uiName Fixed day payment schedule option
          */
         "paymentScheduleFixedDay"?: string;
         /**
-          * Label text for the payment day select
-          * @uiName Payment day select label
+          * Participant use this field to select the balance at which they want to be paid
+          * @uiName Payment threshold field label
          */
         "paymentThresholdSelectLabel"?: string;
         /**
-          * Label text for the routing code input field
-          * @uiName Routing code input label
+          * @uiName Routing code field label
          */
         "routingCodeLabel"?: string;
         /**
-          * Label text for the savings account type select item
-          * @uiName Savings select item label
+          * @uiName Savings account options
          */
         "savingsSelectItemLabel"?: string;
         /**
@@ -5938,8 +5910,7 @@ declare namespace LocalJSX {
          */
         "searchForCountryText"?: string;
         /**
-          * Label text for the SWIFT code input field
-          * @uiName SWIFT code input label
+          * @uiName SWIFT code field label
          */
         "swiftCodeLabel"?: string;
         /**
@@ -9988,8 +9959,7 @@ declare namespace LocalJSX {
          */
         "step4_fxWireProcessingFeeLabel"?: string;
         /**
-          * Label text for the IBAN input field
-          * @uiName IBAN input label
+          * @uiName IBAN field label
           * @uiGroup Step 4 Properties
          */
         "step4_ibanLabel"?: string;
@@ -10000,86 +9970,78 @@ declare namespace LocalJSX {
          */
         "step4_individualSelectItemLabel"?: string;
         /**
-          * Label text for the patronymic name input field
-          * @uiName Patronymic name input label
+          * @uiName Patronymic name field label
           * @uiGroup Step 4 Properties
          */
         "step4_patronymicNameLabel"?: string;
         /**
-          * Label text for the PayPal email input field
-          * @uiName PayPal email input label
+          * Displayed to participants who choose PayPal as their payout method
+          * @uiName PayPal email field label
           * @uiGroup Step 4 Properties
          */
         "step4_payPalInputLabel"?: string;
         /**
-          * Label text for the payment day select option for the fifteenth of the month
-          * @uiName Fifteenth of month label text
+          * One of two payment day options
+          * @uiName Fifteenth of month payday option
           * @uiGroup Step 4 Properties
          */
         "step4_paymentDayFifteenthOfMonthLabelText"?: string;
         /**
-          * Label text for the payment day select option for the first of the month
-          * @uiName First of month label text
+          * One of two payment day options
+          * @uiName First of month payday option
           * @uiGroup Step 4 Properties
          */
         "step4_paymentDayFirstOfMonthLabelText"?: string;
         /**
-          * Label text for the payment day select
-          * @uiName Payment day select label
+          * Let the participant choose what day of the month they’ll get paid
+          * @uiName Payment day field label
           * @uiGroup Step 4 Properties
          */
         "step4_paymentDaySelectLabel"?: string;
         /**
-          * Heading text for the payment method section
-          * @uiName Payment method heading text
+          * @uiName Payment method section header
           * @uiGroup Step 4 Properties
          */
         "step4_paymentMethod"?: string;
         /**
-          * Subtext for the payment method section
-          * @uiName Payment method subtext
+          * @uiName Payment method section description
           * @uiGroup Step 4 Properties
          */
         "step4_paymentMethodSubtext"?: string;
         /**
-          * Heading text for the payment schedule section
-          * @uiName Payment schedule heading text
+          * @uiName Payment schedule section header
           * @uiGroup Step 4 Properties
          */
         "step4_paymentSchedule"?: string;
         /**
-          * Text for the option to receive payments at a specific balance threshold
-          * @uiName Payment schedule balance threshold text
+          * @uiName Threshold balance payment schedule option
           * @uiGroup Step 4 Properties
          */
         "step4_paymentScheduleBalanceThreshold"?: string;
         /**
-          * Text for the option to receive payments on a specific day of the month
-          * @uiName Payment schedule fixed day text
+          * @uiName Fixed day payment schedule option
           * @uiGroup Step 4 Properties
          */
         "step4_paymentScheduleFixedDay"?: string;
         /**
-          * Label text for the payment day select
-          * @uiName Payment day select label
+          * Participant use this field to select the balance at which they want to be paid
+          * @uiName Payment threshold field label
           * @uiGroup Step 4 Properties
          */
         "step4_paymentThresholdSelectLabel"?: string;
         /**
-          * Label text for the routing code input field
-          * @uiName Routing code input label
+          * @uiName Routing code field label
           * @uiGroup Step 4 Properties
          */
         "step4_routingCodeLabel"?: string;
         /**
           * Label text for the savings account type select item
-          * @uiName Savings select item label
+          * @uiName Savings account options
           * @uiGroup Step 4 Properties
          */
         "step4_savingsSelectItemLabel"?: string;
         /**
-          * Label text for the SWIFT code input field
-          * @uiName SWIFT code input label
+          * @uiName SWIFT code field label
           * @uiGroup Step 4 Properties
          */
         "step4_swiftCodeLabel"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index da6c3a6614..b750e5c1da 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -60,58 +60,53 @@ export class BankingInfoForm {
   @Prop() toPayPalAccount: string =
     "PayPal (2% processing fee capped to {feeCap})";
   /**
-   * Text for the option to receive payments at a specific balance threshold
-   * @uiName Payment schedule balance threshold text
+   * @uiName Threshold balance payment schedule option
    */
   @Prop() paymentScheduleBalanceThreshold: string =
     "Pay me when my balance reaches a threshold";
   /**
-   * Text for the option to receive payments on a specific day of the month
-   * @uiName Payment schedule fixed day text
+   * @uiName Fixed day payment schedule option
    */
   @Prop() paymentScheduleFixedDay: string =
     "Pay me on a fixed day of the month";
 
   /**
-   * Label text for the payment day select
-   * @uiName Payment day select label
+   * Let the participant choose what day of the month they’ll get paid
+   * @uiName Payment day field label
    */
   @Prop() paymentDaySelectLabel: string = "Payment Day";
 
   /**
-   * Label text for the payment day select
-   * @uiName Payment day select label
+   * Participant use this field to select the balance at which they want to be paid
+   * @uiName Payment threshold field label
    */
   @Prop() paymentThresholdSelectLabel: string = "Payment Threshold";
   /**
-   * Label text for the payment day select option for the first of the month
-   * @uiName First of month label text
+   * One of two payment day options
+   * @uiName First of month payday option
    */
   @Prop() paymentDayFirstOfMonthLabelText: string = "1st of the month";
   /**
    * Label text for the payment day select option for the fifteenth of the month
-   * @uiName Fifteenth of month label text
+   * @uiName Fifteenth of month payday option
    */
   @Prop() paymentDayFifteenthOfMonthLabelText: string = "15th of the month";
   /**
-   * Heading text for the payment method section
-   * @uiName Payment method heading text
+   * @uiName Payment method section header
    */
   @Prop() paymentMethod: string = "Payment method";
   /**
-   * Heading text for the payment schedule section
-   * @uiName Payment schedule heading text
+   * @uiName Payment schedule section header
    */
   @Prop() paymentSchedule: string = "Payment schedule";
   /**
-   * Subtext for the payment method section
-   * @uiName Payment method subtext
+   * @uiName Payment method section description
    */
   @Prop() paymentMethodSubtext: string =
-    "Payouts will be sent on the first day of each month from our referral program provider, impact.com.";
+    "Payouts will be sent from our referral program provider, impact.com.";
   /**
-   * Label text for the PayPal email input field
-   * @uiName PayPal email input label
+   * Displayed to participants who choose PayPal as their payout method
+   * @uiName PayPal email field label
    */
   @Prop() payPalInputLabel: string = "PayPal email";
   /**
@@ -134,8 +129,7 @@ export class BankingInfoForm {
   @Prop() checkingSelectItemLabel: string = "Checking";
 
   /**
-   * Label text for the savings account type select item
-   * @uiName Savings select item label
+   * @uiName Savings account options
    */
   @Prop() savingsSelectItemLabel: string = "Savings";
 
@@ -144,20 +138,17 @@ export class BankingInfoForm {
    */
   @Prop() bankAccountNumberLabel: string = "Bank account number";
   /**
-   * Label text for the IBAN input field
-   * @uiName IBAN input label
+   * @uiName IBAN field label
    */
   @Prop() ibanLabel: string = "IBAN";
 
   /**
-   * Label text for the SWIFT code input field
-   * @uiName SWIFT code input label
+   * @uiName SWIFT code field label
    */
   @Prop() swiftCodeLabel: string = "SWIFT code";
 
   /**
-   * Label text for the routing code input field
-   * @uiName Routing code input label
+   * @uiName Routing code field label
    */
   @Prop() routingCodeLabel: string =
     "{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }";
@@ -196,8 +187,7 @@ export class BankingInfoForm {
   @Prop() classificationCPFLabel: string = "Classification CPF";
 
   /**
-   * Label text for the patronymic name input field
-   * @uiName Patronymic name input label
+   * @uiName Patronymic name field label
    */
   @Prop() patronymicNameLabel: string = "Patronymic name";
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 552dce64c0..4c0781d4a9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -310,67 +310,62 @@ export class TaxAndCashMonolith {
   @Prop() step4_toPayPalAccount: string =
     "PayPal (2% processing fee capped to {feeCap})";
   /**
-   * Text for the option to receive payments at a specific balance threshold
-   * @uiName Payment schedule balance threshold text
+   * @uiName Threshold balance payment schedule option
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentScheduleBalanceThreshold: string =
     "Pay me when my balance reaches a threshold";
   /**
-   * Text for the option to receive payments on a specific day of the month
-   * @uiName Payment schedule fixed day text
+   * @uiName Fixed day payment schedule option
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentScheduleFixedDay: string =
     "Pay me on a fixed day of the month";
   /**
-   * Label text for the payment day select
-   * @uiName Payment day select label
+   * Let the participant choose what day of the month they’ll get paid
+   * @uiName Payment day field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentDaySelectLabel: string = "Payment Day";
 
   /**
-   * Label text for the payment day select
-   * @uiName Payment day select label
+   * Participant use this field to select the balance at which they want to be paid
+   * @uiName Payment threshold field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentThresholdSelectLabel: string = "Payment threshold";
   /**
-   * Label text for the payment day select option for the first of the month
-   * @uiName First of month label text
+   * One of two payment day options
+   * @uiName First of month payday option
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentDayFirstOfMonthLabelText: string = "1st of the month";
   /**
-   * Label text for the payment day select option for the fifteenth of the month
-   * @uiName Fifteenth of month label text
+   * One of two payment day options
+   * @uiName Fifteenth of month payday option
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentDayFifteenthOfMonthLabelText: string =
     "15th of the month";
   /**
-   * Heading text for the payment method section
-   * @uiName Payment method heading text
+   * @uiName Payment method section header
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentMethod: string = "Payment method";
   /**
-   * Heading text for the payment schedule section
-   * @uiName Payment schedule heading text
+   * @uiName Payment schedule section header
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentSchedule: string = "Payment schedule";
   /**
-   * Subtext for the payment method section
-   * @uiName Payment method subtext
+   * @uiName Payment method section description
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_paymentMethodSubtext: string =
-    "Payouts will be sent on the first day of each month from our referral program provider, impact.com.";
+    "Payouts will be sent from our referral program provider, impact.com.";
   /**
-   * Label text for the PayPal email input field
-   * @uiName PayPal email input label
+   * Displayed to participants who choose PayPal as their payout method
+   * @uiName PayPal email field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_payPalInputLabel: string = "PayPal email";
@@ -400,7 +395,7 @@ export class TaxAndCashMonolith {
 
   /**
    * Label text for the savings account type select item
-   * @uiName Savings select item label
+   * @uiName Savings account options
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_savingsSelectItemLabel: string = "Savings";
@@ -412,22 +407,19 @@ export class TaxAndCashMonolith {
   @Prop() step4_bankAccountNumberLabel: string = "Bank account number";
 
   /**
-   * Label text for the IBAN input field
-   * @uiName IBAN input label
+   * @uiName IBAN field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_ibanLabel: string = "IBAN";
 
   /**
-   * Label text for the SWIFT code input field
-   * @uiName SWIFT code input label
+   * @uiName SWIFT code field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_swiftCodeLabel: string = "SWIFT code";
 
   /**
-   * Label text for the routing code input field
-   * @uiName Routing code input label
+   * @uiName Routing code field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_routingCodeLabel: string =
@@ -473,8 +465,7 @@ export class TaxAndCashMonolith {
   @Prop() step4_classificationCPFLabel: string = "Classification CPF";
 
   /**
-   * Label text for the patronymic name input field
-   * @uiName Patronymic name input label
+   * @uiName Patronymic name field label
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_patronymicNameLabel: string = "Patronymic name";

From 1f17be8a3550036e1aea4df393723fcc62110076 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 26 Mar 2024 09:13:00 -0700
Subject: [PATCH 645/753] Incremented package version for text prop updates

---
 packages/mint-components/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 8c41343777..9ec518eb47 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-111",
+  "version": "1.8.0-112",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

From 1182f4fa7926598ea778f18e38b5c24eec7ad396 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 26 Mar 2024 09:34:47 -0700
Subject: [PATCH 646/753] Fix type error in story

---
 packages/mint-components/package-lock.json                    | 4 ++--
 .../src/components/tax-and-cash/TaxForm.stories.tsx           | 2 --
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index afc6346c51..fab4b0f0f8 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-105",
+  "version": "1.8.0-111",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-105",
+      "version": "1.8.0-111",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 7919619d45..ba28518fcf 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -227,12 +227,10 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
       errors: {},
       taxFormExpired: false,
     },
-    hideBackButton: false,
   },
   callbacks: {
     setParticipantType: (p) => console.log({ p }),
     setDocusignStatus: (status: DocusignStatus) => console.log(status),
-    onBack: () => console.log("Back"),
   },
 };
 

From 6c4593c08e60f222183e3e74c9ab550451ad9431 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 26 Mar 2024 09:42:23 -0700
Subject: [PATCH 647/753] prerelease 1.8.0-112

---
 packages/mint-components/package-lock.json    |  4 +-
 .../sqm-banking-info-form/readme.md           | 60 +++++++++---------
 .../sqm-tax-and-cash-dashboard/readme.md      |  4 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   | 62 +++++++++----------
 4 files changed, 65 insertions(+), 65 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index fab4b0f0f8..38152ecaf2 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-111",
+  "version": "1.8.0-112",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-111",
+      "version": "1.8.0-112",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 35373243d2..fda006fa68 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -7,27 +7,27 @@
 
 | Property                              | Attribute                                   | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default                                                                                                                                                                                                                         |
 | ------------------------------------- | ------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Agency code"`                                                                                                                                                                                                                 |
+| `agencyCodeLabel`                     | `agency-code-label`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Agency code"`                                                                                                                                                                                                                 |
 | `backButton`                          | `back-button`                               | Text for the back button in the form                                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Back"`                                                                                                                                                                                                                        |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account number"`                                                                                                                                                                                                         |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account type"`                                                                                                                                                                                                           |
-| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank address"`                                                                                                                                                                                                                |
-| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank city"`                                                                                                                                                                                                                   |
-| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank country location"`                                                                                                                                                                                                       |
-| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Name"`                                                                                                                                                                                                                   |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank postal code"`                                                                                                                                                                                                            |
-| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank province/state"`                                                                                                                                                                                                         |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Beneficiary account name"`                                                                                                                                                                                                    |
-| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Branch code"`                                                                                                                                                                                                                 |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account number"`                                                                                                                                                                                                         |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account type"`                                                                                                                                                                                                           |
+| `bankAddressLabel`                    | `bank-address-label`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank address"`                                                                                                                                                                                                                |
+| `bankCityLabel`                       | `bank-city-label`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank city"`                                                                                                                                                                                                                   |
+| `bankLocationLabel`                   | `bank-location-label`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank country location"`                                                                                                                                                                                                       |
+| `bankNameLabel`                       | `bank-name-label`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Name"`                                                                                                                                                                                                                   |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank postal code"`                                                                                                                                                                                                            |
+| `bankStateLabel`                      | `bank-state-label`                          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank province/state"`                                                                                                                                                                                                         |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Beneficiary account name"`                                                                                                                                                                                                    |
+| `branchCodeLabel`                     | `branch-code-label`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Branch code"`                                                                                                                                                                                                                 |
 | `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Business"`                                                                                                                                                                                                                    |
-| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Checking"`                                                                                                                                                                                                                    |
-| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification CPF"`                                                                                                                                                                                                          |
-| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification Entity"`                                                                                                                                                                                                       |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Checking"`                                                                                                                                                                                                                    |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification CPF"`                                                                                                                                                                                                          |
+| `classificationEntityLabel`           | `classification-entity-label`               |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification Entity"`                                                                                                                                                                                                       |
 | `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification"`                                                                                                                                                                                                              |
 | `continueButton`                      | `continue-button`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Save"`                                                                                                                                                                                                                        |
 | `demoData`                            | --                                          |                                                                                                                      | `{ states?: { step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; allCountries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; countrySearch?: string; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }` | `undefined`                                                                                                                                                                                                                     |
-| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Directly to my bank account"`                                                                                                                                                                                                 |
-| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"EFT withdrawal (free)"`                                                                                                                                                                                                       |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Directly to my bank account"`                                                                                                                                                                                                 |
+| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      | Default payment method to the participants’ bank account.                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"EFT withdrawal (free)"`                                                                                                                                                                                                       |
 | `fieldInvalidError`                   | `field-invalid-error`                       | Displayed under a field when it has an invalid entry.                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is invalid"`                                                                                                                                                                                                      |
 | `fieldRequiredError`                  | `field-required-error`                      | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is required"`                                                                                                                                                                                                     |
 | `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Foreign"`                                                                                                                                                                                                                     |
@@ -35,27 +35,27 @@
 | `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                        |
 | `generalErrorDescription`             | `general-error-description`                 | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                   |
 | `generalErrorTitle`                   | `general-error-title`                       | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem submitting your information"`                                                                                                                                                                             |
-| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"IBAN"`                                                                                                                                                                                                                        |
+| `ibanLabel`                           | `iban-label`                                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"IBAN"`                                                                                                                                                                                                                        |
 | `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Individual"`                                                                                                                                                                                                                  |
 | `isPartnerAlertDescription`           | `is-partner-alert-description`              | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                            |
 | `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                    |
 | `loadingErrorAlertDescription`        | `loading-error-alert-description`           | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                          |
 | `loadingErrorAlertHeader`             | `loading-error-alert-header`                | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem loading your form"`                                                                                                                                                                                       |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Patronymic name"`                                                                                                                                                                                                             |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal email"`                                                                                                                                                                                                                |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Patronymic name"`                                                                                                                                                                                                             |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Displayed to participants who choose PayPal as their payout method                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal email"`                                                                                                                                                                                                                |
 | `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"15th of the month"`                                                                                                                                                                                                           |
-| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"1st of the month"`                                                                                                                                                                                                            |
-| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Day"`                                                                                                                                                                                                                 |
-| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment method"`                                                                                                                                                                                                              |
-| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                         |
-| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment schedule"`                                                                                                                                                                                                            |
-| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                  |
-| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me on a fixed day of the month"`                                                                                                                                                                                          |
-| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Threshold"`                                                                                                                                                                                                           |
-| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"` |
-| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Savings"`                                                                                                                                                                                                                     |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | One of two payment day options                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"1st of the month"`                                                                                                                                                                                                            |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Let the participant choose what day of the month they’ll get paid                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Day"`                                                                                                                                                                                                                 |
+| `paymentMethod`                       | `payment-method`                            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment method"`                                                                                                                                                                                                              |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payouts will be sent from our referral program provider, impact.com."`                                                                                                                                                        |
+| `paymentSchedule`                     | `payment-schedule`                          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment schedule"`                                                                                                                                                                                                            |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                  |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me on a fixed day of the month"`                                                                                                                                                                                          |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Participant use this field to select the balance at which they want to be paid                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Threshold"`                                                                                                                                                                                                           |
+| `routingCodeLabel`                    | `routing-code-label`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"` |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Savings"`                                                                                                                                                                                                                     |
 | `searchForCountryText`                | `search-for-country-text`                   | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Search for country.."`                                                                                                                                                                                                        |
-| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"SWIFT code"`                                                                                                                                                                                                                  |
+| `swiftCodeLabel`                      | `swift-code-label`                          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"SWIFT code"`                                                                                                                                                                                                                  |
 | `taxAndPayouts`                       | `tax-and-payouts`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payouts"`                                                                                                                                                                                                                     |
 | `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                         |
 | `taxPayerIdLabel`                     | `tax-payer-id-label`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                         |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index c9a3db8222..92e25e9aa2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -19,8 +19,8 @@
 | `earningsAfterTaxColumnTitle`     | `earnings-after-tax-column-title`    | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Earnings after tax"`                                                                                                                                                                                                                              |
 | `earningsColumnTitle`             | `earnings-column-title`              | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Earnings"`                                                                                                                                                                                                                                        |
 | `editPaymentInformationButton`    | `edit-payment-information-button`    |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Edit Payout Information"`                                                                                                                                                                                                                         |
-| `errorDescriptionText`            | `error-description-text`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."` |
-| `errorTitleText`                  | `error-title-text`                   | Payout error message title                                                                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your payout is on hold "`                                                                                                                                                                                                                         |
+| `errorDescriptionText`            | `error-description-text`             | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."` |
+| `errorTitleText`                  | `error-title-text`                   | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your payout is on hold "`                                                                                                                                                                                                                         |
 | `generalErrorDescription`         | `general-error-description`          | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                                       |
 | `generalErrorTitle`               | `general-error-title`                | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem submitting your information"`                                                                                                                                                                                                 |
 | `indirectTaxDetails`              | `indirect-tax-details`               | Displayed to participants who have submitted their indirect tax information.                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index e610ae73c2..3832731a8b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -18,7 +18,7 @@
 | `dashboard_earningsAfterTaxColumnTitle`         | `dashboard_earnings-after-tax-column-title`          | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Earnings after tax"`                                                                                                                                                                                                                              |
 | `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          |                                                                                                                                | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                                                                                         |
 | `dashboard_errorDescriptionText`                | `dashboard_error-description-text`                   | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                             | `"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."` |
-| `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         | Error alert header shown above payout details card                                                                             | `string`                                                                                                             | `"Your payout is on hold "`                                                                                                                                                                                                                         |
+| `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                             | `"Your payout is on hold "`                                                                                                                                                                                                                         |
 | `dashboard_indirectTaxDetails`                  | `dashboard_indirect-tax-details`                     | Displayed to participants who have submitted their indirect tax information.                                                   | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
 | `dashboard_indirectTaxInfoCanada`               | `dashboard_indirect-tax-info-canada`                 | If the participant is registered for indirect tax in Canada, display the province they’re registered in.                       | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                                                                                             |
 | `dashboard_indirectTaxInfoOtherCountry`         | `dashboard_indirect-tax-info-other-country`          | If the participant is registered for indirect tax, display the country they’re registered in.                                  | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                                                                                         |
@@ -97,43 +97,43 @@
 | `step3_taxFormDescriptionBusinessEntity`        | `step-3_tax-form-description-business-entity`        | Displayed at the top of the page to participants representing a business.                                                      | `string`                                                                                                             | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                                                                                                   |
 | `step3_taxFormDescriptionIndividualParticipant` | `step-3_tax-form-description-individual-participant` | Displayed at the top of the page to individuals joining a US program who reside outside the country.                           | `string`                                                                                                             | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                                                                                                              |
 | `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Display the type of tax form that the participant must submit.                                                                 | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                                                                                         |
-| `step4_agencyCodeLabel`                         | `step-4_agency-code-label`                           | Label text for the agency code input field                                                                                     | `string`                                                                                                             | `"Agency code"`                                                                                                                                                                                                                                     |
-| `step4_bankAccountNumberLabel`                  | `step-4_bank-account-number-label`                   | Label text for the bank account number input field                                                                             | `string`                                                                                                             | `"Bank account number"`                                                                                                                                                                                                                             |
-| `step4_bankAccountTypeLabel`                    | `step-4_bank-account-type-label`                     | Label text for the bank account type input field                                                                               | `string`                                                                                                             | `"Bank account type"`                                                                                                                                                                                                                               |
-| `step4_bankAddressLabel`                        | `step-4_bank-address-label`                          | Label text for the Bank Address input                                                                                          | `string`                                                                                                             | `"Bank address"`                                                                                                                                                                                                                                    |
-| `step4_bankCityLabel`                           | `step-4_bank-city-label`                             | Label text for the Bank City input                                                                                             | `string`                                                                                                             | `"Bank city"`                                                                                                                                                                                                                                       |
-| `step4_bankLocationLabel`                       | `step-4_bank-location-label`                         | Label text for the bank country location input field                                                                           | `string`                                                                                                             | `"Bank country location"`                                                                                                                                                                                                                           |
-| `step4_bankNameLabel`                           | `step-4_bank-name-label`                             | Label text for the bank name input field                                                                                       | `string`                                                                                                             | `"Bank name"`                                                                                                                                                                                                                                       |
-| `step4_bankPostalCodeLabel`                     | `step-4_bank-postal-code-label`                      | Label text for the Bank Postal Code                                                                                            | `string`                                                                                                             | `"Bank postal code"`                                                                                                                                                                                                                                |
-| `step4_bankStateLabel`                          | `step-4_bank-state-label`                            | Label text for the Bank Province / State input                                                                                 | `string`                                                                                                             | `"Bank Province / State"`                                                                                                                                                                                                                           |
-| `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              | Label text for the beneficiary account name input field                                                                        | `string`                                                                                                             | `"Beneficiary account name"`                                                                                                                                                                                                                        |
-| `step4_branchCodeLabel`                         | `step-4_branch-code-label`                           | Label text for the branch code input field                                                                                     | `string`                                                                                                             | `"Branch code"`                                                                                                                                                                                                                                     |
+| `step4_agencyCodeLabel`                         | `step-4_agency-code-label`                           |                                                                                                                                | `string`                                                                                                             | `"Agency code"`                                                                                                                                                                                                                                     |
+| `step4_bankAccountNumberLabel`                  | `step-4_bank-account-number-label`                   |                                                                                                                                | `string`                                                                                                             | `"Bank account number"`                                                                                                                                                                                                                             |
+| `step4_bankAccountTypeLabel`                    | `step-4_bank-account-type-label`                     |                                                                                                                                | `string`                                                                                                             | `"Bank account type"`                                                                                                                                                                                                                               |
+| `step4_bankAddressLabel`                        | `step-4_bank-address-label`                          |                                                                                                                                | `string`                                                                                                             | `"Bank address"`                                                                                                                                                                                                                                    |
+| `step4_bankCityLabel`                           | `step-4_bank-city-label`                             |                                                                                                                                | `string`                                                                                                             | `"Bank city"`                                                                                                                                                                                                                                       |
+| `step4_bankLocationLabel`                       | `step-4_bank-location-label`                         |                                                                                                                                | `string`                                                                                                             | `"Bank country location"`                                                                                                                                                                                                                           |
+| `step4_bankNameLabel`                           | `step-4_bank-name-label`                             |                                                                                                                                | `string`                                                                                                             | `"Bank name"`                                                                                                                                                                                                                                       |
+| `step4_bankPostalCodeLabel`                     | `step-4_bank-postal-code-label`                      |                                                                                                                                | `string`                                                                                                             | `"Bank postal code"`                                                                                                                                                                                                                                |
+| `step4_bankStateLabel`                          | `step-4_bank-state-label`                            |                                                                                                                                | `string`                                                                                                             | `"Bank Province / State"`                                                                                                                                                                                                                           |
+| `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              |                                                                                                                                | `string`                                                                                                             | `"Beneficiary account name"`                                                                                                                                                                                                                        |
+| `step4_branchCodeLabel`                         | `step-4_branch-code-label`                           |                                                                                                                                | `string`                                                                                                             | `"Branch code"`                                                                                                                                                                                                                                     |
 | `step4_businessSelectItemLabel`                 | `step-4_business-select-item-label`                  | Label text for the business select item                                                                                        | `string`                                                                                                             | `"Business"`                                                                                                                                                                                                                                        |
 | `step4_cannotChangeInfoAlert`                   | `step-4_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                                               | `string`                                                                                                             | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."`                                                                     |
-| `step4_checkingSelectItemLabel`                 | `step-4_checking-select-item-label`                  | Label text for the checking account type select item                                                                           | `string`                                                                                                             | `"Checking"`                                                                                                                                                                                                                                        |
-| `step4_classificationCPFLabel`                  | `step-4_classification-c-p-f-label`                  | Label text for the classification CPF input field                                                                              | `string`                                                                                                             | `"Classification CPF"`                                                                                                                                                                                                                              |
-| `step4_classificationEntityLabel`               | `step-4_classification-entity-label`                 | Label text for the classification entity input field                                                                           | `string`                                                                                                             | `"Classification entity"`                                                                                                                                                                                                                           |
+| `step4_checkingSelectItemLabel`                 | `step-4_checking-select-item-label`                  |                                                                                                                                | `string`                                                                                                             | `"Checking"`                                                                                                                                                                                                                                        |
+| `step4_classificationCPFLabel`                  | `step-4_classification-c-p-f-label`                  |                                                                                                                                | `string`                                                                                                             | `"Classification CPF"`                                                                                                                                                                                                                              |
+| `step4_classificationEntityLabel`               | `step-4_classification-entity-label`                 |                                                                                                                                | `string`                                                                                                             | `"Classification entity"`                                                                                                                                                                                                                           |
 | `step4_classificationLabel`                     | `step-4_classification-label`                        | Label text for the classification input field                                                                                  | `string`                                                                                                             | `"Classification"`                                                                                                                                                                                                                                  |
-| `step4_directlyToBankAccount`                   | `step-4_directly-to-bank-account`                    | Text for the option to receive payments directly to a bank account                                                             | `string`                                                                                                             | `"Directly to my bank account"`                                                                                                                                                                                                                     |
-| `step4_eftWithdrawalLabel`                      | `step-4_eft-withdrawal-label`                        |                                                                                                                                | `string`                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                                                                                           |
+| `step4_directlyToBankAccount`                   | `step-4_directly-to-bank-account`                    |                                                                                                                                | `string`                                                                                                             | `"Directly to my bank account"`                                                                                                                                                                                                                     |
+| `step4_eftWithdrawalLabel`                      | `step-4_eft-withdrawal-label`                        | Default payment method to the participants’ bank account.                                                                      | `string`                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                                                                                           |
 | `step4_foreignSelectItemLabel`                  | `step-4_foreign-select-item-label`                   | Label text for the foreign select item                                                                                         | `string`                                                                                                             | `"Foreign"`                                                                                                                                                                                                                                         |
 | `step4_fxWireProcessingFeeLabel`                | `step-4_fx-wire-processing-fee-label`                |                                                                                                                                | `string`                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                                            |
-| `step4_ibanLabel`                               | `step-4_iban-label`                                  | Label text for the IBAN input field                                                                                            | `string`                                                                                                             | `"IBAN"`                                                                                                                                                                                                                                            |
+| `step4_ibanLabel`                               | `step-4_iban-label`                                  |                                                                                                                                | `string`                                                                                                             | `"IBAN"`                                                                                                                                                                                                                                            |
 | `step4_individualSelectItemLabel`               | `step-4_individual-select-item-label`                | Label text for the individual select item                                                                                      | `string`                                                                                                             | `"Individual"`                                                                                                                                                                                                                                      |
-| `step4_patronymicNameLabel`                     | `step-4_patronymic-name-label`                       | Label text for the patronymic name input field                                                                                 | `string`                                                                                                             | `"Patronymic name"`                                                                                                                                                                                                                                 |
-| `step4_payPalInputLabel`                        | `step-4_pay-pal-input-label`                         | Label text for the PayPal email input field                                                                                    | `string`                                                                                                             | `"PayPal email"`                                                                                                                                                                                                                                    |
-| `step4_paymentDayFifteenthOfMonthLabelText`     | `step-4_payment-day-fifteenth-of-month-label-text`   | Label text for the payment day select option for the fifteenth of the month                                                    | `string`                                                                                                             | `"15th of the month"`                                                                                                                                                                                                                               |
-| `step4_paymentDayFirstOfMonthLabelText`         | `step-4_payment-day-first-of-month-label-text`       | Label text for the payment day select option for the first of the month                                                        | `string`                                                                                                             | `"1st of the month"`                                                                                                                                                                                                                                |
-| `step4_paymentDaySelectLabel`                   | `step-4_payment-day-select-label`                    | Label text for the payment day select                                                                                          | `string`                                                                                                             | `"Payment Day"`                                                                                                                                                                                                                                     |
-| `step4_paymentMethod`                           | `step-4_payment-method`                              | Heading text for the payment method section                                                                                    | `string`                                                                                                             | `"Payment method"`                                                                                                                                                                                                                                  |
-| `step4_paymentMethodSubtext`                    | `step-4_payment-method-subtext`                      | Subtext for the payment method section                                                                                         | `string`                                                                                                             | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                                             |
-| `step4_paymentSchedule`                         | `step-4_payment-schedule`                            | Heading text for the payment schedule section                                                                                  | `string`                                                                                                             | `"Payment schedule"`                                                                                                                                                                                                                                |
-| `step4_paymentScheduleBalanceThreshold`         | `step-4_payment-schedule-balance-threshold`          | Text for the option to receive payments at a specific balance threshold                                                        | `string`                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                                      |
-| `step4_paymentScheduleFixedDay`                 | `step-4_payment-schedule-fixed-day`                  | Text for the option to receive payments on a specific day of the month                                                         | `string`                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                                                                                              |
-| `step4_paymentThresholdSelectLabel`             | `step-4_payment-threshold-select-label`              | Label text for the payment day select                                                                                          | `string`                                                                                                             | `"Payment threshold"`                                                                                                                                                                                                                               |
-| `step4_routingCodeLabel`                        | `step-4_routing-code-label`                          | Label text for the routing code input field                                                                                    | `string`                                                                                                             | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"`                     |
+| `step4_patronymicNameLabel`                     | `step-4_patronymic-name-label`                       |                                                                                                                                | `string`                                                                                                             | `"Patronymic name"`                                                                                                                                                                                                                                 |
+| `step4_payPalInputLabel`                        | `step-4_pay-pal-input-label`                         | Displayed to participants who choose PayPal as their payout method                                                             | `string`                                                                                                             | `"PayPal email"`                                                                                                                                                                                                                                    |
+| `step4_paymentDayFifteenthOfMonthLabelText`     | `step-4_payment-day-fifteenth-of-month-label-text`   | One of two payment day options                                                                                                 | `string`                                                                                                             | `"15th of the month"`                                                                                                                                                                                                                               |
+| `step4_paymentDayFirstOfMonthLabelText`         | `step-4_payment-day-first-of-month-label-text`       | One of two payment day options                                                                                                 | `string`                                                                                                             | `"1st of the month"`                                                                                                                                                                                                                                |
+| `step4_paymentDaySelectLabel`                   | `step-4_payment-day-select-label`                    | Let the participant choose what day of the month they’ll get paid                                                              | `string`                                                                                                             | `"Payment Day"`                                                                                                                                                                                                                                     |
+| `step4_paymentMethod`                           | `step-4_payment-method`                              |                                                                                                                                | `string`                                                                                                             | `"Payment method"`                                                                                                                                                                                                                                  |
+| `step4_paymentMethodSubtext`                    | `step-4_payment-method-subtext`                      |                                                                                                                                | `string`                                                                                                             | `"Payouts will be sent from our referral program provider, impact.com."`                                                                                                                                                                            |
+| `step4_paymentSchedule`                         | `step-4_payment-schedule`                            |                                                                                                                                | `string`                                                                                                             | `"Payment schedule"`                                                                                                                                                                                                                                |
+| `step4_paymentScheduleBalanceThreshold`         | `step-4_payment-schedule-balance-threshold`          |                                                                                                                                | `string`                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                                      |
+| `step4_paymentScheduleFixedDay`                 | `step-4_payment-schedule-fixed-day`                  |                                                                                                                                | `string`                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                                                                                              |
+| `step4_paymentThresholdSelectLabel`             | `step-4_payment-threshold-select-label`              | Participant use this field to select the balance at which they want to be paid                                                 | `string`                                                                                                             | `"Payment threshold"`                                                                                                                                                                                                                               |
+| `step4_routingCodeLabel`                        | `step-4_routing-code-label`                          |                                                                                                                                | `string`                                                                                                             | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"`                     |
 | `step4_savingsSelectItemLabel`                  | `step-4_savings-select-item-label`                   | Label text for the savings account type select item                                                                            | `string`                                                                                                             | `"Savings"`                                                                                                                                                                                                                                         |
-| `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            | Label text for the SWIFT code input field                                                                                      | `string`                                                                                                             | `"SWIFT code"`                                                                                                                                                                                                                                      |
+| `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            |                                                                                                                                | `string`                                                                                                             | `"SWIFT code"`                                                                                                                                                                                                                                      |
 | `step4_taxAndPayouts`                           | `step-4_tax-and-payouts`                             |                                                                                                                                | `string`                                                                                                             | `"Payouts"`                                                                                                                                                                                                                                         |
 | `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          |                                                                                                                                | `string`                                                                                                             | `"Beneficiary INN"`                                                                                                                                                                                                                                 |
 | `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          |                                                                                                                                | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                                                   |

From e3d4a09de2c60b1f370126f50757de74cf9f7f76 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 26 Mar 2024 09:51:16 -0700
Subject: [PATCH 648/753] Fix mobile styling for payout details card

---
 .../sqm-payout-details-card-view.tsx          | 28 ++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index 0d748b9159..b3e4a320e2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -67,6 +67,32 @@ const style = {
   PaypalEmail: {
     borderRight: "1px solid var(--sl-color-gray-200)",
     paddingRight: "var(--sl-spacing-small)",
+    "@media (max-width: 499px)": {
+      borderRight: "none",
+      paddingRight: "none",
+    },
+  },
+  PaypalDetailsContainer: {
+    color: "var(--sl-color-gray-500)",
+    display: "flex",
+    gap: "var(--sl-spacing-small)",
+    justifyContent: "flex-start",
+    alignItems: "center",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    "@media (max-width: 499px)": {
+      flexDirection: "column",
+      alignItems: "flex-start",
+      gap: "var(--sl-spacing-x-small)",
+
+      "& span": {
+        padding: "0px",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+      },
+    },
   },
   AccountDetailsContainer: {
     color: "var(--sl-color-gray-500)",
@@ -226,7 +252,7 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
           <h1 class={classes.MainCurrency}>{states.balance}</h1>
 
           {states.payoutType === "PAYPAL" ? (
-            <div class={classes.AccountDetailsContainer}>
+            <div class={classes.PaypalDetailsContainer}>
               <span class={classes.PaypalEmail}>
                 {states.paypalEmailAddress}
               </span>

From 7e3fa86b0b2aa36faeee9155c3236f8dd826465e Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 26 Mar 2024 10:06:22 -0700
Subject: [PATCH 649/753] Removed unused functions in TaxForm stories

---
 .../tax-and-cash/TaxForm.stories.tsx          |  2 -
 .../sqm-banking-info-form/readme.md           | 60 +++++++++---------
 .../sqm-tax-and-cash-dashboard/readme.md      |  4 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   | 62 +++++++++----------
 4 files changed, 63 insertions(+), 65 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 7919619d45..ba28518fcf 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -227,12 +227,10 @@ const docusignFormProps: StoryDemoData<UseDocusignFormResult> = {
       errors: {},
       taxFormExpired: false,
     },
-    hideBackButton: false,
   },
   callbacks: {
     setParticipantType: (p) => console.log({ p }),
     setDocusignStatus: (status: DocusignStatus) => console.log(status),
-    onBack: () => console.log("Back"),
   },
 };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 35373243d2..fda006fa68 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -7,27 +7,27 @@
 
 | Property                              | Attribute                                   | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default                                                                                                                                                                                                                         |
 | ------------------------------------- | ------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `agencyCodeLabel`                     | `agency-code-label`                         | Label text for the agency code input field                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Agency code"`                                                                                                                                                                                                                 |
+| `agencyCodeLabel`                     | `agency-code-label`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Agency code"`                                                                                                                                                                                                                 |
 | `backButton`                          | `back-button`                               | Text for the back button in the form                                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Back"`                                                                                                                                                                                                                        |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 | Label text for the bank account number input field                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account number"`                                                                                                                                                                                                         |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   | Label text for the bank account type input field                                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account type"`                                                                                                                                                                                                           |
-| `bankAddressLabel`                    | `bank-address-label`                        | Label text for the Bank Address input                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank address"`                                                                                                                                                                                                                |
-| `bankCityLabel`                       | `bank-city-label`                           | Label text for the Bank City input                                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank city"`                                                                                                                                                                                                                   |
-| `bankLocationLabel`                   | `bank-location-label`                       | Label text for the bank country location input field                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank country location"`                                                                                                                                                                                                       |
-| `bankNameLabel`                       | `bank-name-label`                           | Label text for the bank name input field                                                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Name"`                                                                                                                                                                                                                   |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    | Label text for the Bank Postal Code                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank postal code"`                                                                                                                                                                                                            |
-| `bankStateLabel`                      | `bank-state-label`                          | Label text for the Bank Province / State input                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank province/state"`                                                                                                                                                                                                         |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            | Label text for the beneficiary account name input field                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Beneficiary account name"`                                                                                                                                                                                                    |
-| `branchCodeLabel`                     | `branch-code-label`                         | Label text for the branch code input field                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Branch code"`                                                                                                                                                                                                                 |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account number"`                                                                                                                                                                                                         |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account type"`                                                                                                                                                                                                           |
+| `bankAddressLabel`                    | `bank-address-label`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank address"`                                                                                                                                                                                                                |
+| `bankCityLabel`                       | `bank-city-label`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank city"`                                                                                                                                                                                                                   |
+| `bankLocationLabel`                   | `bank-location-label`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank country location"`                                                                                                                                                                                                       |
+| `bankNameLabel`                       | `bank-name-label`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Name"`                                                                                                                                                                                                                   |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank postal code"`                                                                                                                                                                                                            |
+| `bankStateLabel`                      | `bank-state-label`                          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank province/state"`                                                                                                                                                                                                         |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Beneficiary account name"`                                                                                                                                                                                                    |
+| `branchCodeLabel`                     | `branch-code-label`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Branch code"`                                                                                                                                                                                                                 |
 | `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Business"`                                                                                                                                                                                                                    |
-| `checkingSelectItemLabel`             | `checking-select-item-label`                | Label text for the checking account type select item                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Checking"`                                                                                                                                                                                                                    |
-| `classificationCPFLabel`              | `classification-c-p-f-label`                | Label text for the classification CPF input field                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification CPF"`                                                                                                                                                                                                          |
-| `classificationEntityLabel`           | `classification-entity-label`               | Label text for the classification entity input field                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification Entity"`                                                                                                                                                                                                       |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Checking"`                                                                                                                                                                                                                    |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification CPF"`                                                                                                                                                                                                          |
+| `classificationEntityLabel`           | `classification-entity-label`               |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification Entity"`                                                                                                                                                                                                       |
 | `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification"`                                                                                                                                                                                                              |
 | `continueButton`                      | `continue-button`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Save"`                                                                                                                                                                                                                        |
 | `demoData`                            | --                                          |                                                                                                                      | `{ states?: { step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; allCountries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; countrySearch?: string; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }` | `undefined`                                                                                                                                                                                                                     |
-| `directlyToBankAccount`               | `directly-to-bank-account`                  | Text for the option to receive payments directly to a bank account                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Directly to my bank account"`                                                                                                                                                                                                 |
-| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"EFT withdrawal (free)"`                                                                                                                                                                                                       |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Directly to my bank account"`                                                                                                                                                                                                 |
+| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      | Default payment method to the participants’ bank account.                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"EFT withdrawal (free)"`                                                                                                                                                                                                       |
 | `fieldInvalidError`                   | `field-invalid-error`                       | Displayed under a field when it has an invalid entry.                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is invalid"`                                                                                                                                                                                                      |
 | `fieldRequiredError`                  | `field-required-error`                      | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is required"`                                                                                                                                                                                                     |
 | `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Foreign"`                                                                                                                                                                                                                     |
@@ -35,27 +35,27 @@
 | `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                        |
 | `generalErrorDescription`             | `general-error-description`                 | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                   |
 | `generalErrorTitle`                   | `general-error-title`                       | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem submitting your information"`                                                                                                                                                                             |
-| `ibanLabel`                           | `iban-label`                                | Label text for the IBAN input field                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"IBAN"`                                                                                                                                                                                                                        |
+| `ibanLabel`                           | `iban-label`                                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"IBAN"`                                                                                                                                                                                                                        |
 | `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Individual"`                                                                                                                                                                                                                  |
 | `isPartnerAlertDescription`           | `is-partner-alert-description`              | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                            |
 | `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                    |
 | `loadingErrorAlertDescription`        | `loading-error-alert-description`           | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                          |
 | `loadingErrorAlertHeader`             | `loading-error-alert-header`                | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem loading your form"`                                                                                                                                                                                       |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     | Label text for the patronymic name input field                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Patronymic name"`                                                                                                                                                                                                             |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Label text for the PayPal email input field                                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal email"`                                                                                                                                                                                                                |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Patronymic name"`                                                                                                                                                                                                             |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Displayed to participants who choose PayPal as their payout method                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal email"`                                                                                                                                                                                                                |
 | `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"15th of the month"`                                                                                                                                                                                                           |
-| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | Label text for the payment day select option for the first of the month                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"1st of the month"`                                                                                                                                                                                                            |
-| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Label text for the payment day select                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Day"`                                                                                                                                                                                                                 |
-| `paymentMethod`                       | `payment-method`                            | Heading text for the payment method section                                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment method"`                                                                                                                                                                                                              |
-| `paymentMethodSubtext`                | `payment-method-subtext`                    | Subtext for the payment method section                                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                         |
-| `paymentSchedule`                     | `payment-schedule`                          | Heading text for the payment schedule section                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment schedule"`                                                                                                                                                                                                            |
-| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        | Text for the option to receive payments at a specific balance threshold                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                  |
-| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                | Text for the option to receive payments on a specific day of the month                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me on a fixed day of the month"`                                                                                                                                                                                          |
-| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Label text for the payment day select                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Threshold"`                                                                                                                                                                                                           |
-| `routingCodeLabel`                    | `routing-code-label`                        | Label text for the routing code input field                                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"` |
-| `savingsSelectItemLabel`              | `savings-select-item-label`                 | Label text for the savings account type select item                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Savings"`                                                                                                                                                                                                                     |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | One of two payment day options                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"1st of the month"`                                                                                                                                                                                                            |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Let the participant choose what day of the month they’ll get paid                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Day"`                                                                                                                                                                                                                 |
+| `paymentMethod`                       | `payment-method`                            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment method"`                                                                                                                                                                                                              |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payouts will be sent from our referral program provider, impact.com."`                                                                                                                                                        |
+| `paymentSchedule`                     | `payment-schedule`                          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment schedule"`                                                                                                                                                                                                            |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                  |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me on a fixed day of the month"`                                                                                                                                                                                          |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Participant use this field to select the balance at which they want to be paid                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Threshold"`                                                                                                                                                                                                           |
+| `routingCodeLabel`                    | `routing-code-label`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"` |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Savings"`                                                                                                                                                                                                                     |
 | `searchForCountryText`                | `search-for-country-text`                   | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Search for country.."`                                                                                                                                                                                                        |
-| `swiftCodeLabel`                      | `swift-code-label`                          | Label text for the SWIFT code input field                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"SWIFT code"`                                                                                                                                                                                                                  |
+| `swiftCodeLabel`                      | `swift-code-label`                          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"SWIFT code"`                                                                                                                                                                                                                  |
 | `taxAndPayouts`                       | `tax-and-payouts`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payouts"`                                                                                                                                                                                                                     |
 | `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                         |
 | `taxPayerIdLabel`                     | `tax-payer-id-label`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                         |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index c9a3db8222..92e25e9aa2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -19,8 +19,8 @@
 | `earningsAfterTaxColumnTitle`     | `earnings-after-tax-column-title`    | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Earnings after tax"`                                                                                                                                                                                                                              |
 | `earningsColumnTitle`             | `earnings-column-title`              | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Earnings"`                                                                                                                                                                                                                                        |
 | `editPaymentInformationButton`    | `edit-payment-information-button`    |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Edit Payout Information"`                                                                                                                                                                                                                         |
-| `errorDescriptionText`            | `error-description-text`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."` |
-| `errorTitleText`                  | `error-title-text`                   | Payout error message title                                                                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your payout is on hold "`                                                                                                                                                                                                                         |
+| `errorDescriptionText`            | `error-description-text`             | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."` |
+| `errorTitleText`                  | `error-title-text`                   | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your payout is on hold "`                                                                                                                                                                                                                         |
 | `generalErrorDescription`         | `general-error-description`          | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                                       |
 | `generalErrorTitle`               | `general-error-title`                | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem submitting your information"`                                                                                                                                                                                                 |
 | `indirectTaxDetails`              | `indirect-tax-details`               | Displayed to participants who have submitted their indirect tax information.                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index e610ae73c2..3832731a8b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -18,7 +18,7 @@
 | `dashboard_earningsAfterTaxColumnTitle`         | `dashboard_earnings-after-tax-column-title`          | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Earnings after tax"`                                                                                                                                                                                                                              |
 | `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          |                                                                                                                                | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                                                                                         |
 | `dashboard_errorDescriptionText`                | `dashboard_error-description-text`                   | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                             | `"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."` |
-| `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         | Error alert header shown above payout details card                                                                             | `string`                                                                                                             | `"Your payout is on hold "`                                                                                                                                                                                                                         |
+| `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                             | `"Your payout is on hold "`                                                                                                                                                                                                                         |
 | `dashboard_indirectTaxDetails`                  | `dashboard_indirect-tax-details`                     | Displayed to participants who have submitted their indirect tax information.                                                   | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
 | `dashboard_indirectTaxInfoCanada`               | `dashboard_indirect-tax-info-canada`                 | If the participant is registered for indirect tax in Canada, display the province they’re registered in.                       | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                                                                                             |
 | `dashboard_indirectTaxInfoOtherCountry`         | `dashboard_indirect-tax-info-other-country`          | If the participant is registered for indirect tax, display the country they’re registered in.                                  | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                                                                                         |
@@ -97,43 +97,43 @@
 | `step3_taxFormDescriptionBusinessEntity`        | `step-3_tax-form-description-business-entity`        | Displayed at the top of the page to participants representing a business.                                                      | `string`                                                                                                             | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                                                                                                   |
 | `step3_taxFormDescriptionIndividualParticipant` | `step-3_tax-form-description-individual-participant` | Displayed at the top of the page to individuals joining a US program who reside outside the country.                           | `string`                                                                                                             | `"Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."`                                                                                                              |
 | `step3_taxFormLabel`                            | `step-3_tax-form-label`                              | Display the type of tax form that the participant must submit.                                                                 | `string`                                                                                                             | `"{documentType} Tax Form"`                                                                                                                                                                                                                         |
-| `step4_agencyCodeLabel`                         | `step-4_agency-code-label`                           | Label text for the agency code input field                                                                                     | `string`                                                                                                             | `"Agency code"`                                                                                                                                                                                                                                     |
-| `step4_bankAccountNumberLabel`                  | `step-4_bank-account-number-label`                   | Label text for the bank account number input field                                                                             | `string`                                                                                                             | `"Bank account number"`                                                                                                                                                                                                                             |
-| `step4_bankAccountTypeLabel`                    | `step-4_bank-account-type-label`                     | Label text for the bank account type input field                                                                               | `string`                                                                                                             | `"Bank account type"`                                                                                                                                                                                                                               |
-| `step4_bankAddressLabel`                        | `step-4_bank-address-label`                          | Label text for the Bank Address input                                                                                          | `string`                                                                                                             | `"Bank address"`                                                                                                                                                                                                                                    |
-| `step4_bankCityLabel`                           | `step-4_bank-city-label`                             | Label text for the Bank City input                                                                                             | `string`                                                                                                             | `"Bank city"`                                                                                                                                                                                                                                       |
-| `step4_bankLocationLabel`                       | `step-4_bank-location-label`                         | Label text for the bank country location input field                                                                           | `string`                                                                                                             | `"Bank country location"`                                                                                                                                                                                                                           |
-| `step4_bankNameLabel`                           | `step-4_bank-name-label`                             | Label text for the bank name input field                                                                                       | `string`                                                                                                             | `"Bank name"`                                                                                                                                                                                                                                       |
-| `step4_bankPostalCodeLabel`                     | `step-4_bank-postal-code-label`                      | Label text for the Bank Postal Code                                                                                            | `string`                                                                                                             | `"Bank postal code"`                                                                                                                                                                                                                                |
-| `step4_bankStateLabel`                          | `step-4_bank-state-label`                            | Label text for the Bank Province / State input                                                                                 | `string`                                                                                                             | `"Bank Province / State"`                                                                                                                                                                                                                           |
-| `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              | Label text for the beneficiary account name input field                                                                        | `string`                                                                                                             | `"Beneficiary account name"`                                                                                                                                                                                                                        |
-| `step4_branchCodeLabel`                         | `step-4_branch-code-label`                           | Label text for the branch code input field                                                                                     | `string`                                                                                                             | `"Branch code"`                                                                                                                                                                                                                                     |
+| `step4_agencyCodeLabel`                         | `step-4_agency-code-label`                           |                                                                                                                                | `string`                                                                                                             | `"Agency code"`                                                                                                                                                                                                                                     |
+| `step4_bankAccountNumberLabel`                  | `step-4_bank-account-number-label`                   |                                                                                                                                | `string`                                                                                                             | `"Bank account number"`                                                                                                                                                                                                                             |
+| `step4_bankAccountTypeLabel`                    | `step-4_bank-account-type-label`                     |                                                                                                                                | `string`                                                                                                             | `"Bank account type"`                                                                                                                                                                                                                               |
+| `step4_bankAddressLabel`                        | `step-4_bank-address-label`                          |                                                                                                                                | `string`                                                                                                             | `"Bank address"`                                                                                                                                                                                                                                    |
+| `step4_bankCityLabel`                           | `step-4_bank-city-label`                             |                                                                                                                                | `string`                                                                                                             | `"Bank city"`                                                                                                                                                                                                                                       |
+| `step4_bankLocationLabel`                       | `step-4_bank-location-label`                         |                                                                                                                                | `string`                                                                                                             | `"Bank country location"`                                                                                                                                                                                                                           |
+| `step4_bankNameLabel`                           | `step-4_bank-name-label`                             |                                                                                                                                | `string`                                                                                                             | `"Bank name"`                                                                                                                                                                                                                                       |
+| `step4_bankPostalCodeLabel`                     | `step-4_bank-postal-code-label`                      |                                                                                                                                | `string`                                                                                                             | `"Bank postal code"`                                                                                                                                                                                                                                |
+| `step4_bankStateLabel`                          | `step-4_bank-state-label`                            |                                                                                                                                | `string`                                                                                                             | `"Bank Province / State"`                                                                                                                                                                                                                           |
+| `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              |                                                                                                                                | `string`                                                                                                             | `"Beneficiary account name"`                                                                                                                                                                                                                        |
+| `step4_branchCodeLabel`                         | `step-4_branch-code-label`                           |                                                                                                                                | `string`                                                                                                             | `"Branch code"`                                                                                                                                                                                                                                     |
 | `step4_businessSelectItemLabel`                 | `step-4_business-select-item-label`                  | Label text for the business select item                                                                                        | `string`                                                                                                             | `"Business"`                                                                                                                                                                                                                                        |
 | `step4_cannotChangeInfoAlert`                   | `step-4_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                                               | `string`                                                                                                             | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."`                                                                     |
-| `step4_checkingSelectItemLabel`                 | `step-4_checking-select-item-label`                  | Label text for the checking account type select item                                                                           | `string`                                                                                                             | `"Checking"`                                                                                                                                                                                                                                        |
-| `step4_classificationCPFLabel`                  | `step-4_classification-c-p-f-label`                  | Label text for the classification CPF input field                                                                              | `string`                                                                                                             | `"Classification CPF"`                                                                                                                                                                                                                              |
-| `step4_classificationEntityLabel`               | `step-4_classification-entity-label`                 | Label text for the classification entity input field                                                                           | `string`                                                                                                             | `"Classification entity"`                                                                                                                                                                                                                           |
+| `step4_checkingSelectItemLabel`                 | `step-4_checking-select-item-label`                  |                                                                                                                                | `string`                                                                                                             | `"Checking"`                                                                                                                                                                                                                                        |
+| `step4_classificationCPFLabel`                  | `step-4_classification-c-p-f-label`                  |                                                                                                                                | `string`                                                                                                             | `"Classification CPF"`                                                                                                                                                                                                                              |
+| `step4_classificationEntityLabel`               | `step-4_classification-entity-label`                 |                                                                                                                                | `string`                                                                                                             | `"Classification entity"`                                                                                                                                                                                                                           |
 | `step4_classificationLabel`                     | `step-4_classification-label`                        | Label text for the classification input field                                                                                  | `string`                                                                                                             | `"Classification"`                                                                                                                                                                                                                                  |
-| `step4_directlyToBankAccount`                   | `step-4_directly-to-bank-account`                    | Text for the option to receive payments directly to a bank account                                                             | `string`                                                                                                             | `"Directly to my bank account"`                                                                                                                                                                                                                     |
-| `step4_eftWithdrawalLabel`                      | `step-4_eft-withdrawal-label`                        |                                                                                                                                | `string`                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                                                                                           |
+| `step4_directlyToBankAccount`                   | `step-4_directly-to-bank-account`                    |                                                                                                                                | `string`                                                                                                             | `"Directly to my bank account"`                                                                                                                                                                                                                     |
+| `step4_eftWithdrawalLabel`                      | `step-4_eft-withdrawal-label`                        | Default payment method to the participants’ bank account.                                                                      | `string`                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                                                                                           |
 | `step4_foreignSelectItemLabel`                  | `step-4_foreign-select-item-label`                   | Label text for the foreign select item                                                                                         | `string`                                                                                                             | `"Foreign"`                                                                                                                                                                                                                                         |
 | `step4_fxWireProcessingFeeLabel`                | `step-4_fx-wire-processing-fee-label`                |                                                                                                                                | `string`                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                                            |
-| `step4_ibanLabel`                               | `step-4_iban-label`                                  | Label text for the IBAN input field                                                                                            | `string`                                                                                                             | `"IBAN"`                                                                                                                                                                                                                                            |
+| `step4_ibanLabel`                               | `step-4_iban-label`                                  |                                                                                                                                | `string`                                                                                                             | `"IBAN"`                                                                                                                                                                                                                                            |
 | `step4_individualSelectItemLabel`               | `step-4_individual-select-item-label`                | Label text for the individual select item                                                                                      | `string`                                                                                                             | `"Individual"`                                                                                                                                                                                                                                      |
-| `step4_patronymicNameLabel`                     | `step-4_patronymic-name-label`                       | Label text for the patronymic name input field                                                                                 | `string`                                                                                                             | `"Patronymic name"`                                                                                                                                                                                                                                 |
-| `step4_payPalInputLabel`                        | `step-4_pay-pal-input-label`                         | Label text for the PayPal email input field                                                                                    | `string`                                                                                                             | `"PayPal email"`                                                                                                                                                                                                                                    |
-| `step4_paymentDayFifteenthOfMonthLabelText`     | `step-4_payment-day-fifteenth-of-month-label-text`   | Label text for the payment day select option for the fifteenth of the month                                                    | `string`                                                                                                             | `"15th of the month"`                                                                                                                                                                                                                               |
-| `step4_paymentDayFirstOfMonthLabelText`         | `step-4_payment-day-first-of-month-label-text`       | Label text for the payment day select option for the first of the month                                                        | `string`                                                                                                             | `"1st of the month"`                                                                                                                                                                                                                                |
-| `step4_paymentDaySelectLabel`                   | `step-4_payment-day-select-label`                    | Label text for the payment day select                                                                                          | `string`                                                                                                             | `"Payment Day"`                                                                                                                                                                                                                                     |
-| `step4_paymentMethod`                           | `step-4_payment-method`                              | Heading text for the payment method section                                                                                    | `string`                                                                                                             | `"Payment method"`                                                                                                                                                                                                                                  |
-| `step4_paymentMethodSubtext`                    | `step-4_payment-method-subtext`                      | Subtext for the payment method section                                                                                         | `string`                                                                                                             | `"Payouts will be sent on the first day of each month from our referral program provider, impact.com."`                                                                                                                                             |
-| `step4_paymentSchedule`                         | `step-4_payment-schedule`                            | Heading text for the payment schedule section                                                                                  | `string`                                                                                                             | `"Payment schedule"`                                                                                                                                                                                                                                |
-| `step4_paymentScheduleBalanceThreshold`         | `step-4_payment-schedule-balance-threshold`          | Text for the option to receive payments at a specific balance threshold                                                        | `string`                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                                      |
-| `step4_paymentScheduleFixedDay`                 | `step-4_payment-schedule-fixed-day`                  | Text for the option to receive payments on a specific day of the month                                                         | `string`                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                                                                                              |
-| `step4_paymentThresholdSelectLabel`             | `step-4_payment-threshold-select-label`              | Label text for the payment day select                                                                                          | `string`                                                                                                             | `"Payment threshold"`                                                                                                                                                                                                                               |
-| `step4_routingCodeLabel`                        | `step-4_routing-code-label`                          | Label text for the routing code input field                                                                                    | `string`                                                                                                             | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"`                     |
+| `step4_patronymicNameLabel`                     | `step-4_patronymic-name-label`                       |                                                                                                                                | `string`                                                                                                             | `"Patronymic name"`                                                                                                                                                                                                                                 |
+| `step4_payPalInputLabel`                        | `step-4_pay-pal-input-label`                         | Displayed to participants who choose PayPal as their payout method                                                             | `string`                                                                                                             | `"PayPal email"`                                                                                                                                                                                                                                    |
+| `step4_paymentDayFifteenthOfMonthLabelText`     | `step-4_payment-day-fifteenth-of-month-label-text`   | One of two payment day options                                                                                                 | `string`                                                                                                             | `"15th of the month"`                                                                                                                                                                                                                               |
+| `step4_paymentDayFirstOfMonthLabelText`         | `step-4_payment-day-first-of-month-label-text`       | One of two payment day options                                                                                                 | `string`                                                                                                             | `"1st of the month"`                                                                                                                                                                                                                                |
+| `step4_paymentDaySelectLabel`                   | `step-4_payment-day-select-label`                    | Let the participant choose what day of the month they’ll get paid                                                              | `string`                                                                                                             | `"Payment Day"`                                                                                                                                                                                                                                     |
+| `step4_paymentMethod`                           | `step-4_payment-method`                              |                                                                                                                                | `string`                                                                                                             | `"Payment method"`                                                                                                                                                                                                                                  |
+| `step4_paymentMethodSubtext`                    | `step-4_payment-method-subtext`                      |                                                                                                                                | `string`                                                                                                             | `"Payouts will be sent from our referral program provider, impact.com."`                                                                                                                                                                            |
+| `step4_paymentSchedule`                         | `step-4_payment-schedule`                            |                                                                                                                                | `string`                                                                                                             | `"Payment schedule"`                                                                                                                                                                                                                                |
+| `step4_paymentScheduleBalanceThreshold`         | `step-4_payment-schedule-balance-threshold`          |                                                                                                                                | `string`                                                                                                             | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                                      |
+| `step4_paymentScheduleFixedDay`                 | `step-4_payment-schedule-fixed-day`                  |                                                                                                                                | `string`                                                                                                             | `"Pay me on a fixed day of the month"`                                                                                                                                                                                                              |
+| `step4_paymentThresholdSelectLabel`             | `step-4_payment-threshold-select-label`              | Participant use this field to select the balance at which they want to be paid                                                 | `string`                                                                                                             | `"Payment threshold"`                                                                                                                                                                                                                               |
+| `step4_routingCodeLabel`                        | `step-4_routing-code-label`                          |                                                                                                                                | `string`                                                                                                             | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"`                     |
 | `step4_savingsSelectItemLabel`                  | `step-4_savings-select-item-label`                   | Label text for the savings account type select item                                                                            | `string`                                                                                                             | `"Savings"`                                                                                                                                                                                                                                         |
-| `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            | Label text for the SWIFT code input field                                                                                      | `string`                                                                                                             | `"SWIFT code"`                                                                                                                                                                                                                                      |
+| `step4_swiftCodeLabel`                          | `step-4_swift-code-label`                            |                                                                                                                                | `string`                                                                                                             | `"SWIFT code"`                                                                                                                                                                                                                                      |
 | `step4_taxAndPayouts`                           | `step-4_tax-and-payouts`                             |                                                                                                                                | `string`                                                                                                             | `"Payouts"`                                                                                                                                                                                                                                         |
 | `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          |                                                                                                                                | `string`                                                                                                             | `"Beneficiary INN"`                                                                                                                                                                                                                                 |
 | `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          |                                                                                                                                | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                                                   |

From f614651c350be5beb2241cf1637cd9720978f026 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 26 Mar 2024 10:26:35 -0700
Subject: [PATCH 650/753] Sort country names alphabetically

---
 .../tax-and-cash/TaxForm.stories.tsx          | 12 ++++
 .../sqm-user-info-form-view.tsx               | 60 +++++++++++--------
 2 files changed, 46 insertions(+), 26 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index ba28518fcf..5c6d843f0e 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -60,6 +60,18 @@ const stepOneProps: StoryDemoData<UseUserInfoFormResult> = {
         countryCode: "US",
         displayName: "United States",
       },
+      {
+        countryCode: "AR",
+        displayName: "Argentina",
+      },
+      {
+        countryCode: "AU",
+        displayName: "Australia",
+      },
+      {
+        countryCode: "ZW",
+        displayName: "Zimbabwe",
+      },
     ],
     currencies: [
       {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 32b5052c15..7bb5d272f4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -377,19 +377,23 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                     callbacks.setCountrySearch(e.target.value);
                   }}
                 ></sl-input>
-                {data?.countries?.map((c) => (
-                  <sl-menu-item value={c.countryCode}>
-                    {c.displayName}
-                  </sl-menu-item>
-                ))}
-                {data?.allCountries?.map((c) => (
-                  <sl-menu-item
-                    value={c.countryCode}
-                    style={{ display: "none" }}
-                  >
-                    {c.displayName}
-                  </sl-menu-item>
-                ))}
+                {data?.countries
+                  ?.sort((a, b) => a.displayName.localeCompare(b.displayName))
+                  .map((c) => (
+                    <sl-menu-item value={c.countryCode}>
+                      {c.displayName}
+                    </sl-menu-item>
+                  ))}
+                {data?.allCountries
+                  ?.sort((a, b) => a.displayName.localeCompare(b.displayName))
+                  .map((c) => (
+                    <sl-menu-item
+                      value={c.countryCode}
+                      style={{ display: "none" }}
+                    >
+                      {c.displayName}
+                    </sl-menu-item>
+                  ))}
               </sl-select>
               <sl-select
                 id="currency"
@@ -423,19 +427,23 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                     callbacks.setCurrencySearch(e.target.value);
                   }}
                 />
-                {data?.currencies?.map((c) => (
-                  <sl-menu-item value={c.currencyCode}>
-                    {c.currencyCode} - {c.displayName}
-                  </sl-menu-item>
-                ))}
-                {data?.allCurrencies?.map((c) => (
-                  <sl-menu-item
-                    value={c.currencyCode}
-                    style={{ display: "none" }}
-                  >
-                    {c.currencyCode} - {c.displayName}
-                  </sl-menu-item>
-                ))}
+                {data?.currencies
+                  ?.sort((a, b) => a.displayName.localeCompare(b.displayName))
+                  .map((c) => (
+                    <sl-menu-item value={c.currencyCode}>
+                      {c.currencyCode} - {c.displayName}
+                    </sl-menu-item>
+                  ))}
+                {data?.allCurrencies
+                  ?.sort((a, b) => a.displayName.localeCompare(b.displayName))
+                  .map((c) => (
+                    <sl-menu-item
+                      value={c.currencyCode}
+                      style={{ display: "none" }}
+                    >
+                      {c.currencyCode} - {c.displayName}
+                    </sl-menu-item>
+                  ))}
               </sl-select>
 
               <div class={classes.CheckboxWrapper}>

From bf8ba816a4f52efbc9c285c30095202697be5312 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 26 Mar 2024 10:50:53 -0700
Subject: [PATCH 651/753] fix country and currency sorting

---
 .../sqm-user-info-form-view.tsx               | 60 ++++++++-----------
 .../sqm-user-info-form/useUserInfoForm.tsx    |  9 ++-
 2 files changed, 33 insertions(+), 36 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 7bb5d272f4..32b5052c15 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -377,23 +377,19 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                     callbacks.setCountrySearch(e.target.value);
                   }}
                 ></sl-input>
-                {data?.countries
-                  ?.sort((a, b) => a.displayName.localeCompare(b.displayName))
-                  .map((c) => (
-                    <sl-menu-item value={c.countryCode}>
-                      {c.displayName}
-                    </sl-menu-item>
-                  ))}
-                {data?.allCountries
-                  ?.sort((a, b) => a.displayName.localeCompare(b.displayName))
-                  .map((c) => (
-                    <sl-menu-item
-                      value={c.countryCode}
-                      style={{ display: "none" }}
-                    >
-                      {c.displayName}
-                    </sl-menu-item>
-                  ))}
+                {data?.countries?.map((c) => (
+                  <sl-menu-item value={c.countryCode}>
+                    {c.displayName}
+                  </sl-menu-item>
+                ))}
+                {data?.allCountries?.map((c) => (
+                  <sl-menu-item
+                    value={c.countryCode}
+                    style={{ display: "none" }}
+                  >
+                    {c.displayName}
+                  </sl-menu-item>
+                ))}
               </sl-select>
               <sl-select
                 id="currency"
@@ -427,23 +423,19 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
                     callbacks.setCurrencySearch(e.target.value);
                   }}
                 />
-                {data?.currencies
-                  ?.sort((a, b) => a.displayName.localeCompare(b.displayName))
-                  .map((c) => (
-                    <sl-menu-item value={c.currencyCode}>
-                      {c.currencyCode} - {c.displayName}
-                    </sl-menu-item>
-                  ))}
-                {data?.allCurrencies
-                  ?.sort((a, b) => a.displayName.localeCompare(b.displayName))
-                  .map((c) => (
-                    <sl-menu-item
-                      value={c.currencyCode}
-                      style={{ display: "none" }}
-                    >
-                      {c.currencyCode} - {c.displayName}
-                    </sl-menu-item>
-                  ))}
+                {data?.currencies?.map((c) => (
+                  <sl-menu-item value={c.currencyCode}>
+                    {c.currencyCode} - {c.displayName}
+                  </sl-menu-item>
+                ))}
+                {data?.allCurrencies?.map((c) => (
+                  <sl-menu-item
+                    value={c.currencyCode}
+                    style={{ display: "none" }}
+                  >
+                    {c.currencyCode} - {c.displayName}
+                  </sl-menu-item>
+                ))}
               </sl-select>
 
               <div class={classes.CheckboxWrapper}>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 8520a4b622..8acf5b106d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -67,9 +67,14 @@ export function useUserInfoForm(props: TaxForm) {
   const { data: countriesRes, loading: countriesLoading } =
     useParentQueryValue<CountriesQuery>(COUNTRIES_QUERY_NAMESPACE);
 
-  const currencies = useParentValue<Currencies>(CURRENCIES_NAMESPACE);
+  const _currencies = useParentValue<Currencies>(CURRENCIES_NAMESPACE);
+  const currencies = [...(_currencies || [])].sort((a, b) =>
+    a.displayName.localeCompare(b.displayName)
+  );
 
-  const countries = countriesRes?.impactPayoutCountries?.data;
+  const countries = [...(countriesRes?.impactPayoutCountries?.data || [])].sort(
+    (a, b) => a.displayName.localeCompare(b.displayName)
+  );
 
   const [countrySearch, setCountrySearch] = useState("");
   const [filteredCountries, setFilteredCountries] = useState(countries || []);

From 870ad6c923994e6478f93092ab5457d46edb51f3 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 26 Mar 2024 11:05:17 -0700
Subject: [PATCH 652/753] fix some props, update template

---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  11 +-
 .../src/templates/TaxAndCash.html             | 437 +++++++++++++-----
 2 files changed, 328 insertions(+), 120 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 4c0781d4a9..7bdc309a40 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -81,6 +81,7 @@ export class TaxAndCashMonolith {
   /**
    * Placeholder text displayed in the currency search dropdown
    * @uiName Currency field placeholder text
+   * @uiGroup Step 1 Properties
    */
   @Prop() step1_searchForCurrencyText: string = "Search for currency..";
 
@@ -764,25 +765,25 @@ export class TaxAndCashMonolith {
    * @uiName Invoice number column title
    *  @uiGroup Dashboard Properties
    */
-  @Prop() invoiceColumnTitle: string = "Invoice";
+  @Prop() dashboard_invoiceColumnTitle: string = "Invoice";
   /**
    * Part of the Invoice table displayed at the bottom of the page.
    * @uiName Date column title
    *  @uiGroup Dashboard Properties
    */
-  @Prop() dateColumnTitle: string = "Date";
+  @Prop() dashboard_dateColumnTitle: string = "Date";
   /**
    * Part of the Invoice table displayed at the bottom of the page.
    * @uiName Earnings column title
    *  @uiGroup Dashboard Properties
    */
-  @Prop() earningsColumnTitle: string = "Earnings";
+  @Prop() dashboard_earningsColumnTitle: string = "Earnings";
   /**
    * Part of the Invoice table displayed at the bottom of the page.
    * @uiName Taxed amount column title
    *  @uiGroup Dashboard Properties
    */
-  @Prop() taxedAmountColumnTitle: string = "Taxed Amount";
+  @Prop() dashboard_taxedAmountColumnTitle: string = "Taxed Amount";
   /**
    * Sub text describing how payouts are provided from impact.com
    * @uiName Payout from impact text
@@ -886,6 +887,7 @@ export class TaxAndCashMonolith {
   /**
    * Placeholder text displayed in the country search dropdown
    * @uiName Country field placeholder text
+   * @uiGroup General Form Properties
    */
   @Prop() searchForCountryText: string = "Search for country..";
   /**
@@ -907,6 +909,7 @@ export class TaxAndCashMonolith {
   /**
    * Displayed at the top of the page on all set up steps and on the dashboard.
    * @uiName Page description
+   * @uiGroup General Form Properties
    */
   @Prop() taxAndPayoutsDescription: string =
     "Submit your tax documents and add your banking information to receive your rewards.";
diff --git a/packages/mint-components/src/templates/TaxAndCash.html b/packages/mint-components/src/templates/TaxAndCash.html
index cf2e5b091e..092522b119 100644
--- a/packages/mint-components/src/templates/TaxAndCash.html
+++ b/packages/mint-components/src/templates/TaxAndCash.html
@@ -1,125 +1,330 @@
 <sqm-portal-frame>
-    <a slot="header" href="/">
-        <sqm-text style="height: 60px">
-            <img style="height: 60px"
-                src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png" />
-        </sqm-text>
-    </a>
-    <sqb-program-section program-id="referral-program">
-        <sqm-router>
-            <template
-                path="/:path(\bregister\b|\bemailVerification\b|\blogin\b|\bverifyEmail\b|\bforgotPassword\b|\bresetPassword\b|\blogout\b)">
-                <sqm-hero
-                    background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80">
-                    <sqm-router>
-                        <template path="/register">
-                            <sqm-portal-register>
-                                <sqm-name-fields slot="formData"></sqm-name-fields>
-                            </sqm-portal-register>
-                        </template>
+  <a slot="header" href="/">
+    <sqm-text style="height: 60px">
+      <img
+        style="height: 60px"
+        src="https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png"
+      />
+    </sqm-text>
+  </a>
+  <sqb-program-section program-id="referral-program">
+    <sqm-router>
+      <template
+        path="/:path(\bregister\b|\bemailVerification\b|\blogin\b|\bverifyEmail\b|\bforgotPassword\b|\bresetPassword\b|\blogout\b)"
+      >
+        <sqm-hero
+          background="https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80"
+        >
+          <sqm-router>
+            <template path="/register">
+              <sqm-portal-register>
+                <sqm-name-fields slot="formData"></sqm-name-fields>
+              </sqm-portal-register>
+            </template>
 
-                        <template path="/emailVerification">
-                            <sqm-portal-protected-route redirect-to="/login"></sqm-portal-protected-route>
-                            <sqm-portal-email-verification></sqm-portal-email-verification>
-                        </template>
+            <template path="/emailVerification">
+              <sqm-portal-protected-route
+                redirect-to="/login"
+              ></sqm-portal-protected-route>
+              <sqm-portal-email-verification></sqm-portal-email-verification>
+            </template>
 
-                        <template path="/login">
-                            <sqm-portal-login></sqm-portal-login>
-                        </template>
+            <template path="/login">
+              <sqm-portal-login></sqm-portal-login>
+            </template>
 
-                        <template path="/verifyEmail">
-                            <sqm-portal-verify-email></sqm-portal-verify-email>
-                        </template>
+            <template path="/verifyEmail">
+              <sqm-portal-verify-email></sqm-portal-verify-email>
+            </template>
 
-                        <template path="/forgotPassword">
-                            <sqm-portal-forgot-password email-label="Business Email"></sqm-portal-forgot-password>
-                        </template>
+            <template path="/forgotPassword">
+              <sqm-portal-forgot-password
+                email-label="Business Email"
+              ></sqm-portal-forgot-password>
+            </template>
 
-                        <template path="/resetPassword">
-                            <sqm-portal-reset-password confirm-password="true"></sqm-portal-reset-password>
-                        </template>
-                        <template path="/logout">
-                            <sqm-portal-logout next-page="/login"></sqm-portal-logout>
-                        </template>
-                    </sqm-router>
-                </sqm-hero>
+            <template path="/resetPassword">
+              <sqm-portal-reset-password
+                confirm-password="true"
+              ></sqm-portal-reset-password>
+            </template>
+            <template path="/logout">
+              <sqm-portal-logout next-page="/login"></sqm-portal-logout>
             </template>
-        </sqm-router>
-        <sqm-router>
-            <template path="/:path(\bactivity\b|\beditProfile\b|\brefer\b)?">
-                <sqm-divided-layout direction="row" style="
+          </sqm-router>
+        </sqm-hero>
+      </template>
+    </sqm-router>
+    <sqm-router>
+      <template path="/:path(\bactivity\b|\beditProfile\b|\brefer\b)?">
+        <sqm-divided-layout
+          direction="row"
+          style="
             border-top: 1px solid #eaeaea;
             border-bottom: 1px solid #eaeaea;
-          ">
-                    <sqm-navigation-sidebar>
-                        <sqm-navigation-sidebar-item path="/" icon="house"
-                            label="Dashboard"></sqm-navigation-sidebar-item>
-                        <sqm-navigation-sidebar-item path="/activity" icon="bar-chart"
-                            label="Activity"></sqm-navigation-sidebar-item>
-                        <sqm-navigation-sidebar-item path="/editProfile" icon="person"
-                            label="Edit Profile"></sqm-navigation-sidebar-item>
-                        <sqm-navigation-sidebar-item path="/taxAndCash" icon="file-earmark-text"
-                            label="Tax and Cash"></sqm-navigation-sidebar-item>
-                        <sqm-navigation-sidebar-item path="/logout" icon="box-arrow-right"
-                            label="Logout"></sqm-navigation-sidebar-item>
-                    </sqm-navigation-sidebar>
-                    <sqm-divided-layout direction="column" content-area-width="1200px">
-                        <sqm-router>
-                            <template path="/">
-                                <sqm-portal-protected-route require-email-verification="true" redirect-to="/login"
-                                    redirect-to-unverified="/emailVerification"></sqm-portal-protected-route>
-                                <sqb-widget widget-type="p/referral-program/w/referrerWidget"
-                                    track-loads="true"></sqb-widget>
-                            </template>
-                            <template path="/editProfile">
-                                <sqm-portal-protected-route require-email-verification="true" redirect-to="/login"
-                                    redirect-to-unverified="/emailVerification"></sqm-portal-protected-route>
-                                <sqm-portal-container direction="column" gap="xxx-large">
-                                    <sqm-portal-profile></sqm-portal-profile>
-                                </sqm-portal-container><sqm-portal-container direction="column" gap="xxx-large">
-                                    <sqm-portal-change-password></sqm-portal-change-password>
-                                </sqm-portal-container>
-                            </template>
-                            <template path="/refer">
-                                <sqm-portal-protected-route require-email-verification="true" redirect-to="/login"
-                                    redirect-to-unverified="/emailVerification"></sqm-portal-protected-route>
-                                <sqm-referral-iframe></sqm-referral-iframe>
-                            </template>
-                            <template path="/activity">
-                                <sqm-portal-protected-route require-email-verification="true" redirect-to="/login"
-                                    redirect-to-unverified="/emailVerification"></sqm-portal-protected-route>
-                                <sqm-portal-container direction="column" padding="xxx-large" gap="xxx-large">
-                                    <sqm-text>
-                                        <h1>Activity</h1>
-                                    </sqm-text>
-                                    <sqm-stat-container space="xxxx-large"><sqm-big-stat flex-reverse="true"
-                                            alignment="left" stat-type="/referralsCount"><sqm-text>
-                                                <p>Referrals</p>
-                                            </sqm-text></sqm-big-stat>
-                                        <sqm-big-stat flex-reverse="true" alignment="left"
-                                            stat-type="/rewardsCountFiltered/AVAILABLE"><sqm-text>
-                                                <p>Rewards Earned</p>
-                                            </sqm-text></sqm-big-stat>
-                                        <sqm-big-stat flex-reverse="true" alignment="left"
-                                            stat-type="/rewardBalance/CREDIT/CENTS"><sqm-text>
-                                                <p>Reward Balance</p>
-                                            </sqm-text></sqm-big-stat>
-                                    </sqm-stat-container>
-                                    <sqm-referral-table>
-                                        <sqm-referral-table-user-column></sqm-referral-table-user-column>
-                                        <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>
-                                        <sqm-referral-table-status-column></sqm-referral-table-status-column>
-                                        <sqm-referral-table-date-column column-title="Referred"
-                                            date-shown="dateReferralStarted"></sqm-referral-table-date-column>
-                                    </sqm-referral-table></sqm-portal-container>
-                            </template>
-                        </sqm-router>
-                    </sqm-divided-layout>
-                </sqm-divided-layout>
-            </template>
-        </sqm-router>
-    </sqb-program-section>
-    <sqm-portal-footer slot="footer" support-email="support@example.com" terms-link="https://example.com"
-        faq-link="https://example.com" terms-text="Terms And Conditions" faq-text="FAQ"
-        show-powered-by="true"></sqm-portal-footer>
-</sqm-portal-frame>
\ No newline at end of file
+          "
+        >
+          <sqm-navigation-sidebar>
+            <sqm-navigation-sidebar-item
+              path="/"
+              icon="house"
+              label="Dashboard"
+            ></sqm-navigation-sidebar-item>
+            <sqm-navigation-sidebar-item
+              path="/activity"
+              icon="bar-chart"
+              label="Activity"
+            ></sqm-navigation-sidebar-item>
+            <sqm-navigation-sidebar-item
+              path="/editProfile"
+              icon="person"
+              label="Edit Profile"
+            ></sqm-navigation-sidebar-item>
+            <sqm-navigation-sidebar-item
+              path="/taxAndCash"
+              icon="file-earmark-text"
+              label="Tax and Cash"
+            ></sqm-navigation-sidebar-item>
+            <sqm-navigation-sidebar-item
+              path="/logout"
+              icon="box-arrow-right"
+              label="Logout"
+            ></sqm-navigation-sidebar-item>
+          </sqm-navigation-sidebar>
+          <sqm-divided-layout direction="column" content-area-width="1200px">
+            <sqm-router>
+              <template path="/">
+                <sqm-portal-protected-route
+                  require-email-verification="true"
+                  redirect-to="/login"
+                  redirect-to-unverified="/emailVerification"
+                ></sqm-portal-protected-route>
+                <sqb-widget
+                  widget-type="p/referral-program/w/referrerWidget"
+                  track-loads="true"
+                ></sqb-widget>
+              </template>
+              <template path="/editProfile">
+                <sqm-portal-protected-route
+                  require-email-verification="true"
+                  redirect-to="/login"
+                  redirect-to-unverified="/emailVerification"
+                ></sqm-portal-protected-route>
+                <sqm-portal-container direction="column" gap="xxx-large">
+                  <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container
+                ><sqm-portal-container direction="column" gap="xxx-large">
+                  <sqm-portal-change-password></sqm-portal-change-password>
+                </sqm-portal-container>
+              </template>
+              <template path="/refer">
+                <sqm-portal-protected-route
+                  require-email-verification="true"
+                  redirect-to="/login"
+                  redirect-to-unverified="/emailVerification"
+                ></sqm-portal-protected-route>
+                <sqm-referral-iframe></sqm-referral-iframe>
+              </template>
+              <template path="/activity">
+                <sqm-portal-protected-route
+                  require-email-verification="true"
+                  redirect-to="/login"
+                  redirect-to-unverified="/emailVerification"
+                ></sqm-portal-protected-route>
+                <sqm-portal-container
+                  direction="column"
+                  padding="xxx-large"
+                  gap="xxx-large"
+                >
+                  <sqm-text>
+                    <h1>Activity</h1>
+                  </sqm-text>
+                  <sqm-stat-container space="xxxx-large"
+                    ><sqm-big-stat
+                      flex-reverse="true"
+                      alignment="left"
+                      stat-type="/referralsCount"
+                      ><sqm-text>
+                        <p>Referrals</p>
+                      </sqm-text></sqm-big-stat
+                    >
+                    <sqm-big-stat
+                      flex-reverse="true"
+                      alignment="left"
+                      stat-type="/rewardsCountFiltered/AVAILABLE"
+                      ><sqm-text>
+                        <p>Rewards Earned</p>
+                      </sqm-text></sqm-big-stat
+                    >
+                    <sqm-big-stat
+                      flex-reverse="true"
+                      alignment="left"
+                      stat-type="/rewardBalance/CREDIT/CENTS"
+                      ><sqm-text>
+                        <p>Reward Balance</p>
+                      </sqm-text></sqm-big-stat
+                    >
+                  </sqm-stat-container>
+                  <sqm-referral-table>
+                    <sqm-referral-table-user-column></sqm-referral-table-user-column>
+                    <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>
+                    <sqm-referral-table-status-column></sqm-referral-table-status-column>
+                    <sqm-referral-table-date-column
+                      column-title="Referred"
+                      date-shown="dateReferralStarted"
+                    ></sqm-referral-table-date-column> </sqm-referral-table
+                ></sqm-portal-container>
+              </template>
+              <template path="/taxAndCash">
+                <sqm-portal-protected-route
+                  require-email-verification="true"
+                  redirect-to="/login"
+                  redirect-to-unverified="/emailVerification"
+                ></sqm-portal-protected-route>
+                <sqm-tax-and-cash
+                  step-1_first-name="First name"
+                  step-1_last-name="Last name"
+                  step-1_email="Email"
+                  step-1_country="Country"
+                  step-1_currency="Currency"
+                  step-1_currency-help-text="Choose your preferred payout currency"
+                  step-1_allow-banking-collection="I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"
+                  step-1_personal-information="Personal Information"
+                  step-1_terms-and-conditions-label="terms and conditions"
+                  step-1_search-for-currency-text="Search for currency.."
+                  step-2_indirect-tax="Indirect Tax"
+                  step-2_indirect-tax-description="Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."
+                  step-2_indirect-tax-details="Indirect tax details"
+                  step-2_indirect-tax-details-description="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."
+                  step-2_other-region="Registered for indirect tax"
+                  step-2_other-region-subtext="If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more."
+                  step-2_not-registered="Not registered for indirect tax"
+                  step-2_not-registered-subtext="If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."
+                  step-2_selected-region="Country / region of indirect tax"
+                  step-2_province="Province"
+                  step-2_indirect-tax-number-error="{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"
+                  step-2_qst-number="QST number"
+                  step-2_is-registered-q-s-t="I am registered for QST Tax"
+                  step-2_is-registered-sub-region-income-tax="I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."
+                  step-2_sub-region="Sub-region"
+                  step-2_sub-region-tax-number-label="Income Tax Number"
+                  step-2_cannot-change-info-alert="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."
+                  step-3_tax-form="Tax form"
+                  step-3_tax-form-label="{documentType} Tax Form"
+                  step-3_participant-type="Participant type"
+                  step-3_business-entity="I represent a business"
+                  step-3_individual-participant="I am an individual participant"
+                  step-3_tax-form-description="Participants based in the US need to submit a {documentType} form."
+                  step-3_tax-form-description-individual-participant="Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."
+                  step-3_tax-form-description-business-entity="Participants residing outside of the US who represent a business entity need to submit a {documentType} form."
+                  step-3_docusign-expired="For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."
+                  step-3_docusign-error="There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."
+                  step-3_refresh-button="Refresh Page"
+                  step-4_tax-and-payouts="Payouts"
+                  step-4_directly-to-bank-account="Directly to my bank account"
+                  step-4_to-pay-pal-account="PayPal (2% processing fee capped to {feeCap})"
+                  step-4_payment-schedule-balance-threshold="Pay me when my balance reaches a threshold"
+                  step-4_payment-schedule-fixed-day="Pay me on a fixed day of the month"
+                  step-4_payment-day-select-label="Payment Day"
+                  step-4_payment-threshold-select-label="Payment threshold"
+                  step-4_payment-day-first-of-month-label-text="1st of the month"
+                  step-4_payment-day-fifteenth-of-month-label-text="15th of the month"
+                  step-4_payment-method="Payment method"
+                  step-4_payment-schedule="Payment schedule"
+                  step-4_payment-method-subtext="Payouts will be sent from our referral program provider, impact.com."
+                  step-4_pay-pal-input-label="PayPal email"
+                  step-4_bank-location-label="Bank country location"
+                  step-4_beneficiary-account-name-label="Beneficiary account name"
+                  step-4_bank-account-type-label="Bank account type"
+                  step-4_checking-select-item-label="Checking"
+                  step-4_savings-select-item-label="Savings"
+                  step-4_bank-account-number-label="Bank account number"
+                  step-4_iban-label="IBAN"
+                  step-4_swift-code-label="SWIFT code"
+                  step-4_routing-code-label="{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"
+                  step-4_bank-name-label="Bank name"
+                  step-4_classification-entity-label="Classification entity"
+                  step-4_business-select-item-label="Business"
+                  step-4_individual-select-item-label="Individual"
+                  step-4_foreign-select-item-label="Foreign"
+                  step-4_classification-c-p-f-label="Classification CPF"
+                  step-4_patronymic-name-label="Patronymic name"
+                  step-4_vo-code-label="VO code"
+                  step-4_agency-code-label="Agency code"
+                  step-4_branch-code-label="Branch code"
+                  step-4_classification-label="Classification"
+                  step-4_tax-payer-id-label="Beneficiary INN"
+                  step-4_bank-city-label="Bank city"
+                  step-4_bank-state-label="Bank Province / State"
+                  step-4_bank-postal-code-label="Bank postal code"
+                  step-4_cannot-change-info-alert="Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."
+                  step-4_eft-withdrawal-label="EFT Withdrawal (free)"
+                  step-4_fx-wire-processing-fee-label="FX Wire (Processing Fee {currency}{defaultFxFee}.00)"
+                  dashboard_status-text-active="Active"
+                  dashboard_status-text-not-active="Invalid Tax Form"
+                  dashboard_status-text-not-verified="Not Verified"
+                  dashboard_badge-text-submitted-on="Submitted on {dateSubmitted}."
+                  dashboard_badge-text-submitted-on-w-8="Submitted on {dateSubmitted}. Valid for three years after submission."
+                  dashboard_badge-text-awaiting-review="Awaiting review. Submitted on {dateSubmitted}."
+                  dashboard_tax-alert-header-not-active-w-9="Your W9 tax form has personal information that doesn’t match your profile"
+                  dashboard_tax-alert-header-not-active-w-8="{documentType} tax form is invalid"
+                  dashboard_tax-alert-not-active-message-w-9="Please resubmit a new {documentType} form."
+                  dashboard_tax-alert-not-active-message-w-8="Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."
+                  dashboard_invalid-form="Make sure your information is correct and submit new form."
+                  dashboard_banking-information-section-header="Payout Information"
+                  dashboard_tax-document-section-header="Tax documents"
+                  dashboard_tax-document-section-sub-header="{documentType} tax form"
+                  dashboard_no-form-needed-subtext="Tax documents are only required if you are based in the US or joining the referral program of a US based brand."
+                  dashboard_indirect-tax-info-section-header="Indirect tax"
+                  dashboard_indirect-tax-info-spain="Registered in {country}, {subRegion}"
+                  dashboard_indirect-tax-info-other-country="Registered in {country}"
+                  dashboard_indirect-tax-info-canada="Registered in {province}, {country}"
+                  dashboard_indirect-tax-tooltip-support="To make changes to your indirect tax information, please contact Support."
+                  dashboard_indirect-tax-details="{indirectTaxType} number: {indirectTaxNumber}"
+                  dashboard_new-form-button="Submit New Form"
+                  dashboard_edit-payment-information-button="Edit Payout Information"
+                  dashboard_not-registered-for-tax="Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."
+                  dashboard_qst-number="QST number: {qstNumber}"
+                  dashboard_sub-region-tax-number="Income tax number: {subRegionTaxNumber}"
+                  dashboard_status-badge-text="{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"
+                  dashboard_threshold-payout-text="Next payout occurs when balance is {thresholdBalance}"
+                  dashboard_account-text="Account"
+                  dashboard_invoice-column-title="Invoice"
+                  dashboard_date-column-title="Date"
+                  dashboard_earnings-column-title="Earnings"
+                  dashboard_taxed-amount-column-title="Taxed Amount"
+                  dashboard_payout-from-impact="Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."
+                  dashboard_earnings-after-tax-column-title="Earnings after tax"
+                  dashboard_error-title-text="Your payout is on hold "
+                  dashboard_error-description-text="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."
+                  form-step="Step {step} of {count}"
+                  general-error-title="There was a problem submitting your information"
+                  general-error-description="Please review your information and try again. If this problem continues, contact Support."
+                  field-required-error="{fieldName} is required"
+                  field-invalid-error="{fieldName} is invalid"
+                  continue-button="Continue"
+                  back-button="Back"
+                  cancel-button="Cancel"
+                  is-partner-alert-header="An account with this email already exists with our referral program provider, impact.com"
+                  is-partner-alert-description="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."
+                  search-for-country-text="Search for country.."
+                  loading-error-alert-header="There was a problem loading your form"
+                  loading-error-alert-description="Please refresh the page and try again. If this problem continues, contact Support."
+                  tax-and-payouts-description="Submit your tax documents and add your banking information to receive your rewards."
+                ></sqm-tax-and-cash>
+              </template>
+            </sqm-router>
+          </sqm-divided-layout>
+        </sqm-divided-layout>
+      </template>
+    </sqm-router>
+  </sqb-program-section>
+  <sqm-portal-footer
+    slot="footer"
+    support-email="support@example.com"
+    terms-link="https://example.com"
+    faq-link="https://example.com"
+    terms-text="Terms And Conditions"
+    faq-text="FAQ"
+    show-powered-by="true"
+  ></sqm-portal-footer>
+</sqm-portal-frame>

From 2cd483a914ef9aa097d76f93a567863e92418e48 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 26 Mar 2024 11:24:01 -0700
Subject: [PATCH 653/753] prerelease 1.8.0-114

---
 packages/mint-components/package.json         |  2 +-
 .../tax-and-cash/sqm-user-info-form/readme.md | 48 +++++++++----------
 packages/mint-components/src/index.html       |  2 +-
 3 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 9ec518eb47..41f2a6889b 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-112",
+  "version": "1.8.0-114",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index bb96065601..9f82b7f3a6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,30 +7,30 @@
 
 ## Properties
 
-| Property                       | Attribute                         | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                                     |
-| ------------------------------ | --------------------------------- | -------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`       | `allow-banking-collection`        | Label text for tax and banking collection checkbox                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
-| `continueButton`               | `continue-button`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Continue"`                                                                                                                                                                |
-| `country`                      | `country`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Country"`                                                                                                                                                                 |
-| `currency`                     | `currency`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Currency"`                                                                                                                                                                |
-| `currencyHelpText`             | `currency-help-text`              |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Choose your preferred payout currency"`                                                                                                                                   |
-| `demoData`                     | --                                |                                                                                                                      | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; data?: { currencies: Currencies; countries: TaxCountry[]; allCurrencies: Currencies; allCountries: TaxCountry[]; }; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
-| `email`                        | `email`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Email"`                                                                                                                                                                   |
-| `fieldRequiredError`           | `field-required-error`            | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{fieldName} is required"`                                                                                                                                                 |
-| `firstName`                    | `first-name`                      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"First name"`                                                                                                                                                              |
-| `formStep`                     | `form-step`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                                  |
-| `generalErrorDescription`      | `general-error-description`       | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`            | `general-error-title`             | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                         |
-| `isPartnerAlertDescription`    | `is-partner-alert-description`    | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."` |
-| `isPartnerAlertHeader`         | `is-partner-alert-header`         | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `lastName`                     | `last-name`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Last name"`                                                                                                                                                               |
-| `loadingErrorAlertDescription` | `loading-error-alert-description` | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                      |
-| `loadingErrorAlertHeader`      | `loading-error-alert-header`      | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                                   |
-| `personalInformation`          | `personal-information`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Personal Information"`                                                                                                                                                    |
-| `searchForCountryText`         | `search-for-country-text`         | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for country.."`                                                                                                                                                    |
-| `searchForCurrencyText`        | `search-for-currency-text`        | Placeholder text displayed in the currency search dropdown                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for currency.."`                                                                                                                                                   |
-| `taxAndPayoutsDescription`     | `tax-and-payouts-description`     | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
-| `termsAndConditionsLabel`      | `terms-and-conditions-label`      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"terms and conditions"`                                                                                                                                                    |
+| Property                       | Attribute                         | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Default                                                                                                                                                                     |
+| ------------------------------ | --------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`       | `allow-banking-collection`        | Label text for tax and banking collection checkbox                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
+| `continueButton`               | `continue-button`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Continue"`                                                                                                                                                                |
+| `country`                      | `country`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Country"`                                                                                                                                                                 |
+| `currency`                     | `currency`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Currency"`                                                                                                                                                                |
+| `currencyHelpText`             | `currency-help-text`              |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Choose your preferred payout currency"`                                                                                                                                   |
+| `demoData`                     | --                                |                                                                                                                      | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: TaxCountry[]; allCurrencies: { displayName: string; currencyCode: string; }[]; allCountries: TaxCountry[]; }; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
+| `email`                        | `email`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Email"`                                                                                                                                                                   |
+| `fieldRequiredError`           | `field-required-error`            | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"{fieldName} is required"`                                                                                                                                                 |
+| `firstName`                    | `first-name`                      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"First name"`                                                                                                                                                              |
+| `formStep`                     | `form-step`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Step {step} of {count}"`                                                                                                                                                  |
+| `generalErrorDescription`      | `general-error-description`       | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`            | `general-error-title`             | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"There was a problem submitting your information"`                                                                                                                         |
+| `isPartnerAlertDescription`    | `is-partner-alert-description`    | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"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."` |
+| `isPartnerAlertHeader`         | `is-partner-alert-header`         | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                     | `last-name`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Last name"`                                                                                                                                                               |
+| `loadingErrorAlertDescription` | `loading-error-alert-description` | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                      |
+| `loadingErrorAlertHeader`      | `loading-error-alert-header`      | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"There was a problem loading your form"`                                                                                                                                   |
+| `personalInformation`          | `personal-information`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Personal Information"`                                                                                                                                                    |
+| `searchForCountryText`         | `search-for-country-text`         | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Search for country.."`                                                                                                                                                    |
+| `searchForCurrencyText`        | `search-for-currency-text`        | Placeholder text displayed in the currency search dropdown                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Search for currency.."`                                                                                                                                                   |
+| `taxAndPayoutsDescription`     | `tax-and-payouts-description`     | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
+| `termsAndConditionsLabel`      | `terms-and-conditions-label`      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"terms and conditions"`                                                                                                                                                    |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 63afe7dd45..8835ed2d9c 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,7 +12,7 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
     <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>

From b19577f34b0ded84d99e827bfc51778b4fd906fb Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 26 Mar 2024 11:28:32 -0700
Subject: [PATCH 654/753] publish

---
 packages/mint-components/package.json         |   2 +-
 packages/mint-components/src/components.d.ts  | 102 +++++++++---------
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |   8 +-
 3 files changed, 59 insertions(+), 53 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 41f2a6889b..31e7ae2062 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-114",
+  "version": "1.8.0-115",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 4786ac3f80..80f2867cf5 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3768,12 +3768,24 @@ export namespace Components {
           * @uiGroup Dashboard Properties
          */
         "dashboard_bankingInformationSectionHeader": string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Date column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_dateColumnTitle": string;
         /**
           * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Earnings after tax column title
           * @uiGroup Dashboard Properties
          */
         "dashboard_earningsAfterTaxColumnTitle": string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Earnings column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_earningsColumnTitle": string;
         /**
           * @uiName Edit payment info button label
           * @uiGroup Dashboard Properties
@@ -3835,6 +3847,12 @@ export namespace Components {
           * @uiWidget textArea
          */
         "dashboard_invalidForm"?: string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Invoice number column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoiceColumnTitle": string;
         /**
           * @uiName Submit new tax form button label
           * @uiGroup Dashboard Properties
@@ -3930,28 +3948,22 @@ export namespace Components {
          */
         "dashboard_taxDocumentSectionSubHeader": string;
         /**
-          * 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
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Taxed amount column title
           * @uiGroup Dashboard Properties
          */
-        "dashboard_thresholdPayoutText": string;
+        "dashboard_taxedAmountColumnTitle": string;
         /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Date column title
+          * 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
           * @uiGroup Dashboard Properties
          */
-        "dateColumnTitle": string;
+        "dashboard_thresholdPayoutText": string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Earnings column title
-          * @uiGroup Dashboard Properties
-         */
-        "earningsColumnTitle": string;
         /**
           * Displayed under a field when it has an invalid entry.
           * @uiName Form field error message
@@ -3983,12 +3995,6 @@ export namespace Components {
           * @uiWidget textArea
          */
         "generalErrorTitle": string;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Invoice number column title
-          * @uiGroup Dashboard Properties
-         */
-        "invoiceColumnTitle": string;
         /**
           * 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
@@ -4020,6 +4026,7 @@ export namespace Components {
         /**
           * Placeholder text displayed in the country search dropdown
           * @uiName Country field placeholder text
+          * @uiGroup General Form Properties
          */
         "searchForCountryText": string;
         /**
@@ -4066,6 +4073,7 @@ export namespace Components {
         /**
           * Placeholder text displayed in the currency search dropdown
           * @uiName Currency field placeholder text
+          * @uiGroup Step 1 Properties
          */
         "step1_searchForCurrencyText": string;
         /**
@@ -4474,14 +4482,9 @@ export namespace Components {
         /**
           * Displayed at the top of the page on all set up steps and on the dashboard.
           * @uiName Page description
+          * @uiGroup General Form Properties
          */
         "taxAndPayoutsDescription": string;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Taxed amount column title
-          * @uiGroup Dashboard Properties
-         */
-        "taxedAmountColumnTitle": string;
     }
     interface SqmTaxAndCashDashboard {
         /**
@@ -9362,12 +9365,24 @@ declare namespace LocalJSX {
           * @uiGroup Dashboard Properties
          */
         "dashboard_bankingInformationSectionHeader"?: string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Date column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_dateColumnTitle"?: string;
         /**
           * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Earnings after tax column title
           * @uiGroup Dashboard Properties
          */
         "dashboard_earningsAfterTaxColumnTitle"?: string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Earnings column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_earningsColumnTitle"?: string;
         /**
           * @uiName Edit payment info button label
           * @uiGroup Dashboard Properties
@@ -9429,6 +9444,12 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "dashboard_invalidForm"?: string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Invoice number column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoiceColumnTitle"?: string;
         /**
           * @uiName Submit new tax form button label
           * @uiGroup Dashboard Properties
@@ -9524,28 +9545,22 @@ declare namespace LocalJSX {
          */
         "dashboard_taxDocumentSectionSubHeader"?: string;
         /**
-          * 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
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Taxed amount column title
           * @uiGroup Dashboard Properties
          */
-        "dashboard_thresholdPayoutText"?: string;
+        "dashboard_taxedAmountColumnTitle"?: string;
         /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Date column title
+          * 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
           * @uiGroup Dashboard Properties
          */
-        "dateColumnTitle"?: string;
+        "dashboard_thresholdPayoutText"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Earnings column title
-          * @uiGroup Dashboard Properties
-         */
-        "earningsColumnTitle"?: string;
         /**
           * Displayed under a field when it has an invalid entry.
           * @uiName Form field error message
@@ -9577,12 +9592,6 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "generalErrorTitle"?: string;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Invoice number column title
-          * @uiGroup Dashboard Properties
-         */
-        "invoiceColumnTitle"?: string;
         /**
           * 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
@@ -9614,6 +9623,7 @@ declare namespace LocalJSX {
         /**
           * Placeholder text displayed in the country search dropdown
           * @uiName Country field placeholder text
+          * @uiGroup General Form Properties
          */
         "searchForCountryText"?: string;
         /**
@@ -9660,6 +9670,7 @@ declare namespace LocalJSX {
         /**
           * Placeholder text displayed in the currency search dropdown
           * @uiName Currency field placeholder text
+          * @uiGroup Step 1 Properties
          */
         "step1_searchForCurrencyText"?: string;
         /**
@@ -10068,14 +10079,9 @@ declare namespace LocalJSX {
         /**
           * Displayed at the top of the page on all set up steps and on the dashboard.
           * @uiName Page description
+          * @uiGroup General Form Properties
          */
         "taxAndPayoutsDescription"?: string;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Taxed amount column title
-          * @uiGroup Dashboard Properties
-         */
-        "taxedAmountColumnTitle"?: string;
     }
     interface SqmTaxAndCashDashboard {
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 3832731a8b..3f151c0458 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -15,7 +15,9 @@
 | `dashboard_badgeTextSubmittedOn`                | `dashboard_badge-text-submitted-on`                  | Additional text displayed next to the tax form's status badge                                                                  | `string`                                                                                                             | `"Submitted on {dateSubmitted}."`                                                                                                                                                                                                                   |
 | `dashboard_badgeTextSubmittedOnW8`              | `dashboard_badge-text-submitted-on-w-8`              | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                             | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                                                                                           |
 | `dashboard_bankingInformationSectionHeader`     | `dashboard_banking-information-section-header`       |                                                                                                                                | `string`                                                                                                             | `"Payout Information"`                                                                                                                                                                                                                              |
+| `dashboard_dateColumnTitle`                     | `dashboard_date-column-title`                        | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Date"`                                                                                                                                                                                                                                            |
 | `dashboard_earningsAfterTaxColumnTitle`         | `dashboard_earnings-after-tax-column-title`          | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Earnings after tax"`                                                                                                                                                                                                                              |
+| `dashboard_earningsColumnTitle`                 | `dashboard_earnings-column-title`                    | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Earnings"`                                                                                                                                                                                                                                        |
 | `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          |                                                                                                                                | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                                                                                         |
 | `dashboard_errorDescriptionText`                | `dashboard_error-description-text`                   | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                             | `"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."` |
 | `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                             | `"Your payout is on hold "`                                                                                                                                                                                                                         |
@@ -26,6 +28,7 @@
 | `dashboard_indirectTaxInfoSpain`                | `dashboard_indirect-tax-info-spain`                  | If the participant is registered for indirect tax in Spain, display the region they’re registered in.                          | `string`                                                                                                             | `"Registered in {country}, {subRegion}"`                                                                                                                                                                                                            |
 | `dashboard_indirectTaxTooltipSupport`           | `dashboard_indirect-tax-tooltip-support`             |                                                                                                                                | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                                                                                                       |
 | `dashboard_invalidForm`                         | `dashboard_invalid-form`                             | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                             | `"Make sure your information is correct and submit new form."`                                                                                                                                                                                      |
+| `dashboard_invoiceColumnTitle`                  | `dashboard_invoice-column-title`                     | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Invoice"`                                                                                                                                                                                                                                         |
 | `dashboard_newFormButton`                       | `dashboard_new-form-button`                          |                                                                                                                                | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                                                                                                 |
 | `dashboard_noFormNeededSubtext`                 | `dashboard_no-form-needed-subtext`                   | No other statuses or badges will be displayed in the tax form section in this case.                                            | `string`                                                                                                             | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
 | `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   |                                                                                                                                | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
@@ -42,16 +45,14 @@
 | `dashboard_taxAlertNotActiveMessageW9`          | `dashboard_tax-alert-not-active-message-w-9`         | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                                                                                                      |
 | `dashboard_taxDocumentSectionHeader`            | `dashboard_tax-document-section-header`              |                                                                                                                                | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                                                                                                   |
 | `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Displayed under the tax document section header.                                                                               | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                                                                                         |
+| `dashboard_taxedAmountColumnTitle`              | `dashboard_taxed-amount-column-title`                | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Taxed Amount"`                                                                                                                                                                                                                                    |
 | `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    | Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid. | `string`                                                                                                             | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
-| `dateColumnTitle`                               | `date-column-title`                                  | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Date"`                                                                                                                                                                                                                                            |
 | `demoData`                                      | --                                                   |                                                                                                                                | `{ loading?: boolean; setStep?: (value: string) => void; step?: string; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                                                                                         |
-| `earningsColumnTitle`                           | `earnings-column-title`                              | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Earnings"`                                                                                                                                                                                                                                        |
 | `fieldInvalidError`                             | `field-invalid-error`                                | Displayed under a field when it has an invalid entry.                                                                          | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                                                                                          |
 | `fieldRequiredError`                            | `field-required-error`                               | Displayed under a field that is missing required information.                                                                  | `string`                                                                                                             | `"{fieldName} is required"`                                                                                                                                                                                                                         |
 | `formStep`                                      | `form-step`                                          |                                                                                                                                | `string`                                                                                                             | `"Step {step} of {count}"`                                                                                                                                                                                                                          |
 | `generalErrorDescription`                       | `general-error-description`                          | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                             | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                                       |
 | `generalErrorTitle`                             | `general-error-title`                                | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                             | `"There was a problem submitting your information"`                                                                                                                                                                                                 |
-| `invoiceColumnTitle`                            | `invoice-column-title`                               | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Invoice"`                                                                                                                                                                                                                                         |
 | `isPartnerAlertDescription`                     | `is-partner-alert-description`                       | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com.           | `string`                                                                                                             | `"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."`                                                                         |
 | `isPartnerAlertHeader`                          | `is-partner-alert-header`                            | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com.           | `string`                                                                                                             | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                                        |
 | `loadingErrorAlertDescription`                  | `loading-error-alert-description`                    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                             | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                                              |
@@ -139,7 +140,6 @@
 | `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          |                                                                                                                                | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                                                   |
 | `step4_voCodeLabel`                             | `step-4_vo-code-label`                               |                                                                                                                                | `string`                                                                                                             | `"VO code"`                                                                                                                                                                                                                                         |
 | `taxAndPayoutsDescription`                      | `tax-and-payouts-description`                        | Displayed at the top of the page on all set up steps and on the dashboard.                                                     | `string`                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                                             |
-| `taxedAmountColumnTitle`                        | `taxed-amount-column-title`                          | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Taxed Amount"`                                                                                                                                                                                                                                    |
 
 
 ## Dependencies

From b80e8b91379316b831ce98c4575ca8260eb45236 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 26 Mar 2024 13:30:23 -0700
Subject: [PATCH 655/753] useMemo for sorted lists

---
 packages/mint-components/src/components.d.ts  | 102 +++++++++---------
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  12 +--
 .../sqm-user-info-form/useUserInfoForm.tsx    |  23 +++-
 packages/mint-components/src/index.html       |   4 +-
 4 files changed, 80 insertions(+), 61 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 4786ac3f80..80f2867cf5 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3768,12 +3768,24 @@ export namespace Components {
           * @uiGroup Dashboard Properties
          */
         "dashboard_bankingInformationSectionHeader": string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Date column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_dateColumnTitle": string;
         /**
           * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Earnings after tax column title
           * @uiGroup Dashboard Properties
          */
         "dashboard_earningsAfterTaxColumnTitle": string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Earnings column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_earningsColumnTitle": string;
         /**
           * @uiName Edit payment info button label
           * @uiGroup Dashboard Properties
@@ -3835,6 +3847,12 @@ export namespace Components {
           * @uiWidget textArea
          */
         "dashboard_invalidForm"?: string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Invoice number column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoiceColumnTitle": string;
         /**
           * @uiName Submit new tax form button label
           * @uiGroup Dashboard Properties
@@ -3930,28 +3948,22 @@ export namespace Components {
          */
         "dashboard_taxDocumentSectionSubHeader": string;
         /**
-          * 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
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Taxed amount column title
           * @uiGroup Dashboard Properties
          */
-        "dashboard_thresholdPayoutText": string;
+        "dashboard_taxedAmountColumnTitle": string;
         /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Date column title
+          * 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
           * @uiGroup Dashboard Properties
          */
-        "dateColumnTitle": string;
+        "dashboard_thresholdPayoutText": string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Earnings column title
-          * @uiGroup Dashboard Properties
-         */
-        "earningsColumnTitle": string;
         /**
           * Displayed under a field when it has an invalid entry.
           * @uiName Form field error message
@@ -3983,12 +3995,6 @@ export namespace Components {
           * @uiWidget textArea
          */
         "generalErrorTitle": string;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Invoice number column title
-          * @uiGroup Dashboard Properties
-         */
-        "invoiceColumnTitle": string;
         /**
           * 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
@@ -4020,6 +4026,7 @@ export namespace Components {
         /**
           * Placeholder text displayed in the country search dropdown
           * @uiName Country field placeholder text
+          * @uiGroup General Form Properties
          */
         "searchForCountryText": string;
         /**
@@ -4066,6 +4073,7 @@ export namespace Components {
         /**
           * Placeholder text displayed in the currency search dropdown
           * @uiName Currency field placeholder text
+          * @uiGroup Step 1 Properties
          */
         "step1_searchForCurrencyText": string;
         /**
@@ -4474,14 +4482,9 @@ export namespace Components {
         /**
           * Displayed at the top of the page on all set up steps and on the dashboard.
           * @uiName Page description
+          * @uiGroup General Form Properties
          */
         "taxAndPayoutsDescription": string;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Taxed amount column title
-          * @uiGroup Dashboard Properties
-         */
-        "taxedAmountColumnTitle": string;
     }
     interface SqmTaxAndCashDashboard {
         /**
@@ -9362,12 +9365,24 @@ declare namespace LocalJSX {
           * @uiGroup Dashboard Properties
          */
         "dashboard_bankingInformationSectionHeader"?: string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Date column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_dateColumnTitle"?: string;
         /**
           * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Earnings after tax column title
           * @uiGroup Dashboard Properties
          */
         "dashboard_earningsAfterTaxColumnTitle"?: string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Earnings column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_earningsColumnTitle"?: string;
         /**
           * @uiName Edit payment info button label
           * @uiGroup Dashboard Properties
@@ -9429,6 +9444,12 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "dashboard_invalidForm"?: string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Invoice number column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoiceColumnTitle"?: string;
         /**
           * @uiName Submit new tax form button label
           * @uiGroup Dashboard Properties
@@ -9524,28 +9545,22 @@ declare namespace LocalJSX {
          */
         "dashboard_taxDocumentSectionSubHeader"?: string;
         /**
-          * 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
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Taxed amount column title
           * @uiGroup Dashboard Properties
          */
-        "dashboard_thresholdPayoutText"?: string;
+        "dashboard_taxedAmountColumnTitle"?: string;
         /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Date column title
+          * 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
           * @uiGroup Dashboard Properties
          */
-        "dateColumnTitle"?: string;
+        "dashboard_thresholdPayoutText"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Earnings column title
-          * @uiGroup Dashboard Properties
-         */
-        "earningsColumnTitle"?: string;
         /**
           * Displayed under a field when it has an invalid entry.
           * @uiName Form field error message
@@ -9577,12 +9592,6 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "generalErrorTitle"?: string;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Invoice number column title
-          * @uiGroup Dashboard Properties
-         */
-        "invoiceColumnTitle"?: string;
         /**
           * 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
@@ -9614,6 +9623,7 @@ declare namespace LocalJSX {
         /**
           * Placeholder text displayed in the country search dropdown
           * @uiName Country field placeholder text
+          * @uiGroup General Form Properties
          */
         "searchForCountryText"?: string;
         /**
@@ -9660,6 +9670,7 @@ declare namespace LocalJSX {
         /**
           * Placeholder text displayed in the currency search dropdown
           * @uiName Currency field placeholder text
+          * @uiGroup Step 1 Properties
          */
         "step1_searchForCurrencyText"?: string;
         /**
@@ -10068,14 +10079,9 @@ declare namespace LocalJSX {
         /**
           * Displayed at the top of the page on all set up steps and on the dashboard.
           * @uiName Page description
+          * @uiGroup General Form Properties
          */
         "taxAndPayoutsDescription"?: string;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Taxed amount column title
-          * @uiGroup Dashboard Properties
-         */
-        "taxedAmountColumnTitle"?: string;
     }
     interface SqmTaxAndCashDashboard {
         /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index a742f3690b..b346486432 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -57,9 +57,9 @@ export function useTaxAndCash() {
   function setupDemo() {
     // coleton
     const id =
-      "bd5a0bc8f8c82faa4f37f882ca5839910d6e4524597f3c3398d41d920bed8fc9";
+      "7fb4efdc1d86f2c0d5d9c82fb4c70cee46a3dfaa29618e32b35ad4a1263d6f97";
     const accountId =
-      "bd5a0bc8f8c82faa4f37f882ca5839910d6e4524597f3c3398d41d920bed8fc9";
+      "7fb4efdc1d86f2c0d5d9c82fb4c70cee46a3dfaa29618e32b35ad4a1263d6f97";
 
     // andy3
     // const id =
@@ -82,13 +82,13 @@ export function useTaxAndCash() {
     //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
     // const accountId =
     //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
-    // const programId = "22514";
-    const programId = "22999";
+    const programId = "22514";
+    // const programId = "22999";
 
     //@ts-ignore
     window.widgetIdent = {
       // tenantAlias: "aprh0cfq6y8tk",
-      tenantAlias: "aswi7zpxl6rjp",
+      tenantAlias: "aprh0cfq6y8tk",
       appDomain: "https://staging.referralsaasquatch.com",
       programId,
     };
@@ -98,7 +98,7 @@ export function useTaxAndCash() {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiYmQ1YTBiYzhmOGM4MmZhYTRmMzdmODgyY2E1ODM5OTEwZDZlNDUyNDU5N2YzYzMzOThkNDFkOTIwYmVkOGZjOSIsImFjY291bnRJZCI6ImJkNWEwYmM4ZjhjODJmYWE0ZjM3Zjg4MmNhNTgzOTkxMGQ2ZTQ1MjQ1OTdmM2MzMzk4ZDQxZDkyMGJlZDhmYzkiLCJlbWFpbCI6ImNvbGV0b24uYW5uZXR0K3Rlc3RwYXlvdXRAaW1wYWN0LmNvbSJ9fQ.pUJqd22SSowAvOLFF_2U13qsMGW3eOGxKmohWh0Bs4I",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiN2ZiNGVmZGMxZDg2ZjJjMGQ1ZDljODJmYjRjNzBjZWU0NmEzZGZhYTI5NjE4ZTMyYjM1YWQ0YTEyNjNkNmY5NyIsImFjY291bnRJZCI6IjdmYjRlZmRjMWQ4NmYyYzBkNWQ5YzgyZmI0YzcwY2VlNDZhM2RmYWEyOTYxOGUzMmIzNWFkNGExMjYzZDZmOTciLCJlbWFpbCI6ImNvbGV0b24uYW5uZXR0K25ldzNAaW1wYWN0LmNvbSJ9fQ.zt5nCgZ84asLm-xZImOwmJ00vBfvce8aOvsx9J_bp-A",
       });
     }, []);
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 8acf5b106d..920b55e2a1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -1,5 +1,10 @@
 import { useUserIdentity } from "@saasquatch/component-boilerplate";
-import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
+import {
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "@saasquatch/universal-hooks";
 import jsonpointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useParent, useParentValue } from "../../../utils/useParentState";
@@ -68,12 +73,20 @@ export function useUserInfoForm(props: TaxForm) {
     useParentQueryValue<CountriesQuery>(COUNTRIES_QUERY_NAMESPACE);
 
   const _currencies = useParentValue<Currencies>(CURRENCIES_NAMESPACE);
-  const currencies = [...(_currencies || [])].sort((a, b) =>
-    a.displayName.localeCompare(b.displayName)
+  const currencies = useMemo(
+    () =>
+      [...(_currencies || [])].sort((a, b) =>
+        a.displayName.localeCompare(b.displayName)
+      ),
+    [_currencies]
   );
 
-  const countries = [...(countriesRes?.impactPayoutCountries?.data || [])].sort(
-    (a, b) => a.displayName.localeCompare(b.displayName)
+  const countries = useMemo(
+    () =>
+      [...(countriesRes?.impactPayoutCountries?.data || [])].sort((a, b) =>
+        a.displayName.localeCompare(b.displayName)
+      ),
+    [countriesRes?.impactPayoutCountries?.data]
   );
 
   const [countrySearch, setCountrySearch] = useState("");
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 8835ed2d9c..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -13,10 +13,10 @@
   </head>
   <body>
     <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <!-- <sqm-portal-container>
+    <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container> -->
+    </sqm-portal-container>
   </body>
 </html>

From 52689f0b1fab9f7781bccbf37f47f2e58940f49a Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 26 Mar 2024 13:32:23 -0700
Subject: [PATCH 656/753] prerelease 1.8.0-116

---
 packages/mint-components/package-lock.json    |  4 +--
 packages/mint-components/package.json         |  2 +-
 .../components/sqm-portal-footer/readme.md    | 30 +++++++++----------
 3 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 38152ecaf2..80a37aacf6 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-112",
+  "version": "1.8.0-115",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-112",
+      "version": "1.8.0-115",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 31e7ae2062..be13a00928 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-115",
+  "version": "1.8.0-116",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-portal-footer/readme.md b/packages/mint-components/src/components/sqm-portal-footer/readme.md
index a9cd52d329..7bce26bef9 100644
--- a/packages/mint-components/src/components/sqm-portal-footer/readme.md
+++ b/packages/mint-components/src/components/sqm-portal-footer/readme.md
@@ -7,21 +7,21 @@
 
 ## Properties
 
-| Property          | Attribute           | Description | Type      | Default                                                                                            |
-| ----------------- | ------------------- | ----------- | --------- | -------------------------------------------------------------------------------------------------- |
-| `faqLink`         | `faq-link`          |             | `string`  | `undefined`                                                                                        |
-| `faqText`         | `faq-text`          |             | `string`  | `undefined`                                                                                        |
-| `hidePoweredBy`   | `hide-powered-by`   |             | `boolean` | `false`                                                                                            |
-| `hideSupportText` | `hide-support-text` |             | `boolean` | `false`                                                                                            |
-| `paddingBottom`   | `padding-bottom`    |             | `string`  | `"large"`                                                                                          |
-| `paddingLeft`     | `padding-left`      |             | `string`  | `"large"`                                                                                          |
-| `paddingRight`    | `padding-right`     |             | `string`  | `"large"`                                                                                          |
-| `paddingTop`      | `padding-top`       |             | `string`  | `"large"`                                                                                          |
-| `poweredByLink`   | `powered-by-link`   |             | `string`  | `"https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget"` |
-| `supportEmail`    | `support-email`     |             | `string`  | `"support@example.com"`                                                                            |
-| `supportText`     | `support-text`      |             | `string`  | `"For program support, contact {email}"`                                                           |
-| `termsLink`       | `terms-link`        |             | `string`  | `undefined`                                                                                        |
-| `termsText`       | `terms-text`        |             | `string`  | `undefined`                                                                                        |
+| Property          | Attribute           | Description | Type      | Default                                  |
+| ----------------- | ------------------- | ----------- | --------- | ---------------------------------------- |
+| `faqLink`         | `faq-link`          |             | `string`  | `undefined`                              |
+| `faqText`         | `faq-text`          |             | `string`  | `undefined`                              |
+| `hidePoweredBy`   | `hide-powered-by`   |             | `boolean` | `false`                                  |
+| `hideSupportText` | `hide-support-text` |             | `boolean` | `false`                                  |
+| `paddingBottom`   | `padding-bottom`    |             | `string`  | `"large"`                                |
+| `paddingLeft`     | `padding-left`      |             | `string`  | `"large"`                                |
+| `paddingRight`    | `padding-right`     |             | `string`  | `"large"`                                |
+| `paddingTop`      | `padding-top`       |             | `string`  | `"large"`                                |
+| `poweredByLink`   | `powered-by-link`   |             | `string`  | `"https://impact.com/advocate/"`         |
+| `supportEmail`    | `support-email`     |             | `string`  | `"support@example.com"`                  |
+| `supportText`     | `support-text`      |             | `string`  | `"For program support, contact {email}"` |
+| `termsLink`       | `terms-link`        |             | `string`  | `undefined`                              |
+| `termsText`       | `terms-text`        |             | `string`  | `undefined`                              |
 
 
 ## Dependencies

From 6d0cd0ddc6c7706464ea5fdb9cd0fb51693eeb9c Mon Sep 17 00:00:00 2001
From: Ultha258 <147738105+Ultha258@users.noreply.github.com>
Date: Tue, 26 Mar 2024 20:49:00 +0000
Subject: [PATCH 657/753] Updated the spec and added eaxmples of the country
 code

---
 .../sqm-user-info-form.feature                | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
index 9ae00664c6..7ae878c291 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.feature
@@ -82,16 +82,19 @@ Feature: Tax Form Step One
     When they load the form
     Then the "Country" input defaults to "US"
 
-  @motivating
-  Scenario: A user is filling out the form and selects their currency
+@motivating
+  Scenario Outline: A user is filling out the form and selects their currency
     Given a user with countryCode <countryCode>
     When they open the currency dropdown
-    Then only currencies supported in that country are shown
-    But the following currencies are always shown
-      | USD |
-      | AUD |
-      | EUR |
-      | GBP |
+    Then only <currencies> are displayed
+    And USD, AUD, EUR, GBP are displayed regardless of country code
+    
+    Examples:
+    |countryCode   |currencies               |
+    | USA          | USD, AUD, EUR, GBP      |
+    | CAN          | USD, AUD, EUR, GBP, CAN |
+    | IND          | USD, AUD, EUR, GBP, INR |
+
 
   @minutia
   Scenario: Currency select is searchable

From b445c2cf9a8055dcc8fd9d01123c4b198219c7c3 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 26 Mar 2024 13:58:26 -0700
Subject: [PATCH 658/753] Fix broken story

---
 .../sqm-banking-info-form/sqm-banking-info-form-view.tsx        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index d11b7be232..cc549edad4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -298,7 +298,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
     checkedValue: "toBankAccount" | "toPayPalAccount" | undefined,
     inputNumber?: number
   ) => {
-    if (!inputNumber) return [];
+    // if (!inputNumber) return [];
 
     let skeletons = [];
 

From c8e6fd8c90d20f20ed024583ea4343b26be197df Mon Sep 17 00:00:00 2001
From: Ultha258 <147738105+Ultha258@users.noreply.github.com>
Date: Tue, 26 Mar 2024 21:02:55 +0000
Subject: [PATCH 659/753] Removed this spec as per T_35. Derek has removed it
 from the sheet

---
 .../components/tax-and-cash/sqm-tax-form.feature | 16 +---------------
 1 file changed, 1 insertion(+), 15 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 5bd955d25c..0028212f7d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -108,21 +108,7 @@ Feature: Tax Form Flow
       | MX           | UK      |
       | AUS          | EGP     |
 
-  @minutia
-  Scenario Outline: Participants not based in the US working with US brands have to fillout docusign forms
-    Given a brand based in <brandCountry>
-    And the user selects <country> and <participantType> in step 1
-    When they view step 3
-    But are not based in the US
-    Then they must select <participantType>
-    And the <autoSelectedForm> is displayed
-
-    Examples:
-      | brandCountry | country | participantType       | autoSelectedForm |
-      | US           | CA      | individualParticipant | W8-BEN           |
-      | US           | CA      | businessEntity        | W8-BEN-E         |
-      | US           | MX      | individualParticipant | W8-BEN           |
-      | US           | MX      | businessEntity        | W8-BEN-E         |
+  
 
   @minutia
   Scenario Outline: Participants based in the US working with non-US brands have to fillout the W9 docusign form

From 4658b2663c760dfc64dcbfdf786b09da0779ba7a Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 26 Mar 2024 14:17:28 -0700
Subject: [PATCH 660/753] Delete unused code

---
 packages/mint-components/package-lock.json                    | 4 ++--
 .../sqm-banking-info-form/sqm-banking-info-form-view.tsx      | 2 --
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 80a37aacf6..4b3e4b55a6 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-115",
+  "version": "1.8.0-116",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-115",
+      "version": "1.8.0-116",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index cc549edad4..a8ae694eba 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -298,8 +298,6 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
     checkedValue: "toBankAccount" | "toPayPalAccount" | undefined,
     inputNumber?: number
   ) => {
-    // if (!inputNumber) return [];
-
     let skeletons = [];
 
     const flexBoxStyle = {

From f2b4be05461ec5af42d8481a81cbdb5ce20d13e1 Mon Sep 17 00:00:00 2001
From: Ultha258 <147738105+Ultha258@users.noreply.github.com>
Date: Tue, 26 Mar 2024 21:26:05 +0000
Subject: [PATCH 661/753] Added an example:  US - US -3

---
 .../src/components/tax-and-cash/sqm-tax-form.feature             | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 0028212f7d..cdd58c9c02 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -33,6 +33,7 @@ Feature: Tax Form Flow
       | UK          | MX           | 4     |
       | EG          | US           | 3     |
       | EG          | MX           | 4     |
+      | US          | US           | 3     |
 
   @motivating
   Scenario Outline: Default form step is dependent on publisher connection status and saved publisher information

From a7a68d8e792e04f2d84c01d5068bb792dce42e10 Mon Sep 17 00:00:00 2001
From: Ultha258 <147738105+Ultha258@users.noreply.github.com>
Date: Tue, 26 Mar 2024 21:31:27 +0000
Subject: [PATCH 662/753] Removed a spec

---
 .../sqm-tax-and-cash-dashboard.feature                        | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
index f361af92cd..64ec39d42c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
@@ -28,10 +28,6 @@ Feature: Tax And Cash Dashboard
       | W8 BEN       |
       | W8 BEN-E     |
 
-  @minutia
-  Scenario: Indirect tax information section is hidden if they aren't registered
-    Given a user not registered for indirect tax
-    Then the indirect tax information section is hidden
 
   @minutia @ui
   Scenario Outline: The date submitted and status of a Tax Form is displayed to the user

From c4f8c84a44d784b1a6be23d430f085d059fa381b Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 26 Mar 2024 16:02:25 -0700
Subject: [PATCH 663/753] fix country localization, some broken props

---
 packages/mint-components/package.json         |  2 +-
 packages/mint-components/src/components.d.ts  | 22 -------
 .../tax-and-cash/sqm-docusign-form/readme.md  |  1 -
 .../sqm-docusign-form-view.tsx                |  4 +-
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  6 --
 .../sqm-indirect-tax-form/readme.md           | 66 +++++++++----------
 .../useIndirectTaxForm.tsx                    | 46 ++++++++++---
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  1 -
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  8 +--
 .../tax-and-cash/sqm-user-info-form/readme.md | 48 +++++++-------
 .../sqm-user-info-form/useUserInfoForm.tsx    | 23 +++++--
 .../src/templates/TaxAndCash.html             |  1 +
 12 files changed, 116 insertions(+), 112 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index be13a00928..70cb874c7e 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-116",
+  "version": "1.8.0-118",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 566dcead47..4ded95d8ad 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -537,11 +537,6 @@ export namespace Components {
         "url": string;
     }
     interface SqmDocusignForm {
-        /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-         */
-        "banner": string;
         /**
           * An option for the participant type field. Used to determine which W-8 form is required.
           * @uiName Business representative participant type label
@@ -4188,12 +4183,6 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_subRegionTaxNumberLabel": string;
-        /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_banner": string;
         /**
           * An option for the participant type field. Used to determine which W-8 form is required.
           * @uiName Business representative participant type label
@@ -6164,11 +6153,6 @@ declare namespace LocalJSX {
         "url"?: string;
     }
     interface SqmDocusignForm {
-        /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-         */
-        "banner"?: string;
         /**
           * An option for the participant type field. Used to determine which W-8 form is required.
           * @uiName Business representative participant type label
@@ -9785,12 +9769,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_subRegionTaxNumberLabel"?: string;
-        /**
-          * Text shown in the banner above the document
-          * @uiName Banner text
-          * @uiGroup Step 3 Properties
-         */
-        "step3_banner"?: string;
         /**
           * An option for the participant type field. Used to determine which W-8 form is required.
           * @uiName Business representative participant type label
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index 6d57ff05c5..25c95f27c8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -9,7 +9,6 @@
 
 | Property                                  | Attribute                                     | Description                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                  | Default                                                                                                                                                            |
 | ----------------------------------------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `banner`                                  | `banner`                                      | Text shown in the banner above the document                                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
 | `businessEntity`                          | `business-entity`                             | An option for the participant type field. Used to determine which W-8 form is required.              | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"I represent a business"`                                                                                                                                         |
 | `demoData`                                | --                                            |                                                                                                      | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
 | `docusignError`                           | `docusign-error`                              | This appears inside the Docusign frame.                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index d2e2fef561..d9399d36f6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -38,7 +38,7 @@ export interface DocusignFormViewProps {
     taxFormDescription: string;
     taxFormDescriptionIndividualParticipant: string;
     taxFormDescriptionBusinessEntity?: string;
-    banner: string;
+    docusignExpired: string;
     businessEntity: string;
     individualParticipant: string;
     participantType: string;
@@ -345,7 +345,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
                 slot="icon"
                 name="info-circle"
               ></sl-icon>
-              {text.banner}
+              {text.docusignExpired}
             </sl-alert>
             {slots.docusignIframeSlot}
           </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index f5f35f65d4..f1032f2e62 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -59,12 +59,6 @@ export class DocusignForm {
    */
   @Prop() taxFormDescriptionBusinessEntity: string =
     "Participants residing outside of the US who represent a business entity need to submit a {documentType} form.";
-  /**
-   * Text shown in the banner above the document
-   * @uiName Banner text
-   */
-  @Prop() banner: string =
-    "For your security, we automatically end your session when you have not interacted with the form after 20 minutes.";
   /**
    * Remind participants their session will time out after 20 minutes of inactivity.
    * @uiName Docusign timed session message
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 03c505f462..0c91910f6c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -5,39 +5,39 @@
 
 ## Properties
 
-| Property                         | Attribute                             | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                                                                             |
-| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`                     | `back-button`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Back"`                                                                                                                                                                                                            |
-| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Communicate that after this step, only Support can change personal and indirect tax information.                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                    |
-| `continueButton`                 | `continue-button`                     |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Continue"`                                                                                                                                                                                                        |
-| `demoData`                       | --                                    |                                                                                                                      | `{ 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; }; }; }` | `undefined`                                                                                                                                                                                                         |
-| `fieldRequiredError`             | `field-required-error`                | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{fieldName} is required"`                                                                                                                                                                                         |
-| `formStep`                       | `form-step`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                                                                          |
-| `generalErrorDescription`        | `general-error-description`           | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
-| `generalErrorTitle`              | `general-error-title`                 | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                                                                 |
-| `indirectTax`                    | `indirect-tax`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect Tax"`                                                                                                                                                                                                    |
-| `indirectTaxDescription`         | `indirect-tax-description`            | Displayed under the title of this step.                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."` |
-| `indirectTaxDetails`             | `indirect-tax-details`                | Displayed with indirect tax registration options.                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect tax details"`                                                                                                                                                                                            |
-| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Displayed under the indirect tax details title.                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                             |
-| `indirectTaxNumber`              | `indirect-tax-number`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"`                                                                             |
-| `indirectTaxNumberError`         | `indirect-tax-number-error`           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"`                                                                 |
-| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                         |
-| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
-| `isRegisteredQST`                | `is-registered-q-s-t`                 | Displayed to participants registered for indirect tax in Quebec, Canada.                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am registered for QST Tax"`                                                                                                                                                                                     |
-| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Displayed to participants registered for indirect tax in Spain.                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                      |
-| `loadingErrorAlertDescription`   | `loading-error-alert-description`     | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                              |
-| `loadingErrorAlertHeader`        | `loading-error-alert-header`          | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                                                                           |
-| `notRegistered`                  | `not-registered`                      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Not registered for indirect tax"`                                                                                                                                                                                 |
-| `notRegisteredSubtext`           | `not-registered-subtext`              | Participants based in the US are  considered not registered.                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
-| `otherRegion`                    | `other-region`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Registered for indirect tax"`                                                                                                                                                                                     |
-| `otherRegionSubtext`             | `other-region-subtext`                | Selecting this option will display fields to enter indirect tax details.                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more."`                                                                       |
-| `province`                       | `province`                            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Province"`                                                                                                                                                                                                        |
-| `qstNumber`                      | `qst-number`                          | Displayed to participants registered for QST.                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"QST number"`                                                                                                                                                                                                      |
-| `searchForCountryText`           | `search-for-country-text`             | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for country.."`                                                                                                                                                                                            |
-| `selectedRegion`                 | `selected-region`                     |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Country / region of indirect tax"`                                                                                                                                                                                |
-| `subRegion`                      | `sub-region`                          | Displayed to participants registered in Spain.                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Sub-region"`                                                                                                                                                                                                      |
-| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Income tax number"`                                                                                                                                                                                               |
-| `taxAndPayoutsDescription`       | `tax-and-payouts-description`         | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                             |
+| Property                         | Attribute                             | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                                                                             |
+| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`                     | `back-button`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Back"`                                                                                                                                                                                                            |
+| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Communicate that after this step, only Support can change personal and indirect tax information.                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                    |
+| `continueButton`                 | `continue-button`                     |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Continue"`                                                                                                                                                                                                        |
+| `demoData`                       | --                                    |                                                                                                                      | `{ 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; }; }; }` | `undefined`                                                                                                                                                                                                         |
+| `fieldRequiredError`             | `field-required-error`                | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{fieldName} is required"`                                                                                                                                                                                         |
+| `formStep`                       | `form-step`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                                                                          |
+| `generalErrorDescription`        | `general-error-description`           | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
+| `generalErrorTitle`              | `general-error-title`                 | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                                                                 |
+| `indirectTax`                    | `indirect-tax`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect Tax"`                                                                                                                                                                                                    |
+| `indirectTaxDescription`         | `indirect-tax-description`            | Displayed under the title of this step.                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."` |
+| `indirectTaxDetails`             | `indirect-tax-details`                | Displayed with indirect tax registration options.                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect tax details"`                                                                                                                                                                                            |
+| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Displayed under the indirect tax details title.                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                             |
+| `indirectTaxNumber`              | `indirect-tax-number`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"`                                                                             |
+| `indirectTaxNumberError`         | `indirect-tax-number-error`           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"`                                                                 |
+| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                         |
+| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
+| `isRegisteredQST`                | `is-registered-q-s-t`                 | Displayed to participants registered for indirect tax in Quebec, Canada.                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am registered for QST Tax"`                                                                                                                                                                                     |
+| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Displayed to participants registered for indirect tax in Spain.                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                      |
+| `loadingErrorAlertDescription`   | `loading-error-alert-description`     | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                              |
+| `loadingErrorAlertHeader`        | `loading-error-alert-header`          | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                                                                           |
+| `notRegistered`                  | `not-registered`                      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Not registered for indirect tax"`                                                                                                                                                                                 |
+| `notRegisteredSubtext`           | `not-registered-subtext`              | Participants based in the US are  considered not registered.                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
+| `otherRegion`                    | `other-region`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Registered for indirect tax"`                                                                                                                                                                                     |
+| `otherRegionSubtext`             | `other-region-subtext`                | Selecting this option will display fields to enter indirect tax details.                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more."`                                                                       |
+| `province`                       | `province`                            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Province"`                                                                                                                                                                                                        |
+| `qstNumber`                      | `qst-number`                          | Displayed to participants registered for QST.                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"QST number"`                                                                                                                                                                                                      |
+| `searchForCountryText`           | `search-for-country-text`             | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for country.."`                                                                                                                                                                                            |
+| `selectedRegion`                 | `selected-region`                     |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Country / region of indirect tax"`                                                                                                                                                                                |
+| `subRegion`                      | `sub-region`                          | Displayed to participants registered in Spain.                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Sub-region"`                                                                                                                                                                                                      |
+| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Income tax number"`                                                                                                                                                                                               |
+| `taxAndPayoutsDescription`       | `tax-and-payouts-description`         | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                             |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index c662e9ec03..ee4de0295a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -1,8 +1,14 @@
 import {
+  useLocale,
   useMutation,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
-import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
+import {
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
@@ -82,6 +88,7 @@ function getOption(countries: TaxCountry[] | undefined, countryCode: string) {
 
 export function useIndirectTaxForm(props: IndirectTaxForm) {
   const user = useUserIdentity();
+  const locale = useLocale();
 
   const formRef = useRef<HTMLFormElement>(null);
 
@@ -98,16 +105,35 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     refetch,
     errors: userError,
   } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
-  const { data: _countries, loading: countriesLoading } =
+  const { data: _countriesRes, loading: countriesLoading } =
     useParentQueryValue<CountriesQuery>(COUNTRIES_QUERY_NAMESPACE);
 
+  const intlLocale = locale?.replace("_", "-") || "en";
+  const getCountryObj = (countryCode: string) => {
+    // @ts-ignore DisplayNames not in Intl type
+    const displayName = new Intl.DisplayNames([intlLocale], {
+      type: "region",
+    }).of(countryCode);
+
+    return {
+      countryCode,
+      displayName,
+    };
+  };
+
+  const _countries = useMemo(
+    () =>
+      _countriesRes?.impactPayoutCountries?.data?.map((country) =>
+        getCountryObj(country.countryCode)
+      ),
+    [_countriesRes?.impactPayoutCountries?.data]
+  );
+
   const [loading, setLoading] = useState(false);
   const [formState, setFormState] = useState<Record<string, any>>({});
   const [errors, setErrors] = useState({});
   const [countrySearch, setCountrySearch] = useState("");
-  const [filteredCountries, setFilteredCountries] = useState(
-    _countries?.impactPayoutCountries?.data || []
-  );
+  const [filteredCountries, setFilteredCountries] = useState(_countries || []);
 
   const [option, setOption] = useState<
     "hstCanada" | "otherRegion" | "notRegistered"
@@ -119,7 +145,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     if (!publisher?.taxInformation?.indirectTaxCountryCode) return;
 
     const _option = getOption(
-      _countries?.impactPayoutCountries?.data,
+      _countries,
       publisher.taxInformation.indirectTaxCountryCode
     );
     setOption(_option);
@@ -127,15 +153,15 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
 
   useEffect(() => {
     if (countrySearch.trim() === "") {
-      setFilteredCountries(_countries?.impactPayoutCountries?.data || []);
+      setFilteredCountries(_countries || []);
     } else {
       setFilteredCountries(
-        _countries?.impactPayoutCountries?.data.filter((c) =>
+        _countries?.filter((c) =>
           c.displayName.toLowerCase().includes(countrySearch.toLowerCase())
         ) || []
       );
     }
-  }, [countrySearch, _countries?.impactPayoutCountries?.data]);
+  }, [countrySearch, _countries]);
 
   useEffect(() => {
     const user = userData?.user;
@@ -277,7 +303,7 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     data: {
       esRegions: INDIRECT_TAX_SPAIN_REGIONS,
       countries: filteredCountries,
-      allCountries: _countries?.impactPayoutCountries?.data,
+      allCountries: _countries,
       provinces: INDIRECT_TAX_PROVINCES,
     },
     text: props.getTextProps(),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 3f151c0458..9c0903f2c3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -86,7 +86,6 @@
 | `step2_selectedRegion`                          | `step-2_selected-region`                             |                                                                                                                                | `string`                                                                                                             | `"Country / region of indirect tax"`                                                                                                                                                                                                                |
 | `step2_subRegion`                               | `step-2_sub-region`                                  | Displayed to participants registered in Spain.                                                                                 | `string`                                                                                                             | `"Sub-region"`                                                                                                                                                                                                                                      |
 | `step2_subRegionTaxNumberLabel`                 | `step-2_sub-region-tax-number-label`                 |                                                                                                                                | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                                                                                               |
-| `step3_banner`                                  | `step-3_banner`                                      | Text shown in the banner above the document                                                                                    | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                                                                                               |
 | `step3_businessEntity`                          | `step-3_business-entity`                             | An option for the participant type field. Used to determine which W-8 form is required.                                        | `string`                                                                                                             | `"I represent a business"`                                                                                                                                                                                                                          |
 | `step3_docusignError`                           | `step-3_docusign-error`                              | This appears inside the Docusign frame.                                                                                        | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                                                                                                  |
 | `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Remind participants their session will time out after 20 minutes of inactivity.                                                | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`                                                                                  |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 7bdc309a40..475b63abcb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -262,13 +262,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() step3_taxFormDescriptionBusinessEntity: string =
     "Participants residing outside of the US who represent a business entity need to submit a {documentType} form.";
-  /**
-   * Text shown in the banner above the document
-   * @uiName Banner text
-   * @uiGroup Step 3 Properties
-   */
-  @Prop() step3_banner: string =
-    "For your security, we automatically end your session when you have not interacted with the form after 20 minutes.";
   /**
    * Remind participants their session will time out after 20 minutes of inactivity.
    * @uiName Docusign timed session message
@@ -943,6 +936,7 @@ export class TaxAndCashMonolith {
       loadingErrorAlertHeader: props.loadingErrorAlertHeader,
       loadingErrorAlertDescription: props.loadingErrorAlertDescription,
       taxAndPayoutsDescription: props.taxAndPayoutsDescription,
+      searchForCountryText: props.searchForCountryText,
       formStep: props.formStep,
     };
   }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index 9f82b7f3a6..3b7011a267 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,30 +7,30 @@
 
 ## Properties
 
-| Property                       | Attribute                         | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Default                                                                                                                                                                     |
-| ------------------------------ | --------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`       | `allow-banking-collection`        | Label text for tax and banking collection checkbox                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
-| `continueButton`               | `continue-button`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Continue"`                                                                                                                                                                |
-| `country`                      | `country`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Country"`                                                                                                                                                                 |
-| `currency`                     | `currency`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Currency"`                                                                                                                                                                |
-| `currencyHelpText`             | `currency-help-text`              |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Choose your preferred payout currency"`                                                                                                                                   |
-| `demoData`                     | --                                |                                                                                                                      | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: TaxCountry[]; allCurrencies: { displayName: string; currencyCode: string; }[]; allCountries: TaxCountry[]; }; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
-| `email`                        | `email`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Email"`                                                                                                                                                                   |
-| `fieldRequiredError`           | `field-required-error`            | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"{fieldName} is required"`                                                                                                                                                 |
-| `firstName`                    | `first-name`                      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"First name"`                                                                                                                                                              |
-| `formStep`                     | `form-step`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Step {step} of {count}"`                                                                                                                                                  |
-| `generalErrorDescription`      | `general-error-description`       | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`            | `general-error-title`             | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"There was a problem submitting your information"`                                                                                                                         |
-| `isPartnerAlertDescription`    | `is-partner-alert-description`    | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"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."` |
-| `isPartnerAlertHeader`         | `is-partner-alert-header`         | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `lastName`                     | `last-name`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Last name"`                                                                                                                                                               |
-| `loadingErrorAlertDescription` | `loading-error-alert-description` | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                      |
-| `loadingErrorAlertHeader`      | `loading-error-alert-header`      | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"There was a problem loading your form"`                                                                                                                                   |
-| `personalInformation`          | `personal-information`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Personal Information"`                                                                                                                                                    |
-| `searchForCountryText`         | `search-for-country-text`         | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Search for country.."`                                                                                                                                                    |
-| `searchForCurrencyText`        | `search-for-currency-text`        | Placeholder text displayed in the currency search dropdown                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Search for currency.."`                                                                                                                                                   |
-| `taxAndPayoutsDescription`     | `tax-and-payouts-description`     | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
-| `termsAndConditionsLabel`      | `terms-and-conditions-label`      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"terms and conditions"`                                                                                                                                                    |
+| Property                       | Attribute                         | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Default                                                                                                                                                                     |
+| ------------------------------ | --------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`       | `allow-banking-collection`        | Label text for tax and banking collection checkbox                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
+| `continueButton`               | `continue-button`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Continue"`                                                                                                                                                                |
+| `country`                      | `country`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Country"`                                                                                                                                                                 |
+| `currency`                     | `currency`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Currency"`                                                                                                                                                                |
+| `currencyHelpText`             | `currency-help-text`              |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Choose your preferred payout currency"`                                                                                                                                   |
+| `demoData`                     | --                                |                                                                                                                      | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: { countryCode: string; displayName: any; }[]; allCurrencies: { displayName: string; currencyCode: string; }[]; allCountries: { countryCode: string; displayName: any; }[]; }; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
+| `email`                        | `email`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Email"`                                                                                                                                                                   |
+| `fieldRequiredError`           | `field-required-error`            | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"{fieldName} is required"`                                                                                                                                                 |
+| `firstName`                    | `first-name`                      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"First name"`                                                                                                                                                              |
+| `formStep`                     | `form-step`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Step {step} of {count}"`                                                                                                                                                  |
+| `generalErrorDescription`      | `general-error-description`       | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`            | `general-error-title`             | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"There was a problem submitting your information"`                                                                                                                         |
+| `isPartnerAlertDescription`    | `is-partner-alert-description`    | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"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."` |
+| `isPartnerAlertHeader`         | `is-partner-alert-header`         | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                     | `last-name`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Last name"`                                                                                                                                                               |
+| `loadingErrorAlertDescription` | `loading-error-alert-description` | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                      |
+| `loadingErrorAlertHeader`      | `loading-error-alert-header`      | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"There was a problem loading your form"`                                                                                                                                   |
+| `personalInformation`          | `personal-information`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Personal Information"`                                                                                                                                                    |
+| `searchForCountryText`         | `search-for-country-text`         | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Search for country.."`                                                                                                                                                    |
+| `searchForCurrencyText`        | `search-for-currency-text`        | Placeholder text displayed in the currency search dropdown                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Search for currency.."`                                                                                                                                                   |
+| `taxAndPayoutsDescription`     | `tax-and-payouts-description`     | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
+| `termsAndConditionsLabel`      | `terms-and-conditions-label`      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"terms and conditions"`                                                                                                                                                    |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 920b55e2a1..97e8e7a9de 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -1,4 +1,4 @@
-import { useUserIdentity } from "@saasquatch/component-boilerplate";
+import { useLocale, useUserIdentity } from "@saasquatch/component-boilerplate";
 import {
   useEffect,
   useMemo,
@@ -53,7 +53,7 @@ export type InitialData = {
 
 export function useUserInfoForm(props: TaxForm) {
   const user = useUserIdentity();
-
+  const locale = useLocale();
   const currencyRef = useRef<HTMLSelectElement>(undefined);
   const formRef = useRef<HTMLFormElement>(null);
 
@@ -81,11 +81,24 @@ export function useUserInfoForm(props: TaxForm) {
     [_currencies]
   );
 
+  const intlLocale = locale?.replace("_", "-") || "en";
+  const getCountryObj = (countryCode: string) => {
+    // @ts-ignore DisplayNames not in Intl type
+    const displayName = new Intl.DisplayNames([intlLocale], {
+      type: "region",
+    }).of(countryCode);
+
+    return {
+      countryCode,
+      displayName,
+    };
+  };
+
   const countries = useMemo(
     () =>
-      [...(countriesRes?.impactPayoutCountries?.data || [])].sort((a, b) =>
-        a.displayName.localeCompare(b.displayName)
-      ),
+      [...(countriesRes?.impactPayoutCountries?.data || [])]
+        .sort((a, b) => a.displayName.localeCompare(b.displayName))
+        .map((country) => getCountryObj(country.countryCode)),
     [countriesRes?.impactPayoutCountries?.data]
   );
 
diff --git a/packages/mint-components/src/templates/TaxAndCash.html b/packages/mint-components/src/templates/TaxAndCash.html
index 092522b119..3876da48ae 100644
--- a/packages/mint-components/src/templates/TaxAndCash.html
+++ b/packages/mint-components/src/templates/TaxAndCash.html
@@ -200,6 +200,7 @@ <h1>Activity</h1>
                   step-2_not-registered="Not registered for indirect tax"
                   step-2_not-registered-subtext="If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."
                   step-2_selected-region="Country / region of indirect tax"
+                  step-2_indirect-tax-number="{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"
                   step-2_province="Province"
                   step-2_indirect-tax-number-error="{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"
                   step-2_qst-number="QST number"

From 9bc9161152311bbfa98821cef93f5c78927750a6 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 26 Mar 2024 16:28:58 -0700
Subject: [PATCH 664/753] Added replace current tax form modal and updated
 specs

---
 packages/mint-components/src/components.d.ts  | 46 +++++++++++++++
 .../sqm-tax-and-cash-dashboard-view.tsx       | 58 +++++++++++++++++++
 .../sqm-tax-and-cash-dashboard.feature        | 34 ++++++-----
 .../sqm-tax-and-cash-dashboard.tsx            | 16 ++++-
 .../useTaxAndCashDashboard.tsx                |  2 +
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 14 ++++-
 6 files changed, 154 insertions(+), 16 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 4786ac3f80..549f47268e 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -4017,6 +4017,17 @@ export namespace Components {
           * @uiWidget textArea
          */
         "loadingErrorAlertHeader": string;
+        /**
+          * @uiName Replace tax form modal body text
+          * @uiGroup Dashboard Properties
+          * @uiWidget textArea
+         */
+        "replaceTaxFormModalBodyText": string;
+        /**
+          * @uiName Replace tax form modal header
+          * @uiGroup Dashboard Properties
+         */
+        "replaceTaxFormModalHeader": string;
         /**
           * Placeholder text displayed in the country search dropdown
           * @uiName Country field placeholder text
@@ -4508,6 +4519,10 @@ export namespace Components {
           * @uiName Payout information section header
          */
         "bankingInformationSectionHeader": string;
+        /**
+          * @uiName Cancel button label
+         */
+        "cancelButton": string;
         /**
           * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Date column title
@@ -4633,6 +4648,14 @@ export namespace Components {
           * @uiName QST indirect tax details
          */
         "qstNumber": string;
+        /**
+          * @uiName Replace tax form modal body text
+         */
+        "replaceTaxFormModalBodyText": string;
+        /**
+          * @uiName Replace tax form modal header
+         */
+        "replaceTaxFormModalHeader": string;
         /**
           * @uiName Payout status badge
          */
@@ -9611,6 +9634,17 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "loadingErrorAlertHeader"?: string;
+        /**
+          * @uiName Replace tax form modal body text
+          * @uiGroup Dashboard Properties
+          * @uiWidget textArea
+         */
+        "replaceTaxFormModalBodyText"?: string;
+        /**
+          * @uiName Replace tax form modal header
+          * @uiGroup Dashboard Properties
+         */
+        "replaceTaxFormModalHeader"?: string;
         /**
           * Placeholder text displayed in the country search dropdown
           * @uiName Country field placeholder text
@@ -10102,6 +10136,10 @@ declare namespace LocalJSX {
           * @uiName Payout information section header
          */
         "bankingInformationSectionHeader"?: string;
+        /**
+          * @uiName Cancel button label
+         */
+        "cancelButton"?: string;
         /**
           * Part of the Invoice table displayed at the bottom of the page.
           * @uiName Date column title
@@ -10227,6 +10265,14 @@ declare namespace LocalJSX {
           * @uiName QST indirect tax details
          */
         "qstNumber"?: string;
+        /**
+          * @uiName Replace tax form modal body text
+         */
+        "replaceTaxFormModalBodyText"?: string;
+        /**
+          * @uiName Replace tax form modal header
+         */
+        "replaceTaxFormModalHeader"?: string;
         /**
           * @uiName Payout status badge
          */
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 1ab7050799..77ea1b8a2b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -2,6 +2,7 @@ import { h, VNode } from "@stencil/core";
 import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
 import { TaxDocumentType } from "../sqm-tax-and-cash/data";
+import { P } from "../../../global/mixins";
 
 export interface TaxAndCashDashboardProps {
   states: {
@@ -23,6 +24,7 @@ export interface TaxAndCashDashboardProps {
     country?: string;
     notRegistered?: boolean;
     isBusinessEntity?: boolean;
+    isNewForm?: boolean;
     loading?: boolean;
     loadingError?: boolean;
     errors?: {
@@ -70,6 +72,9 @@ export interface TaxAndCashDashboardProps {
     earningsAfterTaxColumnTitle: string;
     dateColumnTitle: string;
     taxAndPayoutsDescription: string;
+    replaceTaxFormModalHeader: string;
+    replaceTaxFormModalBodyText: string;
+    cancelButton: string;
     error: {
       generalTitle: string;
       generalDescription: string;
@@ -202,6 +207,34 @@ const style = {
     color: "var(--sl-color-neutral-500)",
     fontSize: "var(--sl-font-size-medium)",
   },
+  Dialog: {
+    "&::part(panel)": {
+      maxWidth: "420px",
+    },
+    "&::part(close-button)": {
+      marginBottom: "var(--sl-spacing-xx-large)",
+    },
+    "&::part(title)": {
+      fontSize: "24px",
+      fontWeight: "600",
+      marginTop: "var(--sl-spacing-xxx-large)",
+      padding:
+        "var(--sl-spacing-x-large) var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
+    },
+    "&::part(body)": {
+      padding: "0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
+      fontSize: "var(--sl-font-size-small)",
+    },
+    "&::part(footer)": {
+      display: "flex",
+      flexDirection: "column",
+      gap: "var(--sl-spacing-small)",
+      marginBottom: "var(--sl-spacing-xx-small)",
+      alignItems: "center",
+      flex: "1",
+    },
+  },
+  DialogButton: { margin: "auto", width: "100%" },
 };
 
 const sheet = createStyleSheet(style);
@@ -368,6 +401,31 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
             {text.error.generalDescription}
           </sl-alert>
         )}
+        <sl-dialog
+          label={text.replaceTaxFormModalHeader}
+          class={sheet.classes.Dialog}
+          // AL: TODO add open/close state
+          open={states.isNewForm}
+          onSl-hide={!states.isNewForm}
+        >
+          <p>{text.replaceTaxFormModalBodyText}</p>
+          <sl-button
+            slot="footer"
+            type="primary"
+            class={sheet.classes.DialogButton}
+            onClick={() => console.log("AL: TODO ADD CALLBACK")}
+          >
+            {text.newFormButton}
+          </sl-button>
+          <sl-button
+            slot="footer"
+            type="default"
+            class={sheet.classes.DialogButton}
+            onClick={() => console.log("AL: TODO ADD CALLBACK")}
+          >
+            {text.cancelButton}
+          </sl-button>
+        </sl-dialog>
         {states.status === "INACTIVE" && alertMap[states.status]}
         <div>
           <h3>{text.bankingInformationSectionHeader}</h3>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
index f361af92cd..d6b7f20e46 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.feature
@@ -22,7 +22,7 @@ Feature: Tax And Cash Dashboard
     Given they submitted a W9/W8-BEN/W8-BEN-E tax form
     Then the Tax Form header displays "<documentType> tax form"
 
-    Examples:
+    Examples: 
       | documentType |
       | W9           |
       | W8 BEN       |
@@ -40,7 +40,7 @@ Feature: Tax And Cash Dashboard
     Then they see a badge with <status> text and a respective <badgeVariant>
     Then they see the message "<taxStatusMessage> on <dateSubmitted>"
 
-    Examples:
+    Examples: 
       | status       | badgeVariant | taxStatusMessage                                           | dateSubmitted |
       | ACTIVE       | success      | Submitted                                                  | Jan 17, 2024  |
       | NOT_VERIFIED | neutral      | Awaiting Review. Submitted                                 | Jan 17, 2024  |
@@ -58,15 +58,15 @@ Feature: Tax And Cash Dashboard
     When the participant <isRegistered> for indirect tax in their <country> and region <region>
     Then the Indirect Tax section will display <registeredDetails>, <indirectTaxType>, and <indirectTaxNumber>
 
-    Examples:
+    Examples: 
       | isRegistered | country          | region           | registeredDetails                                                                                                                                             | indirectTaxType        | indirectTaxNumber |
-      | true         | Australia        | n/a              | Registered in Australia.                                                                                                                                      | GST                    | 123456            |
-      | true         | Canada           | Ontario          | Registered in Ontario, Canada.                                                                                                                                | GST                    | 345213            |
-      | true         | Canada           | British Columbia | Registered in British Columbia, Canada.                                                                                                                       | HST                    | 345213            |
-      | true         | Canada           | Quebec           | Registered in Quebec, Canada.                                                                                                                                 | GST, QST               | 345213, 12312     |
-      | true         | United Kingdom   | n/a              | Registered in United Kingdom.                                                                                                                                 | VAT                    | 321413            |
-      | true         | Spain            | Spain Proper     | Registered in Spain, Spain Proper.                                                                                                                            | VAT, Income tax number | 345213, 12345     |
-      | true         | Spain            | Canary Islands   | Registered in Spain, Canary Islands.                                                                                                                          | VAT, Income tax number | 345213, 12345     |
+      | true         | Australia        | n/a              | Registered in Australia.                                                                                                                                      | GST                    |            123456 |
+      | true         | Canada           | Ontario          | Registered in Ontario, Canada.                                                                                                                                | GST                    |            345213 |
+      | true         | Canada           | British Columbia | Registered in British Columbia, Canada.                                                                                                                       | HST                    |            345213 |
+      | true         | Canada           | Quebec           | Registered in Quebec, Canada.                                                                                                                                 | GST, QST               |     345213, 12312 |
+      | true         | United Kingdom   | n/a              | Registered in United Kingdom.                                                                                                                                 | VAT                    |            321413 |
+      | true         | Spain            | Spain Proper     | Registered in Spain, Spain Proper.                                                                                                                            | VAT, Income tax number |     345213, 12345 |
+      | true         | Spain            | Canary Islands   | Registered in Spain, Canary Islands.                                                                                                                          | VAT, Income tax number |     345213, 12345 |
       | false        | United States    | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
       | false        | United States    | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
       | false        | Papua New Guinea | n/a              | Not registered. Only participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information. |                        | N/A               |
@@ -78,7 +78,7 @@ Feature: Tax And Cash Dashboard
     And they <doHaveIncomeTaxNumber> from step 2
     Then the indirect tax section displays <indirectTaxNumbers>
 
-    Examples:
+    Examples: 
       | registeredDetails    | subRegion      | doHaveIncomeTaxNumber | indirectTaxNumbers            |
       | Registered in Spain, | Spain Proper   | true                  | VAT number, Income tax number |
       | Registered in Spain, | Canary Islands | false                 | VAT number, N/A               |
@@ -88,7 +88,7 @@ Feature: Tax And Cash Dashboard
     Given the document has status <status>
     Then a danger alert indicating the <documentType> with a <taxAlertHeader> and <taxAlertMessage> appears
 
-    Examples:
+    Examples: 
       | status     | documentType | taxAlertHeader                                                             | taxAlertMessage                                                                                                                 |
       | NOT_ACTIVE | W9           | Your W9 tax form has personal information that doesn't match your profile. | Please resubmit a new W9 form.                                                                                                  |
       | NOT_ACTIVE | W8-BEN       | W8-BEN tax form is invalid.                                                | Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new W-8 BEN form.   |
@@ -108,7 +108,7 @@ Feature: Tax And Cash Dashboard
     And they are viewing the Payout section
     Then they <maySee> the "Edit Payout Information" button
 
-    Examples:
+    Examples: 
       | brandPartnerType          | maySee     |
       | an existing brand partner | do not see |
       | a new brand partner       | do see     |
@@ -130,4 +130,10 @@ Feature: Tax And Cash Dashboard
   Scenario: Submit New Tax Document Form
     Given the user is viewing the Tax Document Submission section
     When they click the "Submit New Form" button
-    Then they are redirected to the Docusign page to submit a new tax form
+    Then a modal opens
+    And they are prompted with the message:
+      | 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. |
+    And two buttons Submit new form and Cancel appear
+    And if they press Submit new form
+    Then their current tax form is deleted
+    And they are redirected to the Docusign page to sign a new form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 25ba2e4f49..21c75d5799 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -158,7 +158,7 @@ export class TaxAndCashDashboard {
   /**
    * @uiName Submit new tax form button label
    */
-  @Prop() newFormButton: string = "Submit New Form";
+  @Prop() newFormButton: string = "Submit new form";
   /**
    *
    * @uiName Edit payment info button label
@@ -283,6 +283,20 @@ export class TaxAndCashDashboard {
   @Prop() taxAndPayoutsDescription: string =
     "Submit your tax documents and add your banking information to receive your rewards.";
 
+  /**
+   * @uiName Replace tax form modal header
+   */
+  @Prop() replaceTaxFormModalHeader: string = "Replace existing tax form";
+  /**
+   * @uiName Replace tax form modal body text
+   */
+  @Prop() replaceTaxFormModalBodyText: string =
+    "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
+   */
+  @Prop() cancelButton: string = "Cancel";
+
   /**
    * @undocumented
    * @uiType object
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 15f7802087..3e2fbd958f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -147,6 +147,8 @@ export const useTaxAndCashDashboard = (
       ),
       notRegistered: !publisher?.taxInformation?.indirectTaxId,
       noFormNeeded: !documentType,
+      // AL: TODO add modal open/close state
+      isNewForm: false,
       expiresSoon,
       disabled: loading,
       loading,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 4c0781d4a9..88a5325ec3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -713,7 +713,7 @@ export class TaxAndCashMonolith {
    * @uiName Submit new tax form button label
    * @uiGroup Dashboard Properties
    */
-  @Prop() dashboard_newFormButton: string = "Submit New Form";
+  @Prop() dashboard_newFormButton: string = "Submit new form";
   /**
    * @uiName Edit payment info button label
    * @uiGroup Dashboard Properties
@@ -796,6 +796,18 @@ export class TaxAndCashMonolith {
    *  @uiGroup Dashboard Properties
    */
   @Prop() dashboard_earningsAfterTaxColumnTitle: string = "Earnings after tax";
+  /**
+   * @uiName Replace tax form modal header
+   * @uiGroup Dashboard Properties
+   */
+  @Prop() replaceTaxFormModalHeader: string = "Replace existing tax form";
+  /**
+   * @uiName Replace tax form modal body text
+   * @uiGroup Dashboard Properties
+   * @uiWidget textArea
+   */
+  @Prop() replaceTaxFormModalBodyText: string =
+    "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.";
   /**
    * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
    * @uiName Payout error message title

From 24cb0e6773a6e054c2832f16a8c9ed96b5c867a4 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 26 Mar 2024 16:34:27 -0700
Subject: [PATCH 665/753] add missing translatable invoice props

---
 packages/mint-components/package.json         |  2 +-
 .../sqm-invoice-table/sqm-invoice-table.tsx   | 17 +++++---
 .../sqm-tax-and-cash-dashboard-view.tsx       | 15 ++++++-
 .../sqm-tax-and-cash-dashboard.tsx            | 19 +++++++++
 .../tax-and-cash/sqm-tax-and-cash/data.ts     |  4 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 39 +++++++++++++++++++
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  5 +++
 .../src/templates/TaxAndCash.html             |  6 +++
 8 files changed, 98 insertions(+), 9 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 70cb874c7e..a1fcf5b2e5 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-118",
+  "version": "1.8.0-120",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
index 2ac3fe2872..461d500227 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
@@ -66,12 +66,19 @@ export class InvoiceTable {
   /** @uiName Tablet breakpoint  */
   @Prop() mdBreakpoint?: number = 799;
 
-  /** @uiName Tablet breakpoint  */
+  /** @uiName Table header text */
   @Prop() header?: string = "Invoices";
 
-  /** @uiName Tablet breakpoint  */
+  /** @uiName Table description text  */
   @Prop() description?: string =
-    "View and download your invoices to report your earnings and stay tax compliant. ";
+    "View and download your invoices to report your earnings and stay tax compliant.";
+
+  /** @uiName Table empty state header  */
+  @Prop() emptyStateHeader: string = "View your invoice details";
+
+  /** @uiName Table empty state text  */
+  @Prop() emptyStateText: string =
+    "Refer a friend to view the status of your invoices and rewards earned";
 
   /**
    * @undocumented
@@ -114,8 +121,8 @@ function EmptySlot() {
     <slot name="empty">
       <sqm-empty
         empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png"
-        empty-state-header="View your invoice details"
-        empty-state-text="Refer a friend to view the status of your invoices and rewards earned"
+        empty-state-header={this.emptyStateHeader}
+        empty-state-text={this.emptyStateText}
       ></sqm-empty>
     </slot>
   );
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 1ab7050799..d2e93a8bbf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -70,6 +70,12 @@ export interface TaxAndCashDashboardProps {
     earningsAfterTaxColumnTitle: string;
     dateColumnTitle: string;
     taxAndPayoutsDescription: string;
+    invoiceDescription: string;
+    invoicePrevLabel: string;
+    invoiceMoreLabel: string;
+    invoiceHeader: string;
+    invoiceEmptyStateHeader: string;
+    invoiceEmptyStateText: string;
     error: {
       generalTitle: string;
       generalDescription: string;
@@ -518,7 +524,14 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
                 )}
                 {!states.notRegistered && (
                   <div class={sheet.classes.InvoiceTableContainer}>
-                    <sqm-invoice-table>
+                    <sqm-invoice-table
+                      description={text.invoiceDescription}
+                      prev-label={text.invoicePrevLabel}
+                      more-label={text.invoiceMoreLabel}
+                      header={text.invoiceHeader}
+                      empty-state-header={text.invoiceEmptyStateHeader}
+                      empty-state-text={text.invoiceEmptyStateText}
+                    >
                       <sqm-invoice-table-download-column></sqm-invoice-table-download-column>
                       <sqm-invoice-table-date-column
                         column-title={text.dateColumnTitle}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 25ba2e4f49..f235d95aed 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -276,6 +276,25 @@ export class TaxAndCashDashboard {
    */
   @Prop() earningsAfterTaxColumnTitle: string = "Earnings after tax";
 
+  /** @uiName Table description text  */
+  @Prop() invoiceDescription: string =
+    "View and download your invoices to report your earnings and stay tax compliant.";
+
+  /** @uiName Previous button text  */
+  @Prop() invoicePrevLabel: string = "Prev";
+
+  /** @uiName View More button text  */
+  @Prop() invoiceMoreLabel: string = "Next";
+
+  /** @uiName Table header text */
+  @Prop() invoiceHeader: string = "Invoices";
+
+  /** @uiName Table empty state header  */
+  @Prop() invoiceEmptyStateHeader: string = "View your invoice details";
+
+  /** @uiName Table empty state text  */
+  @Prop() invoiceEmptyStateText: string =
+    "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
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index 57da0a2472..d382133fd4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -162,10 +162,10 @@ export type CountriesQuery = {
 };
 
 export const GET_CURRENCIES = gql`
-  query currencies {
+  query currencies($locale: RSLocale) {
     currencies(limit: 300) {
       data {
-        displayName
+        displayName(locale: $locale)
         currencyCode
       }
     }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 475b63abcb..73b647cc82 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -808,6 +808,45 @@ export class TaxAndCashMonolith {
   dashboard_errorDescriptionText: string =
     "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.";
 
+  /**
+   * @uiName Table description text
+   * @uiGroup Dashboard Properties
+   */
+  @Prop() dashboard_invoiceDescription: string =
+    "View and download your invoices to report your earnings and stay tax compliant.";
+
+  /**
+   * @uiName Previous button text
+   * @uiGroup Dashboard Properties
+   */
+  @Prop() dashboard_invoicePrevLabel: string = "Prev";
+
+  /**
+   * @uiName View More button text
+   * @uiGroup Dashboard Properties
+   */
+  @Prop() dashboard_invoiceMoreLabel: string = "Next";
+
+  /**
+   * @uiName Table header text
+   * @uiGroup Dashboard Properties
+   */
+  @Prop() dashboard_invoiceHeader: string = "Invoices";
+
+  /**
+   * @uiName Table empty state header
+   * @uiGroup Dashboard Properties
+   */
+  @Prop() dashboard_invoiceEmptyStateHeader: string =
+    "View your invoice details";
+
+  /**
+   * @uiName Table empty state text
+   * @uiGroup Dashboard Properties
+   */
+  @Prop() dashboard_invoiceEmptyStateText: string =
+    "Refer a friend to view the status of your invoices and rewards earned";
+
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     GENERAL PROPS:
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index b346486432..2bf92845dc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -1,6 +1,7 @@
 import {
   setUserIdentity,
   useHost,
+  useLocale,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useEffect, useMemo } from "@saasquatch/universal-hooks";
@@ -144,6 +145,7 @@ export function useTaxAndCash() {
   /** END DEMO DATA */
 
   const user = useUserIdentity();
+  const locale = useLocale();
 
   // State for current step of form
   const [step, setStep] = useParentState<string>({
@@ -215,6 +217,9 @@ export function useTaxAndCash() {
     namespace: CURRENCIES_QUERY_NAMESPACE,
     query: GET_CURRENCIES,
     skip: !user,
+    variables: {
+      locale,
+    },
   });
 
   const supportedCurrencies = useMemo(() => {
diff --git a/packages/mint-components/src/templates/TaxAndCash.html b/packages/mint-components/src/templates/TaxAndCash.html
index 3876da48ae..2dcb94e77c 100644
--- a/packages/mint-components/src/templates/TaxAndCash.html
+++ b/packages/mint-components/src/templates/TaxAndCash.html
@@ -297,6 +297,12 @@ <h1>Activity</h1>
                   dashboard_earnings-after-tax-column-title="Earnings after tax"
                   dashboard_error-title-text="Your payout is on hold "
                   dashboard_error-description-text="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."
+                  dashboard_invoice-description="View and download your invoices to report your earnings and stay tax compliant."
+                  dashboard_invoice-prev-label="Prev"
+                  dashboard_invoice-more-label="Next"
+                  dashboard_invoice-header="Invoices"
+                  dashboard_invoice-empty-state-header="View your invoice details"
+                  dashboard_invoice-empty-state-text="Refer a friend to view the status of your invoices and rewards earned"
                   form-step="Step {step} of {count}"
                   general-error-title="There was a problem submitting your information"
                   general-error-description="Please review your information and try again. If this problem continues, contact Support."

From 672ab68794fd7391fd8cff2b652f64d91c2efa6b Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 26 Mar 2024 16:54:34 -0700
Subject: [PATCH 666/753] fix props

---
 .../sqm-invoice-table/sqm-invoice-table.tsx         | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
index 461d500227..3a2c1b5c52 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
@@ -94,7 +94,12 @@ export class InvoiceTable {
   disconnectedCallback() {}
 
   render() {
-    const empty = <EmptySlot />;
+    const empty = (
+      <EmptySlot
+        emptyStateHeader={this.emptyStateHeader}
+        emptyStateText={this.emptyStateText}
+      />
+    );
     const loading = <LoadingSlot />;
 
     const { states, data, callbacks, elements } = isDemo()
@@ -116,13 +121,13 @@ export class InvoiceTable {
   }
 }
 
-function EmptySlot() {
+function EmptySlot(props) {
   return (
     <slot name="empty">
       <sqm-empty
         empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png"
-        empty-state-header={this.emptyStateHeader}
-        empty-state-text={this.emptyStateText}
+        empty-state-header={props.emptyStateHeader}
+        empty-state-text={props.emptyStateText}
       ></sqm-empty>
     </slot>
   );

From 6fc0e091c3ed9c1d8cf1b63387a08a989d434d31 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 26 Mar 2024 16:54:43 -0700
Subject: [PATCH 667/753] bump version

---
 packages/mint-components/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index a1fcf5b2e5..f7a0623f92 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-120",
+  "version": "1.8.0-123",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

From 1ede1917ba17afdc613d5e8beeb9763046c15287 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 26 Mar 2024 17:19:21 -0700
Subject: [PATCH 668/753] Fixed submit new form button not being responsive

---
 .../sqm-tax-and-cash-dashboard-view.tsx                | 10 ++++------
 .../sqm-tax-and-cash-dashboard.tsx                     |  1 +
 .../useTaxAndCashDashboard.tsx                         |  2 +-
 packages/mint-components/src/index.html                |  6 +++---
 4 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 77ea1b8a2b..cc7d15ef9f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -24,7 +24,7 @@ export interface TaxAndCashDashboardProps {
     country?: string;
     notRegistered?: boolean;
     isBusinessEntity?: boolean;
-    isNewForm?: boolean;
+    openNewForm?: boolean;
     loading?: boolean;
     loadingError?: boolean;
     errors?: {
@@ -157,7 +157,7 @@ const style = {
   },
   NewFormButton: {
     marginTop: "var(--sl-spacing-large)",
-    maxWidth: "179px",
+    maxWidth: "300px",
   },
   EditBankDetailsButton: {
     marginTop: "var(--sl-spacing-large)",
@@ -405,15 +405,14 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
           label={text.replaceTaxFormModalHeader}
           class={sheet.classes.Dialog}
           // AL: TODO add open/close state
-          open={states.isNewForm}
-          onSl-hide={!states.isNewForm}
+          open={false}
+          onSl-hide={false}
         >
           <p>{text.replaceTaxFormModalBodyText}</p>
           <sl-button
             slot="footer"
             type="primary"
             class={sheet.classes.DialogButton}
-            onClick={() => console.log("AL: TODO ADD CALLBACK")}
           >
             {text.newFormButton}
           </sl-button>
@@ -421,7 +420,6 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
             slot="footer"
             type="default"
             class={sheet.classes.DialogButton}
-            onClick={() => console.log("AL: TODO ADD CALLBACK")}
           >
             {text.cancelButton}
           </sl-button>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 21c75d5799..263a0b4cb7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -362,6 +362,7 @@ function useDemoTaxAndCashDashboard(
         expiresSoon: false,
         disabled: false,
         loading: false,
+        openNewForm: false,
       },
       callbacks: {
         onClick: () => console.debug("check step"),
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 3e2fbd958f..97fcb98853 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -148,7 +148,7 @@ export const useTaxAndCashDashboard = (
       notRegistered: !publisher?.taxInformation?.indirectTaxId,
       noFormNeeded: !documentType,
       // AL: TODO add modal open/close state
-      isNewForm: false,
+      openNewForm: null,
       expiresSoon,
       disabled: loading,
       loading,
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From b12dd611d96df1b0c6548ac354faf59a2d505c2d Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 27 Mar 2024 09:01:42 -0700
Subject: [PATCH 669/753] Updated text props uiNames and descriptions

---
 packages/mint-components/src/components.d.ts  | 170 +++++++++++++++---
 .../sqm-invoice-table/sqm-invoice-table.tsx   |  12 +-
 .../sqm-tax-and-cash-dashboard.tsx            |  15 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  20 +--
 .../sqm-user-info-form/sqm-user-info-form.tsx |   4 +-
 5 files changed, 174 insertions(+), 47 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index ec1bbdd0d5..c1411aaa50 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1218,11 +1218,19 @@ export namespace Components {
     mockData?: { data: Invoice[] };
   };
         /**
-          * @uiName Tablet breakpoint
+          * @uiName Invoice table description
          */
         "description"?: string;
         /**
-          * @uiName Tablet breakpoint
+          * @uiName Empty invoice table header
+         */
+        "emptyStateHeader": string;
+        /**
+          * @uiName Empty invoice table description
+         */
+        "emptyStateText": string;
+        /**
+          * @uiName Invoice table title
          */
         "header"?: string;
         /**
@@ -1239,7 +1247,7 @@ export namespace Components {
          */
         "mdBreakpoint"?: number;
         /**
-          * @uiName View More button text
+          * @uiName Invoice table next page button label
          */
         "moreLabel"?: string;
         /**
@@ -1248,7 +1256,7 @@ export namespace Components {
          */
         "perPage": number;
         /**
-          * @uiName Previous button text
+          * @uiName Invoice table previous page button label
          */
         "prevLabel"?: string;
         /**
@@ -3848,6 +3856,36 @@ export namespace Components {
           * @uiGroup Dashboard Properties
          */
         "dashboard_invoiceColumnTitle": string;
+        /**
+          * @uiName Invoice table description
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoiceDescription": string;
+        /**
+          * @uiName Empty invoice table header
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoiceEmptyStateHeader": string;
+        /**
+          * @uiName Empty invoice table description
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoiceEmptyStateText": string;
+        /**
+          * @uiName Invoice table title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoiceHeader": string;
+        /**
+          * @uiName Invoice table next page button label
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoiceMoreLabel": string;
+        /**
+          * @uiName Invoice table previous page button label
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoicePrevLabel": string;
         /**
           * @uiName Submit new tax form button label
           * @uiGroup Dashboard Properties
@@ -3867,9 +3905,9 @@ export namespace Components {
          */
         "dashboard_notRegisteredForTax": string;
         /**
-          * Sub text describing how payouts are provided from impact.com
+          * Displayed under the payout details card.
           * @uiName Payout from impact text
-          * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_payoutFromImpact": string;
         /**
@@ -4037,7 +4075,7 @@ export namespace Components {
         "searchForCountryText": string;
         /**
           * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
+          * @uiName Terms and conditions checkbox
           * @uiGroup Step 1 Properties
          */
         "step1_allowBankingCollection": string;
@@ -4083,7 +4121,7 @@ export namespace Components {
          */
         "step1_searchForCurrencyText": string;
         /**
-          * @uiName Terms and conditions checkbox
+          * @uiName Terms and conditions text
           * @uiGroup Step 1 Properties
           * @uiWidget textArea
          */
@@ -4603,6 +4641,30 @@ export namespace Components {
           * @uiName Invoice number column title
          */
         "invoiceColumnTitle": string;
+        /**
+          * @uiName Invoice table description
+         */
+        "invoiceDescription": string;
+        /**
+          * @uiName Empty invoice table header
+         */
+        "invoiceEmptyStateHeader": string;
+        /**
+          * @uiName Empty invoice table description
+         */
+        "invoiceEmptyStateText": string;
+        /**
+          * @uiName Invoice table title
+         */
+        "invoiceHeader": string;
+        /**
+          * @uiName Invoice table next page button label
+         */
+        "invoiceMoreLabel": string;
+        /**
+          * @uiName Invoice table previous page button label
+         */
+        "invoicePrevLabel": string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message description
@@ -4631,8 +4693,9 @@ export namespace Components {
          */
         "notRegisteredForTax": string;
         /**
-          * Sub text describing how payouts are provided from impact.com
+          * Displayed under the payout details card.
           * @uiName Payout from impact text
+          * @uiWidget textArea
          */
         "payoutFromImpact": string;
         /**
@@ -4796,7 +4859,7 @@ export namespace Components {
     interface SqmUserInfoForm {
         /**
           * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
+          * @uiName Terms and conditions checkbox
          */
         "allowBankingCollection": string;
         /**
@@ -4897,7 +4960,7 @@ export namespace Components {
          */
         "taxAndPayoutsDescription": string;
         /**
-          * @uiName Terms and conditions checkbox
+          * @uiName Terms and conditions text
           * @uiWidget textArea
          */
         "termsAndConditionsLabel": string;
@@ -6857,11 +6920,19 @@ declare namespace LocalJSX {
     mockData?: { data: Invoice[] };
   };
         /**
-          * @uiName Tablet breakpoint
+          * @uiName Invoice table description
          */
         "description"?: string;
         /**
-          * @uiName Tablet breakpoint
+          * @uiName Empty invoice table header
+         */
+        "emptyStateHeader"?: string;
+        /**
+          * @uiName Empty invoice table description
+         */
+        "emptyStateText"?: string;
+        /**
+          * @uiName Invoice table title
          */
         "header"?: string;
         /**
@@ -6878,7 +6949,7 @@ declare namespace LocalJSX {
          */
         "mdBreakpoint"?: number;
         /**
-          * @uiName View More button text
+          * @uiName Invoice table next page button label
          */
         "moreLabel"?: string;
         /**
@@ -6887,7 +6958,7 @@ declare namespace LocalJSX {
          */
         "perPage"?: number;
         /**
-          * @uiName Previous button text
+          * @uiName Invoice table previous page button label
          */
         "prevLabel"?: string;
         /**
@@ -9457,6 +9528,36 @@ declare namespace LocalJSX {
           * @uiGroup Dashboard Properties
          */
         "dashboard_invoiceColumnTitle"?: string;
+        /**
+          * @uiName Invoice table description
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoiceDescription"?: string;
+        /**
+          * @uiName Empty invoice table header
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoiceEmptyStateHeader"?: string;
+        /**
+          * @uiName Empty invoice table description
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoiceEmptyStateText"?: string;
+        /**
+          * @uiName Invoice table title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoiceHeader"?: string;
+        /**
+          * @uiName Invoice table next page button label
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoiceMoreLabel"?: string;
+        /**
+          * @uiName Invoice table previous page button label
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_invoicePrevLabel"?: string;
         /**
           * @uiName Submit new tax form button label
           * @uiGroup Dashboard Properties
@@ -9476,9 +9577,9 @@ declare namespace LocalJSX {
          */
         "dashboard_notRegisteredForTax"?: string;
         /**
-          * Sub text describing how payouts are provided from impact.com
+          * Displayed under the payout details card.
           * @uiName Payout from impact text
-          * @uiGroup Dashboard Properties
+          * @uiWidget textArea
          */
         "dashboard_payoutFromImpact"?: string;
         /**
@@ -9646,7 +9747,7 @@ declare namespace LocalJSX {
         "searchForCountryText"?: string;
         /**
           * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
+          * @uiName Terms and conditions checkbox
           * @uiGroup Step 1 Properties
          */
         "step1_allowBankingCollection"?: string;
@@ -9692,7 +9793,7 @@ declare namespace LocalJSX {
          */
         "step1_searchForCurrencyText"?: string;
         /**
-          * @uiName Terms and conditions checkbox
+          * @uiName Terms and conditions text
           * @uiGroup Step 1 Properties
           * @uiWidget textArea
          */
@@ -10212,6 +10313,30 @@ declare namespace LocalJSX {
           * @uiName Invoice number column title
          */
         "invoiceColumnTitle"?: string;
+        /**
+          * @uiName Invoice table description
+         */
+        "invoiceDescription"?: string;
+        /**
+          * @uiName Empty invoice table header
+         */
+        "invoiceEmptyStateHeader"?: string;
+        /**
+          * @uiName Empty invoice table description
+         */
+        "invoiceEmptyStateText"?: string;
+        /**
+          * @uiName Invoice table title
+         */
+        "invoiceHeader"?: string;
+        /**
+          * @uiName Invoice table next page button label
+         */
+        "invoiceMoreLabel"?: string;
+        /**
+          * @uiName Invoice table previous page button label
+         */
+        "invoicePrevLabel"?: string;
         /**
           * Part of the alert displayed at the top of the page.
           * @uiName Page load error message description
@@ -10240,8 +10365,9 @@ declare namespace LocalJSX {
          */
         "notRegisteredForTax"?: string;
         /**
-          * Sub text describing how payouts are provided from impact.com
+          * Displayed under the payout details card.
           * @uiName Payout from impact text
+          * @uiWidget textArea
          */
         "payoutFromImpact"?: string;
         /**
@@ -10404,7 +10530,7 @@ declare namespace LocalJSX {
     interface SqmUserInfoForm {
         /**
           * Label text for tax and banking collection checkbox
-          * @uiName Tax and banking label
+          * @uiName Terms and conditions checkbox
          */
         "allowBankingCollection"?: string;
         /**
@@ -10505,7 +10631,7 @@ declare namespace LocalJSX {
          */
         "taxAndPayoutsDescription"?: string;
         /**
-          * @uiName Terms and conditions checkbox
+          * @uiName Terms and conditions text
           * @uiWidget textArea
          */
         "termsAndConditionsLabel"?: string;
diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
index 3a2c1b5c52..5f93216ad0 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
@@ -47,10 +47,10 @@ export class InvoiceTable {
   /** @uiName Hide column labels */
   @Prop() hideLabels?: boolean = false;
 
-  /** @uiName Previous button text  */
+  /** @uiName Invoice table previous page button label  */
   @Prop() prevLabel?: string = "Prev";
 
-  /** @uiName View More button text  */
+  /** @uiName Invoice table next page button label */
   @Prop() moreLabel?: string = "Next";
 
   /**
@@ -66,17 +66,17 @@ export class InvoiceTable {
   /** @uiName Tablet breakpoint  */
   @Prop() mdBreakpoint?: number = 799;
 
-  /** @uiName Table header text */
+  /** @uiName Invoice table title */
   @Prop() header?: string = "Invoices";
 
-  /** @uiName Table description text  */
+  /** @uiName Invoice table description  */
   @Prop() description?: string =
     "View and download your invoices to report your earnings and stay tax compliant.";
 
-  /** @uiName Table empty state header  */
+  /** @uiName Empty invoice table header  */
   @Prop() emptyStateHeader: string = "View your invoice details";
 
-  /** @uiName Table empty state text  */
+  /** @uiName Empty invoice table description */
   @Prop() emptyStateText: string =
     "Refer a friend to view the status of your invoices and rewards earned";
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 6af3d65822..e765c04d67 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -230,8 +230,9 @@ export class TaxAndCashDashboard {
     "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
    */
   @Prop() payoutFromImpact: string =
     "Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com.";
@@ -276,23 +277,23 @@ export class TaxAndCashDashboard {
    */
   @Prop() earningsAfterTaxColumnTitle: string = "Earnings after tax";
 
-  /** @uiName Table description text  */
+  /** @uiName Invoice table description  */
   @Prop() invoiceDescription: string =
     "View and download your invoices to report your earnings and stay tax compliant.";
 
-  /** @uiName Previous button text  */
+  /** @uiName Invoice table previous page button label  */
   @Prop() invoicePrevLabel: string = "Prev";
 
-  /** @uiName View More button text  */
+  /** @uiName Invoice table next page button label  */
   @Prop() invoiceMoreLabel: string = "Next";
 
-  /** @uiName Table header text */
+  /** @uiName Invoice table title */
   @Prop() invoiceHeader: string = "Invoices";
 
-  /** @uiName Table empty state header  */
+  /** @uiName Empty invoice table header  */
   @Prop() invoiceEmptyStateHeader: string = "View your invoice details";
 
-  /** @uiName Table empty state text  */
+  /** @uiName Empty invoice table description  */
   @Prop() invoiceEmptyStateText: string =
     "Refer a friend to view the status of your invoices and rewards earned";
   /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 0498a42e75..a783dd02bb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -62,7 +62,7 @@ export class TaxAndCashMonolith {
     "Choose your preferred payout currency";
   /**
    * Label text for tax and banking collection checkbox
-   * @uiName Tax and banking label
+   * @uiName Terms and conditions checkbox
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_allowBankingCollection: string =
@@ -73,7 +73,7 @@ export class TaxAndCashMonolith {
    */
   @Prop() step1_personalInformation: string = "Personal Information";
   /**
-   * @uiName Terms and conditions checkbox
+   * @uiName Terms and conditions text
    * @uiGroup Step 1 Properties
    * @uiWidget textArea
    */
@@ -778,9 +778,9 @@ export class TaxAndCashMonolith {
    */
   @Prop() dashboard_taxedAmountColumnTitle: string = "Taxed Amount";
   /**
-   * Sub text describing how payouts are provided from impact.com
+   * Displayed under the payout details card.
    * @uiName Payout from impact text
-   * @uiGroup Dashboard Properties
+   * @uiWidget textArea
    */
   @Prop() dashboard_payoutFromImpact: string =
     "Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com.";
@@ -821,39 +821,39 @@ export class TaxAndCashMonolith {
     "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.";
 
   /**
-   * @uiName Table description text
+   * @uiName Invoice table description
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_invoiceDescription: string =
     "View and download your invoices to report your earnings and stay tax compliant.";
 
   /**
-   * @uiName Previous button text
+   * @uiName Invoice table previous page button label
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_invoicePrevLabel: string = "Prev";
 
   /**
-   * @uiName View More button text
+   * @uiName Invoice table next page button label
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_invoiceMoreLabel: string = "Next";
 
   /**
-   * @uiName Table header text
+   * @uiName Invoice table title
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_invoiceHeader: string = "Invoices";
 
   /**
-   * @uiName Table empty state header
+   * @uiName Empty invoice table header
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_invoiceEmptyStateHeader: string =
     "View your invoice details";
 
   /**
-   * @uiName Table empty state text
+   * @uiName Empty invoice table description
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_invoiceEmptyStateText: string =
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 752755c1e5..b0d984ab2a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -47,7 +47,7 @@ export class TaxForm {
   @Prop() currencyHelpText: string = "Choose your preferred payout currency";
   /**
    * Label text for tax and banking collection checkbox
-   * @uiName Tax and banking label
+   * @uiName Terms and conditions checkbox
    */
   @Prop() allowBankingCollection: string =
     "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";
@@ -93,7 +93,7 @@ export class TaxForm {
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
   /**
-   * @uiName Terms and conditions checkbox
+   * @uiName Terms and conditions text
    * @uiWidget textArea
    */
   @Prop() termsAndConditionsLabel: string = "terms and conditions";

From 9d5315a85a56aaa4d663d7eda76e769b7fb0cbac Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 27 Mar 2024 09:45:08 -0700
Subject: [PATCH 670/753] check e.origin includes saasquatch domain instead of
 explicit check

---
 .../sqm-docusign-form/docusign-iframe/DocusignIframe.tsx       | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
index b922a8b366..c5e7de8008 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
@@ -131,8 +131,7 @@ export const DocusignIframe = ({
   if (states.urlLoading) return <DocusignLoadingView />;
 
   const callback = useCallback((e) => {
-    // TODO: CHANGE THIS WHEN ACTUAL URL IS AVAILABLE
-    if (e.origin !== "https://staging.referralsaasquatch.com") return;
+    if (e.origin?.includes("referralsaasquatch.com")) return;
     if (!e.data) return;
 
     callbacks.onStatusChange(e.data.eventStatus);

From 50b1819a3cfcee7163d372edd8a398b3053a9c1c Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 27 Mar 2024 10:05:29 -0700
Subject: [PATCH 671/753] hook up confirmation modal

---
 packages/mint-components/package-lock.json    |  4 +-
 packages/mint-components/src/components.d.ts  | 44 +++++++++----------
 .../tax-and-cash/TaxForm.stories.tsx          | 18 ++++++++
 .../docusign-iframe/DocusignIframe.tsx        |  2 +-
 .../sqm-tax-and-cash-dashboard-view.tsx       | 16 ++++---
 .../sqm-tax-and-cash-dashboard.tsx            |  4 +-
 .../useTaxAndCashDashboard.tsx                | 21 +++++----
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  5 ++-
 packages/mint-components/src/index.html       |  6 +--
 9 files changed, 75 insertions(+), 45 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 4b3e4b55a6..a98e6798da 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-116",
+  "version": "1.8.0-123",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-116",
+      "version": "1.8.0-123",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index c1411aaa50..7c375bd61a 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3916,6 +3916,17 @@ export namespace Components {
           * @uiGroup Dashboard Properties
          */
         "dashboard_qstNumber": string;
+        /**
+          * @uiName Replace tax form modal body text
+          * @uiGroup Dashboard Properties
+          * @uiWidget textArea
+         */
+        "dashboard_replaceTaxFormModalBodyText": string;
+        /**
+          * @uiName Replace tax form modal header
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_replaceTaxFormModalHeader": string;
         /**
           * @uiName Payout status badge
           * @uiGroup Dashboard Properties
@@ -4056,17 +4067,6 @@ export namespace Components {
           * @uiWidget textArea
          */
         "loadingErrorAlertHeader": string;
-        /**
-          * @uiName Replace tax form modal body text
-          * @uiGroup Dashboard Properties
-          * @uiWidget textArea
-         */
-        "replaceTaxFormModalBodyText": string;
-        /**
-          * @uiName Replace tax form modal header
-          * @uiGroup Dashboard Properties
-         */
-        "replaceTaxFormModalHeader": string;
         /**
           * Placeholder text displayed in the country search dropdown
           * @uiName Country field placeholder text
@@ -9588,6 +9588,17 @@ declare namespace LocalJSX {
           * @uiGroup Dashboard Properties
          */
         "dashboard_qstNumber"?: string;
+        /**
+          * @uiName Replace tax form modal body text
+          * @uiGroup Dashboard Properties
+          * @uiWidget textArea
+         */
+        "dashboard_replaceTaxFormModalBodyText"?: string;
+        /**
+          * @uiName Replace tax form modal header
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_replaceTaxFormModalHeader"?: string;
         /**
           * @uiName Payout status badge
           * @uiGroup Dashboard Properties
@@ -9728,17 +9739,6 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "loadingErrorAlertHeader"?: string;
-        /**
-          * @uiName Replace tax form modal body text
-          * @uiGroup Dashboard Properties
-          * @uiWidget textArea
-         */
-        "replaceTaxFormModalBodyText"?: string;
-        /**
-          * @uiName Replace tax form modal header
-          * @uiGroup Dashboard Properties
-         */
-        "replaceTaxFormModalHeader"?: string;
         /**
           * Placeholder text displayed in the country search dropdown
           * @uiName Country field placeholder text
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 5c6d843f0e..5a42bba48a 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -19,6 +19,7 @@ import LoadingView from "./sqm-tax-and-cash/LoadingView";
 import { taxTypeToName } from "./utils";
 import { ErrorView } from "./sqm-tax-and-cash/ErrorView";
 import { NextPayout } from "./sqm-payout-details-card/PayoutDetailsCard.stories";
+import { NoFragmentCyclesRule } from "graphql";
 
 export default {
   title: "Components/Tax Form",
@@ -258,6 +259,7 @@ const dashboardProps: StoryDemoData<TaxAndCashDashboardProps> = {
     country: "United Kingdom",
     indirectTaxNumber: "123456",
     indirectTaxType: "VAT",
+    showNewFormDialog: false,
   },
   slots: {
     payoutDetailsCardSlot: (
@@ -975,6 +977,7 @@ export const TaxAndCashDashboardActiveW8BENForm = () => {
           country: "United Kingdom",
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
+          showNewFormDialog: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -994,6 +997,7 @@ export const TaxAndCashDashboardActiveW8BENEForm = () => {
           country: "United Kingdom",
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
+          showNewFormDialog: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1014,6 +1018,7 @@ export const TaxAndCashDashboardNotActiveW9Form = () => {
           country: "United Kingdom",
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
+          showNewFormDialog: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1034,6 +1039,7 @@ export const TaxAndCashDashboardNotVerifiedW9Form = () => {
           country: "United States",
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
+          showNewFormDialog: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1056,6 +1062,7 @@ export const TaxAndCashDashboardNotVerifiedW8BENForm = () => {
           country: "United Kingdom",
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
+          showNewFormDialog: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1078,6 +1085,7 @@ export const TaxAndCashDashboardNotVerifiedW8BENEForm = () => {
           country: "United Kingdom",
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
+          showNewFormDialog: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1100,6 +1108,7 @@ export const TaxAndCashDashboardNotActiveW8BENEForm = () => {
           indirectTaxNumber: "123456",
           indirectTaxType: "VAT",
           country: "United Kingdom",
+          showNewFormDialog: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1122,6 +1131,7 @@ export const TaxAndCashDashboardNoFormNeeded = () => {
           country: "Canada",
           indirectTaxNumber: "123456",
           indirectTaxType: "GST",
+          showNewFormDialog: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1145,6 +1155,7 @@ export const TaxAndCashDashboardIndirectTaxCanada = () => {
           country: "Canada",
           indirectTaxType: "GST",
           indirectTaxNumber: "123456",
+          showNewFormDialog: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1169,6 +1180,7 @@ export const TaxAndCashDashboardIndirectTaxCanadaQuebec = () => {
           indirectTaxType: "GST",
           indirectTaxNumber: "123456",
           qstNumber: "44212",
+          showNewFormDialog: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1193,6 +1205,7 @@ export const TaxAndCashDashboardIndirectTaxSpain = () => {
           indirectTaxType: "VAT",
           indirectTaxNumber: "123456",
           subRegionTaxNumber: "44212",
+          showNewFormDialog: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1212,6 +1225,7 @@ export const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           notRegistered: true,
+          showNewFormDialog: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1232,6 +1246,7 @@ export const TaxAndCashDashboardLoading = () => {
           dateSubmitted: "Jan 18th, 2025",
           noFormNeeded: false,
           loading: true,
+          showNewFormDialog: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1253,6 +1268,7 @@ export const TaxAndCashDashboardWithLoadingError = () => {
           noFormNeeded: false,
           loading: true,
           loadingError: true,
+          showNewFormDialog: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
@@ -1275,6 +1291,7 @@ export const TaxAndCashDashboardWithGeneralError = () => {
           indirectTaxNumber: "123456",
           indirectTaxType: "VAT",
           country: "Slovania",
+          showNewFormDialog: false,
           errors: {
             general: true,
           },
@@ -1299,6 +1316,7 @@ export const TaxAndCashDashboardDisabled = () => {
           noFormNeeded: false,
           indirectTaxNumber: "123456",
           country: "Slovania",
+          showNewFormDialog: false,
         },
       }}
     ></sqm-tax-and-cash-dashboard>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
index c5e7de8008..93920308b9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/docusign-iframe/DocusignIframe.tsx
@@ -131,7 +131,7 @@ export const DocusignIframe = ({
   if (states.urlLoading) return <DocusignLoadingView />;
 
   const callback = useCallback((e) => {
-    if (e.origin?.includes("referralsaasquatch.com")) return;
+    if (!e.origin?.includes("referralsaasquatch.com")) return;
     if (!e.data) return;
 
     callbacks.onStatusChange(e.data.eventStatus);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 27f8dc00d7..e2e54b9fdf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -24,9 +24,9 @@ export interface TaxAndCashDashboardProps {
     country?: string;
     notRegistered?: boolean;
     isBusinessEntity?: boolean;
-    openNewForm?: boolean;
     loading?: boolean;
     loadingError?: boolean;
+    showNewFormDialog: boolean;
     errors?: {
       general?: boolean;
     };
@@ -34,7 +34,12 @@ export interface TaxAndCashDashboardProps {
   slots: {
     payoutDetailsCardSlot: VNode;
   };
-  callbacks: { onClick: (props: any) => void; onEditPayoutInfo: () => void };
+  callbacks: {
+    onClick: (props: any) => void;
+    onEditPayoutInfo: () => void;
+    onNewFormCancel: () => void;
+    onNewFormClick: () => void;
+  };
   text: {
     statusTextActive?: string;
     statusTextNotActive?: string;
@@ -410,15 +415,15 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
         <sl-dialog
           label={text.replaceTaxFormModalHeader}
           class={sheet.classes.Dialog}
-          // AL: TODO add open/close state
-          open={false}
-          onSl-hide={false}
+          open={states.showNewFormDialog}
+          onSl-hide={callbacks.onNewFormCancel}
         >
           <p>{text.replaceTaxFormModalBodyText}</p>
           <sl-button
             slot="footer"
             type="primary"
             class={sheet.classes.DialogButton}
+            onClick={callbacks.onNewFormClick}
           >
             {text.newFormButton}
           </sl-button>
@@ -426,6 +431,7 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
             slot="footer"
             type="default"
             class={sheet.classes.DialogButton}
+            onClick={callbacks.onNewFormCancel}
           >
             {text.cancelButton}
           </sl-button>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index e765c04d67..4ebf7a063c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -382,11 +382,13 @@ function useDemoTaxAndCashDashboard(
         expiresSoon: false,
         disabled: false,
         loading: false,
-        openNewForm: 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(),
     },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 97fcb98853..dcd6de714f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -1,5 +1,5 @@
 import { useLocale } from "@saasquatch/component-boilerplate";
-import { useEffect } from "@saasquatch/universal-hooks";
+import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { DateTime } from "luxon";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useSetParent } from "../../../utils/useParentState";
@@ -75,6 +75,7 @@ export const useTaxAndCashDashboard = (
 ): Omit<TaxAndCashDashboardProps, "slots"> => {
   const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
   const setContext = useSetParent<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
+  const [showDialog, setShowDialog] = useState(false);
 
   const locale = useLocale();
 
@@ -102,24 +103,25 @@ export const useTaxAndCashDashboard = (
 
   const expiresSoon = getExpiresSoon(expiryDate, submissionDate);
 
-  const onNewDocumentClick = () => {
+  const onEditPayoutInfo = () => {
     setContext({
       overrideNextStep: "/dashboard",
       overrideBackStep: "/dashboard",
       hideSteps: true,
     });
 
-    setStep(`/3`);
+    setStep("/4");
   };
 
-  const onEditPayoutInfo = () => {
+  const onNewFormClick = () => {
+    setShowDialog(false);
+
     setContext({
       overrideNextStep: "/dashboard",
       overrideBackStep: "/dashboard",
       hideSteps: true,
     });
-
-    setStep("/4");
+    setStep("/3");
   };
 
   const provinceName = INDIRECT_TAX_PROVINCES.find(
@@ -147,16 +149,17 @@ export const useTaxAndCashDashboard = (
       ),
       notRegistered: !publisher?.taxInformation?.indirectTaxId,
       noFormNeeded: !documentType,
-      // AL: TODO add modal open/close state
-      openNewForm: null,
       expiresSoon,
       disabled: loading,
       loading,
       loadingError: !!userError?.message,
+      showNewFormDialog: showDialog,
     },
     callbacks: {
-      onClick: onNewDocumentClick,
+      onClick: () => setShowDialog(true),
       onEditPayoutInfo,
+      onNewFormCancel: () => setShowDialog(false),
+      onNewFormClick,
     },
     text: props.getTextProps(),
   };
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index a783dd02bb..330051c65f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -794,13 +794,14 @@ export class TaxAndCashMonolith {
    * @uiName Replace tax form modal header
    * @uiGroup Dashboard Properties
    */
-  @Prop() replaceTaxFormModalHeader: string = "Replace existing tax form";
+  @Prop() dashboard_replaceTaxFormModalHeader: string =
+    "Replace existing tax form";
   /**
    * @uiName Replace tax form modal body text
    * @uiGroup Dashboard Properties
    * @uiWidget textArea
    */
-  @Prop() replaceTaxFormModalBodyText: string =
+  @Prop() dashboard_replaceTaxFormModalBodyText: string =
     "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.";
   /**
    * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 63afe7dd45..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-portal-container>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container> -->
+    </sqm-portal-container>
   </body>
 </html>

From 91ae03c8fff28775d8d21f3be6739223d6fcbc5b Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 27 Mar 2024 10:09:37 -0700
Subject: [PATCH 672/753] prerelease 1.8.0-124

---
 packages/mint-components/package-lock.json    |  4 +-
 packages/mint-components/package.json         |  2 +-
 .../components/sqm-invoice-table/readme.md    | 28 +++---
 .../sqm-tax-and-cash-dashboard/readme.md      | 99 ++++++++++---------
 .../tax-and-cash/sqm-tax-and-cash/readme.md   | 12 ++-
 5 files changed, 82 insertions(+), 63 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index a98e6798da..1a9b68aab3 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-123",
+  "version": "1.8.0-124",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-123",
+      "version": "1.8.0-124",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index f7a0623f92..29adb0f962 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-123",
+  "version": "1.8.0-124",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-invoice-table/readme.md b/packages/mint-components/src/components/sqm-invoice-table/readme.md
index 40eb1a4f03..06117e376d 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/readme.md
@@ -7,19 +7,21 @@
 
 ## Properties
 
-| Property        | Attribute        | Description                                                                                                                                                                                                                                                                | Type                                                                                                            | Default                                                                              |
-| --------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ |
-| `demoData`      | --               |                                                                                                                                                                                                                                                                            | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Invoice[]; }; }` | `undefined`                                                                          |
-| `description`   | `description`    |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"View and download your invoices to report your earnings and stay tax compliant. "` |
-| `header`        | `header`         |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Invoices"`                                                                         |
-| `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                             | `string`                                                                                                        | `"0"`                                                                                |
-| `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                                                                            | `boolean`                                                                                                       | `false`                                                                              |
-| `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                                                                            | `number`                                                                                                        | `799`                                                                                |
-| `moreLabel`     | `more-label`     |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Next"`                                                                             |
-| `perPage`       | `per-page`       | Number of invoices displayed per page                                                                                                                                                                                                                                      | `number`                                                                                                        | `4`                                                                                  |
-| `prevLabel`     | `prev-label`     |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Prev"`                                                                             |
-| `programId`     | `program-id`     | Filters to only show invoices in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all invoices from all programs. If program ID is "classic", shows classic-only invoices | `string`                                                                                                        | `undefined`                                                                          |
-| `smBreakpoint`  | `sm-breakpoint`  |                                                                                                                                                                                                                                                                            | `number`                                                                                                        | `599`                                                                                |
+| Property           | Attribute            | Description                                                                                                                                                                                                                                                                | Type                                                                                                            | Default                                                                             |
+| ------------------ | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- |
+| `demoData`         | --                   |                                                                                                                                                                                                                                                                            | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Invoice[]; }; }` | `undefined`                                                                         |
+| `description`      | `description`        |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"View and download your invoices to report your earnings and stay tax compliant."` |
+| `emptyStateHeader` | `empty-state-header` |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"View your invoice details"`                                                       |
+| `emptyStateText`   | `empty-state-text`   |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Refer a friend to view the status of your invoices and rewards earned"`           |
+| `header`           | `header`             |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Invoices"`                                                                        |
+| `hiddenColumns`    | `hidden-columns`     | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                             | `string`                                                                                                        | `"0"`                                                                               |
+| `hideLabels`       | `hide-labels`        |                                                                                                                                                                                                                                                                            | `boolean`                                                                                                       | `false`                                                                             |
+| `mdBreakpoint`     | `md-breakpoint`      |                                                                                                                                                                                                                                                                            | `number`                                                                                                        | `799`                                                                               |
+| `moreLabel`        | `more-label`         |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Next"`                                                                            |
+| `perPage`          | `per-page`           | Number of invoices displayed per page                                                                                                                                                                                                                                      | `number`                                                                                                        | `4`                                                                                 |
+| `prevLabel`        | `prev-label`         |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Prev"`                                                                            |
+| `programId`        | `program-id`         | Filters to only show invoices in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all invoices from all programs. If program ID is "classic", shows classic-only invoices | `string`                                                                                                        | `undefined`                                                                         |
+| `smBreakpoint`     | `sm-breakpoint`      |                                                                                                                                                                                                                                                                            | `number`                                                                                                        | `599`                                                                               |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index 92e25e9aa2..6245d661f0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -7,51 +7,60 @@
 
 ## Properties
 
-| Property                          | Attribute                            | Description                                                                                                                    | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Default                                                                                                                                                                                                                                             |
-| --------------------------------- | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `accountText`                     | `account-text`                       | Shown before the participant’s bank account information.                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Account"`                                                                                                                                                                                                                                         |
-| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                                                                                                  |
-| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Additional text displayed next to the tax form's status badge                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submitted on {dateSubmitted}."`                                                                                                                                                                                                                   |
-| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                                                                                           |
-| `bankingInformationSectionHeader` | `banking-information-section-header` |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Payout information"`                                                                                                                                                                                                                              |
-| `dateColumnTitle`                 | `date-column-title`                  | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Date"`                                                                                                                                                                                                                                            |
-| `demoData`                        | --                                   |                                                                                                                                | `{ 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; }; }; }` | `undefined`                                                                                                                                                                                                                                         |
-| `earningsAfterTaxColumnTitle`     | `earnings-after-tax-column-title`    | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Earnings after tax"`                                                                                                                                                                                                                              |
-| `earningsColumnTitle`             | `earnings-column-title`              | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Earnings"`                                                                                                                                                                                                                                        |
-| `editPaymentInformationButton`    | `edit-payment-information-button`    |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Edit Payout Information"`                                                                                                                                                                                                                         |
-| `errorDescriptionText`            | `error-description-text`             | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"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."` |
-| `errorTitleText`                  | `error-title-text`                   | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your payout is on hold "`                                                                                                                                                                                                                         |
-| `generalErrorDescription`         | `general-error-description`          | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                                       |
-| `generalErrorTitle`               | `general-error-title`                | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem submitting your information"`                                                                                                                                                                                                 |
-| `indirectTaxDetails`              | `indirect-tax-details`               | Displayed to participants who have submitted their indirect tax information.                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
-| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | If the participant is registered for indirect tax in Canada, display the province they’re registered in.                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered in {province}, {country}"`                                                                                                                                                                                                             |
-| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | If the participant is registered for indirect tax, display the country they’re registered in.                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered in {country}"`                                                                                                                                                                                                                         |
-| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Indirect tax"`                                                                                                                                                                                                                                    |
-| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | If the participant is registered for indirect tax in Spain, display the region they’re registered in.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Registered in {country}, {subRegion}"`                                                                                                                                                                                                            |
-| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"To make changes to your indirect tax information, please contact Support."`                                                                                                                                                                       |
-| `invalidForm`                     | `invalid-form`                       | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Make sure your information is correct and submit new form."`                                                                                                                                                                                      |
-| `invoiceColumnTitle`              | `invoice-column-title`               | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Invoice"`                                                                                                                                                                                                                                         |
-| `loadingErrorAlertDescription`    | `loading-error-alert-description`    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                                              |
-| `loadingErrorAlertHeader`         | `loading-error-alert-header`         | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"There was a problem loading your form"`                                                                                                                                                                                                           |
-| `newFormButton`                   | `new-form-button`                    |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submit New Form"`                                                                                                                                                                                                                                 |
-| `noFormNeededSubtext`             | `no-form-needed-subtext`             | No other statuses or badges will be displayed in the tax form section in this case.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
-| `notRegisteredForTax`             | `not-registered-for-tax`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
-| `payoutFromImpact`                | `payout-from-impact`                 | Sub text describing how payouts are provided from impact.com                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
-| `qstNumber`                       | `qst-number`                         | Displayed to participants registered in Quebec, Canada.                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
-| `statusBadgeText`                 | `status-badge-text`                  |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
-| `statusTextActive`                | `status-text-active`                 |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Active"`                                                                                                                                                                                                                                          |
-| `statusTextNotActive`             | `status-text-not-active`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Invalid Tax Form"`                                                                                                                                                                                                                                |
-| `statusTextNotVerified`           | `status-text-not-verified`           | Displayed when the participant submitted their form but it is awaiting review.                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Not Verified"`                                                                                                                                                                                                                                    |
-| `subRegionTaxNumber`              | `sub-region-tax-number`              |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                                                                                                         |
-| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{documentType} tax form is invalid"`                                                                                                                                                                                                              |
-| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                                                                                       |
-| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                                                                                                            |
-| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Please resubmit a new {documentType} form."`                                                                                                                                                                                                      |
-| `taxAndPayoutsDescription`        | `tax-and-payouts-description`        | Displayed at the top of the page on all set up steps and on the dashboard.                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                                             |
-| `taxDocumentSectionHeader`        | `tax-document-section-header`        |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Tax documents"`                                                                                                                                                                                                                                   |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Displayed under the tax document section header.                                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"{documentType} tax form"`                                                                                                                                                                                                                         |
-| `taxedAmountColumnTitle`          | `taxed-amount-column-title`          | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Taxed Amount"`                                                                                                                                                                                                                                    |
-| `thresholdPayoutText`             | `threshold-payout-text`              | Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
+| Property                          | Attribute                            | Description                                                                                                                    | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Default                                                                                                                                                                                                                                             |
+| --------------------------------- | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `accountText`                     | `account-text`                       | Shown before the participant’s bank account information.                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Account"`                                                                                                                                                                                                                                         |
+| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                                                                                                  |
+| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Additional text displayed next to the tax form's status badge                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Submitted on {dateSubmitted}."`                                                                                                                                                                                                                   |
+| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                                                                                           |
+| `bankingInformationSectionHeader` | `banking-information-section-header` |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Payout information"`                                                                                                                                                                                                                              |
+| `cancelButton`                    | `cancel-button`                      |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Cancel"`                                                                                                                                                                                                                                          |
+| `dateColumnTitle`                 | `date-column-title`                  | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Date"`                                                                                                                                                                                                                                            |
+| `demoData`                        | --                                   |                                                                                                                                | `{ 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; showNewFormDialog: boolean; errors?: { general?: boolean; }; }; }` | `undefined`                                                                                                                                                                                                                                         |
+| `earningsAfterTaxColumnTitle`     | `earnings-after-tax-column-title`    | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Earnings after tax"`                                                                                                                                                                                                                              |
+| `earningsColumnTitle`             | `earnings-column-title`              | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Earnings"`                                                                                                                                                                                                                                        |
+| `editPaymentInformationButton`    | `edit-payment-information-button`    |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Edit Payout Information"`                                                                                                                                                                                                                         |
+| `errorDescriptionText`            | `error-description-text`             | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"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."` |
+| `errorTitleText`                  | `error-title-text`                   | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Your payout is on hold "`                                                                                                                                                                                                                         |
+| `generalErrorDescription`         | `general-error-description`          | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                                       |
+| `generalErrorTitle`               | `general-error-title`                | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"There was a problem submitting your information"`                                                                                                                                                                                                 |
+| `indirectTaxDetails`              | `indirect-tax-details`               | Displayed to participants who have submitted their indirect tax information.                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
+| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | If the participant is registered for indirect tax in Canada, display the province they’re registered in.                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Registered in {province}, {country}"`                                                                                                                                                                                                             |
+| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | If the participant is registered for indirect tax, display the country they’re registered in.                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Registered in {country}"`                                                                                                                                                                                                                         |
+| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Indirect tax"`                                                                                                                                                                                                                                    |
+| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | If the participant is registered for indirect tax in Spain, display the region they’re registered in.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Registered in {country}, {subRegion}"`                                                                                                                                                                                                            |
+| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"To make changes to your indirect tax information, please contact Support."`                                                                                                                                                                       |
+| `invalidForm`                     | `invalid-form`                       | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Make sure your information is correct and submit new form."`                                                                                                                                                                                      |
+| `invoiceColumnTitle`              | `invoice-column-title`               | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Invoice"`                                                                                                                                                                                                                                         |
+| `invoiceDescription`              | `invoice-description`                |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"View and download your invoices to report your earnings and stay tax compliant."`                                                                                                                                                                 |
+| `invoiceEmptyStateHeader`         | `invoice-empty-state-header`         |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"View your invoice details"`                                                                                                                                                                                                                       |
+| `invoiceEmptyStateText`           | `invoice-empty-state-text`           |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Refer a friend to view the status of your invoices and rewards earned"`                                                                                                                                                                           |
+| `invoiceHeader`                   | `invoice-header`                     |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Invoices"`                                                                                                                                                                                                                                        |
+| `invoiceMoreLabel`                | `invoice-more-label`                 |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Next"`                                                                                                                                                                                                                                            |
+| `invoicePrevLabel`                | `invoice-prev-label`                 |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Prev"`                                                                                                                                                                                                                                            |
+| `loadingErrorAlertDescription`    | `loading-error-alert-description`    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                                              |
+| `loadingErrorAlertHeader`         | `loading-error-alert-header`         | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"There was a problem loading your form"`                                                                                                                                                                                                           |
+| `newFormButton`                   | `new-form-button`                    |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Submit new form"`                                                                                                                                                                                                                                 |
+| `noFormNeededSubtext`             | `no-form-needed-subtext`             | No other statuses or badges will be displayed in the tax form section in this case.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
+| `notRegisteredForTax`             | `not-registered-for-tax`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
+| `payoutFromImpact`                | `payout-from-impact`                 | Displayed under the payout details card.                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
+| `qstNumber`                       | `qst-number`                         | Displayed to participants registered in Quebec, Canada.                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
+| `replaceTaxFormModalBodyText`     | `replace-tax-form-modal-body-text`   |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"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."`                                                                                         |
+| `replaceTaxFormModalHeader`       | `replace-tax-form-modal-header`      |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Replace existing tax form"`                                                                                                                                                                                                                       |
+| `statusBadgeText`                 | `status-badge-text`                  |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
+| `statusTextActive`                | `status-text-active`                 |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Active"`                                                                                                                                                                                                                                          |
+| `statusTextNotActive`             | `status-text-not-active`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Invalid Tax Form"`                                                                                                                                                                                                                                |
+| `statusTextNotVerified`           | `status-text-not-verified`           | Displayed when the participant submitted their form but it is awaiting review.                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Not Verified"`                                                                                                                                                                                                                                    |
+| `subRegionTaxNumber`              | `sub-region-tax-number`              |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                                                                                                         |
+| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{documentType} tax form is invalid"`                                                                                                                                                                                                              |
+| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                                                                                       |
+| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                                                                                                            |
+| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Please resubmit a new {documentType} form."`                                                                                                                                                                                                      |
+| `taxAndPayoutsDescription`        | `tax-and-payouts-description`        | Displayed at the top of the page on all set up steps and on the dashboard.                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                                             |
+| `taxDocumentSectionHeader`        | `tax-document-section-header`        |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Tax documents"`                                                                                                                                                                                                                                   |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Displayed under the tax document section header.                                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{documentType} tax form"`                                                                                                                                                                                                                         |
+| `taxedAmountColumnTitle`          | `taxed-amount-column-title`          | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Taxed Amount"`                                                                                                                                                                                                                                    |
+| `thresholdPayoutText`             | `threshold-payout-text`              | Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 9c0903f2c3..0b0cf400c2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -29,11 +29,19 @@
 | `dashboard_indirectTaxTooltipSupport`           | `dashboard_indirect-tax-tooltip-support`             |                                                                                                                                | `string`                                                                                                             | `"To make changes to your indirect tax information, please contact Support."`                                                                                                                                                                       |
 | `dashboard_invalidForm`                         | `dashboard_invalid-form`                             | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                             | `"Make sure your information is correct and submit new form."`                                                                                                                                                                                      |
 | `dashboard_invoiceColumnTitle`                  | `dashboard_invoice-column-title`                     | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Invoice"`                                                                                                                                                                                                                                         |
-| `dashboard_newFormButton`                       | `dashboard_new-form-button`                          |                                                                                                                                | `string`                                                                                                             | `"Submit New Form"`                                                                                                                                                                                                                                 |
+| `dashboard_invoiceDescription`                  | `dashboard_invoice-description`                      |                                                                                                                                | `string`                                                                                                             | `"View and download your invoices to report your earnings and stay tax compliant."`                                                                                                                                                                 |
+| `dashboard_invoiceEmptyStateHeader`             | `dashboard_invoice-empty-state-header`               |                                                                                                                                | `string`                                                                                                             | `"View your invoice details"`                                                                                                                                                                                                                       |
+| `dashboard_invoiceEmptyStateText`               | `dashboard_invoice-empty-state-text`                 |                                                                                                                                | `string`                                                                                                             | `"Refer a friend to view the status of your invoices and rewards earned"`                                                                                                                                                                           |
+| `dashboard_invoiceHeader`                       | `dashboard_invoice-header`                           |                                                                                                                                | `string`                                                                                                             | `"Invoices"`                                                                                                                                                                                                                                        |
+| `dashboard_invoiceMoreLabel`                    | `dashboard_invoice-more-label`                       |                                                                                                                                | `string`                                                                                                             | `"Next"`                                                                                                                                                                                                                                            |
+| `dashboard_invoicePrevLabel`                    | `dashboard_invoice-prev-label`                       |                                                                                                                                | `string`                                                                                                             | `"Prev"`                                                                                                                                                                                                                                            |
+| `dashboard_newFormButton`                       | `dashboard_new-form-button`                          |                                                                                                                                | `string`                                                                                                             | `"Submit new form"`                                                                                                                                                                                                                                 |
 | `dashboard_noFormNeededSubtext`                 | `dashboard_no-form-needed-subtext`                   | No other statuses or badges will be displayed in the tax form section in this case.                                            | `string`                                                                                                             | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
 | `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   |                                                                                                                                | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
-| `dashboard_payoutFromImpact`                    | `dashboard_payout-from-impact`                       | Sub text describing how payouts are provided from impact.com                                                                   | `string`                                                                                                             | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
+| `dashboard_payoutFromImpact`                    | `dashboard_payout-from-impact`                       | Displayed under the payout details card.                                                                                       | `string`                                                                                                             | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
 | `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Displayed to participants registered in Quebec, Canada.                                                                        | `string`                                                                                                             | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
+| `dashboard_replaceTaxFormModalBodyText`         | `dashboard_replace-tax-form-modal-body-text`         |                                                                                                                                | `string`                                                                                                             | `"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."`                                                                                         |
+| `dashboard_replaceTaxFormModalHeader`           | `dashboard_replace-tax-form-modal-header`            |                                                                                                                                | `string`                                                                                                             | `"Replace existing tax form"`                                                                                                                                                                                                                       |
 | `dashboard_statusBadgeText`                     | `dashboard_status-badge-text`                        |                                                                                                                                | `string`                                                                                                             | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
 | `dashboard_statusTextActive`                    | `dashboard_status-text-active`                       |                                                                                                                                | `string`                                                                                                             | `"Active"`                                                                                                                                                                                                                                          |
 | `dashboard_statusTextNotActive`                 | `dashboard_status-text-not-active`                   |                                                                                                                                | `string`                                                                                                             | `"Invalid Tax Form"`                                                                                                                                                                                                                                |

From af5b1d6d7a8eb96941f7498a6be95f93097ad8ca Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 27 Mar 2024 10:15:03 -0700
Subject: [PATCH 673/753] fix demo docusign step buttons

---
 .../tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index f1032f2e62..918416b0d8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -216,6 +216,11 @@ function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
         documentUrl: "https://example.com",
       },
       callbacks: {
+        // @ts-expect-error: Demo only props
+        demo: {
+          onSubmit: () => setStep("/4"),
+          onBack: () => setStep("/3"),
+        },
         setParticipantType: (p) => console.log({ p }),
         setDocusignStatus: (status: DocusignStatus) => console.log(status),
       },
@@ -251,7 +256,7 @@ const DemoDocusignIframe = ({ callbacks }) => {
             type="primary"
             submit
             exportparts="base: primarybutton-base"
-            onClick={callbacks.onBack}
+            onClick={callbacks.demo.onBack}
           >
             Back to Step 2
           </sl-button>
@@ -259,7 +264,7 @@ const DemoDocusignIframe = ({ callbacks }) => {
             type="primary"
             submit
             exportparts="base: primarybutton-base"
-            onClick={callbacks.onSubmit}
+            onClick={callbacks.demo.onSubmit}
           >
             Continue to Step 4
           </sl-button>

From 30bed92a8230cb153cf3c40f0915796ad5f31fc1 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Wed, 27 Mar 2024 10:35:08 -0700
Subject: [PATCH 674/753] Update mint components changelog

---
 packages/mint-components/CHANGELOG.md | 42 +++++++++++++++++++++++++--
 1 file changed, 40 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/CHANGELOG.md b/packages/mint-components/CHANGELOG.md
index e2fb31f9fd..c294f0b15b 100644
--- a/packages/mint-components/CHANGELOG.md
+++ b/packages/mint-components/CHANGELOG.md
@@ -7,6 +7,45 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.8.0] - 2024-07-TBD
+
+### Changed
+
+- \<sqm-big-stat>
+  - Added new query to get a users payout balance
+- \<sqm-divided-layout>
+  - Added optional `contentAreaWidth` prop to override max with of content area
+- \<sqm-edit-profile>
+  - Added a cancel button
+- \<sqm-referral-table>
+  - Added new query to get a users impact tax details
+  - Updated default template to use new ICU string and text props
+- \<sqm-referral-table-rewards-cell>
+  - New reward statuses for tax and cash
+- \<sqm-referral-table-rewards-column>
+  - Updated ICU strings to work with new reward statuses
+- \<sqm-rewards-table-status-cell>
+  - Added new reward statuses for tax and cash
+- \<sqm-rewards-table>
+  - Added new query to get a users impact tax details
+  - Updated default template to use new ICU string and text props
+- Added options prop to the following reward table columns
+  - \<sqm-rewards-table-date-column>
+  - \<sqm-rewards-table-note-column>
+  - \<sqm-rewards-table-reward-column>
+  - \<sqm-rewards-table-source-column>
+  - \<sqm-rewards-table-status-column>
+
+### Added
+
+- Added the following components for new tax and cash functionality
+  - \<sqm-banking-info-form>
+  - \<sqm-docusign-form>
+  - \<sqm-indirect-tax-form>
+  - \<sqm-payout-details-card>
+  - \<sqm-tax-and-cash-dashboard>
+  - \<sqm-tax-and-cash>
+
 ## [1.7.6] - 2024-03-05
 
 ### Changed
@@ -21,7 +60,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
-- Added new text prop(s) to the following components which previous contained hardcoded text:
+- Added new text prop(s) to the following components which previously contained hardcoded text:
   - \<sqm-edit-profile>
   - \<sqm-password-field>
   - \<sqm-popup-container>
@@ -36,7 +75,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - \<sqm-portal-verify-email>
   - \<sqm-share-button>
 
-
 ## [1.7.4] - 2024-02-09
 
 ### Fixed

From b6a53b02ef33f0e1fc36d83172e65d72055786eb Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 27 Mar 2024 12:23:03 -0700
Subject: [PATCH 675/753] Added deleted docusign text prop

---
 packages/mint-components/src/components.d.ts  | 58 ++++++++++++++-----
 .../tax-and-cash/TaxForm.stories.tsx          | 20 +++++++
 .../sqm-docusign-form-view.tsx                |  3 +-
 .../sqm-docusign-form/sqm-docusign-form.tsx   | 11 +++-
 .../sqm-indirect-tax-form-view.tsx            |  4 +-
 .../sqm-indirect-tax-form.tsx                 |  6 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 28 +++++----
 .../sqm-user-info-form/sqm-user-info-form.tsx | 12 ++--
 packages/mint-components/src/index.html       |  6 +-
 9 files changed, 104 insertions(+), 44 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 7c375bd61a..e5e4cb13b0 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -553,12 +553,18 @@ export namespace Components {
           * @uiWidget textArea
          */
         "docusignError": string;
+        /**
+          * This appears inside the Docusign frame.
+          * @uiName Docusign session expired messag
+          * @uiWidget textArea
+         */
+        "docusignExpired": string;
         /**
           * Remind participants their session will time out after 20 minutes of inactivity.
           * @uiName Docusign timed session message
           * @uiWidget textArea
          */
-        "docusignExpired": string;
+        "docusignSessionWarning": string;
         /**
           * @uiName Setup progress
          */
@@ -4008,6 +4014,20 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * This appears inside the Docusign frame.
+          * @uiName Docusign session expired message
+          * @uiGroup Step 3 Properties
+          * @uiWidget textArea
+         */
+        "docusignExpired": string;
+        /**
+          * Remind participants their session will time out after 20 minutes of inactivity.
+          * @uiName Docusign timed session message
+          * @uiGroup Step 3 Properties
+          * @uiWidget textArea
+         */
+        "docusignSessionWarning": string;
         /**
           * Displayed under a field when it has an invalid entry.
           * @uiName Form field error message
@@ -4245,13 +4265,6 @@ export namespace Components {
           * @uiWidget textArea
          */
         "step3_docusignError": string;
-        /**
-          * Remind participants their session will time out after 20 minutes of inactivity.
-          * @uiName Docusign timed session message
-          * @uiGroup Step 3 Properties
-          * @uiWidget textArea
-         */
-        "step3_docusignExpired": string;
         /**
           * An option for the participant type field. Used to determine which W-8 form is required.
           * @uiName Individual participant type label
@@ -6255,12 +6268,18 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "docusignError"?: string;
+        /**
+          * This appears inside the Docusign frame.
+          * @uiName Docusign session expired messag
+          * @uiWidget textArea
+         */
+        "docusignExpired"?: string;
         /**
           * Remind participants their session will time out after 20 minutes of inactivity.
           * @uiName Docusign timed session message
           * @uiWidget textArea
          */
-        "docusignExpired"?: string;
+        "docusignSessionWarning"?: string;
         /**
           * @uiName Setup progress
          */
@@ -9680,6 +9699,20 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
+        /**
+          * This appears inside the Docusign frame.
+          * @uiName Docusign session expired message
+          * @uiGroup Step 3 Properties
+          * @uiWidget textArea
+         */
+        "docusignExpired"?: string;
+        /**
+          * Remind participants their session will time out after 20 minutes of inactivity.
+          * @uiName Docusign timed session message
+          * @uiGroup Step 3 Properties
+          * @uiWidget textArea
+         */
+        "docusignSessionWarning"?: string;
         /**
           * Displayed under a field when it has an invalid entry.
           * @uiName Form field error message
@@ -9917,13 +9950,6 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "step3_docusignError"?: string;
-        /**
-          * Remind participants their session will time out after 20 minutes of inactivity.
-          * @uiName Docusign timed session message
-          * @uiGroup Step 3 Properties
-          * @uiWidget textArea
-         */
-        "step3_docusignExpired"?: string;
         /**
           * An option for the participant type field. Used to determine which W-8 form is required.
           * @uiName Individual participant type label
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 5a42bba48a..3d3c40bc1a 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -1232,6 +1232,26 @@ export const TaxAndCashDashboardIndirectTaxNotRegistered = () => {
   );
 };
 
+export const TaxAndCashDashboardNewTaxForm = () => {
+  return (
+    <sqm-tax-and-cash-dashboard
+      demoData={{
+        ...dashboardProps,
+        states: {
+          canEditPayoutInfo: true,
+          status: "ACTIVE",
+          documentType: "W8BEN",
+          documentTypeString: taxTypeToName("W8BEN"),
+          dateSubmitted: "Jan 18th, 2025",
+          noFormNeeded: false,
+          notRegistered: true,
+          showNewFormDialog: true,
+        },
+      }}
+    ></sqm-tax-and-cash-dashboard>
+  );
+};
+
 export const TaxAndCashDashboardLoading = () => {
   return (
     <sqm-tax-and-cash-dashboard
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
index d9399d36f6..dfe15c62c8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.tsx
@@ -39,6 +39,7 @@ export interface DocusignFormViewProps {
     taxFormDescriptionIndividualParticipant: string;
     taxFormDescriptionBusinessEntity?: string;
     docusignExpired: string;
+    docusignSessionWarning: string;
     businessEntity: string;
     individualParticipant: string;
     participantType: string;
@@ -345,7 +346,7 @@ export const DocusignFormView = (props: DocusignFormViewProps) => {
                 slot="icon"
                 name="info-circle"
               ></sl-icon>
-              {text.docusignExpired}
+              {text.docusignSessionWarning}
             </sl-alert>
             {slots.docusignIframeSlot}
           </div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 918416b0d8..268f29760a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -60,12 +60,19 @@ export class DocusignForm {
   @Prop() taxFormDescriptionBusinessEntity: string =
     "Participants residing outside of the US who represent a business entity need to submit a {documentType} form.";
   /**
-   * Remind participants their session will time out after 20 minutes of inactivity.
-   * @uiName Docusign timed session message
+   * This appears inside the Docusign frame.
+   * @uiName Docusign session expired messag
    * @uiWidget textArea
    */
   @Prop() docusignExpired: string =
     "For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.";
+  /**
+   * Remind participants their session will time out after 20 minutes of inactivity.
+   * @uiName Docusign timed session message
+   * @uiWidget textArea
+   */
+  @Prop() docusignSessionWarning: string =
+    "For your security, we automatically end your session when you have not interacted with the form after 20 minutes.";
   /**
    * @uiName Participant type field label
    */
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index f6a6408018..d66a3f3d00 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -233,9 +233,7 @@ export const IndirectTaxFormView = (props: IndirectTaxFormViewProps) => {
           <p class={classes.PageDescriptionText}>
             {text.taxAndPayoutsDescription}
           </p>
-          <p class={classes.DescriptionText}>
-            {text.indirectTaxDetailsDescription}
-          </p>
+          <p class={classes.DescriptionText}>{text.indirectTaxDescription}</p>
         </div>
         {states.loadingError && (
           <div>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index d321a6e2fa..fa27cc9ac0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -43,7 +43,7 @@ export class IndirectTaxForm {
    * @uiWidget textArea
    */
   @Prop() indirectTaxDescription: string =
-    "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.";
+    "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.";
 
   /**
    * Displayed with indirect tax registration options.
@@ -70,7 +70,7 @@ export class IndirectTaxForm {
    * @uiName Registered for indirect tax option description
    */
   @Prop() otherRegionSubtext: string =
-    "If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more.";
+    "If you’ve registered with your tax authority, add your information to stay tax compliant.";
 
   /**
    * @uiName Not registered for indirect tax option
@@ -82,7 +82,7 @@ export class IndirectTaxForm {
    * @uiName Not registered for indirect tax option description
    */
   @Prop() notRegisteredSubtext: string =
-    "If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered.";
+    "If you’ve never set up indirect tax with your tax authority, then you’re likely not considered registered.";
   /**
    * @uiName Region of indirect tax field label
    */
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 330051c65f..505fd69135 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -60,6 +60,11 @@ export class TaxAndCashMonolith {
    */
   @Prop() step1_currencyHelpText: string =
     "Choose your preferred payout currency";
+  /**
+   * @uiName Step 1 title
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_personalInformation: string = "Personal Information";
   /**
    * Label text for tax and banking collection checkbox
    * @uiName Terms and conditions checkbox
@@ -67,11 +72,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() step1_allowBankingCollection: string =
     "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";
-  /**
-   * @uiName Step 1 title
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_personalInformation: string = "Personal Information";
   /**
    * @uiName Terms and conditions text
    * @uiGroup Step 1 Properties
@@ -101,7 +101,7 @@ export class TaxAndCashMonolith {
    * @uiWidget textArea
    */
   @Prop() step2_indirectTaxDescription: string =
-    "Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities.";
+    "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.";
   /**
    * Displayed with indirect tax registration options.
    * @uiName Indirect tax details section title
@@ -129,7 +129,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_otherRegionSubtext: string =
-    "If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more.";
+    "If you’ve registered with your tax authority, add your information to stay tax compliant.";
   /**
    * @uiName Not registered for indirect tax option
    * @uiGroup Step 2 Properties
@@ -142,7 +142,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_notRegisteredSubtext: string =
-    "If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered.";
+    "If you’ve never set up indirect tax with your tax authority, then you’re likely not considered registered.";
   /**
    * @uiName Region of indirect tax field label
    * @uiGroup Step 2 Properties
@@ -262,14 +262,22 @@ export class TaxAndCashMonolith {
    */
   @Prop() step3_taxFormDescriptionBusinessEntity: string =
     "Participants residing outside of the US who represent a business entity need to submit a {documentType} form.";
+  /**
+   * This appears inside the Docusign frame.
+   * @uiName Docusign session expired message
+   * @uiGroup Step 3 Properties
+   * @uiWidget textArea
+   */
+  @Prop() docusignExpired: string =
+    "For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.";
   /**
    * Remind participants their session will time out after 20 minutes of inactivity.
    * @uiName Docusign timed session message
    * @uiGroup Step 3 Properties
    * @uiWidget textArea
    */
-  @Prop() step3_docusignExpired: string =
-    "For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.";
+  @Prop() docusignSessionWarning: string =
+    "For your security, we automatically end your session when you have not interacted with the form after 20 minutes.";
   /**
    * This appears inside the Docusign frame.
    * @uiName Docusign form error message
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index b0d984ab2a..34dca8ca0a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -45,12 +45,6 @@ export class TaxForm {
    * @uiName Currency field help text
    */
   @Prop() currencyHelpText: string = "Choose your preferred payout currency";
-  /**
-   * Label text for tax and banking collection checkbox
-   * @uiName Terms and conditions checkbox
-   */
-  @Prop() allowBankingCollection: string =
-    "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";
   /**
    * @uiName Setup progress
    */
@@ -92,6 +86,12 @@ export class TaxForm {
    */
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
+  /**
+   * Label text for tax and banking collection checkbox
+   * @uiName Terms and conditions checkbox
+   */
+  @Prop() allowBankingCollection: string =
+    "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";
   /**
    * @uiName Terms and conditions text
    * @uiWidget textArea
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From 3f367e8b3d87bef0bf6f391b02c8349a5800a895 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 27 Mar 2024 14:05:09 -0700
Subject: [PATCH 676/753] prerelease 1.8.0-125

---
 packages/mint-components/package-lock.json | 4 ++--
 packages/mint-components/package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 1a9b68aab3..2a35050c7b 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-124",
+  "version": "1.8.0-125",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-124",
+      "version": "1.8.0-125",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 29adb0f962..bbb7c289a9 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-124",
+  "version": "1.8.0-125",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

From 31c1dc0032415ee633a4a907d3826e3d7aab3f97 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 27 Mar 2024 14:55:12 -0700
Subject: [PATCH 677/753] small changelog update

---
 packages/mint-components/CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/mint-components/CHANGELOG.md b/packages/mint-components/CHANGELOG.md
index c294f0b15b..deff2f5644 100644
--- a/packages/mint-components/CHANGELOG.md
+++ b/packages/mint-components/CHANGELOG.md
@@ -39,6 +39,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - Added the following components for new tax and cash functionality
+  - \<sqm-user-info-form>
   - \<sqm-banking-info-form>
   - \<sqm-docusign-form>
   - \<sqm-indirect-tax-form>

From 48e7e0278e1984abaecb052338ef9aba55738cc9 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 27 Mar 2024 14:58:35 -0700
Subject: [PATCH 678/753] added missing prefixes to prop names

---
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 505fd69135..6da9cd55fb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -268,7 +268,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 3 Properties
    * @uiWidget textArea
    */
-  @Prop() docusignExpired: string =
+  @Prop() step3_docusignExpired: string =
     "For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.";
   /**
    * Remind participants their session will time out after 20 minutes of inactivity.
@@ -276,7 +276,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 3 Properties
    * @uiWidget textArea
    */
-  @Prop() docusignSessionWarning: string =
+  @Prop() step3_docusignSessionWarning: string =
     "For your security, we automatically end your session when you have not interacted with the form after 20 minutes.";
   /**
    * This appears inside the Docusign frame.

From 53b5d6e8bfc61db0de11f6d862d1fbbcd82f0d8e Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 27 Mar 2024 15:01:08 -0700
Subject: [PATCH 679/753] update template with changes

---
 packages/mint-components/src/templates/TaxAndCash.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/src/templates/TaxAndCash.html b/packages/mint-components/src/templates/TaxAndCash.html
index 2dcb94e77c..9ed08ceaf2 100644
--- a/packages/mint-components/src/templates/TaxAndCash.html
+++ b/packages/mint-components/src/templates/TaxAndCash.html
@@ -192,13 +192,13 @@ <h1>Activity</h1>
                   step-1_terms-and-conditions-label="terms and conditions"
                   step-1_search-for-currency-text="Search for currency.."
                   step-2_indirect-tax="Indirect Tax"
-                  step-2_indirect-tax-description="Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."
+                  step-2_indirect-tax-description="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."
                   step-2_indirect-tax-details="Indirect tax details"
                   step-2_indirect-tax-details-description="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."
                   step-2_other-region="Registered for indirect tax"
-                  step-2_other-region-subtext="If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more."
+                  step-2_other-region-subtext="If you’ve registered with your tax authority, add your information to stay tax compliant."
                   step-2_not-registered="Not registered for indirect tax"
-                  step-2_not-registered-subtext="If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."
+                  step-2_not-registered-subtext="If you’ve never set up indirect tax with your tax authority, then you’re likely not considered registered."
                   step-2_selected-region="Country / region of indirect tax"
                   step-2_indirect-tax-number="{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"
                   step-2_province="Province"
@@ -218,6 +218,7 @@ <h1>Activity</h1>
                   step-3_tax-form-description-individual-participant="Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form."
                   step-3_tax-form-description-business-entity="Participants residing outside of the US who represent a business entity need to submit a {documentType} form."
                   step-3_docusign-expired="For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."
+                  step-3_docusign-session-warning="For your security, we automatically end your session when you have not interacted with the form after 20 minutes."
                   step-3_docusign-error="There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."
                   step-3_refresh-button="Refresh Page"
                   step-4_tax-and-payouts="Payouts"

From 68eb26c5c75f98d66b47f45e57481dbf582e63f9 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 27 Mar 2024 15:01:37 -0700
Subject: [PATCH 680/753] cleanup

---
 .../components/sqm-docusign-embed/readme.md   | 24 --------
 .../sqm-docusign-embed/sqm-docusign-embed.tsx | 60 -------------------
 .../sqm-indirect-tax-form-view.tsx            |  1 -
 .../src/components/tax-and-cash/utils.ts      | 27 +++++----
 4 files changed, 14 insertions(+), 98 deletions(-)
 delete mode 100644 packages/mint-components/src/components/sqm-docusign-embed/readme.md
 delete mode 100644 packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx

diff --git a/packages/mint-components/src/components/sqm-docusign-embed/readme.md b/packages/mint-components/src/components/sqm-docusign-embed/readme.md
deleted file mode 100644
index a4ac1bd651..0000000000
--- a/packages/mint-components/src/components/sqm-docusign-embed/readme.md
+++ /dev/null
@@ -1,24 +0,0 @@
-# sqm-docusign-embed
-
-
-
-<!-- Auto Generated Below -->
-
-
-## Properties
-
-| Property | Attribute | Description | Type     | Default     |
-| -------- | --------- | ----------- | -------- | ----------- |
-| `url`    | `url`     |             | `string` | `undefined` |
-
-
-## Events
-
-| Event           | Description | Type                               |
-| --------------- | ----------- | ---------------------------------- |
-| `docusignEvent` |             | `CustomEvent<{ status: string; }>` |
-
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx b/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
deleted file mode 100644
index 7e55f8a79a..0000000000
--- a/packages/mint-components/src/components/sqm-docusign-embed/sqm-docusign-embed.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { useRef } from "@saasquatch/universal-hooks";
-import {
-  Component,
-  Element,
-  Event,
-  EventEmitter,
-  Prop,
-  h,
-} from "@stencil/core";
-
-declare global {
-  interface Window {
-    DocuSign: any;
-  }
-}
-
-/**
- * @uiName DocuSign Embedded IFrame
- */
-@Component({
-  tag: "sqm-docusign-embed",
-  shadow: true,
-})
-export class DocusignEmbedComponent {
-  @Element() el!: HTMLElement;
-  @Prop() url: string;
-
-  @Event({ bubbles: true }) docusignEvent: EventEmitter<{ status: string }>;
-
-  messageCallback = (e) => {
-    // ! TODO: Change this to the final url
-    if (e.origin !== "https://staging.referralsaasquatch.com") return;
-
-    this.docusignEvent.emit(e.data);
-  };
-
-  componentDidRender() {
-    const iframe = this.el?.shadowRoot.querySelector(
-      "iframe.docusign-iframe"
-    ) as HTMLIFrameElement | null;
-    if (!iframe) console.error("Could not find docusign iframe");
-
-    window.addEventListener("message", this.messageCallback, false);
-  }
-
-  disconnectedCallback() {
-    window.removeEventListener("message", this.messageCallback);
-  }
-
-  render() {
-    return (
-      <iframe
-        src={this.url}
-        width="100%"
-        height="900px"
-        class="docusign-iframe"
-      ></iframe>
-    );
-  }
-}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index d66a3f3d00..295b0e84b8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -10,7 +10,6 @@ export interface IndirectTaxFormViewProps {
     disabled: boolean;
     isPartner: boolean;
     hideSteps: boolean;
-    // AL TODO: loadingError
     loadingError: boolean;
     formState: {
       checked?: "hstCanada" | "otherRegion" | "notRegistered";
diff --git a/packages/mint-components/src/components/tax-and-cash/utils.ts b/packages/mint-components/src/components/tax-and-cash/utils.ts
index 3e6612c2e1..1afcb528be 100644
--- a/packages/mint-components/src/components/tax-and-cash/utils.ts
+++ b/packages/mint-components/src/components/tax-and-cash/utils.ts
@@ -18,16 +18,17 @@ export const taxTypeToName = (taxType: TaxDocumentType) => {
   }
 };
 
-export const getIsRequiredErrorMessage = (fieldName: string, errorMessage: string) => {
-    return intl.formatMessage(
-      {
-        id: fieldName,
-        defaultMessage: errorMessage,
-      },
-      {
-        fieldName,
-      }
-    );
-  };
-
-  //TODO: AL Add utils function for handling mapping of badge statuses to actual badge text in tax-and-cash-dashboard
\ No newline at end of file
+export const getIsRequiredErrorMessage = (
+  fieldName: string,
+  errorMessage: string
+) => {
+  return intl.formatMessage(
+    {
+      id: fieldName,
+      defaultMessage: errorMessage,
+    },
+    {
+      fieldName,
+    }
+  );
+};

From 07bdaa802f71df62f7ea120ab087a587d2bb3902 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 27 Mar 2024 15:28:02 -0700
Subject: [PATCH 681/753] publish

---
 packages/mint-components/package.json         |  2 +-
 packages/mint-components/src/components.d.ts  | 72 ++++++++-----------
 .../tax-and-cash/sqm-docusign-form/readme.md  |  3 +-
 .../sqm-indirect-tax-form/readme.md           | 66 ++++++++---------
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  9 +--
 5 files changed, 69 insertions(+), 83 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index bbb7c289a9..5f974c045f 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-125",
+  "version": "1.8.0-126",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index e5e4cb13b0..ca84679c16 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -533,9 +533,6 @@ export namespace Components {
          */
         "dividerStyle": string;
     }
-    interface SqmDocusignEmbed {
-        "url": string;
-    }
     interface SqmDocusignForm {
         /**
           * An option for the participant type field. Used to determine which W-8 form is required.
@@ -4014,20 +4011,6 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
-        /**
-          * This appears inside the Docusign frame.
-          * @uiName Docusign session expired message
-          * @uiGroup Step 3 Properties
-          * @uiWidget textArea
-         */
-        "docusignExpired": string;
-        /**
-          * Remind participants their session will time out after 20 minutes of inactivity.
-          * @uiName Docusign timed session message
-          * @uiGroup Step 3 Properties
-          * @uiWidget textArea
-         */
-        "docusignSessionWarning": string;
         /**
           * Displayed under a field when it has an invalid entry.
           * @uiName Form field error message
@@ -4265,6 +4248,20 @@ export namespace Components {
           * @uiWidget textArea
          */
         "step3_docusignError": string;
+        /**
+          * This appears inside the Docusign frame.
+          * @uiName Docusign session expired message
+          * @uiGroup Step 3 Properties
+          * @uiWidget textArea
+         */
+        "step3_docusignExpired": string;
+        /**
+          * Remind participants their session will time out after 20 minutes of inactivity.
+          * @uiName Docusign timed session message
+          * @uiGroup Step 3 Properties
+          * @uiWidget textArea
+         */
+        "step3_docusignSessionWarning": string;
         /**
           * An option for the participant type field. Used to determine which W-8 form is required.
           * @uiName Individual participant type label
@@ -5062,12 +5059,6 @@ declare global {
         prototype: HTMLSqmDividedLayoutElement;
         new (): HTMLSqmDividedLayoutElement;
     };
-    interface HTMLSqmDocusignEmbedElement extends Components.SqmDocusignEmbed, HTMLStencilElement {
-    }
-    var HTMLSqmDocusignEmbedElement: {
-        prototype: HTMLSqmDocusignEmbedElement;
-        new (): HTMLSqmDocusignEmbedElement;
-    };
     interface HTMLSqmDocusignFormElement extends Components.SqmDocusignForm, HTMLStencilElement {
     }
     var HTMLSqmDocusignFormElement: {
@@ -5662,7 +5653,6 @@ declare global {
         "sqm-context-router": HTMLSqmContextRouterElement;
         "sqm-coupon-code": HTMLSqmCouponCodeElement;
         "sqm-divided-layout": HTMLSqmDividedLayoutElement;
-        "sqm-docusign-embed": HTMLSqmDocusignEmbedElement;
         "sqm-docusign-form": HTMLSqmDocusignFormElement;
         "sqm-dropdown-field": HTMLSqmDropdownFieldElement;
         "sqm-edit-profile": HTMLSqmEditProfileElement;
@@ -6247,10 +6237,6 @@ declare namespace LocalJSX {
          */
         "dividerStyle"?: string;
     }
-    interface SqmDocusignEmbed {
-        "onDocusignEvent"?: (event: CustomEvent<{ status: string }>) => void;
-        "url"?: string;
-    }
     interface SqmDocusignForm {
         /**
           * An option for the participant type field. Used to determine which W-8 form is required.
@@ -9699,20 +9685,6 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<UseTaxAndCashResultType>;
-        /**
-          * This appears inside the Docusign frame.
-          * @uiName Docusign session expired message
-          * @uiGroup Step 3 Properties
-          * @uiWidget textArea
-         */
-        "docusignExpired"?: string;
-        /**
-          * Remind participants their session will time out after 20 minutes of inactivity.
-          * @uiName Docusign timed session message
-          * @uiGroup Step 3 Properties
-          * @uiWidget textArea
-         */
-        "docusignSessionWarning"?: string;
         /**
           * Displayed under a field when it has an invalid entry.
           * @uiName Form field error message
@@ -9950,6 +9922,20 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "step3_docusignError"?: string;
+        /**
+          * This appears inside the Docusign frame.
+          * @uiName Docusign session expired message
+          * @uiGroup Step 3 Properties
+          * @uiWidget textArea
+         */
+        "step3_docusignExpired"?: string;
+        /**
+          * Remind participants their session will time out after 20 minutes of inactivity.
+          * @uiName Docusign timed session message
+          * @uiGroup Step 3 Properties
+          * @uiWidget textArea
+         */
+        "step3_docusignSessionWarning"?: string;
         /**
           * An option for the participant type field. Used to determine which W-8 form is required.
           * @uiName Individual participant type label
@@ -10690,7 +10676,6 @@ declare namespace LocalJSX {
         "sqm-context-router": SqmContextRouter;
         "sqm-coupon-code": SqmCouponCode;
         "sqm-divided-layout": SqmDividedLayout;
-        "sqm-docusign-embed": SqmDocusignEmbed;
         "sqm-docusign-form": SqmDocusignForm;
         "sqm-dropdown-field": SqmDropdownField;
         "sqm-edit-profile": SqmEditProfile;
@@ -10805,7 +10790,6 @@ declare module "@stencil/core" {
             "sqm-context-router": LocalJSX.SqmContextRouter & JSXBase.HTMLAttributes<HTMLSqmContextRouterElement>;
             "sqm-coupon-code": LocalJSX.SqmCouponCode & JSXBase.HTMLAttributes<HTMLSqmCouponCodeElement>;
             "sqm-divided-layout": LocalJSX.SqmDividedLayout & JSXBase.HTMLAttributes<HTMLSqmDividedLayoutElement>;
-            "sqm-docusign-embed": LocalJSX.SqmDocusignEmbed & JSXBase.HTMLAttributes<HTMLSqmDocusignEmbedElement>;
             "sqm-docusign-form": LocalJSX.SqmDocusignForm & JSXBase.HTMLAttributes<HTMLSqmDocusignFormElement>;
             "sqm-dropdown-field": LocalJSX.SqmDropdownField & JSXBase.HTMLAttributes<HTMLSqmDropdownFieldElement>;
             "sqm-edit-profile": LocalJSX.SqmEditProfile & JSXBase.HTMLAttributes<HTMLSqmEditProfileElement>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index 25c95f27c8..e8a09c9445 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -12,7 +12,8 @@
 | `businessEntity`                          | `business-entity`                             | An option for the participant type field. Used to determine which W-8 form is required.              | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"I represent a business"`                                                                                                                                         |
 | `demoData`                                | --                                            |                                                                                                      | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }` | `undefined`                                                                                                                                                        |
 | `docusignError`                           | `docusign-error`                              | This appears inside the Docusign frame.                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                 |
-| `docusignExpired`                         | `docusign-expired`                            | Remind participants their session will time out after 20 minutes of inactivity.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
+| `docusignExpired`                         | `docusign-expired`                            | This appears inside the Docusign frame.                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."` |
+| `docusignSessionWarning`                  | `docusign-session-warning`                    | Remind participants their session will time out after 20 minutes of inactivity.                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                              |
 | `formStep`                                | `form-step`                                   |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Step {step} of {count}"`                                                                                                                                         |
 | `generalErrorDescription`                 | `general-error-description`                   | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Please review your information and try again. If this problem continues, contact Support."`                                                                      |
 | `generalErrorTitle`                       | `general-error-title`                         | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"There was a problem submitting your information"`                                                                                                                |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 0c91910f6c..b5f669efba 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -5,39 +5,39 @@
 
 ## Properties
 
-| Property                         | Attribute                             | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                                                                             |
-| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `backButton`                     | `back-button`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Back"`                                                                                                                                                                                                            |
-| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Communicate that after this step, only Support can change personal and indirect tax information.                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                    |
-| `continueButton`                 | `continue-button`                     |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Continue"`                                                                                                                                                                                                        |
-| `demoData`                       | --                                    |                                                                                                                      | `{ 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; }; }; }` | `undefined`                                                                                                                                                                                                         |
-| `fieldRequiredError`             | `field-required-error`                | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{fieldName} is required"`                                                                                                                                                                                         |
-| `formStep`                       | `form-step`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                                                                          |
-| `generalErrorDescription`        | `general-error-description`           | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                       |
-| `generalErrorTitle`              | `general-error-title`                 | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                                                                 |
-| `indirectTax`                    | `indirect-tax`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect Tax"`                                                                                                                                                                                                    |
-| `indirectTaxDescription`         | `indirect-tax-description`            | Displayed under the title of this step.                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."` |
-| `indirectTaxDetails`             | `indirect-tax-details`                | Displayed with indirect tax registration options.                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect tax details"`                                                                                                                                                                                            |
-| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Displayed under the indirect tax details title.                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                             |
-| `indirectTaxNumber`              | `indirect-tax-number`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"`                                                                             |
-| `indirectTaxNumberError`         | `indirect-tax-number-error`           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"`                                                                 |
-| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                         |
-| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                        |
-| `isRegisteredQST`                | `is-registered-q-s-t`                 | Displayed to participants registered for indirect tax in Quebec, Canada.                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am registered for QST Tax"`                                                                                                                                                                                     |
-| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Displayed to participants registered for indirect tax in Spain.                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                      |
-| `loadingErrorAlertDescription`   | `loading-error-alert-description`     | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                              |
-| `loadingErrorAlertHeader`        | `loading-error-alert-header`          | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                                                                           |
-| `notRegistered`                  | `not-registered`                      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Not registered for indirect tax"`                                                                                                                                                                                 |
-| `notRegisteredSubtext`           | `not-registered-subtext`              | Participants based in the US are  considered not registered.                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                 |
-| `otherRegion`                    | `other-region`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Registered for indirect tax"`                                                                                                                                                                                     |
-| `otherRegionSubtext`             | `other-region-subtext`                | Selecting this option will display fields to enter indirect tax details.                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more."`                                                                       |
-| `province`                       | `province`                            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Province"`                                                                                                                                                                                                        |
-| `qstNumber`                      | `qst-number`                          | Displayed to participants registered for QST.                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"QST number"`                                                                                                                                                                                                      |
-| `searchForCountryText`           | `search-for-country-text`             | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for country.."`                                                                                                                                                                                            |
-| `selectedRegion`                 | `selected-region`                     |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Country / region of indirect tax"`                                                                                                                                                                                |
-| `subRegion`                      | `sub-region`                          | Displayed to participants registered in Spain.                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Sub-region"`                                                                                                                                                                                                      |
-| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Income tax number"`                                                                                                                                                                                               |
-| `taxAndPayoutsDescription`       | `tax-and-payouts-description`         | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                             |
+| Property                         | Attribute                             | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | Default                                                                                                                                                                                                                               |
+| -------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `backButton`                     | `back-button`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Back"`                                                                                                                                                                                                                              |
+| `cannotChangeInfoAlert`          | `cannot-change-info-alert`            | Communicate that after this step, only Support can change personal and indirect tax information.                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                                      |
+| `continueButton`                 | `continue-button`                     |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Continue"`                                                                                                                                                                                                                          |
+| `demoData`                       | --                                    |                                                                                                                      | `{ 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; }; }; }` | `undefined`                                                                                                                                                                                                                           |
+| `fieldRequiredError`             | `field-required-error`                | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{fieldName} is required"`                                                                                                                                                                                                           |
+| `formStep`                       | `form-step`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Step {step} of {count}"`                                                                                                                                                                                                            |
+| `generalErrorDescription`        | `general-error-description`           | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                         |
+| `generalErrorTitle`              | `general-error-title`                 | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem submitting your information"`                                                                                                                                                                                   |
+| `indirectTax`                    | `indirect-tax`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect Tax"`                                                                                                                                                                                                                      |
+| `indirectTaxDescription`         | `indirect-tax-description`            | Displayed under the title of this step.                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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`             | `indirect-tax-details`                | Displayed with indirect tax registration options.                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect tax details"`                                                                                                                                                                                                              |
+| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Displayed under the indirect tax details title.                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                                               |
+| `indirectTaxNumber`              | `indirect-tax-number`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"`                                                                                               |
+| `indirectTaxNumberError`         | `indirect-tax-number-error`           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"`                                                                                   |
+| `isPartnerAlertDescription`      | `is-partner-alert-description`        | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                                           |
+| `isPartnerAlertHeader`           | `is-partner-alert-header`             | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                          |
+| `isRegisteredQST`                | `is-registered-q-s-t`                 | Displayed to participants registered for indirect tax in Quebec, Canada.                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am registered for QST Tax"`                                                                                                                                                                                                       |
+| `isRegisteredSubRegionIncomeTax` | `is-registered-sub-region-income-tax` | Displayed to participants registered for indirect tax in Spain.                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                                        |
+| `loadingErrorAlertDescription`   | `loading-error-alert-description`     | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                                |
+| `loadingErrorAlertHeader`        | `loading-error-alert-header`          | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"There was a problem loading your form"`                                                                                                                                                                                             |
+| `notRegistered`                  | `not-registered`                      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Not registered for indirect tax"`                                                                                                                                                                                                   |
+| `notRegisteredSubtext`           | `not-registered-subtext`              | Participants based in the US are  considered not registered.                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you’ve never set up indirect tax with your tax authority, then you’re likely not considered registered."`                                                                                                                        |
+| `otherRegion`                    | `other-region`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Registered for indirect tax"`                                                                                                                                                                                                       |
+| `otherRegionSubtext`             | `other-region-subtext`                | Selecting this option will display fields to enter indirect tax details.                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"If you’ve registered with your tax authority, add your information to stay tax compliant."`                                                                                                                                         |
+| `province`                       | `province`                            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Province"`                                                                                                                                                                                                                          |
+| `qstNumber`                      | `qst-number`                          | Displayed to participants registered for QST.                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"QST number"`                                                                                                                                                                                                                        |
+| `searchForCountryText`           | `search-for-country-text`             | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Search for country.."`                                                                                                                                                                                                              |
+| `selectedRegion`                 | `selected-region`                     |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Country / region of indirect tax"`                                                                                                                                                                                                  |
+| `subRegion`                      | `sub-region`                          | Displayed to participants registered in Spain.                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Sub-region"`                                                                                                                                                                                                                        |
+| `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Income tax number"`                                                                                                                                                                                                                 |
+| `taxAndPayoutsDescription`       | `tax-and-payouts-description`         | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                               |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 0b0cf400c2..79b0ade4fd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -78,7 +78,7 @@
 | `step1_termsAndConditionsLabel`                 | `step-1_terms-and-conditions-label`                  |                                                                                                                                | `string`                                                                                                             | `"terms and conditions"`                                                                                                                                                                                                                            |
 | `step2_cannotChangeInfoAlert`                   | `step-2_cannot-change-info-alert`                    | Communicate that after this step, only Support can change personal and indirect tax information.                               | `string`                                                                                                             | `"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."`                                                                    |
 | `step2_indirectTax`                             | `step-2_indirect-tax`                                |                                                                                                                                | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                                                                                                    |
-| `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Displayed under the title of this step.                                                                                        | `string`                                                                                                             | `"Indirect Taxes (e.g. VAT, HST, GST) are transactional based taxes that are required to be levied by service providers by most tax authorities."`                                                                                                  |
+| `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Displayed under the title of this step.                                                                                        | `string`                                                                                                             | `"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."`               |
 | `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Displayed with indirect tax registration options.                                                                              | `string`                                                                                                             | `"Indirect tax details"`                                                                                                                                                                                                                            |
 | `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Displayed under the indirect tax details title.                                                                                | `string`                                                                                                             | `"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."`                                                                             |
 | `step2_indirectTaxNumber`                       | `step-2_indirect-tax-number`                         |                                                                                                                                | `string`                                                                                                             | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"`                                                                                                             |
@@ -86,9 +86,9 @@
 | `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Displayed to participants registered for indirect tax in Quebec, Canada.                                                       | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                                                                                                     |
 | `step2_isRegisteredSubRegionIncomeTax`          | `step-2_is-registered-sub-region-income-tax`         | Displayed to participants registered for indirect tax in Spain.                                                                | `string`                                                                                                             | `"I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me."`                                                                                                                      |
 | `step2_notRegistered`                           | `step-2_not-registered`                              |                                                                                                                                | `string`                                                                                                             | `"Not registered for indirect tax"`                                                                                                                                                                                                                 |
-| `step2_notRegisteredSubtext`                    | `step-2_not-registered-subtext`                      | Participants based in the US are  considered not registered.                                                                   | `string`                                                                                                             | `"If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered."`                                                                                                                                 |
+| `step2_notRegisteredSubtext`                    | `step-2_not-registered-subtext`                      | Participants based in the US are  considered not registered.                                                                   | `string`                                                                                                             | `"If you’ve never set up indirect tax with your tax authority, then you’re likely not considered registered."`                                                                                                                                      |
 | `step2_otherRegion`                             | `step-2_other-region`                                |                                                                                                                                | `string`                                                                                                             | `"Registered for indirect tax"`                                                                                                                                                                                                                     |
-| `step2_otherRegionSubtext`                      | `step-2_other-region-subtext`                        | Selecting this option will display fields to enter indirect tax details.                                                       | `string`                                                                                                             | `"If you represent a business based outside of the US you may be registered. If you’re not sure, contact our Support team to find out more."`                                                                                                       |
+| `step2_otherRegionSubtext`                      | `step-2_other-region-subtext`                        | Selecting this option will display fields to enter indirect tax details.                                                       | `string`                                                                                                             | `"If you’ve registered with your tax authority, add your information to stay tax compliant."`                                                                                                                                                       |
 | `step2_province`                                | `step-2_province`                                    |                                                                                                                                | `string`                                                                                                             | `"Province"`                                                                                                                                                                                                                                        |
 | `step2_qstNumber`                               | `step-2_qst-number`                                  | Displayed to participants registered for QST.                                                                                  | `string`                                                                                                             | `"QST number"`                                                                                                                                                                                                                                      |
 | `step2_selectedRegion`                          | `step-2_selected-region`                             |                                                                                                                                | `string`                                                                                                             | `"Country / region of indirect tax"`                                                                                                                                                                                                                |
@@ -96,7 +96,8 @@
 | `step2_subRegionTaxNumberLabel`                 | `step-2_sub-region-tax-number-label`                 |                                                                                                                                | `string`                                                                                                             | `"Income Tax Number"`                                                                                                                                                                                                                               |
 | `step3_businessEntity`                          | `step-3_business-entity`                             | An option for the participant type field. Used to determine which W-8 form is required.                                        | `string`                                                                                                             | `"I represent a business"`                                                                                                                                                                                                                          |
 | `step3_docusignError`                           | `step-3_docusign-error`                              | This appears inside the Docusign frame.                                                                                        | `string`                                                                                                             | `"There was a problem displaying this form. Please refresh the page. If this problem continues, contact Support."`                                                                                                                                  |
-| `step3_docusignExpired`                         | `step-3_docusign-expired`                            | Remind participants their session will time out after 20 minutes of inactivity.                                                | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`                                                                                  |
+| `step3_docusignExpired`                         | `step-3_docusign-expired`                            | This appears inside the Docusign frame.                                                                                        | `string`                                                                                                             | `"For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue."`                                                                                  |
+| `step3_docusignSessionWarning`                  | `step-3_docusign-session-warning`                    | Remind participants their session will time out after 20 minutes of inactivity.                                                | `string`                                                                                                             | `"For your security, we automatically end your session when you have not interacted with the form after 20 minutes."`                                                                                                                               |
 | `step3_individualParticipant`                   | `step-3_individual-participant`                      | An option for the participant type field. Used to determine which W-8 form is required.                                        | `string`                                                                                                             | `"I am an individual participant"`                                                                                                                                                                                                                  |
 | `step3_participantType`                         | `step-3_participant-type`                            |                                                                                                                                | `string`                                                                                                             | `"Participant type"`                                                                                                                                                                                                                                |
 | `step3_refreshButton`                           | `step-3_refresh-button`                              |                                                                                                                                | `string`                                                                                                             | `"Refresh Page"`                                                                                                                                                                                                                                    |

From 0339386c9a9fc2523e1ccbe1d8655910d8d83f31 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Wed, 27 Mar 2024 15:29:50 -0700
Subject: [PATCH 682/753] Updated text prop uiNames and descriptions

---
 packages/mint-components/src/components.d.ts  | 68 ++++++++++---------
 .../sqm-banking-info-form.tsx                 | 12 ++--
 .../sqm-indirect-tax-form.tsx                 |  2 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 17 ++---
 .../sqm-user-info-form/sqm-user-info-form.tsx |  3 +-
 5 files changed, 54 insertions(+), 48 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index e5e4cb13b0..483901ba80 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -117,8 +117,8 @@ export namespace Components {
          */
         "branchCodeLabel": string;
         /**
-          * Label text for the business select item
-          * @uiName Business select item label
+          * One of three options listed for the classification field
+          * @uiName Business classification option
          */
         "businessSelectItemLabel": string;
         /**
@@ -167,8 +167,8 @@ export namespace Components {
          */
         "fieldRequiredError": string;
         /**
-          * Label text for the foreign select item
-          * @uiName Foreign select item label
+          * One of three options listed for the classification field
+          * @uiName Foreign classification option
          */
         "foreignSelectItemLabel": string;
         /**
@@ -196,8 +196,8 @@ export namespace Components {
          */
         "ibanLabel": string;
         /**
-          * Label text for the individual select item
-          * @uiName Individual select item label
+          * One of three options listed for the classification field
+          * @uiName Individual classification option
          */
         "individualSelectItemLabel": string;
         /**
@@ -1075,7 +1075,7 @@ export namespace Components {
         "selectedRegion": string;
         /**
           * Displayed to participants registered in Spain.
-          * @uiName Sub-region input label
+          * @uiName Sub-region of indirect tax field label
          */
         "subRegion": string;
         /**
@@ -4094,7 +4094,7 @@ export namespace Components {
          */
         "searchForCountryText": string;
         /**
-          * Label text for tax and banking collection checkbox
+          * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
           * @uiName Terms and conditions checkbox
           * @uiGroup Step 1 Properties
          */
@@ -4141,6 +4141,7 @@ export namespace Components {
          */
         "step1_searchForCurrencyText": string;
         /**
+          * The text link that appears in the terms and conditions checkbox
           * @uiName Terms and conditions text
           * @uiGroup Step 1 Properties
           * @uiWidget textArea
@@ -4243,7 +4244,7 @@ export namespace Components {
         "step2_selectedRegion": string;
         /**
           * Displayed to participants registered in Spain.
-          * @uiName Sub-region input label
+          * @uiName Sub-region of indirect tax field label
           * @uiGroup Step 2 Properties
          */
         "step2_subRegion": string;
@@ -4369,8 +4370,8 @@ export namespace Components {
          */
         "step4_branchCodeLabel": string;
         /**
-          * Label text for the business select item
-          * @uiName Business select item label
+          * One of three options listed for the classification field
+          * @uiName Business classification option
           * @uiGroup Step 4 Properties
          */
         "step4_businessSelectItemLabel": string;
@@ -4413,8 +4414,8 @@ export namespace Components {
          */
         "step4_eftWithdrawalLabel": string;
         /**
-          * Label text for the foreign select item
-          * @uiName Foreign select item label
+          * One of three options listed for the classification field
+          * @uiName Foreign classification option
           * @uiGroup Step 4 Properties
          */
         "step4_foreignSelectItemLabel": string;
@@ -4429,8 +4430,8 @@ export namespace Components {
          */
         "step4_ibanLabel": string;
         /**
-          * Label text for the individual select item
-          * @uiName Individual select item label
+          * One of three options listed for the classification field
+          * @uiName Individual classification option
           * @uiGroup Step 4 Properties
          */
         "step4_individualSelectItemLabel": string;
@@ -4871,7 +4872,7 @@ export namespace Components {
     }
     interface SqmUserInfoForm {
         /**
-          * Label text for tax and banking collection checkbox
+          * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
           * @uiName Terms and conditions checkbox
          */
         "allowBankingCollection": string;
@@ -4973,6 +4974,7 @@ export namespace Components {
          */
         "taxAndPayoutsDescription": string;
         /**
+          * The text link that appears in the terms and conditions checkbox
           * @uiName Terms and conditions text
           * @uiWidget textArea
          */
@@ -5831,8 +5833,8 @@ declare namespace LocalJSX {
          */
         "branchCodeLabel"?: string;
         /**
-          * Label text for the business select item
-          * @uiName Business select item label
+          * One of three options listed for the classification field
+          * @uiName Business classification option
          */
         "businessSelectItemLabel"?: string;
         /**
@@ -5881,8 +5883,8 @@ declare namespace LocalJSX {
          */
         "fieldRequiredError"?: string;
         /**
-          * Label text for the foreign select item
-          * @uiName Foreign select item label
+          * One of three options listed for the classification field
+          * @uiName Foreign classification option
          */
         "foreignSelectItemLabel"?: string;
         /**
@@ -5910,8 +5912,8 @@ declare namespace LocalJSX {
          */
         "ibanLabel"?: string;
         /**
-          * Label text for the individual select item
-          * @uiName Individual select item label
+          * One of three options listed for the classification field
+          * @uiName Individual classification option
          */
         "individualSelectItemLabel"?: string;
         /**
@@ -6790,7 +6792,7 @@ declare namespace LocalJSX {
         "selectedRegion"?: string;
         /**
           * Displayed to participants registered in Spain.
-          * @uiName Sub-region input label
+          * @uiName Sub-region of indirect tax field label
          */
         "subRegion"?: string;
         /**
@@ -9779,7 +9781,7 @@ declare namespace LocalJSX {
          */
         "searchForCountryText"?: string;
         /**
-          * Label text for tax and banking collection checkbox
+          * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
           * @uiName Terms and conditions checkbox
           * @uiGroup Step 1 Properties
          */
@@ -9826,6 +9828,7 @@ declare namespace LocalJSX {
          */
         "step1_searchForCurrencyText"?: string;
         /**
+          * The text link that appears in the terms and conditions checkbox
           * @uiName Terms and conditions text
           * @uiGroup Step 1 Properties
           * @uiWidget textArea
@@ -9928,7 +9931,7 @@ declare namespace LocalJSX {
         "step2_selectedRegion"?: string;
         /**
           * Displayed to participants registered in Spain.
-          * @uiName Sub-region input label
+          * @uiName Sub-region of indirect tax field label
           * @uiGroup Step 2 Properties
          */
         "step2_subRegion"?: string;
@@ -10054,8 +10057,8 @@ declare namespace LocalJSX {
          */
         "step4_branchCodeLabel"?: string;
         /**
-          * Label text for the business select item
-          * @uiName Business select item label
+          * One of three options listed for the classification field
+          * @uiName Business classification option
           * @uiGroup Step 4 Properties
          */
         "step4_businessSelectItemLabel"?: string;
@@ -10098,8 +10101,8 @@ declare namespace LocalJSX {
          */
         "step4_eftWithdrawalLabel"?: string;
         /**
-          * Label text for the foreign select item
-          * @uiName Foreign select item label
+          * One of three options listed for the classification field
+          * @uiName Foreign classification option
           * @uiGroup Step 4 Properties
          */
         "step4_foreignSelectItemLabel"?: string;
@@ -10114,8 +10117,8 @@ declare namespace LocalJSX {
          */
         "step4_ibanLabel"?: string;
         /**
-          * Label text for the individual select item
-          * @uiName Individual select item label
+          * One of three options listed for the classification field
+          * @uiName Individual classification option
           * @uiGroup Step 4 Properties
          */
         "step4_individualSelectItemLabel"?: string;
@@ -10555,7 +10558,7 @@ declare namespace LocalJSX {
     }
     interface SqmUserInfoForm {
         /**
-          * Label text for tax and banking collection checkbox
+          * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
           * @uiName Terms and conditions checkbox
          */
         "allowBankingCollection"?: string;
@@ -10657,6 +10660,7 @@ declare namespace LocalJSX {
          */
         "taxAndPayoutsDescription"?: string;
         /**
+          * The text link that appears in the terms and conditions checkbox
           * @uiName Terms and conditions text
           * @uiWidget textArea
          */
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index b750e5c1da..2ec33c27fe 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -164,20 +164,20 @@ export class BankingInfoForm {
   @Prop() classificationEntityLabel: string = "Classification Entity";
 
   /**
-   * Label text for the business select item
-   * @uiName Business select item label
+   * One of three options listed for the classification field
+   * @uiName Business classification option
    */
   @Prop() businessSelectItemLabel: string = "Business";
 
   /**
-   * Label text for the individual select item
-   * @uiName Individual select item label
+   * One of three options listed for the classification field
+   * @uiName Individual classification option
    */
   @Prop() individualSelectItemLabel: string = "Individual";
 
   /**
-   * Label text for the foreign select item
-   * @uiName Foreign select item label
+   * One of three options listed for the classification field
+   * @uiName Foreign classification option
    */
   @Prop() foreignSelectItemLabel: string = "Foreign";
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index fa27cc9ac0..eb79b1df13 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -119,7 +119,7 @@ export class IndirectTaxForm {
     "I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.";
   /**
    * Displayed to participants registered in Spain.
-   * @uiName Sub-region input label
+   * @uiName Sub-region of indirect tax field label
    */
   @Prop() subRegion: string = "Sub-region";
   /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 505fd69135..27af4a0457 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -66,13 +66,14 @@ export class TaxAndCashMonolith {
    */
   @Prop() step1_personalInformation: string = "Personal Information";
   /**
-   * Label text for tax and banking collection checkbox
+   Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
    * @uiName Terms and conditions checkbox
    * @uiGroup Step 1 Properties
    */
   @Prop() step1_allowBankingCollection: string =
     "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";
   /**
+   * The text link that appears in the terms and conditions checkbox
    * @uiName Terms and conditions text
    * @uiGroup Step 1 Properties
    * @uiWidget textArea
@@ -182,7 +183,7 @@ export class TaxAndCashMonolith {
     "I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.";
   /**
    * Displayed to participants registered in Spain.
-   * @uiName Sub-region input label
+   * @uiName Sub-region of indirect tax field label
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_subRegion: string = "Sub-region";
@@ -440,22 +441,22 @@ export class TaxAndCashMonolith {
   @Prop() step4_classificationEntityLabel: string = "Classification entity";
 
   /**
-   * Label text for the business select item
-   * @uiName Business select item label
+   * One of three options listed for the classification field
+   * @uiName Business classification option
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_businessSelectItemLabel: string = "Business";
 
   /**
-   * Label text for the individual select item
-   * @uiName Individual select item label
+   * One of three options listed for the classification field
+   * @uiName Individual classification option
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_individualSelectItemLabel: string = "Individual";
 
   /**
-   * Label text for the foreign select item
-   * @uiName Foreign select item label
+   * One of three options listed for the classification field
+   * @uiName Foreign classification option
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_foreignSelectItemLabel: string = "Foreign";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 34dca8ca0a..3610c50ff6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -87,12 +87,13 @@ export class TaxForm {
   @Prop() generalErrorDescription: string =
     "Please review your information and try again. If this problem continues, contact Support.";
   /**
-   * Label text for tax and banking collection checkbox
+   * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
    * @uiName Terms and conditions checkbox
    */
   @Prop() allowBankingCollection: string =
     "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";
   /**
+   * The text link that appears in the terms and conditions checkbox
    * @uiName Terms and conditions text
    * @uiWidget textArea
    */

From df3246f2fdefa2a76a2733c41279b4e2f13ef84d Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 27 Mar 2024 17:31:20 -0700
Subject: [PATCH 683/753] cleanup some logs

---
 .../sqm-invoice-table/cells/sqm-invoice-table-data-cell.tsx    | 1 -
 .../src/components/sqm-invoice-table/sqm-invoice-table.tsx     | 2 --
 .../src/components/sqm-invoice-table/useInvoiceTable.tsx       | 2 --
 .../sqm-payout-details-card/sqm-payout-details-card-view.tsx   | 1 -
 .../sqm-payout-details-card/usePayoutDetailsCard.ts            | 3 ---
 .../components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx | 2 --
 6 files changed, 11 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-data-cell.tsx b/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-data-cell.tsx
index 5999a3f3de..7aea18d35b 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-data-cell.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-data-cell.tsx
@@ -17,7 +17,6 @@ export class InvoiceTableDataCell {
   disconnectedCallback() {}
 
   render() {
-    console.log(this.data);
     return this.data;
   }
 }
diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
index 5f93216ad0..0d52e5fcc0 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
@@ -195,8 +195,6 @@ function useInvoiceTableDemo(
         component?.firstElementChild?.getAttribute("slot") !== "empty"
     );
 
-    console.log({ componentData, columnComponents });
-
     // get the column titles (renderLabel is asynchronous)
     const columnsPromise = columnComponents?.map(
       async (c: any, idx: number) => {
diff --git a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
index 036892aef5..b98bc1acd2 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
@@ -89,8 +89,6 @@ export function useInvoiceTable(
     !user?.jwt
   );
 
-  console.log({ invoicesData });
-
   const tick = useRerenderListener();
   const components = useChildElements<Element>();
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index b3e4a320e2..16b0ead849 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -188,7 +188,6 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
   };
 
   const renderStatusBadge = (status: string, statusBadgeText: string) => {
-    console.log(status, statusBadgeText, "debug status text");
     const badgeType = status === "nextPayout" ? "success" : "primary";
     const statusText = intl.formatMessage(
       {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index e8d9a0d2c0..f6f10c1f80 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -46,15 +46,12 @@ export function usePayoutDetailsCard(
     }
   }
 
-  // TODO: need to which timezone payouts are processed in
   const paymentDay = getPayoutDetailedStatusText(
     publisher?.withdrawalSettings?.paymentDay
   );
 
   const isPayoutToday = DateTime.now().toFormat("LLL dd, yyyy") === paymentDay;
 
-  console.log({ threshold: publisher?.withdrawalSettings?.paymentThreshold });
-
   return {
     states: {
       loading,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 2bf92845dc..a80dc0f89f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -255,8 +255,6 @@ export function useTaxAndCash() {
     if (supportedCurrencies) setCurrenciesContext(supportedCurrencies);
   }, [supportedCurrencies]);
 
-  // console.log({ errors });
-
   useEffect(() => {
     if (errors) {
       setStep("/error");

From cca6a07cd3dc69e3233a3ff3ade024e4f7a43b7f Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 28 Mar 2024 09:48:52 -0700
Subject: [PATCH 684/753] Updated specs where countryCode was UK to GB

---
 .../sqm-indirect-tax-form.feature             |  4 +-
 .../tax-and-cash/sqm-tax-form.feature         | 51 +++++++++----------
 2 files changed, 27 insertions(+), 28 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
index 2251736aae..77a38cc590 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.feature
@@ -95,7 +95,7 @@ Feature: Indirect Tax Form
     Given the user selects the "registered" option
     And they select one of the following <countries> with <typeTax> is the indirect tax country
       | countries      | typeTax |
-      | UK             | VAT     |
+      | United Kingdom | VAT     |
       | Australia      | GST     |
       | New Zealand    | GST     |
       | Austria        | VAT     |
@@ -196,7 +196,7 @@ Feature: Indirect Tax Form
       | option        | indirectCountryCode | indirectTaxId | indirectTaxRegion | additionalTaxId | withholdingTaxId | taxFields                                                               |
       | notRegistered | n/a                 | n/a           | n/a               | n/a             | n/a              | ""                                                                      |
       | registered    | US (United States)  |        123123 | n/a               | n/a             | n/a              | indirectCountryCode, indirectTaxId                                      |
-      | registered    | UK (United Kingdom) |        123123 | n/a               | n/a             | n/a              | indirectCountryCode, indirectTaxId                                      |
+      | registered    | GB (United Kingdom) |        123123 | n/a               | n/a             | n/a              | indirectCountryCode, indirectTaxId                                      |
       | registered    | CA (Canada)         |        123123 | BC                | n/a             | n/a              | indirectCountryCode, indirectTaxId, indirectTaxRegion                   |
       | registered    | CA (Canada)         |        123123 | QU                |             333 | n/a              | indirectCountryCode, indirectTaxId, indirectTaxRegion, additionalTaxId  |
       | registered    | ES (Spain)          |        123123 | SPAINPROPER       | n/a             |              333 | indirectCountryCode, indirectTaxId, indirectTaxRegion, withholdingTaxId |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index cdd58c9c02..12fe106330 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -23,17 +23,18 @@ Feature: Tax Form Flow
     When they complete filling out their indirect tax information
     And press "Continue"
     Then they proceed to <stepX> depending on the <brandCountry> and participants <countryCode>
-    Examples:
+
+    Examples: 
       | countryCode | brandCountry | stepX |
-      | CA          | US           | 3     |
-      | CA          | MX           | 4     |
-      | US          | CA           | 3     |
-      | US          | MX           | 3     |
-      | UK          | US           | 3     |
-      | UK          | MX           | 4     |
-      | EG          | US           | 3     |
-      | EG          | MX           | 4     |
-      | US          | US           | 3     |
+      | CA          | US           |     3 |
+      | CA          | MX           |     4 |
+      | US          | CA           |     3 |
+      | US          | MX           |     3 |
+      | GB          | US           |     3 |
+      | GB          | MX           |     4 |
+      | EG          | US           |     3 |
+      | EG          | MX           |     4 |
+      | US          | US           |     3 |
 
   @motivating
   Scenario Outline: Default form step is dependent on publisher connection status and saved publisher information
@@ -46,7 +47,7 @@ Feature: Tax Form Flow
     And participant <hasWithdrawalSettings>
     Then they proceed to <stepX>
 
-    Examples:
+    Examples: 
       | hasTax                 | isConnected      | hasRequiredDoc             | hasCurrentTaxDoc          | status   | hasWithdrawalSettings             | stepX     |
       | does not have tax info | is not connected | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
       | does not have tax info | is connected     | n/a                        | n/a                       | n/a      | n/a                               | step 1    |
@@ -86,16 +87,16 @@ Feature: Tax Form Flow
     When they press "Continue"
     Then they proceed to <stepX> depending on their <brandCountry> and participants <countryCode>
 
-    Examples:
+    Examples: 
       | countryCode | brandCountry | stepX |
-      | CA          | US           | 3     |
-      | CA          | MX           | 4     |
-      | US          | CA           | 3     |
-      | US          | MX           | 3     |
-      | UK          | US           | 3     |
-      | UK          | US           | 3     |
-      | ES          | US           | 3     |
-      | EG          | MX           | 4     |
+      | CA          | US           |     3 |
+      | CA          | MX           |     4 |
+      | US          | CA           |     3 |
+      | US          | MX           |     3 |
+      | GB          | US           |     3 |
+      | GB          | US           |     3 |
+      | ES          | US           |     3 |
+      | EG          | MX           |     4 |
 
   @minutia
   Scenario Outline: Participants based in another country working with non-US brands do not have to fillout docusign forms
@@ -104,13 +105,11 @@ Feature: Tax Form Flow
     And the user selects a <country> not in the US
     Then they skip to step 4 Payout Details
 
-    Examples:
+    Examples: 
       | brandCountry | country |
-      | MX           | UK      |
+      | MX           | GB      |
       | AUS          | EGP     |
 
-  
-
   @minutia
   Scenario Outline: Participants based in the US working with non-US brands have to fillout the W9 docusign form
     Given a brand based in <brandCountry>
@@ -118,10 +117,10 @@ Feature: Tax Form Flow
     When they view step 3
     Then the <autoSelectedForm> is displayed
 
-    Examples:
+    Examples: 
       | brandCountry | country | autoSelectedForm |
       | MX           | US      | W9               |
-      | UK           | US      | W9               |
+      | GB           | US      | W9               |
       | AUS          | US      | W9               |
 
   @minutia

From e485121dc1f5d89d45108d991fadcd4cedf4f54a Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 28 Mar 2024 10:04:25 -0700
Subject: [PATCH 685/753] fix NPE on dashboard

---
 .../sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index dcd6de714f..90418378e1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -34,7 +34,7 @@ function getCountryName(countryCode: string, locale: string) {
   if (!countryCode) return undefined;
 
   // @ts-ignore: DisplayNames exists on Intl
-  return new Intl.DisplayNames([locale.replace("_", "-")], {
+  return new Intl.DisplayNames([locale?.replace("_", "-") || "en-US"], {
     type: "region",
     // @ts-ignore: Bad DisplayNames type (has to be array)
   }).of([countryCode]);

From 35279969d251e5d9ae3e2ca214b2dae3059345f4 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 28 Mar 2024 10:39:06 -0700
Subject: [PATCH 686/753] fix edit payout form when country doesnt have paypal
 payment option

---
 packages/mint-components/package-lock.json                  | 4 ++--
 .../sqm-banking-info-form/useBankingInfoForm.tsx            | 6 +++---
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx         | 6 +++---
 packages/mint-components/src/index.html                     | 6 +++---
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 2a35050c7b..31142cccef 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-125",
+  "version": "1.8.0-126",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-125",
+      "version": "1.8.0-126",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 908d9e24e2..0c4592a355 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -734,12 +734,12 @@ export function useBankingInfoForm(
     }
 
     const currentPaymentOption = paymentOptions?.find((paymentOption) => {
-      if (paymentOption.countryCode !== initialData.bankCountry) return false;
       if (
         initialData.paymentMethod === "PAYPAL" &&
-        paymentOption.defaultFinancePaymentMethodId !== 7
+        paymentOption.defaultFinancePaymentMethodId === 7
       )
-        return false;
+        return true;
+      if (paymentOption.countryCode !== initialData.bankCountry) return false;
       return true;
     });
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index a80dc0f89f..1b10378f21 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -58,9 +58,9 @@ export function useTaxAndCash() {
   function setupDemo() {
     // coleton
     const id =
-      "7fb4efdc1d86f2c0d5d9c82fb4c70cee46a3dfaa29618e32b35ad4a1263d6f97";
+      "5bd061e1c73e02a1e726ab7db2b4b4648e83eff10e66bccc8d1937c40c1b49a1";
     const accountId =
-      "7fb4efdc1d86f2c0d5d9c82fb4c70cee46a3dfaa29618e32b35ad4a1263d6f97";
+      "5bd061e1c73e02a1e726ab7db2b4b4648e83eff10e66bccc8d1937c40c1b49a1";
 
     // andy3
     // const id =
@@ -99,7 +99,7 @@ export function useTaxAndCash() {
       setUserIdentity({
         accountId,
         id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiN2ZiNGVmZGMxZDg2ZjJjMGQ1ZDljODJmYjRjNzBjZWU0NmEzZGZhYTI5NjE4ZTMyYjM1YWQ0YTEyNjNkNmY5NyIsImFjY291bnRJZCI6IjdmYjRlZmRjMWQ4NmYyYzBkNWQ5YzgyZmI0YzcwY2VlNDZhM2RmYWEyOTYxOGUzMmIzNWFkNGExMjYzZDZmOTciLCJlbWFpbCI6ImNvbGV0b24uYW5uZXR0K25ldzNAaW1wYWN0LmNvbSJ9fQ.zt5nCgZ84asLm-xZImOwmJ00vBfvce8aOvsx9J_bp-A",
+        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNWJkMDYxZTFjNzNlMDJhMWU3MjZhYjdkYjJiNGI0NjQ4ZTgzZWZmMTBlNjZiY2NjOGQxOTM3YzQwYzFiNDlhMSIsImFjY291bnRJZCI6IjViZDA2MWUxYzczZTAyYTFlNzI2YWI3ZGIyYjRiNDY0OGU4M2VmZjEwZTY2YmNjYzhkMTkzN2M0MGMxYjQ5YTEiLCJlbWFpbCI6ImFuZHkubHVvK3RocmVzaG9sZEBpbXBhY3QuY29tIn19.NTdsIu4p8qNJGuOTCvGwNPZI_4V7HwNNhQLavO1jPds",
       });
     }, []);
 
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 63afe7dd45..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-portal-container>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container> -->
+    </sqm-portal-container>
   </body>
 </html>

From bd146d214678edad00d3533ab717e00dd1a4a122 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Thu, 28 Mar 2024 10:43:02 -0700
Subject: [PATCH 687/753] prerelease 1.8.0-127

---
 packages/mint-components/package-lock.json             |  4 ++--
 packages/mint-components/package.json                  |  2 +-
 .../tax-and-cash/sqm-banking-info-form/readme.md       |  6 +++---
 .../components/tax-and-cash/sqm-tax-and-cash/readme.md | 10 +++++-----
 .../tax-and-cash/sqm-user-info-form/readme.md          |  4 ++--
 5 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 31142cccef..e12f7cfad1 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-126",
+  "version": "1.8.0-127",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-126",
+      "version": "1.8.0-127",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 5f974c045f..fa7a9e1bc4 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-126",
+  "version": "1.8.0-127",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index fda006fa68..37cf0daa6b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -19,7 +19,7 @@
 | `bankStateLabel`                      | `bank-state-label`                          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank province/state"`                                                                                                                                                                                                         |
 | `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Beneficiary account name"`                                                                                                                                                                                                    |
 | `branchCodeLabel`                     | `branch-code-label`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Branch code"`                                                                                                                                                                                                                 |
-| `businessSelectItemLabel`             | `business-select-item-label`                | Label text for the business select item                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Business"`                                                                                                                                                                                                                    |
+| `businessSelectItemLabel`             | `business-select-item-label`                | One of three options listed for the classification field                                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Business"`                                                                                                                                                                                                                    |
 | `checkingSelectItemLabel`             | `checking-select-item-label`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Checking"`                                                                                                                                                                                                                    |
 | `classificationCPFLabel`              | `classification-c-p-f-label`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification CPF"`                                                                                                                                                                                                          |
 | `classificationEntityLabel`           | `classification-entity-label`               |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification Entity"`                                                                                                                                                                                                       |
@@ -30,13 +30,13 @@
 | `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      | Default payment method to the participants’ bank account.                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"EFT withdrawal (free)"`                                                                                                                                                                                                       |
 | `fieldInvalidError`                   | `field-invalid-error`                       | Displayed under a field when it has an invalid entry.                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is invalid"`                                                                                                                                                                                                      |
 | `fieldRequiredError`                  | `field-required-error`                      | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is required"`                                                                                                                                                                                                     |
-| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | Label text for the foreign select item                                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Foreign"`                                                                                                                                                                                                                     |
+| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | One of three options listed for the classification field                                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Foreign"`                                                                                                                                                                                                                     |
 | `formStep`                            | `form-step`                                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Step {step} of {count}"`                                                                                                                                                                                                      |
 | `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                        |
 | `generalErrorDescription`             | `general-error-description`                 | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                   |
 | `generalErrorTitle`                   | `general-error-title`                       | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem submitting your information"`                                                                                                                                                                             |
 | `ibanLabel`                           | `iban-label`                                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"IBAN"`                                                                                                                                                                                                                        |
-| `individualSelectItemLabel`           | `individual-select-item-label`              | Label text for the individual select item                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Individual"`                                                                                                                                                                                                                  |
+| `individualSelectItemLabel`           | `individual-select-item-label`              | One of three options listed for the classification field                                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Individual"`                                                                                                                                                                                                                  |
 | `isPartnerAlertDescription`           | `is-partner-alert-description`              | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                            |
 | `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                    |
 | `loadingErrorAlertDescription`        | `loading-error-alert-description`           | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                          |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index 79b0ade4fd..f75f045ceb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -66,7 +66,7 @@
 | `loadingErrorAlertDescription`                  | `loading-error-alert-description`                    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                             | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                                              |
 | `loadingErrorAlertHeader`                       | `loading-error-alert-header`                         | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                             | `"There was a problem loading your form"`                                                                                                                                                                                                           |
 | `searchForCountryText`                          | `search-for-country-text`                            | Placeholder text displayed in the country search dropdown                                                                      | `string`                                                                                                             | `"Search for country.."`                                                                                                                                                                                                                            |
-| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Label text for tax and banking collection checkbox                                                                             | `string`                                                                                                             | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                                                                                         |
+| `step1_allowBankingCollection`                  | `step-1_allow-banking-collection`                    | Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.                    | `string`                                                                                                             | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                                                                                         |
 | `step1_country`                                 | `step-1_country`                                     |                                                                                                                                | `string`                                                                                                             | `"Country"`                                                                                                                                                                                                                                         |
 | `step1_currency`                                | `step-1_currency`                                    |                                                                                                                                | `string`                                                                                                             | `"Currency"`                                                                                                                                                                                                                                        |
 | `step1_currencyHelpText`                        | `step-1_currency-help-text`                          |                                                                                                                                | `string`                                                                                                             | `"Choose your preferred payout currency"`                                                                                                                                                                                                           |
@@ -75,7 +75,7 @@
 | `step1_lastName`                                | `step-1_last-name`                                   |                                                                                                                                | `string`                                                                                                             | `"Last name"`                                                                                                                                                                                                                                       |
 | `step1_personalInformation`                     | `step-1_personal-information`                        |                                                                                                                                | `string`                                                                                                             | `"Personal Information"`                                                                                                                                                                                                                            |
 | `step1_searchForCurrencyText`                   | `step-1_search-for-currency-text`                    | Placeholder text displayed in the currency search dropdown                                                                     | `string`                                                                                                             | `"Search for currency.."`                                                                                                                                                                                                                           |
-| `step1_termsAndConditionsLabel`                 | `step-1_terms-and-conditions-label`                  |                                                                                                                                | `string`                                                                                                             | `"terms and conditions"`                                                                                                                                                                                                                            |
+| `step1_termsAndConditionsLabel`                 | `step-1_terms-and-conditions-label`                  | The text link that appears in the terms and conditions checkbox                                                                | `string`                                                                                                             | `"terms and conditions"`                                                                                                                                                                                                                            |
 | `step2_cannotChangeInfoAlert`                   | `step-2_cannot-change-info-alert`                    | Communicate that after this step, only Support can change personal and indirect tax information.                               | `string`                                                                                                             | `"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."`                                                                    |
 | `step2_indirectTax`                             | `step-2_indirect-tax`                                |                                                                                                                                | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                                                                                                    |
 | `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Displayed under the title of this step.                                                                                        | `string`                                                                                                             | `"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."`               |
@@ -117,7 +117,7 @@
 | `step4_bankStateLabel`                          | `step-4_bank-state-label`                            |                                                                                                                                | `string`                                                                                                             | `"Bank Province / State"`                                                                                                                                                                                                                           |
 | `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              |                                                                                                                                | `string`                                                                                                             | `"Beneficiary account name"`                                                                                                                                                                                                                        |
 | `step4_branchCodeLabel`                         | `step-4_branch-code-label`                           |                                                                                                                                | `string`                                                                                                             | `"Branch code"`                                                                                                                                                                                                                                     |
-| `step4_businessSelectItemLabel`                 | `step-4_business-select-item-label`                  | Label text for the business select item                                                                                        | `string`                                                                                                             | `"Business"`                                                                                                                                                                                                                                        |
+| `step4_businessSelectItemLabel`                 | `step-4_business-select-item-label`                  | One of three options listed for the classification field                                                                       | `string`                                                                                                             | `"Business"`                                                                                                                                                                                                                                        |
 | `step4_cannotChangeInfoAlert`                   | `step-4_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                                               | `string`                                                                                                             | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."`                                                                     |
 | `step4_checkingSelectItemLabel`                 | `step-4_checking-select-item-label`                  |                                                                                                                                | `string`                                                                                                             | `"Checking"`                                                                                                                                                                                                                                        |
 | `step4_classificationCPFLabel`                  | `step-4_classification-c-p-f-label`                  |                                                                                                                                | `string`                                                                                                             | `"Classification CPF"`                                                                                                                                                                                                                              |
@@ -125,10 +125,10 @@
 | `step4_classificationLabel`                     | `step-4_classification-label`                        | Label text for the classification input field                                                                                  | `string`                                                                                                             | `"Classification"`                                                                                                                                                                                                                                  |
 | `step4_directlyToBankAccount`                   | `step-4_directly-to-bank-account`                    |                                                                                                                                | `string`                                                                                                             | `"Directly to my bank account"`                                                                                                                                                                                                                     |
 | `step4_eftWithdrawalLabel`                      | `step-4_eft-withdrawal-label`                        | Default payment method to the participants’ bank account.                                                                      | `string`                                                                                                             | `"EFT Withdrawal (free)"`                                                                                                                                                                                                                           |
-| `step4_foreignSelectItemLabel`                  | `step-4_foreign-select-item-label`                   | Label text for the foreign select item                                                                                         | `string`                                                                                                             | `"Foreign"`                                                                                                                                                                                                                                         |
+| `step4_foreignSelectItemLabel`                  | `step-4_foreign-select-item-label`                   | One of three options listed for the classification field                                                                       | `string`                                                                                                             | `"Foreign"`                                                                                                                                                                                                                                         |
 | `step4_fxWireProcessingFeeLabel`                | `step-4_fx-wire-processing-fee-label`                |                                                                                                                                | `string`                                                                                                             | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                                            |
 | `step4_ibanLabel`                               | `step-4_iban-label`                                  |                                                                                                                                | `string`                                                                                                             | `"IBAN"`                                                                                                                                                                                                                                            |
-| `step4_individualSelectItemLabel`               | `step-4_individual-select-item-label`                | Label text for the individual select item                                                                                      | `string`                                                                                                             | `"Individual"`                                                                                                                                                                                                                                      |
+| `step4_individualSelectItemLabel`               | `step-4_individual-select-item-label`                | One of three options listed for the classification field                                                                       | `string`                                                                                                             | `"Individual"`                                                                                                                                                                                                                                      |
 | `step4_patronymicNameLabel`                     | `step-4_patronymic-name-label`                       |                                                                                                                                | `string`                                                                                                             | `"Patronymic name"`                                                                                                                                                                                                                                 |
 | `step4_payPalInputLabel`                        | `step-4_pay-pal-input-label`                         | Displayed to participants who choose PayPal as their payout method                                                             | `string`                                                                                                             | `"PayPal email"`                                                                                                                                                                                                                                    |
 | `step4_paymentDayFifteenthOfMonthLabelText`     | `step-4_payment-day-fifteenth-of-month-label-text`   | One of two payment day options                                                                                                 | `string`                                                                                                             | `"15th of the month"`                                                                                                                                                                                                                               |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index 3b7011a267..f1822af7af 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -9,7 +9,7 @@
 
 | Property                       | Attribute                         | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Default                                                                                                                                                                     |
 | ------------------------------ | --------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`       | `allow-banking-collection`        | Label text for tax and banking collection checkbox                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
+| `allowBankingCollection`       | `allow-banking-collection`        | Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
 | `continueButton`               | `continue-button`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Continue"`                                                                                                                                                                |
 | `country`                      | `country`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Country"`                                                                                                                                                                 |
 | `currency`                     | `currency`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Currency"`                                                                                                                                                                |
@@ -30,7 +30,7 @@
 | `searchForCountryText`         | `search-for-country-text`         | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Search for country.."`                                                                                                                                                    |
 | `searchForCurrencyText`        | `search-for-currency-text`        | Placeholder text displayed in the currency search dropdown                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Search for currency.."`                                                                                                                                                   |
 | `taxAndPayoutsDescription`     | `tax-and-payouts-description`     | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
-| `termsAndConditionsLabel`      | `terms-and-conditions-label`      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"terms and conditions"`                                                                                                                                                    |
+| `termsAndConditionsLabel`      | `terms-and-conditions-label`      | The text link that appears in the terms and conditions checkbox                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"terms and conditions"`                                                                                                                                                    |
 
 
 ## Dependencies

From 6f5c76076f5a8db7fb4a94e7e5f615213159f9b8 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 11:03:35 -0700
Subject: [PATCH 688/753] consolidate logic for sorted countries list

---
 .../sqm-banking-info-form-view.tsx            |  4 +-
 .../sqm-banking-info-form.tsx                 | 11 ++--
 .../useBankingInfoForm.tsx                    | 57 ++--------------
 .../useIndirectTaxForm.tsx                    | 14 +---
 .../tax-and-cash/sqm-tax-and-cash/data.ts     |  2 +
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 66 +++++++++++++++++++
 .../sqm-user-info-form/useUserInfoForm.tsx    | 30 ++-------
 7 files changed, 88 insertions(+), 96 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index a8ae694eba..c9eef14917 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -38,8 +38,8 @@ export interface BankingInfoFormViewProps {
     bitset?: number;
     currency?: string;
     thresholds: string[];
-    countries?: { code: string; name: string }[];
-    allCountries?: { code: string; name: string }[];
+    countries?: { countryCode: string; displayName: string }[];
+    allCountries?: { countryCode: string; displayName: string }[];
     currentPaymentOption?: any;
     showInputs?: boolean;
     bankCountry?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 2ec33c27fe..649f0e7fd4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -442,14 +442,17 @@ export class BankingInfoForm {
                 ></sl-input>
                 {props.states.countries?.map((country) => {
                   return (
-                    <sl-menu-item value={country.code}>
-                      {country.name}
+                    <sl-menu-item value={country.countryCode}>
+                      {country.displayName}
                     </sl-menu-item>
                   );
                 })}
                 {props.states?.allCountries?.map((c) => (
-                  <sl-menu-item value={c.code} style={{ display: "none" }}>
-                    {c.name}
+                  <sl-menu-item
+                    value={c.countryCode}
+                    style={{ display: "none" }}
+                  >
+                    {c.displayName}
                   </sl-menu-item>
                 ))}
               </sl-select>
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 908d9e24e2..b26bb0cf7d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -3,12 +3,7 @@ import {
   useMutation,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
-import {
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from "@saasquatch/universal-hooks";
+import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import { h } from "@stencil/core";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
@@ -19,9 +14,11 @@ import {
   FINANCE_NETWORK_SETTINGS_NAMESPACE,
   FinanceNetworkSetting,
   FinanceNetworkSettingsQuery,
+  SORTED_COUNTRIES_NAMESPACE,
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
   TaxContext,
+  TaxCountry,
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
@@ -594,6 +591,7 @@ export function useBankingInfoForm(
 
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
   const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
+  const countries = useParentValue<TaxCountry[]>(SORTED_COUNTRIES_NAMESPACE);
 
   const {
     data: paymentOptionsData,
@@ -648,51 +646,6 @@ export function useBankingInfoForm(
   const paymentMethodFeeLabel =
     paymentMethodFeeMap[currentPaymentOption?.defaultFinancePaymentMethodId];
 
-  const intlLocale = locale?.replace("_", "-") || "en";
-
-  // filter out any duplicate countries and null countryCode
-  const availableCountries = useMemo(
-    () =>
-      new Set(
-        paymentOptions
-          ?.map((option) => option.countryCode)
-          .filter((value) => value)
-      ),
-    [paymentOptions]
-  );
-
-  const getCountryObj = (country: string) => {
-    // @ts-ignore DisplayNames not in Intl type
-    const name = new Intl.DisplayNames([intlLocale], {
-      type: "region",
-    }).of(country);
-
-    return {
-      code: country,
-      name,
-    };
-  };
-
-  type CountryObj = { name: string; code: string };
-
-  const sortByName = (a: CountryObj, b: CountryObj) =>
-    a.name < b.name ? -1 : 1;
-
-  const _topCountries = ["CA", "GB", "US"];
-
-  const countries = useMemo(
-    () =>
-      Array.from(availableCountries)
-        .map((c) => getCountryObj(c))
-        .sort(sortByName)
-        .reduce((prev, countryObj) => {
-          if (_topCountries.includes(countryObj.code))
-            return [countryObj, ...prev];
-          return [...prev, countryObj];
-        }, []),
-    [availableCountries]
-  );
-
   const [filteredCountries, setFilteredCountries] = useState(countries || []);
 
   const hasPayPal = !!paymentOptions?.find(
@@ -761,7 +714,7 @@ export function useBankingInfoForm(
     } else {
       setFilteredCountries(
         countries.filter((c) =>
-          c.name.toLowerCase().includes(countrySearch.toLowerCase())
+          c.displayName.toLowerCase().includes(countrySearch.toLowerCase())
         ) || []
       );
     }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index ee4de0295a..9322d4f8e5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -26,6 +26,7 @@ import {
   UserFormContext,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
+import { getCountryObj } from "../sqm-tax-and-cash/useTaxAndCash";
 import { IndirectDetailsSlotViewProps } from "../sqm-user-info-form/small-views/IndirectTaxDetailsView";
 import {
   INDIRECT_TAX_PROVINCES,
@@ -109,22 +110,11 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
     useParentQueryValue<CountriesQuery>(COUNTRIES_QUERY_NAMESPACE);
 
   const intlLocale = locale?.replace("_", "-") || "en";
-  const getCountryObj = (countryCode: string) => {
-    // @ts-ignore DisplayNames not in Intl type
-    const displayName = new Intl.DisplayNames([intlLocale], {
-      type: "region",
-    }).of(countryCode);
-
-    return {
-      countryCode,
-      displayName,
-    };
-  };
 
   const _countries = useMemo(
     () =>
       _countriesRes?.impactPayoutCountries?.data?.map((country) =>
-        getCountryObj(country.countryCode)
+        getCountryObj({ countryCode: country.countryCode, locale: intlLocale })
       ),
     [_countriesRes?.impactPayoutCountries?.data]
   );
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
index d382133fd4..7b1929efdf 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/data.ts
@@ -12,6 +12,8 @@ export const FINANCE_NETWORK_SETTINGS_NAMESPACE = "sq:finance-network-settings";
 
 export const COUNTRIES_NAMESPACE = "sq:countries:list";
 
+export const SORTED_COUNTRIES_NAMESPACE = "sq:countries:sorted";
+
 export const COUNTRIES_QUERY_NAMESPACE = "sq:countries:query";
 
 export const CURRENCIES_NAMESPACE = "sq:currencies:list";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index a80dc0f89f..7600de5a1a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -24,6 +24,7 @@ import {
   GET_CURRENCIES,
   GET_FINANCE_NETWORK_SETTINGS,
   GET_USER,
+  SORTED_COUNTRIES_NAMESPACE,
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
   TaxContext,
@@ -187,6 +188,13 @@ export function useTaxAndCash() {
     }
   );
 
+  const [_sortedCountriesContext, setSortedCountriesContext] = useParentState<
+    TaxCountry[]
+  >({
+    namespace: SORTED_COUNTRIES_NAMESPACE,
+    initialValue: [],
+  });
+
   const { data, errors } = useParentQuery<UserQuery>({
     namespace: USER_QUERY_NAMESPACE,
     query: GET_USER,
@@ -251,6 +259,45 @@ export function useTaxAndCash() {
     return allValidCurrencies;
   }, [financeNetworkData, countryCode]);
 
+  const intlLocale = locale?.replace("_", "-") || "en";
+
+  const sortByName = (a: TaxCountry, b: TaxCountry) =>
+    a.displayName < b.displayName ? -1 : 1;
+
+  const paymentOptions = financeNetworkData?.impactFinanceNetworkSettings?.data;
+
+  // filter out any duplicate countries and null countryCode
+  const availableCountries = useMemo(
+    () =>
+      new Set(
+        paymentOptions
+          ?.map((option) => option.countryCode)
+          .filter((value) => value)
+      ),
+    [paymentOptions]
+  );
+
+  const _topCountries = ["CA", "GB", "US"];
+
+  const sortedCountries = useMemo(
+    () =>
+      Array.from(availableCountries)
+        .map((countryCode) =>
+          getCountryObj({ countryCode, locale: intlLocale })
+        )
+        .sort(sortByName)
+        .reduce((prev, countryObj) => {
+          if (_topCountries.includes(countryObj.countryCode))
+            return [countryObj, ...prev];
+          return [...prev, countryObj];
+        }, []),
+    [availableCountries]
+  );
+
+  useEffect(() => {
+    if (sortedCountries) setSortedCountriesContext(sortedCountries);
+  }, [sortedCountries]);
+
   useEffect(() => {
     if (supportedCurrencies) setCurrenciesContext(supportedCurrencies);
   }, [supportedCurrencies]);
@@ -273,6 +320,7 @@ export function useTaxAndCash() {
   }, [host, user, data?.user?.email, errors]);
 
   function getFinanceNetworkFilter() {
+    if (step === "/1") return {};
     if (step === "/4")
       return { currency_eq: data?.user?.impactConnection?.publisher?.currency };
 
@@ -293,3 +341,21 @@ export function useTaxAndCash() {
 }
 
 export type UseTaxAndCashResultType = ReturnType<typeof useTaxAndCash>;
+
+export function getCountryObj({
+  countryCode,
+  locale,
+}: {
+  countryCode: string;
+  locale: string;
+}) {
+  // @ts-ignore DisplayNames not in Intl type
+  const displayName = new Intl.DisplayNames([locale], {
+    type: "region",
+  }).of(countryCode);
+
+  return {
+    countryCode,
+    displayName,
+  };
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 97e8e7a9de..72f34ad792 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -13,9 +13,11 @@ import {
   CURRENCIES_NAMESPACE,
   CountriesQuery,
   Currencies,
+  SORTED_COUNTRIES_NAMESPACE,
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
   TaxContext,
+  TaxCountry,
   USER_FORM_CONTEXT_NAMESPACE,
   USER_QUERY_NAMESPACE,
   UserFormContext,
@@ -23,6 +25,7 @@ import {
 } from "../sqm-tax-and-cash/data";
 import { objectIsFull } from "../utils";
 import { TaxForm } from "./sqm-user-info-form";
+import { getCountryObj } from "../sqm-tax-and-cash/useTaxAndCash";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
@@ -52,13 +55,12 @@ export type InitialData = {
 };
 
 export function useUserInfoForm(props: TaxForm) {
-  const user = useUserIdentity();
-  const locale = useLocale();
   const currencyRef = useRef<HTMLSelectElement>(undefined);
   const formRef = useRef<HTMLFormElement>(null);
 
   const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
 
+  const countries = useParentValue<TaxCountry[]>(SORTED_COUNTRIES_NAMESPACE);
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
   const [userFormContext, setUserFormContext] = useParent<UserFormContext>(
     USER_FORM_CONTEXT_NAMESPACE
@@ -69,8 +71,6 @@ export function useUserInfoForm(props: TaxForm) {
     loading,
     errors: userError,
   } = useParentQueryValue<UserQuery>(USER_QUERY_NAMESPACE);
-  const { data: countriesRes, loading: countriesLoading } =
-    useParentQueryValue<CountriesQuery>(COUNTRIES_QUERY_NAMESPACE);
 
   const _currencies = useParentValue<Currencies>(CURRENCIES_NAMESPACE);
   const currencies = useMemo(
@@ -81,30 +81,8 @@ export function useUserInfoForm(props: TaxForm) {
     [_currencies]
   );
 
-  const intlLocale = locale?.replace("_", "-") || "en";
-  const getCountryObj = (countryCode: string) => {
-    // @ts-ignore DisplayNames not in Intl type
-    const displayName = new Intl.DisplayNames([intlLocale], {
-      type: "region",
-    }).of(countryCode);
-
-    return {
-      countryCode,
-      displayName,
-    };
-  };
-
-  const countries = useMemo(
-    () =>
-      [...(countriesRes?.impactPayoutCountries?.data || [])]
-        .sort((a, b) => a.displayName.localeCompare(b.displayName))
-        .map((country) => getCountryObj(country.countryCode)),
-    [countriesRes?.impactPayoutCountries?.data]
-  );
-
   const [countrySearch, setCountrySearch] = useState("");
   const [filteredCountries, setFilteredCountries] = useState(countries || []);
-
   const [currencySearch, setCurrencySearch] = useState("");
   const [filteredCurrencies, setFilteredCurrencies] = useState(
     currencies || []

From ff0eb59c538b50033f014f44d7e06e00f4996b47 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 11:10:25 -0700
Subject: [PATCH 689/753] publish

---
 packages/mint-components/package.json         |   2 +-
 .../sqm-banking-info-form/readme.md           | 112 +++++++++---------
 .../tax-and-cash/sqm-user-info-form/readme.md |  48 ++++----
 3 files changed, 81 insertions(+), 81 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index fa7a9e1bc4..e5dae7156b 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-127",
+  "version": "1.8.0-128",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index 37cf0daa6b..edd8e8d22a 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -5,62 +5,62 @@
 
 ## Properties
 
-| Property                              | Attribute                                   | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default                                                                                                                                                                                                                         |
-| ------------------------------------- | ------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `agencyCodeLabel`                     | `agency-code-label`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Agency code"`                                                                                                                                                                                                                 |
-| `backButton`                          | `back-button`                               | Text for the back button in the form                                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Back"`                                                                                                                                                                                                                        |
-| `bankAccountNumberLabel`              | `bank-account-number-label`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account number"`                                                                                                                                                                                                         |
-| `bankAccountTypeLabel`                | `bank-account-type-label`                   |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank account type"`                                                                                                                                                                                                           |
-| `bankAddressLabel`                    | `bank-address-label`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank address"`                                                                                                                                                                                                                |
-| `bankCityLabel`                       | `bank-city-label`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank city"`                                                                                                                                                                                                                   |
-| `bankLocationLabel`                   | `bank-location-label`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank country location"`                                                                                                                                                                                                       |
-| `bankNameLabel`                       | `bank-name-label`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank Name"`                                                                                                                                                                                                                   |
-| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank postal code"`                                                                                                                                                                                                            |
-| `bankStateLabel`                      | `bank-state-label`                          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Bank province/state"`                                                                                                                                                                                                         |
-| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Beneficiary account name"`                                                                                                                                                                                                    |
-| `branchCodeLabel`                     | `branch-code-label`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Branch code"`                                                                                                                                                                                                                 |
-| `businessSelectItemLabel`             | `business-select-item-label`                | One of three options listed for the classification field                                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Business"`                                                                                                                                                                                                                    |
-| `checkingSelectItemLabel`             | `checking-select-item-label`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Checking"`                                                                                                                                                                                                                    |
-| `classificationCPFLabel`              | `classification-c-p-f-label`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification CPF"`                                                                                                                                                                                                          |
-| `classificationEntityLabel`           | `classification-entity-label`               |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification Entity"`                                                                                                                                                                                                       |
-| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Classification"`                                                                                                                                                                                                              |
-| `continueButton`                      | `continue-button`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Save"`                                                                                                                                                                                                                        |
-| `demoData`                            | --                                          |                                                                                                                      | `{ states?: { step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; allCountries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; countrySearch?: string; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }` | `undefined`                                                                                                                                                                                                                     |
-| `directlyToBankAccount`               | `directly-to-bank-account`                  |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Directly to my bank account"`                                                                                                                                                                                                 |
-| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      | Default payment method to the participants’ bank account.                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"EFT withdrawal (free)"`                                                                                                                                                                                                       |
-| `fieldInvalidError`                   | `field-invalid-error`                       | Displayed under a field when it has an invalid entry.                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is invalid"`                                                                                                                                                                                                      |
-| `fieldRequiredError`                  | `field-required-error`                      | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{fieldName} is required"`                                                                                                                                                                                                     |
-| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | One of three options listed for the classification field                                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Foreign"`                                                                                                                                                                                                                     |
-| `formStep`                            | `form-step`                                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Step {step} of {count}"`                                                                                                                                                                                                      |
-| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                        |
-| `generalErrorDescription`             | `general-error-description`                 | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                   |
-| `generalErrorTitle`                   | `general-error-title`                       | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem submitting your information"`                                                                                                                                                                             |
-| `ibanLabel`                           | `iban-label`                                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"IBAN"`                                                                                                                                                                                                                        |
-| `individualSelectItemLabel`           | `individual-select-item-label`              | One of three options listed for the classification field                                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Individual"`                                                                                                                                                                                                                  |
-| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                            |
-| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                    |
-| `loadingErrorAlertDescription`        | `loading-error-alert-description`           | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                          |
-| `loadingErrorAlertHeader`             | `loading-error-alert-header`                | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"There was a problem loading your form"`                                                                                                                                                                                       |
-| `patronymicNameLabel`                 | `patronymic-name-label`                     |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Patronymic name"`                                                                                                                                                                                                             |
-| `payPalInputLabel`                    | `pay-pal-input-label`                       | Displayed to participants who choose PayPal as their payout method                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal email"`                                                                                                                                                                                                                |
-| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"15th of the month"`                                                                                                                                                                                                           |
-| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | One of two payment day options                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"1st of the month"`                                                                                                                                                                                                            |
-| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Let the participant choose what day of the month they’ll get paid                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Day"`                                                                                                                                                                                                                 |
-| `paymentMethod`                       | `payment-method`                            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment method"`                                                                                                                                                                                                              |
-| `paymentMethodSubtext`                | `payment-method-subtext`                    |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payouts will be sent from our referral program provider, impact.com."`                                                                                                                                                        |
-| `paymentSchedule`                     | `payment-schedule`                          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment schedule"`                                                                                                                                                                                                            |
-| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                  |
-| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Pay me on a fixed day of the month"`                                                                                                                                                                                          |
-| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Participant use this field to select the balance at which they want to be paid                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payment Threshold"`                                                                                                                                                                                                           |
-| `routingCodeLabel`                    | `routing-code-label`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"` |
-| `savingsSelectItemLabel`              | `savings-select-item-label`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Savings"`                                                                                                                                                                                                                     |
-| `searchForCountryText`                | `search-for-country-text`                   | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Search for country.."`                                                                                                                                                                                                        |
-| `swiftCodeLabel`                      | `swift-code-label`                          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"SWIFT code"`                                                                                                                                                                                                                  |
-| `taxAndPayouts`                       | `tax-and-payouts`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Payouts"`                                                                                                                                                                                                                     |
-| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                         |
-| `taxPayerIdLabel`                     | `tax-payer-id-label`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                         |
-| `toPayPalAccount`                     | `to-pay-pal-account`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                               |
-| `voCodeLabel`                         | `vo-code-label`                             |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `"VO code"`                                                                                                                                                                                                                     |
+| Property                              | Attribute                                   | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Default                                                                                                                                                                                                                         |
+| ------------------------------------- | ------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `agencyCodeLabel`                     | `agency-code-label`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Agency code"`                                                                                                                                                                                                                 |
+| `backButton`                          | `back-button`                               | Text for the back button in the form                                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Back"`                                                                                                                                                                                                                        |
+| `bankAccountNumberLabel`              | `bank-account-number-label`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Bank account number"`                                                                                                                                                                                                         |
+| `bankAccountTypeLabel`                | `bank-account-type-label`                   |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Bank account type"`                                                                                                                                                                                                           |
+| `bankAddressLabel`                    | `bank-address-label`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Bank address"`                                                                                                                                                                                                                |
+| `bankCityLabel`                       | `bank-city-label`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Bank city"`                                                                                                                                                                                                                   |
+| `bankLocationLabel`                   | `bank-location-label`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Bank country location"`                                                                                                                                                                                                       |
+| `bankNameLabel`                       | `bank-name-label`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Bank Name"`                                                                                                                                                                                                                   |
+| `bankPostalCodeLabel`                 | `bank-postal-code-label`                    |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Bank postal code"`                                                                                                                                                                                                            |
+| `bankStateLabel`                      | `bank-state-label`                          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Bank province/state"`                                                                                                                                                                                                         |
+| `beneficiaryAccountNameLabel`         | `beneficiary-account-name-label`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Beneficiary account name"`                                                                                                                                                                                                    |
+| `branchCodeLabel`                     | `branch-code-label`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Branch code"`                                                                                                                                                                                                                 |
+| `businessSelectItemLabel`             | `business-select-item-label`                | One of three options listed for the classification field                                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Business"`                                                                                                                                                                                                                    |
+| `checkingSelectItemLabel`             | `checking-select-item-label`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Checking"`                                                                                                                                                                                                                    |
+| `classificationCPFLabel`              | `classification-c-p-f-label`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Classification CPF"`                                                                                                                                                                                                          |
+| `classificationEntityLabel`           | `classification-entity-label`               |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Classification Entity"`                                                                                                                                                                                                       |
+| `classificationLabel`                 | `classification-label`                      | Label text for the classification input field                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Classification"`                                                                                                                                                                                                              |
+| `continueButton`                      | `continue-button`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Save"`                                                                                                                                                                                                                        |
+| `demoData`                            | --                                          |                                                                                                                      | `{ states?: { step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: "toBankAccount" \| "toPayPalAccount"; paymentScheduleChecked?: "BALANCE_THRESHOLD" \| "FIXED_DAY"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: "required" \| "invalid"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { countryCode: string; displayName: string; }[]; allCountries?: { countryCode: string; displayName: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; countrySearch?: string; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }` | `undefined`                                                                                                                                                                                                                     |
+| `directlyToBankAccount`               | `directly-to-bank-account`                  |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Directly to my bank account"`                                                                                                                                                                                                 |
+| `eftWithdrawalLabel`                  | `eft-withdrawal-label`                      | Default payment method to the participants’ bank account.                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"EFT withdrawal (free)"`                                                                                                                                                                                                       |
+| `fieldInvalidError`                   | `field-invalid-error`                       | Displayed under a field when it has an invalid entry.                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{fieldName} is invalid"`                                                                                                                                                                                                      |
+| `fieldRequiredError`                  | `field-required-error`                      | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{fieldName} is required"`                                                                                                                                                                                                     |
+| `foreignSelectItemLabel`              | `foreign-select-item-label`                 | One of three options listed for the classification field                                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Foreign"`                                                                                                                                                                                                                     |
+| `formStep`                            | `form-step`                                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Step {step} of {count}"`                                                                                                                                                                                                      |
+| `fxWireProcessingFeeLabel`            | `fx-wire-processing-fee-label`              |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"FX Wire (Processing Fee {currency}{defaultFxFee}.00)"`                                                                                                                                                                        |
+| `generalErrorDescription`             | `general-error-description`                 | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                   |
+| `generalErrorTitle`                   | `general-error-title`                       | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"There was a problem submitting your information"`                                                                                                                                                                             |
+| `ibanLabel`                           | `iban-label`                                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"IBAN"`                                                                                                                                                                                                                        |
+| `individualSelectItemLabel`           | `individual-select-item-label`              | One of three options listed for the classification field                                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Individual"`                                                                                                                                                                                                                  |
+| `isPartnerAlertDescription`           | `is-partner-alert-description`              | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email."`                                            |
+| `isPartnerAlertHeader`                | `is-partner-alert-header`                   | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                                                                    |
+| `loadingErrorAlertDescription`        | `loading-error-alert-description`           | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                          |
+| `loadingErrorAlertHeader`             | `loading-error-alert-header`                | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"There was a problem loading your form"`                                                                                                                                                                                       |
+| `patronymicNameLabel`                 | `patronymic-name-label`                     |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Patronymic name"`                                                                                                                                                                                                             |
+| `payPalInputLabel`                    | `pay-pal-input-label`                       | Displayed to participants who choose PayPal as their payout method                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"PayPal email"`                                                                                                                                                                                                                |
+| `paymentDayFifteenthOfMonthLabelText` | `payment-day-fifteenth-of-month-label-text` | Label text for the payment day select option for the fifteenth of the month                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"15th of the month"`                                                                                                                                                                                                           |
+| `paymentDayFirstOfMonthLabelText`     | `payment-day-first-of-month-label-text`     | One of two payment day options                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"1st of the month"`                                                                                                                                                                                                            |
+| `paymentDaySelectLabel`               | `payment-day-select-label`                  | Let the participant choose what day of the month they’ll get paid                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Payment Day"`                                                                                                                                                                                                                 |
+| `paymentMethod`                       | `payment-method`                            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Payment method"`                                                                                                                                                                                                              |
+| `paymentMethodSubtext`                | `payment-method-subtext`                    |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Payouts will be sent from our referral program provider, impact.com."`                                                                                                                                                        |
+| `paymentSchedule`                     | `payment-schedule`                          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Payment schedule"`                                                                                                                                                                                                            |
+| `paymentScheduleBalanceThreshold`     | `payment-schedule-balance-threshold`        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Pay me when my balance reaches a threshold"`                                                                                                                                                                                  |
+| `paymentScheduleFixedDay`             | `payment-schedule-fixed-day`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Pay me on a fixed day of the month"`                                                                                                                                                                                          |
+| `paymentThresholdSelectLabel`         | `payment-threshold-select-label`            | Participant use this field to select the balance at which they want to be paid                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Payment Threshold"`                                                                                                                                                                                                           |
+| `routingCodeLabel`                    | `routing-code-label`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{bankCountry, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch number} IN {IFSC} CNY {CNAPS} other {Routing code} }"` |
+| `savingsSelectItemLabel`              | `savings-select-item-label`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Savings"`                                                                                                                                                                                                                     |
+| `searchForCountryText`                | `search-for-country-text`                   | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Search for country.."`                                                                                                                                                                                                        |
+| `swiftCodeLabel`                      | `swift-code-label`                          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"SWIFT code"`                                                                                                                                                                                                                  |
+| `taxAndPayouts`                       | `tax-and-payouts`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Payouts"`                                                                                                                                                                                                                     |
+| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                         |
+| `taxPayerIdLabel`                     | `tax-payer-id-label`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                         |
+| `toPayPalAccount`                     | `to-pay-pal-account`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                               |
+| `voCodeLabel`                         | `vo-code-label`                             |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"VO code"`                                                                                                                                                                                                                     |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index f1822af7af..09b7daa62f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -7,30 +7,30 @@
 
 ## Properties
 
-| Property                       | Attribute                         | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Default                                                                                                                                                                     |
-| ------------------------------ | --------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowBankingCollection`       | `allow-banking-collection`        | Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
-| `continueButton`               | `continue-button`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Continue"`                                                                                                                                                                |
-| `country`                      | `country`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Country"`                                                                                                                                                                 |
-| `currency`                     | `currency`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Currency"`                                                                                                                                                                |
-| `currencyHelpText`             | `currency-help-text`              |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Choose your preferred payout currency"`                                                                                                                                   |
-| `demoData`                     | --                                |                                                                                                                      | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: { countryCode: string; displayName: any; }[]; allCurrencies: { displayName: string; currencyCode: string; }[]; allCountries: { countryCode: string; displayName: any; }[]; }; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
-| `email`                        | `email`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Email"`                                                                                                                                                                   |
-| `fieldRequiredError`           | `field-required-error`            | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"{fieldName} is required"`                                                                                                                                                 |
-| `firstName`                    | `first-name`                      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"First name"`                                                                                                                                                              |
-| `formStep`                     | `form-step`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Step {step} of {count}"`                                                                                                                                                  |
-| `generalErrorDescription`      | `general-error-description`       | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
-| `generalErrorTitle`            | `general-error-title`             | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"There was a problem submitting your information"`                                                                                                                         |
-| `isPartnerAlertDescription`    | `is-partner-alert-description`    | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"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."` |
-| `isPartnerAlertHeader`         | `is-partner-alert-header`         | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
-| `lastName`                     | `last-name`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Last name"`                                                                                                                                                               |
-| `loadingErrorAlertDescription` | `loading-error-alert-description` | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                      |
-| `loadingErrorAlertHeader`      | `loading-error-alert-header`      | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"There was a problem loading your form"`                                                                                                                                   |
-| `personalInformation`          | `personal-information`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Personal Information"`                                                                                                                                                    |
-| `searchForCountryText`         | `search-for-country-text`         | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Search for country.."`                                                                                                                                                    |
-| `searchForCurrencyText`        | `search-for-currency-text`        | Placeholder text displayed in the currency search dropdown                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Search for currency.."`                                                                                                                                                   |
-| `taxAndPayoutsDescription`     | `tax-and-payouts-description`     | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
-| `termsAndConditionsLabel`      | `terms-and-conditions-label`      | The text link that appears in the terms and conditions checkbox                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"terms and conditions"`                                                                                                                                                    |
+| Property                       | Attribute                         | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Default                                                                                                                                                                     |
+| ------------------------------ | --------------------------------- | -------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowBankingCollection`       | `allow-banking-collection`        | Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information"`                                                                 |
+| `continueButton`               | `continue-button`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Continue"`                                                                                                                                                                |
+| `country`                      | `country`                         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Country"`                                                                                                                                                                 |
+| `currency`                     | `currency`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Currency"`                                                                                                                                                                |
+| `currencyHelpText`             | `currency-help-text`              |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Choose your preferred payout currency"`                                                                                                                                   |
+| `demoData`                     | --                                |                                                                                                                      | `{ states?: { step: string; hideSteps: boolean; disabled: boolean; loadingError: boolean; loading: boolean; isPartner: boolean; isUser: boolean; formState: { errors: {}; firstName: string; lastName: string; email: string; countryCode: string; currency: string; }; }; refs?: { formRef: Ref<HTMLFormElement>; currencyRef: Ref<HTMLSelectElement>; }; data?: { currencies: { displayName: string; currencyCode: string; }[]; countries: TaxCountry[]; allCurrencies: { displayName: string; currencyCode: string; }[]; allCountries: TaxCountry[]; }; setStep?: (value: string) => void; onSubmit?: (event: any) => Promise<void>; }` | `undefined`                                                                                                                                                                 |
+| `email`                        | `email`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Email"`                                                                                                                                                                   |
+| `fieldRequiredError`           | `field-required-error`            | Displayed under a field that is missing required information.                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"{fieldName} is required"`                                                                                                                                                 |
+| `firstName`                    | `first-name`                      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"First name"`                                                                                                                                                              |
+| `formStep`                     | `form-step`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Step {step} of {count}"`                                                                                                                                                  |
+| `generalErrorDescription`      | `general-error-description`       | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Please review your information and try again. If this problem continues, contact Support."`                                                                               |
+| `generalErrorTitle`            | `general-error-title`             | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"There was a problem submitting your information"`                                                                                                                         |
+| `isPartnerAlertDescription`    | `is-partner-alert-description`    | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"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."` |
+| `isPartnerAlertHeader`         | `is-partner-alert-header`         | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"An account with this email already exists with our referral program provider, impact.com"`                                                                                |
+| `lastName`                     | `last-name`                       |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Last name"`                                                                                                                                                               |
+| `loadingErrorAlertDescription` | `loading-error-alert-description` | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                      |
+| `loadingErrorAlertHeader`      | `loading-error-alert-header`      | Part of the alert displayed at the top of the page.                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"There was a problem loading your form"`                                                                                                                                   |
+| `personalInformation`          | `personal-information`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Personal Information"`                                                                                                                                                    |
+| `searchForCountryText`         | `search-for-country-text`         | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Search for country.."`                                                                                                                                                    |
+| `searchForCurrencyText`        | `search-for-currency-text`        | Placeholder text displayed in the currency search dropdown                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Search for currency.."`                                                                                                                                                   |
+| `taxAndPayoutsDescription`     | `tax-and-payouts-description`     | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
+| `termsAndConditionsLabel`      | `terms-and-conditions-label`      | The text link that appears in the terms and conditions checkbox                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"terms and conditions"`                                                                                                                                                    |
 
 
 ## Dependencies

From 89ca1b88b9cc23c2921f9c0348a83fc69c26f665 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 11:27:05 -0700
Subject: [PATCH 690/753] bit of code cleanup and rearranging

---
 .../sqm-banking-info-form/formDefinitions.tsx | 418 +++++++++++++++++
 .../sqm-banking-info-form.tsx                 |   8 +-
 .../useBankingInfoForm.tsx                    | 438 +-----------------
 3 files changed, 423 insertions(+), 441 deletions(-)
 create mode 100644 packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/formDefinitions.tsx

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/formDefinitions.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/formDefinitions.tsx
new file mode 100644
index 0000000000..97bf996597
--- /dev/null
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/formDefinitions.tsx
@@ -0,0 +1,418 @@
+import { h } from "@stencil/core";
+import { intl } from "../../../global/global";
+import { BankingInfoFormViewProps } from "./sqm-banking-info-form-view";
+
+export function getFormMap({
+  props,
+  getValidationErrorMessage,
+  bankCountry,
+}: {
+  props: BankingInfoFormViewProps | Omit<any, "text" | "callbacks">;
+  getValidationErrorMessage: (props: {
+    type: "required" | "invalid";
+    label: string;
+  }) => string;
+  bankCountry?: string;
+}) {
+  const { errors, ...formState } = props.states.formState;
+
+  return {
+    0: {
+      input: (
+        <sl-input
+          required
+          label={props.text.beneficiaryAccountNameLabel}
+          name="/beneficiaryAccountName"
+          id="beneficiaryAccountName"
+          key="beneficiaryAccountName"
+          type="text"
+          {...(errors?.inputErrors?.beneficiaryAccountName && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.beneficiaryAccountName?.type,
+              label: props.text.beneficiaryAccountNameLabel,
+            }),
+          })}
+        ></sl-input>
+      ),
+    },
+    1: {
+      input: (
+        <sl-select
+          required
+          label={props.text.bankAccountTypeLabel}
+          name="/bankAccountType"
+          id="bankAccountType"
+          key="bankAccountType"
+          {...(errors?.inputErrors?.bankAccountType && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankAccountType?.type,
+              label: props.text.bankAccountTypeLabel,
+            }),
+          })}
+        >
+          <sl-menu-item value="CHECKING">
+            {props.text.checkingSelectItemLabel}
+          </sl-menu-item>
+          <sl-menu-item value="SAVINGS">
+            {props.text.savingsSelectItemLabel}
+          </sl-menu-item>
+        </sl-select>
+      ),
+    },
+    2: {
+      input: (
+        <sl-input
+          required
+          label={props.text.bankAccountNumberLabel}
+          name="/bankAccountNumber"
+          id="bankAccountNumber"
+          key="bankAccountNumber"
+          value={formState.bankAccountNumber}
+          type="text"
+          {...(errors?.inputErrors?.bankAccountNumber && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankAccountNumber?.type,
+              label: props.text.bankAccountNumberLabel,
+            }),
+          })}
+        ></sl-input>
+      ),
+    },
+    3: {
+      input: (
+        <sl-input
+          required
+          label={props.text.ibanLabel}
+          name="/bankAccountNumber"
+          id="iban"
+          key="iban"
+          type="text"
+          value={formState.bankAccountNumber}
+          {...(errors?.inputErrors?.bankAccountNumber && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankAccountNumber?.type,
+              label: props.text.ibanLabel,
+            }),
+          })}
+        ></sl-input>
+      ),
+    },
+
+    4: {
+      input: (
+        <sl-input
+          required
+          label={props.text.swiftCodeLabel}
+          name="/swiftCode"
+          id="swiftCode"
+          key="swiftCode"
+          type="text"
+          {...(errors?.inputErrors?.swiftCode && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.swiftCode?.type,
+              label: props.text.swiftCodeLabel,
+            }),
+          })}
+        ></sl-input>
+      ),
+    },
+    5: {
+      input: (
+        <sl-input
+          required
+          label={intl.formatMessage(
+            {
+              id: "routingCodeText",
+              defaultMessage: props.text.routingCodeLabel,
+            },
+            {
+              bankCountry,
+            }
+          )}
+          name="/routingCode"
+          id="routingCode"
+          key="routingCode"
+          type="text"
+          {...(errors?.inputErrors?.routingCode && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.routingCode?.type,
+              label: intl.formatMessage(
+                {
+                  id: "routingCodeErrorText",
+                  defaultMessage: props.text.routingCodeLabel,
+                },
+                {
+                  bankCountry,
+                }
+              ),
+            }),
+          })}
+        ></sl-input>
+      ),
+    },
+    6: {
+      input: (
+        <sl-input
+          required
+          label={props.text.bankNameLabel}
+          name="/bankName"
+          id="bankName"
+          key="bankName"
+          type="text"
+          {...(errors?.inputErrors?.bankName && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankName?.type,
+              label: props.text.bankNameLabel,
+            }),
+          })}
+        ></sl-input>
+      ),
+    },
+    7: {
+      input: [
+        <sl-select
+          required
+          label={props.text.classificationLabel}
+          name="/beneficiaryClassification"
+          id="beneficiaryClassification"
+          key="beneficiaryClassification"
+          {...(errors?.inputErrors?.beneficiaryClassification && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.beneficiaryClassification?.type,
+              label: props.text.classificationLabel,
+            }),
+          })}
+        >
+          <sl-menu-item value="BUSINESS">
+            {props.text.businessSelectItemLabel}
+          </sl-menu-item>
+          <sl-menu-item value="INDIVIDUAL">
+            {props.text.individualSelectItemLabel}
+          </sl-menu-item>
+          <sl-menu-item value="FOREIGN">
+            {props.text.foreignSelectItemLabel}
+          </sl-menu-item>
+        </sl-select>,
+        <sl-input
+          required
+          label={intl.formatMessage(
+            {
+              id: "fxWireText",
+              defaultMessage: props.text.taxPayerIdLabel,
+            },
+            {
+              bankCountry,
+            }
+          )}
+          type="text"
+          name="/taxPayerId"
+          id="taxPayerId"
+          key="taxPayerId"
+          {...(errors?.inputErrors?.taxPayerId && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.taxPayerId?.type,
+              label: props.text.taxPayerIdLabel,
+            }),
+          })}
+        ></sl-input>,
+      ],
+    },
+    8: {
+      input: (
+        <sl-select
+          required
+          label={props.text.classificationCPFLabel}
+          name="/beneficiaryClassification"
+          id="beneficiaryClassification"
+          key="beneficiaryClassification"
+          {...(errors?.inputErrors?.beneficiaryClassification && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.beneficiaryClassification?.type,
+              label: props.text.classificationCPFLabel,
+            }),
+          })}
+        >
+          <sl-menu-item value="CPF">CPF</sl-menu-item>
+          <sl-menu-item value="CNPJ">CNPJ</sl-menu-item>
+        </sl-select>
+      ),
+    },
+    9: {
+      input: (
+        <sl-input
+          key="patronymicName"
+          required
+          label={props.text.patronymicNameLabel}
+          name="/patronymicName"
+          id="patronymicName"
+          type="text"
+          {...(errors?.inputErrors?.patronymicName && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.patronymicName?.type,
+              label: props.text.patronymicNameLabel,
+            }),
+          })}
+        ></sl-input>
+      ),
+    },
+    10: {
+      input: (
+        <sl-input
+          key="voCode"
+          label={props.text.voCodeLabel}
+          name="/voCode"
+          id="voCode"
+          type="text"
+          {...(errors?.inputErrors?.voCode && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.voCode?.type,
+              label: props.text.voCodeLabel,
+            }),
+          })}
+        ></sl-input>
+      ),
+    },
+    11: {
+      input: (
+        <sl-input
+          required
+          label={props.text.agencyCodeLabel}
+          name="/agencyCode"
+          id="agencyCode"
+          key="agencyCode"
+          type="text"
+          {...(errors?.inputErrors?.agencyCode && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.agencyCode?.type,
+              label: props.text.agencyCodeLabel,
+            }),
+          })}
+        ></sl-input>
+      ),
+    },
+    12: {
+      input: [
+        <sl-input
+          required
+          label={props.text.bankAddressLabel}
+          name="/bankAddress"
+          id="bankAddress"
+          key="bankAddress"
+          type="text"
+          {...(errors?.inputErrors?.bankAddress && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankAddress?.type,
+              label: props.text.bankAddressLabel,
+            }),
+          })}
+        ></sl-input>,
+        <sl-input
+          required
+          label={props.text.bankCityLabel}
+          name="/bankCity"
+          id="bankCity"
+          key="bankCity"
+          type="text"
+          {...(errors?.inputErrors?.bankCity && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankCity?.type,
+              label: props.text.bankCityLabel,
+            }),
+          })}
+        ></sl-input>,
+        <sl-input
+          required
+          label={props.text.bankStateLabel}
+          name="/bankState"
+          id="bankState"
+          key="bankState"
+          type="text"
+          {...(errors?.inputErrors?.bankState && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankState?.type,
+              label: props.text.bankStateLabel,
+            }),
+          })}
+        ></sl-input>,
+        <sl-input
+          required
+          label={props.text.bankPostalCodeLabel}
+          name="/bankPostalCode"
+          id="bankPostalCode"
+          key="bankPostalCode"
+          type="text"
+          {...(errors?.inputErrors?.bankPostalCode && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.bankPostalCode?.type,
+              label: props.text.bankPostalCodeLabel,
+            }),
+          })}
+        ></sl-input>,
+      ],
+    },
+    13: {
+      input: (
+        <sl-input
+          required
+          label={props.text.branchCodeLabel}
+          name="/branchCode"
+          id="branchCode"
+          key="branchCode"
+          type="text"
+          {...(errors?.inputErrors?.branchCode && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.branchCode?.type,
+              label: props.text.branchCodeLabel,
+            }),
+          })}
+        ></sl-input>
+      ),
+    },
+    14: {
+      input: (
+        <sl-select
+          required
+          label={props.text.classificationLabel}
+          name="/beneficiaryClassification"
+          id="beneficiaryClassification"
+          key="beneficiaryClassification"
+          {...(errors?.inputErrors?.beneficiaryClassification && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: errors?.inputErrors?.beneficiaryClassification?.type,
+              label: props.text.classificationLabel,
+            }),
+          })}
+        >
+          <sl-menu-item value="BUSINESS">
+            {props.text.businessSelectItemLabel}
+          </sl-menu-item>
+          <sl-menu-item value="INDIVIDUAL">
+            {props.text.individualSelectItemLabel}
+          </sl-menu-item>
+          <sl-menu-item value="FOREIGN">
+            {props.text.foreignSelectItemLabel}
+          </sl-menu-item>
+        </sl-select>
+      ),
+    },
+  };
+}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 649f0e7fd4..06fb5f3e55 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -4,7 +4,11 @@ import { useEffect } from "@saasquatch/universal-hooks";
 import { Component, Host, Prop, State, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
+import { intl } from "../../../global/global";
+import { useParent } from "../../../utils/useParentState";
 import { getProps } from "../../../utils/utils";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
+import { getFormMap } from "./formDefinitions";
 import { mockPaymentOptions } from "./mockData";
 import {
   BankingInfoFormView,
@@ -12,13 +16,9 @@ import {
 } from "./sqm-banking-info-form-view";
 import {
   getFormInputs,
-  getFormMap,
   paypalFeeMap,
   useBankingInfoForm,
 } from "./useBankingInfoForm";
-import { intl } from "../../../global/global";
-import { useParent } from "../../../utils/useParentState";
-import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 
 /**
  * @uiName Banking Information Form
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 3ee143e926..f5d77b6f7f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -4,7 +4,6 @@ import {
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
-import { h } from "@stencil/core";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
 import { intl } from "../../../global/global";
@@ -81,439 +80,6 @@ export type BankingInfoFormData = {
   patronymicName?: string;
 };
 
-type RoutingCodeLabels = {
-  AU: string;
-  CA: string;
-  CZ: string;
-  HK: string;
-  SG: string;
-  US: string;
-  NZ: string;
-  ZA: string;
-  IN: string;
-  CNY: string;
-};
-
-type TaxpayerIdLabels = {
-  AR: string;
-  KR: string;
-};
-
-export function getFormMap({
-  props,
-  getValidationErrorMessage,
-  bankCountry,
-}: {
-  props: BankingInfoFormViewProps | Omit<any, "text" | "callbacks">;
-  getValidationErrorMessage: (props: {
-    type: "required" | "invalid";
-    label: string;
-  }) => string;
-  bankCountry?: string;
-}) {
-  const { errors, ...formState } = props.states.formState;
-
-  return {
-    0: {
-      input: (
-        <sl-input
-          required
-          label={props.text.beneficiaryAccountNameLabel}
-          name="/beneficiaryAccountName"
-          id="beneficiaryAccountName"
-          key="beneficiaryAccountName"
-          type="text"
-          {...(errors?.inputErrors?.beneficiaryAccountName && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.beneficiaryAccountName?.type,
-              label: props.text.beneficiaryAccountNameLabel,
-            }),
-          })}
-        ></sl-input>
-      ),
-    },
-    1: {
-      input: (
-        <sl-select
-          required
-          label={props.text.bankAccountTypeLabel}
-          name="/bankAccountType"
-          id="bankAccountType"
-          key="bankAccountType"
-          {...(errors?.inputErrors?.bankAccountType && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.bankAccountType?.type,
-              label: props.text.bankAccountTypeLabel,
-            }),
-          })}
-        >
-          <sl-menu-item value="CHECKING">
-            {props.text.checkingSelectItemLabel}
-          </sl-menu-item>
-          <sl-menu-item value="SAVINGS">
-            {props.text.savingsSelectItemLabel}
-          </sl-menu-item>
-        </sl-select>
-      ),
-    },
-    2: {
-      input: (
-        <sl-input
-          required
-          label={props.text.bankAccountNumberLabel}
-          name="/bankAccountNumber"
-          id="bankAccountNumber"
-          key="bankAccountNumber"
-          value={formState.bankAccountNumber}
-          type="text"
-          {...(errors?.inputErrors?.bankAccountNumber && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.bankAccountNumber?.type,
-              label: props.text.bankAccountNumberLabel,
-            }),
-          })}
-        ></sl-input>
-      ),
-    },
-    3: {
-      input: (
-        <sl-input
-          required
-          label={props.text.ibanLabel}
-          name="/bankAccountNumber"
-          id="iban"
-          key="iban"
-          type="text"
-          value={formState.bankAccountNumber}
-          {...(errors?.inputErrors?.bankAccountNumber && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.bankAccountNumber?.type,
-              label: props.text.ibanLabel,
-            }),
-          })}
-        ></sl-input>
-      ),
-    },
-
-    4: {
-      input: (
-        <sl-input
-          required
-          label={props.text.swiftCodeLabel}
-          name="/swiftCode"
-          id="swiftCode"
-          key="swiftCode"
-          type="text"
-          {...(errors?.inputErrors?.swiftCode && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.swiftCode?.type,
-              label: props.text.swiftCodeLabel,
-            }),
-          })}
-        ></sl-input>
-      ),
-    },
-    5: {
-      input: (
-        <sl-input
-          required
-          label={intl.formatMessage(
-            {
-              id: "routingCodeText",
-              defaultMessage: props.text.routingCodeLabel,
-            },
-            {
-              bankCountry,
-            }
-          )}
-          name="/routingCode"
-          id="routingCode"
-          key="routingCode"
-          type="text"
-          {...(errors?.inputErrors?.routingCode && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.routingCode?.type,
-              label: intl.formatMessage(
-                {
-                  id: "routingCodeErrorText",
-                  defaultMessage: props.text.routingCodeLabel,
-                },
-                {
-                  bankCountry,
-                }
-              ),
-            }),
-          })}
-        ></sl-input>
-      ),
-    },
-    6: {
-      input: (
-        <sl-input
-          required
-          label={props.text.bankNameLabel}
-          name="/bankName"
-          id="bankName"
-          key="bankName"
-          type="text"
-          {...(errors?.inputErrors?.bankName && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.bankName?.type,
-              label: props.text.bankNameLabel,
-            }),
-          })}
-        ></sl-input>
-      ),
-    },
-    7: {
-      input: [
-        <sl-select
-          required
-          label={props.text.classificationLabel}
-          name="/beneficiaryClassification"
-          id="beneficiaryClassification"
-          key="beneficiaryClassification"
-          {...(errors?.inputErrors?.beneficiaryClassification && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.beneficiaryClassification?.type,
-              label: props.text.classificationLabel,
-            }),
-          })}
-        >
-          <sl-menu-item value="BUSINESS">
-            {props.text.businessSelectItemLabel}
-          </sl-menu-item>
-          <sl-menu-item value="INDIVIDUAL">
-            {props.text.individualSelectItemLabel}
-          </sl-menu-item>
-          <sl-menu-item value="FOREIGN">
-            {props.text.foreignSelectItemLabel}
-          </sl-menu-item>
-        </sl-select>,
-        <sl-input
-          required
-          label={intl.formatMessage(
-            {
-              id: "fxWireText",
-              defaultMessage: props.text.taxPayerIdLabel,
-            },
-            {
-              bankCountry,
-            }
-          )}
-          type="text"
-          name="/taxPayerId"
-          id="taxPayerId"
-          key="taxPayerId"
-          {...(errors?.inputErrors?.taxPayerId && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.taxPayerId?.type,
-              label: props.text.taxPayerIdLabel,
-            }),
-          })}
-        ></sl-input>,
-      ],
-    },
-    8: {
-      input: (
-        <sl-select
-          required
-          label={props.text.classificationCPFLabel}
-          name="/beneficiaryClassification"
-          id="beneficiaryClassification"
-          key="beneficiaryClassification"
-          {...(errors?.inputErrors?.beneficiaryClassification && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.beneficiaryClassification?.type,
-              label: props.text.classificationCPFLabel,
-            }),
-          })}
-        >
-          <sl-menu-item value="CPF">CPF</sl-menu-item>
-          <sl-menu-item value="CNPJ">CNPJ</sl-menu-item>
-        </sl-select>
-      ),
-    },
-    9: {
-      input: (
-        <sl-input
-          key="patronymicName"
-          required
-          label={props.text.patronymicNameLabel}
-          name="/patronymicName"
-          id="patronymicName"
-          type="text"
-          {...(errors?.inputErrors?.patronymicName && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.patronymicName?.type,
-              label: props.text.patronymicNameLabel,
-            }),
-          })}
-        ></sl-input>
-      ),
-    },
-    10: {
-      input: (
-        <sl-input
-          key="voCode"
-          label={props.text.voCodeLabel}
-          name="/voCode"
-          id="voCode"
-          type="text"
-          {...(errors?.inputErrors?.voCode && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.voCode?.type,
-              label: props.text.voCodeLabel,
-            }),
-          })}
-        ></sl-input>
-      ),
-    },
-    11: {
-      input: (
-        <sl-input
-          required
-          label={props.text.agencyCodeLabel}
-          name="/agencyCode"
-          id="agencyCode"
-          key="agencyCode"
-          type="text"
-          {...(errors?.inputErrors?.agencyCode && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.agencyCode?.type,
-              label: props.text.agencyCodeLabel,
-            }),
-          })}
-        ></sl-input>
-      ),
-    },
-    12: {
-      input: [
-        <sl-input
-          required
-          label={props.text.bankAddressLabel}
-          name="/bankAddress"
-          id="bankAddress"
-          key="bankAddress"
-          type="text"
-          {...(errors?.inputErrors?.bankAddress && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.bankAddress?.type,
-              label: props.text.bankAddressLabel,
-            }),
-          })}
-        ></sl-input>,
-        <sl-input
-          required
-          label={props.text.bankCityLabel}
-          name="/bankCity"
-          id="bankCity"
-          key="bankCity"
-          type="text"
-          {...(errors?.inputErrors?.bankCity && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.bankCity?.type,
-              label: props.text.bankCityLabel,
-            }),
-          })}
-        ></sl-input>,
-        <sl-input
-          required
-          label={props.text.bankStateLabel}
-          name="/bankState"
-          id="bankState"
-          key="bankState"
-          type="text"
-          {...(errors?.inputErrors?.bankState && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.bankState?.type,
-              label: props.text.bankStateLabel,
-            }),
-          })}
-        ></sl-input>,
-        <sl-input
-          required
-          label={props.text.bankPostalCodeLabel}
-          name="/bankPostalCode"
-          id="bankPostalCode"
-          key="bankPostalCode"
-          type="text"
-          {...(errors?.inputErrors?.bankPostalCode && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.bankPostalCode?.type,
-              label: props.text.bankPostalCodeLabel,
-            }),
-          })}
-        ></sl-input>,
-      ],
-    },
-    13: {
-      input: (
-        <sl-input
-          required
-          label={props.text.branchCodeLabel}
-          name="/branchCode"
-          id="branchCode"
-          key="branchCode"
-          type="text"
-          {...(errors?.inputErrors?.branchCode && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.branchCode?.type,
-              label: props.text.branchCodeLabel,
-            }),
-          })}
-        ></sl-input>
-      ),
-    },
-    14: {
-      input: (
-        <sl-select
-          required
-          label={props.text.classificationLabel}
-          name="/beneficiaryClassification"
-          id="beneficiaryClassification"
-          key="beneficiaryClassification"
-          {...(errors?.inputErrors?.beneficiaryClassification && {
-            class: "error-input",
-            helpText: getValidationErrorMessage({
-              type: errors?.inputErrors?.beneficiaryClassification?.type,
-              label: props.text.classificationLabel,
-            }),
-          })}
-        >
-          <sl-menu-item value="BUSINESS">
-            {props.text.businessSelectItemLabel}
-          </sl-menu-item>
-          <sl-menu-item value="INDIVIDUAL">
-            {props.text.individualSelectItemLabel}
-          </sl-menu-item>
-          <sl-menu-item value="FOREIGN">
-            {props.text.foreignSelectItemLabel}
-          </sl-menu-item>
-        </sl-select>
-      ),
-    },
-  };
-}
-
 export function getFormInputs({ bitset, formMap }) {
   // Convert bitset to binary representation
   const binary = bitset.toString(2).padStart(Object.keys(formMap).length, "0");
@@ -600,7 +166,6 @@ export function useBankingInfoForm(
   } = useParentQueryValue<FinanceNetworkSettingsQuery>(
     FINANCE_NETWORK_SETTINGS_NAMESPACE
   );
-
   const {
     data: userData,
     refetch,
@@ -623,6 +188,7 @@ export function useBankingInfoForm(
     "BALANCE_THRESHOLD" | "FIXED_DAY" | undefined
   >(undefined);
   const [countrySearch, setCountrySearch] = useState("");
+  const [filteredCountries, setFilteredCountries] = useState(countries || []);
 
   const currency = userData?.user?.impactConnection?.publisher?.currency || "";
 
@@ -646,8 +212,6 @@ export function useBankingInfoForm(
   const paymentMethodFeeLabel =
     paymentMethodFeeMap[currentPaymentOption?.defaultFinancePaymentMethodId];
 
-  const [filteredCountries, setFilteredCountries] = useState(countries || []);
-
   const hasPayPal = !!paymentOptions?.find(
     (option) => option.defaultFinancePaymentMethodId === PAYPAL_PAYMENT_METHOD
   );

From 72f86d6729c6f1bda081cafc3b829e893734b0a4 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 11:39:24 -0700
Subject: [PATCH 691/753] cleanup imports

---
 .../tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx       | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 72f34ad792..30f98e6377 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -1,4 +1,3 @@
-import { useLocale, useUserIdentity } from "@saasquatch/component-boilerplate";
 import {
   useEffect,
   useMemo,
@@ -9,9 +8,7 @@ import jsonpointer from "jsonpointer";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
-  COUNTRIES_QUERY_NAMESPACE,
   CURRENCIES_NAMESPACE,
-  CountriesQuery,
   Currencies,
   SORTED_COUNTRIES_NAMESPACE,
   TAX_CONTEXT_NAMESPACE,
@@ -25,7 +22,6 @@ import {
 } from "../sqm-tax-and-cash/data";
 import { objectIsFull } from "../utils";
 import { TaxForm } from "./sqm-user-info-form";
-import { getCountryObj } from "../sqm-tax-and-cash/useTaxAndCash";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {

From 019ef902f99752454f44eb6c35b785ad843cc388 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 11:39:51 -0700
Subject: [PATCH 692/753] Update useTaxAndCash.tsx

---
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 21 +++++++++----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index f6053655ba..d8f7a0dd97 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -155,14 +155,14 @@ export function useTaxAndCash() {
   });
 
   // State for when to hide steps, or override certain actions
-  const [context, setContext] = useParentState<TaxContext>({
+  const [context, _setContext] = useParentState<TaxContext>({
     namespace: TAX_FORM_CONTEXT_NAMESPACE,
     initialValue: {} as TaxContext,
   });
 
   // State to carry user form information into step 2
-  const [userFormContext, setUserFormContext] = useParentState<UserFormContext>(
-    {
+  const [userFormContext, _setUserFormContext] =
+    useParentState<UserFormContext>({
       namespace: USER_FORM_CONTEXT_NAMESPACE,
       initialValue: {
         firstName: undefined,
@@ -171,8 +171,7 @@ export function useTaxAndCash() {
         countryCode: undefined,
         currency: undefined,
       } as UserFormContext,
-    }
-  );
+    });
 
   const [_currenciesContext, setCurrenciesContext] = useParentState<Currencies>(
     {
@@ -181,12 +180,12 @@ export function useTaxAndCash() {
     }
   );
 
-  const [_countriesContext, setCountriesContext] = useParentState<TaxCountry[]>(
-    {
-      namespace: COUNTRIES_NAMESPACE,
-      initialValue: [],
-    }
-  );
+  const [_countriesContext, _setCountriesContext] = useParentState<
+    TaxCountry[]
+  >({
+    namespace: COUNTRIES_NAMESPACE,
+    initialValue: [],
+  });
 
   const [_sortedCountriesContext, setSortedCountriesContext] = useParentState<
     TaxCountry[]

From a9cd8c03555100253939c271207071a59ddfb466 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 28 Mar 2024 13:24:05 -0700
Subject: [PATCH 693/753] Update copy in template

---
 packages/mint-components/src/templates/TaxAndCash.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/templates/TaxAndCash.html b/packages/mint-components/src/templates/TaxAndCash.html
index 9ed08ceaf2..492b5dc3ff 100644
--- a/packages/mint-components/src/templates/TaxAndCash.html
+++ b/packages/mint-components/src/templates/TaxAndCash.html
@@ -83,7 +83,7 @@
             <sqm-navigation-sidebar-item
               path="/taxAndCash"
               icon="file-earmark-text"
-              label="Tax and Cash"
+              label="Tax & Payout Settings"
             ></sqm-navigation-sidebar-item>
             <sqm-navigation-sidebar-item
               path="/logout"

From 9e600353cc13cdcd71cfd780d71bb73615c784ab Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 28 Mar 2024 14:21:09 -0700
Subject: [PATCH 694/753] Added isPartner disabled state to indirect tax form
 checkboxes

---
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.tsx           | 1 +
 .../sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index eb79b1df13..23ab11d172 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -265,6 +265,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={{
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
index c2cb71d868..eb23eaebc3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.tsx
@@ -11,6 +11,7 @@ export interface IndirectDetailsSlotViewProps {
     disabled: boolean;
     loading: boolean;
     hide: boolean;
+    isPartner: boolean;
     formState: {
       selectedRegion?: string;
       subRegion?: string;
@@ -219,7 +220,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
           exportparts="label: input-label"
           checked={formState.hasSubRegionTaxNumber}
           onSl-change={callbacks.onSpainToggle}
-          disabled={states.disabled}
+          disabled={states.disabled || states.isPartner}
         >
           {text.isRegisteredSubRegionIncomeTax}
         </sl-checkbox>
@@ -298,6 +299,7 @@ export const OtherRegionSlotView = (props: IndirectDetailsSlotViewProps) => {
               exportparts="label: input-label"
               onSl-change={callbacks.onQstToggle}
               checked={formState.hasQst}
+              disabled={states.isPartner || states.disabled}
             >
               {text.isRegisteredQST}
             </sl-checkbox>

From e5bb50cc857551b4334950b3da3271af7aad5127 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 28 Mar 2024 14:33:26 -0700
Subject: [PATCH 695/753] Updated text props and descriptions

---
 packages/mint-components/src/components.d.ts  | 32 ++++++-------------
 .../sqm-banking-info-form.tsx                 |  2 +-
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  2 +-
 .../sqm-indirect-tax-form.tsx                 |  2 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 12 ++-----
 .../sqm-user-info-form/sqm-user-info-form.tsx |  2 +-
 6 files changed, 16 insertions(+), 36 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 43faec759e..5f2b20ef9f 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -295,7 +295,7 @@ export namespace Components {
          */
         "taxAndPayouts": string;
         /**
-          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * Displayed at the top of the page on all set up steps.
           * @uiName Page description
          */
         "taxAndPayoutsDescription": string;
@@ -604,7 +604,7 @@ export namespace Components {
          */
         "refreshButton": string;
         /**
-          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * Displayed at the top of the page on all set up steps.
           * @uiName Page description
          */
         "taxAndPayoutsDescription": string;
@@ -1080,7 +1080,7 @@ export namespace Components {
          */
         "subRegionTaxNumberLabel": string;
         /**
-          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * Displayed at the top of the page on all set up steps.
           * @uiName Page description
          */
         "taxAndPayoutsDescription": string;
@@ -4372,12 +4372,6 @@ export namespace Components {
           * @uiGroup Step 4 Properties
          */
         "step4_businessSelectItemLabel": string;
-        /**
-          * Alert text indicating participant cannot change info after it has been submitted
-          * @uiName Cannot change info Alert text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_cannotChangeInfoAlert": string;
         /**
           * @uiName Checking account option
           * @uiGroup Step 4 Properties
@@ -4529,7 +4523,7 @@ export namespace Components {
          */
         "step4_voCodeLabel": string;
         /**
-          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * Displayed at the top of the page on all set up steps.
           * @uiName Page description
           * @uiGroup General Form Properties
          */
@@ -4966,7 +4960,7 @@ export namespace Components {
          */
         "searchForCurrencyText": string;
         /**
-          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * Displayed at the top of the page on all set up steps.
           * @uiName Page description
          */
         "taxAndPayoutsDescription": string;
@@ -6001,7 +5995,7 @@ declare namespace LocalJSX {
          */
         "taxAndPayouts"?: string;
         /**
-          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * Displayed at the top of the page on all set up steps.
           * @uiName Page description
          */
         "taxAndPayoutsDescription"?: string;
@@ -6310,7 +6304,7 @@ declare namespace LocalJSX {
          */
         "refreshButton"?: string;
         /**
-          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * Displayed at the top of the page on all set up steps.
           * @uiName Page description
          */
         "taxAndPayoutsDescription"?: string;
@@ -6786,7 +6780,7 @@ declare namespace LocalJSX {
          */
         "subRegionTaxNumberLabel"?: string;
         /**
-          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * Displayed at the top of the page on all set up steps.
           * @uiName Page description
          */
         "taxAndPayoutsDescription"?: string;
@@ -10048,12 +10042,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 4 Properties
          */
         "step4_businessSelectItemLabel"?: string;
-        /**
-          * Alert text indicating participant cannot change info after it has been submitted
-          * @uiName Cannot change info Alert text
-          * @uiGroup Step 4 Properties
-         */
-        "step4_cannotChangeInfoAlert"?: string;
         /**
           * @uiName Checking account option
           * @uiGroup Step 4 Properties
@@ -10205,7 +10193,7 @@ declare namespace LocalJSX {
          */
         "step4_voCodeLabel"?: string;
         /**
-          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * Displayed at the top of the page on all set up steps.
           * @uiName Page description
           * @uiGroup General Form Properties
          */
@@ -10641,7 +10629,7 @@ declare namespace LocalJSX {
          */
         "searchForCurrencyText"?: string;
         /**
-          * Displayed at the top of the page on all set up steps and on the dashboard.
+          * Displayed at the top of the page on all set up steps.
           * @uiName Page description
          */
         "taxAndPayoutsDescription"?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 06fb5f3e55..5545f7080b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -43,7 +43,7 @@ export class BankingInfoForm {
   @Prop() taxAndPayouts: string = "Payouts";
 
   /**
-   * Displayed at the top of the page on all set up steps and on the dashboard.
+   * Displayed at the top of the page on all set up steps.
    * @uiName Page description
    */
   @Prop() taxAndPayoutsDescription: string =
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 268f29760a..0cea288dc5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -128,7 +128,7 @@ export class DocusignForm {
     "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 and on the dashboard.
+   * Displayed at the top of the page on all set up steps.
    * @uiName Page description
    */
   @Prop() taxAndPayoutsDescription: string =
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 23ab11d172..369e62e806 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -206,7 +206,7 @@ export class IndirectTaxForm {
   @Prop() loadingErrorAlertDescription: string =
     "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 and on the dashboard.
+   * Displayed at the top of the page on all set up steps.
    * @uiName Page description
    */
   @Prop() taxAndPayoutsDescription: string =
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index e1f143640b..0b4aa87878 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -66,7 +66,7 @@ export class TaxAndCashMonolith {
    */
   @Prop() step1_personalInformation: string = "Personal Information";
   /**
-   Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
+   * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
    * @uiName Terms and conditions checkbox
    * @uiGroup Step 1 Properties
    */
@@ -524,14 +524,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 4 Properties
    */
   @Prop() step4_bankPostalCodeLabel: string = "Bank postal code";
-  /**
-   * Alert text indicating participant cannot change info after it has been submitted
-   * @uiName Cannot change info Alert text
-   * @uiGroup Step 4 Properties
-   */
-  @Prop() step4_cannotChangeInfoAlert: string =
-    "Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting.";
-
   /**
    * Default payment method to the participants’ bank account.
    * @uiName EFT withdrawal payment method
@@ -961,7 +953,7 @@ export class TaxAndCashMonolith {
   @Prop() loadingErrorAlertDescription: string =
     "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 and on the dashboard.
+   * Displayed at the top of the page on all set up steps.
    * @uiName Page description
    * @uiGroup General Form Properties
    */
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 3610c50ff6..b3fc19a19e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -128,7 +128,7 @@ export class TaxForm {
   @Prop() loadingErrorAlertDescription: string =
     "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 and on the dashboard.
+   * Displayed at the top of the page on all set up steps.
    * @uiName Page description
    */
   @Prop() taxAndPayoutsDescription: string =

From e139d7b5ba272af74664b4506e2d97315dd45c01 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 14:48:00 -0700
Subject: [PATCH 696/753] a bunch of fixes for invoice table

---
 packages/mint-components/src/components.d.ts             | 4 ++--
 .../sqm-invoice-table/InvoiceTableCell.stories.tsx       | 2 +-
 .../cells/sqm-invoice-table-download-cell.tsx            | 5 +++--
 .../columns/sqm-invoice-table-download-column.tsx        | 3 ++-
 .../src/components/sqm-invoice-table/mockInvoiceData.ts  | 2 +-
 .../src/components/sqm-invoice-table/useInvoiceTable.tsx | 9 +++++----
 packages/mint-components/src/saasquatch.d.ts             | 2 +-
 7 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 43faec759e..499d4519dc 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1301,7 +1301,7 @@ export namespace Components {
         "renderLabel": () => Promise<string>;
     }
     interface SqmInvoiceTableDownloadCell {
-        "downloadURL": string;
+        "downloadUrl": string;
     }
     interface SqmInvoiceTableDownloadColumn {
         "renderCell": (data: Invoice) => Promise<any>;
@@ -7003,7 +7003,7 @@ declare namespace LocalJSX {
         "columnTitle"?: string;
     }
     interface SqmInvoiceTableDownloadCell {
-        "downloadURL"?: string;
+        "downloadUrl"?: string;
     }
     interface SqmInvoiceTableDownloadColumn {
     }
diff --git a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTableCell.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTableCell.stories.tsx
index ff04ea79c1..6769d63449 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTableCell.stories.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTableCell.stories.tsx
@@ -37,7 +37,7 @@ export const TaxedAmountCell = () => {
 
 export const DownloadCell = () => {
   return (
-    <sqm-invoice-table-download-cell downloadURL="https://www.example.com"></sqm-invoice-table-download-cell>
+    <sqm-invoice-table-download-cell downloadUrl="https://www.example.com"></sqm-invoice-table-download-cell>
   );
 };
 
diff --git a/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-download-cell.tsx b/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-download-cell.tsx
index acd047c928..3c88909a7c 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-download-cell.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-download-cell.tsx
@@ -8,7 +8,7 @@ import { Component, h, Host, Prop, State } from "@stencil/core";
 export class InvoiceTableDownloadCell {
   @State()
   ignored = true;
-  @Prop() downloadURL: string;
+  @Prop() downloadUrl: string;
   constructor() {
     withHooks(this);
   }
@@ -18,10 +18,11 @@ export class InvoiceTableDownloadCell {
     const vanillaStyle = `svg:hover, svg:hover * {
       cursor: pointer;
     }`;
+
     return (
       <Host>
         <style>{vanillaStyle}</style>
-        <a href={this.downloadURL}>
+        <a href={this.downloadUrl} target="_blank">
           <svg
             width="20"
             height="20"
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx
index f818cd8c3d..5ce2021466 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx
@@ -18,9 +18,10 @@ export class InvoiceTableGenericColumn implements InvoiceTableColumn {
 
   @Method()
   async renderCell(data: Invoice) {
+    console.log({ data });
     return (
       <sqm-invoice-table-download-cell
-        downloadURL={data.downloadURL}
+        downloadUrl={data.downloadUrl}
       ></sqm-invoice-table-download-cell>
     );
   }
diff --git a/packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts b/packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts
index 2e93d4d1df..d5d0723b76 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts
+++ b/packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts
@@ -15,7 +15,7 @@ const getMockData = (): Invoice => {
   const taxedAmount = Math.round(earnings * 0.2);
 
   return {
-    downloadURL: "https://example.com",
+    downloadUrl: "https://example.com",
     dateCreated: today.toMillis(),
     invoiceId,
     program: "my-program",
diff --git a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
index b98bc1acd2..58f95f6247 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
@@ -108,13 +108,14 @@ export function useInvoiceTable(
     const cellsPromise = data?.map(async (invoice: Invoice) => {
       // TODO: probably going to pass in values as named by graphql
       const invoiceData = {
-        earnings: `${invoice.currency}${invoice.totalAmount}`,
-        taxedAmount: `${invoice.currency}${invoice.totalVatAmount}`,
+        earnings: `${invoice.currency}${invoice.totalAmount?.toFixed(2)}`,
+        taxedAmount: `${invoice.currency}${invoice.totalVatAmount?.toFixed(2)}`,
         dateCreated: invoice.dateCreated,
         invoiceId: invoice.id,
-        netEarnings: `${invoice.currency}${
+        netEarnings: `${invoice.currency}${(
           invoice.totalAmount - invoice.totalVatAmount
-        }`,
+        )?.toFixed(2)}`,
+        downloadUrl: invoice.downloadUrl,
       };
 
       const cellPromise = columnComponents?.map(async (c: any) =>
diff --git a/packages/mint-components/src/saasquatch.d.ts b/packages/mint-components/src/saasquatch.d.ts
index 1ccd9c2c23..c3f10dc913 100644
--- a/packages/mint-components/src/saasquatch.d.ts
+++ b/packages/mint-components/src/saasquatch.d.ts
@@ -172,7 +172,7 @@ declare module "*.md";
 declare module "react";
 
 interface Invoice {
-  downloadURL: string;
+  downloadUrl: string;
   dateCreated: number;
   invoiceId: string;
   program: string;

From 77e9d48c05745a0652b2b1822de98f81ec342a6e Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 14:59:26 -0700
Subject: [PATCH 697/753] more invoice table bug fixes, publish

---
 packages/mint-components/package.json         |  2 +-
 .../sqm-invoice-table/cells/readme.md         |  6 +--
 .../cells/sqm-invoice-table-download-cell.tsx | 38 ++++++++++---------
 .../sqm-invoice-table/useInvoiceTable.tsx     | 14 ++++---
 .../sqm-banking-info-form/readme.md           |  2 +-
 .../tax-and-cash/sqm-docusign-form/readme.md  |  2 +-
 .../sqm-indirect-tax-form/readme.md           |  2 +-
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  3 +-
 .../tax-and-cash/sqm-user-info-form/readme.md |  2 +-
 9 files changed, 38 insertions(+), 33 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index e5dae7156b..27f6546f04 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-128",
+  "version": "1.8.0-130",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md b/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md
index 10b337929f..cd164f7352 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/cells/readme.md
@@ -7,9 +7,9 @@
 
 ## Properties
 
-| Property      | Attribute        | Description | Type     | Default     |
-| ------------- | ---------------- | ----------- | -------- | ----------- |
-| `downloadURL` | `download-u-r-l` |             | `string` | `undefined` |
+| Property      | Attribute      | Description | Type     | Default     |
+| ------------- | -------------- | ----------- | -------- | ----------- |
+| `downloadUrl` | `download-url` |             | `string` | `undefined` |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-download-cell.tsx b/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-download-cell.tsx
index 3c88909a7c..686bfa8ce8 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-download-cell.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/cells/sqm-invoice-table-download-cell.tsx
@@ -22,24 +22,26 @@ export class InvoiceTableDownloadCell {
     return (
       <Host>
         <style>{vanillaStyle}</style>
-        <a href={this.downloadUrl} target="_blank">
-          <svg
-            width="20"
-            height="20"
-            viewBox="0 0 20 20"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M0.625 12.4375C0.79076 12.4375 0.949732 12.5033 1.06694 12.6206C1.18415 12.7378 1.25 12.8967 1.25 13.0625V16.1875C1.25 16.519 1.3817 16.837 1.61612 17.0714C1.85054 17.3058 2.16848 17.4375 2.5 17.4375H17.5C17.8315 17.4375 18.1495 17.3058 18.3839 17.0714C18.6183 16.837 18.75 16.519 18.75 16.1875V13.0625C18.75 12.8967 18.8158 12.7378 18.9331 12.6206C19.0503 12.5033 19.2092 12.4375 19.375 12.4375C19.5408 12.4375 19.6997 12.5033 19.8169 12.6206C19.9342 12.7378 20 12.8967 20 13.0625V16.1875C20 16.8505 19.7366 17.4864 19.2678 17.9553C18.7989 18.4241 18.163 18.6875 17.5 18.6875H2.5C1.83696 18.6875 1.20107 18.4241 0.732233 17.9553C0.263392 17.4864 0 16.8505 0 16.1875V13.0625C0 12.8967 0.065848 12.7378 0.183058 12.6206C0.300269 12.5033 0.45924 12.4375 0.625 12.4375Z"
-              fill="#717179"
-            />
-            <path
-              d="M9.5575 14.88C9.61556 14.9382 9.68453 14.9844 9.76046 15.0159C9.83639 15.0474 9.91779 15.0636 10 15.0636C10.0822 15.0636 10.1636 15.0474 10.2395 15.0159C10.3155 14.9844 10.3844 14.9382 10.4425 14.88L14.1925 11.13C14.3099 11.0126 14.3758 10.8535 14.3758 10.6875C14.3758 10.5215 14.3099 10.3624 14.1925 10.245C14.0751 10.1276 13.916 10.0617 13.75 10.0617C13.584 10.0617 13.4249 10.1276 13.3075 10.245L10.625 12.9288V1.9375C10.625 1.77174 10.5592 1.61277 10.4419 1.49556C10.3247 1.37835 10.1658 1.3125 10 1.3125C9.83424 1.3125 9.67527 1.37835 9.55806 1.49556C9.44085 1.61277 9.375 1.77174 9.375 1.9375V12.9288L6.6925 10.245C6.57514 10.1276 6.41597 10.0617 6.25 10.0617C6.08403 10.0617 5.92486 10.1276 5.8075 10.245C5.69014 10.3624 5.62421 10.5215 5.62421 10.6875C5.62421 10.8535 5.69014 11.0126 5.8075 11.13L9.5575 14.88Z"
-              fill="#717179"
-            />
-          </svg>
-        </a>
+        {!!this.downloadUrl && (
+          <a href={this.downloadUrl} target="_blank">
+            <svg
+              width="20"
+              height="20"
+              viewBox="0 0 20 20"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0.625 12.4375C0.79076 12.4375 0.949732 12.5033 1.06694 12.6206C1.18415 12.7378 1.25 12.8967 1.25 13.0625V16.1875C1.25 16.519 1.3817 16.837 1.61612 17.0714C1.85054 17.3058 2.16848 17.4375 2.5 17.4375H17.5C17.8315 17.4375 18.1495 17.3058 18.3839 17.0714C18.6183 16.837 18.75 16.519 18.75 16.1875V13.0625C18.75 12.8967 18.8158 12.7378 18.9331 12.6206C19.0503 12.5033 19.2092 12.4375 19.375 12.4375C19.5408 12.4375 19.6997 12.5033 19.8169 12.6206C19.9342 12.7378 20 12.8967 20 13.0625V16.1875C20 16.8505 19.7366 17.4864 19.2678 17.9553C18.7989 18.4241 18.163 18.6875 17.5 18.6875H2.5C1.83696 18.6875 1.20107 18.4241 0.732233 17.9553C0.263392 17.4864 0 16.8505 0 16.1875V13.0625C0 12.8967 0.065848 12.7378 0.183058 12.6206C0.300269 12.5033 0.45924 12.4375 0.625 12.4375Z"
+                fill="#717179"
+              />
+              <path
+                d="M9.5575 14.88C9.61556 14.9382 9.68453 14.9844 9.76046 15.0159C9.83639 15.0474 9.91779 15.0636 10 15.0636C10.0822 15.0636 10.1636 15.0474 10.2395 15.0159C10.3155 14.9844 10.3844 14.9382 10.4425 14.88L14.1925 11.13C14.3099 11.0126 14.3758 10.8535 14.3758 10.6875C14.3758 10.5215 14.3099 10.3624 14.1925 10.245C14.0751 10.1276 13.916 10.0617 13.75 10.0617C13.584 10.0617 13.4249 10.1276 13.3075 10.245L10.625 12.9288V1.9375C10.625 1.77174 10.5592 1.61277 10.4419 1.49556C10.3247 1.37835 10.1658 1.3125 10 1.3125C9.83424 1.3125 9.67527 1.37835 9.55806 1.49556C9.44085 1.61277 9.375 1.77174 9.375 1.9375V12.9288L6.6925 10.245C6.57514 10.1276 6.41597 10.0617 6.25 10.0617C6.08403 10.0617 5.92486 10.1276 5.8075 10.245C5.69014 10.3624 5.62421 10.5215 5.62421 10.6875C5.62421 10.8535 5.69014 11.0126 5.8075 11.13L9.5575 14.88Z"
+                fill="#717179"
+              />
+            </svg>
+          </a>
+        )}
       </Host>
     );
   }
diff --git a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
index 58f95f6247..ca16132004 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
@@ -108,13 +108,17 @@ export function useInvoiceTable(
     const cellsPromise = data?.map(async (invoice: Invoice) => {
       // TODO: probably going to pass in values as named by graphql
       const invoiceData = {
-        earnings: `${invoice.currency}${invoice.totalAmount?.toFixed(2)}`,
-        taxedAmount: `${invoice.currency}${invoice.totalVatAmount?.toFixed(2)}`,
+        earnings: `${invoice.currency}${
+          invoice.totalAmount?.toFixed(2) || "0.00"
+        }`,
+        taxedAmount: `${invoice.currency}${
+          invoice.totalVatAmount?.toFixed(2) || "0.00"
+        }`,
         dateCreated: invoice.dateCreated,
         invoiceId: invoice.id,
-        netEarnings: `${invoice.currency}${(
-          invoice.totalAmount - invoice.totalVatAmount
-        )?.toFixed(2)}`,
+        netEarnings: `${invoice.currency}${
+          (invoice.totalAmount - invoice.totalVatAmount)?.toFixed(2) || "0.00"
+        }`,
         downloadUrl: invoice.downloadUrl,
       };
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
index edd8e8d22a..c1d0a59301 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/readme.md
@@ -57,7 +57,7 @@
 | `searchForCountryText`                | `search-for-country-text`                   | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Search for country.."`                                                                                                                                                                                                        |
 | `swiftCodeLabel`                      | `swift-code-label`                          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"SWIFT code"`                                                                                                                                                                                                                  |
 | `taxAndPayouts`                       | `tax-and-payouts`                           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Payouts"`                                                                                                                                                                                                                     |
-| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                         |
+| `taxAndPayoutsDescription`            | `tax-and-payouts-description`               | Displayed at the top of the page on all set up steps.                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                         |
 | `taxPayerIdLabel`                     | `tax-payer-id-label`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }"`                                                                                                                                         |
 | `toPayPalAccount`                     | `to-pay-pal-account`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                               |
 | `voCodeLabel`                         | `vo-code-label`                             |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | `"VO code"`                                                                                                                                                                                                                     |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
index e8a09c9445..3f7ca52f08 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/readme.md
@@ -22,7 +22,7 @@
 | `loadingErrorAlertHeader`                 | `loading-error-alert-header`                  | Part of the alert displayed at the top of the page.                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"There was a problem loading your form"`                                                                                                                          |
 | `participantType`                         | `participant-type`                            |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Participant type"`                                                                                                                                               |
 | `refreshButton`                           | `refresh-button`                              |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Refresh Page"`                                                                                                                                                   |
-| `taxAndPayoutsDescription`                | `tax-and-payouts-description`                 | Displayed at the top of the page on all set up steps and on the dashboard.                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                            |
+| `taxAndPayoutsDescription`                | `tax-and-payouts-description`                 | Displayed at the top of the page on all set up steps.                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                            |
 | `taxForm`                                 | `tax-form`                                    |                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Tax form"`                                                                                                                                                       |
 | `taxFormDescription`                      | `tax-form-description`                        | Displayed at the top of the page to participants based in the US.                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Participants based in the US need to submit a {documentType} form."`                                                                                             |
 | `taxFormDescriptionBusinessEntity`        | `tax-form-description-business-entity`        | Displayed at the top of the page to participants representing a business.                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                              | `"Participants residing outside of the US who represent a business entity need to submit a {documentType} form."`                                                  |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index b5f669efba..128846e844 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -37,7 +37,7 @@
 | `selectedRegion`                 | `selected-region`                     |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Country / region of indirect tax"`                                                                                                                                                                                                  |
 | `subRegion`                      | `sub-region`                          | Displayed to participants registered in Spain.                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Sub-region"`                                                                                                                                                                                                                        |
 | `subRegionTaxNumberLabel`        | `sub-region-tax-number-label`         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Income tax number"`                                                                                                                                                                                                                 |
-| `taxAndPayoutsDescription`       | `tax-and-payouts-description`         | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                               |
+| `taxAndPayoutsDescription`       | `tax-and-payouts-description`         | Displayed at the top of the page on all set up steps.                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                               |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index f75f045ceb..b2e605f71e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -118,7 +118,6 @@
 | `step4_beneficiaryAccountNameLabel`             | `step-4_beneficiary-account-name-label`              |                                                                                                                                | `string`                                                                                                             | `"Beneficiary account name"`                                                                                                                                                                                                                        |
 | `step4_branchCodeLabel`                         | `step-4_branch-code-label`                           |                                                                                                                                | `string`                                                                                                             | `"Branch code"`                                                                                                                                                                                                                                     |
 | `step4_businessSelectItemLabel`                 | `step-4_business-select-item-label`                  | One of three options listed for the classification field                                                                       | `string`                                                                                                             | `"Business"`                                                                                                                                                                                                                                        |
-| `step4_cannotChangeInfoAlert`                   | `step-4_cannot-change-info-alert`                    | Alert text indicating participant cannot change info after it has been submitted                                               | `string`                                                                                                             | `"Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."`                                                                     |
 | `step4_checkingSelectItemLabel`                 | `step-4_checking-select-item-label`                  |                                                                                                                                | `string`                                                                                                             | `"Checking"`                                                                                                                                                                                                                                        |
 | `step4_classificationCPFLabel`                  | `step-4_classification-c-p-f-label`                  |                                                                                                                                | `string`                                                                                                             | `"Classification CPF"`                                                                                                                                                                                                                              |
 | `step4_classificationEntityLabel`               | `step-4_classification-entity-label`                 |                                                                                                                                | `string`                                                                                                             | `"Classification entity"`                                                                                                                                                                                                                           |
@@ -147,7 +146,7 @@
 | `step4_taxPayerIdLabel`                         | `step-4_tax-payer-id-label`                          |                                                                                                                                | `string`                                                                                                             | `"Beneficiary INN"`                                                                                                                                                                                                                                 |
 | `step4_toPayPalAccount`                         | `step-4_to-pay-pal-account`                          |                                                                                                                                | `string`                                                                                                             | `"PayPal (2% processing fee capped to {feeCap})"`                                                                                                                                                                                                   |
 | `step4_voCodeLabel`                             | `step-4_vo-code-label`                               |                                                                                                                                | `string`                                                                                                             | `"VO code"`                                                                                                                                                                                                                                         |
-| `taxAndPayoutsDescription`                      | `tax-and-payouts-description`                        | Displayed at the top of the page on all set up steps and on the dashboard.                                                     | `string`                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                                             |
+| `taxAndPayoutsDescription`                      | `tax-and-payouts-description`                        | Displayed at the top of the page on all set up steps.                                                                          | `string`                                                                                                             | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                                             |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
index 09b7daa62f..a95f497ca8 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/readme.md
@@ -29,7 +29,7 @@
 | `personalInformation`          | `personal-information`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Personal Information"`                                                                                                                                                    |
 | `searchForCountryText`         | `search-for-country-text`         | Placeholder text displayed in the country search dropdown                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Search for country.."`                                                                                                                                                    |
 | `searchForCurrencyText`        | `search-for-currency-text`        | Placeholder text displayed in the currency search dropdown                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Search for currency.."`                                                                                                                                                   |
-| `taxAndPayoutsDescription`     | `tax-and-payouts-description`     | Displayed at the top of the page on all set up steps and on the dashboard.                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
+| `taxAndPayoutsDescription`     | `tax-and-payouts-description`     | Displayed at the top of the page on all set up steps.                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                     |
 | `termsAndConditionsLabel`      | `terms-and-conditions-label`      | The text link that appears in the terms and conditions checkbox                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `"terms and conditions"`                                                                                                                                                    |
 
 

From 468701735745365e1e048a00a76169c1de82a006 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 28 Mar 2024 15:20:31 -0700
Subject: [PATCH 698/753] Fixed invoice table description margin

---
 .../components/sqm-invoice-table/sqm-invoice-table-view.tsx | 3 ++-
 packages/mint-components/src/index.html                     | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table-view.tsx b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table-view.tsx
index b223a37a90..d8a90fa1ab 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table-view.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table-view.tsx
@@ -9,7 +9,8 @@ interface InvoiceTableViewProps {
 const style = {
   Description: {
     fontSize: "var(--sl-font-size-small)",
-    margin: "0 0 var(--sl-spacing-xx-large)",
+    marginTop: "var(--sl-spacing-small)",
+    margin: "0 0 var(--sl-spacing-large)",
     color: "var(--sl-color-gray-500)",
   },
   Header: {
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..63afe7dd45 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
+    <!-- <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container>
+    </sqm-portal-container> -->
   </body>
 </html>

From 1e56d283dacf9cc4bcf3016cb74097ffaf4e0684 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Thu, 28 Mar 2024 15:26:27 -0700
Subject: [PATCH 699/753] Increased Invoice row loading skeleton to colspan 6

---
 .../sqm-invoice-table/InvoiceTable.stories.tsx         | 10 +++++-----
 .../components/sqm-invoice-table/sqm-invoice-table.tsx |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
index 45d41517ce..60c2e970c3 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
@@ -17,27 +17,27 @@ export default {
 const loadingElement = (
   <div slot="loading" style={{ display: "contents" }}>
     <sqm-table-row>
-      <sqm-table-cell colspan={5}>
+      <sqm-table-cell colspan={6}>
         <sl-skeleton></sl-skeleton>
       </sqm-table-cell>
     </sqm-table-row>
     <sqm-table-row>
-      <sqm-table-cell colspan={5}>
+      <sqm-table-cell colspan={6}>
         <sl-skeleton></sl-skeleton>
       </sqm-table-cell>
     </sqm-table-row>
     <sqm-table-row>
-      <sqm-table-cell colspan={5}>
+      <sqm-table-cell colspan={6}>
         <sl-skeleton></sl-skeleton>
       </sqm-table-cell>
     </sqm-table-row>
     <sqm-table-row>
-      <sqm-table-cell colspan={5}>
+      <sqm-table-cell colspan={6}>
         <sl-skeleton></sl-skeleton>
       </sqm-table-cell>
     </sqm-table-row>
     <sqm-table-row>
-      <sqm-table-cell colspan={5}>
+      <sqm-table-cell colspan={6}>
         <sl-skeleton></sl-skeleton>
       </sqm-table-cell>
     </sqm-table-row>
diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
index 0d52e5fcc0..80bfb4e44f 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
@@ -146,7 +146,7 @@ function LoadingSlot() {
 function LoadingRow() {
   return (
     <sqm-table-row>
-      <sqm-table-cell colspan={5}>
+      <sqm-table-cell colspan={6}>
         <sl-skeleton></sl-skeleton>
       </sqm-table-cell>
     </sqm-table-row>

From 1b1ff06135b4d9a0b24490a85260630ed57608b7 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 15:45:57 -0700
Subject: [PATCH 700/753] publish

---
 packages/mint-components/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 27f6546f04..8736d24223 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-130",
+  "version": "1.8.0-131",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

From 2b4ba4e2e7bbe114c975f44e6a2e845057cb0a07 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 16:01:20 -0700
Subject: [PATCH 701/753] moved useParentState and useParentQuery to
 component-boilerplate

---
 packages/mint-components/package-lock.json    | 138 ++++++++++++++++--
 packages/mint-components/package.json         |   4 +-
 .../sqm-banking-info-form.tsx                 |   3 +-
 .../useBankingInfoForm.tsx                    |   5 +-
 .../sqm-docusign-form/sqm-docusign-form.tsx   |   3 +-
 .../sqm-docusign-form/useDocusignForm.tsx     |   5 +-
 .../sqm-indirect-tax-form.tsx                 |   3 +-
 .../useIndirectTaxForm.tsx                    |   5 +-
 .../usePayoutDetailsCard.ts                   |   3 +-
 .../useTaxAndCashDashboard.tsx                |   8 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |   3 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |   8 +-
 .../sqm-user-info-form/sqm-user-info-form.tsx |   4 +-
 .../sqm-user-info-form/useUserInfoForm.tsx    |   7 +-
 .../src/utils/useParentQuery.ts               |  46 ------
 .../src/utils/useParentState.ts               |  66 ---------
 16 files changed, 158 insertions(+), 153 deletions(-)
 delete mode 100644 packages/mint-components/src/utils/useParentQuery.ts
 delete mode 100644 packages/mint-components/src/utils/useParentState.ts

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index e12f7cfad1..ba5aa1e544 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,17 +1,18 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-127",
+  "version": "1.8.0-131",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-127",
+      "version": "1.8.0-131",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
         "@raisins/stencil-docs-target": "^1.0.0",
-        "@saasquatch/component-boilerplate": "^1.6.2",
+        "@saasquatch/component-boilerplate": "^1.6.3-1",
+        "@saasquatch/mint-components": "^1.8.0-131",
         "@saasquatch/shoelace": "^1.0.0",
         "@saasquatch/stencil-hooks": "^2.0.2",
         "@saasquatch/stencilbook": "^1.1.0",
@@ -20,7 +21,6 @@
         "canvas-confetti": "^1.4.0",
         "color2k": "^1.2.4",
         "deepmerge": "^4.2.2",
-        "fast-equals": "^4.0.3",
         "graphql": "^15.5.0",
         "graphql-request": "^3.4.0",
         "highlight.js": "^10.6.0",
@@ -2804,9 +2804,9 @@
       }
     },
     "node_modules/@saasquatch/component-boilerplate": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.2.tgz",
-      "integrity": "sha512-xujUagmij5VSLlthml5NjbMs/CfE+RFBIGfzLFxYuaEs1YC3mTwuS1K9jCrCXYza914NwpPHLvMTT2DNRJ2mQQ==",
+      "version": "1.6.3-1",
+      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-1.tgz",
+      "integrity": "sha512-mLELMWWZezESbXY6SX9iN5yhz6s23tqznJuH7NDULlj644DsbrySntBLimAvo27pHqGl/0MpM/W3BgAF17n4PA==",
       "dependencies": {
         "@formatjs/intl": "^1.8.2",
         "@saasquatch/component-environment": "^1.0.4",
@@ -2815,6 +2815,7 @@
         "@wry/equality": "^0.5.2",
         "debounce": "^1.2.0",
         "dom-context": "^1.2.0",
+        "fast-equals": "^5.0.1",
         "fast-memoize": "^2.5.2",
         "graphql": "^15.5.0",
         "graphql-combine-query": "^1.2.3",
@@ -2825,6 +2826,14 @@
         "rxjs": "^6.6.7"
       }
     },
+    "node_modules/@saasquatch/component-boilerplate/node_modules/fast-equals": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.0.1.tgz",
+      "integrity": "sha512-WF1Wi8PwwSY7/6Kx0vKXtw8RwuSGoM1bvDaJbu7MxDlR1vovZjIAKrnzyrThgAjm6JDTu0fVgWXDlMGspodfoQ==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/@saasquatch/component-environment": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@saasquatch/component-environment/-/component-environment-1.0.4.tgz",
@@ -2847,6 +2856,56 @@
         "dom-context": "^1.2.0"
       }
     },
+    "node_modules/@saasquatch/mint-components": {
+      "version": "1.8.0-131",
+      "resolved": "https://registry.npmjs.org/@saasquatch/mint-components/-/mint-components-1.8.0-131.tgz",
+      "integrity": "sha512-cSs9elvITZnVsFPnytTU/xTZw2+g7y3udNyqitWk7uf/QD7Z06CtHP+kLK4eGoRUnmVBfMyl1aSDq5N2mBq8SA==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@raisins/stencil-docs-target": "^1.0.0",
+        "@saasquatch/component-boilerplate": "^1.6.2",
+        "@saasquatch/shoelace": "^1.0.0",
+        "@saasquatch/stencil-hooks": "^2.0.2",
+        "@saasquatch/stencilbook": "^1.1.0",
+        "@saasquatch/universal-hooks": "^1.0.0",
+        "babel-polyfill": "^6.26.0",
+        "canvas-confetti": "^1.4.0",
+        "color2k": "^1.2.4",
+        "deepmerge": "^4.2.2",
+        "fast-equals": "^4.0.3",
+        "graphql": "^15.5.0",
+        "graphql-request": "^3.4.0",
+        "highlight.js": "^10.6.0",
+        "jsonpointer": "^4.1.0",
+        "jss-preset-default": "^10.7.1",
+        "libphonenumber-js": "^1.9.23",
+        "luxon": "^2.0.1",
+        "password-validator": "^5.1.1",
+        "path-to-regexp": "^6.2.0"
+      }
+    },
+    "node_modules/@saasquatch/mint-components/node_modules/@saasquatch/component-boilerplate": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.2.tgz",
+      "integrity": "sha512-xujUagmij5VSLlthml5NjbMs/CfE+RFBIGfzLFxYuaEs1YC3mTwuS1K9jCrCXYza914NwpPHLvMTT2DNRJ2mQQ==",
+      "dependencies": {
+        "@formatjs/intl": "^1.8.2",
+        "@saasquatch/component-environment": "^1.0.4",
+        "@saasquatch/dom-context-hooks": "^1.0.3",
+        "@saasquatch/universal-hooks": "^1.0.0",
+        "@wry/equality": "^0.5.2",
+        "debounce": "^1.2.0",
+        "dom-context": "^1.2.0",
+        "fast-memoize": "^2.5.2",
+        "graphql": "^15.5.0",
+        "graphql-combine-query": "^1.2.3",
+        "graphql-request": "^3.4.0",
+        "jsonpointer": "^4.1.0",
+        "jwt-decode": "^3.1.2",
+        "nanoid": "^3.1.23",
+        "rxjs": "^6.6.7"
+      }
+    },
     "node_modules/@saasquatch/shoelace": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@saasquatch/shoelace/-/shoelace-1.0.0.tgz",
@@ -17059,9 +17118,9 @@
       }
     },
     "@saasquatch/component-boilerplate": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.2.tgz",
-      "integrity": "sha512-xujUagmij5VSLlthml5NjbMs/CfE+RFBIGfzLFxYuaEs1YC3mTwuS1K9jCrCXYza914NwpPHLvMTT2DNRJ2mQQ==",
+      "version": "1.6.3-1",
+      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-1.tgz",
+      "integrity": "sha512-mLELMWWZezESbXY6SX9iN5yhz6s23tqznJuH7NDULlj644DsbrySntBLimAvo27pHqGl/0MpM/W3BgAF17n4PA==",
       "requires": {
         "@formatjs/intl": "^1.8.2",
         "@saasquatch/component-environment": "^1.0.4",
@@ -17070,6 +17129,7 @@
         "@wry/equality": "^0.5.2",
         "debounce": "^1.2.0",
         "dom-context": "^1.2.0",
+        "fast-equals": "^5.0.1",
         "fast-memoize": "^2.5.2",
         "graphql": "^15.5.0",
         "graphql-combine-query": "^1.2.3",
@@ -17078,6 +17138,13 @@
         "jwt-decode": "^3.1.2",
         "nanoid": "^3.1.23",
         "rxjs": "^6.6.7"
+      },
+      "dependencies": {
+        "fast-equals": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.0.1.tgz",
+          "integrity": "sha512-WF1Wi8PwwSY7/6Kx0vKXtw8RwuSGoM1bvDaJbu7MxDlR1vovZjIAKrnzyrThgAjm6JDTu0fVgWXDlMGspodfoQ=="
+        }
       }
     },
     "@saasquatch/component-environment": {
@@ -17099,6 +17166,57 @@
         "dom-context": "^1.2.0"
       }
     },
+    "@saasquatch/mint-components": {
+      "version": "1.8.0-131",
+      "resolved": "https://registry.npmjs.org/@saasquatch/mint-components/-/mint-components-1.8.0-131.tgz",
+      "integrity": "sha512-cSs9elvITZnVsFPnytTU/xTZw2+g7y3udNyqitWk7uf/QD7Z06CtHP+kLK4eGoRUnmVBfMyl1aSDq5N2mBq8SA==",
+      "requires": {
+        "@raisins/stencil-docs-target": "^1.0.0",
+        "@saasquatch/component-boilerplate": "^1.6.2",
+        "@saasquatch/shoelace": "^1.0.0",
+        "@saasquatch/stencil-hooks": "^2.0.2",
+        "@saasquatch/stencilbook": "^1.1.0",
+        "@saasquatch/universal-hooks": "^1.0.0",
+        "babel-polyfill": "^6.26.0",
+        "canvas-confetti": "^1.4.0",
+        "color2k": "^1.2.4",
+        "deepmerge": "^4.2.2",
+        "fast-equals": "^4.0.3",
+        "graphql": "^15.5.0",
+        "graphql-request": "^3.4.0",
+        "highlight.js": "^10.6.0",
+        "jsonpointer": "^4.1.0",
+        "jss-preset-default": "^10.7.1",
+        "libphonenumber-js": "^1.9.23",
+        "luxon": "^2.0.1",
+        "password-validator": "^5.1.1",
+        "path-to-regexp": "^6.2.0"
+      },
+      "dependencies": {
+        "@saasquatch/component-boilerplate": {
+          "version": "1.6.2",
+          "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.2.tgz",
+          "integrity": "sha512-xujUagmij5VSLlthml5NjbMs/CfE+RFBIGfzLFxYuaEs1YC3mTwuS1K9jCrCXYza914NwpPHLvMTT2DNRJ2mQQ==",
+          "requires": {
+            "@formatjs/intl": "^1.8.2",
+            "@saasquatch/component-environment": "^1.0.4",
+            "@saasquatch/dom-context-hooks": "^1.0.3",
+            "@saasquatch/universal-hooks": "^1.0.0",
+            "@wry/equality": "^0.5.2",
+            "debounce": "^1.2.0",
+            "dom-context": "^1.2.0",
+            "fast-memoize": "^2.5.2",
+            "graphql": "^15.5.0",
+            "graphql-combine-query": "^1.2.3",
+            "graphql-request": "^3.4.0",
+            "jsonpointer": "^4.1.0",
+            "jwt-decode": "^3.1.2",
+            "nanoid": "^3.1.23",
+            "rxjs": "^6.6.7"
+          }
+        }
+      }
+    },
     "@saasquatch/shoelace": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@saasquatch/shoelace/-/shoelace-1.0.0.tgz",
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 8736d24223..987b22070e 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -69,7 +69,8 @@
   },
   "dependencies": {
     "@raisins/stencil-docs-target": "^1.0.0",
-    "@saasquatch/component-boilerplate": "^1.6.2",
+    "@saasquatch/component-boilerplate": "^1.6.3-1",
+    "@saasquatch/mint-components": "^1.8.0-131",
     "@saasquatch/shoelace": "^1.0.0",
     "@saasquatch/stencil-hooks": "^2.0.2",
     "@saasquatch/stencilbook": "^1.1.0",
@@ -78,7 +79,6 @@
     "canvas-confetti": "^1.4.0",
     "color2k": "^1.2.4",
     "deepmerge": "^4.2.2",
-    "fast-equals": "^4.0.3",
     "graphql": "^15.5.0",
     "graphql-request": "^3.4.0",
     "highlight.js": "^10.6.0",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 5545f7080b..3f54152f01 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -1,11 +1,10 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
+import { isDemo, useParent } from "@saasquatch/component-boilerplate";
 import { useState, withHooks } from "@saasquatch/stencil-hooks";
 import { useEffect } from "@saasquatch/universal-hooks";
 import { Component, Host, Prop, State, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { intl } from "../../../global/global";
-import { useParent } from "../../../utils/useParentState";
 import { getProps } from "../../../utils/utils";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import { getFormMap } from "./formDefinitions";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index f5d77b6f7f..406c9321f6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -1,14 +1,15 @@
 import {
   useLocale,
   useMutation,
+  useParent,
+  useParentQueryValue,
+  useParentValue,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
 import { intl } from "../../../global/global";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   FINANCE_NETWORK_SETTINGS_NAMESPACE,
   FinanceNetworkSetting,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 0cea288dc5..98bc887c67 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -1,9 +1,8 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
+import { isDemo, useParent } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Element, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
-import { useParent } from "../../../utils/useParentState";
 import { getProps } from "../../../utils/utils";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 9603fde381..46e0465aea 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -1,11 +1,12 @@
 import {
   useMutation,
+  useParent,
+  useParentQueryValue,
+  useParentValue,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 369e62e806..8fe8c152e1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -1,10 +1,9 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
+import { isDemo, useParent } 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 { DemoData } from "../../../global/demo";
-import { useParent } from "../../../utils/useParentState";
 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";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 9322d4f8e5..4fc0c38ae4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -1,6 +1,9 @@
 import {
   useLocale,
   useMutation,
+  useParent,
+  useParentQueryValue,
+  useParentValue,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import {
@@ -11,8 +14,6 @@ import {
 } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   COUNTRIES_QUERY_NAMESPACE,
   CountriesQuery,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index f6f10c1f80..5000ebbed0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -1,7 +1,6 @@
-import { useLocale } from "@saasquatch/component-boilerplate";
+import { useParentQueryValue } from "@saasquatch/component-boilerplate";
 import { DateTime } from "luxon";
 import { intl } from "../../../global/global";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { USER_QUERY_NAMESPACE, UserQuery } from "../sqm-tax-and-cash/data";
 import { PayoutDetailsCard } from "./sqm-payout-details-card";
 import { PayoutDetailsCardViewProps } from "./sqm-payout-details-card-view";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 90418378e1..c689b24db4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -1,8 +1,10 @@
-import { useLocale } from "@saasquatch/component-boilerplate";
+import {
+  useLocale,
+  useParentQueryValue,
+  useSetParent,
+} from "@saasquatch/component-boilerplate";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { DateTime } from "luxon";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useSetParent } from "../../../utils/useParentState";
 import { vatLabels } from "../countries";
 import {
   ImpactPublisher,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 0b4aa87878..cd39b4d644 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -2,13 +2,12 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Prop, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
-import { useParentState } from "../../../utils/useParentState";
 import { getProps } from "../../../utils/utils";
 import LoadingView from "./LoadingView";
 import { TAX_CONTEXT_NAMESPACE } from "./data";
 import { extractProps } from "./extractProps";
 import { UseTaxAndCashResultType, useTaxAndCash } from "./useTaxAndCash";
-import { isDemo } from "@saasquatch/component-boilerplate";
+import { isDemo, useParentState } from "@saasquatch/component-boilerplate";
 import { ErrorView } from "./ErrorView";
 
 /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index d8f7a0dd97..b124eaa675 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -2,14 +2,11 @@ import {
   setUserIdentity,
   useHost,
   useLocale,
+  useParentQuery,
+  useParentState,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useEffect, useMemo } from "@saasquatch/universal-hooks";
-import { useParentQuery } from "../../../utils/useParentQuery";
-import {
-  getContextValueName,
-  useParentState,
-} from "../../../utils/useParentState";
 import {
   COUNTRIES_NAMESPACE,
   COUNTRIES_QUERY_NAMESPACE,
@@ -34,6 +31,7 @@ import {
   UserFormContext,
   UserQuery,
 } from "./data";
+import { getContextValueName } from "@saasquatch/component-boilerplate/dist/hooks/useParentState";
 
 function getCurrentStep(user: UserQuery["user"]) {
   if (!user.impactConnection?.connected) {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index b3fc19a19e..9bb5236a46 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -1,10 +1,8 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
+import { isDemo, useParent } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
-import { useState } from "@saasquatch/universal-hooks";
 import { Component, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
-import { useParent } from "../../../utils/useParentState";
 import { getProps } from "../../../utils/utils";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import { UserInfoFormView } from "./sqm-user-info-form-view";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 30f98e6377..df5decde46 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -5,8 +5,6 @@ import {
   useState,
 } from "@saasquatch/universal-hooks";
 import jsonpointer from "jsonpointer";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   CURRENCIES_NAMESPACE,
   Currencies,
@@ -22,6 +20,11 @@ import {
 } from "../sqm-tax-and-cash/data";
 import { objectIsFull } from "../utils";
 import { TaxForm } from "./sqm-user-info-form";
+import {
+  useParent,
+  useParentQueryValue,
+  useParentValue,
+} from "@saasquatch/component-boilerplate";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
diff --git a/packages/mint-components/src/utils/useParentQuery.ts b/packages/mint-components/src/utils/useParentQuery.ts
deleted file mode 100644
index bb92735173..0000000000
--- a/packages/mint-components/src/utils/useParentQuery.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { useHost, useQuery } from "@saasquatch/component-boilerplate";
-import { QueryData } from "@saasquatch/component-boilerplate/dist/hooks/graphql/useBaseQuery";
-import { useDomContextState } from "@saasquatch/dom-context-hooks";
-import { useDomContext } from "@saasquatch/stencil-hooks";
-import { useEffect } from "@saasquatch/universal-hooks";
-import { deepEqual } from "fast-equals";
-import { getContextValueName } from "./useParentState";
-
-type ParentQueryProps = {
-  namespace: string;
-  query?: string;
-  variables?: { [key: string]: unknown };
-  skip?: boolean;
-};
-
-export function useParentQuery<T>(props: ParentQueryProps): QueryData<T> {
-  const host = useHost();
-  const query = useQuery(props.query, props.variables || {}, props.skip);
-
-  const [value, setValue] = useDomContextState<QueryData<any>>(
-    host,
-    getContextValueName(props.namespace),
-    query
-  );
-
-  useEffect(() => {
-    if (deepEqual(query, value)) return;
-    setValue(query);
-  }, [query, value]);
-
-  return query;
-}
-
-export function useParentQueryValue<T>(namespace: string): QueryData<T> {
-  const parentValue = useDomContext<QueryData<T> | undefined>(
-    getContextValueName(namespace)
-  );
-
-  if (!parentValue)
-    return {
-      data: null,
-      loading: true,
-      refetch: () => console.warn("component still loading"),
-    } as QueryData<T>;
-  return parentValue;
-}
diff --git a/packages/mint-components/src/utils/useParentState.ts b/packages/mint-components/src/utils/useParentState.ts
deleted file mode 100644
index 9723f074b4..0000000000
--- a/packages/mint-components/src/utils/useParentState.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { useHost } from "@saasquatch/component-boilerplate";
-import { useDomContextState } from "@saasquatch/dom-context-hooks";
-import { useDomContext } from "@saasquatch/stencil-hooks";
-
-export type StateType<T> = [value?: T, setValue?: (value: T) => void];
-
-type ParentStateProps<T> = {
-  namespace: string;
-  initialValue?: T;
-};
-
-export function useParentState<T>(props: ParentStateProps<T>): StateType<T> {
-  const host = useHost();
-  const [value, setValue] = useDomContextState<T>(
-    host,
-    getContextValueName(props.namespace),
-    props.initialValue as T
-  );
-
-  useDomContextState<StateType<T>>(host, getContextName(props.namespace), [
-    value,
-    setValue,
-  ]);
-
-  return [value, setValue];
-}
-
-export function useParent<T>(namespace: string): StateType<T | undefined> {
-  const parent = useDomContext<StateType<T | undefined>>(
-    getContextName(namespace)
-  );
-
-  const parentValue = useDomContext<T | undefined>(
-    getContextValueName(namespace)
-  );
-
-  if (!parent) return [undefined, undefined];
-  return [parentValue, parent[1]];
-}
-
-export function useSetParent<T>(
-  namespace: string
-): (value: T) => void | undefined {
-  const parent = useDomContext<StateType<T | undefined>>(
-    getContextName(namespace)
-  );
-  if (!parent) return undefined;
-  return parent[1];
-}
-
-export function useParentValue<T>(namespace: string): T | undefined {
-  const parentValue = useDomContext<T | undefined>(
-    getContextValueName(namespace)
-  );
-
-  if (!parentValue) undefined;
-  return parentValue;
-}
-
-export function getContextValueName(namespace: string) {
-  return namespace + "-value";
-}
-
-export function getContextName(namespace: string) {
-  return namespace + "-state";
-}

From 8d400e973f7628bca7559066b062cb48908a7bdd Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 16:03:40 -0700
Subject: [PATCH 702/753] bump component-boilerplate

---
 packages/mint-components/package-lock.json         | 14 +++++++-------
 packages/mint-components/package.json              |  2 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx             |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index ba5aa1e544..927e1e3894 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -11,7 +11,7 @@
       "license": "MIT",
       "dependencies": {
         "@raisins/stencil-docs-target": "^1.0.0",
-        "@saasquatch/component-boilerplate": "^1.6.3-1",
+        "@saasquatch/component-boilerplate": "^1.6.3-2",
         "@saasquatch/mint-components": "^1.8.0-131",
         "@saasquatch/shoelace": "^1.0.0",
         "@saasquatch/stencil-hooks": "^2.0.2",
@@ -2804,9 +2804,9 @@
       }
     },
     "node_modules/@saasquatch/component-boilerplate": {
-      "version": "1.6.3-1",
-      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-1.tgz",
-      "integrity": "sha512-mLELMWWZezESbXY6SX9iN5yhz6s23tqznJuH7NDULlj644DsbrySntBLimAvo27pHqGl/0MpM/W3BgAF17n4PA==",
+      "version": "1.6.3-2",
+      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-2.tgz",
+      "integrity": "sha512-odU70XkUa0KL8PIDce2w8q7xTMs9hHCHapr1AqNr9OHe3Oga5bEiGc+GHrhlZx3uchUgGwGe58OzSNxvCYDqAw==",
       "dependencies": {
         "@formatjs/intl": "^1.8.2",
         "@saasquatch/component-environment": "^1.0.4",
@@ -17118,9 +17118,9 @@
       }
     },
     "@saasquatch/component-boilerplate": {
-      "version": "1.6.3-1",
-      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-1.tgz",
-      "integrity": "sha512-mLELMWWZezESbXY6SX9iN5yhz6s23tqznJuH7NDULlj644DsbrySntBLimAvo27pHqGl/0MpM/W3BgAF17n4PA==",
+      "version": "1.6.3-2",
+      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-2.tgz",
+      "integrity": "sha512-odU70XkUa0KL8PIDce2w8q7xTMs9hHCHapr1AqNr9OHe3Oga5bEiGc+GHrhlZx3uchUgGwGe58OzSNxvCYDqAw==",
       "requires": {
         "@formatjs/intl": "^1.8.2",
         "@saasquatch/component-environment": "^1.0.4",
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 987b22070e..c8d34c1e65 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -69,7 +69,7 @@
   },
   "dependencies": {
     "@raisins/stencil-docs-target": "^1.0.0",
-    "@saasquatch/component-boilerplate": "^1.6.3-1",
+    "@saasquatch/component-boilerplate": "^1.6.3-2",
     "@saasquatch/mint-components": "^1.8.0-131",
     "@saasquatch/shoelace": "^1.0.0",
     "@saasquatch/stencil-hooks": "^2.0.2",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index b124eaa675..e15dfaca37 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -1,4 +1,5 @@
 import {
+  getContextValueName,
   setUserIdentity,
   useHost,
   useLocale,
@@ -31,7 +32,6 @@ import {
   UserFormContext,
   UserQuery,
 } from "./data";
-import { getContextValueName } from "@saasquatch/component-boilerplate/dist/hooks/useParentState";
 
 function getCurrentStep(user: UserQuery["user"]) {
   if (!user.impactConnection?.connected) {

From 619cab31749809f15aaa203464a81a92e71b84c9 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 16:06:24 -0700
Subject: [PATCH 703/753] publish

---
 packages/mint-components/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index c8d34c1e65..f58565e367 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-131",
+  "version": "1.8.0-132",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

From 62f2dc1475a377a6c980914312435dabb71764ef Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 16:12:30 -0700
Subject: [PATCH 704/753] cleanup

---
 packages/mint-components/package-lock.json    | 116 +-----------------
 packages/mint-components/package.json         |   1 -
 .../sqm-portal-email-verification.tsx         |   1 +
 3 files changed, 3 insertions(+), 115 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 927e1e3894..bb03c9ec80 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,18 +1,17 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-131",
+  "version": "1.8.0-132",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-131",
+      "version": "1.8.0-132",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
         "@raisins/stencil-docs-target": "^1.0.0",
         "@saasquatch/component-boilerplate": "^1.6.3-2",
-        "@saasquatch/mint-components": "^1.8.0-131",
         "@saasquatch/shoelace": "^1.0.0",
         "@saasquatch/stencil-hooks": "^2.0.2",
         "@saasquatch/stencilbook": "^1.1.0",
@@ -2856,56 +2855,6 @@
         "dom-context": "^1.2.0"
       }
     },
-    "node_modules/@saasquatch/mint-components": {
-      "version": "1.8.0-131",
-      "resolved": "https://registry.npmjs.org/@saasquatch/mint-components/-/mint-components-1.8.0-131.tgz",
-      "integrity": "sha512-cSs9elvITZnVsFPnytTU/xTZw2+g7y3udNyqitWk7uf/QD7Z06CtHP+kLK4eGoRUnmVBfMyl1aSDq5N2mBq8SA==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "@raisins/stencil-docs-target": "^1.0.0",
-        "@saasquatch/component-boilerplate": "^1.6.2",
-        "@saasquatch/shoelace": "^1.0.0",
-        "@saasquatch/stencil-hooks": "^2.0.2",
-        "@saasquatch/stencilbook": "^1.1.0",
-        "@saasquatch/universal-hooks": "^1.0.0",
-        "babel-polyfill": "^6.26.0",
-        "canvas-confetti": "^1.4.0",
-        "color2k": "^1.2.4",
-        "deepmerge": "^4.2.2",
-        "fast-equals": "^4.0.3",
-        "graphql": "^15.5.0",
-        "graphql-request": "^3.4.0",
-        "highlight.js": "^10.6.0",
-        "jsonpointer": "^4.1.0",
-        "jss-preset-default": "^10.7.1",
-        "libphonenumber-js": "^1.9.23",
-        "luxon": "^2.0.1",
-        "password-validator": "^5.1.1",
-        "path-to-regexp": "^6.2.0"
-      }
-    },
-    "node_modules/@saasquatch/mint-components/node_modules/@saasquatch/component-boilerplate": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.2.tgz",
-      "integrity": "sha512-xujUagmij5VSLlthml5NjbMs/CfE+RFBIGfzLFxYuaEs1YC3mTwuS1K9jCrCXYza914NwpPHLvMTT2DNRJ2mQQ==",
-      "dependencies": {
-        "@formatjs/intl": "^1.8.2",
-        "@saasquatch/component-environment": "^1.0.4",
-        "@saasquatch/dom-context-hooks": "^1.0.3",
-        "@saasquatch/universal-hooks": "^1.0.0",
-        "@wry/equality": "^0.5.2",
-        "debounce": "^1.2.0",
-        "dom-context": "^1.2.0",
-        "fast-memoize": "^2.5.2",
-        "graphql": "^15.5.0",
-        "graphql-combine-query": "^1.2.3",
-        "graphql-request": "^3.4.0",
-        "jsonpointer": "^4.1.0",
-        "jwt-decode": "^3.1.2",
-        "nanoid": "^3.1.23",
-        "rxjs": "^6.6.7"
-      }
-    },
     "node_modules/@saasquatch/shoelace": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@saasquatch/shoelace/-/shoelace-1.0.0.tgz",
@@ -5795,11 +5744,6 @@
         "url": "https://github.com/sponsors/jaydenseric"
       }
     },
-    "node_modules/fast-equals": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-4.0.3.tgz",
-      "integrity": "sha512-G3BSX9cfKttjr+2o1O22tYMLq0DPluZnYtq1rXumE1SpL/F/SLIfHx08WYQoWSIpeMYf8sRbJ8++71+v6Pnxfg=="
-    },
     "node_modules/fast-glob": {
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.7.tgz",
@@ -17166,57 +17110,6 @@
         "dom-context": "^1.2.0"
       }
     },
-    "@saasquatch/mint-components": {
-      "version": "1.8.0-131",
-      "resolved": "https://registry.npmjs.org/@saasquatch/mint-components/-/mint-components-1.8.0-131.tgz",
-      "integrity": "sha512-cSs9elvITZnVsFPnytTU/xTZw2+g7y3udNyqitWk7uf/QD7Z06CtHP+kLK4eGoRUnmVBfMyl1aSDq5N2mBq8SA==",
-      "requires": {
-        "@raisins/stencil-docs-target": "^1.0.0",
-        "@saasquatch/component-boilerplate": "^1.6.2",
-        "@saasquatch/shoelace": "^1.0.0",
-        "@saasquatch/stencil-hooks": "^2.0.2",
-        "@saasquatch/stencilbook": "^1.1.0",
-        "@saasquatch/universal-hooks": "^1.0.0",
-        "babel-polyfill": "^6.26.0",
-        "canvas-confetti": "^1.4.0",
-        "color2k": "^1.2.4",
-        "deepmerge": "^4.2.2",
-        "fast-equals": "^4.0.3",
-        "graphql": "^15.5.0",
-        "graphql-request": "^3.4.0",
-        "highlight.js": "^10.6.0",
-        "jsonpointer": "^4.1.0",
-        "jss-preset-default": "^10.7.1",
-        "libphonenumber-js": "^1.9.23",
-        "luxon": "^2.0.1",
-        "password-validator": "^5.1.1",
-        "path-to-regexp": "^6.2.0"
-      },
-      "dependencies": {
-        "@saasquatch/component-boilerplate": {
-          "version": "1.6.2",
-          "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.2.tgz",
-          "integrity": "sha512-xujUagmij5VSLlthml5NjbMs/CfE+RFBIGfzLFxYuaEs1YC3mTwuS1K9jCrCXYza914NwpPHLvMTT2DNRJ2mQQ==",
-          "requires": {
-            "@formatjs/intl": "^1.8.2",
-            "@saasquatch/component-environment": "^1.0.4",
-            "@saasquatch/dom-context-hooks": "^1.0.3",
-            "@saasquatch/universal-hooks": "^1.0.0",
-            "@wry/equality": "^0.5.2",
-            "debounce": "^1.2.0",
-            "dom-context": "^1.2.0",
-            "fast-memoize": "^2.5.2",
-            "graphql": "^15.5.0",
-            "graphql-combine-query": "^1.2.3",
-            "graphql-request": "^3.4.0",
-            "jsonpointer": "^4.1.0",
-            "jwt-decode": "^3.1.2",
-            "nanoid": "^3.1.23",
-            "rxjs": "^6.6.7"
-          }
-        }
-      }
-    },
     "@saasquatch/shoelace": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@saasquatch/shoelace/-/shoelace-1.0.0.tgz",
@@ -19505,11 +19398,6 @@
       "resolved": "https://registry.npmjs.org/extract-files/-/extract-files-9.0.0.tgz",
       "integrity": "sha512-CvdFfHkC95B4bBBk36hcEmvdR2awOdhhVUYH6S/zrVj3477zven/fJMYg7121h4T1xHZC+tetUpubpAhxwI7hQ=="
     },
-    "fast-equals": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-4.0.3.tgz",
-      "integrity": "sha512-G3BSX9cfKttjr+2o1O22tYMLq0DPluZnYtq1rXumE1SpL/F/SLIfHx08WYQoWSIpeMYf8sRbJ8++71+v6Pnxfg=="
-    },
     "fast-glob": {
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.7.tgz",
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index f58565e367..834723b621 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -70,7 +70,6 @@
   "dependencies": {
     "@raisins/stencil-docs-target": "^1.0.0",
     "@saasquatch/component-boilerplate": "^1.6.3-2",
-    "@saasquatch/mint-components": "^1.8.0-131",
     "@saasquatch/shoelace": "^1.0.0",
     "@saasquatch/stencil-hooks": "^2.0.2",
     "@saasquatch/stencilbook": "^1.1.0",
diff --git a/packages/mint-components/src/components/sqm-portal-email-verification/sqm-portal-email-verification.tsx b/packages/mint-components/src/components/sqm-portal-email-verification/sqm-portal-email-verification.tsx
index 29cdf9e380..9608e411cf 100644
--- a/packages/mint-components/src/components/sqm-portal-email-verification/sqm-portal-email-verification.tsx
+++ b/packages/mint-components/src/components/sqm-portal-email-verification/sqm-portal-email-verification.tsx
@@ -115,6 +115,7 @@ function usePortalEmailVerificationDemo(
         verificationLoadingMessage: props.verificationLoadingMessage,
         verificationStatusMessage: props.verificationStatusMessage,
         verificationResentMessage: props.verificationResentMessage,
+        networkErrorMessage: props.networkErrorMessage,
       },
     },
     props.demoData || {},

From 68f3305ea839028ec30645fa37e66de25136839a Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 16:18:14 -0700
Subject: [PATCH 705/753] bump versions

---
 packages/mint-components/package-lock.json | 15 ++++++++-------
 packages/mint-components/package.json      |  3 ++-
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index bb03c9ec80..a80763060a 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -11,7 +11,8 @@
       "license": "MIT",
       "dependencies": {
         "@raisins/stencil-docs-target": "^1.0.0",
-        "@saasquatch/component-boilerplate": "^1.6.3-2",
+        "@saasquatch/component-boilerplate": "^1.6.3-3",
+        "@saasquatch/dom-context-hooks": "^1.0.3",
         "@saasquatch/shoelace": "^1.0.0",
         "@saasquatch/stencil-hooks": "^2.0.2",
         "@saasquatch/stencilbook": "^1.1.0",
@@ -2803,9 +2804,9 @@
       }
     },
     "node_modules/@saasquatch/component-boilerplate": {
-      "version": "1.6.3-2",
-      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-2.tgz",
-      "integrity": "sha512-odU70XkUa0KL8PIDce2w8q7xTMs9hHCHapr1AqNr9OHe3Oga5bEiGc+GHrhlZx3uchUgGwGe58OzSNxvCYDqAw==",
+      "version": "1.6.3-3",
+      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-3.tgz",
+      "integrity": "sha512-J2hrXNfU4V9Bf/FXn2HmoxEKETvE2EFj4OqYuYbvIfgKXFbu/351WefUZkRdDKb840Bht5AH3zZs7GB2PIuzTQ==",
       "dependencies": {
         "@formatjs/intl": "^1.8.2",
         "@saasquatch/component-environment": "^1.0.4",
@@ -17062,9 +17063,9 @@
       }
     },
     "@saasquatch/component-boilerplate": {
-      "version": "1.6.3-2",
-      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-2.tgz",
-      "integrity": "sha512-odU70XkUa0KL8PIDce2w8q7xTMs9hHCHapr1AqNr9OHe3Oga5bEiGc+GHrhlZx3uchUgGwGe58OzSNxvCYDqAw==",
+      "version": "1.6.3-3",
+      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-3.tgz",
+      "integrity": "sha512-J2hrXNfU4V9Bf/FXn2HmoxEKETvE2EFj4OqYuYbvIfgKXFbu/351WefUZkRdDKb840Bht5AH3zZs7GB2PIuzTQ==",
       "requires": {
         "@formatjs/intl": "^1.8.2",
         "@saasquatch/component-environment": "^1.0.4",
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 834723b621..8180a519e4 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -69,7 +69,8 @@
   },
   "dependencies": {
     "@raisins/stencil-docs-target": "^1.0.0",
-    "@saasquatch/component-boilerplate": "^1.6.3-2",
+    "@saasquatch/component-boilerplate": "^1.6.3-3",
+    "@saasquatch/dom-context-hooks": "^1.0.3",
     "@saasquatch/shoelace": "^1.0.0",
     "@saasquatch/stencil-hooks": "^2.0.2",
     "@saasquatch/stencilbook": "^1.1.0",

From 48d816b262c003e81cd5d29101b6cd2135a37c26 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 16:32:17 -0700
Subject: [PATCH 706/753] revert

---
 packages/mint-components/package-lock.json    | 37 +++--------
 packages/mint-components/package.json         |  4 +-
 .../sqm-banking-info-form.tsx                 |  3 +-
 .../useBankingInfoForm.tsx                    |  5 +-
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  3 +-
 .../sqm-docusign-form/useDocusignForm.tsx     |  5 +-
 .../sqm-indirect-tax-form.tsx                 |  3 +-
 .../useIndirectTaxForm.tsx                    |  5 +-
 .../usePayoutDetailsCard.ts                   |  3 +-
 .../useTaxAndCashDashboard.tsx                |  8 +--
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  3 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  7 +-
 .../sqm-user-info-form/sqm-user-info-form.tsx |  4 +-
 .../sqm-user-info-form/useUserInfoForm.tsx    |  7 +-
 .../src/utils/useParentQuery.ts               | 46 +++++++++++++
 .../src/utils/useParentState.ts               | 66 +++++++++++++++++++
 16 files changed, 153 insertions(+), 56 deletions(-)
 create mode 100644 packages/mint-components/src/utils/useParentQuery.ts
 create mode 100644 packages/mint-components/src/utils/useParentState.ts

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index a80763060a..b62be670dd 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,18 +1,17 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-132",
+  "version": "1.8.0-127",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-132",
+      "version": "1.8.0-127",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
         "@raisins/stencil-docs-target": "^1.0.0",
-        "@saasquatch/component-boilerplate": "^1.6.3-3",
-        "@saasquatch/dom-context-hooks": "^1.0.3",
+        "@saasquatch/component-boilerplate": "^1.6.2",
         "@saasquatch/shoelace": "^1.0.0",
         "@saasquatch/stencil-hooks": "^2.0.2",
         "@saasquatch/stencilbook": "^1.1.0",
@@ -21,6 +20,7 @@
         "canvas-confetti": "^1.4.0",
         "color2k": "^1.2.4",
         "deepmerge": "^4.2.2",
+        "fast-equals": "^4.0.3",
         "graphql": "^15.5.0",
         "graphql-request": "^3.4.0",
         "highlight.js": "^10.6.0",
@@ -2804,9 +2804,9 @@
       }
     },
     "node_modules/@saasquatch/component-boilerplate": {
-      "version": "1.6.3-3",
-      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-3.tgz",
-      "integrity": "sha512-J2hrXNfU4V9Bf/FXn2HmoxEKETvE2EFj4OqYuYbvIfgKXFbu/351WefUZkRdDKb840Bht5AH3zZs7GB2PIuzTQ==",
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.2.tgz",
+      "integrity": "sha512-xujUagmij5VSLlthml5NjbMs/CfE+RFBIGfzLFxYuaEs1YC3mTwuS1K9jCrCXYza914NwpPHLvMTT2DNRJ2mQQ==",
       "dependencies": {
         "@formatjs/intl": "^1.8.2",
         "@saasquatch/component-environment": "^1.0.4",
@@ -2815,7 +2815,6 @@
         "@wry/equality": "^0.5.2",
         "debounce": "^1.2.0",
         "dom-context": "^1.2.0",
-        "fast-equals": "^5.0.1",
         "fast-memoize": "^2.5.2",
         "graphql": "^15.5.0",
         "graphql-combine-query": "^1.2.3",
@@ -2826,14 +2825,6 @@
         "rxjs": "^6.6.7"
       }
     },
-    "node_modules/@saasquatch/component-boilerplate/node_modules/fast-equals": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.0.1.tgz",
-      "integrity": "sha512-WF1Wi8PwwSY7/6Kx0vKXtw8RwuSGoM1bvDaJbu7MxDlR1vovZjIAKrnzyrThgAjm6JDTu0fVgWXDlMGspodfoQ==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
     "node_modules/@saasquatch/component-environment": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@saasquatch/component-environment/-/component-environment-1.0.4.tgz",
@@ -17063,9 +17054,9 @@
       }
     },
     "@saasquatch/component-boilerplate": {
-      "version": "1.6.3-3",
-      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-3.tgz",
-      "integrity": "sha512-J2hrXNfU4V9Bf/FXn2HmoxEKETvE2EFj4OqYuYbvIfgKXFbu/351WefUZkRdDKb840Bht5AH3zZs7GB2PIuzTQ==",
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.2.tgz",
+      "integrity": "sha512-xujUagmij5VSLlthml5NjbMs/CfE+RFBIGfzLFxYuaEs1YC3mTwuS1K9jCrCXYza914NwpPHLvMTT2DNRJ2mQQ==",
       "requires": {
         "@formatjs/intl": "^1.8.2",
         "@saasquatch/component-environment": "^1.0.4",
@@ -17074,7 +17065,6 @@
         "@wry/equality": "^0.5.2",
         "debounce": "^1.2.0",
         "dom-context": "^1.2.0",
-        "fast-equals": "^5.0.1",
         "fast-memoize": "^2.5.2",
         "graphql": "^15.5.0",
         "graphql-combine-query": "^1.2.3",
@@ -17083,13 +17073,6 @@
         "jwt-decode": "^3.1.2",
         "nanoid": "^3.1.23",
         "rxjs": "^6.6.7"
-      },
-      "dependencies": {
-        "fast-equals": {
-          "version": "5.0.1",
-          "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.0.1.tgz",
-          "integrity": "sha512-WF1Wi8PwwSY7/6Kx0vKXtw8RwuSGoM1bvDaJbu7MxDlR1vovZjIAKrnzyrThgAjm6JDTu0fVgWXDlMGspodfoQ=="
-        }
       }
     },
     "@saasquatch/component-environment": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 8180a519e4..b92a8aaefa 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -69,8 +69,7 @@
   },
   "dependencies": {
     "@raisins/stencil-docs-target": "^1.0.0",
-    "@saasquatch/component-boilerplate": "^1.6.3-3",
-    "@saasquatch/dom-context-hooks": "^1.0.3",
+    "@saasquatch/component-boilerplate": "^1.6.2",
     "@saasquatch/shoelace": "^1.0.0",
     "@saasquatch/stencil-hooks": "^2.0.2",
     "@saasquatch/stencilbook": "^1.1.0",
@@ -79,6 +78,7 @@
     "canvas-confetti": "^1.4.0",
     "color2k": "^1.2.4",
     "deepmerge": "^4.2.2",
+    "fast-equals": "^4.0.3",
     "graphql": "^15.5.0",
     "graphql-request": "^3.4.0",
     "highlight.js": "^10.6.0",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 3f54152f01..5545f7080b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -1,10 +1,11 @@
-import { isDemo, useParent } from "@saasquatch/component-boilerplate";
+import { isDemo } from "@saasquatch/component-boilerplate";
 import { useState, withHooks } from "@saasquatch/stencil-hooks";
 import { useEffect } from "@saasquatch/universal-hooks";
 import { Component, Host, Prop, State, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { intl } from "../../../global/global";
+import { useParent } from "../../../utils/useParentState";
 import { getProps } from "../../../utils/utils";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import { getFormMap } from "./formDefinitions";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 406c9321f6..f5d77b6f7f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -1,15 +1,14 @@
 import {
   useLocale,
   useMutation,
-  useParent,
-  useParentQueryValue,
-  useParentValue,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
 import { intl } from "../../../global/global";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
+import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   FINANCE_NETWORK_SETTINGS_NAMESPACE,
   FinanceNetworkSetting,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 98bc887c67..0cea288dc5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -1,8 +1,9 @@
-import { isDemo, useParent } from "@saasquatch/component-boilerplate";
+import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Element, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
+import { useParent } from "../../../utils/useParentState";
 import { getProps } from "../../../utils/utils";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 46e0465aea..9603fde381 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -1,12 +1,11 @@
 import {
   useMutation,
-  useParent,
-  useParentQueryValue,
-  useParentValue,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
+import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 8fe8c152e1..369e62e806 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -1,9 +1,10 @@
-import { isDemo, useParent } from "@saasquatch/component-boilerplate";
+import { isDemo } 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 { DemoData } from "../../../global/demo";
+import { useParent } from "../../../utils/useParentState";
 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";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 4fc0c38ae4..9322d4f8e5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -1,9 +1,6 @@
 import {
   useLocale,
   useMutation,
-  useParent,
-  useParentQueryValue,
-  useParentValue,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import {
@@ -14,6 +11,8 @@ import {
 } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
+import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   COUNTRIES_QUERY_NAMESPACE,
   CountriesQuery,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index 5000ebbed0..f6f10c1f80 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -1,6 +1,7 @@
-import { useParentQueryValue } from "@saasquatch/component-boilerplate";
+import { useLocale } from "@saasquatch/component-boilerplate";
 import { DateTime } from "luxon";
 import { intl } from "../../../global/global";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { USER_QUERY_NAMESPACE, UserQuery } from "../sqm-tax-and-cash/data";
 import { PayoutDetailsCard } from "./sqm-payout-details-card";
 import { PayoutDetailsCardViewProps } from "./sqm-payout-details-card-view";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index c689b24db4..90418378e1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -1,10 +1,8 @@
-import {
-  useLocale,
-  useParentQueryValue,
-  useSetParent,
-} from "@saasquatch/component-boilerplate";
+import { useLocale } from "@saasquatch/component-boilerplate";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { DateTime } from "luxon";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
+import { useSetParent } from "../../../utils/useParentState";
 import { vatLabels } from "../countries";
 import {
   ImpactPublisher,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index cd39b4d644..0b4aa87878 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -2,12 +2,13 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Prop, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
+import { useParentState } from "../../../utils/useParentState";
 import { getProps } from "../../../utils/utils";
 import LoadingView from "./LoadingView";
 import { TAX_CONTEXT_NAMESPACE } from "./data";
 import { extractProps } from "./extractProps";
 import { UseTaxAndCashResultType, useTaxAndCash } from "./useTaxAndCash";
-import { isDemo, useParentState } from "@saasquatch/component-boilerplate";
+import { isDemo } from "@saasquatch/component-boilerplate";
 import { ErrorView } from "./ErrorView";
 
 /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index e15dfaca37..fdf03920b1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -3,11 +3,14 @@ import {
   setUserIdentity,
   useHost,
   useLocale,
-  useParentQuery,
-  useParentState,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useEffect, useMemo } from "@saasquatch/universal-hooks";
+import { useParentQuery } from "../../../utils/useParentQuery";
+import {
+  getContextValueName,
+  useParentState,
+} from "../../../utils/useParentState";
 import {
   COUNTRIES_NAMESPACE,
   COUNTRIES_QUERY_NAMESPACE,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 9bb5236a46..b3fc19a19e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -1,8 +1,10 @@
-import { isDemo, useParent } from "@saasquatch/component-boilerplate";
+import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
+import { useState } from "@saasquatch/universal-hooks";
 import { Component, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
+import { useParent } from "../../../utils/useParentState";
 import { getProps } from "../../../utils/utils";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import { UserInfoFormView } from "./sqm-user-info-form-view";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index df5decde46..30f98e6377 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -5,6 +5,8 @@ import {
   useState,
 } from "@saasquatch/universal-hooks";
 import jsonpointer from "jsonpointer";
+import { useParentQueryValue } from "../../../utils/useParentQuery";
+import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   CURRENCIES_NAMESPACE,
   Currencies,
@@ -20,11 +22,6 @@ import {
 } from "../sqm-tax-and-cash/data";
 import { objectIsFull } from "../utils";
 import { TaxForm } from "./sqm-user-info-form";
-import {
-  useParent,
-  useParentQueryValue,
-  useParentValue,
-} from "@saasquatch/component-boilerplate";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
diff --git a/packages/mint-components/src/utils/useParentQuery.ts b/packages/mint-components/src/utils/useParentQuery.ts
new file mode 100644
index 0000000000..bb92735173
--- /dev/null
+++ b/packages/mint-components/src/utils/useParentQuery.ts
@@ -0,0 +1,46 @@
+import { useHost, useQuery } from "@saasquatch/component-boilerplate";
+import { QueryData } from "@saasquatch/component-boilerplate/dist/hooks/graphql/useBaseQuery";
+import { useDomContextState } from "@saasquatch/dom-context-hooks";
+import { useDomContext } from "@saasquatch/stencil-hooks";
+import { useEffect } from "@saasquatch/universal-hooks";
+import { deepEqual } from "fast-equals";
+import { getContextValueName } from "./useParentState";
+
+type ParentQueryProps = {
+  namespace: string;
+  query?: string;
+  variables?: { [key: string]: unknown };
+  skip?: boolean;
+};
+
+export function useParentQuery<T>(props: ParentQueryProps): QueryData<T> {
+  const host = useHost();
+  const query = useQuery(props.query, props.variables || {}, props.skip);
+
+  const [value, setValue] = useDomContextState<QueryData<any>>(
+    host,
+    getContextValueName(props.namespace),
+    query
+  );
+
+  useEffect(() => {
+    if (deepEqual(query, value)) return;
+    setValue(query);
+  }, [query, value]);
+
+  return query;
+}
+
+export function useParentQueryValue<T>(namespace: string): QueryData<T> {
+  const parentValue = useDomContext<QueryData<T> | undefined>(
+    getContextValueName(namespace)
+  );
+
+  if (!parentValue)
+    return {
+      data: null,
+      loading: true,
+      refetch: () => console.warn("component still loading"),
+    } as QueryData<T>;
+  return parentValue;
+}
diff --git a/packages/mint-components/src/utils/useParentState.ts b/packages/mint-components/src/utils/useParentState.ts
new file mode 100644
index 0000000000..9723f074b4
--- /dev/null
+++ b/packages/mint-components/src/utils/useParentState.ts
@@ -0,0 +1,66 @@
+import { useHost } from "@saasquatch/component-boilerplate";
+import { useDomContextState } from "@saasquatch/dom-context-hooks";
+import { useDomContext } from "@saasquatch/stencil-hooks";
+
+export type StateType<T> = [value?: T, setValue?: (value: T) => void];
+
+type ParentStateProps<T> = {
+  namespace: string;
+  initialValue?: T;
+};
+
+export function useParentState<T>(props: ParentStateProps<T>): StateType<T> {
+  const host = useHost();
+  const [value, setValue] = useDomContextState<T>(
+    host,
+    getContextValueName(props.namespace),
+    props.initialValue as T
+  );
+
+  useDomContextState<StateType<T>>(host, getContextName(props.namespace), [
+    value,
+    setValue,
+  ]);
+
+  return [value, setValue];
+}
+
+export function useParent<T>(namespace: string): StateType<T | undefined> {
+  const parent = useDomContext<StateType<T | undefined>>(
+    getContextName(namespace)
+  );
+
+  const parentValue = useDomContext<T | undefined>(
+    getContextValueName(namespace)
+  );
+
+  if (!parent) return [undefined, undefined];
+  return [parentValue, parent[1]];
+}
+
+export function useSetParent<T>(
+  namespace: string
+): (value: T) => void | undefined {
+  const parent = useDomContext<StateType<T | undefined>>(
+    getContextName(namespace)
+  );
+  if (!parent) return undefined;
+  return parent[1];
+}
+
+export function useParentValue<T>(namespace: string): T | undefined {
+  const parentValue = useDomContext<T | undefined>(
+    getContextValueName(namespace)
+  );
+
+  if (!parentValue) undefined;
+  return parentValue;
+}
+
+export function getContextValueName(namespace: string) {
+  return namespace + "-value";
+}
+
+export function getContextName(namespace: string) {
+  return namespace + "-state";
+}

From fe5b3b2fc57ae9ac3087c95dc06a60c74ba2cdb1 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 16:33:02 -0700
Subject: [PATCH 707/753] revert

---
 .../components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index fdf03920b1..1c6c3392f2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -1,5 +1,4 @@
 import {
-  getContextValueName,
   setUserIdentity,
   useHost,
   useLocale,
@@ -35,6 +34,7 @@ import {
   UserFormContext,
   UserQuery,
 } from "./data";
+import { getContextValueName } from "@saasquatch/component-boilerplate/dist/hooks/useParentState";
 
 function getCurrentStep(user: UserQuery["user"]) {
   if (!user.impactConnection?.connected) {

From ebdf5cd906ad2e14b41b0b46a466c140b5711512 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 28 Mar 2024 16:33:48 -0700
Subject: [PATCH 708/753] fix merge

---
 packages/mint-components/package-lock.json         | 14 ++++++++++++--
 .../sqm-tax-and-cash/useTaxAndCash.tsx             |  1 -
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index b62be670dd..ac9e205d47 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-127",
+  "version": "1.8.0-132",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-127",
+      "version": "1.8.0-132",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
@@ -5736,6 +5736,11 @@
         "url": "https://github.com/sponsors/jaydenseric"
       }
     },
+    "node_modules/fast-equals": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-4.0.3.tgz",
+      "integrity": "sha512-G3BSX9cfKttjr+2o1O22tYMLq0DPluZnYtq1rXumE1SpL/F/SLIfHx08WYQoWSIpeMYf8sRbJ8++71+v6Pnxfg=="
+    },
     "node_modules/fast-glob": {
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.7.tgz",
@@ -19382,6 +19387,11 @@
       "resolved": "https://registry.npmjs.org/extract-files/-/extract-files-9.0.0.tgz",
       "integrity": "sha512-CvdFfHkC95B4bBBk36hcEmvdR2awOdhhVUYH6S/zrVj3477zven/fJMYg7121h4T1xHZC+tetUpubpAhxwI7hQ=="
     },
+    "fast-equals": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-4.0.3.tgz",
+      "integrity": "sha512-G3BSX9cfKttjr+2o1O22tYMLq0DPluZnYtq1rXumE1SpL/F/SLIfHx08WYQoWSIpeMYf8sRbJ8++71+v6Pnxfg=="
+    },
     "fast-glob": {
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.7.tgz",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 1c6c3392f2..d8f7a0dd97 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -34,7 +34,6 @@ import {
   UserFormContext,
   UserQuery,
 } from "./data";
-import { getContextValueName } from "@saasquatch/component-boilerplate/dist/hooks/useParentState";
 
 function getCurrentStep(user: UserQuery["user"]) {
   if (!user.impactConnection?.connected) {

From 989df1c0127ab3397a003a580df946f2018d0731 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 1 Apr 2024 10:40:21 -0700
Subject: [PATCH 709/753] Changed taxedAmount in all Invoice table related
 files to indirectTax

---
 packages/mint-components/src/components.d.ts  | 44 ++++++------
 .../InvoiceTable.stories.tsx                  | 12 ++--
 .../InvoiceTableCell.stories.tsx              |  2 +-
 .../UseInvoiceTable.stories.tsx               |  8 +--
 .../sqm-invoice-table/mockInvoiceData.ts      |  6 +-
 .../sqm-invoice-table.feature                 | 67 +++++++++----------
 .../sqm-invoice-table/sqm-invoice-table.tsx   |  2 +-
 .../sqm-invoice-table/useInvoiceTable.tsx     |  2 +-
 .../sqm-tax-and-cash-dashboard-view.tsx       |  6 +-
 .../sqm-tax-and-cash-dashboard.tsx            |  4 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  4 +-
 packages/mint-components/src/saasquatch.d.ts  |  2 +-
 .../src/templates/TaxAndCash.html             |  2 +-
 13 files changed, 80 insertions(+), 81 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 23de2abc8d..ed088d1b2f 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3811,6 +3811,12 @@ export namespace Components {
           * @uiWidget textArea
          */
         "dashboard_errorTitleText": string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Indirect tax column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_indirectTaxColumnTitle": string;
         /**
           * Displayed to participants who have submitted their indirect tax information.
           * @uiName Indirect tax details
@@ -3994,12 +4000,6 @@ export namespace Components {
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxDocumentSectionSubHeader": string;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Taxed amount column title
-          * @uiGroup Dashboard Properties
-         */
-        "dashboard_taxedAmountColumnTitle": string;
         /**
           * 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
@@ -4606,6 +4606,11 @@ export namespace Components {
           * @uiWidget textArea
          */
         "generalErrorTitle": string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Indirect tax column title
+         */
+        "indirectTaxColumnTitle": string;
         /**
           * Displayed to participants who have submitted their indirect tax information.
           * @uiName Indirect tax details
@@ -4774,11 +4779,6 @@ export namespace Components {
           * @uiName Tax documents section description
          */
         "taxDocumentSectionSubHeader": string;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Taxed amount column title
-         */
-        "taxedAmountColumnTitle": string;
         /**
           * 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
@@ -9481,6 +9481,12 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "dashboard_errorTitleText"?: string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Indirect tax column title
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_indirectTaxColumnTitle"?: string;
         /**
           * Displayed to participants who have submitted their indirect tax information.
           * @uiName Indirect tax details
@@ -9664,12 +9670,6 @@ declare namespace LocalJSX {
           * @uiGroup Dashboard Properties
          */
         "dashboard_taxDocumentSectionSubHeader"?: string;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Taxed amount column title
-          * @uiGroup Dashboard Properties
-         */
-        "dashboard_taxedAmountColumnTitle"?: string;
         /**
           * 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
@@ -10276,6 +10276,11 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "generalErrorTitle"?: string;
+        /**
+          * Part of the Invoice table displayed at the bottom of the page.
+          * @uiName Indirect tax column title
+         */
+        "indirectTaxColumnTitle"?: string;
         /**
           * Displayed to participants who have submitted their indirect tax information.
           * @uiName Indirect tax details
@@ -10444,11 +10449,6 @@ declare namespace LocalJSX {
           * @uiName Tax documents section description
          */
         "taxDocumentSectionSubHeader"?: string;
-        /**
-          * Part of the Invoice table displayed at the bottom of the page.
-          * @uiName Taxed amount column title
-         */
-        "taxedAmountColumnTitle"?: string;
         /**
           * 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
diff --git a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
index 60c2e970c3..08e54c71cf 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTable.stories.tsx
@@ -6,7 +6,7 @@ import {
   EarningsAfterTaxCell,
   EarningsCell,
   InvoiceNumberCell,
-  TaxedAmountCell,
+  IndirectTaxCell,
 } from "./InvoiceTableCell.stories";
 import { InvoiceTableView } from "./sqm-invoice-table-view";
 
@@ -82,7 +82,7 @@ const simpleInvoiceTableProps = {
       "Date created",
       "Invoice",
       "Earnings",
-      "Taxed Amount",
+      "Indirect tax",
       "Earnings after tax",
     ],
     rows: [
@@ -91,7 +91,7 @@ const simpleInvoiceTableProps = {
         <DateCell />,
         <InvoiceNumberCell />,
         <EarningsCell />,
-        <TaxedAmountCell />,
+        <IndirectTaxCell />,
         <EarningsAfterTaxCell />,
       ],
       [
@@ -99,7 +99,7 @@ const simpleInvoiceTableProps = {
         <DateCell />,
         <InvoiceNumberCell />,
         <EarningsCell />,
-        <TaxedAmountCell />,
+        <IndirectTaxCell />,
         <EarningsAfterTaxCell />,
       ],
       [
@@ -107,7 +107,7 @@ const simpleInvoiceTableProps = {
         <DateCell />,
         <InvoiceNumberCell />,
         <EarningsCell />,
-        <TaxedAmountCell />,
+        <IndirectTaxCell />,
         <EarningsAfterTaxCell />,
       ],
     ],
@@ -184,7 +184,7 @@ export const LoadingTable = () => {
             "Date created",
             "Invoice",
             "Earnings",
-            "Taxed Amount",
+            "Indirect tax",
             "Earnings after tax",
           ],
           rows: [],
diff --git a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTableCell.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTableCell.stories.tsx
index 6769d63449..74ed7a66ff 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/InvoiceTableCell.stories.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/InvoiceTableCell.stories.tsx
@@ -29,7 +29,7 @@ export const EarningsAfterTaxCell = () => {
   );
 };
 
-export const TaxedAmountCell = () => {
+export const IndirectTaxCell = () => {
   return (
     <sqm-invoice-table-cell innerTemplate="US$5.00"></sqm-invoice-table-cell>
   );
diff --git a/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx b/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx
index ccfc6b3f69..a1f57c331d 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/UseInvoiceTable.stories.tsx
@@ -61,8 +61,8 @@ export const InvoiceTable = createHookStory(() => {
         property="earnings"
       ></sqm-invoice-table-data-column>
       <sqm-invoice-table-data-column
-        column-title="Taxed Amount"
-        property="taxedAmount"
+        column-title="Indirect tax"
+        property="indirectTax"
       ></sqm-invoice-table-data-column>
       <sqm-invoice-table-data-column
         column-title="Earnings after tax"
@@ -86,8 +86,8 @@ export const InvoiceTableDemoHook = createHookStory(() => {
         property="earnings"
       ></sqm-invoice-table-data-column>
       <sqm-invoice-table-data-column
-        column-title="Taxed Amount"
-        property="taxedAmount"
+        column-title="Indirect tax"
+        property="indirectTax"
       ></sqm-invoice-table-data-column>
       <sqm-invoice-table-data-column
         column-title="Earnings after tax"
diff --git a/packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts b/packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts
index d5d0723b76..27fd2b7d3d 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts
+++ b/packages/mint-components/src/components/sqm-invoice-table/mockInvoiceData.ts
@@ -12,7 +12,7 @@ const getMockData = (): Invoice => {
 
   const earnings = Math.floor(Math.random() * 100) + 1;
 
-  const taxedAmount = Math.round(earnings * 0.2);
+  const indirectTax = Math.round(earnings * 0.2);
 
   return {
     downloadUrl: "https://example.com",
@@ -20,7 +20,7 @@ const getMockData = (): Invoice => {
     invoiceId,
     program: "my-program",
     earnings: `$${earnings}.00`,
-    taxedAmount: `$${taxedAmount}.00`,
-    netEarnings: `$${earnings - taxedAmount}.00`,
+    indirectTax: `$${indirectTax}.00`,
+    netEarnings: `$${earnings - indirectTax}.00`,
   };
 };
diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
index c5be1b0f50..753c8ffc49 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.feature
@@ -1,41 +1,40 @@
-@author:noah
-@owner:noah
+@author:noah @owner:noah
 Feature: Invoice Table
-
     Shows a list of invoices for the current user
 
-    Background:
-        Given the user is logged in
-        And the microsite has been configured to show the invoices table
+  Background: 
+    Given the user is logged in
+    And the microsite has been configured to show the invoices table
+
+  @minutia
+  Scenario: If there are no invoices an empty state is shown
+    Given the current user has no invoices
+    Then an empty state image is shown in place of the table
+    And below the image some text explaining the invoice table is shown
 
-    @minutia
-    Scenario: If there are no invoices an empty state is shown
-        Given the current user has no invoices
-        Then an empty state image is shown in place of the table
-        And below the image some text explaining the invoice table is shown
+  @minutia
+  Scenario: A loading state is displayed while the table is loading
+    Given the invoice table is loading
+    Then a loading skeleton is shown
 
-    @minutia
-    Scenario: A loading state is displayed while the table is loading
-        Given the invoice table is loading
-        Then a loading skeleton is shown
+  @motivating
+  Scenario: The table shows data about the user's invoices
+    Given the current user has invoice(s)
+    Then the invoices are shown in the table, one per row
+    And the data shown is dependent on which columns are configured
+    And there exists the possibility the user can download each invoice (given the download column is included)
 
-    @motivating
-    Scenario: The table shows data about the user's invoices
-        Given the current user has invoice(s)
-        Then the invoices are shown in the table, one per row
-        And the data shown is dependent on which columns are configured
-        And there exists the possibility the user can download each invoice (given the download column is included)
+  @motivating
+  Scenario Outline: Invoices for the user are displayed with columns by default
+    Given the participant has invoices available
+    When the invoices request finishes
+    Then <columns> are shown
+    And a download button is shown for each invoice
 
-    @motivating
-    Scenario Outline: Invoices for the user are displayed with columns by default
-        Given the participant has invoices available
-        When the invoices request finishes
-        Then <columns> are shown
-        And a download button is shown for each invoice
-        Examples:
-            | columns            |
-            | Date               |
-            | Invoice            |
-            | Earnings           |
-            | Taxed Amount       |
-            | Earnings after tax |
+    Examples: 
+      | columns            |
+      | Date               |
+      | Invoice            |
+      | Earnings           |
+      | Indirect tax       |
+      | Earnings after tax |
diff --git a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
index 80bfb4e44f..97cdd2d4e0 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/sqm-invoice-table.tsx
@@ -21,7 +21,7 @@ import { InvoiceTableView } from "./sqm-invoice-table-view";
  * @uiName Invoice Table
  * @exampleGroup Invoices
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
- * @example Invoice Table - <sqm-invoice-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" ><sqm-invoice-table-download-column></sqm-invoice-table-download-column><sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column><sqm-invoice-table-data-column column-title="Invoice" property="invoiceId"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings" property="earnings"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Taxed Amount" property="taxedAmount"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings after tax" property="netEarnings"></sqm-invoice-table-data-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png" empty-state-header="View your invoice details" empty-state-text="Refer a friend to view the status of your invoices and rewards earned" slot="empty" ></sqm-empty ></sqm-invoice-table> */
+ * @example Invoice Table - <sqm-invoice-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" ><sqm-invoice-table-download-column></sqm-invoice-table-download-column><sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column><sqm-invoice-table-data-column column-title="Invoice" property="invoiceId"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings" property="earnings"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Indirect tax" property="indirectTax"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings after tax" property="netEarnings"></sqm-invoice-table-data-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png" empty-state-header="View your invoice details" empty-state-text="Refer a friend to view the status of your invoices and rewards earned" slot="empty" ></sqm-empty ></sqm-invoice-table> */
 @Component({
   tag: "sqm-invoice-table",
   shadow: true,
diff --git a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
index ca16132004..12aa97a74b 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/useInvoiceTable.tsx
@@ -111,7 +111,7 @@ export function useInvoiceTable(
         earnings: `${invoice.currency}${
           invoice.totalAmount?.toFixed(2) || "0.00"
         }`,
-        taxedAmount: `${invoice.currency}${
+        indirectTax: `${invoice.currency}${
           invoice.totalVatAmount?.toFixed(2) || "0.00"
         }`,
         dateCreated: invoice.dateCreated,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index e2e54b9fdf..ce375f8bf3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -73,7 +73,7 @@ export interface TaxAndCashDashboardProps {
     subRegionTaxNumber: string;
     invoiceColumnTitle: string;
     earningsColumnTitle: string;
-    taxedAmountColumnTitle: string;
+    indirectTaxColumnTitle: string;
     earningsAfterTaxColumnTitle: string;
     dateColumnTitle: string;
     taxAndPayoutsDescription: string;
@@ -607,8 +607,8 @@ export const TaxAndCashDashboardView = (props: TaxAndCashDashboardProps) => {
                         property="earnings"
                       ></sqm-invoice-table-data-column>
                       <sqm-invoice-table-data-column
-                        column-title={text.taxedAmountColumnTitle}
-                        property="taxedAmount"
+                        column-title={text.indirectTaxColumnTitle}
+                        property="indirectTax"
                       ></sqm-invoice-table-data-column>
                       <sqm-invoice-table-data-column
                         column-title={text.earningsAfterTaxColumnTitle}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 4ebf7a063c..6bb6047f6d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -268,9 +268,9 @@ export class TaxAndCashDashboard {
   @Prop() earningsColumnTitle: string = "Earnings";
   /**
    * Part of the Invoice table displayed at the bottom of the page.
-   * @uiName Taxed amount column title
+   * @uiName Indirect tax column title
    */
-  @Prop() taxedAmountColumnTitle: string = "Taxed Amount";
+  @Prop() indirectTaxColumnTitle: string = "Indirect tax";
   /**
    * Part of the Invoice table displayed at the bottom of the page.
    * @uiName Earnings after tax column title
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 0b4aa87878..01f6cf2629 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -774,10 +774,10 @@ export class TaxAndCashMonolith {
   @Prop() dashboard_earningsColumnTitle: string = "Earnings";
   /**
    * Part of the Invoice table displayed at the bottom of the page.
-   * @uiName Taxed amount column title
+   * @uiName Indirect tax column title
    *  @uiGroup Dashboard Properties
    */
-  @Prop() dashboard_taxedAmountColumnTitle: string = "Taxed Amount";
+  @Prop() dashboard_indirectTaxColumnTitle: string = "Indirect tax";
   /**
    * Displayed under the payout details card.
    * @uiName Payout from impact text
diff --git a/packages/mint-components/src/saasquatch.d.ts b/packages/mint-components/src/saasquatch.d.ts
index c3f10dc913..f82d605e5c 100644
--- a/packages/mint-components/src/saasquatch.d.ts
+++ b/packages/mint-components/src/saasquatch.d.ts
@@ -177,6 +177,6 @@ interface Invoice {
   invoiceId: string;
   program: string;
   earnings: string;
-  taxedAmount: string;
+  indirectTax: string;
   netEarnings: string;
 }
diff --git a/packages/mint-components/src/templates/TaxAndCash.html b/packages/mint-components/src/templates/TaxAndCash.html
index 492b5dc3ff..b3fcd74ded 100644
--- a/packages/mint-components/src/templates/TaxAndCash.html
+++ b/packages/mint-components/src/templates/TaxAndCash.html
@@ -293,7 +293,7 @@ <h1>Activity</h1>
                   dashboard_invoice-column-title="Invoice"
                   dashboard_date-column-title="Date"
                   dashboard_earnings-column-title="Earnings"
-                  dashboard_taxed-amount-column-title="Taxed Amount"
+                  dashboard_indirect-tax-column-title="Indirect tax"
                   dashboard_payout-from-impact="Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."
                   dashboard_earnings-after-tax-column-title="Earnings after tax"
                   dashboard_error-title-text="Your payout is on hold "

From 7f3a6bd29b64a483b45c2bf69c0e8c828fd5cac3 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 1 Apr 2024 14:21:10 -0700
Subject: [PATCH 710/753] replace modal text props on html template

---
 packages/mint-components/src/templates/TaxAndCash.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/mint-components/src/templates/TaxAndCash.html b/packages/mint-components/src/templates/TaxAndCash.html
index 492b5dc3ff..2520b0f7e2 100644
--- a/packages/mint-components/src/templates/TaxAndCash.html
+++ b/packages/mint-components/src/templates/TaxAndCash.html
@@ -304,6 +304,8 @@ <h1>Activity</h1>
                   dashboard_invoice-header="Invoices"
                   dashboard_invoice-empty-state-header="View your invoice details"
                   dashboard_invoice-empty-state-text="Refer a friend to view the status of your invoices and rewards earned"
+                  dashboard_replace-tax-form-modal-header="Replace existing tax form"
+                  dashboard_replace-tax-form-modal-body-text="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."
                   form-step="Step {step} of {count}"
                   general-error-title="There was a problem submitting your information"
                   general-error-description="Please review your information and try again. If this problem continues, contact Support."

From 72c08c38801767bad26a3356b47c4c9d1f8566b8 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 1 Apr 2024 14:54:13 -0700
Subject: [PATCH 711/753] remove hardcoded test data + remove commented and
 unused code

---
 .../sqm-invoice-table-download-column.tsx     |  1 -
 .../sqm-referral-table/useReferralTable.tsx   |  2 -
 .../sqm-rewards-table/mockRewardData.ts       | 12 +--
 .../sqm-banking-info-form.tsx                 |  2 +-
 .../sqm-tax-and-cash-dashboard-view.tsx       |  2 -
 .../sqm-tax-and-cash-dashboard.tsx            | 11 +--
 .../useTaxAndCashDashboard.tsx                | 17 ----
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  1 -
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 90 -------------------
 .../sqm-user-info-form/sqm-user-info-form.tsx |  1 -
 10 files changed, 10 insertions(+), 129 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx
index 5ce2021466..7794addac8 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.tsx
@@ -18,7 +18,6 @@ export class InvoiceTableGenericColumn implements InvoiceTableColumn {
 
   @Method()
   async renderCell(data: Invoice) {
-    console.log({ data });
     return (
       <sqm-invoice-table-download-cell
         downloadUrl={data.downloadUrl}
diff --git a/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx b/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx
index 9ee43b325a..0109f9c4ec 100644
--- a/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx
@@ -337,8 +337,6 @@ export function useReferralTable(
   );
 
   const taxConnection = taxResponse?.viewer?.impactConnection;
-  // const taxConnection = mockTaxData();
-  // const { data } = mockReferralData();
 
   const {
     envelope: referralData,
diff --git a/packages/mint-components/src/components/sqm-rewards-table/mockRewardData.ts b/packages/mint-components/src/components/sqm-rewards-table/mockRewardData.ts
index 8bc7afcc09..83e670952a 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/mockRewardData.ts
+++ b/packages/mint-components/src/components/sqm-rewards-table/mockRewardData.ts
@@ -99,12 +99,12 @@ const getMockData = (status?: string): Reward => {
     randomRedeemed = Math.floor(Math.random() * randomValue);
     dateExpires = today.minus({ days: 1 }).toMillis();
   } else if (randomStatus === "PENDING") {
-    pendingReason = ["PAYOUT_CONFIGURATION_MISSING"];
-    // const reason = pendingReasons[Math.floor(Math.random() * 3)];
-    // pendingReason = [reason];
-    // if (reason === "SCHEDULED") {
-    //   dateScheduledFor = today.plus({ days: 6 }).toMillis();
-    // }
+    // pendingReason = ["PAYOUT_CONFIGURATION_MISSING"];
+    const reason = pendingReasons[Math.floor(Math.random() * 3)];
+    pendingReason = [reason];
+    if (reason === "SCHEDULED") {
+      dateScheduledFor = today.plus({ days: 6 }).toMillis();
+    }
   } else if (randomStatus === "REDEEMED") {
     prettyAvailableValue = `0 ${prettyValue}`;
     isAvailableZero = true;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index 5545f7080b..b9fa95750b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -647,7 +647,7 @@ function useDemoBankingInfoForm(
         setPaymentMethodChecked,
         setPaymentScheduleChecked,
         setCountrySearch: () => {},
-        onBack: async () => console.log("back"),
+        onBack: async () => setStep("/dashboard"),
       },
       text: props.getTextProps(),
       refs: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index ce375f8bf3..0e9743f60e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -12,8 +12,6 @@ export interface TaxAndCashDashboardProps {
     canEditPayoutInfo: boolean;
     disabled?: boolean;
     dateSubmitted?: string;
-    dateExpired?: string;
-    expiresSoon?: boolean;
     noFormNeeded?: boolean;
     indirectTaxType?: string;
     qstNumber?: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 6bb6047f6d..2787ecf40e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -1,18 +1,14 @@
 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 { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
+import { TaxAndCashDashboardView } from "./sqm-tax-and-cash-dashboard-view";
 import {
-  TaxAndCashDashboardProps,
-  TaxAndCashDashboardView,
-} from "./sqm-tax-and-cash-dashboard-view";
-import {
-  UseTaxAndCashDashboardResult,
   useTaxAndCashDashboard,
+  UseTaxAndCashDashboardResult,
 } from "./useTaxAndCashDashboard";
-import { NextPayout } from "../sqm-payout-details-card/PayoutDetailsCard.stories";
 
 /**
  * @uiName Tax and Cash Status Dashboard
@@ -379,7 +375,6 @@ function useDemoTaxAndCashDashboard(
         indirectTaxNumber: 55555555,
         indirectTaxType: "Indirect Tax",
         noFormNeeded: true,
-        expiresSoon: false,
         disabled: false,
         loading: false,
         showNewFormDialog: false,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 90418378e1..0a32bbbef4 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -20,16 +20,6 @@ import { taxTypeToName } from "../utils";
 import { TaxAndCashDashboard } from "./sqm-tax-and-cash-dashboard";
 import { TaxAndCashDashboardProps } from "./sqm-tax-and-cash-dashboard-view";
 
-function getExpiresSoon(submissionDate: number, expiryDate: number) {
-  if (!submissionDate || !expiryDate) return false;
-  return (
-    DateTime.fromMillis(expiryDate).diff(
-      DateTime.fromMillis(submissionDate),
-      "days"
-    )?.days <= 30
-  );
-}
-
 function getCountryName(countryCode: string, locale: string) {
   if (!countryCode) return undefined;
 
@@ -98,11 +88,6 @@ export const useTaxAndCashDashboard = (
     ? DateTime.fromMillis(submissionDate).toFormat("LLL dd, yyyy")
     : undefined;
 
-  const expiryDate = DateTime.now().plus({ days: 30 }).toMillis();
-  const dateExpired = DateTime.fromMillis(expiryDate).toFormat("LLL dd, yyyy");
-
-  const expiresSoon = getExpiresSoon(expiryDate, submissionDate);
-
   const onEditPayoutInfo = () => {
     setContext({
       overrideNextStep: "/dashboard",
@@ -131,7 +116,6 @@ export const useTaxAndCashDashboard = (
   return {
     states: {
       dateSubmitted,
-      dateExpired,
       documentType,
       canEditPayoutInfo: publisher?.brandedSignup,
       documentTypeString: taxTypeToName(documentType),
@@ -149,7 +133,6 @@ export const useTaxAndCashDashboard = (
       ),
       notRegistered: !publisher?.taxInformation?.indirectTaxId,
       noFormNeeded: !documentType,
-      expiresSoon,
       disabled: loading,
       loading,
       loadingError: !!userError?.message,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 01f6cf2629..b75d2aa252 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -995,7 +995,6 @@ export class TaxAndCashMonolith {
   }
 
   render() {
-    // const props = useTaxAndCash();
     const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
 
     // @ts-ignore
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index d8f7a0dd97..75b8330680 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -55,96 +55,6 @@ function getCurrentStep(user: UserQuery["user"]) {
 
 export function useTaxAndCash() {
   const host = useHost();
-
-  function setupDemo() {
-    // coleton
-    const id =
-      "5bd061e1c73e02a1e726ab7db2b4b4648e83eff10e66bccc8d1937c40c1b49a1";
-    const accountId =
-      "5bd061e1c73e02a1e726ab7db2b4b4648e83eff10e66bccc8d1937c40c1b49a1";
-
-    // andy3
-    // const id =
-    //   "e061ee21b45eff8ada22845d441c6a2cd7190af1718a55452ad2d44b020915a7";
-    // const accountId =
-    //   "e061ee21b45eff8ada22845d441c6a2cd7190af1718a55452ad2d44b020915a7";
-
-    // // andy
-    // const id = "12345";
-    // const accountId = "12345";
-
-    // andy2
-    // const id =
-    //   "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
-    // const accountId =
-    //   "80d24e8d6133bdcf859844ca1fc7552c57d5d0661a7f46f791ea0785827a70ed";
-
-    // sam
-    // const id =
-    //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
-    // const accountId =
-    //   "3e0fab4f3e7c7cd3ee971b0c0e9a4ece4061349c837f24c71582330842fc8462";
-    const programId = "22514";
-    // const programId = "22999";
-
-    //@ts-ignore
-    window.widgetIdent = {
-      // tenantAlias: "aprh0cfq6y8tk",
-      tenantAlias: "aprh0cfq6y8tk",
-      appDomain: "https://staging.referralsaasquatch.com",
-      programId,
-    };
-
-    // coleton
-    useEffect(() => {
-      setUserIdentity({
-        accountId,
-        id,
-        jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiNWJkMDYxZTFjNzNlMDJhMWU3MjZhYjdkYjJiNGI0NjQ4ZTgzZWZmMTBlNjZiY2NjOGQxOTM3YzQwYzFiNDlhMSIsImFjY291bnRJZCI6IjViZDA2MWUxYzczZTAyYTFlNzI2YWI3ZGIyYjRiNDY0OGU4M2VmZjEwZTY2YmNjYzhkMTkzN2M0MGMxYjQ5YTEiLCJlbWFpbCI6ImFuZHkubHVvK3RocmVzaG9sZEBpbXBhY3QuY29tIn19.NTdsIu4p8qNJGuOTCvGwNPZI_4V7HwNNhQLavO1jPds",
-      });
-    }, []);
-
-    // andy3
-    // useEffect(() => {
-    //   setUserIdentity({
-    //     accountId,
-    //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZTA2MWVlMjFiNDVlZmY4YWRhMjI4NDVkNDQxYzZhMmNkNzE5MGFmMTcxOGE1NTQ1MmFkMmQ0NGIwMjA5MTVhNyIsImFjY291bnRJZCI6ImUwNjFlZTIxYjQ1ZWZmOGFkYTIyODQ1ZDQ0MWM2YTJjZDcxOTBhZjE3MThhNTU0NTJhZDJkNDRiMDIwOTE1YTciLCJlbWFpbCI6InRlc3R1c2VyQGV4YW1wbGUuY29tIn19.92Dtz49tnl8ZL9oDAkNeND8SX5OSFlt5Y7FXP92sGiA",
-    //   });
-    // }, []);
-
-    // andy
-    // useEffect(() => {
-    //   setUserIdentity({
-    //     accountId,
-    //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiMGExZTFmYTE3OGQ1MmRlZDAzZTg2YjZiZDAxYThhMDIwNDZkOGJlZjMzNjc2MzRlMTkyNzQ2ZTcxMTljNDFlMyIsImFjY291bnRJZCI6IjBhMWUxZmExNzhkNTJkZWQwM2U4NmI2YmQwMWE4YTAyMDQ2ZDhiZWYzMzY3NjM0ZTE5Mjc0NmU3MTE5YzQxZTMifX0.OO18YDc8LG3XeKJAug1oahqapmHY61RncrbRiK7Yer4",
-    //   });
-    // }, []);
-
-    // andy
-    // useEffect(() => {
-    //   setUserIdentity({
-    //     accountId,
-    //     id,
-    //     jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSZkFUVEdOZXRqUDUwNzYxMDNERjVub0d0TDRnQ0hjYjEifQ.eyJ1c2VyIjp7ImlkIjoiODBkMjRlOGQ2MTMzYmRjZjg1OTg0NGNhMWZjNzU1MmM1N2Q1ZDA2NjFhN2Y0NmY3OTFlYTA3ODU4MjdhNzBlZCIsImFjY291bnRJZCI6IjgwZDI0ZThkNjEzM2JkY2Y4NTk4NDRjYTFmYzc1NTJjNTdkNWQwNjYxYTdmNDZmNzkxZWEwNzg1ODI3YTcwZWQifX0.8VWa3R_pSeRJeNw07AZPjCdTuTiwBYXOAc-ouVItuYs",
-    //   });
-    // }, []);
-
-    // sam
-    // useEffect(() => {
-    //   setUserIdentity({
-    //     accountId,
-    //     id,
-    //     jwt: "eyJraWQiOiJJUk1Yc1l5NllZcXE0Njk0MzdtRzhFUlF0OFFvS0ZCYUcxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJqdGkiOiI2NWVhNDMxOTQ3NGJjZTBkMGE4ZDkwZGYiLCJpYXQiOjE3MDk4NTE0MTcsImV4cCI6MTcwOTkzNzgxNywic3ViIjoiTTJVd1ptRmlOR1l6WlRkak4yTmtNMlZsT1RjeFlqQmpNR1U1WVRSbFkyVTBNRFl4TXpRNVl6Z3pOMll5TkdNM01UVTRNak16TURnME1tWmpPRFEyTWc9PTpNMlV3Wm1GaU5HWXpaVGRqTjJOa00yVmxPVGN4WWpCak1HVTVZVFJsWTJVME1EWXhNelE1WXpnek4yWXlOR00zTVRVNE1qTXpNRGcwTW1aak9EUTJNZz09QGFwcmgwY2ZxNnk4dGs6dXNlcnMiLCJ1c2VyIjp7ImlkIjoiM2UwZmFiNGYzZTdjN2NkM2VlOTcxYjBjMGU5YTRlY2U0MDYxMzQ5YzgzN2YyNGM3MTU4MjMzMDg0MmZjODQ2MiIsImFjY291bnRJZCI6IjNlMGZhYjRmM2U3YzdjZDNlZTk3MWIwYzBlOWE0ZWNlNDA2MTM0OWM4MzdmMjRjNzE1ODIzMzA4NDJmYzg0NjIiLCJkYXRlQmxvY2tlZCI6bnVsbH19.1pFVd0Z-46-k0bPXe2lnrX8A8YFIyJzKAcvlhV0lk7Q",
-    //   });
-    // }, []);
-  }
-
-  // setupDemo();
-
-  /** END DEMO DATA */
-
   const user = useUserIdentity();
   const locale = useLocale();
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index b3fc19a19e..1083bffce0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -161,7 +161,6 @@ export class TaxForm {
   }
 
   render() {
-    console.debug("Rendering user info form");
     const props = isDemo() ? useDemoUserInfoForm(this) : useUserInfoForm(this);
 
     return (

From 250abdacbf8562b7519888bb584cced753c27f8c Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 1 Apr 2024 14:55:33 -0700
Subject: [PATCH 712/753] remove unused imports from useReferralTable

---
 .../components/sqm-referral-table/useReferralTable.tsx    | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx b/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx
index 0109f9c4ec..d216ba2613 100644
--- a/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx
+++ b/packages/mint-components/src/components/sqm-referral-table/useReferralTable.tsx
@@ -7,14 +7,12 @@ import {
 } from "@saasquatch/component-boilerplate";
 import { useEffect, useReducer } from "@saasquatch/universal-hooks";
 import { h, VNode } from "@stencil/core";
+import debugFn from "debug";
 import { gql } from "graphql-request";
-import { useRerenderListener } from "../../tables/re-render";
-import { ReferralTable } from "./sqm-referral-table";
 import { GenericTableViewProps } from "../../tables/GenericTableView";
+import { useRerenderListener } from "../../tables/re-render";
 import { useChildElements } from "../../tables/useChildElements";
-import debugFn from "debug";
-import mockTaxData from "../sqm-rewards-table/mockTaxData";
-import mockReferralData from "./mockReferralData";
+import { ReferralTable } from "./sqm-referral-table";
 const debug = debugFn("sq:useReferralTable");
 
 export const CSS_NAMESPACE = "sqm-referral-table";

From 0df7591b03f62fb840c50336cdade404e0487999 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 1 Apr 2024 15:02:19 -0700
Subject: [PATCH 713/753] Use app.impact.com for T&C link

---
 .../tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
index 32b5052c15..cdfd16c6bc 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.tsx
@@ -215,7 +215,7 @@ export const UserInfoFormView = (props: UserInfoFormViewProps) => {
     },
     {
       termsAndConditionsLink: (
-        <a href="https://example.com/" target="_blank">
+        <a href="https://app.impact.com/" target="_blank">
           {text.termsAndConditionsLabel}
         </a>
       ),

From e97c4465751555681e7f0348cce1f5cb560c1c8e Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 1 Apr 2024 15:09:43 -0700
Subject: [PATCH 714/753] bump version number

---
 packages/mint-components/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index b92a8aaefa..b5452bb98a 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-132",
+  "version": "1.8.0-133",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

From c8a2d671601be62d78050c02f9ee2f74bbc1049b Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 1 Apr 2024 15:13:25 -0700
Subject: [PATCH 715/753] prerelease 1.8.0-133

---
 packages/mint-components/package-lock.json    |   4 +-
 .../sqm-tax-and-cash-dashboard/readme.md      | 108 +++++++++---------
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |   2 +-
 3 files changed, 57 insertions(+), 57 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index ac9e205d47..58da4597d0 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-132",
+  "version": "1.8.0-133",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-132",
+      "version": "1.8.0-133",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index 6245d661f0..36e1fa8329 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -7,60 +7,60 @@
 
 ## Properties
 
-| Property                          | Attribute                            | Description                                                                                                                    | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Default                                                                                                                                                                                                                                             |
-| --------------------------------- | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `accountText`                     | `account-text`                       | Shown before the participant’s bank account information.                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Account"`                                                                                                                                                                                                                                         |
-| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                                                                                                  |
-| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Additional text displayed next to the tax form's status badge                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Submitted on {dateSubmitted}."`                                                                                                                                                                                                                   |
-| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                                                                                           |
-| `bankingInformationSectionHeader` | `banking-information-section-header` |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Payout information"`                                                                                                                                                                                                                              |
-| `cancelButton`                    | `cancel-button`                      |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Cancel"`                                                                                                                                                                                                                                          |
-| `dateColumnTitle`                 | `date-column-title`                  | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Date"`                                                                                                                                                                                                                                            |
-| `demoData`                        | --                                   |                                                                                                                                | `{ 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; showNewFormDialog: boolean; errors?: { general?: boolean; }; }; }` | `undefined`                                                                                                                                                                                                                                         |
-| `earningsAfterTaxColumnTitle`     | `earnings-after-tax-column-title`    | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Earnings after tax"`                                                                                                                                                                                                                              |
-| `earningsColumnTitle`             | `earnings-column-title`              | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Earnings"`                                                                                                                                                                                                                                        |
-| `editPaymentInformationButton`    | `edit-payment-information-button`    |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Edit Payout Information"`                                                                                                                                                                                                                         |
-| `errorDescriptionText`            | `error-description-text`             | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"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."` |
-| `errorTitleText`                  | `error-title-text`                   | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Your payout is on hold "`                                                                                                                                                                                                                         |
-| `generalErrorDescription`         | `general-error-description`          | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                                       |
-| `generalErrorTitle`               | `general-error-title`                | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"There was a problem submitting your information"`                                                                                                                                                                                                 |
-| `indirectTaxDetails`              | `indirect-tax-details`               | Displayed to participants who have submitted their indirect tax information.                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
-| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | If the participant is registered for indirect tax in Canada, display the province they’re registered in.                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Registered in {province}, {country}"`                                                                                                                                                                                                             |
-| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | If the participant is registered for indirect tax, display the country they’re registered in.                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Registered in {country}"`                                                                                                                                                                                                                         |
-| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Indirect tax"`                                                                                                                                                                                                                                    |
-| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | If the participant is registered for indirect tax in Spain, display the region they’re registered in.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Registered in {country}, {subRegion}"`                                                                                                                                                                                                            |
-| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"To make changes to your indirect tax information, please contact Support."`                                                                                                                                                                       |
-| `invalidForm`                     | `invalid-form`                       | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Make sure your information is correct and submit new form."`                                                                                                                                                                                      |
-| `invoiceColumnTitle`              | `invoice-column-title`               | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Invoice"`                                                                                                                                                                                                                                         |
-| `invoiceDescription`              | `invoice-description`                |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"View and download your invoices to report your earnings and stay tax compliant."`                                                                                                                                                                 |
-| `invoiceEmptyStateHeader`         | `invoice-empty-state-header`         |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"View your invoice details"`                                                                                                                                                                                                                       |
-| `invoiceEmptyStateText`           | `invoice-empty-state-text`           |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Refer a friend to view the status of your invoices and rewards earned"`                                                                                                                                                                           |
-| `invoiceHeader`                   | `invoice-header`                     |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Invoices"`                                                                                                                                                                                                                                        |
-| `invoiceMoreLabel`                | `invoice-more-label`                 |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Next"`                                                                                                                                                                                                                                            |
-| `invoicePrevLabel`                | `invoice-prev-label`                 |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Prev"`                                                                                                                                                                                                                                            |
-| `loadingErrorAlertDescription`    | `loading-error-alert-description`    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                                              |
-| `loadingErrorAlertHeader`         | `loading-error-alert-header`         | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"There was a problem loading your form"`                                                                                                                                                                                                           |
-| `newFormButton`                   | `new-form-button`                    |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Submit new form"`                                                                                                                                                                                                                                 |
-| `noFormNeededSubtext`             | `no-form-needed-subtext`             | No other statuses or badges will be displayed in the tax form section in this case.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
-| `notRegisteredForTax`             | `not-registered-for-tax`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
-| `payoutFromImpact`                | `payout-from-impact`                 | Displayed under the payout details card.                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
-| `qstNumber`                       | `qst-number`                         | Displayed to participants registered in Quebec, Canada.                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
-| `replaceTaxFormModalBodyText`     | `replace-tax-form-modal-body-text`   |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"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."`                                                                                         |
-| `replaceTaxFormModalHeader`       | `replace-tax-form-modal-header`      |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Replace existing tax form"`                                                                                                                                                                                                                       |
-| `statusBadgeText`                 | `status-badge-text`                  |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
-| `statusTextActive`                | `status-text-active`                 |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Active"`                                                                                                                                                                                                                                          |
-| `statusTextNotActive`             | `status-text-not-active`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Invalid Tax Form"`                                                                                                                                                                                                                                |
-| `statusTextNotVerified`           | `status-text-not-verified`           | Displayed when the participant submitted their form but it is awaiting review.                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Not Verified"`                                                                                                                                                                                                                                    |
-| `subRegionTaxNumber`              | `sub-region-tax-number`              |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                                                                                                         |
-| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{documentType} tax form is invalid"`                                                                                                                                                                                                              |
-| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                                                                                       |
-| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                                                                                                            |
-| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Please resubmit a new {documentType} form."`                                                                                                                                                                                                      |
-| `taxAndPayoutsDescription`        | `tax-and-payouts-description`        | Displayed at the top of the page on all set up steps and on the dashboard.                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                                             |
-| `taxDocumentSectionHeader`        | `tax-document-section-header`        |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Tax documents"`                                                                                                                                                                                                                                   |
-| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Displayed under the tax document section header.                                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"{documentType} tax form"`                                                                                                                                                                                                                         |
-| `taxedAmountColumnTitle`          | `taxed-amount-column-title`          | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Taxed Amount"`                                                                                                                                                                                                                                    |
-| `thresholdPayoutText`             | `threshold-payout-text`              | Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
+| Property                          | Attribute                            | Description                                                                                                                    | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | Default                                                                                                                                                                                                                                             |
+| --------------------------------- | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `accountText`                     | `account-text`                       | Shown before the participant’s bank account information.                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Account"`                                                                                                                                                                                                                                         |
+| `badgeTextAwaitingReview`         | `badge-text-awaiting-review`         | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Awaiting review. Submitted on {dateSubmitted}."`                                                                                                                                                                                                  |
+| `badgeTextSubmittedOn`            | `badge-text-submitted-on`            | Additional text displayed next to the tax form's status badge                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submitted on {dateSubmitted}."`                                                                                                                                                                                                                   |
+| `badgeTextSubmittedOnW8`          | `badge-text-submitted-on-w-8`        | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submitted on {dateSubmitted}. Valid for three years after submission."`                                                                                                                                                                           |
+| `bankingInformationSectionHeader` | `banking-information-section-header` |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Payout information"`                                                                                                                                                                                                                              |
+| `cancelButton`                    | `cancel-button`                      |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Cancel"`                                                                                                                                                                                                                                          |
+| `dateColumnTitle`                 | `date-column-title`                  | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Date"`                                                                                                                                                                                                                                            |
+| `demoData`                        | --                                   |                                                                                                                                | `{ 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; }; }; }` | `undefined`                                                                                                                                                                                                                                         |
+| `earningsAfterTaxColumnTitle`     | `earnings-after-tax-column-title`    | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Earnings after tax"`                                                                                                                                                                                                                              |
+| `earningsColumnTitle`             | `earnings-column-title`              | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Earnings"`                                                                                                                                                                                                                                        |
+| `editPaymentInformationButton`    | `edit-payment-information-button`    |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Edit Payout Information"`                                                                                                                                                                                                                         |
+| `errorDescriptionText`            | `error-description-text`             | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"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."` |
+| `errorTitleText`                  | `error-title-text`                   | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your payout is on hold "`                                                                                                                                                                                                                         |
+| `generalErrorDescription`         | `general-error-description`          | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please review your information and try again. If this problem continues, contact Support."`                                                                                                                                                       |
+| `generalErrorTitle`               | `general-error-title`                | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem submitting your information"`                                                                                                                                                                                                 |
+| `indirectTaxColumnTitle`          | `indirect-tax-column-title`          | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Indirect tax"`                                                                                                                                                                                                                                    |
+| `indirectTaxDetails`              | `indirect-tax-details`               | Displayed to participants who have submitted their indirect tax information.                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
+| `indirectTaxInfoCanada`           | `indirect-tax-info-canada`           | If the participant is registered for indirect tax in Canada, display the province they’re registered in.                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Registered in {province}, {country}"`                                                                                                                                                                                                             |
+| `indirectTaxInfoOtherCountry`     | `indirect-tax-info-other-country`    | If the participant is registered for indirect tax, display the country they’re registered in.                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Registered in {country}"`                                                                                                                                                                                                                         |
+| `indirectTaxInfoSectionHeader`    | `indirect-tax-info-section-header`   |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Indirect tax"`                                                                                                                                                                                                                                    |
+| `indirectTaxInfoSpain`            | `indirect-tax-info-spain`            | If the participant is registered for indirect tax in Spain, display the region they’re registered in.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Registered in {country}, {subRegion}"`                                                                                                                                                                                                            |
+| `indirectTaxTooltipSupport`       | `indirect-tax-tooltip-support`       |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"To make changes to your indirect tax information, please contact Support."`                                                                                                                                                                       |
+| `invalidForm`                     | `invalid-form`                       | Additional text displayed next to the tax form's status badge.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Make sure your information is correct and submit new form."`                                                                                                                                                                                      |
+| `invoiceColumnTitle`              | `invoice-column-title`               | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Invoice"`                                                                                                                                                                                                                                         |
+| `invoiceDescription`              | `invoice-description`                |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"View and download your invoices to report your earnings and stay tax compliant."`                                                                                                                                                                 |
+| `invoiceEmptyStateHeader`         | `invoice-empty-state-header`         |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"View your invoice details"`                                                                                                                                                                                                                       |
+| `invoiceEmptyStateText`           | `invoice-empty-state-text`           |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Refer a friend to view the status of your invoices and rewards earned"`                                                                                                                                                                           |
+| `invoiceHeader`                   | `invoice-header`                     |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Invoices"`                                                                                                                                                                                                                                        |
+| `invoiceMoreLabel`                | `invoice-more-label`                 |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Next"`                                                                                                                                                                                                                                            |
+| `invoicePrevLabel`                | `invoice-prev-label`                 |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Prev"`                                                                                                                                                                                                                                            |
+| `loadingErrorAlertDescription`    | `loading-error-alert-description`    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please refresh the page and try again. If this problem continues, contact Support."`                                                                                                                                                              |
+| `loadingErrorAlertHeader`         | `loading-error-alert-header`         | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem loading your form"`                                                                                                                                                                                                           |
+| `newFormButton`                   | `new-form-button`                    |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submit new form"`                                                                                                                                                                                                                                 |
+| `noFormNeededSubtext`             | `no-form-needed-subtext`             | No other statuses or badges will be displayed in the tax form section in this case.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
+| `notRegisteredForTax`             | `not-registered-for-tax`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
+| `payoutFromImpact`                | `payout-from-impact`                 | Displayed under the payout details card.                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
+| `qstNumber`                       | `qst-number`                         | Displayed to participants registered in Quebec, Canada.                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
+| `replaceTaxFormModalBodyText`     | `replace-tax-form-modal-body-text`   |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"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."`                                                                                         |
+| `replaceTaxFormModalHeader`       | `replace-tax-form-modal-header`      |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Replace existing tax form"`                                                                                                                                                                                                                       |
+| `statusBadgeText`                 | `status-badge-text`                  |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
+| `statusTextActive`                | `status-text-active`                 |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Active"`                                                                                                                                                                                                                                          |
+| `statusTextNotActive`             | `status-text-not-active`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Invalid Tax Form"`                                                                                                                                                                                                                                |
+| `statusTextNotVerified`           | `status-text-not-verified`           | Displayed when the participant submitted their form but it is awaiting review.                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not Verified"`                                                                                                                                                                                                                                    |
+| `subRegionTaxNumber`              | `sub-region-tax-number`              |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Income tax number: {subRegionTaxNumber}"`                                                                                                                                                                                                         |
+| `taxAlertHeaderNotActiveW8`       | `tax-alert-header-not-active-w-8`    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{documentType} tax form is invalid"`                                                                                                                                                                                                              |
+| `taxAlertHeaderNotActiveW9`       | `tax-alert-header-not-active-w-9`    | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your W9 tax form has personal information that doesn’t match your profile"`                                                                                                                                                                       |
+| `taxAlertNotActiveMessageW8`      | `tax-alert-not-active-message-w-8`   | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form."`                                                                                                            |
+| `taxAlertNotActiveMessageW9`      | `tax-alert-not-active-message-w-9`   | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Please resubmit a new {documentType} form."`                                                                                                                                                                                                      |
+| `taxAndPayoutsDescription`        | `tax-and-payouts-description`        | Displayed at the top of the page on all set up steps and on the dashboard.                                                     | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submit your tax documents and add your banking information to receive your rewards."`                                                                                                                                                             |
+| `taxDocumentSectionHeader`        | `tax-document-section-header`        |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax documents"`                                                                                                                                                                                                                                   |
+| `taxDocumentSectionSubHeader`     | `tax-document-section-sub-header`    | Displayed under the tax document section header.                                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"{documentType} tax form"`                                                                                                                                                                                                                         |
+| `thresholdPayoutText`             | `threshold-payout-text`              | Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index b2e605f71e..a4b9f1f2f2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -21,6 +21,7 @@
 | `dashboard_editPaymentInformationButton`        | `dashboard_edit-payment-information-button`          |                                                                                                                                | `string`                                                                                                             | `"Edit Payout Information"`                                                                                                                                                                                                                         |
 | `dashboard_errorDescriptionText`                | `dashboard_error-description-text`                   | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                             | `"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."` |
 | `dashboard_errorTitleText`                      | `dashboard_error-title-text`                         | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                                                                                             | `"Your payout is on hold "`                                                                                                                                                                                                                         |
+| `dashboard_indirectTaxColumnTitle`              | `dashboard_indirect-tax-column-title`                | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Indirect tax"`                                                                                                                                                                                                                                    |
 | `dashboard_indirectTaxDetails`                  | `dashboard_indirect-tax-details`                     | Displayed to participants who have submitted their indirect tax information.                                                   | `string`                                                                                                             | `"{indirectTaxType} number: {indirectTaxNumber}"`                                                                                                                                                                                                   |
 | `dashboard_indirectTaxInfoCanada`               | `dashboard_indirect-tax-info-canada`                 | If the participant is registered for indirect tax in Canada, display the province they’re registered in.                       | `string`                                                                                                             | `"Registered in {province}, {country}"`                                                                                                                                                                                                             |
 | `dashboard_indirectTaxInfoOtherCountry`         | `dashboard_indirect-tax-info-other-country`          | If the participant is registered for indirect tax, display the country they’re registered in.                                  | `string`                                                                                                             | `"Registered in {country}"`                                                                                                                                                                                                                         |
@@ -53,7 +54,6 @@
 | `dashboard_taxAlertNotActiveMessageW9`          | `dashboard_tax-alert-not-active-message-w-9`         | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                             | `"Please resubmit a new {documentType} form."`                                                                                                                                                                                                      |
 | `dashboard_taxDocumentSectionHeader`            | `dashboard_tax-document-section-header`              |                                                                                                                                | `string`                                                                                                             | `"Tax documents"`                                                                                                                                                                                                                                   |
 | `dashboard_taxDocumentSectionSubHeader`         | `dashboard_tax-document-section-sub-header`          | Displayed under the tax document section header.                                                                               | `string`                                                                                                             | `"{documentType} tax form"`                                                                                                                                                                                                                         |
-| `dashboard_taxedAmountColumnTitle`              | `dashboard_taxed-amount-column-title`                | Part of the Invoice table displayed at the bottom of the page.                                                                 | `string`                                                                                                             | `"Taxed Amount"`                                                                                                                                                                                                                                    |
 | `dashboard_thresholdPayoutText`                 | `dashboard_threshold-payout-text`                    | Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid. | `string`                                                                                                             | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
 | `demoData`                                      | --                                                   |                                                                                                                                | `{ loading?: boolean; setStep?: (value: string) => void; step?: string; context?: TaxContext; namespace?: string; }` | `undefined`                                                                                                                                                                                                                                         |
 | `fieldInvalidError`                             | `field-invalid-error`                                | Displayed under a field when it has an invalid entry.                                                                          | `string`                                                                                                             | `"{fieldName} is invalid"`                                                                                                                                                                                                                          |

From eef7e170942c0b05d7bf7493ac94d54f9d0763ae Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 1 Apr 2024 15:28:50 -0700
Subject: [PATCH 716/753] Refactored skeleton for-loop to use .map

---
 .../sqm-banking-info-form-view.tsx               | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
index c9eef14917..d6e59a3cab 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.tsx
@@ -298,7 +298,7 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
     checkedValue: "toBankAccount" | "toPayPalAccount" | undefined,
     inputNumber?: number
   ) => {
-    let skeletons = [];
+    let inputNumArray = Array(inputNumber).fill(0);
 
     const flexBoxStyle = {
       display: "flex",
@@ -330,14 +330,12 @@ export const BankingInfoFormView = (props: BankingInfoFormViewProps) => {
       );
     }
 
-    for (let i = 0; i < inputNumber; i++) {
-      skeletons.push(
-        <div style={{ ...flexBoxStyle, flexDirection: "column" }} key={i}>
-          <div class={classes.SmallSkeleton} />
-          <div class={classes.LargeSkeleton} />
-        </div>
-      );
-    }
+    const skeletons = inputNumArray.map((_, idx) => (
+      <div style={{ ...flexBoxStyle, flexDirection: "column" }} key={idx}>
+        <div class={classes.SmallSkeleton} />
+        <div class={classes.LargeSkeleton} />
+      </div>
+    ));
 
     return skeletons;
   };

From c8fa625de951026763a99ec5e2b334168b38c08e Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 1 Apr 2024 15:45:16 -0700
Subject: [PATCH 717/753] Removed commented code in ProgressBar stories

---
 .../sqm-task-card/progress-bar/ProgressBar.stories.tsx           | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/mint-components/src/components/sqm-task-card/progress-bar/ProgressBar.stories.tsx b/packages/mint-components/src/components/sqm-task-card/progress-bar/ProgressBar.stories.tsx
index b47884c0bf..25cd06e4cd 100644
--- a/packages/mint-components/src/components/sqm-task-card/progress-bar/ProgressBar.stories.tsx
+++ b/packages/mint-components/src/components/sqm-task-card/progress-bar/ProgressBar.stories.tsx
@@ -9,7 +9,6 @@ export default {
 const defaultProps: ProgressBarProps = {
   progress: 2,
   goal: 4,
-  //   progressBarUnit: string,
   steps: true,
 };
 

From f893f5d28f9a0a6ec4315aad26fb28f671f4c946 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 1 Apr 2024 16:18:47 -0700
Subject: [PATCH 718/753] fixed margins for indirecttax section in dashboard

---
 .../sqm-tax-and-cash-dashboard-view.tsx                     | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 0e9743f60e..659ee4137f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -110,11 +110,13 @@ const style = {
     maxWidth: "700px",
   },
   IndirectTaxPreviewContainer: {
-    marginTop: "var(--sl-spacing-xx-large)",
+    marginTop: "var(--sl-spacing-x-large)",
     borderTop: "1px solid var(--sl-color-neutral-200)",
   },
   IndirectTaxPreviewHeaderContainer: {
-    marginTop: "var(--sl-spacing-x-large)",
+    marginTop: "var(--sl-spacing-large)",
+    marginBottom: "var(--sl-spacing-xx-small)",
+    margin: "0",
     display: "flex",
     gap: "var(--sl-spacing-x-small)",
     "&::part(base)": {

From 71480ce28e77ff7de86554aac079a6b4febc5f4b Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 1 Apr 2024 16:28:21 -0700
Subject: [PATCH 719/753] skip step 4 if brandedSignup is false, add dashboard
 text for this case

---
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx |  5 ++++-
 .../sqm-indirect-tax-form/useIndirectTaxForm.tsx       |  9 +++++++--
 .../sqm-payout-details-card-view.tsx                   |  5 ++++-
 .../sqm-payout-details-card.tsx                        |  6 ++++++
 .../sqm-tax-and-cash-dashboard.tsx                     |  6 ++++++
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx |  8 ++++++++
 .../tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx    | 10 +++++++---
 packages/mint-components/src/templates/TaxAndCash.html |  1 +
 8 files changed, 43 insertions(+), 7 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 9603fde381..86fc4c9d6d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -140,8 +140,11 @@ export function useDocusignForm(props: DocusignForm) {
         await refetch();
 
         // Skip banking info form if it already is saved
+        // or if brandedSignup is false
         setStep(
-          context.overrideNextStep || !!publisher?.withdrawalSettings
+          context.overrideNextStep ||
+            !!publisher?.withdrawalSettings ||
+            !publisher?.brandedSignup
             ? "/dashboard"
             : "/4"
         );
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 9322d4f8e5..839862345e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -250,8 +250,13 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
         // Go to docusign form
         setStep("/3");
       } else {
-        // Go to banking information form
-        setStep("/4");
+        if (publisher?.brandedSignup) {
+          // Go to banking information form
+          setStep("/4");
+        } else {
+          // Go right to the dashboard
+          setStep("/dashboard");
+        }
       }
     } catch (e) {
       setErrors({ general: true });
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index 16b0ead849..11023be6c5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -23,6 +23,7 @@ export interface PayoutDetailsCardViewProps {
     thresholdPayoutText: string;
     statusBadgeText: string;
     accountText: string;
+    payoutMissingInformationText: string;
     error: {
       errorTitleText: string;
       errorDescriptionText: string;
@@ -260,7 +261,9 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
           ) : (
             <div class={classes.AccountDetailsContainer}>
               <span>
-                {text.accountText} {states.cardNumberPreview}
+                {states.cardNumberPreview
+                  ? `${text.accountText} ${states.cardNumberPreview}`
+                  : text.payoutMissingInformationText}
               </span>
             </div>
           )}
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index 801926ba28..ebc146bc79 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -46,6 +46,12 @@ export class PayoutDetailsCard {
   @Prop()
   errorDescriptionText: string =
     "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.";
+  /**
+   * Text displayed for existing publishers that do not have saved banking information.
+   * @uiName Payout missing information subtext
+   */
+  @Prop() payoutMissingInformationText: string =
+    "Go to Impact.com to add your banking information.";
 
   /**
    * @undocumented
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 2787ecf40e..3b5970d2b2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -209,6 +209,12 @@ export class TaxAndCashDashboard {
   @Prop()
   errorDescriptionText: string =
     "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.";
+  /**
+   * Text displayed for existing publishers that do not have saved banking information.
+   * @uiName Payout missing information subtext
+   */
+  @Prop() payoutMissingInformationText: string =
+    "Go to Impact.com to add your banking information.";
 
   /**
    * Part of the alert displayed at the top of the page.
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index b75d2aa252..69d695c496 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -822,6 +822,14 @@ export class TaxAndCashMonolith {
   dashboard_errorDescriptionText: string =
     "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.";
 
+  /**
+   * Text displayed for existing publishers that do not have saved banking information.
+   * @uiName Payout missing information subtext
+   * @uiGroup Dashboard Properties
+   */
+  @Prop() dashboard_payoutMissingInformationText: string =
+    "Go to Impact.com to add your banking information.";
+
   /**
    * @uiName Invoice table description
    * @uiGroup Dashboard Properties
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 75b8330680..a1a65a9289 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -40,15 +40,19 @@ function getCurrentStep(user: UserQuery["user"]) {
     return "/1";
   }
 
-  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings } =
-    user.impactConnection.publisher;
+  const {
+    requiredTaxDocumentType,
+    currentTaxDocument,
+    withdrawalSettings,
+    brandedSignup,
+  } = user.impactConnection.publisher;
 
   // If they do have a required document, look at current document
   if (requiredTaxDocumentType && !currentTaxDocument) {
     return "/3";
   }
 
-  if (!withdrawalSettings) return "/4";
+  if (!withdrawalSettings && brandedSignup) return "/4";
 
   return "/dashboard";
 }
diff --git a/packages/mint-components/src/templates/TaxAndCash.html b/packages/mint-components/src/templates/TaxAndCash.html
index dd389e9bd4..a6107b21ea 100644
--- a/packages/mint-components/src/templates/TaxAndCash.html
+++ b/packages/mint-components/src/templates/TaxAndCash.html
@@ -298,6 +298,7 @@ <h1>Activity</h1>
                   dashboard_earnings-after-tax-column-title="Earnings after tax"
                   dashboard_error-title-text="Your payout is on hold "
                   dashboard_error-description-text="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."
+                  dashboard_payout-missing-information-text="Go to Impact.com to add your banking information."
                   dashboard_invoice-description="View and download your invoices to report your earnings and stay tax compliant."
                   dashboard_invoice-prev-label="Prev"
                   dashboard_invoice-more-label="Next"

From 77fc66bf969b4cf81a287218b0c66eb036ef3529 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 1 Apr 2024 16:37:28 -0700
Subject: [PATCH 720/753] update missing banking info text

---
 .../sqm-payout-details-card/sqm-payout-details-card.tsx         | 2 +-
 .../sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx   | 2 +-
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx          | 2 +-
 packages/mint-components/src/templates/TaxAndCash.html          | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index ebc146bc79..df7ab89375 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -51,7 +51,7 @@ export class PayoutDetailsCard {
    * @uiName Payout missing information subtext
    */
   @Prop() payoutMissingInformationText: string =
-    "Go to Impact.com to add your banking information.";
+    "Missing banking information, go to Impact.com to resolve.";
 
   /**
    * @undocumented
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 3b5970d2b2..321b989ca7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -214,7 +214,7 @@ export class TaxAndCashDashboard {
    * @uiName Payout missing information subtext
    */
   @Prop() payoutMissingInformationText: string =
-    "Go to Impact.com to add your banking information.";
+    "Missing banking information, go to Impact.com to resolve.";
 
   /**
    * Part of the alert displayed at the top of the page.
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 69d695c496..399496c39c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -828,7 +828,7 @@ export class TaxAndCashMonolith {
    * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_payoutMissingInformationText: string =
-    "Go to Impact.com to add your banking information.";
+    "Missing banking information, go to Impact.com to resolve.";
 
   /**
    * @uiName Invoice table description
diff --git a/packages/mint-components/src/templates/TaxAndCash.html b/packages/mint-components/src/templates/TaxAndCash.html
index a6107b21ea..c9d0aa3d73 100644
--- a/packages/mint-components/src/templates/TaxAndCash.html
+++ b/packages/mint-components/src/templates/TaxAndCash.html
@@ -298,7 +298,7 @@ <h1>Activity</h1>
                   dashboard_earnings-after-tax-column-title="Earnings after tax"
                   dashboard_error-title-text="Your payout is on hold "
                   dashboard_error-description-text="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."
-                  dashboard_payout-missing-information-text="Go to Impact.com to add your banking information."
+                  dashboard_payout-missing-information-text="Missing banking information, go to Impact.com to resolve."
                   dashboard_invoice-description="View and download your invoices to report your earnings and stay tax compliant."
                   dashboard_invoice-prev-label="Prev"
                   dashboard_invoice-more-label="Next"

From de88dbec658ddae9bc512c854691209d3bb83b61 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Mon, 1 Apr 2024 16:46:47 -0700
Subject: [PATCH 721/753] prerelease 1.8.0-134

---
 packages/mint-components/package-lock.json    |  4 +--
 packages/mint-components/package.json         |  2 +-
 packages/mint-components/src/components.d.ts  | 32 +++++++++++++++++++
 .../sqm-payout-details-card/readme.md         | 17 +++++-----
 .../sqm-tax-and-cash-dashboard/readme.md      |  1 +
 .../tax-and-cash/sqm-tax-and-cash/readme.md   |  1 +
 6 files changed, 46 insertions(+), 11 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 58da4597d0..c7f707e0da 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-133",
+  "version": "1.8.0-134",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-133",
+      "version": "1.8.0-134",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index b5452bb98a..d8a524aea4 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-133",
+  "version": "1.8.0-134",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index ed088d1b2f..164b356465 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1574,6 +1574,11 @@ export namespace Components {
           * @uiName Payout error message title
          */
         "errorTitleText": string;
+        /**
+          * Text displayed for existing publishers that do not have saved banking information.
+          * @uiName Payout missing information subtext
+         */
+        "payoutMissingInformationText": string;
         /**
           * Badge text indicating payout status
           * @uiName Payout badge status text
@@ -3919,6 +3924,12 @@ export namespace Components {
           * @uiWidget textArea
          */
         "dashboard_payoutFromImpact": string;
+        /**
+          * Text displayed for existing publishers that do not have saved banking information.
+          * @uiName Payout missing information subtext
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_payoutMissingInformationText": string;
         /**
           * Displayed to participants registered in Quebec, Canada.
           * @uiName QST indirect tax details
@@ -4708,6 +4719,11 @@ export namespace Components {
           * @uiWidget textArea
          */
         "payoutFromImpact": string;
+        /**
+          * Text displayed for existing publishers that do not have saved banking information.
+          * @uiName Payout missing information subtext
+         */
+        "payoutMissingInformationText": string;
         /**
           * Displayed to participants registered in Quebec, Canada.
           * @uiName QST indirect tax details
@@ -7268,6 +7284,11 @@ declare namespace LocalJSX {
           * @uiName Payout error message title
          */
         "errorTitleText"?: string;
+        /**
+          * Text displayed for existing publishers that do not have saved banking information.
+          * @uiName Payout missing information subtext
+         */
+        "payoutMissingInformationText"?: string;
         /**
           * Badge text indicating payout status
           * @uiName Payout badge status text
@@ -9589,6 +9610,12 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "dashboard_payoutFromImpact"?: string;
+        /**
+          * Text displayed for existing publishers that do not have saved banking information.
+          * @uiName Payout missing information subtext
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_payoutMissingInformationText"?: string;
         /**
           * Displayed to participants registered in Quebec, Canada.
           * @uiName QST indirect tax details
@@ -10378,6 +10405,11 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "payoutFromImpact"?: string;
+        /**
+          * Text displayed for existing publishers that do not have saved banking information.
+          * @uiName Payout missing information subtext
+         */
+        "payoutMissingInformationText"?: string;
         /**
           * Displayed to participants registered in Quebec, Canada.
           * @uiName QST indirect tax details
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
index 17f0c4c164..698b54680c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/readme.md
@@ -7,14 +7,15 @@
 
 ## Properties
 
-| Property               | Attribute                | Description                                                                                                                    | Type                                      | Default                                                                                                                                                                                                                                             |
-| ---------------------- | ------------------------ | ------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `accountText`          | `account-text`           | Shown before the participant’s bank account information.                                                                       | `string`                                  | `"Account"`                                                                                                                                                                                                                                         |
-| `demoData`             | --                       |                                                                                                                                | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                                                                                                                                                                         |
-| `errorDescriptionText` | `error-description-text` | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                  | `"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."` |
-| `errorTitleText`       | `error-title-text`       | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                  | `"Your payout is on hold "`                                                                                                                                                                                                                         |
-| `statusBadgeText`      | `status-badge-text`      | Badge text indicating payout status                                                                                            | `string`                                  | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
-| `thresholdPayoutText`  | `threshold-payout-text`  | Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid. | `string`                                  | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
+| Property                       | Attribute                         | Description                                                                                                                    | Type                                      | Default                                                                                                                                                                                                                                             |
+| ------------------------------ | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `accountText`                  | `account-text`                    | Shown before the participant’s bank account information.                                                                       | `string`                                  | `"Account"`                                                                                                                                                                                                                                         |
+| `demoData`                     | --                                |                                                                                                                                | `{ [x: string]: any; [x: number]: any; }` | `undefined`                                                                                                                                                                                                                                         |
+| `errorDescriptionText`         | `error-description-text`          | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                  | `"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."` |
+| `errorTitleText`               | `error-title-text`                | Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.                              | `string`                                  | `"Your payout is on hold "`                                                                                                                                                                                                                         |
+| `payoutMissingInformationText` | `payout-missing-information-text` | Text displayed for existing publishers that do not have saved banking information.                                             | `string`                                  | `"Missing banking information, go to Impact.com to resolve."`                                                                                                                                                                                       |
+| `statusBadgeText`              | `status-badge-text`               | Badge text indicating payout status                                                                                            | `string`                                  | `"{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"`                                                                                                                                                                       |
+| `thresholdPayoutText`          | `threshold-payout-text`           | Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid. | `string`                                  | `"Next payout occurs when balance is {thresholdBalance}"`                                                                                                                                                                                           |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index 36e1fa8329..9754e51b19 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -45,6 +45,7 @@
 | `noFormNeededSubtext`             | `no-form-needed-subtext`             | No other statuses or badges will be displayed in the tax form section in this case.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
 | `notRegisteredForTax`             | `not-registered-for-tax`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
 | `payoutFromImpact`                | `payout-from-impact`                 | Displayed under the payout details card.                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
+| `payoutMissingInformationText`    | `payout-missing-information-text`    | Text displayed for existing publishers that do not have saved banking information.                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Missing banking information, go to Impact.com to resolve."`                                                                                                                                                                                       |
 | `qstNumber`                       | `qst-number`                         | Displayed to participants registered in Quebec, Canada.                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
 | `replaceTaxFormModalBodyText`     | `replace-tax-form-modal-body-text`   |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"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."`                                                                                         |
 | `replaceTaxFormModalHeader`       | `replace-tax-form-modal-header`      |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Replace existing tax form"`                                                                                                                                                                                                                       |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index a4b9f1f2f2..fcdb3241e3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -40,6 +40,7 @@
 | `dashboard_noFormNeededSubtext`                 | `dashboard_no-form-needed-subtext`                   | No other statuses or badges will be displayed in the tax form section in this case.                                            | `string`                                                                                                             | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
 | `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   |                                                                                                                                | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
 | `dashboard_payoutFromImpact`                    | `dashboard_payout-from-impact`                       | Displayed under the payout details card.                                                                                       | `string`                                                                                                             | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
+| `dashboard_payoutMissingInformationText`        | `dashboard_payout-missing-information-text`          | Text displayed for existing publishers that do not have saved banking information.                                             | `string`                                                                                                             | `"Missing banking information, go to Impact.com to resolve."`                                                                                                                                                                                       |
 | `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Displayed to participants registered in Quebec, Canada.                                                                        | `string`                                                                                                             | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
 | `dashboard_replaceTaxFormModalBodyText`         | `dashboard_replace-tax-form-modal-body-text`         |                                                                                                                                | `string`                                                                                                             | `"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."`                                                                                         |
 | `dashboard_replaceTaxFormModalHeader`           | `dashboard_replace-tax-form-modal-header`            |                                                                                                                                | `string`                                                                                                             | `"Replace existing tax form"`                                                                                                                                                                                                                       |

From b072aa3fccc135f9864b9966228e16dcc6c2b122 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Mon, 1 Apr 2024 17:16:28 -0700
Subject: [PATCH 722/753] Fixed fontsizing

---
 packages/mint-components/src/components.d.ts  | 32 +++++++++++++++++++
 .../sqm-tax-and-cash-dashboard-view.tsx       |  6 ++--
 2 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index ed088d1b2f..164b356465 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1574,6 +1574,11 @@ export namespace Components {
           * @uiName Payout error message title
          */
         "errorTitleText": string;
+        /**
+          * Text displayed for existing publishers that do not have saved banking information.
+          * @uiName Payout missing information subtext
+         */
+        "payoutMissingInformationText": string;
         /**
           * Badge text indicating payout status
           * @uiName Payout badge status text
@@ -3919,6 +3924,12 @@ export namespace Components {
           * @uiWidget textArea
          */
         "dashboard_payoutFromImpact": string;
+        /**
+          * Text displayed for existing publishers that do not have saved banking information.
+          * @uiName Payout missing information subtext
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_payoutMissingInformationText": string;
         /**
           * Displayed to participants registered in Quebec, Canada.
           * @uiName QST indirect tax details
@@ -4708,6 +4719,11 @@ export namespace Components {
           * @uiWidget textArea
          */
         "payoutFromImpact": string;
+        /**
+          * Text displayed for existing publishers that do not have saved banking information.
+          * @uiName Payout missing information subtext
+         */
+        "payoutMissingInformationText": string;
         /**
           * Displayed to participants registered in Quebec, Canada.
           * @uiName QST indirect tax details
@@ -7268,6 +7284,11 @@ declare namespace LocalJSX {
           * @uiName Payout error message title
          */
         "errorTitleText"?: string;
+        /**
+          * Text displayed for existing publishers that do not have saved banking information.
+          * @uiName Payout missing information subtext
+         */
+        "payoutMissingInformationText"?: string;
         /**
           * Badge text indicating payout status
           * @uiName Payout badge status text
@@ -9589,6 +9610,12 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "dashboard_payoutFromImpact"?: string;
+        /**
+          * Text displayed for existing publishers that do not have saved banking information.
+          * @uiName Payout missing information subtext
+          * @uiGroup Dashboard Properties
+         */
+        "dashboard_payoutMissingInformationText"?: string;
         /**
           * Displayed to participants registered in Quebec, Canada.
           * @uiName QST indirect tax details
@@ -10378,6 +10405,11 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "payoutFromImpact"?: string;
+        /**
+          * Text displayed for existing publishers that do not have saved banking information.
+          * @uiName Payout missing information subtext
+         */
+        "payoutMissingInformationText"?: string;
         /**
           * Displayed to participants registered in Quebec, Canada.
           * @uiName QST indirect tax details
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
index 659ee4137f..2f82ef9062 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.tsx
@@ -192,6 +192,8 @@ const style = {
     margin: "0",
     color: "var(--sl-color-neutral-500)",
     lineHeight: "var(--sl-spacing-medium)",
+    fontSize: "var(--sl-font-size-small)",
+    marginLeft: "1px",
   },
   TooltipContainer: {
     display: "flex",
@@ -210,7 +212,7 @@ const style = {
   },
   DescriptionText: {
     color: "var(--sl-color-gray-500)",
-    fontSize: "12px",
+    fontSize: "var(--sl-font-size-x-small)",
     marginBottom: "none",
     maxWidth: "492px",
   },
@@ -226,7 +228,7 @@ const style = {
       marginBottom: "var(--sl-spacing-xx-large)",
     },
     "&::part(title)": {
-      fontSize: "24px",
+      fontSize: "var(--sl-font-size-x-large)",
       fontWeight: "600",
       marginTop: "var(--sl-spacing-xxx-large)",
       padding:

From e8cee35a56dd706ec8d1d5119ae615f2f6d399cb Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 2 Apr 2024 09:19:29 -0700
Subject: [PATCH 723/753] Removed text prop and updated copy in Indirect tax
 form

---
 packages/mint-components/src/components.d.ts  | 26 -------------------
 .../sqm-indirect-tax-form-view.tsx            |  1 -
 .../sqm-indirect-tax-form.tsx                 |  9 -------
 .../sqm-tax-and-cash-dashboard.tsx            |  2 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 10 +------
 5 files changed, 2 insertions(+), 46 deletions(-)

diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 164b356465..347ebe814f 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -983,12 +983,6 @@ export namespace Components {
           * @uiName Indirect tax details section title
          */
         "indirectTaxDetails": string;
-        /**
-          * Displayed under the indirect tax details title.
-          * @uiName Indirect tax details section description
-          * @uiWidget textArea
-         */
-        "indirectTaxDetailsDescription": string;
         /**
           * @uiName Indirect tax number field label
          */
@@ -4166,13 +4160,6 @@ export namespace Components {
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTaxDetails": string;
-        /**
-          * Displayed under the indirect tax details title.
-          * @uiName Indirect tax details section description
-          * @uiGroup Step 2 Properties
-          * @uiWidget textArea
-         */
-        "step2_indirectTaxDetailsDescription": string;
         /**
           * @uiName Indirect tax number field label
           * @uiGroup Step 2 Properties
@@ -6699,12 +6686,6 @@ declare namespace LocalJSX {
           * @uiName Indirect tax details section title
          */
         "indirectTaxDetails"?: string;
-        /**
-          * Displayed under the indirect tax details title.
-          * @uiName Indirect tax details section description
-          * @uiWidget textArea
-         */
-        "indirectTaxDetailsDescription"?: string;
         /**
           * @uiName Indirect tax number field label
          */
@@ -9852,13 +9833,6 @@ declare namespace LocalJSX {
           * @uiGroup Step 2 Properties
          */
         "step2_indirectTaxDetails"?: string;
-        /**
-          * Displayed under the indirect tax details title.
-          * @uiName Indirect tax details section description
-          * @uiGroup Step 2 Properties
-          * @uiWidget textArea
-         */
-        "step2_indirectTaxDetailsDescription"?: string;
         /**
           * @uiName Indirect tax number field label
           * @uiGroup Step 2 Properties
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
index 295b0e84b8..f179a915fd 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.tsx
@@ -32,7 +32,6 @@ export interface IndirectTaxFormViewProps {
     indirectTax: string;
     indirectTaxDescription: string;
     indirectTaxDetails: string;
-    indirectTaxDetailsDescription: string;
     isPartnerAlertHeader: string;
     isPartnerAlertDescription: string;
     otherRegion: string;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 369e62e806..c7694b9c0e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -50,15 +50,6 @@ export class IndirectTaxForm {
    * @uiName Indirect tax details section title
    */
   @Prop() indirectTaxDetails: string = "Indirect tax details";
-
-  /**
-   * Displayed under the indirect tax details title.
-   * @uiName Indirect tax details section description
-   * @uiWidget textArea
-   */
-  @Prop() indirectTaxDetailsDescription: string =
-    "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.";
-
   /**
    * @uiName Registered for indirect tax option
    * @uiWidget textArea
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
index 321b989ca7..e78305afca 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.tsx
@@ -165,7 +165,7 @@ export class TaxAndCashDashboard {
    * @uiWidget textArea
    */
   @Prop() notRegisteredForTax: string =
-    "Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information.";
+    "Not registered for indirect tax. If you’ve previously registered with your tax authority, contact Support to add your information to stay tax compliant.";
   /**
    * Displayed to participants registered in Quebec, Canada.
    * @uiName QST indirect tax details
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 399496c39c..f00ce9c533 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -109,14 +109,6 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_indirectTaxDetails: string = "Indirect tax details";
-  /**
-   * Displayed under the indirect tax details title.
-   * @uiName Indirect tax details section description
-   * @uiGroup Step 2 Properties
-   * @uiWidget textArea
-   */
-  @Prop() step2_indirectTaxDetailsDescription: string =
-    "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.";
   /**
    * @uiName Registered for indirect tax option
    * @uiGroup Step 2 Properties
@@ -721,7 +713,7 @@ export class TaxAndCashMonolith {
    * @uiWidget textArea
    */
   @Prop() dashboard_notRegisteredForTax: string =
-    "Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information.";
+    "Not registered for indirect tax. If you’ve previously registered with your tax authority, contact Support to add your information to stay tax compliant.";
   /**
    * Displayed to participants registered in Quebec, Canada.
    * @uiName QST indirect tax details

From 31c4c8c5dbdb4c637f533742520924f47118f72b Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 2 Apr 2024 09:26:16 -0700
Subject: [PATCH 724/753] Add date and git tag

---
 packages/mint-components/CHANGELOG.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/CHANGELOG.md b/packages/mint-components/CHANGELOG.md
index deff2f5644..00229e4bb8 100644
--- a/packages/mint-components/CHANGELOG.md
+++ b/packages/mint-components/CHANGELOG.md
@@ -7,7 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-## [1.8.0] - 2024-07-TBD
+## [1.8.0] - 2024-07-02
 
 ### Changed
 
@@ -899,7 +899,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - \<sqm-popup-container>
   - \<sqm-stencilbook>
 
-[unreleased]: https://github.com/saasquatch/program-tools/compare/mint-components@1.7.6...HEAD
+[unreleased]: https://github.com/saasquatch/program-tools/compare/mint-components@1.8.0...HEAD
+[1.8.0]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.8.0
 [1.7.6]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.7.6
 [1.7.5]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.7.5
 [1.7.4]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.7.4

From e8ed33441342b43c649fa4d15cf66f69a943c916 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 2 Apr 2024 09:40:42 -0700
Subject: [PATCH 725/753] Fix incorrect stories

---
 .../tax-and-cash/BankingForm.stories.tsx         | 16 +++++++++++++---
 .../components/tax-and-cash/TaxForm.stories.tsx  |  1 -
 .../sqm-indirect-tax-form.tsx                    | 12 ++++++------
 .../sqm-user-info-form/sqm-user-info-form.tsx    | 10 +++++-----
 4 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
index ae87da32e9..c4d5797b31 100644
--- a/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/BankingForm.stories.tsx
@@ -204,6 +204,7 @@ export const BankingInfoFormCountryUSCurrencyGBP = () => {
         states: {
           ...bankingFormProps.states,
           formState: {
+            ...bankingFormProps.states.formState,
             bankCountry: "US",
           },
           currency: "GBP",
@@ -220,7 +221,10 @@ export const BankingInfoFormCountryCanadaCurrencyCAD = () => {
         ...bankingFormProps,
         states: {
           ...bankingFormProps.states,
-          formState: { bankCountry: "CA" },
+          formState: {
+            ...bankingFormProps.states.formState,
+            bankCountry: "CA",
+          },
           currency: "CAD",
         },
       }}
@@ -235,7 +239,10 @@ export const BankingInfoFormCountryCanadaCurrencyUSD = () => {
         ...bankingFormProps,
         states: {
           ...bankingFormProps.states,
-          formState: { bankCountry: "CA" },
+          formState: {
+            ...bankingFormProps.states.formState,
+            bankCountry: "CA",
+          },
           currency: "USD",
         },
       }}
@@ -250,7 +257,10 @@ export const BankingInfoFormCountrySpainCurrencyUSD = () => {
         ...bankingFormProps,
         states: {
           ...bankingFormProps.states,
-          formState: { bankCountry: "ES" },
+          formState: {
+            ...bankingFormProps.states.formState,
+            bankCountry: "ES",
+          },
           currency: "USD",
         },
       }}
diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index 3d3c40bc1a..ff1fbd001e 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -953,7 +953,6 @@ export const StepFourToPaypalChecked = () => {
   );
 };
 
-// TODO: Need to add new props to the dashboard and pass them down to the payout details card
 export const TaxAndCashDashboardActiveW9Form = () => {
   return (
     <sqm-tax-and-cash-dashboard
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index c7694b9c0e..e75d2a74e5 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -360,12 +360,12 @@ function useDemoIndirectTaxForm(
         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,
           },
         },
       },
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index 1083bffce0..d29616b353 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -216,11 +216,11 @@ function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
         loadingError: false,
         formState: {
           errors: {
-            email: true,
-            firstName: true,
-            lastName: true,
-            countryCode: true,
-            currency: true,
+            email: false,
+            firstName: false,
+            lastName: false,
+            countryCode: false,
+            currency: false,
           },
         },
       },

From 303d6d2a2a21296e40da33819fb38f162d68c483 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 2 Apr 2024 09:45:06 -0700
Subject: [PATCH 726/753] Cleanup

---
 .../src/components/tax-and-cash/TaxForm.stories.tsx           | 4 ----
 .../sqm-user-info-form/small-views/DocusignExpiredView.tsx    | 1 -
 2 files changed, 5 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index ff1fbd001e..dbf2069ea5 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -14,12 +14,8 @@ import { DocusignStatus } from "./sqm-docusign-form/docusign-iframe/DocusignIfra
 import { BankingInfoFormViewProps } from "./sqm-banking-info-form/sqm-banking-info-form-view";
 import { TaxAndCashDashboardProps } from "./sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view";
 import LoadingView from "./sqm-tax-and-cash/LoadingView";
-// import sqmUserInfoSpecs from "./sqm-tax-document-step-1.feature";
-// import sqmIndirectTaxFormSpecs from "../sqm-indirect-tax-form/sqm-indirect-tax-form.feature";
 import { taxTypeToName } from "./utils";
 import { ErrorView } from "./sqm-tax-and-cash/ErrorView";
-import { NextPayout } from "./sqm-payout-details-card/PayoutDetailsCard.stories";
-import { NoFragmentCyclesRule } from "graphql";
 
 export default {
   title: "Components/Tax Form",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx
index 9c7aca9c1d..dfb281f473 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/small-views/DocusignExpiredView.tsx
@@ -30,7 +30,6 @@ export const DocusignExpiredView = (props: DocusignExpiredViewProps) => {
   return (
     <div>
       <style type="text/css">{styleString}</style>
-      {/* ZH: Need to figure out how to propify this text */}
       <div class={classes.Container}>
         <sl-icon
           style={{

From 8c01a69d1998688d32f5d5028af4c3adb2957acf Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 2 Apr 2024 09:48:24 -0700
Subject: [PATCH 727/753] pre-release 1.8.0-135

---
 packages/mint-components/package.json                          | 2 +-
 .../components/tax-and-cash/sqm-indirect-tax-form/readme.md    | 1 -
 .../tax-and-cash/sqm-tax-and-cash-dashboard/readme.md          | 2 +-
 .../src/components/tax-and-cash/sqm-tax-and-cash/readme.md     | 3 +--
 4 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index d8a524aea4..c1b3566ad9 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-134",
+  "version": "1.8.0-135",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
index 128846e844..3b4d8e1e33 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/readme.md
@@ -18,7 +18,6 @@
 | `indirectTax`                    | `indirect-tax`                        |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect Tax"`                                                                                                                                                                                                                      |
 | `indirectTaxDescription`         | `indirect-tax-description`            | Displayed under the title of this step.                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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`             | `indirect-tax-details`                | Displayed with indirect tax registration options.                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"Indirect tax details"`                                                                                                                                                                                                              |
-| `indirectTaxDetailsDescription`  | `indirect-tax-details-description`    | Displayed under the indirect tax details title.                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                                               |
 | `indirectTaxNumber`              | `indirect-tax-number`                 |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"`                                                                                               |
 | `indirectTaxNumberError`         | `indirect-tax-number-error`           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"`                                                                                   |
 | `isPartnerAlertDescription`      | `is-partner-alert-description`        | Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `"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."`                                                           |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
index 9754e51b19..c3a581c95b 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/readme.md
@@ -43,7 +43,7 @@
 | `loadingErrorAlertHeader`         | `loading-error-alert-header`         | Part of the alert displayed at the top of the page.                                                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"There was a problem loading your form"`                                                                                                                                                                                                           |
 | `newFormButton`                   | `new-form-button`                    |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Submit new form"`                                                                                                                                                                                                                                 |
 | `noFormNeededSubtext`             | `no-form-needed-subtext`             | No other statuses or badges will be displayed in the tax form section in this case.                                            | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
-| `notRegisteredForTax`             | `not-registered-for-tax`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
+| `notRegisteredForTax`             | `not-registered-for-tax`             |                                                                                                                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Not registered for indirect tax. If you’ve previously registered with your tax authority, contact Support to add your information to stay tax compliant."`                                                                                        |
 | `payoutFromImpact`                | `payout-from-impact`                 | Displayed under the payout details card.                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
 | `payoutMissingInformationText`    | `payout-missing-information-text`    | Text displayed for existing publishers that do not have saved banking information.                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"Missing banking information, go to Impact.com to resolve."`                                                                                                                                                                                       |
 | `qstNumber`                       | `qst-number`                         | Displayed to participants registered in Quebec, Canada.                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
index fcdb3241e3..0328c473f9 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/readme.md
@@ -38,7 +38,7 @@
 | `dashboard_invoicePrevLabel`                    | `dashboard_invoice-prev-label`                       |                                                                                                                                | `string`                                                                                                             | `"Prev"`                                                                                                                                                                                                                                            |
 | `dashboard_newFormButton`                       | `dashboard_new-form-button`                          |                                                                                                                                | `string`                                                                                                             | `"Submit new form"`                                                                                                                                                                                                                                 |
 | `dashboard_noFormNeededSubtext`                 | `dashboard_no-form-needed-subtext`                   | No other statuses or badges will be displayed in the tax form section in this case.                                            | `string`                                                                                                             | `"Tax documents are only required if you are based in the US or joining the referral program of a US based brand."`                                                                                                                                 |
-| `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   |                                                                                                                                | `string`                                                                                                             | `"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."`                                                                                        |
+| `dashboard_notRegisteredForTax`                 | `dashboard_not-registered-for-tax`                   |                                                                                                                                | `string`                                                                                                             | `"Not registered for indirect tax. If you’ve previously registered with your tax authority, contact Support to add your information to stay tax compliant."`                                                                                        |
 | `dashboard_payoutFromImpact`                    | `dashboard_payout-from-impact`                       | Displayed under the payout details card.                                                                                       | `string`                                                                                                             | `"Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com."`                                                                                                                            |
 | `dashboard_payoutMissingInformationText`        | `dashboard_payout-missing-information-text`          | Text displayed for existing publishers that do not have saved banking information.                                             | `string`                                                                                                             | `"Missing banking information, go to Impact.com to resolve."`                                                                                                                                                                                       |
 | `dashboard_qstNumber`                           | `dashboard_qst-number`                               | Displayed to participants registered in Quebec, Canada.                                                                        | `string`                                                                                                             | `"QST number: {qstNumber}"`                                                                                                                                                                                                                         |
@@ -81,7 +81,6 @@
 | `step2_indirectTax`                             | `step-2_indirect-tax`                                |                                                                                                                                | `string`                                                                                                             | `"Indirect Tax"`                                                                                                                                                                                                                                    |
 | `step2_indirectTaxDescription`                  | `step-2_indirect-tax-description`                    | Displayed under the title of this step.                                                                                        | `string`                                                                                                             | `"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."`               |
 | `step2_indirectTaxDetails`                      | `step-2_indirect-tax-details`                        | Displayed with indirect tax registration options.                                                                              | `string`                                                                                                             | `"Indirect tax details"`                                                                                                                                                                                                                            |
-| `step2_indirectTaxDetailsDescription`           | `step-2_indirect-tax-details-description`            | Displayed under the indirect tax details title.                                                                                | `string`                                                                                                             | `"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."`                                                                             |
 | `step2_indirectTaxNumber`                       | `step-2_indirect-tax-number`                         |                                                                                                                                | `string`                                                                                                             | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}"`                                                                                                             |
 | `step2_indirectTaxNumberError`                  | `step-2_indirect-tax-number-error`                   |                                                                                                                                | `string`                                                                                                             | `"{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required"`                                                                                                 |
 | `step2_isRegisteredQST`                         | `step-2_is-registered-q-s-t`                         | Displayed to participants registered for indirect tax in Quebec, Canada.                                                       | `string`                                                                                                             | `"I am registered for QST Tax"`                                                                                                                                                                                                                     |

From 6ac3f4c077c059205c4feebb55867925861e6136 Mon Sep 17 00:00:00 2001
From: Ultha258 <147738105+Ultha258@users.noreply.github.com>
Date: Tue, 2 Apr 2024 17:24:51 +0000
Subject: [PATCH 728/753] Added a spec for pre-existing impact partner with no
 withdrawal settings

---
 .../components/tax-and-cash/sqm-tax-form.feature | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 12fe106330..84fd83171c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -190,6 +190,22 @@ Feature: Tax Form Flow
     Then they are sent to the Dashboard step
     And they skip the banking info form step
 
+@motivating
+Scenario Outline: Pre-existing impact partner cannot setup withdrawal settings											
+	Given 	a pre-existing impact partner is signing up to be an Advocate			
+	And 	they are on Step 2			
+	And 	tax document is <taxDoc>			
+	And 	withdrawal settings is <saved>			
+	Then 	the user skips <steps>			
+	And 	the user lands on <lands>			
+	And 	the Payout details card displays <displays>			
+ Examples:					
+		|taxDoc	        |saved	               |lands	      |displays                                                   |
+		|required 	    |saved in impact	     |Dashboard 	|their withdrawal settings                                  |
+		|required 	    |not saved in impact   |Dashboard 	|“Missing banking information, go to impact.com to resolve” |
+		|not required   |saved in impact       |Dashboard	  |their withdrawal settings                                  | 
+		|not required   |not saved in impact   |Dashboard	  |“Missing banking information, go to impact.com to resolve” |
+
   @minutia
   Scenario: "Submit New Form" button redirects to Docusign step and shows "Back" button
     Given a user is on the Dashboard step

From 867651d055097a05e54195127fcaf12816fd2630 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 2 Apr 2024 10:27:32 -0700
Subject: [PATCH 729/753] update template with new text

---
 packages/mint-components/package-lock.json             | 4 ++--
 packages/mint-components/src/templates/TaxAndCash.html | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index c7f707e0da..ec9646e845 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-134",
+  "version": "1.8.0-135",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-134",
+      "version": "1.8.0-135",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/templates/TaxAndCash.html b/packages/mint-components/src/templates/TaxAndCash.html
index c9d0aa3d73..404422d319 100644
--- a/packages/mint-components/src/templates/TaxAndCash.html
+++ b/packages/mint-components/src/templates/TaxAndCash.html
@@ -194,7 +194,6 @@ <h1>Activity</h1>
                   step-2_indirect-tax="Indirect Tax"
                   step-2_indirect-tax-description="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."
                   step-2_indirect-tax-details="Indirect tax details"
-                  step-2_indirect-tax-details-description="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."
                   step-2_other-region="Registered for indirect tax"
                   step-2_other-region-subtext="If you’ve registered with your tax authority, add your information to stay tax compliant."
                   step-2_not-registered="Not registered for indirect tax"
@@ -284,7 +283,7 @@ <h1>Activity</h1>
                   dashboard_indirect-tax-details="{indirectTaxType} number: {indirectTaxNumber}"
                   dashboard_new-form-button="Submit New Form"
                   dashboard_edit-payment-information-button="Edit Payout Information"
-                  dashboard_not-registered-for-tax="Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information."
+                  dashboard_not-registered-for-tax="Not registered for indirect tax. If you’ve previously registered with your tax authority, contact Support to add your information to stay tax compliant."
                   dashboard_qst-number="QST number: {qstNumber}"
                   dashboard_sub-region-tax-number="Income tax number: {subRegionTaxNumber}"
                   dashboard_status-badge-text="{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }"

From 2fe211b53b729dcafe0b52f39386a2cd6cf96eb1 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 2 Apr 2024 10:43:34 -0700
Subject: [PATCH 730/753] Add group to dashboard prop

---
 .../tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx         | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index f00ce9c533..be80cd1997 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -767,12 +767,13 @@ export class TaxAndCashMonolith {
   /**
    * Part of the Invoice table displayed at the bottom of the page.
    * @uiName Indirect tax column title
-   *  @uiGroup Dashboard Properties
+   * @uiGroup Dashboard Properties
    */
   @Prop() dashboard_indirectTaxColumnTitle: string = "Indirect tax";
   /**
    * Displayed under the payout details card.
    * @uiName Payout from impact text
+   * @uiGroup Dashboard Properties
    * @uiWidget textArea
    */
   @Prop() dashboard_payoutFromImpact: string =

From 6f9f69c1a21ce60e806a856ed693c0d145f1f60f Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 2 Apr 2024 10:45:18 -0700
Subject: [PATCH 731/753] prerelease 1.8.0-136

---
 packages/mint-components/package-lock.json   | 4 ++--
 packages/mint-components/package.json        | 2 +-
 packages/mint-components/src/components.d.ts | 2 ++
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index ec9646e845..5418200866 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-135",
+  "version": "1.8.0-136",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-135",
+      "version": "1.8.0-136",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index c1b3566ad9..63b40eb74b 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-135",
+  "version": "1.8.0-136",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 347ebe814f..d37fa047ff 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -3915,6 +3915,7 @@ export namespace Components {
         /**
           * Displayed under the payout details card.
           * @uiName Payout from impact text
+          * @uiGroup Dashboard Properties
           * @uiWidget textArea
          */
         "dashboard_payoutFromImpact": string;
@@ -9588,6 +9589,7 @@ declare namespace LocalJSX {
         /**
           * Displayed under the payout details card.
           * @uiName Payout from impact text
+          * @uiGroup Dashboard Properties
           * @uiWidget textArea
          */
         "dashboard_payoutFromImpact"?: string;

From 361f6d24c330dfe7145d9c0f6901a668ddc84eae Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 2 Apr 2024 11:35:21 -0700
Subject: [PATCH 732/753] actually working parentState move to
 component-boilerplate

---
 packages/mint-components/package-lock.json    | 40 ++++++++---
 packages/mint-components/package.json         |  7 +-
 .../sqm-banking-info-form.tsx                 |  3 +-
 .../useBankingInfoForm.tsx                    | 10 +--
 .../sqm-docusign-form/sqm-docusign-form.tsx   |  3 +-
 .../sqm-docusign-form/useDocusignForm.tsx     |  5 +-
 .../sqm-indirect-tax-form.tsx                 |  3 +-
 .../useIndirectTaxForm.tsx                    |  5 +-
 .../sqm-payout-details-card.tsx               |  1 +
 .../usePayoutDetailsCard.ts                   |  3 +-
 .../useTaxAndCashDashboard.tsx                |  4 +-
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     |  3 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  8 +--
 .../sqm-user-info-form/sqm-user-info-form.tsx |  3 +-
 .../sqm-user-info-form/useUserInfoForm.tsx    |  3 +-
 packages/mint-components/src/index.html       |  6 +-
 .../src/utils/useParentQuery.ts               | 46 -------------
 .../src/utils/useParentState.ts               | 66 -------------------
 18 files changed, 61 insertions(+), 158 deletions(-)
 delete mode 100644 packages/mint-components/src/utils/useParentQuery.ts
 delete mode 100644 packages/mint-components/src/utils/useParentState.ts

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index c7f707e0da..60f296a3f4 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,17 +1,18 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-134",
+  "version": "1.8.0-137",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-134",
+      "version": "1.8.0-137",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
         "@raisins/stencil-docs-target": "^1.0.0",
-        "@saasquatch/component-boilerplate": "^1.6.2",
+        "@saasquatch/component-boilerplate": "^1.6.3-5",
+        "@saasquatch/dom-context-hooks": "^1.0.3",
         "@saasquatch/shoelace": "^1.0.0",
         "@saasquatch/stencil-hooks": "^2.0.2",
         "@saasquatch/stencilbook": "^1.1.0",
@@ -20,6 +21,7 @@
         "canvas-confetti": "^1.4.0",
         "color2k": "^1.2.4",
         "deepmerge": "^4.2.2",
+        "dom-context": "^1.2.0",
         "fast-equals": "^4.0.3",
         "graphql": "^15.5.0",
         "graphql-request": "^3.4.0",
@@ -50,7 +52,6 @@
         "clipboard": "^1.7.1",
         "cross-env": "^7.0.2",
         "docx": "^5.4.1",
-        "dom-context": "^1.2.0",
         "jest": "^26.6.3",
         "jest-cli": "^26.6.3",
         "jest-config": "^26.6.3",
@@ -2804,17 +2805,19 @@
       }
     },
     "node_modules/@saasquatch/component-boilerplate": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.2.tgz",
-      "integrity": "sha512-xujUagmij5VSLlthml5NjbMs/CfE+RFBIGfzLFxYuaEs1YC3mTwuS1K9jCrCXYza914NwpPHLvMTT2DNRJ2mQQ==",
+      "version": "1.6.3-5",
+      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-5.tgz",
+      "integrity": "sha512-Kje6JdTQq2Qvg+Cr3PoUWS42SK8PwFeCvk7BS5MFBa3b7DP8Z80d1Ij1KQblFRASy1tp4fVwXKbJtdTGEWfaeQ==",
       "dependencies": {
         "@formatjs/intl": "^1.8.2",
         "@saasquatch/component-environment": "^1.0.4",
         "@saasquatch/dom-context-hooks": "^1.0.3",
+        "@saasquatch/stencil-hooks": "^2.0.2",
         "@saasquatch/universal-hooks": "^1.0.0",
         "@wry/equality": "^0.5.2",
         "debounce": "^1.2.0",
         "dom-context": "^1.2.0",
+        "fast-equals": "^5.0.1",
         "fast-memoize": "^2.5.2",
         "graphql": "^15.5.0",
         "graphql-combine-query": "^1.2.3",
@@ -2825,6 +2828,14 @@
         "rxjs": "^6.6.7"
       }
     },
+    "node_modules/@saasquatch/component-boilerplate/node_modules/fast-equals": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.0.1.tgz",
+      "integrity": "sha512-WF1Wi8PwwSY7/6Kx0vKXtw8RwuSGoM1bvDaJbu7MxDlR1vovZjIAKrnzyrThgAjm6JDTu0fVgWXDlMGspodfoQ==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/@saasquatch/component-environment": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@saasquatch/component-environment/-/component-environment-1.0.4.tgz",
@@ -17059,17 +17070,19 @@
       }
     },
     "@saasquatch/component-boilerplate": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.2.tgz",
-      "integrity": "sha512-xujUagmij5VSLlthml5NjbMs/CfE+RFBIGfzLFxYuaEs1YC3mTwuS1K9jCrCXYza914NwpPHLvMTT2DNRJ2mQQ==",
+      "version": "1.6.3-5",
+      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-5.tgz",
+      "integrity": "sha512-Kje6JdTQq2Qvg+Cr3PoUWS42SK8PwFeCvk7BS5MFBa3b7DP8Z80d1Ij1KQblFRASy1tp4fVwXKbJtdTGEWfaeQ==",
       "requires": {
         "@formatjs/intl": "^1.8.2",
         "@saasquatch/component-environment": "^1.0.4",
         "@saasquatch/dom-context-hooks": "^1.0.3",
+        "@saasquatch/stencil-hooks": "^2.0.2",
         "@saasquatch/universal-hooks": "^1.0.0",
         "@wry/equality": "^0.5.2",
         "debounce": "^1.2.0",
         "dom-context": "^1.2.0",
+        "fast-equals": "^5.0.1",
         "fast-memoize": "^2.5.2",
         "graphql": "^15.5.0",
         "graphql-combine-query": "^1.2.3",
@@ -17078,6 +17091,13 @@
         "jwt-decode": "^3.1.2",
         "nanoid": "^3.1.23",
         "rxjs": "^6.6.7"
+      },
+      "dependencies": {
+        "fast-equals": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.0.1.tgz",
+          "integrity": "sha512-WF1Wi8PwwSY7/6Kx0vKXtw8RwuSGoM1bvDaJbu7MxDlR1vovZjIAKrnzyrThgAjm6JDTu0fVgWXDlMGspodfoQ=="
+        }
       }
     },
     "@saasquatch/component-environment": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index c1b3566ad9..98c103f6c7 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-135",
+  "version": "1.8.0-138",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
@@ -53,7 +53,6 @@
     "clipboard": "^1.7.1",
     "cross-env": "^7.0.2",
     "docx": "^5.4.1",
-    "dom-context": "^1.2.0",
     "jest": "^26.6.3",
     "jest-cli": "^26.6.3",
     "jest-config": "^26.6.3",
@@ -69,7 +68,8 @@
   },
   "dependencies": {
     "@raisins/stencil-docs-target": "^1.0.0",
-    "@saasquatch/component-boilerplate": "^1.6.2",
+    "@saasquatch/component-boilerplate": "^1.6.3-5",
+    "@saasquatch/dom-context-hooks": "^1.0.3",
     "@saasquatch/shoelace": "^1.0.0",
     "@saasquatch/stencil-hooks": "^2.0.2",
     "@saasquatch/stencilbook": "^1.1.0",
@@ -78,6 +78,7 @@
     "canvas-confetti": "^1.4.0",
     "color2k": "^1.2.4",
     "deepmerge": "^4.2.2",
+    "dom-context": "^1.2.0",
     "fast-equals": "^4.0.3",
     "graphql": "^15.5.0",
     "graphql-request": "^3.4.0",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index b9fa95750b..d19389840c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -1,11 +1,10 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
+import { isDemo, useParent } from "@saasquatch/component-boilerplate";
 import { useState, withHooks } from "@saasquatch/stencil-hooks";
 import { useEffect } from "@saasquatch/universal-hooks";
 import { Component, Host, Prop, State, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { intl } from "../../../global/global";
-import { useParent } from "../../../utils/useParentState";
 import { getProps } from "../../../utils/utils";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import { getFormMap } from "./formDefinitions";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index f5d77b6f7f..0b885d3f9f 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -1,14 +1,15 @@
 import {
   useLocale,
   useMutation,
+  useParent,
+  useParentQueryValue,
+  useParentValue,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useEffect, useRef, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
 import { intl } from "../../../global/global";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   FINANCE_NETWORK_SETTINGS_NAMESPACE,
   FinanceNetworkSetting,
@@ -150,15 +151,16 @@ function parseImpactThreshold(threshold: string) {
 export function useBankingInfoForm(
   props: BankingInfoForm
 ): BankingInfoFormViewProps {
+
   const locale = useLocale();
   const user = useUserIdentity();
 
-  const formRef = useRef<HTMLFormElement>(null);
-
   const [step, setStep] = useParent<string>(TAX_CONTEXT_NAMESPACE);
   const context = useParentValue<TaxContext>(TAX_FORM_CONTEXT_NAMESPACE);
   const countries = useParentValue<TaxCountry[]>(SORTED_COUNTRIES_NAMESPACE);
 
+  const formRef = useRef<HTMLFormElement>(null);
+
   const {
     data: paymentOptionsData,
     loading: paymentOptionsLoading,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 0cea288dc5..98bc887c67 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -1,9 +1,8 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
+import { isDemo, useParent } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Element, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
-import { useParent } from "../../../utils/useParentState";
 import { getProps } from "../../../utils/utils";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 86fc4c9d6d..04922b2c38 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -1,11 +1,12 @@
 import {
   useMutation,
+  useParent,
+  useParentQueryValue,
+  useParentValue,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   TAX_CONTEXT_NAMESPACE,
   TAX_FORM_CONTEXT_NAMESPACE,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index e75d2a74e5..78c7bbb836 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -1,10 +1,9 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
+import { isDemo, useParent } 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 { DemoData } from "../../../global/demo";
-import { useParent } from "../../../utils/useParentState";
 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";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 839862345e..e20a3f9b47 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -1,6 +1,9 @@
 import {
   useLocale,
   useMutation,
+  useParent,
+  useParentQueryValue,
+  useParentValue,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import {
@@ -11,8 +14,6 @@ import {
 } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   COUNTRIES_QUERY_NAMESPACE,
   CountriesQuery,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
index df7ab89375..35bfcaa60c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.tsx
@@ -57,6 +57,7 @@ export class PayoutDetailsCard {
    * @undocumented
    */
   @Prop() demoData?: DemoData<any>;
+  
   constructor() {
     withHooks(this);
   }
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index f6f10c1f80..253ff000e2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -1,10 +1,9 @@
-import { useLocale } from "@saasquatch/component-boilerplate";
 import { DateTime } from "luxon";
 import { intl } from "../../../global/global";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { USER_QUERY_NAMESPACE, UserQuery } from "../sqm-tax-and-cash/data";
 import { PayoutDetailsCard } from "./sqm-payout-details-card";
 import { PayoutDetailsCardViewProps } from "./sqm-payout-details-card-view";
+import { useParentQueryValue } from "@saasquatch/component-boilerplate";
 
 export function usePayoutDetailsCard(
   props: PayoutDetailsCard
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
index 0a32bbbef4..ca9f3c0a41 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.tsx
@@ -1,8 +1,6 @@
-import { useLocale } from "@saasquatch/component-boilerplate";
+import { useLocale, useParentQueryValue, useSetParent } from "@saasquatch/component-boilerplate";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { DateTime } from "luxon";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useSetParent } from "../../../utils/useParentState";
 import { vatLabels } from "../countries";
 import {
   ImpactPublisher,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index f00ce9c533..a8071e1094 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -2,13 +2,12 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Prop, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
-import { useParentState } from "../../../utils/useParentState";
 import { getProps } from "../../../utils/utils";
 import LoadingView from "./LoadingView";
 import { TAX_CONTEXT_NAMESPACE } from "./data";
 import { extractProps } from "./extractProps";
 import { UseTaxAndCashResultType, useTaxAndCash } from "./useTaxAndCash";
-import { isDemo } from "@saasquatch/component-boilerplate";
+import { isDemo, useParentState } from "@saasquatch/component-boilerplate";
 import { ErrorView } from "./ErrorView";
 
 /**
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index a1a65a9289..4b20524ab3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -1,15 +1,13 @@
 import {
+  getContextValueName,
   setUserIdentity,
   useHost,
   useLocale,
+  useParentQuery,
+  useParentState,
   useUserIdentity,
 } from "@saasquatch/component-boilerplate";
 import { useEffect, useMemo } from "@saasquatch/universal-hooks";
-import { useParentQuery } from "../../../utils/useParentQuery";
-import {
-  getContextValueName,
-  useParentState,
-} from "../../../utils/useParentState";
 import {
   COUNTRIES_NAMESPACE,
   COUNTRIES_QUERY_NAMESPACE,
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index d29616b353..a1edff74b3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -1,10 +1,9 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
+import { isDemo, useParent } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { useState } from "@saasquatch/universal-hooks";
 import { Component, h, Host, Prop, State } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
-import { useParent } from "../../../utils/useParentState";
 import { getProps } from "../../../utils/utils";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import { UserInfoFormView } from "./sqm-user-info-form-view";
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
index 30f98e6377..b28abd3783 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.tsx
@@ -5,8 +5,6 @@ import {
   useState,
 } from "@saasquatch/universal-hooks";
 import jsonpointer from "jsonpointer";
-import { useParentQueryValue } from "../../../utils/useParentQuery";
-import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
   CURRENCIES_NAMESPACE,
   Currencies,
@@ -22,6 +20,7 @@ import {
 } from "../sqm-tax-and-cash/data";
 import { objectIsFull } from "../utils";
 import { TaxForm } from "./sqm-user-info-form";
+import { useParent, useParentQueryValue, useParentValue } from "@saasquatch/component-boilerplate";
 
 // returns either error message if invalid or undefined if valid
 export type ValidationErrorFunction = (input: {
diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index 63afe7dd45..ee9ec0b7e0 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,11 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <sqm-stencilbook></sqm-stencilbook>
-    <!-- <sqm-portal-container>
+    <!-- <sqm-stencilbook></sqm-stencilbook> -->
+    <sqm-portal-container>
       <sqm-divided-layout direction="column" content-area-width="1200px">
         <sqm-tax-and-cash></sqm-tax-and-cash>
       </sqm-divided-layout>
-    </sqm-portal-container> -->
+    </sqm-portal-container>
   </body>
 </html>
diff --git a/packages/mint-components/src/utils/useParentQuery.ts b/packages/mint-components/src/utils/useParentQuery.ts
deleted file mode 100644
index bb92735173..0000000000
--- a/packages/mint-components/src/utils/useParentQuery.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { useHost, useQuery } from "@saasquatch/component-boilerplate";
-import { QueryData } from "@saasquatch/component-boilerplate/dist/hooks/graphql/useBaseQuery";
-import { useDomContextState } from "@saasquatch/dom-context-hooks";
-import { useDomContext } from "@saasquatch/stencil-hooks";
-import { useEffect } from "@saasquatch/universal-hooks";
-import { deepEqual } from "fast-equals";
-import { getContextValueName } from "./useParentState";
-
-type ParentQueryProps = {
-  namespace: string;
-  query?: string;
-  variables?: { [key: string]: unknown };
-  skip?: boolean;
-};
-
-export function useParentQuery<T>(props: ParentQueryProps): QueryData<T> {
-  const host = useHost();
-  const query = useQuery(props.query, props.variables || {}, props.skip);
-
-  const [value, setValue] = useDomContextState<QueryData<any>>(
-    host,
-    getContextValueName(props.namespace),
-    query
-  );
-
-  useEffect(() => {
-    if (deepEqual(query, value)) return;
-    setValue(query);
-  }, [query, value]);
-
-  return query;
-}
-
-export function useParentQueryValue<T>(namespace: string): QueryData<T> {
-  const parentValue = useDomContext<QueryData<T> | undefined>(
-    getContextValueName(namespace)
-  );
-
-  if (!parentValue)
-    return {
-      data: null,
-      loading: true,
-      refetch: () => console.warn("component still loading"),
-    } as QueryData<T>;
-  return parentValue;
-}
diff --git a/packages/mint-components/src/utils/useParentState.ts b/packages/mint-components/src/utils/useParentState.ts
deleted file mode 100644
index 9723f074b4..0000000000
--- a/packages/mint-components/src/utils/useParentState.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { useHost } from "@saasquatch/component-boilerplate";
-import { useDomContextState } from "@saasquatch/dom-context-hooks";
-import { useDomContext } from "@saasquatch/stencil-hooks";
-
-export type StateType<T> = [value?: T, setValue?: (value: T) => void];
-
-type ParentStateProps<T> = {
-  namespace: string;
-  initialValue?: T;
-};
-
-export function useParentState<T>(props: ParentStateProps<T>): StateType<T> {
-  const host = useHost();
-  const [value, setValue] = useDomContextState<T>(
-    host,
-    getContextValueName(props.namespace),
-    props.initialValue as T
-  );
-
-  useDomContextState<StateType<T>>(host, getContextName(props.namespace), [
-    value,
-    setValue,
-  ]);
-
-  return [value, setValue];
-}
-
-export function useParent<T>(namespace: string): StateType<T | undefined> {
-  const parent = useDomContext<StateType<T | undefined>>(
-    getContextName(namespace)
-  );
-
-  const parentValue = useDomContext<T | undefined>(
-    getContextValueName(namespace)
-  );
-
-  if (!parent) return [undefined, undefined];
-  return [parentValue, parent[1]];
-}
-
-export function useSetParent<T>(
-  namespace: string
-): (value: T) => void | undefined {
-  const parent = useDomContext<StateType<T | undefined>>(
-    getContextName(namespace)
-  );
-  if (!parent) return undefined;
-  return parent[1];
-}
-
-export function useParentValue<T>(namespace: string): T | undefined {
-  const parentValue = useDomContext<T | undefined>(
-    getContextValueName(namespace)
-  );
-
-  if (!parentValue) undefined;
-  return parentValue;
-}
-
-export function getContextValueName(namespace: string) {
-  return namespace + "-value";
-}
-
-export function getContextName(namespace: string) {
-  return namespace + "-state";
-}

From f9a63fbcefcf6af9c68eaabeece16380a57713d0 Mon Sep 17 00:00:00 2001
From: Ultha258 <147738105+Ultha258@users.noreply.github.com>
Date: Tue, 2 Apr 2024 20:26:49 +0000
Subject: [PATCH 733/753] Spec was missing the 'steps' column

---
 .../src/components/tax-and-cash/sqm-tax-form.feature   | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 84fd83171c..8aa709193c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -200,11 +200,11 @@ Scenario Outline: Pre-existing impact partner cannot setup withdrawal settings
 	And 	the user lands on <lands>			
 	And 	the Payout details card displays <displays>			
  Examples:					
-		|taxDoc	        |saved	               |lands	      |displays                                                   |
-		|required 	    |saved in impact	     |Dashboard 	|their withdrawal settings                                  |
-		|required 	    |not saved in impact   |Dashboard 	|“Missing banking information, go to impact.com to resolve” |
-		|not required   |saved in impact       |Dashboard	  |their withdrawal settings                                  | 
-		|not required   |not saved in impact   |Dashboard	  |“Missing banking information, go to impact.com to resolve” |
+		|taxDoc	        |saved	               |steps        |lands	      |displays                                                   |
+		|required 	    |saved in impact	     |Step 4       |Dashboard 	|their withdrawal settings                                  |
+		|required 	    |not saved in impact   |Step 4       |Dashboard 	|“Missing banking information, go to impact.com to resolve” |
+		|not required   |saved in impact       |Step 3 and 4 | Dashboard	  |their withdrawal settings                                  | 
+		|not required   |not saved in impact   |Step 3 and 4 |Dashboard	  |“Missing banking information, go to impact.com to resolve” |
 
   @minutia
   Scenario: "Submit New Form" button redirects to Docusign step and shows "Back" button

From 0e0d0b6408aa895bd7ba3ddb49d7099caab9cdbd Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 2 Apr 2024 14:09:36 -0700
Subject: [PATCH 734/753] bump component boilerplate

---
 packages/mint-components/package-lock.json | 18 +++++++++---------
 packages/mint-components/package.json      |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 60f296a3f4..409f791441 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,17 +1,17 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-137",
+  "version": "1.8.0-138",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-137",
+      "version": "1.8.0-138",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
         "@raisins/stencil-docs-target": "^1.0.0",
-        "@saasquatch/component-boilerplate": "^1.6.3-5",
+        "@saasquatch/component-boilerplate": "^1.6.3",
         "@saasquatch/dom-context-hooks": "^1.0.3",
         "@saasquatch/shoelace": "^1.0.0",
         "@saasquatch/stencil-hooks": "^2.0.2",
@@ -2805,9 +2805,9 @@
       }
     },
     "node_modules/@saasquatch/component-boilerplate": {
-      "version": "1.6.3-5",
-      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-5.tgz",
-      "integrity": "sha512-Kje6JdTQq2Qvg+Cr3PoUWS42SK8PwFeCvk7BS5MFBa3b7DP8Z80d1Ij1KQblFRASy1tp4fVwXKbJtdTGEWfaeQ==",
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3.tgz",
+      "integrity": "sha512-Os8BwiQDq0UIPiSOyHAPlxq5lLD3ou+YJCZ55ZeTiDAaP0xnWTl8OpVk3bQFBnKA/FKZbYMU0JA0GNBwfW6F5A==",
       "dependencies": {
         "@formatjs/intl": "^1.8.2",
         "@saasquatch/component-environment": "^1.0.4",
@@ -17070,9 +17070,9 @@
       }
     },
     "@saasquatch/component-boilerplate": {
-      "version": "1.6.3-5",
-      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3-5.tgz",
-      "integrity": "sha512-Kje6JdTQq2Qvg+Cr3PoUWS42SK8PwFeCvk7BS5MFBa3b7DP8Z80d1Ij1KQblFRASy1tp4fVwXKbJtdTGEWfaeQ==",
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/@saasquatch/component-boilerplate/-/component-boilerplate-1.6.3.tgz",
+      "integrity": "sha512-Os8BwiQDq0UIPiSOyHAPlxq5lLD3ou+YJCZ55ZeTiDAaP0xnWTl8OpVk3bQFBnKA/FKZbYMU0JA0GNBwfW6F5A==",
       "requires": {
         "@formatjs/intl": "^1.8.2",
         "@saasquatch/component-environment": "^1.0.4",
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 98c103f6c7..b5006c6d67 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -68,7 +68,7 @@
   },
   "dependencies": {
     "@raisins/stencil-docs-target": "^1.0.0",
-    "@saasquatch/component-boilerplate": "^1.6.3-5",
+    "@saasquatch/component-boilerplate": "^1.6.3",
     "@saasquatch/dom-context-hooks": "^1.0.3",
     "@saasquatch/shoelace": "^1.0.0",
     "@saasquatch/stencil-hooks": "^2.0.2",

From 0bb5ba6b82b7c659127a6710981789ef8e8b0d46 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 2 Apr 2024 14:32:59 -0700
Subject: [PATCH 735/753] publish

---
 packages/mint-components/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index b5006c6d67..573064c619 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-138",
+  "version": "1.8.0-139",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

From 4411916cf6aad1bb27a69cf64a335f07281498d2 Mon Sep 17 00:00:00 2001
From: Andy Luo <andy.luo@impact.com>
Date: Tue, 2 Apr 2024 14:57:56 -0700
Subject: [PATCH 736/753] Fix broken dashboard story

---
 .../src/components/tax-and-cash/TaxForm.stories.tsx             | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
index dbf2069ea5..5183e4fef5 100644
--- a/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/TaxForm.stories.tsx
@@ -1324,7 +1324,7 @@ export const TaxAndCashDashboardDisabled = () => {
         states: {
           canEditPayoutInfo: true,
           disabled: true,
-          status: "NOT_ACTIVE",
+          status: "ACTIVE",
           documentType: "W8BEN",
           documentTypeString: taxTypeToName("W8BEN"),
           dateSubmitted: "Jan 18th, 2025",

From 77ea50f6ba13b79d9229fc043f59579c69c94727 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 2 Apr 2024 16:17:48 -0700
Subject: [PATCH 737/753] cleanup/rearrange

---
 .../useBankingInfoForm.tsx                    |  4 ++--
 .../useIndirectTaxForm.tsx                    |  2 +-
 .../sqm-tax-and-cash/useTaxAndCash.tsx        | 19 +------------------
 .../src/components/tax-and-cash/utils.ts      | 18 ++++++++++++++++++
 4 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
index 0b885d3f9f..7590a4f78c 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.tsx
@@ -141,7 +141,6 @@ function getPaymentMethod(paymentOption: FinanceNetworkSetting | undefined) {
 
 function parseImpactThreshold(threshold: string) {
   // Impact returns a "10.00" decimal string for threshold
-
   const parsed = Number.parseInt(threshold);
   if (isNaN(parsed)) return undefined;
 
@@ -151,7 +150,6 @@ function parseImpactThreshold(threshold: string) {
 export function useBankingInfoForm(
   props: BankingInfoForm
 ): BankingInfoFormViewProps {
-
   const locale = useLocale();
   const user = useUserIdentity();
 
@@ -450,3 +448,5 @@ export function useBankingInfoForm(
     },
   };
 }
+
+export type UseBankingInfoFormResult = ReturnType<typeof useBankingInfoForm>;
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index e20a3f9b47..3f811235c3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -27,13 +27,13 @@ import {
   UserFormContext,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
-import { getCountryObj } from "../sqm-tax-and-cash/useTaxAndCash";
 import { IndirectDetailsSlotViewProps } from "../sqm-user-info-form/small-views/IndirectTaxDetailsView";
 import {
   INDIRECT_TAX_PROVINCES,
   INDIRECT_TAX_SPAIN_REGIONS,
 } from "../subregions";
 import { IndirectTaxForm } from "./sqm-indirect-tax-form";
+import { getCountryObj } from "../utils";
 
 type ConnectPartnerResult = {
   createImpactConnection: {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index 4b20524ab3..7d6d84a2fb 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -32,6 +32,7 @@ import {
   UserFormContext,
   UserQuery,
 } from "./data";
+import { getCountryObj } from "../utils";
 
 function getCurrentStep(user: UserQuery["user"]) {
   if (!user.impactConnection?.connected) {
@@ -252,21 +253,3 @@ export function useTaxAndCash() {
 }
 
 export type UseTaxAndCashResultType = ReturnType<typeof useTaxAndCash>;
-
-export function getCountryObj({
-  countryCode,
-  locale,
-}: {
-  countryCode: string;
-  locale: string;
-}) {
-  // @ts-ignore DisplayNames not in Intl type
-  const displayName = new Intl.DisplayNames([locale], {
-    type: "region",
-  }).of(countryCode);
-
-  return {
-    countryCode,
-    displayName,
-  };
-}
diff --git a/packages/mint-components/src/components/tax-and-cash/utils.ts b/packages/mint-components/src/components/tax-and-cash/utils.ts
index 1afcb528be..e385020dba 100644
--- a/packages/mint-components/src/components/tax-and-cash/utils.ts
+++ b/packages/mint-components/src/components/tax-and-cash/utils.ts
@@ -32,3 +32,21 @@ export const getIsRequiredErrorMessage = (
     }
   );
 };
+
+export function getCountryObj({
+  countryCode,
+  locale,
+}: {
+  countryCode: string;
+  locale: string;
+}) {
+  // @ts-ignore DisplayNames not in Intl type
+  const displayName = new Intl.DisplayNames([locale], {
+    type: "region",
+  }).of(countryCode);
+
+  return {
+    countryCode,
+    displayName,
+  };
+}

From 3a1ea1259b9874844b5babb9c082ec48ef85af0f Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Tue, 2 Apr 2024 16:22:29 -0700
Subject: [PATCH 738/753] cleanup index file

---
 packages/mint-components/src/index.html | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/packages/mint-components/src/index.html b/packages/mint-components/src/index.html
index ee9ec0b7e0..9cb27d0cd5 100644
--- a/packages/mint-components/src/index.html
+++ b/packages/mint-components/src/index.html
@@ -12,11 +12,6 @@
     <script src="https://fast.ssqt.io/npm/@saasquatch/bedrock-components@next/dist/bedrock-components/bedrock-components.js"></script>
   </head>
   <body>
-    <!-- <sqm-stencilbook></sqm-stencilbook> -->
-    <sqm-portal-container>
-      <sqm-divided-layout direction="column" content-area-width="1200px">
-        <sqm-tax-and-cash></sqm-tax-and-cash>
-      </sqm-divided-layout>
-    </sqm-portal-container>
+    <sqm-stencilbook></sqm-stencilbook>
   </body>
 </html>

From 24ca50fd67f003085867049bbee27073e666995b Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Tue, 2 Apr 2024 16:23:20 -0700
Subject: [PATCH 739/753] more cleanup

---
 .../sqm-banking-info-form/sqm-banking-info-form.tsx      | 4 ++--
 .../tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx | 8 ++++----
 .../sqm-indirect-tax-form/sqm-indirect-tax-form.tsx      | 4 ++--
 .../sqm-user-info-form/sqm-user-info-form.tsx            | 9 ++++-----
 4 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
index d19389840c..5ba2009742 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.tsx
@@ -1,4 +1,4 @@
-import { isDemo, useParent } from "@saasquatch/component-boilerplate";
+import { isDemo, useSetParent } from "@saasquatch/component-boilerplate";
 import { useState, withHooks } from "@saasquatch/stencil-hooks";
 import { useEffect } from "@saasquatch/universal-hooks";
 import { Component, Host, Prop, State, h } from "@stencil/core";
@@ -546,7 +546,7 @@ function useDemoBankingInfoForm(
   const defaultCurrency = props.demoData?.states?.currency;
   const defaultCountry = props.demoData?.states?.formState?.bankCountry;
 
-  const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
+  const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
   const [paymentMethodChecked, setPaymentMethodChecked] = useState<
     "toBankAccount" | "toPayPalAccount" | undefined
   >(undefined);
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
index 98bc887c67..998536fc36 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.tsx
@@ -1,6 +1,6 @@
-import { isDemo, useParent } from "@saasquatch/component-boilerplate";
+import { isDemo, useSetParent } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, Element, h, Host, Prop, State } from "@stencil/core";
+import { Component, Element, Host, Prop, State, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
@@ -10,7 +10,7 @@ import {
   DocusignStatus,
 } from "./docusign-iframe/DocusignIframe";
 import { DocusignFormView } from "./sqm-docusign-form-view";
-import { useDocusignForm, UseDocusignFormResult } from "./useDocusignForm";
+import { UseDocusignFormResult, useDocusignForm } from "./useDocusignForm";
 
 /**
  * @uiName DocuSign Document Submission
@@ -197,7 +197,7 @@ export class DocusignForm {
 }
 
 function useDocusignFormDemo(props: DocusignForm): UseDocusignFormResult {
-  const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
+  const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
 
   return deepmerge(
     {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
index 78c7bbb836..d26745b19d 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.tsx
@@ -1,4 +1,4 @@
-import { isDemo, useParent } 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";
@@ -287,7 +287,7 @@ export class IndirectTaxForm {
 function useDemoIndirectTaxForm(
   props: IndirectTaxForm
 ): ReturnType<typeof useIndirectTaxForm> {
-  const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
+  const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
   const [option, setOption] = useState(null);
   const [demoFormState, setDemoFormState] = useState<any>({});
 
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
index a1edff74b3..b7b9e59ff1 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.tsx
@@ -1,13 +1,12 @@
-import { isDemo, useParent } 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, h, Host, Prop, State } from "@stencil/core";
+import { Component, Host, Prop, State, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { DemoData } from "../../../global/demo";
 import { getProps } from "../../../utils/utils";
 import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import { UserInfoFormView } from "./sqm-user-info-form-view";
-import { useUserInfoForm, UseUserInfoFormResult } from "./useUserInfoForm";
+import { UseUserInfoFormResult, useUserInfoForm } from "./useUserInfoForm";
 
 /**
  * @uiName User Information Form
@@ -181,7 +180,7 @@ export class TaxForm {
 }
 
 function useDemoUserInfoForm(props: TaxForm): UseUserInfoFormResult {
-  const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
+  const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
 
   return deepmerge(
     {

From 052480506ac080a280d341ce237f83a8169b0d40 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 3 Apr 2024 17:16:51 -0700
Subject: [PATCH 740/753] add check for valid tax document before step 3

---
 packages/mint-components/package.json         |  2 +-
 .../useIndirectTaxForm.tsx                    | 19 +++++++++++++++++--
 .../sqm-tax-and-cash/useTaxAndCash.tsx        |  7 +++++--
 .../src/components/tax-and-cash/utils.ts      | 13 +++++++++++++
 packages/mint-components/src/saasquatch.d.ts  | 13 ++++++++-----
 5 files changed, 44 insertions(+), 10 deletions(-)

diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 63b40eb74b..5f399a503c 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-136",
+  "version": "1.8.0-137",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 839862345e..25159f94f0 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -11,6 +11,7 @@ import {
 } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
+import { CurrentTaxDocument } from "../../../saasquatch";
 import { useParentQueryValue } from "../../../utils/useParentQuery";
 import { useParent, useParentValue } from "../../../utils/useParentState";
 import {
@@ -32,6 +33,7 @@ import {
   INDIRECT_TAX_PROVINCES,
   INDIRECT_TAX_SPAIN_REGIONS,
 } from "../subregions";
+import { validTaxDocument } from "../utils";
 import { IndirectTaxForm } from "./sqm-indirect-tax-form";
 
 type ConnectPartnerResult = {
@@ -42,6 +44,7 @@ type ConnectPartnerResult = {
       connected: boolean;
       publisher: {
         requiredTaxDocumentType: TaxDocumentType | null;
+        currentTaxDocument: null | CurrentTaxDocument;
       };
     } | null;
   };
@@ -71,6 +74,10 @@ const CONNECT_PARTNER = gql`
         connected
         publisher {
           requiredTaxDocumentType
+          currentTaxDocument {
+            type
+            status
+          }
         }
       }
     }
@@ -243,9 +250,17 @@ export function useIndirectTaxForm(props: IndirectTaxForm) {
 
       await refetch();
 
+      const resultPublisher = (result as ConnectPartnerResult)
+        .createImpactConnection?.impactConnection?.publisher;
+
+      const hasValidCurrentDocument = validTaxDocument(
+        resultPublisher?.requiredTaxDocumentType,
+        resultPublisher?.currentTaxDocument?.type
+      );
+
       if (
-        (result as ConnectPartnerResult).createImpactConnection
-          ?.impactConnection?.publisher?.requiredTaxDocumentType
+        resultPublisher?.requiredTaxDocumentType &&
+        !hasValidCurrentDocument
       ) {
         // Go to docusign form
         setStep("/3");
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
index a1a65a9289..fc6f1c94f2 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.tsx
@@ -10,6 +10,7 @@ import {
   getContextValueName,
   useParentState,
 } from "../../../utils/useParentState";
+import { validTaxDocument } from "../utils";
 import {
   COUNTRIES_NAMESPACE,
   COUNTRIES_QUERY_NAMESPACE,
@@ -48,9 +49,11 @@ function getCurrentStep(user: UserQuery["user"]) {
   } = user.impactConnection.publisher;
 
   // If they do have a required document, look at current document
-  if (requiredTaxDocumentType && !currentTaxDocument) {
+  if (
+    requiredTaxDocumentType &&
+    !validTaxDocument(requiredTaxDocumentType, currentTaxDocument?.type)
+  )
     return "/3";
-  }
 
   if (!withdrawalSettings && brandedSignup) return "/4";
 
diff --git a/packages/mint-components/src/components/tax-and-cash/utils.ts b/packages/mint-components/src/components/tax-and-cash/utils.ts
index 1afcb528be..41863cadbe 100644
--- a/packages/mint-components/src/components/tax-and-cash/utils.ts
+++ b/packages/mint-components/src/components/tax-and-cash/utils.ts
@@ -1,6 +1,19 @@
 import { intl } from "../../global/global";
 import { TaxDocumentType } from "./sqm-tax-and-cash/data";
 
+export function validTaxDocument(
+  requiredType: TaxDocumentType | undefined,
+  currentType: TaxDocumentType | undefined
+) {
+  if (requiredType === "W9" && currentType === "W9") return true;
+  if (
+    (requiredType === "W8BEN" || requiredType === "W8BENE") &&
+    (currentType === "W8BEN" || currentType === "W8BENE")
+  )
+    return true;
+  return false;
+}
+
 export const objectIsFull = (obj: Record<string, unknown>) => {
   return !Object.keys(obj).find((k) => obj[k] == undefined);
 };
diff --git a/packages/mint-components/src/saasquatch.d.ts b/packages/mint-components/src/saasquatch.d.ts
index f82d605e5c..1871339585 100644
--- a/packages/mint-components/src/saasquatch.d.ts
+++ b/packages/mint-components/src/saasquatch.d.ts
@@ -1,3 +1,5 @@
+import { Currencies } from "./components/tax-and-cash/sqm-tax-and-cash/data";
+
 interface Referral {
   id: string;
   dateConverted: number;
@@ -40,16 +42,17 @@ interface Referrer {
   rewards: Reward[];
 }
 
+interface CurrentTaxDocument {
+  status: "NOT_VERIFIED" | "ACTIVE" | "INACTIVE";
+  type: "W9" | "W8BEN" | "W8BENE";
+  dateCreated: number;
+}
 interface ImpactConnection {
   connected: boolean;
   taxHandlingEnabled: boolean;
   publisher: null | {
     requiredTaxDocumentType: null | "W9" | "W8BEN" | "W8BENE";
-    currentTaxDocument: null | {
-      status: "NOT_VERIFIED" | "ACTIVE" | "INACTIVE";
-      type: "W9" | "W8BEN" | "W8BENE";
-      dateCreated: number;
-    };
+    currentTaxDocument: null | CurrentTaxDocument;
     withdrawalSettings: null | {
       paymentMethod: "PAYPAL" | "BANK_TRANSFER";
     };

From 26c8f466981d58991b7488d8440e7feab19c6949 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Wed, 3 Apr 2024 17:21:32 -0700
Subject: [PATCH 741/753] prerelease 1.8.0-140

---
 packages/mint-components/package-lock.json    |  4 +-
 packages/mint-components/src/components.d.ts  | 34 ++++++++---------
 .../sqm-invoice-table/columns/readme.md       |  2 +-
 .../components/sqm-invoice-table/readme.md    | 30 +++++++--------
 .../sqm-referral-table/columns/readme.md      |  4 +-
 .../components/sqm-referral-table/readme.md   | 24 ++++++------
 .../sqm-rewards-table/cells/readme.md         | 38 +++++++++----------
 .../sqm-rewards-table/columns/readme.md       |  2 +-
 .../components/sqm-rewards-table/readme.md    | 22 +++++------
 9 files changed, 80 insertions(+), 80 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 409f791441..2e2f6313e2 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-138",
+  "version": "1.8.0-140",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-138",
+      "version": "1.8.0-140",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index d37fa047ff..933c770bc5 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1279,7 +1279,7 @@ export namespace Components {
           * @uiName Property name
          */
         "property": string;
-        "renderCell": (data: Invoice) => Promise<any>;
+        "renderCell": (data: any) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmInvoiceTableDateCell {
@@ -1291,14 +1291,14 @@ export namespace Components {
           * @uiName Column title
          */
         "columnTitle": string;
-        "renderCell": (data: Invoice, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmInvoiceTableDownloadCell {
         "downloadUrl": string;
     }
     interface SqmInvoiceTableDownloadColumn {
-        "renderCell": (data: Invoice) => Promise<any>;
+        "renderCell": (data: any) => Promise<any>;
         "renderLabel": () => Promise<any>;
     }
     interface SqmLeaderboard {
@@ -2615,7 +2615,7 @@ export namespace Components {
           * @uiName Column title
          */
         "columnTitle": string;
-        "renderCell": (_: Referral) => Promise<any>;
+        "renderCell": (_: any) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmReferralTableDateCell {
@@ -2634,9 +2634,9 @@ export namespace Components {
           * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
          */
         "dateShown": ReferralDates;
-        "renderCell": (data: Referral, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
-        "renderReferrerCell": (data: Referrer) => Promise<any>;
+        "renderReferrerCell": (data: any) => Promise<any>;
     }
     interface SqmReferralTableRewardsCell {
         "deniedHelpText": string;
@@ -2681,9 +2681,9 @@ export namespace Components {
           * @uiName Reward pending text
          */
         "pendingForText": string;
-        "renderCell": (data: Referral, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
+        "renderCell": (data: any, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
-        "renderReferrerCell": (data: Referrer) => Promise<any>;
+        "renderReferrerCell": (data: any) => Promise<any>;
         /**
           * Shown in the dropdown details when a reward has been received.’
           * @uiName Reward received text
@@ -2737,9 +2737,9 @@ export namespace Components {
           * @uiName Pending review status text
          */
         "pendingReviewStatusText": string;
-        "renderCell": (data: Referral) => Promise<any>;
+        "renderCell": (data: any) => Promise<any>;
         "renderLabel": () => Promise<string>;
-        "renderReferrerCell": (data: Referrer) => Promise<any>;
+        "renderReferrerCell": (data: any) => Promise<any>;
     }
     interface SqmReferralTableUserCell {
         "name": string;
@@ -2759,9 +2759,9 @@ export namespace Components {
           * @uiName Deleted user text
          */
         "deletedUser": string;
-        "renderCell": (data: Referral) => Promise<any>;
+        "renderCell": (data: any) => Promise<any>;
         "renderLabel": () => Promise<string>;
-        "renderReferrerCell": (data: Referrer) => Promise<any>;
+        "renderReferrerCell": (data: any) => Promise<any>;
     }
     interface SqmReferredRegistration {
         /**
@@ -3050,7 +3050,7 @@ export namespace Components {
           * @uiName Column title
          */
         "columnTitle": string;
-        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardsTableDateCell {
@@ -3069,7 +3069,7 @@ export namespace Components {
           * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
          */
         "dateShown": string;
-        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardsTableRewardCell {
@@ -3096,7 +3096,7 @@ export namespace Components {
           * @uiName Redeemed amount text
          */
         "redeemedText": string;
-        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardsTableSourceCell {
@@ -3129,7 +3129,7 @@ export namespace Components {
           * @uiWidget textArea
          */
         "referralText": string;
-        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
         /**
           * @uiName Reward exchange label
@@ -3231,7 +3231,7 @@ export namespace Components {
           * @uiName W9 pending text
          */
         "pendingUsTax": string;
-        "renderCell": (data: Reward, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
+        "renderCell": (data: any, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
         /**
           * @uiName Reward status text
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md b/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
index 5e129e44f5..09b00f91a5 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
@@ -7,7 +7,7 @@
 
 ## Methods
 
-### `renderCell(data: Invoice) => Promise<any>`
+### `renderCell(data: any) => Promise<any>`
 
 
 
diff --git a/packages/mint-components/src/components/sqm-invoice-table/readme.md b/packages/mint-components/src/components/sqm-invoice-table/readme.md
index 06117e376d..14854d5b4c 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/readme.md
@@ -7,21 +7,21 @@
 
 ## Properties
 
-| Property           | Attribute            | Description                                                                                                                                                                                                                                                                | Type                                                                                                            | Default                                                                             |
-| ------------------ | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- |
-| `demoData`         | --                   |                                                                                                                                                                                                                                                                            | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Invoice[]; }; }` | `undefined`                                                                         |
-| `description`      | `description`        |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"View and download your invoices to report your earnings and stay tax compliant."` |
-| `emptyStateHeader` | `empty-state-header` |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"View your invoice details"`                                                       |
-| `emptyStateText`   | `empty-state-text`   |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Refer a friend to view the status of your invoices and rewards earned"`           |
-| `header`           | `header`             |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Invoices"`                                                                        |
-| `hiddenColumns`    | `hidden-columns`     | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                             | `string`                                                                                                        | `"0"`                                                                               |
-| `hideLabels`       | `hide-labels`        |                                                                                                                                                                                                                                                                            | `boolean`                                                                                                       | `false`                                                                             |
-| `mdBreakpoint`     | `md-breakpoint`      |                                                                                                                                                                                                                                                                            | `number`                                                                                                        | `799`                                                                               |
-| `moreLabel`        | `more-label`         |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Next"`                                                                            |
-| `perPage`          | `per-page`           | Number of invoices displayed per page                                                                                                                                                                                                                                      | `number`                                                                                                        | `4`                                                                                 |
-| `prevLabel`        | `prev-label`         |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Prev"`                                                                            |
-| `programId`        | `program-id`         | Filters to only show invoices in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all invoices from all programs. If program ID is "classic", shows classic-only invoices | `string`                                                                                                        | `undefined`                                                                         |
-| `smBreakpoint`     | `sm-breakpoint`      |                                                                                                                                                                                                                                                                            | `number`                                                                                                        | `599`                                                                               |
+| Property           | Attribute            | Description                                                                                                                                                                                                                                                                | Type                                                                                                        | Default                                                                             |
+| ------------------ | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- |
+| `demoData`         | --                   |                                                                                                                                                                                                                                                                            | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: any[]; }; }` | `undefined`                                                                         |
+| `description`      | `description`        |                                                                                                                                                                                                                                                                            | `string`                                                                                                    | `"View and download your invoices to report your earnings and stay tax compliant."` |
+| `emptyStateHeader` | `empty-state-header` |                                                                                                                                                                                                                                                                            | `string`                                                                                                    | `"View your invoice details"`                                                       |
+| `emptyStateText`   | `empty-state-text`   |                                                                                                                                                                                                                                                                            | `string`                                                                                                    | `"Refer a friend to view the status of your invoices and rewards earned"`           |
+| `header`           | `header`             |                                                                                                                                                                                                                                                                            | `string`                                                                                                    | `"Invoices"`                                                                        |
+| `hiddenColumns`    | `hidden-columns`     | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                             | `string`                                                                                                    | `"0"`                                                                               |
+| `hideLabels`       | `hide-labels`        |                                                                                                                                                                                                                                                                            | `boolean`                                                                                                   | `false`                                                                             |
+| `mdBreakpoint`     | `md-breakpoint`      |                                                                                                                                                                                                                                                                            | `number`                                                                                                    | `799`                                                                               |
+| `moreLabel`        | `more-label`         |                                                                                                                                                                                                                                                                            | `string`                                                                                                    | `"Next"`                                                                            |
+| `perPage`          | `per-page`           | Number of invoices displayed per page                                                                                                                                                                                                                                      | `number`                                                                                                    | `4`                                                                                 |
+| `prevLabel`        | `prev-label`         |                                                                                                                                                                                                                                                                            | `string`                                                                                                    | `"Prev"`                                                                            |
+| `programId`        | `program-id`         | Filters to only show invoices in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all invoices from all programs. If program ID is "classic", shows classic-only invoices | `string`                                                                                                    | `undefined`                                                                         |
+| `smBreakpoint`     | `sm-breakpoint`      |                                                                                                                                                                                                                                                                            | `number`                                                                                                    | `599`                                                                               |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/readme.md b/packages/mint-components/src/components/sqm-referral-table/columns/readme.md
index b301e5eead..1bc860aca8 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/readme.md
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/readme.md
@@ -16,7 +16,7 @@
 
 ## Methods
 
-### `renderCell(data: Referral) => Promise<any>`
+### `renderCell(data: any) => Promise<any>`
 
 
 
@@ -36,7 +36,7 @@ Type: `Promise<string>`
 
 
 
-### `renderReferrerCell(data: Referrer) => Promise<any>`
+### `renderReferrerCell(data: any) => Promise<any>`
 
 
 
diff --git a/packages/mint-components/src/components/sqm-referral-table/readme.md b/packages/mint-components/src/components/sqm-referral-table/readme.md
index 8ec5c88d29..9c1472a588 100644
--- a/packages/mint-components/src/components/sqm-referral-table/readme.md
+++ b/packages/mint-components/src/components/sqm-referral-table/readme.md
@@ -7,18 +7,18 @@
 
 ## Properties
 
-| Property        | Attribute        | Description                                                                                                                                                                                                                                                                   | Type                                                                                                             | Default     |
-| --------------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ----------- |
-| `demoData`      | --               |                                                                                                                                                                                                                                                                               | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Referral[]; }; }` | `undefined` |
-| `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                                | `string`                                                                                                         | `"0"`       |
-| `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                                                                               | `boolean`                                                                                                        | `false`     |
-| `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                                                                               | `number`                                                                                                         | `799`       |
-| `moreLabel`     | `more-label`     |                                                                                                                                                                                                                                                                               | `string`                                                                                                         | `"Next"`    |
-| `perPage`       | `per-page`       | Number of referrals displayed per page                                                                                                                                                                                                                                        | `number`                                                                                                         | `4`         |
-| `prevLabel`     | `prev-label`     |                                                                                                                                                                                                                                                                               | `string`                                                                                                         | `"Prev"`    |
-| `programId`     | `program-id`     | Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals | `string`                                                                                                         | `undefined` |
-| `showReferrer`  | `show-referrer`  | Show referred by user in table                                                                                                                                                                                                                                                | `boolean`                                                                                                        | `false`     |
-| `smBreakpoint`  | `sm-breakpoint`  |                                                                                                                                                                                                                                                                               | `number`                                                                                                         | `599`       |
+| Property        | Attribute        | Description                                                                                                                                                                                                                                                                   | Type                                                                                                        | Default     |
+| --------------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ----------- |
+| `demoData`      | --               |                                                                                                                                                                                                                                                                               | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: any[]; }; }` | `undefined` |
+| `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                                | `string`                                                                                                    | `"0"`       |
+| `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                                                                               | `boolean`                                                                                                   | `false`     |
+| `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                                                                               | `number`                                                                                                    | `799`       |
+| `moreLabel`     | `more-label`     |                                                                                                                                                                                                                                                                               | `string`                                                                                                    | `"Next"`    |
+| `perPage`       | `per-page`       | Number of referrals displayed per page                                                                                                                                                                                                                                        | `number`                                                                                                    | `4`         |
+| `prevLabel`     | `prev-label`     |                                                                                                                                                                                                                                                                               | `string`                                                                                                    | `"Prev"`    |
+| `programId`     | `program-id`     | Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals | `string`                                                                                                    | `undefined` |
+| `showReferrer`  | `show-referrer`  | Show referred by user in table                                                                                                                                                                                                                                                | `boolean`                                                                                                   | `false`     |
+| `smBreakpoint`  | `sm-breakpoint`  |                                                                                                                                                                                                                                                                               | `number`                                                                                                    | `599`       |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md b/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
index 1656b2fd7f..a9e2b69659 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
@@ -7,25 +7,25 @@
 
 ## Properties
 
-| Property                 | Attribute                  | Description | Type               | Default                                                                              |
-| ------------------------ | -------------------------- | ----------- | ------------------ | ------------------------------------------------------------------------------------ |
-| `deniedText`             | `denied-text`              |             | `string`           | `"Detected self-referral"`                                                           |
-| `expiryText`             | `expiry-text`              |             | `string`           | `"Expires"`                                                                          |
-| `locale`                 | `locale`                   |             | `string`           | `"en"`                                                                               |
-| `payoutApproved`         | `payout-approved`          |             | `string`           | `"Reward approved for payout and was scheduled for payment based on your settings."` |
-| `payoutCancelled`        | `payout-cancelled`         |             | `string`           | `"If you think this is a mistake, contact our Support team."`                        |
-| `payoutFailed`           | `payout-failed`            |             | `string`           | `"Payout failed due to a fulfillment issue and is current being retried."`           |
-| `pendingNewTaxForm`      | `pending-new-tax-form`     |             | `string`           | `"Invalid tax form. Submit a new form to receive your rewards."`                     |
-| `pendingPartnerCreation` | `pending-partner-creation` |             | `string`           | `"Complete your tax and cash payout setup to receive your rewards."`                 |
-| `pendingReviewText`      | `pending-review-text`      |             | `string`           | `"Awaiting review"`                                                                  |
-| `pendingScheduled`       | `pending-scheduled`        |             | `string`           | `"Until"`                                                                            |
-| `pendingTaxReview`       | `pending-tax-review`       |             | `string`           | `"Awaiting tax form review."`                                                        |
-| `pendingTaxSubmission`   | `pending-tax-submission`   |             | `string`           | `"Submit your tax documents to receive your rewards."`                               |
-| `pendingUnhandled`       | `pending-unhandled`        |             | `string`           | `"Fulfillment error"`                                                                |
-| `pendingUsTax`           | `pending-us-tax`           |             | `string`           | `"W-9 required"`                                                                     |
-| `reward`                 | --                         |             | `Reward`           | `undefined`                                                                          |
-| `statusText`             | `status-text`              |             | `string`           | `undefined`                                                                          |
-| `taxConnection`          | --                         |             | `ImpactConnection` | `undefined`                                                                          |
+| Property                 | Attribute                  | Description | Type     | Default                                                                              |
+| ------------------------ | -------------------------- | ----------- | -------- | ------------------------------------------------------------------------------------ |
+| `deniedText`             | `denied-text`              |             | `string` | `"Detected self-referral"`                                                           |
+| `expiryText`             | `expiry-text`              |             | `string` | `"Expires"`                                                                          |
+| `locale`                 | `locale`                   |             | `string` | `"en"`                                                                               |
+| `payoutApproved`         | `payout-approved`          |             | `string` | `"Reward approved for payout and was scheduled for payment based on your settings."` |
+| `payoutCancelled`        | `payout-cancelled`         |             | `string` | `"If you think this is a mistake, contact our Support team."`                        |
+| `payoutFailed`           | `payout-failed`            |             | `string` | `"Payout failed due to a fulfillment issue and is current being retried."`           |
+| `pendingNewTaxForm`      | `pending-new-tax-form`     |             | `string` | `"Invalid tax form. Submit a new form to receive your rewards."`                     |
+| `pendingPartnerCreation` | `pending-partner-creation` |             | `string` | `"Complete your tax and cash payout setup to receive your rewards."`                 |
+| `pendingReviewText`      | `pending-review-text`      |             | `string` | `"Awaiting review"`                                                                  |
+| `pendingScheduled`       | `pending-scheduled`        |             | `string` | `"Until"`                                                                            |
+| `pendingTaxReview`       | `pending-tax-review`       |             | `string` | `"Awaiting tax form review."`                                                        |
+| `pendingTaxSubmission`   | `pending-tax-submission`   |             | `string` | `"Submit your tax documents to receive your rewards."`                               |
+| `pendingUnhandled`       | `pending-unhandled`        |             | `string` | `"Fulfillment error"`                                                                |
+| `pendingUsTax`           | `pending-us-tax`           |             | `string` | `"W-9 required"`                                                                     |
+| `reward`                 | `reward`                   |             | `any`    | `undefined`                                                                          |
+| `statusText`             | `status-text`              |             | `string` | `undefined`                                                                          |
+| `taxConnection`          | `tax-connection`           |             | `any`    | `undefined`                                                                          |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md b/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
index ae3f52d8ae..77f34d7c4e 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
@@ -28,7 +28,7 @@
 
 ## Methods
 
-### `renderCell(data: Reward, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>`
+### `renderCell(data: any, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>`
 
 
 
diff --git a/packages/mint-components/src/components/sqm-rewards-table/readme.md b/packages/mint-components/src/components/sqm-rewards-table/readme.md
index 16f7062f3c..cc6a485664 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/readme.md
@@ -7,17 +7,17 @@
 
 ## Properties
 
-| Property        | Attribute        | Description                                                                                                                                                                                                      | Type                                                                                                             | Default     |
-| --------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ----------- |
-| `demoData`      | --               |                                                                                                                                                                                                                  | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Referral[]; }; }` | `undefined` |
-| `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                   | `string`                                                                                                         | `"0"`       |
-| `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                  | `boolean`                                                                                                        | `false`     |
-| `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                  | `number`                                                                                                         | `799`       |
-| `moreLabel`     | `more-label`     |                                                                                                                                                                                                                  | `string`                                                                                                         | `"Next"`    |
-| `perPage`       | `per-page`       |                                                                                                                                                                                                                  | `number`                                                                                                         | `4`         |
-| `prevLabel`     | `prev-label`     |                                                                                                                                                                                                                  | `string`                                                                                                         | `"Prev"`    |
-| `programId`     | `program-id`     | Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs. | `string`                                                                                                         | `undefined` |
-| `smBreakpoint`  | `sm-breakpoint`  |                                                                                                                                                                                                                  | `number`                                                                                                         | `599`       |
+| Property        | Attribute        | Description                                                                                                                                                                                                      | Type                                                                                                        | Default     |
+| --------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ----------- |
+| `demoData`      | --               |                                                                                                                                                                                                                  | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: any[]; }; }` | `undefined` |
+| `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                   | `string`                                                                                                    | `"0"`       |
+| `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                  | `boolean`                                                                                                   | `false`     |
+| `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                  | `number`                                                                                                    | `799`       |
+| `moreLabel`     | `more-label`     |                                                                                                                                                                                                                  | `string`                                                                                                    | `"Next"`    |
+| `perPage`       | `per-page`       |                                                                                                                                                                                                                  | `number`                                                                                                    | `4`         |
+| `prevLabel`     | `prev-label`     |                                                                                                                                                                                                                  | `string`                                                                                                    | `"Prev"`    |
+| `programId`     | `program-id`     | Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs. | `string`                                                                                                    | `undefined` |
+| `smBreakpoint`  | `sm-breakpoint`  |                                                                                                                                                                                                                  | `number`                                                                                                    | `599`       |
 
 
 ## Dependencies

From 19079dce333bf2522cfa150aef41465d2c2b82a9 Mon Sep 17 00:00:00 2001
From: Zach Harrison <zharrison100@gmail.com>
Date: Thu, 4 Apr 2024 07:42:57 -0700
Subject: [PATCH 742/753] Fix css part bug in share button

---
 .../src/components/sqm-share-button/sqm-share-button-view.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/src/components/sqm-share-button/sqm-share-button-view.tsx b/packages/mint-components/src/components/sqm-share-button/sqm-share-button-view.tsx
index 68c790f711..b0dd5ee21f 100644
--- a/packages/mint-components/src/components/sqm-share-button/sqm-share-button-view.tsx
+++ b/packages/mint-components/src/components/sqm-share-button/sqm-share-button-view.tsx
@@ -142,7 +142,7 @@ export function ShareButtonView(props: ShareButtonViewProps, children: VNode) {
           <sl-icon
             slot={props.iconslot || "prefix"}
             name={props.icon ? props.icon : medium[props.medium].icon}
-            exportparts="icon"
+            exportparts="base: icon"
           ></sl-icon>
         )}
         {!props.hidetext && children}

From 57302f99ff8cdd5c3b9341288021ff13d0d9a4ad Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 4 Apr 2024 15:57:01 -0700
Subject: [PATCH 743/753] match order of props in component to template, fixed
 a couple small issues

---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 57 +++++++++----------
 .../src/templates/TaxAndCash.html             |  4 +-
 2 files changed, 30 insertions(+), 31 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 7e25fc51e1..21444272d3 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -59,11 +59,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() step1_currencyHelpText: string =
     "Choose your preferred payout currency";
-  /**
-   * @uiName Step 1 title
-   * @uiGroup Step 1 Properties
-   */
-  @Prop() step1_personalInformation: string = "Personal Information";
   /**
    * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
    * @uiName Terms and conditions checkbox
@@ -71,6 +66,11 @@ export class TaxAndCashMonolith {
    */
   @Prop() step1_allowBankingCollection: string =
     "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";
+  /**
+   * @uiName Step 1 title
+   * @uiGroup Step 1 Properties
+   */
+  @Prop() step1_personalInformation: string = "Personal Information";
   /**
    * The text link that appears in the terms and conditions checkbox
    * @uiName Terms and conditions text
@@ -140,18 +140,24 @@ export class TaxAndCashMonolith {
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_selectedRegion: string = "Country / region of indirect tax";
+  /**
+   * @uiName Indirect tax number field label
+   * @uiGroup Step 2 Properties
+   */
+  @Prop() step2_indirectTaxNumber: string =
+    "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}";
   /**
    * @uiName Province field label
    * @uiGroup Step 2 Properties
    */
   @Prop() step2_province: string = "Province";
-
   /**
-   * @uiName Indirect tax number field label
+   * @uiName Missing indirect tax number error message
    * @uiGroup Step 2 Properties
    */
-  @Prop() step2_indirectTaxNumber: string =
-    "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}";
+  @Prop() step2_indirectTaxNumberError: string =
+    "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required";
+
   /**
    * Displayed to participants registered for QST.
    * @uiName QST number field label
@@ -191,12 +197,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() step2_cannotChangeInfoAlert: string =
     "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.";
-  /**
-   * @uiName Missing indirect tax number error message
-   * @uiGroup Step 2 Properties
-   */
-  @Prop() step2_indirectTaxNumberError: string =
-    "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required";
 
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     STEP 3 PROPS:
@@ -783,19 +783,6 @@ export class TaxAndCashMonolith {
    *  @uiGroup Dashboard Properties
    */
   @Prop() dashboard_earningsAfterTaxColumnTitle: string = "Earnings after tax";
-  /**
-   * @uiName Replace tax form modal header
-   * @uiGroup Dashboard Properties
-   */
-  @Prop() dashboard_replaceTaxFormModalHeader: string =
-    "Replace existing tax form";
-  /**
-   * @uiName Replace tax form modal body text
-   * @uiGroup Dashboard Properties
-   * @uiWidget textArea
-   */
-  @Prop() dashboard_replaceTaxFormModalBodyText: string =
-    "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.";
   /**
    * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
    * @uiName Payout error message title
@@ -813,7 +800,6 @@ export class TaxAndCashMonolith {
   @Prop()
   dashboard_errorDescriptionText: string =
     "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.";
-
   /**
    * Text displayed for existing publishers that do not have saved banking information.
    * @uiName Payout missing information subtext
@@ -821,6 +807,19 @@ export class TaxAndCashMonolith {
    */
   @Prop() dashboard_payoutMissingInformationText: string =
     "Missing banking information, go to Impact.com to resolve.";
+  /**
+   * @uiName Replace tax form modal header
+   * @uiGroup Dashboard Properties
+   */
+  @Prop() dashboard_replaceTaxFormModalHeader: string =
+    "Replace existing tax form";
+  /**
+   * @uiName Replace tax form modal body text
+   * @uiGroup Dashboard Properties
+   * @uiWidget textArea
+   */
+  @Prop() dashboard_replaceTaxFormModalBodyText: string =
+    "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 Invoice table description
diff --git a/packages/mint-components/src/templates/TaxAndCash.html b/packages/mint-components/src/templates/TaxAndCash.html
index 404422d319..57d528a49e 100644
--- a/packages/mint-components/src/templates/TaxAndCash.html
+++ b/packages/mint-components/src/templates/TaxAndCash.html
@@ -254,10 +254,10 @@ <h1>Activity</h1>
                   step-4_branch-code-label="Branch code"
                   step-4_classification-label="Classification"
                   step-4_tax-payer-id-label="Beneficiary INN"
+                  step-4-bank-address-label="Bank address"
                   step-4_bank-city-label="Bank city"
                   step-4_bank-state-label="Bank Province / State"
                   step-4_bank-postal-code-label="Bank postal code"
-                  step-4_cannot-change-info-alert="Your payout information can only be changed through our Support team after you complete this step. Make sure your payout method and schedule are correct before submitting."
                   step-4_eft-withdrawal-label="EFT Withdrawal (free)"
                   step-4_fx-wire-processing-fee-label="FX Wire (Processing Fee {currency}{defaultFxFee}.00)"
                   dashboard_status-text-active="Active"
@@ -281,7 +281,7 @@ <h1>Activity</h1>
                   dashboard_indirect-tax-info-canada="Registered in {province}, {country}"
                   dashboard_indirect-tax-tooltip-support="To make changes to your indirect tax information, please contact Support."
                   dashboard_indirect-tax-details="{indirectTaxType} number: {indirectTaxNumber}"
-                  dashboard_new-form-button="Submit New Form"
+                  dashboard_new-form-button="Submit new form"
                   dashboard_edit-payment-information-button="Edit Payout Information"
                   dashboard_not-registered-for-tax="Not registered for indirect tax. If you’ve previously registered with your tax authority, contact Support to add your information to stay tax compliant."
                   dashboard_qst-number="QST number: {qstNumber}"

From 66864d7984d085eb8c5772cf351af8a6660d8245 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Thu, 4 Apr 2024 15:57:11 -0700
Subject: [PATCH 744/753] Update sqm-tax-and-cash.tsx

---
 .../sqm-tax-and-cash/sqm-tax-and-cash.tsx     | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
index 21444272d3..f2217beede 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.tsx
@@ -807,19 +807,6 @@ export class TaxAndCashMonolith {
    */
   @Prop() dashboard_payoutMissingInformationText: string =
     "Missing banking information, go to Impact.com to resolve.";
-  /**
-   * @uiName Replace tax form modal header
-   * @uiGroup Dashboard Properties
-   */
-  @Prop() dashboard_replaceTaxFormModalHeader: string =
-    "Replace existing tax form";
-  /**
-   * @uiName Replace tax form modal body text
-   * @uiGroup Dashboard Properties
-   * @uiWidget textArea
-   */
-  @Prop() dashboard_replaceTaxFormModalBodyText: string =
-    "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 Invoice table description
@@ -859,6 +846,19 @@ export class TaxAndCashMonolith {
    */
   @Prop() dashboard_invoiceEmptyStateText: string =
     "Refer a friend to view the status of your invoices and rewards earned";
+  /**
+   * @uiName Replace tax form modal header
+   * @uiGroup Dashboard Properties
+   */
+  @Prop() dashboard_replaceTaxFormModalHeader: string =
+    "Replace existing tax form";
+  /**
+   * @uiName Replace tax form modal body text
+   * @uiGroup Dashboard Properties
+   * @uiWidget textArea
+   */
+  @Prop() dashboard_replaceTaxFormModalBodyText: string =
+    "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.";
 
   /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                     GENERAL PROPS:

From 50e3ce3409bf67d1831d757b6609f30bd5f78c37 Mon Sep 17 00:00:00 2001
From: Ultha258 <147738105+Ultha258@users.noreply.github.com>
Date: Thu, 4 Apr 2024 23:20:04 +0000
Subject: [PATCH 745/753] Updated the spec to include  if same tax doc was
 found in impact vs Advocate

---
 .../tax-and-cash/sqm-tax-form.feature         | 32 +++++++++++--------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
index 8aa709193c..dc610ade20 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-tax-form.feature
@@ -191,20 +191,24 @@ Feature: Tax Form Flow
     And they skip the banking info form step
 
 @motivating
-Scenario Outline: Pre-existing impact partner cannot setup withdrawal settings											
-	Given 	a pre-existing impact partner is signing up to be an Advocate			
-	And 	they are on Step 2			
-	And 	tax document is <taxDoc>			
-	And 	withdrawal settings is <saved>			
-	Then 	the user skips <steps>			
-	And 	the user lands on <lands>			
-	And 	the Payout details card displays <displays>			
- Examples:					
-		|taxDoc	        |saved	               |steps        |lands	      |displays                                                   |
-		|required 	    |saved in impact	     |Step 4       |Dashboard 	|their withdrawal settings                                  |
-		|required 	    |not saved in impact   |Step 4       |Dashboard 	|“Missing banking information, go to impact.com to resolve” |
-		|not required   |saved in impact       |Step 3 and 4 | Dashboard	  |their withdrawal settings                                  | 
-		|not required   |not saved in impact   |Step 3 and 4 |Dashboard	  |“Missing banking information, go to impact.com to resolve” |
+ Scenario Outline: Pre-existing impact partner cannot setup withdrawal settings											
+    Given a pre-existing impact partner is signing up to be an Advocate			
+    When they are on Step 2			
+    And tax document is <taxDocMatches> in Advocate and impact
+    And withdrawal settings is <saved>		
+    Then the user lands on <lands>		
+    And the user skips <skipSteps>			
+    And the Payout details card displays <displays>	
+
+  Examples:					
+      |taxDocMatches	|saved	               |lands	      |skipSteps         |displays                                                   |
+      |same 	        |saved in impact	     |Dashboard 	|Step 3 and 4      |their withdrawal settings                                  |
+      |same 	        |not saved in impact   |Dashboard 	|Step 3 and 4      |“Missing banking information, go to impact.com to resolve” |
+      |not required   |saved in impact       |Dashboard   |Step 3 and 4      |their withdrawal settings                                  | 
+      |not required   |not saved in impact   |Dashboard   |Step 3 and 4      |“Missing banking information, go to impact.com to resolve” |
+      |not same       |saved in impact       |Step 3      |Step 4            |their withdrawal settings                                  |
+      |not same       |not saved in impact   |Step 3      |step 4            |“Missing banking information, go to impact.com to resolve” |
+
 
   @minutia
   Scenario: "Submit New Form" button redirects to Docusign step and shows "Back" button

From 3313aed4f587c8e39d4acb0d54009f2356f01212 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 5 Apr 2024 11:21:15 -0700
Subject: [PATCH 746/753] fix states for preexisting users with mismatched
 document types

---
 .../tax-and-cash/sqm-docusign-form/useDocusignForm.tsx   | 9 +++++++--
 .../sqm-payout-details-card-view.tsx                     | 4 +++-
 .../sqm-payout-details-card/usePayoutDetailsCard.ts      | 4 +++-
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 04922b2c38..202b93c148 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -14,7 +14,7 @@ import {
   USER_QUERY_NAMESPACE,
   UserQuery,
 } from "../sqm-tax-and-cash/data";
-import { taxTypeToName } from "../utils";
+import { taxTypeToName, validTaxDocument } from "../utils";
 import { DocusignStatus } from "./docusign-iframe/DocusignIframe";
 import { DocusignForm } from "./sqm-docusign-form";
 
@@ -80,7 +80,12 @@ export function useDocusignForm(props: DocusignForm) {
   const [errors, setErrors] = useState({});
   const [loading, setLoading] = useState(false);
 
-  const existingDocumentType = publisher?.currentTaxDocument?.type;
+  // Only look at current document if it's valid (same as required type)
+  const existingDocumentType =
+    validTaxDocument(
+      publisher?.requiredTaxDocumentType,
+      publisher?.currentTaxDocument?.type
+    ) && publisher?.currentTaxDocument?.type;
 
   const actualDocumentType =
     existingDocumentType ||
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
index 11023be6c5..ed5f1b130e 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.tsx
@@ -241,7 +241,9 @@ export function PayoutDetailsCardView(props: PayoutDetailsCardViewProps) {
           <div class={classes.StatusContainer}>
             <p class={classes.SubduedRegularText}>
               {states.badgeStatus === "thresholdPayout"
-                ? thresholdText
+                ? states.thresholdBalance
+                  ? thresholdText
+                  : ""
                 : states.nextPayoutDate}
             </p>
             {states.badgeStatus === "thresholdPayout"
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
index 253ff000e2..11080216c7 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.ts
@@ -54,7 +54,9 @@ export function usePayoutDetailsCard(
   return {
     states: {
       loading,
-      thresholdBalance: `${publisher?.currency}${publisher?.withdrawalSettings?.paymentThreshold}`,
+      thresholdBalance: publisher?.withdrawalSettings?.paymentThreshold
+        ? `${publisher?.currency}${publisher?.withdrawalSettings?.paymentThreshold}`
+        : undefined,
       balance: publisher?.payoutsAccount?.balance,
       badgeStatus:
         publisher?.withdrawalSettings?.paymentSchedulingType !== "FIXED_DAY"

From c0e9eaf87664fe104e66b4d7b2201149c7cdadfa Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Fri, 5 Apr 2024 11:30:00 -0700
Subject: [PATCH 747/753] prerelease 1.8.0-141

---
 packages/mint-components/package-lock.json    |  4 +-
 packages/mint-components/package.json         |  2 +-
 packages/mint-components/src/components.d.ts  | 34 ++++++++---------
 .../sqm-invoice-table/columns/readme.md       |  2 +-
 .../components/sqm-invoice-table/readme.md    | 30 +++++++--------
 .../sqm-referral-table/columns/readme.md      |  4 +-
 .../components/sqm-referral-table/readme.md   | 24 ++++++------
 .../sqm-rewards-table/cells/readme.md         | 38 +++++++++----------
 .../sqm-rewards-table/columns/readme.md       |  2 +-
 .../components/sqm-rewards-table/readme.md    | 22 +++++------
 packages/mint-components/src/saasquatch.d.ts  |  2 -
 11 files changed, 81 insertions(+), 83 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 2e2f6313e2..04cfa9f297 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-140",
+  "version": "1.8.0-141",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-140",
+      "version": "1.8.0-141",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 8ea0ff5281..9826ba1117 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-140",
+  "version": "1.8.0-141",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
diff --git a/packages/mint-components/src/components.d.ts b/packages/mint-components/src/components.d.ts
index 933c770bc5..d37fa047ff 100644
--- a/packages/mint-components/src/components.d.ts
+++ b/packages/mint-components/src/components.d.ts
@@ -1279,7 +1279,7 @@ export namespace Components {
           * @uiName Property name
          */
         "property": string;
-        "renderCell": (data: any) => Promise<any>;
+        "renderCell": (data: Invoice) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmInvoiceTableDateCell {
@@ -1291,14 +1291,14 @@ export namespace Components {
           * @uiName Column title
          */
         "columnTitle": string;
-        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: Invoice, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmInvoiceTableDownloadCell {
         "downloadUrl": string;
     }
     interface SqmInvoiceTableDownloadColumn {
-        "renderCell": (data: any) => Promise<any>;
+        "renderCell": (data: Invoice) => Promise<any>;
         "renderLabel": () => Promise<any>;
     }
     interface SqmLeaderboard {
@@ -2615,7 +2615,7 @@ export namespace Components {
           * @uiName Column title
          */
         "columnTitle": string;
-        "renderCell": (_: any) => Promise<any>;
+        "renderCell": (_: Referral) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmReferralTableDateCell {
@@ -2634,9 +2634,9 @@ export namespace Components {
           * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
          */
         "dateShown": ReferralDates;
-        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: Referral, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
-        "renderReferrerCell": (data: any) => Promise<any>;
+        "renderReferrerCell": (data: Referrer) => Promise<any>;
     }
     interface SqmReferralTableRewardsCell {
         "deniedHelpText": string;
@@ -2681,9 +2681,9 @@ export namespace Components {
           * @uiName Reward pending text
          */
         "pendingForText": string;
-        "renderCell": (data: any, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
+        "renderCell": (data: Referral, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
-        "renderReferrerCell": (data: any) => Promise<any>;
+        "renderReferrerCell": (data: Referrer) => Promise<any>;
         /**
           * Shown in the dropdown details when a reward has been received.’
           * @uiName Reward received text
@@ -2737,9 +2737,9 @@ export namespace Components {
           * @uiName Pending review status text
          */
         "pendingReviewStatusText": string;
-        "renderCell": (data: any) => Promise<any>;
+        "renderCell": (data: Referral) => Promise<any>;
         "renderLabel": () => Promise<string>;
-        "renderReferrerCell": (data: any) => Promise<any>;
+        "renderReferrerCell": (data: Referrer) => Promise<any>;
     }
     interface SqmReferralTableUserCell {
         "name": string;
@@ -2759,9 +2759,9 @@ export namespace Components {
           * @uiName Deleted user text
          */
         "deletedUser": string;
-        "renderCell": (data: any) => Promise<any>;
+        "renderCell": (data: Referral) => Promise<any>;
         "renderLabel": () => Promise<string>;
-        "renderReferrerCell": (data: any) => Promise<any>;
+        "renderReferrerCell": (data: Referrer) => Promise<any>;
     }
     interface SqmReferredRegistration {
         /**
@@ -3050,7 +3050,7 @@ export namespace Components {
           * @uiName Column title
          */
         "columnTitle": string;
-        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardsTableDateCell {
@@ -3069,7 +3069,7 @@ export namespace Components {
           * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
          */
         "dateShown": string;
-        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardsTableRewardCell {
@@ -3096,7 +3096,7 @@ export namespace Components {
           * @uiName Redeemed amount text
          */
         "redeemedText": string;
-        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardsTableSourceCell {
@@ -3129,7 +3129,7 @@ export namespace Components {
           * @uiWidget textArea
          */
         "referralText": string;
-        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
         /**
           * @uiName Reward exchange label
@@ -3231,7 +3231,7 @@ export namespace Components {
           * @uiName W9 pending text
          */
         "pendingUsTax": string;
-        "renderCell": (data: any, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
+        "renderCell": (data: Reward, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
         /**
           * @uiName Reward status text
diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md b/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
index 09b00f91a5..5e129e44f5 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/columns/readme.md
@@ -7,7 +7,7 @@
 
 ## Methods
 
-### `renderCell(data: any) => Promise<any>`
+### `renderCell(data: Invoice) => Promise<any>`
 
 
 
diff --git a/packages/mint-components/src/components/sqm-invoice-table/readme.md b/packages/mint-components/src/components/sqm-invoice-table/readme.md
index 14854d5b4c..06117e376d 100644
--- a/packages/mint-components/src/components/sqm-invoice-table/readme.md
+++ b/packages/mint-components/src/components/sqm-invoice-table/readme.md
@@ -7,21 +7,21 @@
 
 ## Properties
 
-| Property           | Attribute            | Description                                                                                                                                                                                                                                                                | Type                                                                                                        | Default                                                                             |
-| ------------------ | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- |
-| `demoData`         | --                   |                                                                                                                                                                                                                                                                            | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: any[]; }; }` | `undefined`                                                                         |
-| `description`      | `description`        |                                                                                                                                                                                                                                                                            | `string`                                                                                                    | `"View and download your invoices to report your earnings and stay tax compliant."` |
-| `emptyStateHeader` | `empty-state-header` |                                                                                                                                                                                                                                                                            | `string`                                                                                                    | `"View your invoice details"`                                                       |
-| `emptyStateText`   | `empty-state-text`   |                                                                                                                                                                                                                                                                            | `string`                                                                                                    | `"Refer a friend to view the status of your invoices and rewards earned"`           |
-| `header`           | `header`             |                                                                                                                                                                                                                                                                            | `string`                                                                                                    | `"Invoices"`                                                                        |
-| `hiddenColumns`    | `hidden-columns`     | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                             | `string`                                                                                                    | `"0"`                                                                               |
-| `hideLabels`       | `hide-labels`        |                                                                                                                                                                                                                                                                            | `boolean`                                                                                                   | `false`                                                                             |
-| `mdBreakpoint`     | `md-breakpoint`      |                                                                                                                                                                                                                                                                            | `number`                                                                                                    | `799`                                                                               |
-| `moreLabel`        | `more-label`         |                                                                                                                                                                                                                                                                            | `string`                                                                                                    | `"Next"`                                                                            |
-| `perPage`          | `per-page`           | Number of invoices displayed per page                                                                                                                                                                                                                                      | `number`                                                                                                    | `4`                                                                                 |
-| `prevLabel`        | `prev-label`         |                                                                                                                                                                                                                                                                            | `string`                                                                                                    | `"Prev"`                                                                            |
-| `programId`        | `program-id`         | Filters to only show invoices in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all invoices from all programs. If program ID is "classic", shows classic-only invoices | `string`                                                                                                    | `undefined`                                                                         |
-| `smBreakpoint`     | `sm-breakpoint`      |                                                                                                                                                                                                                                                                            | `number`                                                                                                    | `599`                                                                               |
+| Property           | Attribute            | Description                                                                                                                                                                                                                                                                | Type                                                                                                            | Default                                                                             |
+| ------------------ | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- |
+| `demoData`         | --                   |                                                                                                                                                                                                                                                                            | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Invoice[]; }; }` | `undefined`                                                                         |
+| `description`      | `description`        |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"View and download your invoices to report your earnings and stay tax compliant."` |
+| `emptyStateHeader` | `empty-state-header` |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"View your invoice details"`                                                       |
+| `emptyStateText`   | `empty-state-text`   |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Refer a friend to view the status of your invoices and rewards earned"`           |
+| `header`           | `header`             |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Invoices"`                                                                        |
+| `hiddenColumns`    | `hidden-columns`     | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                             | `string`                                                                                                        | `"0"`                                                                               |
+| `hideLabels`       | `hide-labels`        |                                                                                                                                                                                                                                                                            | `boolean`                                                                                                       | `false`                                                                             |
+| `mdBreakpoint`     | `md-breakpoint`      |                                                                                                                                                                                                                                                                            | `number`                                                                                                        | `799`                                                                               |
+| `moreLabel`        | `more-label`         |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Next"`                                                                            |
+| `perPage`          | `per-page`           | Number of invoices displayed per page                                                                                                                                                                                                                                      | `number`                                                                                                        | `4`                                                                                 |
+| `prevLabel`        | `prev-label`         |                                                                                                                                                                                                                                                                            | `string`                                                                                                        | `"Prev"`                                                                            |
+| `programId`        | `program-id`         | Filters to only show invoices in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all invoices from all programs. If program ID is "classic", shows classic-only invoices | `string`                                                                                                        | `undefined`                                                                         |
+| `smBreakpoint`     | `sm-breakpoint`      |                                                                                                                                                                                                                                                                            | `number`                                                                                                        | `599`                                                                               |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-referral-table/columns/readme.md b/packages/mint-components/src/components/sqm-referral-table/columns/readme.md
index 1bc860aca8..b301e5eead 100644
--- a/packages/mint-components/src/components/sqm-referral-table/columns/readme.md
+++ b/packages/mint-components/src/components/sqm-referral-table/columns/readme.md
@@ -16,7 +16,7 @@
 
 ## Methods
 
-### `renderCell(data: any) => Promise<any>`
+### `renderCell(data: Referral) => Promise<any>`
 
 
 
@@ -36,7 +36,7 @@ Type: `Promise<string>`
 
 
 
-### `renderReferrerCell(data: any) => Promise<any>`
+### `renderReferrerCell(data: Referrer) => Promise<any>`
 
 
 
diff --git a/packages/mint-components/src/components/sqm-referral-table/readme.md b/packages/mint-components/src/components/sqm-referral-table/readme.md
index 9c1472a588..8ec5c88d29 100644
--- a/packages/mint-components/src/components/sqm-referral-table/readme.md
+++ b/packages/mint-components/src/components/sqm-referral-table/readme.md
@@ -7,18 +7,18 @@
 
 ## Properties
 
-| Property        | Attribute        | Description                                                                                                                                                                                                                                                                   | Type                                                                                                        | Default     |
-| --------------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ----------- |
-| `demoData`      | --               |                                                                                                                                                                                                                                                                               | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: any[]; }; }` | `undefined` |
-| `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                                | `string`                                                                                                    | `"0"`       |
-| `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                                                                               | `boolean`                                                                                                   | `false`     |
-| `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                                                                               | `number`                                                                                                    | `799`       |
-| `moreLabel`     | `more-label`     |                                                                                                                                                                                                                                                                               | `string`                                                                                                    | `"Next"`    |
-| `perPage`       | `per-page`       | Number of referrals displayed per page                                                                                                                                                                                                                                        | `number`                                                                                                    | `4`         |
-| `prevLabel`     | `prev-label`     |                                                                                                                                                                                                                                                                               | `string`                                                                                                    | `"Prev"`    |
-| `programId`     | `program-id`     | Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals | `string`                                                                                                    | `undefined` |
-| `showReferrer`  | `show-referrer`  | Show referred by user in table                                                                                                                                                                                                                                                | `boolean`                                                                                                   | `false`     |
-| `smBreakpoint`  | `sm-breakpoint`  |                                                                                                                                                                                                                                                                               | `number`                                                                                                    | `599`       |
+| Property        | Attribute        | Description                                                                                                                                                                                                                                                                   | Type                                                                                                             | Default     |
+| --------------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ----------- |
+| `demoData`      | --               |                                                                                                                                                                                                                                                                               | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Referral[]; }; }` | `undefined` |
+| `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                                                                                | `string`                                                                                                         | `"0"`       |
+| `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                                                                               | `boolean`                                                                                                        | `false`     |
+| `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                                                                               | `number`                                                                                                         | `799`       |
+| `moreLabel`     | `more-label`     |                                                                                                                                                                                                                                                                               | `string`                                                                                                         | `"Next"`    |
+| `perPage`       | `per-page`       | Number of referrals displayed per page                                                                                                                                                                                                                                        | `number`                                                                                                         | `4`         |
+| `prevLabel`     | `prev-label`     |                                                                                                                                                                                                                                                                               | `string`                                                                                                         | `"Prev"`    |
+| `programId`     | `program-id`     | Filters to only show referrals in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all referrals from all programs. If program ID is "classic", shows classic-only referrals | `string`                                                                                                         | `undefined` |
+| `showReferrer`  | `show-referrer`  | Show referred by user in table                                                                                                                                                                                                                                                | `boolean`                                                                                                        | `false`     |
+| `smBreakpoint`  | `sm-breakpoint`  |                                                                                                                                                                                                                                                                               | `number`                                                                                                         | `599`       |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md b/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
index a9e2b69659..1656b2fd7f 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/cells/readme.md
@@ -7,25 +7,25 @@
 
 ## Properties
 
-| Property                 | Attribute                  | Description | Type     | Default                                                                              |
-| ------------------------ | -------------------------- | ----------- | -------- | ------------------------------------------------------------------------------------ |
-| `deniedText`             | `denied-text`              |             | `string` | `"Detected self-referral"`                                                           |
-| `expiryText`             | `expiry-text`              |             | `string` | `"Expires"`                                                                          |
-| `locale`                 | `locale`                   |             | `string` | `"en"`                                                                               |
-| `payoutApproved`         | `payout-approved`          |             | `string` | `"Reward approved for payout and was scheduled for payment based on your settings."` |
-| `payoutCancelled`        | `payout-cancelled`         |             | `string` | `"If you think this is a mistake, contact our Support team."`                        |
-| `payoutFailed`           | `payout-failed`            |             | `string` | `"Payout failed due to a fulfillment issue and is current being retried."`           |
-| `pendingNewTaxForm`      | `pending-new-tax-form`     |             | `string` | `"Invalid tax form. Submit a new form to receive your rewards."`                     |
-| `pendingPartnerCreation` | `pending-partner-creation` |             | `string` | `"Complete your tax and cash payout setup to receive your rewards."`                 |
-| `pendingReviewText`      | `pending-review-text`      |             | `string` | `"Awaiting review"`                                                                  |
-| `pendingScheduled`       | `pending-scheduled`        |             | `string` | `"Until"`                                                                            |
-| `pendingTaxReview`       | `pending-tax-review`       |             | `string` | `"Awaiting tax form review."`                                                        |
-| `pendingTaxSubmission`   | `pending-tax-submission`   |             | `string` | `"Submit your tax documents to receive your rewards."`                               |
-| `pendingUnhandled`       | `pending-unhandled`        |             | `string` | `"Fulfillment error"`                                                                |
-| `pendingUsTax`           | `pending-us-tax`           |             | `string` | `"W-9 required"`                                                                     |
-| `reward`                 | `reward`                   |             | `any`    | `undefined`                                                                          |
-| `statusText`             | `status-text`              |             | `string` | `undefined`                                                                          |
-| `taxConnection`          | `tax-connection`           |             | `any`    | `undefined`                                                                          |
+| Property                 | Attribute                  | Description | Type               | Default                                                                              |
+| ------------------------ | -------------------------- | ----------- | ------------------ | ------------------------------------------------------------------------------------ |
+| `deniedText`             | `denied-text`              |             | `string`           | `"Detected self-referral"`                                                           |
+| `expiryText`             | `expiry-text`              |             | `string`           | `"Expires"`                                                                          |
+| `locale`                 | `locale`                   |             | `string`           | `"en"`                                                                               |
+| `payoutApproved`         | `payout-approved`          |             | `string`           | `"Reward approved for payout and was scheduled for payment based on your settings."` |
+| `payoutCancelled`        | `payout-cancelled`         |             | `string`           | `"If you think this is a mistake, contact our Support team."`                        |
+| `payoutFailed`           | `payout-failed`            |             | `string`           | `"Payout failed due to a fulfillment issue and is current being retried."`           |
+| `pendingNewTaxForm`      | `pending-new-tax-form`     |             | `string`           | `"Invalid tax form. Submit a new form to receive your rewards."`                     |
+| `pendingPartnerCreation` | `pending-partner-creation` |             | `string`           | `"Complete your tax and cash payout setup to receive your rewards."`                 |
+| `pendingReviewText`      | `pending-review-text`      |             | `string`           | `"Awaiting review"`                                                                  |
+| `pendingScheduled`       | `pending-scheduled`        |             | `string`           | `"Until"`                                                                            |
+| `pendingTaxReview`       | `pending-tax-review`       |             | `string`           | `"Awaiting tax form review."`                                                        |
+| `pendingTaxSubmission`   | `pending-tax-submission`   |             | `string`           | `"Submit your tax documents to receive your rewards."`                               |
+| `pendingUnhandled`       | `pending-unhandled`        |             | `string`           | `"Fulfillment error"`                                                                |
+| `pendingUsTax`           | `pending-us-tax`           |             | `string`           | `"W-9 required"`                                                                     |
+| `reward`                 | --                         |             | `Reward`           | `undefined`                                                                          |
+| `statusText`             | `status-text`              |             | `string`           | `undefined`                                                                          |
+| `taxConnection`          | --                         |             | `ImpactConnection` | `undefined`                                                                          |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md b/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
index 77f34d7c4e..ae3f52d8ae 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/columns/readme.md
@@ -28,7 +28,7 @@
 
 ## Methods
 
-### `renderCell(data: any, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>`
+### `renderCell(data: Reward, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>`
 
 
 
diff --git a/packages/mint-components/src/components/sqm-rewards-table/readme.md b/packages/mint-components/src/components/sqm-rewards-table/readme.md
index cc6a485664..16f7062f3c 100644
--- a/packages/mint-components/src/components/sqm-rewards-table/readme.md
+++ b/packages/mint-components/src/components/sqm-rewards-table/readme.md
@@ -7,17 +7,17 @@
 
 ## Properties
 
-| Property        | Attribute        | Description                                                                                                                                                                                                      | Type                                                                                                        | Default     |
-| --------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ----------- |
-| `demoData`      | --               |                                                                                                                                                                                                                  | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: any[]; }; }` | `undefined` |
-| `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                   | `string`                                                                                                    | `"0"`       |
-| `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                  | `boolean`                                                                                                   | `false`     |
-| `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                  | `number`                                                                                                    | `799`       |
-| `moreLabel`     | `more-label`     |                                                                                                                                                                                                                  | `string`                                                                                                    | `"Next"`    |
-| `perPage`       | `per-page`       |                                                                                                                                                                                                                  | `number`                                                                                                    | `4`         |
-| `prevLabel`     | `prev-label`     |                                                                                                                                                                                                                  | `string`                                                                                                    | `"Prev"`    |
-| `programId`     | `program-id`     | Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs. | `string`                                                                                                    | `undefined` |
-| `smBreakpoint`  | `sm-breakpoint`  |                                                                                                                                                                                                                  | `number`                                                                                                    | `599`       |
+| Property        | Attribute        | Description                                                                                                                                                                                                      | Type                                                                                                             | Default     |
+| --------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ----------- |
+| `demoData`      | --               |                                                                                                                                                                                                                  | `Partial<Pick<GenericTableViewProps, "states" \| "data" \| "elements">> & { mockData?: { data: Referral[]; }; }` | `undefined` |
+| `hiddenColumns` | `hidden-columns` | Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3                                                                                                                   | `string`                                                                                                         | `"0"`       |
+| `hideLabels`    | `hide-labels`    |                                                                                                                                                                                                                  | `boolean`                                                                                                        | `false`     |
+| `mdBreakpoint`  | `md-breakpoint`  |                                                                                                                                                                                                                  | `number`                                                                                                         | `799`       |
+| `moreLabel`     | `more-label`     |                                                                                                                                                                                                                  | `string`                                                                                                         | `"Next"`    |
+| `perPage`       | `per-page`       |                                                                                                                                                                                                                  | `number`                                                                                                         | `4`         |
+| `prevLabel`     | `prev-label`     |                                                                                                                                                                                                                  | `string`                                                                                                         | `"Prev"`    |
+| `programId`     | `program-id`     | Filters to only show rewards in this program. Will default to filtering by the program context where this table lives. If no program ID is set or provided by context, then shows all rewards from all programs. | `string`                                                                                                         | `undefined` |
+| `smBreakpoint`  | `sm-breakpoint`  |                                                                                                                                                                                                                  | `number`                                                                                                         | `599`       |
 
 
 ## Dependencies
diff --git a/packages/mint-components/src/saasquatch.d.ts b/packages/mint-components/src/saasquatch.d.ts
index 1871339585..c531f3164e 100644
--- a/packages/mint-components/src/saasquatch.d.ts
+++ b/packages/mint-components/src/saasquatch.d.ts
@@ -1,5 +1,3 @@
-import { Currencies } from "./components/tax-and-cash/sqm-tax-and-cash/data";
-
 interface Referral {
   id: string;
   dateConverted: number;

From 77820e958f7b48c4bf8384f0b62193932e90da64 Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 8 Apr 2024 17:04:25 -0700
Subject: [PATCH 748/753] update changelog release date

---
 packages/mint-components/CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/CHANGELOG.md b/packages/mint-components/CHANGELOG.md
index 00229e4bb8..db7f28ca6a 100644
--- a/packages/mint-components/CHANGELOG.md
+++ b/packages/mint-components/CHANGELOG.md
@@ -7,7 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-## [1.8.0] - 2024-07-02
+## [1.8.0] - 2024-04-09
 
 ### Changed
 

From 5c3886d7efc85e41d60d8104c6ae7165e40dc1bf Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Mon, 8 Apr 2024 17:05:09 -0700
Subject: [PATCH 749/753] prep PR for launch

---
 packages/mint-components/package-lock.json | 4 ++--
 packages/mint-components/package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 04cfa9f297..92dc3f575e 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-141",
+  "version": "1.8.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-141",
+      "version": "1.8.0",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json
index 9826ba1117..6f9fce05cb 100644
--- a/packages/mint-components/package.json
+++ b/packages/mint-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.8.0-141",
+  "version": "1.8.0",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

From b0cd905f90f50307cf357026569bea5938133622 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 9 Apr 2024 09:48:59 -0700
Subject: [PATCH 750/753] fix logic bug with mismatched tax documents in
 docusign initial state

---
 .../sqm-docusign-form/useDocusignForm.tsx     | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
index 202b93c148..cf65828861 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-docusign-form/useDocusignForm.tsx
@@ -81,11 +81,12 @@ export function useDocusignForm(props: DocusignForm) {
   const [loading, setLoading] = useState(false);
 
   // Only look at current document if it's valid (same as required type)
-  const existingDocumentType =
-    validTaxDocument(
-      publisher?.requiredTaxDocumentType,
-      publisher?.currentTaxDocument?.type
-    ) && publisher?.currentTaxDocument?.type;
+  const existingDocumentType = validTaxDocument(
+    publisher?.requiredTaxDocumentType,
+    publisher?.currentTaxDocument?.type
+  )
+    ? publisher?.currentTaxDocument?.type
+    : undefined;
 
   const actualDocumentType =
     existingDocumentType ||
@@ -93,15 +94,14 @@ export function useDocusignForm(props: DocusignForm) {
     publisher?.requiredTaxDocumentType;
 
   useEffect(() => {
-    if (!publisher?.currentTaxDocument?.type) return;
+    if (!existingDocumentType) return;
 
-    const type = publisher.currentTaxDocument.type;
-    if (type === "W8BEN") {
+    if (existingDocumentType === "W8BEN") {
       setParticipantType("individualParticipant");
-    } else if (type === "W8BENE") {
+    } else if (existingDocumentType === "W8BENE") {
       setParticipantType("businessEntity");
     }
-  }, [publisher]);
+  }, [existingDocumentType]);
 
   useEffect(() => {
     // Skip if no publisher info

From 46bc4f1b4f938a00d67d2fb7fb4869f29fe27811 Mon Sep 17 00:00:00 2001
From: Locrian24 <locrian24@gmail.com>
Date: Tue, 9 Apr 2024 09:53:33 -0700
Subject: [PATCH 751/753] prerelease 1.8.0-142

---
 packages/mint-components/package-lock.json                    | 4 ++--
 .../tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx | 1 -
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index 92dc3f575e..b44f867217 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0",
+  "version": "1.8.0-142",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0",
+      "version": "1.8.0-142",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
index 353621ce80..783f7212b6 100644
--- a/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
+++ b/packages/mint-components/src/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.tsx
@@ -14,7 +14,6 @@ import {
 } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
 import JSONPointer from "jsonpointer";
-import { CurrentTaxDocument } from "../../../saasquatch";
 import {
   CountriesQuery,
   COUNTRIES_QUERY_NAMESPACE,

From a6ac9e9a2c12903afca33a0ee75d80e6328ab65b Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 10 Apr 2024 10:04:36 -0700
Subject: [PATCH 752/753] Update package-lock.json

---
 packages/mint-components/package-lock.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mint-components/package-lock.json b/packages/mint-components/package-lock.json
index b44f867217..92dc3f575e 100644
--- a/packages/mint-components/package-lock.json
+++ b/packages/mint-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.8.0-142",
+  "version": "1.8.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@saasquatch/mint-components",
-      "version": "1.8.0-142",
+      "version": "1.8.0",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {

From 23fc948906427dad99a516f4f3ad4cdc5ea4c0ed Mon Sep 17 00:00:00 2001
From: Sam Beveridge <sam.beveridge@referralsaasquatch.com>
Date: Wed, 10 Apr 2024 10:40:10 -0700
Subject: [PATCH 753/753] update changelog date

---
 packages/mint-components/CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mint-components/CHANGELOG.md b/packages/mint-components/CHANGELOG.md
index db7f28ca6a..89699da6b1 100644
--- a/packages/mint-components/CHANGELOG.md
+++ b/packages/mint-components/CHANGELOG.md
@@ -7,7 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-## [1.8.0] - 2024-04-09
+## [1.8.0] - 2024-04-10
 
 ### Changed